- Added
icon
for<Avatar />
- Added
<ArrowLeftThinIcon />
,<ArrowRightThinIcon />
- Added
<SquareArrowsIcon />
- Changed Link public properties:
- added
intent = 'alarm'
property
- added
- Export
<FormControlLabel />
from index file
- Added
<FormControlLabel />
,<QuestionGhostIcon />
- Replaced old
<QuestionIcon />
to new<QuestionIcon />
- Removed
<HelpIcon />
- Added
<OntologyIcon />
- Added
inclusiveDisabled
for<ListItem>
and<MenuItem>
- Added
inclusiveDisabled
for<Tab>
- Added
inclusiveDisabled
for<Button>
- Fix showing public API for each component
- Added
<NewTabIcon />
,<ExternalLinkIcon />
- Added
<SimpleFileIcon />
- Changed styles for focus state
<Textarea>
- Bump Typescript to 4.3
- Fix color for fakeHover in
<HeaderItem>
- Added
--gs-color-white-smoke
variable in styles - Change hover color for
<HeaderItem />
- Added
<QuestionIcon />
- Added
iconStart
,iconEnd
to<Button/>
- Added deprecated comment for
icon
API to<Button/>
- Update peer to
[email protected]
[email protected]
@types/[email protected]
@types/[email protected]
- Added
<ReverseArrowsIcon />
- Fix errors in examples
- Pass styles to popover container
- Pass refs to suggest inputs
- Add
data-qa
to<Select />
- Allow any component with
value
property to be passed in<SuggestInput />
as<SuggestInputItem />
- Added
<NarrowIcon />
,<WidenIcon />
- Added
<BoxplotIcon />
- Added
data-qa
to<Tab />
and<Tabs />
<Tab />
remove conditional hook usage
<Checkbox />
- Added
usePopoverHandler
hook and<PopoverHandler/>
- Added
shrink
grow
properties in<HeaderItemCell/>
- Added
align
justify
flexWrap
direction
properties and0
variant forgap
property in<Flex/>
- Added
flexWrap
property in<Controls/>
- Added
<SampleIcon />
,<KebabIcon />
- Fixed
ellipsis
property in<Link/>
- Overridden scrollableNodeProps types for ScrollView
- Extends "Options" types from a simplebar for ScrollView
- Fix indicator animation for Tab
- Add to imports Tabs from genestack-ui
- Add CloneProps
- Add "deprecated" comment for tooltip and tooltipProps in Tab is deprecated
- Add PresentationSection
- Add tooltip property to Tab
- Fix tab background hover
- Add DropdownTabs
- Mount
<Popper>
in<Suggest>
only when it opened for better performance
- Added
<DictionaryIcon />
,<LockOutlinedIcon />
,<RetryIcon>
,<TrashIcon>
- Added Tabs
- Added Tab
- Fixed rendering of bold fonts in Windows
- Changed color of Typography
intent = 'quiet'
forbody
andcaption
variants - Changed colors of
Button
intent="alarm"
,Badge
intent="warning"
- Added inverted Badge
- Added slashed zeros as a default feature of Typography
- Changed Select API
- Add Select support in native and menu mode
- Add Option
- Add OptionLabel
- Add SelectEmitter
- Add ArrowBottomThinIcon
- Changed a default font-family to
IBM Plex Sans
- Changed Typography public properties:
quiet
tointent = 'quiet'
status = 'success' | 'warning' | 'error'
tointent = 'success' | 'warning' | 'alarm'
- added
boolean condensed
property
- Changed Typography
classes
:error
toalarm
- Add
<SuggestInput/>
popper events only when it opened
- Add
as
property to<Link />
- Change assembly of styles for external libraries
- Add SimpleBar to externals in webpack
- Builds code into a bundle
- Add
<GearIcon />
,<GenericFileIcon />
,<StudyIcon>
- Changed
<Paper />
to consume dark context and change own appearance depending on its value - Updated scrollbar colors in
<ScrollView />
- Fix clicks on
<InteractiveElement />
when it is a button or a link
- Add
<TemplateIcon />
- Introduce
showScrollbars
option of<ScrollView />
component
- Changed
intent = 'default'
tointent = 'no-intent'
inButtonBase
public properties - Changed
intentDefault
tonoIntent
inButtonBase
classes
- Changed
ghost
-oppositevariant: 'normal'
tovariant: 'solid'
inButton
andButtonGroup
examples
- Fix height
- Add
<Badge/>
component - Add
<FirstPageIcon />
- Add
<LastPageIcon />
- Reset focus state on disable
<Input />
- Enable ref on
<InteractiveElement />
- Update
<BookmarkIcon />
path colouring in
- Update
<BookmarkIcon />
path dimensions - Update
<BookmarkBorderedIcon />
path dimensions, rounded corners and colouring in
- Add
<ScrollView />
component
- Enable ref on
<ListItem />
- Change
<UserGroupIcon />
- Change
<PlusUserIcon />
- Change
<SharedWithUserIcon />
- Change
<UserIcon />
- Add
<UserGroupIcon />
- Change
<PlusUserIcon />
- Change
<SharedWithUserIcon />
- Change
<UserIcon />
- Fix TS error in
<Avatar/>
component
- Add
<OrganizationIcon />
,<SharedWithUserIcon />
- Add
data-qa
attribute to<Avatar />
component
- Add
<Avatar />
component - Add
<ArrowDownloadThinIcon />
,<FiltersIcon />
- Change
<RadioIcon />
- Change
<CheckedRadioIcon />
- Add
<RadioIcon />
- Add
<CheckedRadioIcon />
- Add
gs-color-grey-outline-20
color
<Select>
: addselectRef
prop
- Fix IE11 error for
Element.prototype.matches
<TimeReverseIcon />
<UploadIcon />
<DraftIcon />
<BulletIcon />
- Fixed
<MenuIcon />
path blurring on Windows
<BooleanIcon />
,<DateIcon />
,<DecimalIcon />
,<IntegerIcon />
,<LinkIcon />
,<TextIcon />
- Export
<Switch />
from index file - Add
data-qa
attribute to all components
- Fix margins for list in
<SuggestInput />
- Do not close
<Dialog />
whenoverlayProps.disableClickListener = true
- New color variable
--gs-color-grey-light-background
- [ButtonBase] Do not call
onClick
from disabled fieldset (https://git.io/JvGuI)
- Add new
<Switch />
component
- Update
[email protected]
- Pass all props from
<MarginBox />
to<DialogBody />
- Fix React warning about state updates after unmounting for
<TooltipHandler />
- Enable
openDelay
works property for<TooltipHandler />
- Fix icon colors for hovered ghost buttons
- Increase margins for
<List>
component to 16px
<CrossSmallIcon />
- Fix
onBlur
andonFocus
props mismatching for<MenuItem />
- Changed
background
tobackground-color
css property ofListItem
- Fixed passing of
titleProps
inMenuItem
- Add
UserIcon
icon
- Add
useMenuHandler
hook - Add
useTooltipHandler
hook
- Fix problem with
z
axis forTooltip
- Export
ButtonGroup
fromgenestack-ui
<BookmarkBorderedIcon >
<LedIcon />
- Add new
<BaseButton />
component - Add
<Field />
component - Add
<BookmarkIcon >
,<CheckMarkIcon />
,<EyeIcon />
,<KeyboardArrowLeftIcon />
,<LedIcon />
,<PlusIcon />
and<WarningIcon />
components. Now they can be imported asimport {FooIcon, BarIcon} form 'genestack-ui/src/icons';
- [Button] Add
size
property with newsmall
andtiny
variants - [Button] Add
intent
property with newalarm
variant - [Button] Add
ghost
separated property
- [Button] Breaking change
variant="ghost"
->ghost={true}
- [Button] Breaking change
variant="primary"
->intent="accent"
- [Button] Breaking change
variant="outlined"
->ghost intent="accent"
- [Button] Breaking change
as
->component
- [Button] Breaking change
tiny
->size="small"
- Breaking change
<Controls/>
gap={6}
->gap={4}
- Update dependencies
- Rename
<BaseButton />
to<InteractiveElement />
- [Button] Remove
href
property (to enablehref
property usecomponent="a"
)
- Fix caption in
TextLabel
to display0
- Fix background for auto-filled
<Input />
component
- Change
MoreIcon
view to tiny
- Fix scroll position when long dialog is opening
- Fix focusing elements when menu is closing
- Add
roundCorners
property toPopover
- Add round corners in
Suggest
'sPopover
- Add missed
refs
inOverlay
,Popover
,SuggestInput
- Improve SuggestInput key down behaviour
- Fix padding for
MenuCaption
- Export
MenuCaption
fromgenestack-ui
- Props spreading in
SuggestInput
- Max-height in
SuggestInput
- Fix updating suggest position after children change
- Add
as
property to dialog - Do not close Dialog if click event starts into it
- Add
ArrowDownloadIcon
,InfoIcon
,PlusUserIcon
, andPlayCircledIcon
icons - Add
MenuCaption
component
- Change paddings in
Divider
component
- Fix margins for transparent
Divider
in Safari
- Add
Preloader
component
- (breaking change) Remove
ListItemText
,ListItemCell
,ListLabel
components
- (breaking change) Add
interactive
property forListItem
.false
by default - Add
subtitle
,prepend
andappend
properties toListItem
subtitle
property forMenuItem
- (breaking change) Remove
MenuItemText
,MenuItemCell
components
- Fix
HeaderItemText
margins
- Add
TextLabel
component
- Use
p
forbody
andcaption
variants in Typography - Set default icon
vertical-align
tobottom
- Fixed missed
className
forLink
- Change default highlighter to
<b/>
inHighlight
component - Rename
renderMark
torenderHighlighter
property forHighlight
component
- Add
prepend
andappend
properties toLink
- Fix missed
className
forHeader
component
- Remove
Paper
border
- Change default
Paper
shadow
- Add
align
property toControls
component - Add
Highlight
component - Add
SuggestInput
component - Add
append
element toMenuItem
- Add automatic determination of tag name based on
variant
props
- Remove
Autocomplete
component - Remove default margins for
Typography
withas
- Replace
icon
property withprepend
inMenuItem
- Update peer to
[email protected]
- Add
RootElement
component - Add
Link
component - Add
Spinner
component
- Increase right padding for menu items
- [Typography] Add
ellipsis
property
- Rename
<TextareaAutosize />
to<Textarea />
fullWidth
andinvalid
properties to<Textarea />
- Fixed typings for missed css modules
- Add
href
property toButton
,HeaderItem
,ListItem
andMenuItem
to make they render as anchor element. - [TooltipHandler] Add
openDelay
property. - [Dialog] Add
size
,scrollable
properties.
- [Dialog] Remove
compact
property.
- [Dialog] Fix
autoFocus
inputs on open. - [TooltipHandler] Fix typings for
tooltip
property.
- Private
CircularCountdown
component Notification
component- Dark context for colors inverting
- [Button] Inverted colors
- [Divider] Inverted colors
- [Typography] Inverted colors
- [Typography] Add status colors (
success
,error
,warning
)
- Use kebab case for close reasons (Overlay, Dialog)
- Types in
focusable-elements
- Move
@types/react-transition-group
dependency fromdev
.
- [Dialog] Fix width in non-compact mode
- [Input] Add new property
fullWidth
. - [Input] Add new property
inputRef
. - [Typography] Add export from index.ts.
- [Input] Rename
hasError
property toinvalid
. - [Input] Remove
event
argument fromonValueChange
callback. - [Input] Make
onChange
callback as originalinput.onChange
.
- Header, HeaderItem, HeaderItemCell, HeaderItemIcon, HeaderItemText, HeaderItemSecondaryActions
- Peer
genestack-frontend-builder
to>= 0.9.0
- Button
- ButtonGroup
- Tooltip, TooltipHandler
- Backdrop
- FocusTrap
- Overlay
- Paper
- Divider
- FlexExpander
- List, ListItem, ListItemCell, ListItemText
- Popover
- Menu, MenuItem, MenuItemCell, MenuItemText, SubMenu, MenuHandler
- HiddenScrollBar
- Drawer, DrawerFullWidth
- WithSeparator
- RootRef
- Dialog, DialogHeader, DialogFullWidth, DialogFooter, DialogBody
- PageContent, PageFullWidth
- Controls, ControlsItem
- Fade
- Shake
- Grow
- Slide
- ArrowLeftIcon
- ArrowRightIcon
- CrossIcon
- DownloadIcon
- FileIcon
- HelpIcon
- KeyboardArrowBottomIcon
- KeyboardArrowRightIcon
- LockIcon
- MenuIcon
- MoreIcon
- OpenFolderIcon
- PauseIcon
- PlayIcon
- ShareIcon
- StopIcon
- Fix typescript compiler checks
- Types check to tests
- Readme.md