All notable changes are documented in this file.
Types of changes:
- Added for new features.
- Changed for changes in existing functionality.
- Deprecated for soon-to-be removed features.
- Removed for now removed features.
- Fixed for any bug fixes.
- Security in case of vulnerabilities.
- Breaking for breaking changes
- Docs for documentation changes
- Lab components and features that are still in a work in progress
<SortableList/>
- addlistOfPropsThatAffectItems
to fix rendering bug #2925<PageHeader/>
- Add ellipsis to the title and subtitle #2871<FloatingNotification/>
- add new component #2820<FilePicker/>
- addname
prop #2937<PopoverMenu/>
- addonShow
andonHide
callbacks #2945<TableActionCell>
- adddisabled
property toprimaryAction
#2961<CloseButton/>
- add support for a custom icon #2960
<Page/>
- refactor and simplify to useposition:sticky
#2935
<ContactItemBuilder/>
- fixed ellipsis #2951<ColorPicker/>
- fixed border radius and action button icon size according to design spec 2959
<RichTextInputArea/>
- useRichContentEditor
2943
<SectionHelper/>
newappearance="preview"
skin #2906<SortableList/>
- adddelay
andcanDrag
props #2908<SortableList/>
- add animation api #2852<Autocomplete/>
- add empty state feature #2899<Input/>
- add<Input.Affix/>
and<Input.IconAffix/>
for prefix/suffix rendering #2887<ColorPicker/>
- add teskit method for cancel action button #2933
<Thumbnail/>
- add visual hover state #2904<Notification/>
- replace deprecated components in ActionButton 2903<SortableList/>
- item on drag between lists has wrong width #2912<FormField/>
- fix asterisk font style #2916<Carousel/>
- fix layout in firefox #2928<Carousel/>
- fix transition speed #2927<Carousel/>
- fix autoplay speed #2926<Typography/>
- Fix h2 line height from 42px to 36px#2829<ColorPicker/>
- migrated deprecated action buttons to IconButton#2933
<Popover/>
remove old story and rename the tooltips and popover section #2881
<RichTextArea/
> - implement basic input area withDraft.js
#2914
- fix typescript project consuming testkit issues by adding
transform-runtime
and use babel’s helpers + generator frombabel-runtime
package #2905
<StatsWidget/>
- support custom suffix header action #2885<FormField/>
- add max-width to children #2894<Checbox/>
- Add error message tooltip #2892
<SegmentedToggle/>
- minor CSS fixes inToggleIcon
andToggleButton
#2879
- fix missing Testkits' docs by proxying the drivers from backoffice #2853
<Grid/>
-stretchViewsVertically
is a<Row/>
prop- Improve google analytics #2883 #2897
<Button/>
- improve and tweak documentation #2880
<ToggleButton/>
- add RTL support for prefix icon #2878
<SegmentedToggle/>
- new component #2797<Calendar/>
- addautoFocus
prop #2838<Text/>
- addeddisabled
skin #2849Typography.scss
- addeddisabled
skin #2872
<SideMenu/>
- fix vertical padding according to spec #2837<Thumbnail/>
- minor css fixes #2840<Input/>
- fix line-height #2835<FormField/>
- show char counter even if label is not displayed #2855
- integrate Google analytics with Storybook #2860
-
<Card/>
- remove deprecated header components #2735 -
<MultiSelect/>
- removed upgrade prop and deprecated callback API #2757 -
<Tags/>
- removeuseOldMargins
prop flag, set the behaviour to false #2737 -
<MessageBoxMarketerialLayout/>
- removefixImagePosition
prop #2743 -
<InputWithOptions/>
- remove key presses methods from the driver #2741 -
<DataTable/>
- remove the deprecatedinfoTooltip
prop #2742 -
<DataTable/>
- remove the newDesign prop, make it the default #2764 -
<Text/>
- remove thebold
prop #2738 -
<Notification/>
- Remove old timeout behaviour #2805 -
<Dropdown/>
- remove deprecared uncontrolled mode #2806 -
<MessageBoxFixedHeaderFooter/>
- remove component #2734 -
<TextField/>
,<DropdownComposite/>
,<TextArea/>
- remove components #2740 -
<ButtonWithOptions/>
,<IconWithOptions/>
- remove components #2746 -
<TextLink/>
,<TextLinkLayout/>
, Backoffice<Button/>
,<ButtonLayout/>
- remove components #2811 -
TPA - Removed the TPA folder and components #2744
-
Typography - Removed old typography classes #2747
-
Remove old polyfills #2736
-
Remove deprecated
Table/Toolbar
folder #2739 -
Backoffice
<Tooltip/>
and<TextLink/>
- remove components #2745
<Button/>
- add premium light skin #2809<PopoverMenu/>
newshowArrow
prop, allows to change visibility of Popover arrow #2800<PopoverMenuItem/>
newdivider
prop, allows to add divider in between PopoverMenu items #2800<Button/>
- add premium light skin #2809
<Page/>
- Add min/max width according to Grid #2824
<Button/>
- (Docs) - Emphasize that new drivers are async #2817
<CalendarPanel/>
- New panel component (Added also<CalendarPanelFooter/>
) #2753<Box/>
- New layout component that helps in common alignment use cases #2726<Thumbnail/>
- New selection component for thumbnails selection #2728
<DropdownLayout/>
- Change option font weight tonormal
instead ofthin
#2765<Text/>
- apply link style only to<a>
that are direct children #2788<Notification/>
- changed timeout behavior withupgrade
prop #2766
- Drivers cleanup - remove wrapper #2786
<MultiSelect/>
- improve examples<GoogleAddressInput/>
- update the Google Maps API key in the docs #2801<GoogleAddressInput/>
- create an automated story #2802
wix-style-react/dist/testkit
- fixCannot find module 'enzyme'
error when importing testkits #2774<Modal/>
- Changing closing transition timing, making it a bit smoother #2807<FieldWithSelectionComposite/>
- fix CSS issue of container div #2808
<Notification/>
- changed timeout behavior withupgrade
prop #2766<StatsWidget.Filter/>
- deprecated component, you should use the newer<StatsWidget.FilterButton/>
component instead #2777
<DropdownLayout/>
- move options validation to propTypes #2717<DropdownPopover/>
- Rename to<DropdownBase/>
#2730
<ButtonWithOptions/>
,<IconWithOptions/>
- deprecated components #2706<Dropdown/>
- Add support for ControlledselectedId
#2719<MultiSelect/>
- New Api #2752
<Popover/>
- fix componentdataHook
#2693
<FormField/>
- allow setting direction for one-unit components #2698
<Button />
,<TextButton/>
,<IconButton/>
,<CloseButton/>
- addonClick
callback #2718<SortableList />
- fix key-index dependency and improve performance #2720
<Tooltip/>
fix reposition loop and avoid hangs #2596
<Popover/>
- make autodocs work with the drivers #2584
<ColorPicker/>
- trigger confirmation callback when pressing Enter #2683<DropdownLayout/>
- add infinite scroll support #2712<Popover/>
- Added examples for the newfixed
andflip
props, added a newanimate
prop. #2676
<MultiSelect/>
- Fix scenario when options are not shown when input is non empty #2696<MultiSelect/>
- Fix onBlur to have a validevent.target.value
#2695<DatePicker/>
- Fixed Calendar Not Closing When Wrapped In<label/>
tag. #2590
- Drivers Cleanup - Remove
setProps
from ALL drivers #2687
<CalendarPanel/>
- New component - (WIP category) #2664
<Popover/>
- added theanimate
,showDelay
andhideDelay
#2661
<DropdownLayout/>
- RemovesetProps
andisSelectedHightLight
from the driver #2666
<EditableSelector/>
- revert migration of using<IconButton/>
#2679
<PopoverMenu/>
- migrate docs to use<AutoDocs/>
#2668
- Update the
getStylableState
method to not useasync
/await
#2663
<CardGalleryItem/>
- create new component #2566
<EditableSelector/>
- migrate to use<IconButton/>
#2641- Refactor RTL definitions to support
.rtl
class anddir
attribute #2577
<GoogleAddressInput/>
- fix broken countryCode API #2628<SectionHelper>
- update driver to work properly in browser environments #2655
<TextField/>
- Add NumberInput example #2653<RichTextArea/>
,<ImageViewer/>
,<Tabs/>
,<TextLink/>
,<ModalSelectorLayout/>
- Fix broken component names #2654
-
<Card.Header/>
- add fade animation to divider #2615 -
<Button/>
- render with different html tag feature.#2634
<Button/>
- fixed testkit export handler.
- re-add some mising enzyme testkits #2618
<PageHeader/>
- add support for clicking the back button in the driver #2581
-
<Button />
- major refactor. New API. Does not break current Button. Read migration guide: (https://github.com/wix/wix-style-react/blob/master/src/Button/MIGRATION-API.md). #2507 -
<MessageBox />
- Added RTL support #2608 -
<Popover/>
- improve arrow styles #2594
<Tooltip/>
- Add backtooltip-content
data-hook #2609<Search/>
- Allow regexp special chars as search term #2606<Button/>
,<MessageBoxMarketerialLayout/>
- Fix deprecationLog #2598
<Notification.CloseButton/>
- fix styling #2578<Input/>
- fix testkit driver throwing error when element is null #2602
<BadgeSelect/>
- refactor internally to use<Popover/>
#2595
<ContactItemBuilder/>
- create new component builder #2556<Carousel/>
- add aspect ratio, align navigation buttons and minor refactors #2592
<CloseButton>
- new component #2480<Tag/>
,<MultiSelect/>
- Added RTL support #2356<Input/>
,<InputArea/>
- Added name ( & type) attribute driver.click() callback #2528<Calendar/>
- Add range support #2533<Popover/>
- add a new component #2509
<WixComponent/>
- Update dataHook on componentDidUpdate #2542<Tooltip/>
- Fix testkitisShown()
to be specific to the Tooltip instance #2550
<Breadcrumbs/>
- do not limit breadcrumb width given only one item #2553
<ButtonLayout/>
- story - Add Disabled LinkButton example<PageHeader/>
add better docs for actionBar #2558<Tooltip/>
,<Modal/>
- add a testkit readme and explanation how to test #2534
<Carousel/>
- initial creation of component (WIP) #2536
<Dropdownlayout/>
- Fix update of hovered index #2530
<Avatar/>
- Improve story: props and examples #2514
<Checkbox/>
- protractor driver - fix click #2525<Table/>
- Fix bulkSelectionState when data changes #2500<Table/>
- testkit - Add ability to use Table driver when using Table in Page #2515
<Modal/>
- Component Test & Docs - Do proper cleanup of document.body between tests #2516
<DropdownLayout/>
- support controlled mode selection and fix keyboard marking #2466
<BadgeSelect/>
- add a z-index to the dropdown container #2478
<Skeleton/>
- new component to be used as visual placeholder for async tasks #2467
<StatsWidget/>
- support negative trends colors #2453<Collapse/>
- add new component and revise<Card/>
implementation #2251
<TimePicker/>
- add missing classname #2457<ButtonLayout/>
- fix prefix/suffix margin for RTL #2465<Checkbox/>
- generates proper internal id. #2464<Button/>
- increased margin for x-small prefix and suffix icons. #2470
<InputArea>
- add name prop to inputarea component #2449<GenericModalLayout/>
- add new component #2439
<TableActionCell>
- allow passingPopoverMenu
props #2417<BadgeSelect/>
- make component controlled #2452
<Tag>
- add bo tooltip instead of native title for Tag #2431
- removed unnecessary console.log in deprecation logger.
fonts
- Removed fonts from main index file #2419
-
<Input>
- change placeholder color for the Input component #2402 -
<MessageBoxMarketerialLayout/>
- update typography #2411
- Added tree shaking - #2407
<DropdownLayout/>
- Reserve hovered state when the selected id is 0 #2405
<TextArea>
- deprecate and add a snippet story using<FormField/>
and<InputArea/>
#2383
<Tooltip/>
- Fix potential null dereferencing that happens in React 16 2391<BadgeSelect/>
- fix word wrapping and eyes issues #2397
<SideMenu/>
(styling hack) - add data-link-active DOM attribute to allow styling #2392<Text>
- Support anchors inside text component 2384
<BadgeSelect/>
- updated icon size #2372<InputWithOptions/>
- update keyboard navigation to match the a11y guidelines #2310
<DropdownLayout/>
- fixed scroll behaviour #2365<Table/>
- Fix column alignment when using a tooltip #2360
<DataTable/>
- deprecateinfoTooltip
in favor ofinfoTooltipProps
#2367
<TextField/>
- deprecated component, and add snippet story using<FormField/>
#2361
- Hot-Fix! Typography deprecationLog - no proxy in production #2370
<DatePicker/>
- addzIndex
prop for popup #2352
<DatePicker/>
- support custom function indateFormat
prop #2354
<DropdownLayout/>
- Revert scroll behaviour #2362
<Table/>
- support column alignments #2333
<Tag/>
- add tiny and medium sizes #2322<SortableList/>
- Add draggable item to onDragStart and onDragEnd #2343<DropdownLayout/>
- update the scroll behaviour #2327<Page/>
- make the page's contents expand to full size #2342
- Typography - Add deprecation log for old classes #2315
<ButtonLayout/>
- fix broken text colors for outline theme #2350
- Add Dropdown Snippet story using FormField #2276
<ModalSelectorLayout/>
- fix broken subtitle line #2336
<BadgeSelect/>
- create new component #2219
<DropdownLayout/>
- replacedeep-eql
dependency (IE11 support) #2326<InputWithTags/>
replacehasHover
state with native css #2294
<Text/>
- Update secondary+light color from D50 to D40 #2312- Typography - Add UX story (move Text and Heading under Components) #2309
- Typography - Add css typography classes #2306
- Text - Story - fix story autodocs #2307
- Typography - Update typography of
<Loader/>
,<Table/>
#2268 - Typography - Update typography of
<Tabs/>
,<PopoverMenu/>
,<EditableSelector/>
#2299 <InputWithOptions/>
- Do not open options when focused, but rather when clicked #2280<Page/>
,<PageHeader/>
- Added className prop #2284
<DatePicker/>
Move z-index prop to the correct element in css #2286<SideMenu/>
- Fix infinite loop when using React 16 #2293<Table/>
- remove state (Fixes React 16 warning) #2296
<MultiSelectCheckbox/>
- FixonSelect
called twice #2267<InputWithTags/>
- add missing<Tag>
dataHook #2289<Checkbox/>
- removestopPropagation
call ononClick
#2290<Draggable/>
- fix wrong react import causing React propTypes warning.
<PopoverMenuItem/>
,<TableActionCell/>
- support disabled menu items #2235
<MultiSelect/>
- support reorderable tags (d&d) #2233<SortableList/>
WIP - a reusable drag and drop list component
<Tooltip/>
and<Search/>
- refactor old refs usage #2269<InputArea/>
,<Input/>
and<RichTextArea/>
- Error icon size margins are incorrect #2183
<Tag/>
- align to new definitions #2203
<Tag/>
- internal margins were removed as they belong totagsInput
. Backward compatible using theuseOldMargins
flag
<Tooltip/>
remove redundantconsole.log()
calls #2273
<Tags/>
- input box should not have hover color after being focused #2264<Calendar/>
- remove shadow and border-radius from component #2205<Tooltip/>
- add popover prop #2205<Table/>
- fix broken<TableToolbar/>
docs and<TableActionCell/>
RTL #2224<SideMenu/>
- supportdataHook
prop #2256- Polyfills - fix
raf
not setting all methods on the global variable #2258 Tooltip
- removestopPropagation
fromonClick
as it breaks some use cases #2260<InputWithOptions/>
- fixonSelect
to be called also when re-selecting same option #2265
typography.scss
- Resolve bug with typography import(related to case-sensetive machines) #2255
<TableActionCell>
- Fix bad css syntax #2243<DropdownLayout/>
,<InputArea/>
- new typography Fixes #2232<Text>
- supportdataHook
for ellipsed text #2246<MultiSelect>
- fix testkit to return correct number of tags #2248
<SideMenu/>
- addclassName
prop to theHeader
component #2223<TableToolbar/>
- add RTL support #2222<Page/>
- add support to Table infinite scroll inside a Page #2230
<SectionHelper/>
- add box-sizing to not break styles #2202<Tooltip/>
- fix tooltip jumping #2225<ButtonLayout/>
- remove border from button focus #2234
<ButtonLayout/>
- update typography #2198- Technical - remove
PureComponent
from non-pure components #2160 <SortableList/>
- improve performance of nested d&d #2227
- Remove dead code
src/Backoffice/ButtonLayout
(was never in use) #2231
<SideMenuDrill/>
- add ellipsis, vertically center arrow #2185<DropdownLayout/>
- change the divider's data-hook todropdown-divider
#2159
<Calendar/>
- Do not fail when missingvalue
oronClose
prop 2214
<Input/>
,<InputWithOptions/>
- support focus(options) #2146<AddItem/>
- new themes and functionality #2074<Sidemenu/>
- allow custom className to be passed to Sidemenu components #2179<SideMenu/>
- add rtl support #2173
<Card.ButtonHeader/>
&<Card.LinkHeader/>
- add deprecation logs,Card.Header
should be used instead #2176
<MultiSelect>
- Fix redundant call to onChange when click-outside #2175<InputWithOptions/>
- disable autocomplete by default 2177<Card.Header/>
- fix title & subtitle datahooks #2176<Input/>
- Fix infinite recursion, when you trigger chrome autofill and you have more then 3 inputs in form on screen #2180
<Checkbox/>
- remove propactive
(usechecked
instead) and valuelarge
(usemedium
instead) for propsize
<Icons/>
- remove old icons in favor of new icons<Button/>
- remove propwithNewIcons
and make it behavior default<DataTable/>
- new styles<Heading/>
- new typography<MultiSelect/>
- remove propmaxHeight
<Grid/>
&<Row/>
&<Col/>
- remove ambitious box-sizing<LanguagePicker/>
- remove component in favor of<IconWithOptions/>
<SideBar/>
- remove component in favor of<SideMenu/>
<Grid/>
- removeimport {Card} from 'wix-style-react/Grid'
useimport Card from 'wix-style-react/Card'
instead
<Card/>
- fixdataHook
prop to not throw console warning b0f134
<MessageBox/>
- add footer actions and image support #2141<SectionHelper/>
- explicitly decide to show or hide close button #2148<Calendar/>
- split to a a separate component #2144<Card.Divider/>
- standalone divider to be used not only under<Card.Header/>
#2114<SortableList/>
- a D&D sortable list (WIP) #2151
<DatePicker/>
- fix onClose prop usage #2158<DatePicker/>
- copy value from props to state on constructor step #2158
<Tooltip/>
- Fix issue of self unmounting tooltip #2133<Page/>
- Use displayName rather than reference for prop validation #2154
- Tests: Update docs how to use polyfills for
Tooltip
,CollapsedHeader
,DatePicker
andRange
#2139
<Input/>
- whentype="number"
prevent characters to be typed in Firefox, Safari & Edge #2100<Table/>
- fix column info tooltip position and fix<FormField/>
icon #2119<RadioGroup/>
- fix css to support nested<RadioGroup.Radio/>
#2128<Page/>
- fix rendering issues withreact-hot-loader
#2134
<TextLink/>
- support prefix and suffix icons #2088<Container/>
- addfluid
prop to disable min/max width #2082<ImageViewer/>
- allow to specify tooltip content #2081<FormField/>
- addinfoTooltipProps
prop to allow full control of into tooltip #2099
<TextLink/>
- refactored folder structure and updated protractor testkit #2088<Container/>
- addclassName
prop #2102<InputArea/>
- pass event for on focus handler #2084<DatePicker>
- new design for 1 month layout #2030
<FormField/>
- update counter color and typography to the same as for placeholder #2083<Table/>
- fixTableToolbar
import path #2023
<Text/>
- Deprecatedbold
prop in favorweight
prop which can bethin
,normal
orbold
. #2073
<Text/>
- Show Tooltip when ellipsis is active #2073<Text/>
- Extendsize
prop to have alsosize="tiny"
. #2073<Heading/>
- Show Tooltip when ellipsis is active #2068
<Loader/>
- fix testkit to return textContent instead of innerHTML #2076<SideMenu/>
- fix the back link icon size to 14px #2080
- Refactor testkits to import only their relevant technology #2085
- Refactor deprecated text to new
<Text/>
and<Heading/>
components #2037
<Input/>
- fix error indication bug
<StatsWidget/>
- refactor old Text to new Heading and Badge #2065
- fixed puppeteer driver imports
<Icons/>
- Update wix-ui-icons-common version to handle new icons(ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Crop, Mobile, PauseFilled, PlayFilled, StatusAlerFilled, StatusCompletetFilled, StopFilled, ZoomIn, ZoomOut) #2067
<Button/>
- Fix focusable button in disabled state #2054
<Input/>
- Addedstatus
andstatusMessage
props, added loader suffix #1784- new Testkit drivers for
Text
,Heading
Table
,FormField
and fixedInput
#2060 #2061 #2062 #2064
<TextField/>
- Default info tooltip to not useappendToParent: false
#2035<Loader/>
- styling updates according to the UX guidelines #2045
<Tooltip/>
- Fix react 16 regression #2047
<Notification/>
- set notification height to always be 48px https://github.com/wix/wix-style-react/pull/2036
<MultiSelect/>
- add error indication and message, readonly styles #2041
<MessageBoxFunctionalLayout/>
- Add fullscreen prop according to design #2026<MessageBoxFunctionalLayout/>
- Add footer border for scrollable content #2027<DropdownLayout/>
- Allowing passing a divider option without an id #2005
<SideMenuDrill/>
- create a standalone import path #2040
<Page/>
- Allow scrolling with mouse over header #2015<Page/>
- Remove content jumping when minimization occurs#2016
<MessageBoxFunctionalyLayout/>
- fix scroll bug and improve docs#2021
- Scrollbar - expose
mixins.scss
with scrollbar mixin to be consumed externally #2007
<DatePicker/>
- use fixed weeks to prevent dropdown flip #2017
<Icons/>
- fix wrong icons path in several components #2012
<Button/>
- support new icons using thewithNewIcons
prop #1960<FullTextView/>
- the new component that can show tooltip in ellipsis state #2000- New Icons - changed all icons assets to new icons. See the migration guide and script. The new icons can be found here and deprecated icons here
<Input/>
- migrate to new icons #1981<Card.ButtonHeader/>
- migrate to new icons #1979<Card.CollapsedHeader/>
- migrate to new icons #1980<EditableSelector/>
- improve behavior when editing a line #1989<DropdownLayout/>
- impove preformance - items will not appear in DOM if not displayed #1996
<Card/>
- collapsed Card header should not have any bottom divider #1972<EditableSelector/>
- fix margins #1984<ColorPicker/>
- fix history bar behavior #1990<RichTextArea/>
- link popover padding is not according to spec #1997<MultiSelect/>
- fix thumb background color on hover bug #1991<Dropdown/>
- fix clickable area below and above the arrow icon #1999<MessageBox/>
- fix footer styles and improve docs #1995<InputWithOptions/>
- Fix broken divider option #1992<Dropdown/>
,<Slider/>
- Fix colors #2003
- Make new
<Table/>
component officially released #1974
<ColorPicker/>
- migrate to new icons #1945<FieldLabelAttributes/>
- migrate to new icons #1945<SelectionHelper/>
- migrate to new CloseIcon #1948<PopoverMenu/>
- migrate to new CloseIcon #1948<ButtonWithOptions/>
- migrate to new CloseIcon #1948
<TextField/>
- fix wrong position of info icon #1966
<FormField/>
- new component for easier form building #1889
<Dropdown/>
- fixnoRightBorderRadius
prop to work properly #1955
<DropdownLayout/>
- addminWidthPixels
prop. This prop is availble in<Dropdown/>
,<XXXWithOptions/>
,<MultiSelect/>
and similar components... #1914
shadows
- Updated box-shadow in several components<DatePicker/>
- migrate to new icons #1922<DataTable/>
- migrate to new icons #1922<EditableSelector/>
- migrate to new icons #1926<DatePickerDropdown/>
- migrate to new icons #1926<FilePicker/>
- migrate to new icons #1928<LanguagePicker/>
- migrate to new icons #1928<Modal/>
- migrate to new icons #1928
<DrillView/>
- fix wrong chevron icon size
<Tooltip/>
- another attempt to fix React 16 support #1894
<DataTable/>
- Makecolumns
prop required #1898
<Loader/>
- Add tiny size #1911
<Input/>
- Remove width property from Input component #1915<Input/>
- Prevent error when clicking on unit suffix #1908
<DatePicker/>
- allow passing custom locale to DatePicker #1684
<Input/>
- should not change background color if hovered while focus #1765<Card/>
- add missing box-sizing property to<Card.Content/>
#1872.<SideMenu/>
- Fix SideMenu Header styles #1900
<Notification/>
- Make component accessible for screen readers #1837<DropdownLayout/>
- Pressing spacebar should select the highlighted option #1885<CircularPropgressBar/>
- New component #1870
<Tags/>
- Highlight the autocomplete suggestions when typing #1818<TextArea/>
- InputArea should not add hover styles when focused and hovered #1820
<Colorpicker/>
- Fix previous color (history) behavior 1823<MultiSelect/>
- fix bug where scrollbar was always shown #1843<MultiSelect/>
- fix onManuallyInput() called twice #1831<DataTable/>
- (fix/optimization) Add data.id as React key #1878<Search/>
- Fixed bug with mounted component and expandable #1795<RichTextArea/>
- pass activeToolbarButton prop to trigger RichTextEditorToolbar re-render after toolbar button click #1886
<Checkbox/>
- add deprecation message forsize=large
andactive
prop #1848
<Tooltip/>
- revert support for React 16 (introduced in 4.3.0 #1814) due to CPU hug of death bug
<AddItem/>
- Fix styles - 1839
<Input/>
- select the entire text on click #1773<DataTable/>
- changed styles to new design withnewDesign
flag #1817
<DataTable/>
add newDesign prop #1817, See Storybook for further details.<AddItem/>
- create a new component #1802 #1822
<DatePicker/>
- fix css issues with latestnode-sass
version<Tooltip/>
- support React16 #1814<GoogleAddressInput>
- Fix id management issue #1834
<TextLink/>
- Updated disabled property behaciour #1798
<DataTable>
- Add info icon with tooltip to table header #1770
<RichTextArea/>
- add a flag to generate absolute paths url links #1746<DataTable/>
- add info icon with tooltip to table header #1770
<TimePicker/>
- Prevent typing letters #1751
- Migrate to yoshi2 and storybook 4 #1811
<Input>
make ThemedInput noRight(Left)BorderRadius work. Add className prop. And fix DatePicker border. #1794<MultiSelect>
- Fix missing call to onManuallyInput when no options exists #1804<ImageViewer>
align buttons #1781
<Input/>
- display error icon and dropdown arrow #1769<Search/>
- keep the focus after pressing clear button #1764<Input/>
- remove box shadow when focusing Input with 'tags' theme #1792- fix version dependency of
wix-ui-icons-common
#1807
<ImageViewer>
- Add error state #1772<Search/>
- Added expandable feature #1775- KnownIssue with
<Search/>
!!! - When expandable feature is enabled, there is some bug related to keyboard navigation. Please DON't use it yet. Fix will come very soon. Thanks.
- KnownIssue with
<FloatingHelper/>
- add new component - 8.6 FloatingHelper #1767,#1790
<ToggleSwitch>
- migration guide<Text/>
migration guide<Label/>
migration guide
<MultiSelectCheckbox/>
- new component #1755
<DatePicker/>
- focus year value in dropdown #1748
<Loader/>
- error message margin should be 18px #1749<RadioGroup/>
- fix icon size #1750<RichTextArea/>
- Fix link creation that caused javascript errors #1745
<Card.ButtonHeader/>
- add 'emptyblue' theme #1740<Tag/>
- fix component box-sizing #1759<Tooltip/>
- use appendByPredicate to support custom appending strategies #1754
<Loader/>
- allow nodes intext
prop #1733
<Icons/>
- create a direct import to the icon component #1735<Checkbox/>
- fix test driver by applying the correct change event triggered by a click #1737
<Selector/>
- remove the unused<ExtraIcon/>
component #1736
<Modal/>
- add an optional close button to the modal #1728
<DatePicker/>
- displayplaceholderText
aftervalue
was removed #1711<TextLink/>
- fix hover state logic #1720<Tooltip/>
- update tooltip position after dom is updated #1722
<ButtonWithOptions/>
- Always callonSelect
when selecting an option. pass additional prop to indicate selection #1719
<Tooltip/>
- add showImmediately prop to disable animations and delay #1705<Notification/>
- add timeout functionality for global notification #1696<Favorite/>
and<FavoriteFilled/>
icons #1707
<NewFolder/>
and<Rename/>
icons #1672
<RadioGroup/>
- remove bottom margin from last item #1687 Note:RadioGroup.Radio
, if used standalone, no longer includes unexpectedmargin-bottom
<PopoverMenu/
- pass the tooltip zIndex prop #1674<Multiselect/>
- make component min-height 36 #1683<Tooltip/>
- recalculate position during scroll #1681<Modal/>
- move box-shadow to each modal layout #1697
<Input/>
- fix case when prefix is cut in IE 11 on small inputs #1692<MultiSelect/>
- fix height according to specs #1683<PopoverMenu/>
- ellipsis for long items strings #1686<MultiSelect/>
- placeholder didn't get full input width #1700
<Tabs/>
- Added missedhasDivider
property, divider is visible by default #1676<StatsWidget/>
- support empty state #1670
<DatePicker/>
- displayplaceholderText
when no value given #1667<DatePicker/>
- fixclickOnNthDay
testkit method #1667<*/>
rely onmouseUp
instead ofclick
to catchonClickOutside
issue #1647 #1680
Page
- Removed z-index from PageHeader<RichTextArea/>
fix incorrect Tooltip input width #1657<DatePicker/>
fix position in safari #1656
<PageHeader>
- Passing minimize state to title component #1665
<Tooltip>
- FixedTooltip
positioning withinPage
component #1649<DatePicker/>
-onChange
called with time part untouched #1631
<Modal>
- upgrade react-modal version #1661Icons
- Migrate Button, Search, and Tag to wix-ui-icons-common #1635
<FieldWithSelection>
- Fix missing styling when with Checkbox #1642
- Reverted the removal of
Languages
icon
<Heading>
component #1617<Button>
- Make it focusable by keyboard only - using new FocusableHOC #1614- Make keyboard-only focusable for:
<Checkbox> <RadioButton> <RichTextAreaButton> <ToggleSwitch>
#1624
<Badge>
&<CounterBadge>
- improve Badge & CounterBadge stories #1610- Icons - Migrated some of the internal icons to wix-ui-icons-common #1616
- Icons - Migrate arrow icons to wix-ui-icons-common #1621
- Migrate to yoshi 962c7eb
- Typography - fix
h2
lineheight and use correct grey colors int1
andt3
e38cd6a <DatePicker>
- big date, year dropdown min/max values are no longer hardcoded #1629<MessageBox>
- right margin only if more then one button #1588<DataTable>
- add fallback to text-align:start for IE#1623<DataTable>
- render newly received data on infinite scroll properly #1618<DrillView>
- Fix render new state while in transition casues menu to disappear #1615<ButtonWithOptions>
,<DropdownLayout>
- don't invoke onSelect when same option is selected #1579
-
<DrillView/>
- dont go over a tags if have no onClick prop #1599 -
<Range/>
- fix click race condition
<DatePicker/>
migration guide<Badge/>
migration guide<CounterBadge/>
migration guide- jQuery no longer used in testkits, may possibly break your tests
<Text/>
- no more unexpectedmargins
when using any of the followingappearance
s:H0
,H1
,H1.1
,H2
,H2.1
,H3
,H4
. May break layout.- SSR support for
.st.css
files: Instructions <Svg>
- the path for src/svg is deprecated. Instead, every icon/svg should be imported fromsrc/icons
.
<Tooltip/>
- fixed Tooltip show and hide functions to accept the relevant props #1597
<Range/>
- fix e2e eyes failures by making the date fixed #1589<Page/>
- fix an issue that renders0
in a certain case<Tooltip/>
- fix disabled change when active true #1584<TextLink/>
- remove link prop required field #1583<DrillView/>
- don't triggeronClick
for disabled items #1591
- Testing - add
scrollToElement
function for protractor testing #1569
<toggleSwitch>
- add hover style #1576- Focus-Styles: Disable focus style for component which need keyboardOnly #1578
<RichTextEditor/>
- add new focus styles to buttons #1572Grid
- grid rows bottom margin should be 30px #1483
<Page/>
- fixed issue when page jumps between minimized and full states on page without scroll #1467<Tooltip/>
- fix Tooltip active and disabled new props transition #1573<Checkbox>
protractor driver: use isFocused from test-common
<PopoverMenu>
: add appendTo props #1568- TextLink - add grayscale. MultiSelect Tags - hover css #1452
- Apply
<Input>
new focus style #1533 - Added event listener for page content resize #1564
- Testkit sectionhelper #1563
- Fix missing dataHook - add Range e2e test for DatePicker #1562
<FieldWithSelection>
: Prepare for new focus styles #1559
- fix(Selector, Checkbox, ModalSelectorLayout)| ModalSelectorLayout clicking on checkbox fires onToggle twice #1560
- Remove scss calls to fade() #1554
<MultiSelect/>
composite component 1538
<ModalSelectorLayout/>
support disabled items 1550<InputArea/>
,<RichTextArea/>
,<Range>
,<RadioGroup>
new focus styles 1553 1542 1548<TextLink/>
-preventDefault
for onClick when nolink
given 1551
<Tooltip/>
fixtooltipPlacement
prop 1552<ToggleSwitch/>
- Remove from async from isFocused 1544<PageHeader/>
- update the title methods in the driver to return the 1549
- new icons
Duplicate3
,EmailOpen
,Trash4
,Warning
1504
<Checkbox/>
focus styles 1521<ToggleSwitch/>
new focus styles + protractor isFocused util 1522<Tags/>
new focus styles + disable focus style + bug fixes 1513
<Page/>
Added more height to content on minimize 1535<Button theme="no-border"/>
fix hover prop 1525<Notification/>
include padding as part of width 1529
<RadioGroup/>
- fix testkitgetSelectedValue
to return the updated selected option 1515
<Input/>
- revert changed focus style 1509
<Button/>
Implemented Tiny button 1491
<Dropdown/>
- do not show options menu on focus 1500<DataTable/>
- Fix column width not set when header is hidden 1477<Page/>
fixed explorer bug again 1482
<Input/>
- Change Focus style 1496<PopoverMenu/>
- change show delay to 0 1489<Tag/>
extend component functionality 1481
<Page/>
- Reverted a bug fix for IE #1468 that caused google chrome issue.- Removed the
componentInstance
occurrences in tests.
<Icon/>
- new email icon
<Page.Header/>
- update gradient height #1458
<Page/>
fixed bug in IE #1468<Card/>
header title position fix #1464<Selector/>
&<ModalSelectorLayout/>
cover long text with ellipsis #1461
<RadioGroup/>
- Fix radio button width (#1457)<Input/>
- Amaterial theme fix, added hover and fade in / out #1445<InputArea/>
- on error tooltip usetheme="dark"
& defaulttooltipPlacement="top"
1456<StatsWidget/>
- fix padding issues #1446<GoogleAddressInput/>
fix ocasionally missing street number #1435
- fix
puppeteer
testkit driver for the<Label/>
component.
<Page/>
- Fixed width issues with windows browser.
puppeteer
testkit driver for the<Label/>
component and added docs.- Added disalbed state for a
<SideMenu/>
Drillview.
puppeteer
testkit driver for theButton
component.
- Reference to wix-ui-test-utils
puppeteer
testkit driver for theInput
component.
- Don't render
PopoverMenuItem
icon if doesn't exist Breadcrumbs
dark theme color correction.Page
UI fixes for restricted content size.Page
pass theminimized
property to the content element
- Bug fixes in
Page
Component 1422 1407 DropdownLayout
- Hides the drop down when not shown 1408- fix divider color
Card.Header
- Automatic Storybook Deployment Upon PR 1418
- Changed order of storybook components 1390
<CounterBadge/>
new component fromwix-ui-backoffice
1392
<Breadcrumbs/>
add 204pxmax-width
on breadcrumb items 1394<RadioGroup.Radio/>
use correctdisplayName
forRadioGroup.Radio
00f303bRadioGroup
add missinggetRadioAtIndex
to enzyme testkit 1398
- Made
wix-ui-test-utils
a depenedency
<Page/>
AddedfullScreen
prop to Content 1388
<Page/>
Rendering issues 1381
- Add method
click
toCard.ButtonHeader
testkit 1385
<ButtonSelection/>
is no longer available 1362
<TabItem/>
- usepropType.node
fortitle
1372- update
MoveTo
,FoodInstock
&FoodOutOfStock
icons 0ae2ca04e
<Page/>
can receivesidePadding
withoutmaxWidth
<Notification/>
- no longer requiresize
, choose it automatically 1356
- Add
sidePadding
props to<Page/>
1354
<Dropdown/>
- close dropdown when clicking header 1352- Add new icons
Lock
andLockOpen
1341 - Add PropType
node
tobackLabel
inSideMenuDrill
1348
<TimeInput/>
- Move width property to wrapper 1349<Dropdown/>
- use cursor pointer 1346<TextLink/>
- fixdoesComponentHasClass
teskit method
- Add
width
andheight
props to<imageViewer/>
1340 - Add
type="button"
for missing places in the project 1339
- fix
<HBox/>
&<VBox/>
1345 Fixed tabs styling bug
<PopoverMenu/>
- supportbuttonHeight
1335
- upgrade enzyme to 3.3.0 1330
<SideMenu/>
- Fix sidebar menu items being hidden 1326- various UI alignments 1300
<MultiSelect/>
- Save multiselect input on blur 1316
<StatsWidget/>
- Switch stats widget to use button with options from dropdown 1320<ModalSelectorLayout/>
- allownode
intitle
&subtitle
props<RadioGroup.Button>
- addcontent
prop for additional, non label, nodes 1327
<Tabs/>
- new typecompactSide
1291
SideMenuDrill
- Fix empty menu level 1297- Fix exclamation icon blocking interaction on entire row 1311
DropdownLayout
- Fix drop down rtl options are left aligned 1310
Slider
- Add Testkit and e2e 1303DropdownLayout
- Added optionsContent to driver 1308Icons
- Add new icons and update Google, Facebook, Code and Yandex 1307ButtonLayout
- Added icon button styles forheightlarge
1313
- fix css name collision between tooltip and button 1276
- MusicalNote icon added 1280
SideMenuDrill.SubMenu
- Addnode
as PropType totitle
inSideMenuDrill.SubMenu
component 1298
Page
- Fixed height calculation bug when header changes 1299ButtonWithOptions
- Assorted bug fixes 1296
<Grid/>
- Col component defaultProp span is now 12. Might prevent default -15px padding to the left, so should be treated as a breaking change. 1279<ModalSelectorLayout/>
- new component, replaces<ModalSelector>
. Should be used in conjunction with<Modal/>
1294
Grid
- RenameRow
component toColumns
, andAutoAdjustedRow
toAutoAdjustedColumns
1279
Page Header
- Update Header scrol treshold size 1289MultiSelect
- Allow to write any text as tag when options are empty 1292
<Page/>
- Added height recalculation when inner height changes 1289
<MessageBox/>
- Add footerContent props to MessageBox to allow adding footer to the message box 1269<Icon.Time/>
- new time icon 1285
<Notification/>
- fix close button alignment f59bec356<Card/>
- add more clear docs 1284<Page/>
- Added height for title to avoid height calculation errors 1287
- fix css name collision between tooltip and button 1276
- Add background color to page header 1277
- PageHeader: update propTypes for title and subtitle 1282
- fixed import of icon in StatsWidget 1272
- revert use
wix-ui-backoffice/ToggleSwitch
1242 due to missing RTL support
- use actual source of Story & AutoExample 1268
- vertically align notification close button in IE11 1255
- remove
z-index
and rely oninitial
1253
ToggleSwitch
- usewix-ui-backoffice/ToggleSwitch
1242
- Add parentSelector and overlayPosition props to modal 1254
- HBox and VBox components 1263
- Remove unwanted padding from
<FieldWithSelection>
dropdown 1258 - support append to parent in tooltip teskit 1252
- Migrate storybook utils to
wix-storybook-utils
1215
DropdownComposite
- 1238
Input
- RTL is now implemented with direction:rtl 1232
DropdownLayout
- remove line-height from options in material theme (https://github.com/wix/wix-style-react/commit/7bf3f75e347de4a4920740de92441b5f205f65a1)
- fix position in safari 1231
DropdownLayout
- change option padding to conform to backoffice UX 1127
<Loader>
- Fix teskit for the case the loader doesn't exist 1226, 1228<InputWithOptions>
- do not force blur when hiding options dropdown 1125
- wix-ui-test-utils should be a dep instead of dev-dep
- Publish transpiled code (https://github.com/wix/wix-style-react/commit/d165950bfc3b355b1bbc5896797538a52c410ec2)
- Migrate to wix-ui-test-utils 1204
- Removed dist from testkit import path in the examples
- Deprecate export-components script in facor of import-path package 1217
- Migrate to haste 1218
<Loader>
: New loader 1203
<input>
- Correct prop-types for noRitghtBorderRadius 1213
- use node 8.9.1
- remove
module
from package.json, no moredist/es
folder <MessageBoxFunctionalLayout>
- confirmText & cancelText proptype now node 1202
<Input>
- correct autofocus cursor position 1208
- New icons: Code, Facebook, Google & Yandex 1197
<PageHeader>
- general improvements 1196
<Notification.TextLabel/>
- correct style & ellipsed text behaviour 1180<Checkbox/>
- do not require.ltr
1199
<InputArea>
updated to the correct icon 1181
<StatsWidget>
- Added new widget (https://github.com/wix/wix-style-react/commit/3209220357d8b8e1bd320de5f1e9512f50214342)<Tooltip>
- Add reange polyfill 1178- Package.lock - 1183
- Themes - huge refactor to boost performance and api. 1186
<ToggleSwitch>
- disable the toggle on disable mode1174- storybook e2e
<InputWithOption>
- Solved saffari issue: 387<Tooltip>
- Remove setTimeout 1177- Terminal was cleaned from all warning printouts - 1185
<Page>
component and friends 1145
<AutoExample>
e2e approach 1148
<DataTable>
- missing separators in data table 1153<GoogleAddressInput>
remove undefined properties from result 1154
- Themes implementation without provider 1151
-
<Page>
- additional e2e tests -
<GoogleAddressInput>
- Allow fetching address data via Places API 1141
- TpaThemeProvider - small bug (https://github.com/wix/wix-style-react/commit/d66bf2107f1376c5034ef835303da20716df7e82)
<Button>
- Fixed incorrect padding in RTL 1142<DropdownLayout>
- Use lodash findIndex instead of native (for IE support)1143<DropdownLayout>
,<GoogleAddressInput>
,<MultiSelect>
- Added a selectedHightlight prop to DropdownLayout, meaning after selecting an option if it should highlight it when dropdown is reopened 1136<DropdownLayout>
- mouseClickOutside method was fixed 1147
- themes: progressed with themes poc
<Page>
- new component (https://github.com/wix/wix-style-react/pull/1127)
<GoogleAddressInput>
- pixelated google credit picture in the footer. (https://github.com/wix/wix-style-react/pull/1128)<Tooltip>
- Popover jumping problem(https://github.com/wix/wix-style-react/pull/1137)
-
<ToogleSwitch/>
- Added support for colors, in order to add component to Wix Viewer (https://github.com/wix/wix-style-react/commit/aa4df9ceb95bd3786f812cb44831f027dbcdb2a4) -
Themes harmless side project as a POC.(https://github.com/wix/wix-style-react/commit/2d50e0a99f04fa8af7eb7566fb5b2930d36baeba)
<FieldWithSelectionComposite>
- fix-selection-input-type (https://github.com/wix/wix-style-react/pull/1126)- release.js: run gh-pages-auto-release only when releasing(https://github.com/wix/wix-style-react/commit/d3d8035e57de0ce97c6b1c0544638a0798ec6760)
<Range/>
- now able to work with<DatePicker/>
s to create date range component (https://github.com/wix/wix-style-react/commit/9b32f2a397eec268052036be5230e5b67ea3eda6)
<InputWithOptions/>
- do not hide dropdown ifoptions.length === 0
(https://github.com/wix/wix-style-react/pull/1116)
<Tooltip/>
shouldUpdatePosition
prop (https://github.com/wix/wix-style-react/commit/da9c496396e7395de53dfb9a8bacbd7520c61012)
<Tooltip/>
(https://github.com/wix/wix-style-react/commit/5b3fa3b0367bffe512b7ed44b11932b4d456e6ae):- default
maxWidth
now204px
- default
textAlign
nowleft
- default