All notable changes to this project will be documented in this file.
The format is based on EZEZ Changelog and this project adheres to Semantic Versioning.
- CoveringLoader crashes with error about ref
- full stitches & ref compatibility (forwardRef, className forward, subcomponents selectors, displayName, toString) for:
InputHeaderIconActionListModalAction- all icons
- all loader components
- pop components (no ref on Pop)
- modal has a blur backdrop filter by default
Selectorhas multi line mode now
InputstaleonKeyDownandonSuggestionMatchmay be calledSelectorscrolls correctly when there are too many items
- lint fixes
CoveringLoadercrashing on some race condition
- dark theme
- replaced hardcoded occurrences of
whitewith$background
$text2and$text3colors with more contrast
CoveringLoadershould haveposition: absolute, notfixed
CoveringLoaderwill crash if it receives a child without HTMLElement ref instead of silently not working
CoveringLoaderinertModeprop is typed as optional as it should be
- loader spinner is no longer rendered as svg, but a div with background image (same looks)
- loader spinner no longer accepts className
CoveringLoaderrewritten with different logic, please refer to Storybook documentation
Gaputil component
- all scss styles AND SETUP replaced with stitches
Choice,TextArea,Checkbox,ColorPicker,Label,Select,Toggle,DirectionPad,KeyValue,Card,Drawer,Stats,Selector,SearchContainerandProgressnow forward refs, can be composed upon, has own selector astoString()and exports sub-components selectorsEqualActions,DirectionPad,KeyValue,Card,Drawer,Stats,SelectorandSearchContainerconverted to stitches- ensure unique class name for generic Div component
- deprecated
.selectorsproperty on some components in favor of newComponentSubSelectorexports
- upgraded storybook
EqualActions,DirectionPad,KeyValue,Card,Drawer,Icons,Stats, andSelectordemo converted to storybook- removed some old or unused demos
- deps bump
Battery,Checkmark,Config,Dots,Heart,Trashicons did not follow current color- exported
Headerselectors should be strings, not functions
Headernow hastoString()on it, so it allows to target it with stitches
- exported
Headersub-elements selectors for styles targeting
Inputnow forwards refSpacerconverted to stitches
Choicecomponent no longer is generic to avoid TS performance issues
ColorPickercomponent
Labelconverted to stitchesToggleconverted to stitchesChoiceconverted to stitches
- updated some deps
- do not build stories on compile step, works around some typescript+storybook issues
- do not lint Choice stories file, same workaround as above
- Removed
BackgroundClassNameandValueClassNamefromProgresscomponent, that shouldn't be exported in the first place
Progresscomponent now has to-be-standarizedselectorsprop on the function, allowing to more flexible styles overrideStickyHeadernow hasselectorsprop
- Item
ratioprop will be used onValueas well ratiowill be used only if defined
- adjusted Item docs
selectedItem prop makesratioprop not working
- next.js bump to fix audit issues
selectedItem prop arrow rendering incorrectly when used with Item.Label
ratioprop of List.Item has more strict type
- Fixed DOM attribute warning on
Input
Actionin a button mode has atype=buttonas default
Actionnow has discriminative props
Inputerror state should color text too, should not color prefix and suffix
Checkboxreadonly styles
- added
errorprop support forInput,Textarea,SelectandCheckbox
Inputdoes not react toonChangechanges
Actionnow supportsbadgeprop
smallHTML element has no default styles- issues with number
0value in sub label ofLabel
- types fix
- all deps bump to fix audit issues
ToolButtoncomponent
Linecomponent
CheckboxcssandclassNameprops being required
Tablevariants are now separated boolean props
Tablerawvariant, use standard<table>instead
Checkboxconverted to stitchesTableconverted to stitchesToasterconverted to stitchesCheckboxreadOnly works as expected nowCheckboxcolor prop deprecatedCheckboxall input props are exposed now
- timeout support for
Toaster - exports of all
stitchesstuff likecssandpxToRem
Progresscomponent
Popconverted to stitches
- storybook version bump
Header,StickyHeaderandHeaderIconActionconverted to stitchesHeaderIconActionno longer tries to fit the space, it's always the same size- some changes to the
Headerstyles, hopefully not breaking StickyHeadernow acceptsrefStickyHeader.Contentis now "real" component, not a wrapper
__dangerouslyDisableChildrenGuardprop forStickyHeaderescape hatch
HeaderIconActionsometimes is squashed
- unused
labelprop fromHeaderIconAction
Headermissing classNames
- fixed not building docs
Actionconverted to stitchesHeadernow acceptscssand all standard div props
- missing export of Choice type props
- missing export of Input type props
- removed js extension from imports
- use
pnpminstead ofyarncommands in package.json - bump some dev deps
- section background covers max 100% height only
- list header content not taking all the space
- regression: missing css files in npm package
- big deps, config and builds upgrade
- missing export of Action props
Buttonno longer acceptsvariant, it has directinlineandoutlineprops nowModalno longer acceptsvariant, it has directfull&positionprops (position still supportsbottomonly)Modal.NegateMarginreplaced with improvedModal.RemovePadding
- some Button, Select & PopOption styles when using new css reset
Buttonconverted to stitchesSelectconverted to stitchesModal&ModalButtonsconverted to stitches
Sectionno longer acceptsvariant, it has directhorizontalandverticalprops nowItemfromListno longer exported directly, use aItemproperty onListconstructorListacceptsinsetdirectly instead ofvariantprop
Listconverted to stitchesSectionmoved to stitches- restored old dev mode
- broken input styles
- broken textarea styles
- added textarea storybook
- exported custom scrollbars as stitches styles
- loader components: CoveringLoader, FullLoader, Loader, Loading, PopLoader
- exported
ThemeCSStype (Stitches CSS type)
- nodemon moved to dev deps
- added storybook
- added
Messagestorybook - added
Inputstorybook Inputconverted to stitches
- exported
styledstitches library function, use this to properly style future components outside this lib
- incorrectly sized icons in headers
- header with buttons demo page crashing
PopOptionexpects ReactElement as icon now- you have to consume exported
getCssTextfunction to have proper styles with SSR
- deps bump
- importing the library
- react 18.2 is now required
- all elements accepts
classNameprop now
- updated a bunch of deps
- modal has support for portals, enabled on document body by default
- deps upgraded
- toaster notification blocking clicking whole bottom of the screen
- actions on vertical header not having proper spaces and EqualActions not working correctly for vertical header at all
KeyValuecomponent
- upgraded library internals, linted code, upgraded demo import to spot missing exports
- suggestions support for
Input
Statsaccepts ReactNode as a value now instead of just a string
onContextMenuprop forToggle
Buttonshould allow multiple variants
undeterminedClickValueprop forToggle
Ifhelper component
- added
leftvariant forChoice
Choicewords wrapping- too generic css selectors causing problems within
PopOptionsometimes
- styles upgrade for demo
classNamesupport forStickyHeaderandChoice
Choiceis no longer all wide by default (available via variant)- background clipping for header, improves custom colors support
- callback types improved for Choice
Tablewidevariant
- variants support for
Table
- extra variants for
Tablecomponent to stretch and center the table
Tablecomponent
classNamesupport toMessagecomponent
Selectcomponent
Togglestateprop renamed tovalue
- added support for
disabledprop forToggle
- missing
Statsexport
Spacerutil component- export of
HandleEscutil component
- added className support for
ActionandModalButtons
- crashes on some components when using without
react-useinstalled
- support for colored header
- custom scrollbars (opt-in)
DrawercomponentStatscomponent- dots icon
- added a prop for controlling closing
PoponEscapekey - added className for sticky header content component
- header icons not reacting to text color change
- config, heart, trash icons
Popcomponent
- checkmark icon
- next.js upgrade
- added missing export for Message
Messagecomponent
- all checkbox props to optional
- checkbox onChange typings
- disabled/readonly support for checkbox
- disabled/readonly support for input
- checkbox styles to less collide with disabled/readonly styles
- input text prefix wrapping
- Added class support to list label and list value components
- bumped some dev deps
- class not applied even when specified in props of List elements
- List.Header class name support
- choice component
- tabs selector component
- modal component
- toaster component
- List, Item, Header components support inset variant
- Item has new prop -
selectedfor marking current active item
- Item border is on the item itself, not on the child element (fixes some compatibility issues and 1px shorter button element)
- passing
variantprop into button html element on Button component
- fixed menu scrolling
- textarea component
- input component
- label component (for forms)
- search container
- icons: battery, search
- replaced deprecated type VFC with FC
- button component not accepting most of the props
- newest components not exported
- Section component + container
- Card component
- Button component crashing
- A lot of components crashing on unknown imports due to missing extensions
- Missing exports
- Label and Value are subcomponents of Item
- Header is subcomponent of List
- Support for splitting list item row into pieces
- Label, Value and Header components for list item
- List item has no default padding
- demo files from npm package
- some files added to gitignore
- Toggle component
- Missing demo of
toolbarvariant of Header
backicon- support for button icons in the header
- basic, WIP support for focus indicator
- Header component no longer has padding by default
- Actions should be named EqualActions everywhere, some texts were not updated before releasing
- some examples leading to 404 page (WIP)
- Icon component
- Action component
- EqualActions component
- Button component
- Header will automatically wrap Action components with EqualActions
- Header component now has padding by default
- checkbox dimensions
- header on the right had border on the wrong side
- deps upgrade
- added react eslint rules, updated base eslint rules
- code style fixed for the rules
- Header + StickyHeader component
- List + Item components
- Direction pad component
- multi-level menu support in demo
- mobile preview on demo
- scrolling on the demo page
- first version
- Checkbox component