- Changed default tooltip placement to
bottom
- Fixed disabled Switch still being clickable
- Fixed Tab appearance on iOS when rendered as anchors/links
- Fixed Input appearance on iOS
- Changed
HTMLAttributes
prop interface to extendReact.HTMLAttributes
instead ofReact.AllHTMLAttributes
- Added
HTMLAttributes
props interface to components - Added
inherit
variant to Text and Heading - Added
openOnHover
prop to Menu component - Exposed internal Menu disclosure state functions (#47)
- Fixed missing
noscroll
class (#46)
- Added
useDisclosure
hook
- Added
autoFocus
prop to Select component (#44) - Made some child elements within the Select component unselectable
- Removed
setIsOpen
prop fromusePopper
- Added
onClose
prop tousePopper
- Removed
isOpen
,onOpen
,onClose
andonToggle
fromusePopper
return - Implemented
useDisclosure
hook to Menu component - Implemented
useDisclosure
hook to Tooltip component - Adjusted Menu transition time
- Fixed Heading component (was
p
, should have beenh2
)
- Added
Tab
component
- Mixins on Flex, Grid, Header and Text have been aligned with the Box's behaviour, style props will overide the
sx
prop getComponentStyles
renamed tocomponentStylesMixin
SxProps
renamed toSxProp
- Menus and Tooltips are now rendered inside Portals
- More components now have the
as
prop on their interfaces (#38) - Added
color
types to Radio and Switch components
- Fixed Menu in Stack having margin applied (#39)
- Fixed Tags
label
prop - Fixed outline style on open Menus
- Fixed Stack not using
flexDir
andflexDirection
(#40) - Fixed Avatar images overflowing when a variant is set
- Fixed Badge line height issues
- Added
Skeleton
component
- Switched order of box mixins
- Added
getComponentStyles
anduseComponentStyles
to exports
- Added
ModalCloseButton
,ModalHeader
,ModalBody
andModalFooter
components - Added
Container
component - Added
Image
component - Added
Badge
component - Added
Code
component - Added
Kbd
component - Added
Tag
component
- Added color types for
Alert
,Button
,Checkbox
,Link
- Adjusted Alert text color
- Added export for theme color scales
- Updated and added additional prop documentation
- Moved icon button base style into theme
- The close button's icon can now be overridden
- Button line-height changed from
1
to1.2
- Fixed modal positioning
- Fixed typos in types
- Added AvatarGroup component
- Added CloseButton component
- Added IconButton component
- Added Tooltip component
- New
sx
prop for overriding component styles, prop has been added to most components
- Major rework of most components, interfaces may have changed significantly between versions
- Moved to using new
@spicy-ui/styled-system
internally
- Renamed Select prop
renderMenuItemLabel
torenderItem
- Fixed select inner button submitting wrapping form components
- Breaking: replaced Select component with new Downshift based select component
- Migrated project to npm
- Fixed GitHub release script, package should publish correctly on release creation now
- Minor change to toast internals to fix type error
- Republish package to npm
- New Checkbox component
- New Radio component
- New Switch component
- New Toast component
- New Progress component
- Changed props of popover so that it's all 'opt in'
- Added transition to popover inner
- Added
0.5
size to theme - Added blackAlpha and whiteAlpha button colors to button story
- Changed unstyled button styles
- Fixed issue with popover component rendering out of view
- New Theme component
- Replaces the ThemeProvider.
- Replaces the CssReset component with a new
injectGlobalStyles
function which allows a consumer to restyle and extend their app's base CSS.
- Removed the following components
- ColorModeProvider (see below)
- CssReset (moved into Theme)
- Field (see below)
- SpicyProvider
- ThemeProvider
- Removed color mode implementations from all components
- Our intention is to provide an alternate dark theme instead of a provider + hook.
- Removed Field component
- Determined through implementations that this provider is best implemented by the consumer as different form libraries (formik, react-form-hook) call for different implementations and usages.
- Default theme now uses Tailwind CSS colors
- Component styles have been adjusted to use new theme colors
- Added CHANGELOG.md
- Fixed outline and ghost variants of the Button component not having transparent background colors
- Fixed issue with color prop on Text and Heading components
- Fixed height prop not being avaliable on Input, Select and TextArea components
- Fixed ref forwarding issue with Input, Select and TextArea components
- Fix for menu background
- Fix menu in dark mode
- New Avatar component
- New Popover component
- New Menu component
- Improvements to box shadows steps in theme
- Renamed Drawer and Modal props
- Fix for headers receiving default browser margin/padding
- Raise opacity on disabled elements
- Reduced x padding on inputs
- Black button consistency
- Dependencies update and React 17 fix
- Possible iOS button appearance fix
- Try to improve Link component again
- Change all component styles to be functions so they're used consistently when imported/extended
- Removed device-width padding from noscroll class
- Improved types for Box component and Link
- Modified when variants for components are called
- Other component changes
- Fixed tests not running
- Reworked theme system
- Aligned design choices with those found in Tailwind CSS
- Component styles are now found in
system.components
e.g.system.components.Button
which allows for extending variants, colors, sizes etc. - Updated storybook to 6.0 beta
- Various improvements all over the library
- New Portal component
- New Modal component
- New Drawer component
- Various changes to component styles
- Split CssReset component out of the Theme component
- Implemented shouldForwardProp on styled components
- Various fixes to types, linting and component internals
- First publish of components