CHANGELOG.md

Changelog

This project adheres to Semantic Versioning.

[Unreleased]

Features

• Consider webview element type for outside click scenarios for popups @jurokapsiar (#23531)
• Add GlobeIcon and ArrowSyncIcon @notandrew (#23683)
• Add size 'medium-large' to Avatar @yuanboxue-amber (#23787)

Fixes

• Updating Chat Message's actionMenu to use shadow8 @notandrew (#23100)
• Update Pink colors to new color palette @notandrew (#23262)
• Fix Datepicker hover background for HC theme @chpalac (#23798)

v0.63.1 (2022-06-06)

Compare changes

Fixes

• Remove unnecessary Ref usage from TreeItem @chpalac (#23105)
• Render selectionIndicator in TreeTitle only when it's needed @layershifter (#23131)
• Setting flex-schrink: 0 on listItemHeaderMediaStyle @simonmysun (#23338)
• Return selected value to the Dropdown label @jurokapsiar (#23407)

v0.63.0 (2022-05-18)

Compare changes

BREAKING CHANGES

• Change default Divider color in light and dark theme @yuanboxue-amber (#22665)
• Do not pass deprecated .styles to slots in Avatar @layershifter (#23034)

Features

• Add the MicPulse and MicPulseOff icons @sfilipi (#22944)

Fixes

• Export types for ChatMessageDetails, ChatMessageHeader, and ChatMessageReadStatus styles props @Hirse (#22491)
• Align ChatMessageReadStatus position with ChatMessage @Hirse (#22494)
• Align @fluentui/react-northstar (v0) and @fluentui/react-theme (v9) colors @jurokapsiar (#22483)
• Add missing export for PortalContext @layershifter (#22448)
• Do not stop propagation of letter keys if modifier is used in Tree @jurokapsiar (#22603)
• fix Tooltip constrast style for pointing and subtle=false @yuanboxue-amber (#22696)
• Vertical menu background color should not change on focus in dark theme @yuanboxue-amber (#22707)
• Align default scheme colors between v0 and v9 @jurokapsiar (#22699)
• Fix Dropdown's headerMessage background color @Hirse (#22758)
• Fix AvatarStatusIcon sizing @Hirse (#22714)
• Fix Status icon sizing @Hirse (#22714)
• Fix Dialog to keep it open when press click on content and release outside @yuanboxue-amber (#22849)
• Align Avatar font-weight between v0 and v9 @annabratseiko (#22822)
• Fix Pill to be selectable by keyboard @chpalac (#22839)
• Fix the MicPulseOff outline path to be what's in the Figma file, it is currently the value of the filled icon @sfilipi (#23021)

Features

• Add compatibility with components from @fluentui/react-components in portals @layershifter (#22541)
• Add AvatarStatusImage to use images as Avatar status @Hirse (#22714)
• Copy utilities from @fluentui/utilities to avoid extra dependency on v8 @ling1726 (#23054)

Documentation

• Use https for Embed and Video examples @Hirse (#22738)

v0.62.0 (2022-04-08)

Compare changes

BREAKING CHANGES

• mergeThemes() and other merge* functions used for styling accept only two parameters @layershifter (#22123)
• Create portal elements in separate elements @layershifter (#22329)
• Do not render styles in Provider when "as" is "React.Fragment" @layershifter (#22359)

Fixes

• Tooltip text size should be 12 by default @petr-duda (#22407)
• Add transparent borders to slider @ling1726 (#22089)
• Fix Popup opened from right click (on context), to not dismiss when scrolling happens in nested Popup @yaunboxue-amber (#22087)
• Fix Dropdown not annoucing placeholder/default value with VoiceOver on macOS @aubreyquinn (#22173)
• Fix Datepicker by adding aria-haspopup="true" when allowManualInput is set to false @chpalac (#22201)
• Fix Attachment progress-bar overflow @Hirse (#22115)
• Use v2 theme by default in screener tests @jurokapsiar (#22286)

Features

• Add selected items count narration by screen reader for search multiple selection Dropdown @adamsamec (#22269)
• Update northstar v2 themes colors @jurokapsiar (#22328)

Documentation

• Ensure RTL examples show up in rtl direction @Hirse (#22129)

v0.61.0 (2022-03-10)

Compare changes

Fixes

• Update FocusZone to properly pass through event modifiers (ctrlKey, etc.) when raising a click event @spmonahan (#21547)
• Fix AccordionTitle focus styles @petr-duda (#21400)
• Add border to Card in high contrast rest state @jurokapsiar (#21315)
• Use shadow8 for better contrast of Tooltip @jurokapsiar (#21316)
• FocusTrapZone: add handleRef method instead of function to prevent calling it on each re-render @annabratseiko (#21337)
• Fix color slot titles in docsite @notandrew (#21378)
• Fixed height of ChatMessage bar in compact density @Hirse (#21521)
• Fix menuButtonBehavior to not set undefined aria attributes @yuanboxue-amber (#21610)
• Fix memory leak in createFelaRenderer() @layershifter (#21536)
• Fix Dropdown repositioning when always open and have multilines @chpalac (#21754)
• Update csstype to version 3 and update corresponding property type references and change scheduler to a peer dependency @ecraig12345 (#21769)
• Fix ToolbarItem and ToolbarItemMenu to show tooltip on hover when disabledFocusable @Hirse (#21795)
• Fix Tooltip close tooltip with ESC key only when is opened @kolaps33 (#21936)
• Replace ReactNodeArray with ReactNode[] @jurokapsiar (#21957)
• Fix Dropdown focus indicator appearance when highlightFirstItemOnOpen is true while accessing from keyboard @annabratseiko (#21991)
• Fix Tooltip color for HC theme @chpalac (#21994)

Features

• Add new Popup prop closeOnScroll to close popup when scroll happens outside of the popover element @yuanboxue-amber (#21453)
• Add new isIntersectingModifier modifier to usePopper @layershifter (#21829)
• Add SignatureIcon to iconset @notandrew (#21946)
• Allow users to configure new animations for Carousel transitions @chpalac (#21866)
• Support React 17 as a peer dependency @jurokapsiar (#21955)
• feat(theme): Forced colors theme @jurokapsiar (#22027)

v0.60.1 (2022-01-17)

Compare changes

Fixes

• Fix ChatMessage to use chat context as default value when user prop is explicitly undefined @yuanboxue-amber (#21189)
• bump react-transition-group from 4.3.0 to 4.4.1 @yuanboxue-amber (#21187)
• Fix Animation to pass object ref to Transition nodeRef @yuanboxue-amber (#21173)
• Fix MenuItemWrapper to stop passing-through on property to DOM @tosmolka (#21170)
• Reverted: Set default focus border radius to default border radius (4px) @Hirse (#20230)

v0.60.0 (2021-12-14)

Compare changes

BREAKING CHANGES

• fix(Accordion) Render divs instead of dd and dt elements for Accordion and AccordionTitle @jurokapsiar (#20773)
• Carousels uses native ARIA props @layershifter (#20848)

Fixes

• Remove unsupported styling props in Popup @layershifter (#20853)
• Fix aria-labelledby passed to DropdownSearchInput @chpalac (#20312)
• Fix preventFocusRestoration in FocusZone @chpalac (#20328)
• Popup should not dismiss when its iframe content is focused @ling1726 (#19955)
• whatInput Add typings to what input event listeners @ling1726 (#20024)
• Remove active as condition to open submenu on MenuItem and active styles for vertical menu @chassunc (#20062)
• carousel Add disableClickableNav to ProtoTypes list @yifeigogo (#20053)
• Adding brand backgroundHover3, brand backgroundPressed2, and default borderTransparentActive @notandrew (#20056)
• Spread event props from trigger in Popup @assuncaocharles (#20162)
• Set default focus border radius to default border radius (4px) @Hirse (#20230)
• Set ChatMessageReadStatus color to brand @Hirse (#20231)
• Fix broken styles debug of undefined isReactComponent @petr-duda (#20349)
• Use semibold font-weight for ChatMessage author slot in compact chat density @Hirse (#20419)
• Set border radius for ToolbarItem and icon-only MenuItem @Hirse (#20422)
• Stop event.view usage in whatInput.ts for tests @ling1726 (#20492)
• chore(ability-attributes): improve schema for aria-controls, aria-haspopup and aria-hidden @jurokapsiar (#20194)
• Remove pointer cursor and prevent navigation on carousel paddle click when disableClickableNav @chpalac (#20521)
• Fix List and ListItem to properly pass ref to root slots @chpalac (#20557)
• Fix Accordion, AccordionTitle and AccordionContent to properly pass ref to root slots @chpalac (#20570)
• Fix Alert components to properly pass ref to root slots @chpalac (#20582)
• Fix Avatar Components to properly pass ref to root slots @chpalac (#20588)
• Fix ButtonGroup comoponent to properly pass ref to root slots @chpalac (#20595)
• Fix color of Dropdown checkable indicator on hover in high contrast theme @annabratseiko (#20621)
• Updating Teams Brand colors to refreshed Fluent colors @notandrew (#20057)
• Fix Carousel comoponents to properly pass ref to root slots @chpalac (#20645)
• Fix Card comoponent to properly pass ref to root slots @chpalac (#20644)
• Fix Dropdown by conditionally adding aria-expanded="true" to the button trigger @chpalac (#20671)
• Optimized felaInvokeKeyframesPlugin to not create new objects but reuse existing one in reduce @mbman (#20649)
• Fix Dialog components to properly pass ref to root slots @chpalac (#20698)
• Fix Divider component to properly pass ref to root slots @chpalac (#20700)
• Fix Dropdown component to properly pass ref to root slots @chpalac (#20702)
• Fix Checkbox component to properly pass down ref to root slots @chpalac (#20696)
• Fix Datepicker components to properly pass ref to root slots @chpalac (#20697)
• Fix Embed component to properly pass ref to root slots @chpalac (#20703)
• Fix Chat components to properly pass ref to root slots @chpalac (#20691)
• Fix Dialog component to support zoom up to 400% @annabratseiko (#20722)
• Fix Flex component to properly pass ref to root slots @chpalac (#20752)
• Accordion content does not get rendered for inactive panels @jurokapsiar (#20783)
• Fix Animation to expose Transition state for the consumer @chpalac (#20776)
• Fix Image component to properly pass ref to root slots @chpalac (#20812)
• Fix Header components to properly pass ref to root slots @chpalac (#20811)
• Fix Grid component to properly pass ref to root slots @chpalac (#20810)
• Fix Form components to properly pass ref to root slots @chpalac (#20809)
• Fix Loader component to properly pass ref to root slots @chpalac (#20814)
• Fix Label component to properly pass ref to root slots @chpalac (#20813)
• Fix MenuItemIcon to allow icon size to be in effect @yuanboxue-amber (#20803)
• Fix PopupContent component to properly pass ref to root slots @chpalac (#20866)
• Fix Pill components to properly pass ref to root slots @chpalac (#20838)
• Fix MenuButton component to properly pass ref to root slots @chpalac (#20837)
• Fix getPointerStyles transform for RTL @chpalac (#20915)
• Fix Table component to properly pass ref to root slots @chpalac (#20873)
• Fix Status component to properly pass ref to root slots @chpalac (#20872)
• Fix SplitButton components to properly pass ref to root slots @chpalac (#20871)
• Fix Segment component to properly pass ref to root slots @chpalac (#20869)
• Fix MenuButton component to properly pass ref to root slots @chpalac (#20870)
• Fix Reaction components to properly pass ref to root slots @chpalac (#20868)
• Fix RadioGroup component to properly pass ref to root slots @chpalac (#20867)
• Fix Text component to properly pass ref to root slots @chpalac (#20874)
• Fix TextArea component to properly pass ref to root slots @chpalac (#20875)
• Fix Tree component to properly pass ref to root slots @chpalac (#20877)
• Fix Video component to properly pass ref to root slots @chpalac (#20878)
• Fix TooltipContent component to properly pass ref to root slots @chpalac (#20876)
• Fix Popup to invoke event handlers on trigger wrapped in Ref @yuanboxue-amber (#20911)
• Fix Animation component to properly pass ref to root slots @chpalac (#20972)

Features

• Adding ViewPersonSparkleIcon, CartIcon, and fixing EmojiAddIcon and AccessibilityIcon - @notandrew (#20054)
• Child behaviors for Chat components @jurokapsiar (#20998)

Documentation

• Removing examples for tree as list @kolaps33 (#20780)

v0.59.0 (2021-09-20)

Compare changes

BREAKING CHANGES

• Remove Red Foreground 3 from color scheme tokens @codepretty (#19761)

Fixes

• Ignore ChatItem contentPosition in compact density @Hirse (#19701)
• Fix compact ChatMessage focus highlight @Hirse (#19720)
• Set active item of MenuItem with submenu on focus @chassunc (#19820)
• Fix Popup to have box-shadow when autoSize prop is true @yuanboxue-amber (#19817)

Documentation

• Add Chat Playground @Hirse (#19702)

v0.58.0 (2021-09-09)

Compare changes

BREAKING CHANGES

• Make Tooltip subtle by default and no pointing by default @chassunc (#19024)
• Don't show ChatMessage timestamp if reactions are in the bottom @Hirse (#19377)

Fixes

• Fix Carousel animation in controlled mode @assuncaocharles (#18798)
• Wrap ChatMessage header elements correctly @Hirse (#18837)
• Align ChatMessageDetails color with ChatMessage header @Hirse (#18840)
• Fix Timestamp colors for dark and both v2 themes @Hirse (#18841)
• Fix compact hover background in dark themes @Hirse (#18842)
• Fix children conflict with compactBody in ChatMessage @chassunc (#18874)
• Fix Tooltip trigger order of props being spread @chassunc (#18875)
• Ensure wide content fits in compact ChatMessage @Hirse (#18871)
• Adding back data-is-focusable attribute for menuitem @kolaps33 (#18934)
• Fix style debugging throw error in dev environment @yuanboxue-amber (#18955)
• Fix ChatMessage to pass popperRef from user to usePopper @yuanboxue-amber (#18950)
• Fix hover styles for Splitbutton Toggle button part @TanelVari (#18976)
• Fix Carousel navigation item click @chassunc (#19019)
• Fix font-weight of ChatMessage author slot in compact chat density @Hirse (#19048)
• Fix Skeleton background colors @chassunc (#19057)
• Fix Carousel glitch in last slide @chassunc (#19129)
• Fix FormTextArea required styles @chassunc (#19164)
• Fix Button icon only styles when disabledFocusable @chassunc (#19180)
• Fix Dropdown creating unnecessary aria-labelledby for DropdownSearchInput @chassunc (#19182)
• Fix error color for Text @chassunc (#19203)
• Fix Tooltip flickering in multi-window use case @yuanboxue-amber (#19235)
• Fix Datepicker input @yuanboxue-amber (#19261)
• Fix Dialog styles border radius changed @bcalvery (#19328)
• Fix ChatMessage header margin if there are reactions @Hirse (#19377)
• Fix Menu high contrast focus for submenus @notandrew (#19393)
• Fix Card HC styles on hover @chassunc (#19382)
• Add AppsIcon, AppFolderIcon, PageFitIcon, SubtractIcon @notandrew (#19424)
• Fix Dialog background in teams dark v2 @chassunc (#19434)
• Fix Menu and Popup border, box-shadow, and paddings @notandrew (#19084)
• Fix to update Yellow's Background1 color to BackgroundTransparent @notandrew (#19444)
• Add missging pressed state styles for text Button @chassunc (#19480)
• Fix MenuItem apply focus styles for vertical menu from getBorderFocusStyles @annabratseiko (#19419)
• Fix default Tooltip (pointing: false) to have 4px distance to trigger @yuanboxue-amber (#19478)
• Replace SplitButton shadow-box by Divider @chassunc (#19477)
• add disabledFocusable for toolbar items @adamsamec (#18720)
• Fix Tooltip appearance in high contrast theme @yuanboxue-amber (#19559)
• Fix Shadow colors to match redlines @notandrew (#19552)
• Fix Checkbox background issue on zoom above 100% @vitthalr (#19619)

Features

• Add Onyx 600, Silver 100 to color palette and some color tokens @codepretty (#18827)
• Add 'flat' variation to Button and Splitbutton @codepretty (#19130)
• Add secondary styles for Loader @chassunc (#19104)
• Add additional properties(focusInnerBorderWidth, focusOuterBorderWidth, focusBorderRadius) to getBorderFocusStyles @annabratseiko (#19319)
• Add dismissOnContentMouseEnter in Tooltip @chassunc (#19425)
• Allow Tooltip to configure a delay to open on mouse enter trigger @chassunc (#19405)
• Add EmojiAddIcon and filled version of ExclamationCircleIcon to icon set @notandrew (#19626)
• Add PersonIcon, BuildingIcon, BriefcaseIcon, TextBulletListTreeIcon, CalendarWorkWeekIcon, ListIcon, DesktopIcon, TwitterIcon, LinkedInIcon. @TanelVari (#19663)

Documentation

• Align author name in compact chat with design spec @Hirse (#18988)

v0.57.0 (2021-06-29)

BREAKING CHANGES

• For Menu and Toolbar, change submenu indicator from background image mimicking chevron icon to outlined chevron icon @yuanboxue-amber (#18701)

Fixes

• Fixed invalid prop type warning of Input and InputLabel by including "above" in labelPosition @nancy2681 (#18206)
• Update border radius to 4px from 3px @notandrew (#17748)
• Fix getPointerStyles transform for emotion @assuncaocharles (#18070)
• Remove compose() from Menu* components @assuncaocharles (#17956)
• Add performClick to pillBehavior @assuncaocharles (#18098)
• Add pillGroupStyles to fix container with pill containing images or icons @assuncaocharles (#18096)
• Add aria-selected to Pill based on state @assuncaocharles (#18114)
• Conditionally add onClick to Pill based on actionable prop to avoid NVDA narrating as clickable @assuncaocharles (#18113)
• Add aria-hidden="true" to PillIcon and PillImage @assuncaocharles (#18118)
• Support selection with Space key for selectable Pill @assuncaocharles (#18138)
• Add Avatar* styles to theme types @assuncaocharles (#17782)
• Fix events passed to Tooltip trigger @assuncaocharles (#18234)
• Fix Tooltip to spread unhandledProps to trigger @assuncaocharles (#18277)
• Add animations to SkeletonText @assuncaocharles (#18276)
• Fix user selection narration with NVDA in Dropdown @kolaps33 (#18339)
• Fix useAutoControlled to use updated state @assuncaocharles (#18338)
• Fix RTL version of NumberListIcon @notandrew (#18310)
• Fix ChatMessage badge-bar conflict with focus-border @Hirse (#18303)
• Fix Dropdown to pass all positioning props to its inner Popper @yuanboxue-amber (#18457)
• Update Datepicker today cell background color in dark-v2 theme to increase contrast @yuanboxue-amber (#18461)
• Fix Dropdown interrupts IME input when it's controlled @yuanboxue-amber (#18478)
• Fix missing vertical prop from parent context in MenuItemContent @assuncaocharles (#18570)
• Add AvatarStatusIcon to theme types @assuncaocharles (#18583)
• Fix Text error low luminosity in dark themes @assuncaocharles (#18694)
• Fix Tinted Button hover & focus state colors. Updating the focus borders on all buttons to use Fluent rounded corner style. @notandrew (#18733)
• Set ChatMessageDetails margin based on attached prop @Hirse (#18681)
• Fix ChatMessage timestamp color for v2 themes @Hirse (#18711)
• Prevent focusable elements to be selectable @assuncaocharles (#18738)
• Fix MenuButton to avoid arrow keys to move to cells inside a table @assuncaocharles (#18663)
• Fix dropdown container overflow-x @assuncaocharles (#18749)

Features

• Add Default Border Transparent and Default Foreground9 colors @notandrew (#17906)
• Add inline to ChatMessage's actionMenu prop that allows actionMenu to be rendered either inline or attached to body @yuanboxue-amber (#18147)
• Let focus-border inherit border-radius from ChatMessage @Hirse (#18305)
• Add Default Foreground5 and Foreground6 for v2 theme and v2 dark theme @yuanboxue-amber (#18451)
• Added ContentViewGalleryIcon, update RedBangIcon and AppsIcon @notandrew (#18470)
• Add compact-prop to Chat (and ChatMessage) that displays the Chat in compact density @Hirse (#18334)
• Make disabled Menu items focusable @adamsamec (#17939)
• Add shadow values for new box-shadow style @notandrew (#18733)

Performance

Documentation

• Allow switching to V2 themes in maximized examples @Hirse (#18292)
• Add DocumentTitle from Prototype section @Hirse (#18539)
• Update selectable list example to make sure selection state is visible in all themes @yuanboxue-amber (#18639)

v0.56.0 (2021-05-14)

Compare changes

BREAKING CHANGES

• useCSS hook was removed @layershifter (#18139)

Fixes

• Fix focusVisiblePlugin removing data-whatinput='initial' selector @assuncaocharles (#18074)

Features

• Update to Emotion 11 @layershifter (#18143)

v0.55.0 (2021-05-05)

Compare changes

BREAKING CHANGES

• nonce can be configured for Emotion renderer @layershifter (#17972)

Fixes

• Correct ref to Toolbar overflowSentinel @yuanboxue-amber (#17813)
• Fix Carousel to allow click in element inside item @assuncaocharles (#17814)
• Fix chatMessageStyles to show reactions on mouse over when variable showActionMenu is present @assuncaocharles (#17853)
• Fix MenuButton context position by removing right click reference object in Popup @petr-duda (#17976)
• Fix Popup to only render Portal when popup open @yuanboxue-amber (#17926)

Features

• Add NumberSymbolIcon (#), MoleculeIcon, TaskListIcon; update ReactionsIcon and VideoEmphasisIcon @notandrew (#18012)
• Add default backgroundActive2 and brand backgroundPressed1 color slots @notandrew (#17699)
• Add data-popup-trapfocus to differentiate beween dialog and popup @jurokapsiar (#17743)
• Added NotepadPersonIcon. @TanelVari (#17828)
• Added PhoneIcon, OutlookColorIcon, SkypeColorIcon. Corrected NotepadPersonIcon properties. @TanelVari (#17857)
• Added FilesOneNoteIcon. @TanelVari (#17982)
• Add options on Popper autoSize modifier to apply max sizes always @yuanboxue-amber (#17994)

Deprecations

• Set as deprecated Portal component @petr-duda (#17983)

v0.54.0 (2021-04-06)

Compare changes

BREAKING CHANGES

• Change background image of MenuItem submenu indicator to chevrons @yuanboxue-amber (#17664)

Fixes

• Optimized FileImageIcon and adding padding to ImageUnavailableIcon to match FileImageIcon @notandrew (#17631)
• Add success to AlertDismissAction propTypes @jurokapsiar (#17542)
• Add overflowSentinel slot to fix Toolbar overflow when parent container does not have fixed width @ling1726 (#17451)
• For Tree, fix non-leaf treeItem so onTitleClick can be invoked from space/enter key @yuanboxue-amber (#17619)
• Add missing aria-haspopup for ToolbarMenuItem with submenu @yuanboxue-amber (#17646)
• Fix Datepicker so its Input value changes on selectedDate prop change @yuanboxue-amber (#17644)

Features

• Add borderActive4 color slot @notandrew (#17391)
• Add Pill base componet @assuncaocharles (#17500)
• Add PillAction base componet @assuncaocharles (#17548)
• Add PillImage base componet @assuncaocharles (#17600)
• Add PillIcon base componet @assuncaocharles (#17600)
• Add PillGroup componet @assuncaocharles (#17601)

Performance

• Optimize memory consumption in useStyles() @layershifter (#17521)

Documentation

• Update left nav in UI Builder to separate add components from navigator @codepretty (#17002)
• Deprecate useCSS() hook @layershifter (#17520)

v0.53.0 (2021-03-13)

Compare changes

BREAKING CHANGES

• Remove unsupported values for size prop in Button component @notandrew (#16416)
• Removing logic from buttonBehavior related to loading state @kolaps33 (#16663)
• Renamed Card property quiet to ghost as per design spec. @TanelVari (#16585)
• Added CarouselPaddlesContainer to allow verticaly centering Paddles @assuncaocharles (#16477)
• Removed @fluentui/keyboard-key dependency from all packages. @xugao (#16700)
• Updated Datepicker to allow the entire week selection and removed space between cells. @vejrj (#16887)

Fixes

• Fix vertical Menu background color to pull from the correct color scheme in Teams themes @codepretty (#17200)
• Fix Menu iconOnly focus border to be correct style in Teams themes @codepretty (#17005)
• Fix Label color schemes. Fix padding for circular Label. @TanelVari (#16160)
• Fix RadioGroup visual issues. Add RadioButtonIcon. Fix vertical RadioGroup alignment issue with custom content. Fix focus frame alignment for bare indicator. @TanelVari (#16478)
• Update VideoProhibitedIcon to Fluent style. @TanelVari (#16559)
• Fixed paddings for the Input with icons left/right. Using CloseIcon for clear indicator. Using CheckmarkCircleIcon for successIndicator. @TanelVari (#16527)
• Updated root padding for Dialog. @TanelVari (#16528)
• Fix Accordion title and content margins. @TanelVari (#16533)
• Fix TextArea disabled styles to match Input disabled styles @assuncaocharles (#16661)
• Remove unused paddleNextSize and paddlePreviousSize variables @assuncaocharles (#16665)
• Define value for largest font-size in siteVariables @assuncaocharles (#16693)
• Fix Embed playback control visuals. @TanelVari (#16611)
• Fixes for Dropdown. Fix clear indicator visual styles (focus border, using CloseIcon). Fix empty search result text style. Fix left/right padding for multiple selection labels. Using ChevronDownIcon for toggle indicator. @TanelVari (#16522)
• Fix dropdownSelectedItem has tiny icon when the content is long @yuanboxue-amber (#16795)
• Updating various icons, ArrowSortIcon, BreakoutRoomIcon, CalendarAgendaIcon, CallControlCloseTrayIcon, PlayIcon, TenantPersonalIcon @notandrew (#16723)
• Fix touch scroll for Dialog @assuncaocharles (#17054)
• Prevent scrollable parent element or viewport scroll when an item is seleted in Dropdown @yuanboxue-amber (#17222)
• Prevent menu to be dismissed when scroll happens inside Menu boundaries @assuncaocharles (#17294)
• Adding tinted prop from Button @notandrew (#17324)
• Update the OpenOutsideIcon icon @notandrew (#17361)
• Fix Popup to make sure updatePosition is always defined in renderContent @yuanboxue-amber (#17377)
• Updating the colors for the Carousel's paddles @notandrew (#17323)
• Prevent Popup to be dismissed when scroll happens inside @yuanboxue-amber (#17419)

Features

• For Tree, add keyboard navigation based on the first letter of the text content of tree items @yuanboxue-amber (#16994)
• For VirtualTreePrototype, add keyboard navigation based on the first letter of the text content of tree items @yuanboxue-amber (#17012)
• Added OneNoteMonoIcon. Updated VideoProhibitedIcon. @TanelVari (#17051)
• Added onKeyDown handler for TreeItem allowing key navigation more than A-Z @yuanboxue-amber (#17073)
• Added ArchiveIcon, ContactCardIcon, DoorArrowLeftIcon, FluidFileIcon, GridIcon, ShieldKeyholeIcon, WandIcon @notandrew (#17152)
• Added autoSize prop to make Popper responsive @yuanboxue-amber (#17159)
• Add ToolbarMenuItemContent to wrap content in span @yuanboxue-amber (#17264)
• Added ChatOffIcon. @TanelVari (#17360)

Performance

Documentation

• Updating avatar images used in examples on the docsite @notandrew (#16486)
• Fix docsite header colors for all themes. ExampleSnippet now honors theme colors for background and foreground. @TanelVari (#16643)
• Added virtual cursor simulation to UI Builder. @adamsamec (#15972)
• Update Form examples to remove control prop and delete shorthand examples @assuncaocharles (#16467)
• Fix component tree in UI Builder @jurokapsiar (#16587)

Deprecations

• Set as deprecated prop control in Form.Field and fieldsin Form @assuncaocharles (#16474)

v0.52.2 (2021-03-09)

Compare changes

Fixes

• Prevent menu to be dismissed when scroll happens inside Menu boundaries @assuncaocharles (#17294)
• Fix double rendering of ChatMessage component @layershifter (#17276)

Features

• Add usePopper() hook for positioning @layershifter (#17276)

v0.52.1 (2021-02-22)

Compare changes

Features

• Added disabledFocusable prop for Button component. @jurokapsiar (#16419)
• Added ChannelShareIcon @notandrew (#16619)
• Added FormTextArea component @assuncaocharles (#16660)
• Added checked="mixed" support for Checkbox @assuncaocharles (#16081)
• Added ImageAltTextIcon @notandrew (#16884)

Fixes

• Fix a memory leak in useEventListener @layershifter @miroslavstastny (#16991)
• Export treeContext from Tree @yuanboxue-amber (#16891)
• Add missing prop type for Dropdown @pompomon (#16920)
• Change TreeTitle's selectionIndicator from visibility:hidden to display:none @yuanboxue-amber (#16922)
• Fix event handlers behavior and compatibility with portals in React 17 @layershifter (#16514)
• Fix mergeVariablesOverrides to return variables if it's defined and overrides are not @assuncaocharles (#16560)
• Refactor react-context-selector to avoid React warnings @assuncaocharles (#16714)
• Exclude className for CKEditor to avoid collisions with Fela renderer @layershifter (#17025)
• Remove role='complementary' from popupBehavior for inline popup @yuanboxue-amber (#17032)

v0.52.0 (2021-01-26)

Compare changes

BREAKING CHANGES

• Form: removed static properties: Form.Field, Form.FieldCustom, Form.Label, Form.Message, Form.Input, Form.Checkbox, Form.Dropdown, Form.Button, Form.RadioGroup, Form.Slider,Form.Datepicker @yuanboxue-amber (#16546)
• Avatar: removed static properties: Avatar.Status, Avatar.StatusIcon, Avatar.Image, Avatar.Label, Avatar.Icon @yuanboxue-amber (#16565)
• Tree: removed management of contentRef for tree items. TreeItem: removed selected, selectableParent and indeterminate props @yuanboxue-amber (#15831)
• Delete HierarchicalTree, HierarchicalTreeItem and HierarchicalTreeTitle component @assuncaocharles (#14515)
• Styles from listItemStyles were moved to dedicated components @layershifter (#14487)
• Close Menu at page scroll @assuncaocharles (#14755)
• Rename indicatorBorderColorDefault variable to indicatorColorDefault @assuncaocharles (#14895)
• Remove the disabled property from Dialog and Popup behaviors @rymeskar (#14885)
• Remove selectableParent prop in favor of selectable in TreeItem and make selectionIndicator visible only on focus or hover @assuncaocharles (#15133)
• Styles from Avatar slots were moved to exact components (AvatarStatus, AvatarStatusIcon) @assuncaocharles (#16382)
• Styles from Avatar image slot were moved to exact component AvatarImage @assuncaocharles (#16409)
• Styles from Avatar image slot were moved to exact component AvatarLabel @assuncaocharles (#16417)
• Styles from Avatar icon slot were moved to exact component AvatarIcon @assuncaocharles (#16428)

Fixes

• Fix useTree by changing env.NODE to env.NODE_ENV @yuanboxue-amber (#16630)
• optimize largest icons used by calling @yuanboxue-amber (#16590)
• Fix selectable Tree where node with unselectable children displaying wrong selection state @yuanboxue-amber (#16158)
• Fix screen reader narrates incorrect items count for toolbar menu with radio group @yuanboxue-amber (#15951)
• Fix treeAsListBehavior to support multi-select Tree @yuanboxue-amber (#15147)
• Fix Tree to have prop onFocusParent triggered on ArrowLeft for leaf node @yuanboxue-amber (#15442)
• Use aria-checked for multi-select tree instead of aria-selected @yuanboxue-amber (#15142)
• Rework mergeComponentStyles() to avoid additional merging @layershifter (#15381)
• Fix Breadcrumb to have the div wrapping all items obtain a11y attributes from container slot @yuanboxue-amber (#15303)
• Fix scrollbar color to have higher contrast ratio @yuanboxue-amber (#15209)
• Fix Tree to have un-selectable treeItem with selectable prop false @yuanboxue-amber (#15170)
• Fix default focused outline in Safari @yuanboxue-amber (#14917)
• Fix Tree component to correctly keep track of the activeItemIds @assuncaocharles (#14507)
• Fix Menu underlined focus style @assuncaocharles (#14525)
• Do not always preventDefault() in RadioGroupItem @layershifter (#14717)
• Keep the width of the Input component fixed when the error prop is defined @rymeskar (#14821)
• Fix treeTitleBehavior to trigger performClick on Enter key @layershifter (#14900)
• Fix dropdown avoid switch into screen reader virtual cursor mode when navigate through selected items @kolaps33 (#14864)
• Allows set popper props to menu in ToolbarOverflowItem @assuncaocharles (#14951)
• Remove aria-selected attribute from TreeItem when Tree is not selectable @assuncaocharles (#15115)
• Add shouldPreventDefault on keyDown event for TreeTitle to allow enter trigger when TreeTitle is rendered as an anchor @assuncaocharles (#15095)
• Fix screen reader experience in multiple dropdown @kolaps33 (#15066)
• Fix useAutoControlled hook to suport functions updates @assuncaocharles (#15137)
• Fix TreeTitle arrow left navigation @assuncaocharles (#15262)
• Updated ReactionsIcon @TanelVari (#15358)
• Memoize context value in Provider to avoid rerenders @layershifter (#15358)
• Fix SplitButton focus outline @assuncaocharles (#15873)
• Add selectedItemMaxWidth to fix item not getting truncated @assuncaocharles (#15891)
• Fix Dropdown to not break new lines for button trigger after listbox was introduced wrapping selected items @assuncaocharles (#15898)
• Fix Input content overlaping with Icon @assuncaocharles (#16083)
• Fix variables not being propagated in Carousel @assuncaocharles (#16084)
• Fix Carousel onActiveIndexChange to contain activeIndex @assuncaocharles (#16118)
• Fix Tree behavior adding shouldFocusInnerElementWhenReceivedFocus to avoid root element to be focused @assuncaocharles (#16145)
• Fix Toolbar throws error cancelAnimationFrame of null @petr-duda (#16163)
• Fix Menu styles for Toolbar @TanelVari (#16141)
• Fix throwing error in fontSizeUtility on CodeSandbox @layershifter (#16368)
• Fix - Apply aria attributes on proper element for Datepicker, Dropdown, Input @kolaps33 (#16324)
• Fix a warning when the fluid or resize prop was used in TextArea @assuncaocharles (#16393)
• Fix implementation of getReactFiberFromNode to be compatible with React 17 @layershifter (#16392)
• Fix missing focus styles for carousel paddle @assuncaocharles (#16460)
• Do not add aria-expanded="true" for trigger slot when MenuButton has contextMenu @pompomon (#16442)
• Fix type for Accessibility to allow function without props @ling1726 (#16322)
• Fix click handler moving it from Menu Item Wrapper to Menu Item itself @assuncaocharles (#16512)

Features

• Add 2.0 light and dark themes @jurokapsiar (#15867)
• Tree: added useVirtualTree hook @yuanboxue-amber (#16080)
• Tree: added useTree hook @yuanboxue-amber (#15831)
• Add basic keyboard navigation for Datepicker @pompompon (#14138)
• Add onDateChange handler to Datepicker.Input field @karymes (#14167)
• Add base Skeleton component @assuncaocharles (#14354)
• Add base SkeletonButton component @assuncaocharles (#14405)
• Add base SkeletonAvatar component @assuncaocharles (#14471)
• Add base SkeletonInput component @assuncaocharles (#14439)
• Add base SkeletonText component @assuncaocharles (#14460)
• Add styling for Datepicker component @karymes (#14469)
• Add readStatus slot to ChatMessage @assuncaocharles (#14585)
• Add on property to MenuItem to open in on hover @assuncaocharles (#14714)
• Added icons FilterIcon, MicrophoneDisabledIcon, OptionsIcon, ReactionsIcon @TanelVari (#14745)
• Add foreground5 and foreground6 in the colorScheme's default definition @assuncaocharles (#14818)
• Add Form.Datepicker component @pompomon (#14820)
• Added icons BluetoothIcon, BreakoutRoomIcon, ConferenceRoomDeviceIcon, FilesErrorIcon @TanelVari (#14043)
• Added checkedIndicator prop to RadioGroupItem @assuncaocharles (#14895)
• Added Breadcrumb component @assuncaocharles (#14922)
• Added BreadcrumbItem and BreadcrumbDivider components @yuanboxue-amber (#14926)
• Add arrow navigation for Breadcrumb a11y behavior @yuanboxue-amber (#15087)
• Updated ReactionsIcon and MicrophoneDisabledIcon. Added CastingIcon, ComputerAudioIcon and ComputerAudioOffIcon. @TanelVari (#14998)
• Added CheckmarkCircleIcon. Updated ShareLocationIcon @TanelVari (#15119)
• Added BreadcrumbLink component @assuncaocharles (#15136)
• Added hoverBackground and paddingRight variables to treeTitleVariables @assuncaocharles (#15200)
• Added paddingRight variable to treeTitleVariables @assuncaocharles (#15206)
• Added LiveIcon and LiveOffIcon. @TanelVari (#15239)
• Added SaveIcon, LocationIcon, ArrowSortIcon, TeamsMonochromeIcon and MegaphoneIcon. @TanelVari (#15830)
• Added VideoProhibitedIcon. @TanelVari (#16025)
• Added WhiteboardIcon. @TanelVari (#16164)
• Added TvIcon. @TanelVari (#16207)
• Added CalendarAgendaIcon, ImageLibraryIcon. @TanelVari (#16293)
• Added color tokens to be used for search term highlighting. Added default foreground7 and default background6 into Teams theme v1 and v2. @TanelVari (#16391)

Documentation

• Performance Tests with Roster prototype @vyhnalekl + @yuanboXue-amber (#16412)
• Fix sticky tree's hidden item + focus loss when last sticky header collapsed @yuanboxue-amber (#16341)
• Add VirtualizedStickyTreePrototype @yuanboxue-amber (#16221)
• split prototypes into its own package @fluentui/react-northstar-prototypes @yuanboxue-amber (#16183)
• VirtualizdedTreePrototype: change to use useVirtualTree hook and react-window @yuanboxue-amber (#16080)
• AXE core integration - UI builder @vyhnalekl (#14934)
• UIBuilder: Add accessibility props panel @jurokapsiar (#15820)
• Add VoiceOver issue in known accessibilityIssues for Toolbar on menuitemradio @yuanboxue-amber (#15203)
• Fixed icon margins after code change in UI builder @vyhnalekl (#14859)
• Fixed image with no height in build mode - UI builder @vyhnalekl (#14893)
• Added copy paste keyboard shortcuts to UI builder @vyhnalekl (#14631)
• Removed parameters from url after switch to store (UI builder) @vyhnalekl (#14754)
• Edited left side menu in UI builder @vyhnalekl (#14436)
• Fixed issue with a drop near the edge of iframe in UI builder @vyhnalekl (#14440)
• Add undo and redo feature to UI builder @vyhnalekl (#14336)
• Added keyboard shortcuts to UI builder @vyhnalekl (#14483)
• Add formatDayMonthYear and parseDate examples for Datepicker @pompomon (#14484)
• Move component in iframe by drag and drop @vyhnalekl (#14432)
• Removed props JSON from right side menu @vyhnalekl (#14503)
• Fixed top's component debug frame above iframe @vyhnalekl (#14329)
• Hide drop selector on scroll in iframe (UI builder) @vyhnalekl (#14443)
• Add export to CodeSandbox feature (UI builder) @vyhnalekl (#14558)
• Fix unresolved imports error when moduleName is missing (UI builder) @vyhnalekl (#14796)
• Fixed incorrect margin and padding after drag&drop (UI builder) @vyhnalekl (#14384)
• Add Form.Datepicker example with error message handler @pompomon (#14820)
• Fixed as prop in UI builder @vyhnalekl (#14815)
• Removed console errors in UI builder @vyhnalekl (#14858)
• Fixed dragging selected component in canvas UI builder @vyhnalekl (#14894)
• Jaws bug - aria-selected and aria-checked are not output correctly for Tree @kolaps33 (#14846)
• Detect focus on body in use mode - UI builder @vyhnalekl (#14954)
• Fixed ComponentTree accessibility in UI builder @vyhnalekl (#14967)
• Adding screen reader labeling examples @kolaps33 (#15146)
• Added support to serve different docsite versions @ling1726 (#15692)
• Added support to silently fail the version dropdown @ling1726 (#16002)
• Adding JAWS bug for radiogroup @kolaps33 (#16076)
• Alert - labelling dismiss action, to prevent narrate "unlabeled" button @kolaps33 (#16092)
• Update Popup best practices to describe how to pass aria-labelledby when trapFocus is true @assuncaocharles (#16119)
• Add new sample images for use in Avatar examples @behowell (#16129)

v0.51.7 (2021-01-25)

Compare changes

Fixes

• Fix incorrect fluent icons @notandrew (#16594)

v0.51.6 (2021-01-18)

Compare changes

Fixes

• Optimize NumberListIcon for bundled size @ling1726 (#16473)
• Fix event handlers behavior and compatibility with portals in React 17 @layershifter (#16514)

v0.51.5 (2021-01-12)

Compare changes

Fixes

• Do not trigger Popup on click when hover is used with context @jurokapsiar (#16286)
• Fix throwing error when using ChatMessage with children without declaring the header prop @ling1726 (#16321)
• Update icons to Fluent Design style @notandrew (#15966)

Features

• Added new borderActive color design token to categoryColorScheme @ling1726 (#15717)

v0.51.4 (2020-12-22)

Compare changes

Fixes

• Fix Tree cannot expand/collapse when treeTitle has children @yuanboxue-amber (#16199)
• Export missing type SplitButtonToggleStyleProps @ling1726 (#16215)
• Fix wrong grid template in Checkbox for label end @jurokapsiar (#16208)
• Remove inline-block from Menu root slot @assuncaocharles (#16222)
• Add unstable_disableTether prop to configure Popper's behavior for elements outside of a viewport @ling1726 @layershifter (#16214)
• Fix missing export for AttachmentBodyStylesProps @ling1726 (#16260)
• Fix the type for onBlurcallback in the Dropdown component @ling1726 (#16257)

v0.51.3 (2020-11-24)

Compare changes

Fixes

• Cleanup src on Video component unmount @SreepriyaV, @miroslavstastny (#15494)
• Fix outdated onChange call in RadioGroupItem @assuncaocharles (#15997)
• Fix Embed throws when no style variables are passed in @yuanboxue-amber (#16000)
• Fix shorthand id prop not being passed to control in FormField component @assuncaocharles (#16003)
• Add cleanup to Fela renderer to avoid memory leaks @layershifter @miroslavstastny (#15211)
• Fix Attachment to pass actionable to accessibility behaviors @layershifter (#16023)

v0.51.2 (2020-09-25)

Compare changes

Fixes

• Add cleanup to Fela renderer to avoid memory leaks @layershifter @miroslavstastny (#15211)

v0.51.1 (2020-09-23)

Compare changes

Fixes

• Fix a warning when the inverted prop was used in TextArea @layershifter (#14357)
• Add Popper modifiers to fix initial positioning @pompomon (#14737)
• Add Popper warning when children with autoFocus prop are present @pompomon (#14737)
• Fela disableAnimations plugin should handle fallback values @layershifter (#14778)
• Fix of handling refs in Ref component for react-test-render @layershifter (#15144)
• Fix MenuItem and CarouselNavigationItem to correctly map active prop to behavior @yuanboxue-amber (#14970)
• Make Popup & Tooltip visible on disabled elements @layershifter (#14756)

v0.51.0 (2020-07-27)

Compare changes

BREAKING CHANGES

• Restricted prop sets in the Grid component which are passed to styles functions @layershifter (#13863)
• Restricted prop sets in the Dropdown component which are passed to styles functions @layershifter (#13962)
• UIComponent and AutoControlledComponent are removed @layershifter (#13962)
• Set Dropdown to only stop ESC keydown propagation if Dropdown is open @assuncaocharles (#14184)

Fixes

• Fix Tooltip layouting when it is closed @fealkhou (#13237)
• Updating list item to use the Teams redlines @notandrew (#13233)
• Fix Avatar initials when the input only contains whitespace @rymeskar (#13682)
• Fix the order of callbacks in Dropdown @layershifter (#13707)
• Fix merging of inputRef on searchInput shorthand in Dropdown @layershifter (#13711)
• Fix RTL styles for Divider in RTL context @assuncaocharles (#13741)
• fix for Attachment, updating colors to match Teams redlines @notandrew (#13168)
• Fix onClick call from Popup trigger when on includes hover @assuncaocharles (#13727)
• Fix primary styles for SplitButton hover @assuncaocharles (#13726)
• Allow debugging composed components @miroslavstastny (#13736)
• Fix teamsTheme import in the QuickStart guide @mikesol314 (#13789)
• Fix SplitButton displayed on two lines for small widths @assuncaocharles (#13773)
• Fix(form): fix narration of the label for other elements than input @kolaps33 (#13765)
• Fix cursor's behavior inside DropdownSearchInput @layershifter (#13800)
• Fix global styles to respect hidden HTML attribute @pompomon (#13964)
• Fix an issue with throwing errors when a component is rendered outside of Provider @layershifter (#14010)
• Fix for TeamsIcon. Renamed current TeamsIcon to ContactGroupIcon. TeamsIcon is now the colored app icon as per current naming standards for other icons in project. @TanelVari (#13966)
• Fix memory leak in FocusZone @miroslavstastny (#14031)
• Fix Popup with on="hover" and controled close inside the content @assuncaocharles (#14179)
• Fix Timestamp in Text to match Teams redlines @notandrew (#14153)

Features

• Add Emotion as an optional CSS-in-JS renderer @layershifter (#13547)
• Add details slot for ChatMessage header @assuncaocharles (#13776)
• Add AppsIcon, GeofenceArrivesIcon, GeofenceLeavesIcon, GeofenceArrivesOrLeavesIcon @TanelVari (#13888)
• Add Datepicker and DatepickerCalendar @rymeskar (#13855)
• Add label and labelPosition to Input to allow inside label variation @assuncaocharles (#13949)
• Add HeadsetIcon @PressX2Jason (#12956)
• Add navigation and shorthands for Datepicker @pompompon (#14061)

Documentation

• Fix required version of CSB package, improve dependency generation for exported CodeSandboxes @layershifter (#13637)
• Fix docsite not loading in IE 11 @miroslavstastny (#13766)
• Fix SplitButton example for controlled menu open @pompomon (#14023)
• Add Debugging page @miroslavstastny (#13818)

v0.50.0 (2020-06-16)

Compare changes

BREAKING CHANGES

• Restricted prop sets in the MenuDivider component which are passed to styles functions @assuncaocharles (#13069)
• Restricted prop sets in the Segment component which are passed to styles functions @assuncaocharles (#13079)
• Restricted prop sets in the Reaction component which are passed to styles functions @assuncaocharles (#13081)
• Restricted prop sets in the ReactionGroup component which are passed to styles functions, @assuncaocharles (#13080)
• Stop propagadion in Dropdown for keypress of ArrowRight, ArrowLeft, Esc and Backspace @assuncaocharles (#13088)
• Restricted prop sets in the Menu component which are passed to styles functions @assuncaocharles (#13040)
• Renamed Survey20pxIcon to ApprovalsAppbarIcon @TanelVari (#12872)
• Restricted prop sets in the Form component which are passed to styles functions, @assuncaocharles (#13180)
• Restricted prop sets in the FormField component which are passed to styles functions, @assuncaocharles (#13181)
• Restricted prop sets in the DropdownSelectedItem component which are passed to styles functions, @assuncaocharles (#13179)
• Restricted prop sets in the Input component which are passed to styles functions, @assuncaocharles (#13189)
• Restricted prop sets in the HierarchicalTree component which are passed to styles functions, @assuncaocharles (#13182)
• Restricted prop sets in the Portal component which are passed to styles functions, @assuncaocharles (#13186)
• Restricted prop sets in the HierarchicalTreeItem component which are passed to styles functions, @assuncaocharles (#13184)
• Restricted set in MenuItem component which are passed to styles functions @mnajdova (#13117)
• menuItemSlotClassNames.indicator and menuItemSlotClassNames.wrapper were removed, menuItemIndicatorClassName and menuItemWrapperClassName should be used instead @mnajdova (#13117)
• Move MenuItem's slots styles to dedicated components @mnajdova (#13117)
• Move divider's slots styles to MenuDivider component @mnajdova @layershifter (#13207)
• Move shorthandConfig to compose's options @mnajdova (#13240)
• Restricted prop sets in the Header component which are passed to styles functions and remove the usage of descriptionColor as a resolved variable, @assuncaocharles (#13253)
• Updated durations and timing functions, removed bounce animations and added new animations in Teams theme @mnajdova (#13046)
• Removed dismissActionColorActive, dismissActionBackgroundColorActive, dismissActionBorderColorActive from Alert's variables in Teams theme @mnajdova (#13046)
• Removed themes export, each theme is exported separately @layershifter (#13268)
• Restricted prop sets in the HeaderDescription component which are passed to styles functions, @assuncaocharles (#13296)
• Restricted prop sets in the Loader component which are passed to styles functions, @assuncaocharles (#13297)
• Restricted prop sets in the RadioGroupItem component which are passed to styles functions, @assuncaocharles (#13301)
• Restricted prop sets in the MenuButton component which are passed to styles functions, @assuncaocharles (#13342)
• Restricted prop sets in the Dialog component which are passed to styles functions, @assuncaocharles (#13359)
• Restricted prop sets in the HierarchicalTreeTitle component which are passed to styles functions, @assuncaocharles (#13371)
• Restricted prop sets in the ItemLayout component which are passed to styles functions and change renderContentArea, renderHeaderArea and renderMainArea definition, @assuncaocharles (#13327)
• Restricted prop sets in the Layout component which are passed to styles functions, @assuncaocharles (#13324)
• Restricted prop sets in the RadioGroup component which are passed to styles functions, @assuncaocharles (#13338)
• toolbarMenuRadioGroupSlotClassNames were removed, toolbarMenuRadioGroupWrapperClassName should be used instead @layershifter (#13322)
• toolbarItemSlotClassNames.wrapper was removed, toolbarItemWrapperClassName should be used instead @mnajdova (#13321)
• toolbarMenuItemSlotClassNames's activeIndicator and submenuIndicator were removed, toolbarMenuItemActiveIndicatorClassName and toolbarMenuItemSubmenuIndicatorClassName should be used instead @mnajdova (#13350)
• Removed variables and styles props in Animation @mnajdova (#13509)
• Set FormField to show successIndicator by default when field is required and has value fulfilled or when showSuccessIndicator is set to true and add showSuccessIndicator || required to define if it hasIconon styles @assuncaocharles (#13568)
• renderer prop on Provider was replaced with a custom React context @layershifter (#13602)

Fixes

• Fix splitButtonBehavior to exclude toggleButton from focus zone @silviuavram (#13043)
• Fix offset computations in Popup to properly position pointer @layershifter (#13002)
• Enable back focus zone in CarouselNavigation @kolaps33 (#13086)
• Update examples to focus on internal input when Tab is pressed in RadioGroupItem @assuncaocharles (#13110)
• Wrapped Alert, Attachment, Box and ListItem FC with unstable_wrapWithFocusZone @assuncaocharles (#13093)
• Update to Teams theme font stack @notandrew (#13273)
• Fix to use useRef() hook in functional components @layershifter (#13228)
• Exclude useless updates, fix fixed positioning in Popper @layershifter @kolaps33 (#13044)
• Fix showing loading message in Dropdown when list of items has scroll @assuncaocharles (#13175)
• Stop propagation of left and right arrow key in SplitButton for the integration with toolbar @jurokapsiar (#13311)
• Fix broken caching when enableBooleanVariablesCaching:true and there is no variables @layershifter (#13345)
• Fix displaying custom clearIndicator prop for Dropdown @kolaps33 (#13486)

Features

• Added icons: TranscriptIcon, FilesGenericColoredIcon, FilesHtmlColoredIcon, FilesPdfColoredIcon, FilesPictureColoredIcon, FilesTextColoredIcon, PopupIcon, ShareGenericIcon, ComposeIcon, SpotlightStopIcon, TenantWorkIcon, TenantPersonalIcon, WorkOrSchoolIcon, EmailWithDotIcon. Modified: ShareLocationIcon, SpotlightIcon. @TanelVari (#12872)
• Update padding and margin styles for Card @pompomon (#13158)
• Add expandabble prop and styles for Card @pompomon (#13092)
• Use compose() in MenuItem and added dedicated slot's components MenuItemIcon, MenuItemContent, MenuItemIndicator and MenuItemWrapper @mnajdova (#13117)
• Add elevated, inverted and quiet props and styles for the Card @pompomon (#13163)
• Use compose() in MenuDivider @layershifter (#13207)
• Add selected prop and styles for Card @pompomon (#12921)
• Update styles for selected Card @pompomon (#13230)
• Added icons: AudioLoadingIcon, VideoLoadingIcon, TiltPanZoomIcon, SpeakerPersonIcon, GalleryNewIcon, GalleryNewLargeIcon, ContentIcon, AudienceIcon, CameraIcon @TanelVari (#13221)
• Add children api support for Menu component @assuncaocharles (#13227)
• Add compose() support for submenus in MenuItem @mnajdova (#13300)
• Use compose() in ToolbarMenuDivider @mnajdova (#13318)
• Use compose() in ToolbarMenuRadioGroup and added dedicated slot's component ToolbarMenuRadioGroupWrapper @layershifter (#13322)
• Use compose() in ToolbarRadioGroup @layershifter (#13322)
• Use compose() in Toolbar @mnajdova (#13341)
• Use compose() in ToolbarItem @mnajdova (#13321)
• Add cache hits to telemetry data & differentiate initial render @layershifter (#13346)
• Use compose() in ToolbarMenuItem @mnajdova (#13350)
• Use compose() in ToolbarCustomItem @mnajdova (#13319)
• Use compose() in ToolbarMenu @layershifter, @mnajdova (#13320)
• Add compose() support for submenus in Toolbar @mnajdova (#13377)
• Add show and hide animations in the Popup component @mnajdova (#13439)
• Added icons: MeetingTimeIcon, VideomailIcon, ScreenshareIcon, Shift24hIcon, ShiftActivity @TanelVari (#13513)
• Extract Renderer related types to a separate package @layershifter (#13616)

Performance

• Omit _.findKey() usage in focusVisibleEnhancer() @layershifter (#13343)
• Use mergeVariablesOverrides() to avoid cache breaks when variables are not passed in Toolbar, Menu & Table components @layershifter (#13374)
• Remove camelCaseProperty call inside Fela renderer @layershifter (#13308)
• Improved Animation perf by adding a cache that works across multiple instances @mnajdova (#13509)
• Improved the perf of the convertCssTimeToNumber utility used in Animation @layershifter, @mnajdova (#13604)

Documentation

• Toolbar recommendation using toolbar based on aria @kolaps33 (#13143)
• Fix knobs labels on docsite @pompomon (#13248)
• Add Card best practices @pompomon (#13315)
• Dropdown update best practice if loadingMessage prop is used @kolaps33 (#13558)
• Add UI Builder Alpha @levithomason @miroslavstastny (12234)

v0.49.0 (2020-05-10)

Compare changes

BREAKING CHANGES

• Attachment.slotClassNames were removed @layershifter (#12674)
• Styles from Attachment slots were moved to exact components (AttachmentAction, AttachmentHeader, etc.) @layershifter (#12674)
• CSS Grid, linear-gradient(), background-clip, cross-fade() are not prefixed @layershifter (#12289)
• offset for components that use Popper (Popup, Tooltip, MenuButton, etc.) can be specified only as a tuple or function @layershifter (#12530)
• Support for deprecated render callback was removed @layershifter (#12454)
• renamed ComponentName.className to ComponentName.deprecated_className for all fluent components @mnajdova (#12702)
• removed Card.slotClassNames, dedicated component's classnames should be used @mnajdova (#12731)
• removed Header.slotClassNames, Form.slotClassNames, dedicated component's classnames should be used @mnajdova (#12735)
• removed HierarchicalTreeItemSlotClassNames's title slot, HierarchicalTreeTitle's className should be used @mnajdova (#12735)
• removed Menu.slotClassNames, dedicated component's classNames should be used @mnajdova (#12736)
• removed RadioGroup.slotClassNames and Popup.slotClassNames, dedicated component's classnames should be used @mnajdova (#12738)
• removed Tooltip.slotClassNames and TreeItem.slotClassNames dedicated component's classnames should be used @mnajdova (#12741)
• Restricted prop sets in the Alert component which are passed to styles functions @assuncaocharles (#12777)
• removed className (deprecated_className) and slotClassNames static props from the fluent components, constants for className and slotClassNames should be used instead @mnajdova (#12765)
• changed createShorthand signature, to use the optional shorthandConfig static on the component @mnajdova (#12783)
• Restricted prop sets in the Video component which are passed to styles functions @assuncaocharles (#12799)
• Restricted prop sets in the SplitButton component which are passed to styles functions @assuncaocharles (#12809)
• Restricted prop sets in the TableRow component which are passed to styles functions @pompomon, @assuncaocharles (#12797)
• Restricted prop sets in the Table component which are passed to styles functions @assuncaocharles (#12860)
• Restricted prop sets in the TextArea component which are passed to styles functions, @assuncaocharles (#12857)
• Restricted prop sets in the Accordion component which are passed to styles functions, @assuncaocharles (#12876)
• Restricted prop sets in the AccordionTitle component which are passed to styles functions, @assuncaocharles (#12874)
• Restricted prop sets in the ButtonGroup component which are passed to styles functions, @assuncaocharles (#12866)
• Restricted prop sets in the AccordionContent component which are passed to styles functions, @assuncaocharles (#12875)
• Restricted prop sets in the CarouselNavigation component which are passed to styles functions, @assuncaocharles (#12937)
• Restricted prop sets in the Embed component which are passed to styles functions, @assuncaocharles (#12918)
• Restricted prop sets in the CarouselNavigationItem component which are passed to styles functions, @assuncaocharles (#12920)
• Restricted prop sets in the DropdownSearchInput component which are passed to styles functions, @assuncaocharles (#12978)
• Restricted prop sets in the DialogFooter component which are passed to styles functions, @assuncaocharles (#12979)
• Restricted prop sets in the CarouselItem component which are passed to styles functions, @assuncaocharles (#12938)
• Restricted prop sets in the Carousel component which are passed to styles functions, @assuncaocharles (#12966)
• Restricted prop sets in the Divider component which are passed to styles functions, @assuncaocharles (#12977)
• Restricted prop sets in the Toolbar component which are passed to styles functions @layershifter (#13024)
• Change AttachmentAction to override Button styles and restricted props set @mnajdova (#12913)
• Limit props activeIndex and defaultActiveIndex in Carousel to be only numbers @assuncaocharles (#13048)

Fixes

• Visually align checkbox and label elements in Checkbox component @silviuavram (#12590)
• Fix Ref to react on props changes when forwardRef is used @mnajdova (#12817)
• Fix AccordionTitle to be rendered as div by default @pompomon (#12840)
• Fix Accordion to avoid recreating refs every render @assuncaocharles (#12944)
• Fix ButtonGroup accessibility adding aria-role="group" @assuncaocharles (#12916)
• Converge FocusZone functionality, maintain existing behavior @jurokapsiar (#12997)
• Limit Tree items to not accept string and create ObjectShorthandValue @assuncaocharles (#13016)
• Attach an element to document.body in Provider during render @layershifter (#13001)

Features

• Add body slot to Attachment component @layershifter (#12674)
• Export componentNameClassName and componentNameSlotClassName const inside Accordion, Alert, Animation, Attachment*, Avatar @mnajdova (#12706)
• Export componentNameClassName and componentNameSlotClassName const inside Box, Button, Card @mnajdova (#12731)
• Export componentNameClassName and componentNameSlotClassName const inside Carousel, Chat, Checkbox @mnajdova (#12733)
• Export componentNameClassName and componentNameSlotClassName const inside Dialog, Divider, Dropdown, Embed @mnajdova (#12734)
• Export componentNameClassName and componentNameSlotClassName const inside Flex, Form, Grid, Header, HierarchicalTree, Image, Input @mnajdova (#12735)
• Export componentNameClassName and componentNameSlotClassName const inside ItemLayout, Label, Layout, List, Loader, Menu* @mnajdova (#12736)
• Export componentNameClassName and componentNameSlotClassName const inside MenuButton, Popup, Provider, RadioGroup, Reaction, Segment, Slider, SplitButton, Status, Slider, Table @mnajdova (#12738)
• Export componentNameClassName and componentNameSlotClassName const inside Text, TextArea, Toolbar, Tooltip, Tree*, Video @mnajdova (#12741)
• Add onClick prop and focusable behaviors to Card component @pompomon (#12688)
• Add disabled prop and styles to Card component @pompomon (#12743)
• Adding multiselection for the Tree @kolaps33, @assuncaocharles (#12362)
• Add background and border colors to Card in Teams theme @pompomon (#12790)
• Added FluidIcon @TanelVari (#12803)
• Add compose options to useStyles @layershifter @mnajdova (#12745)
• Converted Box, Button* and Attachment* components to use compose @layershifter @mnajdova (#12745)
• Respect childBehaviors for slots in useAccessibility hook @pompomon (#12835)
• Add cardsContainerBehavior for Cards in Grid navigation @mpompomon (#12800)
• Add slots and mapPropsToSlotProps in compose and added example usage in the Button component @mnajdova (#12858)
• Add slots support in Attachment @mnajdova (#12913)
• Use compose() in ToolbarDivider @mnajdova (#13045)

Performance

• Replace fela-plugin-prexifer with stylis @layershifter (#12289)

Fixes

• Replace escape with encodeURIComponent in the svg urls in Teams theme @mnajdova (#12742)
• Prevent value clear on same item selection in Dropdown @silviuavram (#12784)
• Make the clearIndicator tabbable in a non-search Dropdown @silviuavram (#12684)
• Check for getItemPositionText in Carousel before rendering the pagination text @silviuavram (#12791)

Documentation

• Toolbar accessibility polish, labelling toolbars @kolaps33 (#12884)
• Carousel accessibility polish, labelling items in example @kolaps33 (#12903)
• Dropdown - prototype - improvement to highlight first item when open @kolaps33 (#12856)
• Add contextMenu example for Card component @pompomon (#12879)
• Add expandable example for Card component @pompomon (#13000)

v0.48.0 (2020-04-15)

Compare changes

BREAKING CHANGES

• Removed SplitButton.slotClassNames and introduced new SplitButtonToggle component @mnajdova (#12432)
• Replaced paddleNext and paddlePrevious to be ShorthandValue<CarouselPaddleProps> instead of ShorthandValue<ButtonProps> @mnajdova (#12434)
• Restricted prop set in the PopupContent component which is passed to styles functions @layershifter (#12513)
• pointerSize was replaced with pointerHeight & pointerWidth in PopupContentVariables @layershifter (#12514)
• Values of pointerWidth & pointerHeight were inverted in TooltipContentVariables @layershifter (#12514)
• pointerHorizontalOffset & pointerVerticalOffset are removed TooltipContentVariables @layershifter (#12514)
• Replaced Alert.slotClassNames.dismissAction with AlertDismissAction.className @mnajdova (#12531)
• Changed icon prop to be ShorthandValue<BoxProps> in all Fluent components (Alert, Attachment, Button, DropdownSelectedItem, Input, Label, MenuItem, Reaction, Status, ToolbarItem, ToolbarMenuitem) @mnajdova (#12489)
• Removed Icon component (@fluentui/react-icons-northstar icons should be used instead) @mnajdova (#12549)
• Removed icons from theme object (@fluentui/react-icons-northstar icons should be used instead) @mnajdova (#12549) Removed types: TeamsSvgIconSpec, ThemeIconSpec, SvgIconSpec, SvgIconSpecWithStyles @mnajdova (#12549)
• Restricted prop sets in the Attachment component which are passed to styles functions @layershifter (#12576)

Fixes

• Fix default focused input outline in Safari @sheff146 (#12279)
• Add inverted prop to propTypes check in Button @silviuavram (#12414)
• Fix hover color for disabled Dropdown trigger button @silviuavram (#12418)
• Updating Dropdown styles to match redlines for Teams theme @notandrew (#12397)
• Fix ButtonContent className and added conformat test @mnajdova (#12431)
• Fix Status to use the colorScheme in Teams theme @notandrew (#12481)
• Fix colors for keyboard navigation in vertical Menu component in Teams theme high contrast mode @TanelVari (#12462)
• Fix size of Status and Avatar sizes for Teams theme @notandrew (#12502)
• Fix navigation into cell which has multiple actionable elements @kolaps33 (#12533)
• In Tooltip don't add aria-labelledby to trigger if it has aria-label @silviuavram (#12555)
• Fix classes cache miss on empty string result @mnajdova (#12584)
• An update to the RaiseHandColoredIcon @TanelVari (#12618)
• Fix body scroll when open Dialog @assuncaocharles (#12574)
• fix for Toolbar button, change 'aria-pressed' state based on active prop @kolaps33 (#12587)

Features

• Add createSvgIcon factory in @fluentui/react-bindings and SvgIcon component in @fluentui/react-northstar @mnajdova (#12319)
• Add useUnhandledProps() hook @layershifter (#12371)
• Adding base layout and API for Card component @pompomon (#12349)
• Add disabled support form DropdownItem @silviuavram (#12407)
• Add @fluentui/react-icons-northstar package that contains all Teams theme icons and moved createSvgIcon to this package @mnajdova (#12453)
• Add selected property to TableRow component and selectable table prototype @pompomon (#12475)
• Add AlertDismissAction component for the dismissAction slot in the Alert @mnajdova (#12531)
• Add borderRadius variables to Card component @pompomon (#12552)
• Add CustomerHubIcon, OcrOffIcon, OcrOnIcon and ContactGroupCallIcon icons @mnajdova (#12571)
• Add SwitchCameraIcon, PanoramaOffIcon, AttendeeIcon and GroupVideoCallGridIcon. Updated PanoramaIcon. @TanelVari (#12566)
• Add size and fluid props to Card component @pompomon (#12589)
• Add shadow styles to Card component @pompomon (#12624)
• Add icon prop to Avatar component @mnajdova (#12660)

Documentation

• Add per-component bundle size charts @miroslavstastny (#12374)
• Fix crash on Loader documentation page @layershifter (#12417)
• Improve playground on Card documentation page @layershifter (#12417)
• Add an example for Children API for Toolbar @layershifter (#12473)
• Removed Icon Viewer prototype and processed icons @mnajdova (#12553)
• Add resource (memory) usage charts @miroslavstastny (#12557)
• Improved Sidebar search query regexp to include matching anywhere in the word @mnajdova (#12642)
• Add Icons page in the Concepts section @mnajdova (#12645)

v0.47.1 (2020-04-15)

Compare changes

BREAKING CHANGES

• Replace ListItemProps with DropdownItemProps for Dropdown slots noResultsMessage and loadingMessage @silviuavram (#12493)

Fixes

• Fix positioning for ToolbarMenu in overflowItem @layershifter (#12390)
• Give higher zIndex to Tooltip to make it appear on top of Dialog @silviuavram (#12572)
• Fix Dropdown close on outside click and its double rendering on open @silviuavram (#12625)
• Fix Downshift changes handler in Dropdown @silviuavram (#12361)

Features

• Add a shorthand to specify Popper props for ChatMessage, Dropdown, MenuItem, ToolbarItem, ToolbarMenuItem @layershifter (#12405)
• Allow to specify overflowBoundary & flipBoundary props in Popper shorthands @layershifter (#12439)
• Add headerMessage slot for Dropdown @silviuavram (#12493)

v0.47.0 (2020-03-19)

Compare changes

BREAKING CHANGES

• Replaced icon with indicator in the Checkbox component and change it's type to ShorthandValue<BoxProps> @mnajdova (#12183)
• Changed type of control in Embed from ShorthandValue<IconProps> to ShorthandValue<BoxProps> @mnajdova (#12242)
• Renamed icon on indicator and change the type from ShorthandValue<IconProps> to ShorthandValue<BoxProps> in RadioGroupItem and CarouselNavigationItem @mnajdova (#12242)
• Variables for Toolbar siblings should be defined in theme @layershifter (#12203)
• Rename @fluentui/react package to @fluentui/react-northstar @dzearing (#12302)

Fixes

• Updating Menu border in Teams dark theme to the correct color @notandrew (#12171)
• Fix exports for themes to make them treeshakable @layershifter (#12224)
• Fix referentially unstable props in TreeItem @silviuavram (#12182)
• Make onKeyDown returned by useAccessibility() hook referentially stable between component's rerenders @layershifter (#12185)
• Fix passing down variables in ToolbarMenuItem @layershifter (#12204)
• Fix ToolbarMenuItem shouldn't focus menu trigger element after 'onClick' was executed on menu item @kolaps33 (#12266)
• Carousel accessibility fixes @kolaps33 (#12050)
• Fix different styles between children and shorthand API in Button component @mnajdova (#12292)
• Fix change handler typings of Dropdown to relect that we are passing null for event @silviuavram (#12280)
• Fix nested <li> elements in no results and loading messages for Dropdown @silviuavram (#12330)

Features

• Export broadcast-view-fullscreen and broadcast-view-left as SVG icons @davidfoulkejr (#12126)
• Add square prop on the Avatar component @mnajdova (#12277)
• Adding raise hand, raise hand colored, raise hand disabled, merge calls, share location, panorama and spotlight icons @TanelVari (#12212)
• Expose contentWrapper shorthand from AccordionTitle @silviuavram (#12265)
• Add disabled versions for Dropdown and Input @silviuavram (#12250)

Documentation

• Adding context menu for table row to example and prototype @kolaps33 (#12253)

v0.46.0 (2020-03-05)

Compare changes

BREAKING CHANGES

• Restricted prop sets in the TreeTitle & TreeItem components which are passed to styles functions @layershifter (#12103)
• Changed indicator prop in MenuItem and Menu to be Box shorthand instead of Icon @mnajdova (#12145)
• Restricted prop sets in the TableCell component which are passed to styles functions @pompomon (#12146)
• Changed indicator prop in AccordionTitle to be Box shorthand instead of Icon @mnajdova (#12160)
• Restricted prop sets in the ToolbarDivider, ToolbarItem & ToolbarCustomItem components which are passed to styles functions @layershifter (#12161)
• Changed submenuIndicator and activeIndicator props in ToolbarMenu and ToolbarMenuItem components to be Box shorthand instead of Icon @mnajdova (#12164)
• Changed clearIndicator, toggleIndicator and checkableIndicator props in Dropdown and DropdownItem components to be Box shorthand instead of Icon @mnajdova (#12164)
• Restricted prop sets in the ToolbarMenu, ToolbarMenuDivider, ToolbarRadioGroup & ToolbarMenuRadioGroup components which are passed to styles functions @layershifter (#12103)

v0.45.0 (2020-03-02)

Compare changes

BREAKING CHANGES

• Restricted prop sets in the Checkbox, Icon, Label, Slider, Status, Text components which are passed to styles functions @layershifter (#2307)
• Styles caching when no inline overrides are defined is enabled by default; use the performance prop on the Provider to opt out of this if needed @mnajdova (#2309)
• Styles for the Animation component are removed from Teams theme @layershifter (#2258)
• Styles from Popup were moved PopupContent component @layershifter (#2333)
• Styles from Tooltip were moved TooltipContent component @layershifter (#2333)
• ProviderBox component was removed @layershifter (#2192)
• Styles and variables from ProviderBox are moved to Provider @layershifter (#2192)
• Fix an issue with offset and pointing in Popup @layershifter (#2361)
• Restricted prop set in the TooltipContent component which is passed to styles functions @layershifter (#2357)
• Restricted prop sets in the Chat, ChatItem, ChatMessage components which are passed to styles functions @layershifter (#2366)
• sanitize-css plugin is disabled for production mode by default @layershifter (#2340)
• Standardise component onChange callback names and test them in isConformant @silviuavram (#2293)
• Restricted prop set in the DropdownItem styles @silviuavram (#2382)
• font CSS property will be no longer expanded to longhands @layershifter (#1925)
• Renamed content classname to contentWrapper and changed content prop to be Box shorthand in AccordionTitle @mnajdova (#12049)
• Changed content prop to be Box shorthand in Label @mnajdova (#12049)
• Restricted prop sets in the Flex & FlexItem components which are passed to styles functions @layershifter (#12078)
• Restricted prop sets in the ToolbarMenuItem component which are passed to styles functions @pompomon (#12120)

Fixes

• Remove dependency on Lodash in TypeScript typings @layershifter (#2323)
• Fix missing aria-describedby in AlertBehavior @delprzemo (#2208)
• Fix page crash when Tooltip content is null @delprzemo (#2332)
• Fix document usage in mergeProviderContexts to get SSR working @layershifter (#2330)
• Fix input descenders being cropped in the Teams theme @bcalvery (#2335)
• Use referentially equal objects for actions in useStateManager @layershifter (#2347)
• Fix Animation component not to throw when children is not provided @mnajdova (#2345)
• Fix loader - adding labeling when loader get focus @kolaps33 (#2352)
• setWhatInputSource() changes DOM attribute in whatInput @layershifter (#2359)
• Styles from Provider are applied to components that rendered out of it in DOM @layershifter (#2192)
• Fix Carousel remove CarouselItem elements which are not visible @mnajdova (#2356)
• Fix selected item being wrongly removed on Backspace in search Dropdown @silviuavram (#2349)
• Fix Toolbar not being tabbable on wrapped focused item disappear @silviuavram (#2321)
• Fix positioning with unstable_overflow in ChatMessage @layershifter (#2363)
• Fix wrong positioning of pointing beak on content edges in Popup and Tooltip @layershifter (#2364)

Features

• Added 'survey' and 'survey20px' icons @TanelVari (#2383)
• Added sourcemaps to the dist output to simplify debugging @miroslavstastny (#2329)
• Adding 'expand', 'collapse', 'companion', 'share-to' and 'settings-audio' icons @TanelVari (#2343)
• Add support for Children API in List component @layershifter (#2207)
• Added virtualized table prototype using react-virtualized and Table components @pompomon (#2339)
• Adding prototype for popover in Table header @pompomon (#2379)

Performance

• Add styles caching when there aren't inline overrides defined @mnajdova (#2309)
• Styles for Animation component are computed again only on prop changes @layershifter (#2258)
• switch to inline-style-expand-shorthand for expanding CSS properties @layershifter (#1925)
• Add enableBooleanVariablesCaching to have styles caching for primitive variables overrides @layershifter (#12073)

v0.44.0 (2020-02-05)

Compare changes

BREAKING CHANGES

• Add @fluentui/styles package for all styles' related utilities and TS types @layershifter, @mnajdova (#2222)
• Remove animation prop from all components @joschect (#2239)
• mode property from focusZone configuration in accessibility behaviors is no longer supported - the focus zone will always be in embed mode @layershifter (#2265)
• FocusZoneMode and FOCUSZONE_WRAP_ATTRIBUTE are no longer exported @layershifter (#2265)
• Returned function from useAccessibility no longer keeps the same reference @layershifter (#2268)
• Add logic for mounting/removing elements when they are shown/hidden using the Animation component; Animation component is not rendering element anymore, just applying classes to it's children @mnajdova (#2115)
• Restricted prop set in the Button, Avatar, Box and Image styles; changed avatarBorderWidth and statusBorderWidth avatar variables types from number to string and updated styles in Teams theme @mnajdova (#2238)
• Restricted prop set in the List & ListItem @layershifter (#2238)
• Remove mountDocument prop in Popup & MenuButton components @layershifter (#2286)
• Add typing ComponentSlotStylesResolved, that replaces the incorrect ComponentSlotStylesPrepared in the return value of useStyles, renderComponent, createComponent @mnajdova (#2312)

Fixes

• Fix styleParam to always be required in the styles functions @layershifter, @mnajdova (#2235)
• Check input and button refs exist before focus in Dropdown @silviuavram (#2248)
• Update iconOnly button hover, focus styles and add new background5 and backgroundHover2 design tokens in Teams theme @codepretty (#2211)
• Fix forceUpdate to get synced updates in React's Concurrent mode @layershifter (#2268)
• Adding actionable items into Carousel @kolaps33 (#2271)

Features

• Allow useRef hook used for storing debugging data to be defined in any order with other hooks in functional components @layershifter, @mnajdova (#2236)
• Add useStyles() hook to use theming capabilities in custom components @layershifter, @mnajdova (#2217)
• Add optional wrapper function to List which can be used to inject custom scrollbars to Dropdown @jurokapsiar (#2092)
• Add useTelemetry() hook for adding telemetry information for the Fluent components and improve return types for the useStyles and useStateManager hooks @mnajdova (#2257)
• Add new backgroundHover1 Red design tokens in Teams theme @codepretty (#2297)
• Add target prop to EventListener component and useEventListener() hook @layershifter (#2287)
• Add disabled prop accordion title @jurokapsiar (#2290)
• Allow custom values for size in FlexItem @silviuavram (#2313)
• Move zIndex values from default variable values and styles to siteVariables object in Teams theme @pompomon (#2311)

Documentation

• Add per-component performance charts @miroslavstastny (#2240)

v0.43.2 (2020-02-05)

Compare changes

BREAKING CHANGES

• Remove toRefObject function @layershifter (#2287)

Fixes

• Fix positioning fixes for actions in ChatMessage @layershifter (#2300)
• FocusZone: Cleanup DOM element references when the component is unmounted @johannao76 (#2306)

Documentation

• Fix dependencies in project exported to codesandbox @miroslavstastny (#2314)

v0.43.1 (2020-01-30)

Compare changes

Fixes

• Fix event listener leak in FocusZone @miroslavstastny (#2227)
• Fix element reference memory leaks @jurokapsiar (#2270)
• Fix element leak in refFindNode @miroslavstastny (#2288)

v0.43.0 (2020-01-08)

Compare changes

BREAKING CHANGES

• Use tooltipAsLabelBehavior as default Tooltip behavior @silviuavram (#2195)

Features

• Add tag icon in Teams theme @codepretty (#2180)
• Add inverted prop and style for Button for Teams theme @notandrew (#2076)
• Add vertical prop to Divider @silviuavram (#2141)
• Support clickable cells in Table, add prototype for table with sorting @jurokapsiar (#2183)

Fixes

• Fix toggle changing width during animation in Teams theme @mnajdova (#2189)
• Update SplitButton styles in Teams theme [redlines] @notandrew (#2108)
• Fix Popup positioning in multiple cases @layershifter (#2187)
• Fix click outside in Popup when trigger is not defined @layershifter (#2202)
• Use debounce from lodash in Dropdown and Carouel @silviuavram (#2203)

v0.42.0 (2019-12-12)

Compare changes

BREAKING CHANGES

• Rename all "Stardust UI" references to "Fluent UI" @levithomason (#2165)

Fixes

• Fix colors expand for border-color shorthand @layershifter (#2160)

Features

• Adding table navigation @kolaps33 (#2147)

v0.41.1 (2019-12-10)

Compare changes

Fixes

• Prevent text highlight on icon consecutive clicks in Checkbox @silviuavram (#2154)
• Always handle provided onKeyDown event be propagated in inner zone @kolaps33 (#2140)
• Fixed newly packages to have publishConfig set to public @kenotron (#2161)
• Rename lib directories to utils @ecraig12345 (#2153)

Features

• Add a new experimental @fluentui/react-theming package that includes a compose() @kenotron (#2152)
• Add closed-captions icon in Teams theme @codepretty (#2100)

Features

• Add presenter, no-presenter, volume-down, volume, volume-up icons to Teams theme @codepretty (#2156)

v0.41.0 (2019-12-04)

Compare changes

BREAKING CHANGES

• Control Tree activeItemIds through expanded TreeItem prop @silviuavram (#2061)
• Rename all @stardust-ui scope to @fluentui (#2117)

Fixes

• Update Silver color scheme, changing backgroundHover and backgroundPressed for high-contrast theme @pompomon (#2078)
• Updating the attachment component styles to match Teams theme @notandrew (#2012)
• Removed shadowLevel1Darker in Teams themes and changed all references to shadowLevel1Dark affecting Button and ChatMessage variables files @bcalvery (#2098)
• Honor disableAnimations prop in Provider @miroslavstastny (#2087)
• Dialog content should have 100% width @jurokapsiar (#2104)
• Allow focusing radio and checkbox in the focus zone @jurokapsiar (#2103)
• Apply unhandled props of Ref to the children if used @jurokapsiar (#2105)
• Add necessary -ms-grid- styles to Layout for IE11 @jurokapsiar (#2106)
• Accessibility splitButton & menuButton - screen reader fixes @kolaps33 (#2090)
• Accessibility menuButton add aria-controls attribute based on open prop @kolaps33 (#2107)
• Fix the 500 color variant for steelLight in category color scheme @natashamayurshah (#2089)
• Fix focus handling cases in MenuButton and SplitButton @silviuavram (#2145)

Features

• Add Table component base implementation @pompomon (#2099)
• Add bounce animation to button clicks in Teams theme @notandrew (#1724)
• Update Silver color scheme, adding foregroundHover, foregroundPressed and background definitions @pompomon (#2078)
• Expanding experimental accessibility schema to more components @mshoho (#2052)
• Add base Carousel component @silviuavram (#1979)
• Add support for render props pattern via children prop to shorthands @layershifter (#1951)

Documentation

• Add usage example for Tooltip on disabled elements @mnajdova (#2091)
• Prototype for hexgonal avatars @mnajdova (#2093)

v0.40.4 (2019-11-26)

Compare changes

Fixes

• Trigger whatInput cleanup when last Provider with custom target gets removed @silviuavram (#2127)

Performance

• Allow suppression of action menu positioning in ChatMessage @jurokapsiar (#2126)

v0.40.3 (2019-11-08)

Compare changes

Performance

• Add rendering performance telemetry @miroslavstastny (#2079)
• Skip empty frames in mergeThemes @levithomason @miroslavstastny (#2095)
• Lazily evaluate styles and classes @levithomason @miroslavstastny (#2097)

v0.40.2 (2019-10-30)

Compare changes

Fixes

• Update call-missed-line icon in Teams theme @codepretty (#2059)
• Show debug panel correctly for components with no owner @miroslavstastny (#2055)
• Update listItem, button, toolbar, toolbarMenu to use getBorderFocusStyles in the Teams theme @bcalvery (#2011)
• Correctly handle empty key actions in RTL @miroslavstastny (#2060)
• Accessibility improvements for tree and splitButton @kolaps33 (#2032)
• Update color scheme values in Teams theme @codepretty (#2063)
• Fixing a core keydown disconnect issue @dzearing (#2056)
• Fix blurry content of Popup @jurokapsiar (#2067)
• MenuButton: do not force pinned in MenuButton @jurokapsiar (#2066)
• Clean up popper element reference after destroy @jurokapsiar (#2062)

Features

• Add menu prop on ToolbarMenuItem component @mnajdova (#1984)
• Add unstable_overflow to ChatMessage to provide more flexible position in overflow containers @layershifter (#2050)
• Add foregroundHover2 to Teams theme @miroslavstastny (#2071)

Documentation

• Editor Toolbar prototype: Fix overflow menu overflowing in Portal window @miroslavstastny (#2053)

v0.40.1 (2019-10-18)

Compare changes

Features

• Export robot, tabs and plugs icon to Teams theme @codepretty (#2026)
• Add CSSinJS debug panel @levithomason @miroslavstastny @mnajdova (#1974)
• Add ability to set custom footer for Dialog @kolaps33 (#2005)

Fixes

• Correctly handle RTL in Alert component @miroslavstastny (#2018)
• Popper should use the correct window instance @jurokapsiar (#2028)
• Checking if the slot attributes are defined @mshoho (#2040)

Performance

• Remove redundant usages of Box component in Attachment, Popup and Tooltip @layershifter (#2023)
• Refactor ListItem to avoid usages of Flex component @layershifter (#2025)
• Cache resolved component variables @jurokapsiar @miroslavstastny (#2041)

Documentation

• Fix 'RTL' and 'Theme it' in examples @miroslavstastny (#2020)
• Prototype for custom scrollbar for menu, dialog, popup and list @jurokapsiar (#1962)

v0.40.0 (2019-10-09)

Compare changes

BREAKING CHANGES

• Remove onReduceItems prop from Toolbar @miroslavstastny (#2010)

Fixes

• Fix bodyBackground color for Teams dark theme to be the correct grey value @codepretty (#1961)
• Updating Button styles for Teams dark & high contrast themes to match design @notandrew (#1933)
• Update Office brand icons in Teams theme with latest version @notandrew (#1954)
• Fix various component documentation issues @davezuko (#1992)
• Fix accessibility issue by adding border to reactions in Teams high contrast theme @codepretty (#2001)

Features

• Add experimental runtime accessibility attributes validation (the initial step validates the Button component only) @mshoho (#1911)
• Add sync icon to Teams theme @codepretty (#1973)
• Updating category colors palette and schemes in Teams theme @codepretty (#1994)
• Add bell icon to Teams theme @codepretty (#1993)
• Simplify rendering when tooltip is not visible @jurokapsiar (#1981)
• Add thumbtack, thumbtack-slash and question-circle icons to Teams theme @codepretty (#2000)
• Add overflow prop to Toolbar @levithomason @miroslavstastny @layershifter (#2010)

Documentation

• Copy to clipboard prototype - attached confirmation @jurokapsiar (#1900)
• Add EditorToolbar prototype @layershifter (#2010)

v0.39.0 (2019-09-23)

Compare changes

BREAKING CHANGES

• Remove base theme and move everything to teams theme @mnajdova (#1908)

Fixes

• Fix Menu and Submenu to use correct indicator icon and have correct width behavior [redlines] @bcalvery (#1831)
• Fix CreateShorthandOptions should be typed @lucivpav (#1886)
• Add shadowLevel1Dark in Teams themes @notandrew (#1887)
• When merging themes use deep merge for site and component variables @miroslavstastny (#1907)
• Fix styles for Teams theme for Textarea and add support for inverted, fluid and resize props @codepretty (#1922)
• Fix Dropdown to properly accept id on searchInput @silviuavram (#1938)
• Fix white flash when activating Embed component @lucivpav (#1909)
• Fix comparison of custom objects in Dropdown @lucivpav (#1943)

Features

• Add TextArea component @lucivpav (#1897)
• Export bell-slash and bell-snooze icon to Teams theme @musingh (#1921)
• Add support for radio & checkbox groups to Toolbar component @layershifter (#1920)
• Add support for Popup in ToolbarMenu @lucivpav (#1927)
• Add behaviors for Tree as list and linked them using childBehaviors @silviuavram (#1928)
• Add notes icon and update link icon in Teams theme @codepretty (#1953)

Documentation

• Remove Usage tab @lucivpav (#1948)
• Put props on a single page, fix props links @lucivpav (#1892)
• Remove cancel button in a Dialog example with a close action @lucivpav (#1949)

v0.38.2 (2019-09-26)

Compare changes

Fixes

• Fix comparison for scrollParent in unstable_Popper @layershifter (#1959)
• Fix setting data-whatinput attribute in child windows @layershifter (#1972)
• Avoid usages of global document and window in components @layershifter (#1970)
• Fix make tooltip visible for screen reader @kolaps33 (#1942)

Performance

• Resolve styles once in renderComponent() @layershifter (#1957)

v0.38.1 (2019-09-13)

Compare changes

Fixes

• Fix order of applying unhandled props and key handlers @jurokapsiar (#1901)
• Fix handling of onMouseEnter prop in ChatMessage @layershifter (#1903)
• Fix focus styles for TreeItem and HierarchicalTreeItem @silviuavram (#1912)
• Use more accurate positioning for actions in Chat.Message when is inside scrollable containers @layershifter (#1929)
• Do not force focus inside focus trap zone on outside focus @sophieH29 (#1930)

Features

• Add navigable List variant @jurokapsiar (#1904)
• Add the SplitButton component @silviuavram (#1789)

Documentation

• Fix broken code editor in some doc site examples and improve error experience @levithomason (#1906)
• Add VirtualizedTree prototype @silviuavram (#1890)

v0.38.0 (2019-09-06)

Compare changes

BREAKING CHANGES

• Alert, Attachment, Button, ChatMessage, Checkbox, Embed, Grid, ListItem, RadioGroupItem, Reaction, Slider, ToolbarCustomItem, ToolbarItem, ToolbarMenuItem do not have isFromKeyboard in their style functions anymore @layershifter (#1850)
• AttachmentState, ButtonState, GridState, ListItemState, ReactionState, ToolbarCustomItemState, ToolbarItemState, ToolbarMenuItemState interfaces are no longer exported @layershifter (#1850)

Fixes

• Fix muted prop in Video component @layershifter (#1847)
• Fix felaRenderer is used in Provider explicitly @lucivpav (#1842)
• Fix selectableListBehavior to set tabindex=-1 to List's container to work correctly with screen readers @sophieH29 (#1858)
• Fix Checkbox changed to be vertically aligned to the top of it's content @bcalvery (#1857)
• Fix Dropdown context by passing custom window to Downshift @silviuavram (#1884)
• Fix createShorthandFactory types @lucivpav (#1875)
• Fix Toolbar overflow screener test @lucivpav (#1879)

Features

• Add yellow, green, orange, pink, amethyst, silver and onyx color schemes in Teams theme @mnajdova (#1826)
• Add Tree component that is flat DOM structured @silviuavram (#1779)
• Add fitted prop to Alert component @layershifter (#1872)
• Add backdrop and closeOnOutsideClick props to Dialog component @layershifter (#1847)

Performance

• Use Object.assign in @babel/plugin-proposal-object-rest-spread @layershifter (#1895)

Documentation

• Add usage example regarding Checkbox in Form @lucivpav (#1845)
• Fix styles in code-sandbox package @lucivpav (#1853)
• Adding accessibility tab content @kolaps33 (#1840)
• Fix CodeSandbox examples versions mismatch @lucivpav (#1849)
• Update documentation regarding renderSelectedItem prop in Dropdown @lucivpav (#1856)
• Fix navigation links pointing to wrong direction @lucivpav (#1868)
• Add Copy To Clipboard prototype @lucivpav (#1860)

v0.37.0 (2019-08-26)

Compare changes

BREAKING CHANGES

• Rename action slot to dismissAction in Alert component @layershifter (#1823)
• To make dismissAction slot visible in Alert component dismissible prop is required now @layershifter (#1823)
• Fix Tooltip shadow incorrect - removed boxShadowStart, boxShadowColor, boxShadowEnd from tooltipContentVariables, replaced with boxShadow [redlines] @bcalvery (#1825)

Fixes

• Update text Button styles for Teams Theme to match [redlines] @codepretty (#1719)
• Fix Menu and MenuItem styles to match [redlines] @bcalvery (#1712)
• Make Embed focusable via keyboard @lucivpav (#1758)
• Update screener tests for Input to only capture Teams themes @codepretty (#1801)
• Fix Checkbox style bug in background color [redlines] @bcalvery (#1796)
• Fix bidirectional FocusZone to land focus correctly on DOWN key press after series of UP arrow keys @sophieH29 (#1794)
• Fix hand icon in Teams theme @lucivpav (#1782)
• ESC key should close the last opened Popup or Dialog if body has focus @sophieH29 (#1807)
• Fix switching modes in Dropdown @layershifter (#1830)
• Fix a runtime error if context is missing @layershifter (#1837)
• Fix RTL mode in Dialog @lucivpav (#1828)
• Do not scroll the page when spacebar is pressed on focused MenuItem, fix submenu not closing @lucivpav (#1735)

Features

• Add overwrite prop to Provider @layershifter (#1780)
• Upgrade FocusZone to the latest version from fabric-ui @sophieH29 (#1772)
• Add inverted prop to Input for changing the background color [redlines] @codepretty (#1684)
• Edit buttonBehavior Adding aria-disabled when button has loading state @kolaps33 (#1789)
• Added audio-off and clipboard-copied-to icon to Teams theme @bcalvery (#1792)
• Added window-maximize, window-minimize and window-restore icons to Teams theme @codepretty (#1803)
• Export FocusTrapZoneProps and AutoFocusZoneProps from the main package @sophieH29 (#1795)
• Add checkable and checkableIndicator to the Dropdown and DropdownItem components @mnajdova (#1738)
• Add unified ramp of category colors and category color schemes: foreground, foreground1, background to the Teams themes @natashamayurshah (#1711)
• Upgrade FocusTrapZone to the latest version from fabric-ui @sophieH29 (#1790)
• Add visible prop to Alert @layershifter (#1823)
• Add actions slot to Alert @layershifter (#1823)
• Add header and icon slots to Alert component @lucivpav (#1821)

Documentation

• Restore docs for Ref component @layershifter (#1777)
• Add prototype for expandable control messages in Chat @sophieH29 (#1765)
• Remove Font Awesome icons from docs examples @lucivpav (#1764)
• Improve QuickStart code example @lucivpav (#1797)
• Implement component tab UI @lucivpav (#1784)
• Fix sidebar search input element's background color @lucivpav (#1836)
• Improve an example on CodeSandbox @layershifter (#1844)

v0.36.3 (2019-09-03)

Compare changes

Fixes

• Use a proper document to find nodes in doesNodeContainClick() @layershifter (#1874)
• Correctly define current document object of the FocusZone and FocusTrapZone @sophieH29 (#1820)

Performance

• Fix Popper positioning called when unnecessary in Tooltip @lucivpav (#1882)

v0.36.2 (2019-08-19)

Compare changes

Fixes

• Update vulnerable version of lodash dependency @layershifter (#1700)
• Use target from Provider in ReactDOM.createPortal() calls @layershifter (#1810)

Features

• Add possibility for a Toolbar to rearrange its items according to space available @miroslavstastny (#1657)
• Focus indicator for additional documents @jurokapsiar (#1816)

v0.36.1 (2019-08-09)

Compare changes

Features

• Add loading and loader props to Button component @mnajdova (#1662)

v0.36.0 (2019-08-08)

Compare changes

BREAKING CHANGES

• Fix firstFocusableSelector in FocusTrapZone and AutoFocusZone @sophieH29 (#1732)
• Rename Popup shouldTriggerBeTabbable prop to tabbableTrigger @jurokapsiar (#1696)
• StackableEventListener is removed @layershifter (#1755)
• Rename Tree to HierarchicalTree @silviuavram (#1752)

Fixes

• Require name prop in Icon component @lucivpav (#1723)
• Export broadcast icon in Teams theme @miroslavstastny (#1737)
• Ensure actionsMenu is not cut-off by the edge of viewport for ChatMessage @kuzhelov (#1739)
• FocusZone should respect elements with contenteditable attribute on Home/End key press @sophieH29 (#1749)
• Fix incorrect order of plugin execution in felaRenderer @lucivpav (#1741)

Features

• Expose isFromKeyboard in Grid component @sophieH29 (#1729)
• Add onActiveIndexChange prop to Tree component @lucivpav (#1728)
• Add horizontal prop for List component @mnajdova (#1721)
• Export call-blocked icon to Teams theme @francescopalmiotto (#1736)
• Add support for component styles debugging @kuzhelov (#1726)
• Use FocusZone in selectable list @jurokapsiar (#1757)
• Add MenuButton component @jurokapsiar (#1696)
• Add useEventListener hook @layershifter (#1755)

Documentation

• Fix code in changing component variables section of theming examples @lucivpav (#1626)
• Fix layout issue rendering extra space when viewing documentation in Firefox @notandrew (#1427)
• Add search capability @lucivpav (#1682)
• Improve Theme it section under component examples @layershifter (#1748)

v0.35.0 (2019-07-26)

Compare changes

BREAKING CHANGES

• Add trapFocus and autoFocus props to Popup and remove popupFocusTrapBehavior and popupAutoFocusBehavior @sophieH29 (#1565)
• defaultBehavior was removed @layershifter (#1600)
• ReactElements are now handled in the same way as string in all shorthands @layershifter (#1513)
• Props param is required in ShorthandValue and ShorthandCollection @layershifter (#1605)
• LoaderPosition type is no longer exported @layershifter (#1634)
• Changed values for textAlign prop and renamed it to align for Header component @Bugaa92 (#1668)
• paddingLeftRightValue variable in buttonVariables was renamed to padding in Teams theme @layershifter (#1716)

Features

• Split action handlers with "OR" condition in accessibility behaviors @sophieH29 (#1622)
• Add headerAction slot to the Dialog component @mnajdova (#1617)
• Add Slider component @Bugaa92 (#1559)
• Add tooltipAsLabelBehavior accessibility behavior for Tooltip @sophieH29 (#1635)
• Add outline version of menu icon and files-visio icon to Teams theme @notandrew (#1623)
• Add amethyst color to the Teams theme color palette @mnajdova (#1650)
• Export onedrive icon to Teams theme @chughkartikey (#1680)
• Add image-unavailable icon to Teams Theme @joheredi (#1633)
• Add bidirectional navigation following DOM in FocusZone @sophieH29 (#1637)
• Open Popup on contextmenu @jurokapsiar (#1524)
• Add align prop for Text component @Bugaa92 (#1668)
• Add size prop for Button component @layershifter (#1716)
• Add target prop on Provider, allows to specify a document where styles should be renderer @layershifter (#1252)

Fixes

• Fix ChatMessage's focus border overlays actionMenu in Teams theme @mnajdova (#1637)
• Update Checkbox files for Teams Theme to match [redlines] @bcalvery (#1656)
• Add color prop to Segment typings @layershifter (#1702)
• Remove color prop from Dialog typings @layershifter (#1702)
• Loader uses Text component for label slot instead of Box @layershifter (#1701)
• Fix test cut off in Button component @layershifter (#1716)
• Close Toolbar's menu when it looses focus @sophieH29 (#1688)

Documentation

• Make sidebar categories collapsible @lucivpav (#1611)
• Fix code in nesting themes section of theming examples @lucivpav (#1616)
• Make prototypes conditionally public and move them below Behaviors @lucivpav (#1627)
• Refine component descriptions @kuzhelov (#1629)
• Add best practices and form usage example for Slider component @Bugaa92 (#1641)
• Add examples with Tooltip for the actionable components @mnajdova (#1636)
• Fix broken fragments on CodeSandbox @lucivpav (#1655)
• Improve a table with component props in docs @layershifter (#1634)
• Improve rendering performance for docs examples @Bugaa92 (#1654)
• Add FAQ entry for Flex, Grid, Layout, Box, Segment @lucivpav (#1646)

v0.34.3 (2019-07-23)

Compare changes

Fixes

• Fix nesting issues with Dialog component inside Popup @layershifter (#1706)

v0.34.2 (2019-07-19)

Compare changes

Fixes

• Fix a gap in Checkbox in RTL mode @layershifter (#1683)
• Fix broken background in Popup with pointing and FocusTrap @layershifter (#1689)

v0.34.1 (2019-07-11)

Compare changes

Fixes

• Fix Dropdown and DropdownItem styles to match [redlines] - modified ListItem and ListItemStyles to not set gap in component definition @bcalvery (#1523)
• Fix Dropdown highlightedIndex on arrow keydown open @silviuavram (#1570)
• Fix Dropdown ArrowLeft keydown behavior for multiple variants @silviuavram (#1564)
• Fix styles for shadows in Popup in Teams theme [redlines] @codepretty (#1561)
• Fix typings for Provider props @miroslavstastny (#1601)

Features

• Add ARIA attributes and focus handling for RadioGroup in Toolbar @sophieH29 (#1526)
• Add ARIA attributes and keyboard navigation for Menu in Toolbar @sophieH29 (#1553)
• Add alert, info, share-alt and microsoft-stream icons to Teams theme @marst89 (#1544)
• Add custom kind for items in Toolbar component @miroslavstastny (#1558)
• Add static className prop to result type of createComponent @kuzhelov (#1563)
• Add hand icon to Teams theme @t-proko (#1567)
• Add accessibility attributes and keyboard handlers for Tooltip @sophieH29 (#1575)
• Add labelPosition prop to Checkbox component @layershifter (#1578)
• Pass props of Icon component to SVG spec @kuzhelov (#1562)
• Add speaker-mute icon to Teams theme @amramornov-ms (#1598)
• Removed obsolete play-sound-mute icon from Teams theme @amramornov-ms (#1598)
• Add svg pointing beak to the Tooltip component in Teams theme @mnajdova (#1580)
• Add new values to the brand, onyx colors and background4 token for default and brand color schemes in Teams theme @mnajdova (#1581)
• Add additional logic for showing/hiding the actionMenu inside the ChatMessage in Teams theme, based on a variable @mnajdova (#1590)

Documentation

• Ensure docs content doesn't overlap with sidebar @kuzhelov (#1568)
• Fixing issue with copy icon taking up entire page in Firefox @notandrew (#1576)
• Add prototype for Custom Styled Toolbar @miroslavstastny (#1541)
• Add Best Practices section for each component @alinais (#1550)
• Update Layout guide @layershifter (#1595)
• Fix error when children are missing in ExampleSnippet @layershifter (#1619)

v0.34.0 (2019-06-26)

Compare changes

BREAKING CHANGES

• Type FontFaceStyle was renamed to FontFaceProps @layershifter (#1487)
• Type style was renamed to props on FontFace @layershifter (#1487)
• Remove boxShadowColor variable for Segment component @Bugaa92 (#1516)
• Rename prop forceFocusInsideTrap to forceFocusInsideTrapOnOutsideFocus in FocusTrapZone @sophieH29 (#1505)

Fixes

• Fix prop types of Tooltip component @kuzhelov (#1499)
• Fix Popup styling with pointer when it is wrapped by FocusZones @layershifter (#1492)
• Fix Attachment more option button invoke correctly action on space/enter @kolaps33 (#1452)
• Apply custom focus style on TreeItem and TreeTitle @silviuavram (#1506)
• Fix theme types, remove duplication @kuzhelov (#1508)
• Fix RadioGroup first item should be tabbable by default when none of the items selected @sophieH29 (#1515)
• Export all accessibility behaviors @jurokapsiar (#1538)
• Fix FocusTrapZone sets focus into zone correctly for lazy loaded content @sophieH29 (#1505)
• Replace css-shorthand-expand with bundled version to make it work in IE11 @layershifter (#1542)

Features

• Add 'poll' and 'to-do-list' icons to Teams theme @natashamayurshah (#1498)
• Add toolbarBehavior for Toolbar component and apply buttonBehavior for ToolbarItem component @sophieH29 (#1468)
• Integrate ARIA HTML design pattern in the Tree component @silviuavram (#1488)
• Add 'broadcast' icon to Teams theme @lawrencecushman (#1509)
• Add disabled prop for Segment component @Bugaa92 (#1516)
• Add qna outlined icon to the Teams theme @lawrencecushman (#1546)
• Add menu prop to Toolbar @miroslavstastny (#1518)

Performance

• Use single Fela renderer for LTR & RTL @layershifter (#1459)

Documentation

• Add dedicated docs for the color palette and color schema @mnajdova (#1494)

v0.33.0 (2019-06-13)

Compare changes

BREAKING CHANGES

• Rename toolbarBehavior to menuAsToolbarBehavior and toolbarButtonBehavior to menuItemAsToolbarButtonBehavior @miroslavstastny (#1393)
• Rename types related to accessibility @layershifter (#1421)
• Moved the rtl and renderer props from the theme prop object to the Provider's props API @mnajdova (#1377)

Fixes

• Fix click handling on focus for action slot in Attachment component @Bugaa92 (#1444)
• Fix Teams' theme list item end media styles @mnajdova (#1448)
• Fix the order of the fela plugin @mnajdova (#1461)
• Fix active styles for iconOnly MenuItem in Teams theme @mnajdova (#1464)
• Fix keypress/click handling for Popup content @kuzhelov (#1482)
• Fix PopupContent background color in Teams theme @mnajdova (#1484)
• Fix merging of item variables in Menu and Toolbar @miroslavstastny (#1447)
• Generate IDs for header and content slots once in Dialog component @layershifter (#1449)

Features

• Define types for accessibility behaviors props. Do not render aria-disabled if the value is false @sophieH29 (#1481)
• Add Toolbar component @miroslavstastny (#1408)
• Add popup prop to Toolbar component @miroslavstastny (#1408)
• Add disableAnimations boolean prop on the Provider @mnajdova (#1377)
• Integrate Dropdown with Form.Field @silviuavram (#1446)
• Add expand/collapse and navigation with ArrowUp and ArrowDown to Tree @silviuavram (#1457)
• Expand all Tree siblings on asterisk key @silviuavram (#1457)
• Add 'data-is-focusable' attribute to attachmentBehavior @sophieH29 (#1445)
• Improve accessibility for Checkbox @jurokapsiar (1479)
• Add unstable_pinned prop to Popup and Dropdown components @Bugaa92 (#1471)
• Add Tooltip component @mnajdova (#1455)
• Add 'call-control-release' and 'call-control-request' icon to Teams theme @jay-howe (#1490)

Documentation

• Remove unfinished themes from the docs themes dropdown on components examples pages @alinais (#1473)
• Adding table of contents to FAQ page @hughreeling (#1291)

Performance

• Use minified version of normalize.css and update it to 8.0.1 @layershifter (#1476)

v0.32.0 (2019-06-03)

Compare changes

BREAKING CHANGES

• Remove convoluted conditions from component's element type calculations @kuzhelov (#1396)
• Replace Dropdown variables: borderRadius with containerBorderRadius, openBorderRadius with openAboveContainerBorderRadius and openBelowContainerBorderRadius, listBorderRadius with aboveListBorderRadius and belowListBorderRadius @Bugaa92 (#1312)

Fixes

• ESC key pressed on a trigger element should propagate event if Popup is closed @sophieH29 (#1373)
• Changing icon behavior as for some cases icon could be visible @kolaps33 (#1327)
• Firefox: placeholder color should match redlines @notandrew (#1406)
• Popup - fix proptypes for content and trigger props @miroslavstastny (#1420)
• Make contentRef prop optional for Accordion.Title @Bugaa92 (#1418)
• Call getDerivedStateFromProps() from AutoControlledComponent in Dropdown @layershifter (#1416)
• Fix backgroundHover1 color in the Teams dark theme colorScheme @mnajdova (1437)
• Revert changes with different roots in Icon component @layershifter (#1435)
• Fix flickering issues with Dropdown and Popup components @Bugaa92 (#1434)

Features

• Add keyboard navigation and screen reader support for Accordion @silviuavram (#1322)
• Add expanded prop to Accordion @silviuavram (#1322)
• Replace react-popper package with custom Popper component and exposed as UNSTABLE_Popper positioning helper @Bugaa92 (#1358)
• Add strict types for the colorScheme props used in the components' variables @mnajdova (#1340)
• Export message-seen, presence-available, presence-stroke, open-outside and eye-friendlier icons to Teams theme @joheredi (#1390)
• Add 'lightning' icon to Teams theme @notandrew (#1385)
• Add automatic positioning inside viewport for Menu with submenus @Bugaa92 (#1384)
• Add align, position, offset props for Dropdown component @Bugaa92 (#1312)
• Add Checkbox component and toggle prop for it @layershifter (#1405)

Documentation

• Accessibility: improve introduction section @jurokapsiar (#1368)
• Accessibility: improve accessibility descriptions for components @jurokapsiar (#1371)

v0.31.0 (2019-05-21)

Compare changes

BREAKING CHANGES

• Restrict Typescript checks for component props @kuzhelov (#1290)
• Aligned focus styles for Chat.Message component with latest Teams theme design @Bugaa92 (#1269)
• Fix styles for fill prop of Flex @kuzhelov (#1352)
• FontAwesome icons is not part of Teams theme more @layershifter (#1337)

Fixes

• Fixed Flex.Item children prop type @mnajdova (#1320)
• Fixed Icon's color example to align with the latest color updates @mnajdova (#1336)
• Fixed TreeTitle - tabIndex prop should be camel case in behavior @sophieH29 (#1345)
• Fixed handle refs on updates of innerRef prop in Ref component @layershifter (#1331)
• Fixed positioing of Popup in scrollable container @layershifter (#1341)
• Add Teams dark and hc themeing for Dialog [redlines] @codepretty (#1297)
• Remove NaN values from positioning styles in Popup @kuzhelov (#1365)

Features

• Add selected, isFromKeyboard props to DropdownItem @mnajdova (#1299)
• Add styles for the dark and high contrast Teams themes for the Dropdown component @mnajdova (#1299)
• Highlight options by character keys in Dropdown non-search versions @silviuavram (#1270)
• Aligned link styles for Chat.Message component with latest Teams theme design @Bugaa92 (#1269)
• Export qna and yammer SVG icons for Teams theme @manindr (#1325)
• Add FontAwesome theme @layershifter (#1337)
• Add red color scheme in Teams theme @mnajdova (#1353)

Documentation

• Clearly identify Slots in DocSite @hughreeling (#1292)

v0.30.0 (2019-05-10)

Compare changes

BREAKING CHANGES

• Rename context prop to mountNode in PortalInner @layershifter (#1288)
• Updated Teams' theme color palette values, removed color related site variables @mnajdova (#1069)
• Remove defaultTarget prop in Popup component @layershifter (#1153)
• Add focus border styling mechanism in Teams theme @Bugaa92 (#1269)

Fixes

• Fix double rendering of Popup component @layershifter (#1153)
• Docs: fix(docs): Set maximum width for examples @miroslavstastny (#1319)
• Clearable Input can be cleared by Escape keydown @silviuavram (#1306)

Features

• Add default child a11y behavior to Menu related behaviors @silviuavram (#1282)
• Ref component extracted to a @stardust-ui/react-component-ref @layershifter (#1281)
• added isRefObject(), toRefObject() utils for React refs @layershifter (#1281)
• Add new callings icons in Teams theme @codepretty (#1264)
• Add default aria-labelledby and aria-describedby to Dialog @silviuavram (#1298)
• Add mountNode and mountDocument props to allow proper multi-window rendering @layershifter (#1288)
• Added default and brand color schemes in Teams' theme @mnajdova (#1069)
• Export files-upload SVG icon for Teams theme @manindr (#1293)

v0.29.1 (2019-05-01)

Compare changes

Fixes

• Update ChatMessage styles in Teams themes @layershifter (#1246)
• Fix Teams theme styles for Alert [redlines] @codepretty (#1226)
• Update background color in Teams dark theme for Chat message background color @codepretty (#1256)
• Fix selected status of Dropdown when focus is on the List @silviuavram (#1258)
• Fix propTypes warning in ListItem @layershifter (#1266)
• Expand css shorthands for correct merging of the styles @mnajdova (#869)

Features

• Export call-dialpad icon in Teams theme @assamad (#1271)

v0.29.0 (2019-04-24)

Compare changes

BREAKING CHANGES

• Rename inputFocusBorderBottomColor to inputFocusBorderColor in InputVariables @layershifter (#1247)

Fixes

• Fix onClick in DropdownItem to accept user callback and have its event propagation stopped @silviuavram (#1248)
• Fix a11y message cleanup for add and remove items in Dropdown @silviuavram (#1237)

Features

• Move Input styles to Base theme @layershifter (#1247)
• Add role attribute to Popup's content in accessibility behaviors @sophieH29 (1253)

v0.28.1 (2019-04-23)

Compare changes

Fixes

• Fix missing npm packages in v0.28.0 @layershifter (#1251)

v0.28.0 (2019-04-22)

Compare changes

BREAKING CHANGES

• Add box-sizing: border-box to all elements, as well as before and after pseudo elements in Teams theme @mnajdova (#1057)

Fixes

• Fix overflowing focus outline for Grid items for Teams theme @Bugaa92 (#1195)
• Fix routing for accessibility documentation @sophieH29 (#1208)
• Fix content prop type in Dialog @layershifter (#1212)
• Fix themeing for Teams theme at mention nubbin and left bar in ChatMessage [redlines] @codepretty (#1232)
• Add keyboard up & down key controls for the Tree component @priyankar205 (#1219)
• Add keyboard enter & spacebar key controls for the Tree component @priyankar205 (#1233)
• Simplify DOM structure in List component when not all slot are defined @layershifter (#1218)
• Menu as Toolbar - left/right arrow keys should not activate prev/next parent when focus in in the toolbar submenu @sophieH29 (#1199)
• Add isFromKeyboard to Alert component @layershifter (#1238)

Features

• Add Embed and Video components @stuartlong (#1108)
• Move Flex styles to base theme @kuzhelov (#1206)
• Add file video icon on Icon component @luzhon (#1205)
• Export call-missed-line icon in Teams theme @96andrei (#1203)
• Add pointing prop to Popup (#1198)
• [Teams Theme] Export missing read-aloud icon in Teams Theme @joheredi (#1225)
• Add styles for scrollbar to ProviderBox in Teams Theme (#1223)
• Export FocusZoneMode type @sophieH29 (#1229)

v0.27.0 (2019-04-10)

Compare changes

BREAKING CHANGES

• Rename flipInRtl Icon's slot to svgFlippingInRtl in Teams theme @mnajdova (#1179)
• Do not set html font-size in theme static styles @miroslavstastny (#1190)

Fixes

• Fix the reset of the highlightedIndex when search query changes @silviuavram (#1168)
• Fix click triggering logic of Space and Enter keys for MenuItem @kuzhelov (#1175)
• Truncate content and header of ListItem when used from DropdownSelectedItem @silviuavram (#1161)
• Fix rotate prop on Icon not working in rtl @mnajdova (#1179)
• Updated theming for Attachment for Teams, Teams Dark and Teams Contrast @bcalvery (#1033)
• FocusTrapZone - Do not propagate any keyboard events @sophieH29 (#1180)
• Capture effect of Esc key down event within component for Popup and Dropdown @kuzhelov (#1183)
• Fix prop types of MenuItem @kuzhelov (#1197)
• Fix example's code of Theming Examples guide @kuzhelov (#1192)

Features

• Add Reaction variables to Teams dark and HOC themes @mnajdova (#1152)
• Move Grid's and Image's styles and variables from Teams to base theme @mnajdova (#1182)
• Export play and pause icons in Teams theme @layershifter (#1189)
• Export eye and eye-slash icons in Teams theme @alinais (#1194)

Performance

• Drop usages of FelaTheme component and use React.Context to get theme directly @layershifter (#1163)
• Use tslib to replace helpers with their imports, reduces bundle size @layershifter (#1184)

v0.26.0 (2019-04-03)

Compare changes

BREAKING CHANGES

• Remove Indicator component, the usages should be replaced with the Icon component @mnajdova (#1120)
• Add shorthand support for header and content in Dropdown, DropdownSelectedItem.slotClassNames.removeIcon usages should be replaced with DropdownSelectedItem.slotClassNames.icon @silviuavram (#1054)
• react@16.8 and react-dom@16.8 are now required @layershifter (#1147)
• Remove truncateStart, truncateMain and truncateEnd props from Layout component and truncateContent and truncateHeader props from ItemLayout component @Bugaa92 (#1127)
• color and backgroundColor variables were moved from PopupContent to popup slot of Popup component @kuzhelov (#1121)

Fixes

• Update vertical && pointing Menu styles @jaanus03 (#1116)
• Fix in Dropdown, close it after searchQuery will become empty @layershifter (#1124)
• Correctly align RTL text in LTR theme and vice versa @miroslavstastny (#1115)
• chatBehavior - remove role 'presentation' @sophieH29 (#1137)
• Temporarily remove static type references in slotClassNames to prevent circular dependency crashes @kuzhelov (#1145)
• Fix EventListener to not rerender on listener prop change @layershifter (#1132)
• Fix circular dependencies from inferior modules to index files @kuzhelov (#1148)
• Fix Invalid DOM property stop-color in Teams theme icons @codepretty (#1157)
• Fix invalid import in Alert @mnajdova (#1159)

Features

• Add predefined icon set for the usages in the Input, Dropdown and AccordionTitle components @mnajdova (#1120)
• Add Popup styles to Teams Dark and High Contrast themes @kuzhelov (#1121)
• export flag icon in Teams theme @jaanus03 (#1133)
• Make MenuItem's submenu open state controlled @sophieH29 (#1125)
• Add behaviors for Alert component @jurokapsiar (#1119)
• Add functionality for programmatically setting the source in the what-input service and used it in the Popup component @mnajdova (#1151)

v0.25.1 (2019-03-29)

Compare changes

Fixes

• Fix narration for Menu @miroslavstastny (#1105)
• Fix timestamp to be shown if the reactionGroup prop is applied on the ChatMessage component in Teams theme @mnajdova (#1100)
• Fix typings for FlexProps and FlexItemProps @miroslavstastny (#1089)
• Fix selectableFocusHoverColor value in List for Teams theme @layershifter (#1113)
• Align slotClassNames property for all components @Bugaa92 (#1093)
• Fix selectedBackgroundColor/selectableFocusHoverColor value in List for Teams Dark and Teams HC themes @layershifter (#1117)
• Fix Dropdown multiple selection tab behavior and single search selection blur reset @silviuavram (#1118)
• Add missing types to role in accessibility @layershifter (#1125)

Features

• Add attached prop on the ChatMessage component, which is automatically set by the ChatItem component @mnajdova (#1100)
• Align Alert component styles to latest design for Teams theme @Bugaa92 (#1111)
• Add support for SVG animations to Loader, update in Teams theme @layershifter (#1097)
• Export ban and exclamation-circle icons in Teams theme @kuzhelov (#1123)

Documentation

• Fix example permalinks @miroslavstastny (#1122)

v0.25.0 (2019-03-26)

Compare changes

BREAKING CHANGES

• Provider now renders div element with dir, color and background @miroslavstastny (#852)

Fixes

• Fix RadioButtonGroup Teams theme styles to be correct @notandrew (#830)

v0.24.0 (2019-03-25)

Compare changes

BREAKING CHANGES

• Use regular components instead of Label in RadioGroupItem @layershifter (#1070)
• Remove Flex.Gap component, and convert the gap styles to margins on the child elements of the Flex component @mnajdova (#1074)
• Dropdown: control highlightedIndex from Dropdown @silviuavram (#966)

Fixes

• Add aria posinset and setsize, hide menu indicator from narration @jurokapsiar (#1066)
• Fix applying accessibility key handlers @layershifter (#1072)
• Fix shrink prop behavior for Flex.Item @kuzhelov (#1086)
• Disable devMode for Fela by default @layershifter (#1090)
• Fix accessibility types for aria attributes @layershifter (#1087)
• Fix action prop size issue for Alert @Bugaa92 (#1083)
• Fix issues with clicks inside nested Popups @layershifter (#949)

Features

• Add Alert component @Bugaa92 (#1063)
• Add placeholderColor variable for Input component in Teams theme @layershifter (#1092)
• Add and export files icons in Teams theme @codepretty (#1094)

Documentation

• Add layout guide @kuzhelov (#1091)

v0.23.1 (2019-03-13)

Compare changes

Fixes

• Do not propagate keyboard events outside Popup's content only when focus trap is used @sophieH29 (#1028)
• Narrate the first adding/selection of a Dropdown item using aria live @silviuavram (#1032)
• *Props interfaces accept additional props @layershifter (#1042)
• chatBehavior - Use FocusZone's Embed mode instead of Wrap mode @sophieH29 (#1044)
• Fix broken border in Input when it's focused in Teams theme @layershifter (#1041)

Features

• Add inline prop in the Popup for rendering the content next to the trigger element @mnajdova (#1017)
• Add exclusive prop in the Tree for expanding one tree item at a time @priyankar205 (#1018)
• Export call-pstn and skype-logo SVG icons to the Teams theme @thewulf7 (#929)
• Export some Office brand SVG icons to the Teams theme, including word, word-color, excel, excel-color, powerpoint, powerpoint-color, onenote, onenote-color @codepretty (#938)

Documentation

• Add disabled state to menu as toolbar doc example @codepretty (#933)

v0.23.0 (2019-03-06)

Compare changes

BREAKING CHANGES

• Changed types of the slot's inside the ListItem component (media, content, contentMedia, header, headerMedia and endMedia) from any to ShorthandValue @mnajdova (#886)
• Changed class names of the slots inside the ListItem (ItemLayout's classnames were replaced with ListItem's) @mnajdova (#886)
• Replace the outline variable with the outline prop in Icon @layershifter (#1002)

Fixes

• Remove space between Button.Group items without circular prop @Bugaa92 (#973)
• Fix allow Text component when rendered as div to behave as block element in Teams theme @mnajdova (#940)
• Correctly apply static styles if the first Provider rendered is RTL @miroslavstastny (#960)
• Fix font-based Icon styles in Teams theme @kuzhelov (#976)
• Refactor the ListItem component to use the Flex components instead of ItemLayout @mnajdova (#886)
• Fixed distance of the content and reactionGroup from the badge in the ChatMessage component for Teams theme @mnajdova (#986)
• Do not propagate keyboard events outside Popup's content @sophieH29 (#987)
• Fixed emoji Icon spacing issue and added settings Icon (#991)
• Call update node if it was changed for Ref component @layershifter (#993)
• Close previous Popup on enter key @jongsue (#985)
• Fixed Shift+Tab navigation from DropdownSelectedItem @silviuavram (#1004)
• Fixed color of the timestamp in ChatMessages marked as mine in Teams theme @mnajdova (#1010)
• Updated table Icon & search Icon (#1011)
• Improve Menu styling, vertical menu in Teams theme (#934)

Features

• Add delay prop for Loader component @layershifter (#969)
• Add getNextElement, getPreviousElement and focusAsync to exported as FocusZoneUtilities @layershifter (#981)
• Add Reaction and ReactionGroup components @mnajdova (#959)
• Add reactionGroup and reactionGroupPosition props to the ChatMessage component @mnajdova (#959)
• Set aria-modal attribute for both Dialog and Popup with focus trap @sophieH29 (#995)
• Allow arrays as shorthand for the Components containing prop of type CollectionShorthand @mnajdova (#996)
• Allow to pass children and content to MenuDivider @layershifter (#1009)
• Add AutoFocusZone component, for focusing inner element on mount @mnajdova (#1015)

Documentation

• Add MenuButton prototype (only available in development mode) @layershifter (#947)

v0.22.1 (2019-02-26)

Compare changes

Fixes

• Fix createComponent() typings and documentation examples @Bugaa92 (#954)

Documentation

• Fix the sidebar missing items for docsite @alinais (#971)

v0.22.0 (2019-02-26)

Compare changes

BREAKING CHANGES

• Remove logic for adding borders by default if the Icon has the circular prop @mnajdova (#907)

Fixes

• Display correctly images in portrait mode inside Avatar @layershifter (#899)
• Expose Popup's content Ref @sophieH29 (#913)
• Fix Button Teams theme styles to use semibold weight @notandrew (#829)
• Fix conflicts of generated names in Fela with FontAwesome @layershifter (#951)
• Call callbacks after the clear action in Input and Dropdown @layershifter (#956)
• Fix ChatMessage styles for Teams theme @kuzhelov (#962)
• Fix the order of applied props in Status component @layershifter (#961)
• Remove redundant margins for Button and Icon components and fix layout of Dialog component and affected examples @Bugaa92 (#945)
• Prevent appearance of actions slot on hover over area outside of ChatMessage @kuzhelov (#953)
• Export variables for the DropdownItem, DropdownSearchInput and DropdownSelectedItem components in Teams theme (#967)

Features

• Export lock SVG icon @VyshnaviDasari (#906)
• Adding status behavior @kolaps33 (#880)
• Add basic animation library for Teams theme @bhamlefty @mnajdova (#871)
• Export accept and urgent SVG icons to the Teams theme @joheredi(#929)
• Add open, defaultOpen and onOpenChange props for Dropdown component (controlled mode) @Bugaa92 (#900)
• Add accessibility prop to all components that supports it @layershifter (#927)
• Export FocusZone types @sophieH29 (#943)
• Export chevron-down, download, search, email and star SVG icons to the Teams theme @pajindal(#955)

Documentation

• Add Editable Area with Dropdown prototype for mentioning people using @ character (only available in development mode) @Bugaa92 (#931)
• Adjust styles of Portal examples @kuzhelov (#953)

v0.21.1 (2019-02-14)

Compare changes

BREAKING CHANGES

• Removed colors from siteVariables in Teams theme @mnajdova (#858)

Features

• Export arrow-up,arrow-down and chat SVG icon @VyshnaviDasari (#873)
• Export FocusZone's utilities @sophieH29 (#876)
• Add clearable prop for Dropdown @layershifter (#885)

Fixes

• Properly handle falsy values provided as Flex and Flex.Item children @kuzhelov (#890)
• Update cached rem size value of pxToRem on theme static styles render @kuzhelov (#883)
• Stardust in TS project with --isolatedModules can be built @layershifter (#894)
• Keyframes are behaving as expected when RTL is dynamically switched @layershifter (#894)
• Fix inserting char at a cursor position will the cursor to end in Dropdown @layershifter (#897)
• Replace margins with padding in chatItemStyles for Teams theme (#878)

v0.21.0 (2019-02-12)

Compare changes

BREAKING CHANGES

• Changed site variables' colors.black to be #000 instead of grey[900](#252424) in Teams theme @mnajdova (#855)

Features

• Add single search flavor for Dropdown component @Bugaa92 (#839)
• Add multiple selection flavor for Dropdown component @Bugaa92 (#845)
• Add black and white options for the color prop of the Label component @mnajdova (#855)
• Add Flex component @kuzhelov (#802)
• Add inline prop for Dropdown component @Bugaa92 (#863)

Fixes

• Focus the last focused element which triggered Popup on ESC @sophieH29 (#861)
• Changing the focus zone to embed for gridBehavior @kolaps33 ([#844] (microsoft/fluent-ui-react#844))
• Add polyfills to correctly work in IE11 @layershifter (#868)
• Fix selectors for ItemLayout class names in the listItemStyles in Teams theme @mnajdova(#882)

Documentation

• Add screener with steps testing documentation @silviuavram (#856)
• Move color palette link to prototypes section @codepretty (#884)

v0.20.0 (2019-02-06)

Compare changes

BREAKING CHANGES

• Generalize size values for Avatar and Status components @kuzhelov (#828)
• Remove AvatarPropsWithDefaults and StatusPropsWithDefaults from public API @kuzhelov (#828)
• Rename combobox to root in dropdownSearchInputStyles @layershifter (#816)
• Renamed class names for the slots inside the ItemLayout component @mnajdova (#827)

Features

• Accessibility for menu divider @jurokapsiar (#822)
• Add static outline and filled class names to icons in Teams theme @miroslavstastny (#834)
• Added slot class names in ChatMessage, ChatItem, Dropdown, ItemLayout, Layout, MenuItem @mnajdova (#827)
• Add badge and badgePosition properties on the ChatMessage @mnajdova (#823)
• Add hasMention, isImportant, hasMentionColor and isImportantColor in ChatMessage variables in Teams theme @mnajdova (#841)
• Add actionMenu prop to ChatMessage component @layershifter (#811)
• Add rtl field in the SvgIconFuncArg, and used it in Teams theme's number-list icon (#851)
• Add keyboard navigation between selected items in Dropdown multiple version @silviuavram (#842)

Fixes

• Fix Dropdown component styles regression @Bugaa92 (#824)
• Update vulnerable version of lodash dependency @kuzhelov (#840)
• Add displayName property to Ref and Provider components @layershifter (#836)
• Wrap error text of docs code editor @kuzhelov (#843)

v0.19.2 (2019-02-01)

Compare changes

Features

• Export triangle-down and triangle-right icons in Teams theme @codepretty (#785)
• Add RTL examples for Button and Divider components @mnajdova (#792)
• Add mechanism for marking icons that should rotate in RTL in Teams theme; marked icons: send, bullets, leave, outdent, redo, undo, send @mnajdova (#788)
• Remove ability to introduce global style overrides for HTML document from pxToRem @kuzhelov (#789)
• Padding variable for horizontal menu @jurokapsiar (#808)
• Remove handledProps from behaviors @jurokapsiar (#805)
• Add create shorthand factory to Header component @layershifter (#809)
• Add keyframeParams prop in the Animation component and the animation prop @mnajdova (#794)
• Add Dialog component @layershifter (#790)
• Add sample screener tests with steps for Dropdown @silviuavram (#797)
• Add shorthand support for triggerButton in Dropdown @silviuavram (#815)
• Add toggle functionality in the Popoup even if the trigger is not button @kolaps33 (#758)

Fixes

• Handle onClick and onFocus on ListItems correctly @layershifter (#779)
• Remove popup trigger button default role @jurokapsiar (#806)
• Improve Dropdown component styles @Bugaa92 (#786)
• Preserve outside click subscription on Popup and MenuItem component updates @kuzhelov (#803)
• Exports Menu's variables as MenuItem and MenuDivider's variables in Teams theme @mnajdova (#814)
• Fix Avatar - Add white circle border in contrast theme @bcalvery (#795)
• Dix MenuDivider not shown on horizontal Menu @mnajdova (#813)

v0.19.1 (2019-01-29)

Compare changes

Fixes

• Fix layout of Accordion panel's title @kuzhelov (#780)
• Allow to use createRef() API with triggerRef prop in Portal component @layershifter (#787)

v0.19.0 (2019-01-28)

Compare changes

BREAKING CHANGES

• Update variable names in themes, add missing sizes @layershifter (#762)
• Rename toggleButton prop to toggleIndicator and make it visible by default @layershifter (#729)
• Remove props from variables resolution process @kuzhelov (#770)
• Update Fela and is deps to latest, 10.1.3 is required @layershifter (#768)
• Replaced gutterPosition with contentPosition in ChatItem (contentPosition='end' should be added on the ChatItems containing ChatMessage with mine prop for teams theme) @mnajdova (#767)

Features

• Add loading prop for Dropdown @layershifter (#729)
• Export close icon in Teams theme @alinais (#774)
• Add attached prop for ChatItem @mnajdova (#767)

Fixes

• Make headerMedia visible for screen readers in ListItem @layershifter (#772)
• Cleanup for Dropdown examples' accessibility and added localisation example. @silviuavram (#771)
• Fix highlighted selected option in single selection Dropdown when opened @silviuavram (#726)

v0.18.0 (2019-01-24)

Compare changes

BREAKING CHANGES

• Forwarding props for createShorthand calls if the value is a React element @mnajdova (#759)
• Rename Slot component to Box and export it @Bugaa92 (#713)

Fixes

• Fix focus outline visible only during keyboard navigation in ListItem @layershifter (#727)
• Pass jest --detectLeaks tests @miroslavstastny (#718)
• Fix Avatar's size example @mnajdova (#745)
• Fix teams theme Status and Chat.Message styles (#747)
• Fix Popup - do not stop event propagation when pressing Esc on trigger element @sophieH29 (#750)
• Fix alignment of Layout's main area @kuzhelov (#752)
• Call Popup onOpenChange on all user initiated events @levithomason (#619)
• Fix ChatMessage - Author element should always be rendered @sophieH29 (#761)

Features

• Add and export 'missed call' icon in Teams theme @codepretty (#748)
• Add Indicator component and used it in MenuItem and AccordionTitle @mnajdova (#721)
• Expose renderItem and renderSelectedItem callbacks API for Dropdown @layershifter (#746)
• Add RTL support for the strings used inside the components @mnajdova (#704)

Documentation

• Refine Shorthand docs page content @kuzhelov (#751)

v0.17.0 (2019-01-17)

Compare changes

BREAKING CHANGES

• Rename DropdownLabel to DropdownSelectedItem and extract styles @layershifter (#725)
• Make element type of component's event handler to be HTMLElement @kuzhelov (#740)

Fixes

• Remove render from default factories options @layershifter (#735)

Features

• Add accessibility for submenu in toolbar and menu behavior @kolaps33 (#686)

Documentation

• Fix ignored initial state of knobs @layershifter (#720)
• Fix unclearable example's code @layershifter (#720)
• Add ability to export examples to CodeSandbox @layershifter (#731)
• Fix remove empty item in docs sidebar @layershifter (#728)

v0.16.2 (2019-01-14)

Compare changes

Features

• Add Loader component @layershifter (#685)
• Add color prop to Label component @Bugaa92 (#647)
• Add accessibility and styles to the API of createComponent @kuzhelov (#714)

Fixes

• Fix doc layout for Menu component @codepretty (#695)
• Fix focus outline visible only during keyboard navigation @kolaps33 (#689)
• Fix handling changes of renderer prop in Provider @layershifter (#702)
• Fix Menu themeing styles @codepretty (#708)
• Prevent infinite rendering loop start on Popup open @kuzhelov (#705)
• Correctly handle disabled Menu.Item in styles and accessibility @miroslavstastny (#694)

v0.16.1 (2019-01-10)

Compare changes

Features

• Add on and mouseLeaveDelay props to Popup component @mnajdova (#622)
• Add Dropdown Single Selection variant @silviuavram (#584)
• Add MenuDivider component and kind prop to the items inside of the Menu for creating different components @mnajdova (#682)

Fixes

• Fix unicode arrow characters to be RTL aware @mnajdova (#690)
• Fix positioning of Popup with changable content @layershifter (#678)
• Fix default props in Accordion and Dropdown components @layershifter (#675)
• Refactor render method of Label component and simplify docs @davezuko (#642)
• Fix shorthand prop type @kuzhelov (#697)
• Export ShorthandRenderer type @miroslavstastny (#698)
• Temporary revert pxToRem changes introduced by #371 @kuzhelov (#700)

Documentation

• Add ability to edit examples' code in JavaScript and TypeScript @layershifter (#650)
• Fix broken switch to Children API when an example is not present @layershifter (#650)

v0.16.0 (2019-01-07)

Compare changes

BREAKING CHANGES

• Change available size prop values in Icon component @codepretty (#640)
• renamed Teams theme menu variables the contains props names as prefixes @mnajdova (#539)

Fixes

• Ensure Popup properly flips values of offset prop in RTL @kuzhelov (#612)
• Fix List - items should be selectable @sophieH29 (#566)
• Respect defaultTabbable element when FocusZone container gets focus @sophieH29 (#637)
• Fix FocusZone - fix last breaking changes and make improvements for Chat usage @sophieH29 (#614)
• Fix defaultOpen prop in the Popup component @mnajdova (#659)
• Fix Chat - added themes values for dark and contrast @bcalvery (#652)
• Fix compatibility with TypeScript 3.2 and handle null as a valid value in all optional props @layershifter (#550)
• Fix MenuItem - onFocus is not handled as prop @sophieH29 (#677)
• Unifying the arrow unicode characters used in different components @mnajdova (#673)

Features

• Add color prop to Text component @Bugaa92 (#597)
• Add color prop to Header and HeaderDescription components @Bugaa92 (#628)
• Export initial set of compose icons in Teams theme @joheredi (#638)
• Add and export compose icons in Teams theme @joheredi (#639)
• Add menu prop to MenuItem @mnajdova (#539)
• Enable RTL for FocusZone @sophieH29 (#646)
• Add color prop to Segment component @Bugaa92 (#632)
• Export table-add and table-delete SVG icon in Teams theme @VyshnaviDasari (#643)
• Add handling of Enter and Spacebar in List component @jurokapsiar (#279)
• Enable RTL for keyboard handlers @sophieH29 (#656)
• Add color prop to Icon component @Bugaa92 (#651)
• Create a base theme with Text component example @almedint (#618)
• Adding attachment behavior to handle space/enter key @kolaps33 (#375)

Documentation

• Add more accessibility descriptions to components and behaviors @jurokapsiar (#648)

v0.15.0 (2018-12-17)

Compare changes

BREAKING CHANGES

• type prop is replaced with color in Divider component @layershifter (#558)
• Remove createColorVariants and setColorLightness utils @layershifter (#583)
• Remove accessibility prop (and corresponding behavior) from ButtonGroup @kolaps33 (#605)
• Add gutter prop to Chat.Item, removed avatar from Chat.Message, renamed content slot to message for Chat.Item, deprecated Children API for Chat components @Bugaa92 (#556)

Fixes

• Fix Provider is not executing staticStyles with the merged siteVariables @mnajdova (#559)
• Decouple pxToRem from HTML page's font size @kuzhelov (#371)
• The border color of the Icon is inherited if no value is provided for the color and borderColor variables @mnajdova (#569)
• Do not focus Popup's trigger on outside click @sophieH29 (#578)
• Add https protocol to all urls used in the scripts and stylesheets in index.ejs @mnajdova (#571)
• Fix support for fallback values in styles (color: ['#ccc', 'rgba(0, 0, 0, 0.5)']) @miroslavstastny (#573)
• Fix styles for RTL mode of doc site component examples @kuzhelov (#579)
• Prevent blind props forwarding for createShorthand calls if the value is a React element and remove manual check for Input wrapper @Bugaa92 (#496)
• Fix issue with bundling package with Rollup and Parcel @layershifter (#570)
• Fix pxToRem referenced for Dropdown component styles @kuzhelov (#590)
• Fix Popup logic of handling content value provided as React element @kuzhelov (#592)
• Do not handle FocusZone's keyDownCapture in chatBehavior @sophieH29 (#563)
• Fix getKeyDownHandler to pass props for client's onKeyDown handler @sophieH29 (#595)
• Fix Popup not closing on outside click @kuzhelov (#598)
• Fix multiple React's warnings about keys in docs @layershifter (#602)
• Fix incorrect handling of isFromKeyboard in Menu @layershifter (#596)
• Fix property names used in shorthand factories @kuzhelov (#591)

Features

• Ref components uses forwardRef API by default @layershifter (#491)
• Label Processed Teams icons moved to Stardust theme @kuzhelov (#574)
• Add Dropdown component @silviuavram (#422)
• Export call-recording SVG icon @Bugaa92 (#585)
• Export canvas-add-page SVG icon @priyankar205 (#601)
• Add sizeModifier variable (with x and xx values) to Icon's Teams theme styles @priyankar205 (#601)
• Add offset prop to Popup to extend set of popup positioning options @kuzhelov (#606)

Documentation

• Add prettier support throughout the docs @levithomason (#568)
• Display available behaviors for component @jurokapsiar (#510)
• Fix createComponent() instructions for className @levithomason (#599)

v0.14.0 (2018-12-05)

Compare changes

BREAKING CHANGES

• Add render callback as an option for shorthand value @kuzhelov (#562)
• Rename renderContent and renderTitle to renderPanelContent and renderPanelTitle for Accordion @kuzhelov (#562)

v0.13.3 (2018-12-05)

Compare changes

Fixes

• Revert breaking change: render callback as an option for shorthand value introduced in #519 @kuzhelov (#561)

v0.13.2 (2018-12-05)

Compare changes

Documentation

• Add the concept of the color palette @layershifter (#451)

Fixes

• Add react-dom as available import in the editor @mnajdova (#553)
• Fix incorrect and missing filled or outline versions of Teams SVG icons @codepretty (#552)
• Fix truncate styles in Teams team for the Button's content prop used as element @mnajdova (#551)
• Fix HTML preview in the editor @layershifter (#555)
• Fix icon overlapping for iconOnly prop in Menu component with @Bugaa92 (#486)

Features

• Add render callback as an option for shorthand value @kuzhelov (#519)
• Add color prop to Divider component @layershifter (#451)

v0.13.1 (2018-12-03)

Compare changes

Fixes

• Prevent blind props forwarding if Input's wrapper is defined as React element @kuzhelov (#453)
• Fix invalid whatInput import @miroslavstastny (#541)
• Fix invalid typings and propTypes for the content prop @mnajdova (#528)
• Fix Teams SVG icons @kuzhelov (#544)

Features

• Add all default size Teams icons processed & ready to be consumed by Stardust as needed @codepretty (#478)
• Add Tree Component @priyankar205 (#479)
• Add several Teams SVG icons @kuzhelov (#544)

v0.13.0 (2018-11-27)

Compare changes

BREAKING CHANGES

• Rename Transition component to Animation, and animationName property to name @mnajdova (#505)

Fixes

• Do not enforce yarn 1.10 via engines @Bugaa92 (#531)

Documentation

• Add Animations guide as part of the Theming docs page @mnajdova (#505)

v0.12.1 (2018-11-26)

Compare changes

Features

• Add createComponent function in the public API @mnajdova (#503)
• Apply dir=auto attribute to string content of Text @kuzhelov (#5)
• Improve Menu accessibility behaviors @sophieH29 (#523)
• Add ability to style every slot of Chat.Message and remove dependency on Layout component @Bugaa92 (#518)

Fixes

• Fix the behaviour of AutoControlledComponent when undefined is passed as a prop value @layershifter (#499)
• Stop event propagation when press Escape on the popup @sophieH29 (#515)
• Remove role="presentation" from chatMessageBehavior and FocusZone @sophieH29 (#530)

Documentation

• Add Integrate Custom Components guide page in the docs @mnajdova (#517)

v0.12.0 (2018-11-19)

Compare changes

Documentation

• Replace react-docgen with react-docgen-typescript for generating the props from the TS props interfaces @mnajdova (#460)

BREAKING

• Replace the type prop with secondary and primary for Button @layershifter (#419)
• Replace the type prop with secondary and primary for Menu @layershifter (#429)

Fixes

• Fix endMedia to not be removed from DOM on mouseleave for ListItem @musingh1 (#278)
• Fix focus behavior for List @kuzhelov (#413)
• Remove Sizes and Weights enums, use typed string in Text instead @jurokapsiar (#446)
• Fix React's version in peerDependencies @layershifter (#452)
• Added Dark and Contrast theme variables for Header @bcalvery (#427)
• Fix Teams Icons styles to match spec @codepretty (#441)
• Fix styles as functions in shorthands are not applied @mnajdova (#470)
• Add lodash typings and fix compilation errors @Bugaa92 (#438)
• Remove unsafe listRef from List API @kuzhelov (#489)
• Fix Popup trigger's props are not passed in onClick handler @sophieH29 (#521)

Features

• Make Grid keyboard navigable by implementing gridBehavior @sophieH29 (#398)
• Set the ref of the FocusZone in Embed mode @sophieH29 (#435)
• Close Popup on outside click @kuzhelov (#410)
• Set default chatBehavior which uses Enter/Esc keys @sophieH29 (#443)
• Add iconPosition property to Input component @mnajdova (#442)
• Add color, inverted and renderContent props and content slot to Segment component @Bugaa92 (#389)
• Add focus trap behavior to Popup @kuzhelov (#457)
• Export Ref component and add handleRef util @layershifter (#459)
• Add wrapper slot to MenuItem @miroslavstastny (#323)
• Add Transition component @mnajdova (#414)
• Add generic animation property to the UIComponents @mnajdova (#414)
• Add accessibility behavior dialogBehavior @sophieH29 (#490)

Documentation

• Add all missing component descriptions and improve those existing @levithomason (#400)
• Replace the type prop with secondary and primary in Glossary @layershifter (#432)

v0.11.0 (2018-10-30)

Compare changes

BREAKING

• Export all typings at the top-level API @levithomason (#382)

Fixes

• Fix build on Windows @jurokapsiar (#383)
• Add warning for rendering components outside provider @Bugaa92 (#378)
• Fix icon colors for Teams theme @codepretty (#384)
• Do not render the Attachment's progress value to the DOM @levithomason (#402)
• Add dark theme and contrast theme for Avatar and Status Indicator @bcalvery (#373)
• Add contrast theme and update dark theme for Button @bcalvery (#381)
• Add Segment background color @levithomason (#408)
• Make eventStack subscription logic to be always async @kuzhelov (#391)
• Fix for dotted focus outline in Firefox for Button component in docs @Bugaa92 (#390)

Features

• Export mergeThemes @levithomason (#285)
• Add Focus Trap Zone @sophieH29 (#239)
• Add compose icons to Teams theme @joheredi (#396)
• Expose access to input element of Input via inputRef prop @silviuavram (#377)
• Adding Partial utility to enable partial Variables implementations @kuzhelov (#373)

Documentation

• Add Provider examples @levithomason (#285)
• Add transparent button to examples @levithomason (#407)
• Add component descriptions and fix accessibility errors @levithomason (#387)

v0.10.0 (2018-10-19)

Compare changes

BREAKING

• Removed type... prefix from multiple variables in buttonStyles.ts @bcalvery (#336)

Documentation

• Add Usage examples for Button showing style override @bcalvery (#336)

Fixes

• Fix for cropped rounded corners in Menu component @Bugaa92 (#360)
• Remove hardcoded status size calculations in Avatar component @Bugaa92 (#358)
• Remove necessity to use skipLibCheck flag for client's typescript projects that consume Stardust @kuzhelov (#367)

Features

• Add target prop to Popup @kuzhelog (#356)
• Add new Input component with wrapper prop @Bugaa92 (#326)
• Add Form and Form.Field components @mnajdova (#353)

v0.9.1 (2018-10-11)

Compare changes

Fixes

• Fix Button's renderIcon prop @levithomason (#347)

Features

• Make content to be a shorthand prop for Popup @kuzhelov (#322)
• Add base focus handling for List component @smykhailov (#256)
• Add generic Slot component (used internally) and use it as shorthand for Button content prop @Bugaa92 (#335)
• Add fitted prop to Divider @gopalgoel19 (#333)
• Add content and renderContent to Chat API @levithomason (#348)

v0.9.0 (2018-10-07)

Compare changes

BREAKING

• Add render* props for each shorthand prop @levithomason (#328)

Fixes

• Fix FocusZone with defaultTabbableElement prop set tabindexes are not updated accordingly @sophieH29 (#342)
• Fix Attachment styles prop typing @levithomason (#299)
• Fix generation of key for the Accordion.Content @mnajdova (#305)
• Ensure Popup is rendered as direct child of body element in the DOM tree @kuzhelov (#302)
• Fix toggle logic of Popup as reaction on key press events @kuzhelov (#304)
• Fix for RadioGroup: made label accept react nodes as value and fixed keyboard navigation @Bugaa92 (#287)
• Handle FontAwesome brand icons @levithomason (#320)
• Make debug a runtime dependency (#301)
• Fix duplicated handling of 'change' event by Input @kuzhelov (#310)
• Make theme variables and styles types extensible @levithomason (#292)

Features

• Add focus styles for Menu.Item component @Bugaa92 (#286)
• Add keyboard handling and ARIA attributes for ButtonGroup, Tablist and Toolbar behaviors @jurokapsiar (#254)
• Add autocontrolled mode for Popup @kuzhelov (#319
• Improve accessibility behaviors @sophieH29 (#247)

Documentation

• Improve Contributing documentation for accessibility @jurokapsiar (#303)
• Add theme switcher for exploring different themes on the docs (only available in development mode) @mnajdova (#280)
• Add Prototypes section and Chat Pane prototype (only available in development mode) @Bugaa92 (#235)
• Remove cruft prop suiVersion from the ComponentExample component @layershifter (#329)

v0.8.0 (2018-10-01)

Compare changes

BREAKING CHANGES

• Change font ramp and Text size API @codepretty (#214)
• Add ChatItem component that can be used inside the Chat via the Children API or the items prop, instead of the Chat.Message used directly in the previous messages prop @mnajdova (#255)
• Make Popup to be a controlled component @kuzhelov (#282)

Features

• Add embed mode for FocusZone and use it in newly added Chat behaviors @tomasiser (#233)
• Add default accessibility behavior to Popup @sophieH29 (#218)

Documentation

• Improve Contributing documentation @alinais, @levithomason (#189)

v0.7.0 (2018-09-25)

Compare changes

BREAKING CHANGES

• Add image and label shorthands props for Avatar @mnajdova (#270)

Features

• Add Attachment component @levithomason (#220)
• Add atMention="me" value to Text API @codepretty (#277)

Documentation

• Add Theming guide @almedint, @levithomason (#152)
• Update Theming guide @levithomason (#274)
• Add Theming Examples guide @almedint (#252)

v0.6.0 (2018-09-24)

Compare changes

BREAKING CHANGES

• Fixed Divider wrong usage of the typeSecondary{color, backgroundColor} and default{color, backgroundColor} variables; renamed default{color, backgroundColor} variables to color and backgroundColor @mnajdova (#234)
• Restrict the styles prop to styling the root element only @levithomason (#238)
• Add RadioGroup compliant with ARIA patterns. Radio changed to RadioGroup.Item @jurokapsiar (#229)
• Divider refactored variables names and the way they are used @codepretty (#249)

Fixes

• Allow string or number as Input value @levithomason (#250)
• Do not throw on missing Icon names @levithomason (#251)

Features

• Add author and timestamp props for Chat.Message component @Bugaa92 (#242)
• Add support for custom (theme-defined) SVG and font-based icons @kuzhelov (#260)

v0.5.2 (2018-09-14)

Compare changes

Fixes

• Fix Provider incorrectly rendering font face rules @levithomason (#227)

Features

• Add FocusZone to renderComponent, change Menu behavior to support arrow keys @tomasiser (#116)
• Add value, disabled, checked, defaultChecked and onChange props to Radio component @mnajdova (#206)

Performance

• Enable Webpack tree shaking with sideEffects: false @levithomason (#224)

v0.5.1 (2018-09-11)

Compare changes

Fixes

• Fixed fonts to support zwj gender emojis (#215)
• Correct Teams theme site variables @sergiorv (#110)
• Fixed missing colors in Teams' siteVariables @mnajdova (#200)
• Fixed Teams' siteVariables font sizes @levithomason (#204)
• Fixed docs examples of Text component @codepretty (#205)
• Preserve fonts and static styles in mergeThemes @levithomason (#217)

Features

• Add state to props in component styling functions @Bugaa92 (#173)
• Add avatar prop to Chat.Message subcomponent @Bugaa92 (#159)
• add iconOnly prop to Button @mnajdova (#182)
• Add Label image and imagePosition, removed onIconClick prop @mnajdova (#55)
• Add ButtonGroup component @mnajdova (#179)
• Add Button text prop @mnajdova (#177)
• Add accessibility keyboard action handlers @sophieH29 (#121)
• Add accessibility description for Text component @codepretty (#205)
• Add Portal, PortalInner and Ref components base implementation @Bugaa92 (#144)
• Support all Semantic UI FontAwesome icon names @levithomason (#211)
• Add Popup component base implementation @Bugaa92 (#150)
• Add Input inline prop @alinais (#120)
• Add Status as a separate component @musingh1 (#208)

Documentation

• Add behaviors section to the menu, under the components @kolaps33 (#119)
• Add accessibility description for behaviors @kolaps33 (#181)

v0.5.0 (2018-08-30)

Compare changes

BREAKING CHANGES

• Rework Provider API and themes pattern to resolve import issue @levithomason (#114)

Fixes

• Adjust layout and rendered HTML of Input @kuzhelov (#127)
• Fix Button component's layout and icon color @kuzhelov (#135)

v0.4.0 (2018-08-29)

Compare changes

BREAKING CHANGES

• Split Menu shape prop to separate pills, pointing and underlined props @miroslavstastny (#114)

Fixes

• Fix docs pages presenting examples of wrong component @kuzhelov (#124)
• Fix component variables when merging themes @levithomason (#128)
• Fix docs Maximize for shorthand examples @miroslavstastny (#122)
• Fix Button styles when rendered as an anchor @levithomason (#145)
• Fix Layout doc page showing ItemLayout examples @levithomason (#160)

Features

• Add basic Radio component @alinais (#100)
• Add descriptionColor to Header @kuzhelov (#78)
• Add accessibility behavior description @kolaps33 (#74)
• Add strict null checks for generated TS types @smykhailov (#108)
• Export themes at @stardust-ui/react/themes @levithomason (#145)
• Add support for Menu vertical pointing prop @miroslavstastny (#123)

Documentation

• Add a Quick Start guide @levithomason (#145)

v0.3.0 (2018-08-22)

Compare changes

BREAKING CHANGES

• Remove Children API support from Menu component @miroslavstastny (#111)

Fixes

• Fix wrong typings generated for dist @kuzhelov (#99)
• Fix components generation script @kuzhelov (#105)
• Reactivate tests for Text @kuzhelov (#104)
• Fix Button icon color @levithomason (#102)
• Fix icon shorthand property for Button @kuzhelov (#112)

Features

• Add Menu iconOnly, MenuItem iconOnly and icon props @miroslavstastny (#73)
• Add Grid component base implementation @Bugaa92 (#93)
• Add basic Segment component @kuzhelov (#103)

v0.2.7 (2018-08-13)

Compare changes

Fixes

• Add selection property to child items in ListExampleSelection so that styles and roles are applied properly @jurokapsiar (#70)
• Menu onClick handler moved from li to a (accessibility) @miroslavstastny (#61)
• Image fluid is applied on the avatar variations @mnajdova (#77)
• Include missing types directory in dist @smykhailov (#76)
• Temporarily disable Provider.Consumer typings to avoid TS bug @levithomason (#88)
• Fix MenuItem broken styles @miroslavstastny (#94)

Features

• Add color variables to Header and Header.Description @kuzhelov (#72)
• Add ItemLayout component @mnajdova (#60)
• Add Input clearable prop @alinais (#37)

v0.2.6 (2018-08-09)

Compare changes

Fixes

• Remove unused dependencies and move development dependencies to devDependencies @levithomason (#51)
• Fix Avatar alignment issue and initials for long names @mnajdova (#38)
• Changing the default styles for Input component @alinais (#25)
• Upgrade Typescript to version 3.0.1 @luzhon (#67)
• Prevent Fela from rendering CSS property values that could crash all styling on the page @kuzhelov (#65)

Features

• Behaviors for accessibility roles and other ARIA attributes @smykhailov, @jurokapsiar, @sophieH29 (#29)
• Update styles for Menu underlined primary @miroslavstastny (#20)
• Add Avatar getInitials prop and presenceIndicatorBackground variable @mnajdova (#38)
• Add fluid variant and size variables to Image @kuzhelov (#54)
• Add SVG icons support @kuzhelov (#50)
• Add fluid prop and variation and width variables to Input @alinais (#59)
• Support styles prop and nested theme Providers @levithomason (#16)

v0.2.5 (2018-08-03)

Compare changes

Fixes

• Include typings for each module target in dist @levithomason (#48)

v0.2.4 (2018-08-03)

Compare changes

Fixes

• Replaced Header subheader with description and fixed it to render well-formed HTML @mnajdova (#17)
• Removed allowSyntheticDefaultImports from shared tsconfig but allow it on docs @aniknafs (#46)

Features

• Add Icon xSpacing prop @Bugaa92 (#22)
• Add Button icon prop and Text truncated prop @Bugaa92 (#13)
• Add Button disabled prop @Bugaa92 (#14)
• Add Label icon, onIconClick and iconPosition props @mnajdova (#19)
• Add Menu vertical prop @miroslavstastny (#21)
• Add Menu support for shape="pills" vertical @miroslavstastny (#36)
• Add Icon support for background variable @kuzhelov (#47)

Documentation

• Improve UX for "knobs" form on component examples @levithomason (#20)
• Use correct styles in RTL component preview @miroslavstastny (#34)

v0.2.3 (2018-07-24)

Compare changes

Fixes

• Make Chat.Messages position relative to contain absolutely positioned children @levithomason (7625becc55fc051175fa3143bdfbc212de2d436c)

Features

• Add Button fluid prop @Bugaa92 (#6)
• Add Icon disabled prop @Bugaa92 (#12)

v0.2.2 (2018-07-24)

Compare changes

Fixes

• Fix Layout vertical prop not making layouts vertical @levithomason (#10)

v0.2.1 (2018-07-20)

Compare changes

Fixes

• Remove broken normalize.css button styles @levithomason (#79)
• Add missing Button styles @levithomason (#82)
• Fix Accordion to hide the content provided as nested children when closed (#108)

Features

• Add rtl flag to rules (styles) function @kuzhelov (#109)
• Add Icon circular and bordered props @kuzhelov (#85)
• Add Divider type and important props @mnajdova (#67)
• Add Avatar component @mnajdova (#75)
• Add Menu shape property for describing the shape of the component, instead using the type property @mnajdova (#68)
• Add Input component @alinais (#64)
• Add Text important prop @mnajdova (#120)
• Add Avatar alt prop @mnajdova (#124)

Documentation

• Add accessibility section to each component @mnajdova (#46)
• Fix down doc site, bad links, and bad image src paths @levithomason (#77)
• Add JSX and HTML code preview and card view for component examples in the doc site @Bugaa92 (#62)
• Add shorthand examples for the Label component @mnajdova (#99)
• Replace stardust imports with @stardust-ui/react-old to reflect the new npm package @davezuko (#115)
• Further improve code edit experience @levithomason (#100)
• Improve general clarity in README @davezuko (#118)

v0.2.0 (2018-07-10)

Compare changes

Fixes

• Fix merging of theme values for nested Providers @kuzhelov (#55)

Features

• Publish TypeScript typings with package @levithomason (54caeb56219e2d92d2e2fe24da4b797ea92e9d09)
• Add Chat component @levithomason (#32)
• Add Menu secondary and pointing props @mnajdova (#49)
• Add Menu items shorthand prop @miroslavstastny (#41)

Documentation

• Fix nav links for examples, remove introduction @seankeating (#58)
• Fix live edit for component variables @kuzhelov (#55)

Performance

• Implement a base UIComponent @levithomason (#21)

v0.1.0 (2018-07-05)

Initial prototype release