10.18.6 (2020-04-16)
10.18.5 (2020-04-15)
stampdata-table
10.18.4 (2020-04-01)
components
components
- Other
components
10.18.3 (2020-03-20)
componentspresets
10.18.2 (2020-03-18)
10.18.1 (2020-03-16)
10.18.0 (2020-03-16)
10.17.0 (2020-03-11)
components- #1272 feat(accessible-button): exports new function
getNormalizedButtonStylesThis new utility function removes user-agent styles for abuttonelement, which might be useful for enabling a layout component with the navigational benefits of abutton, such as Tab navigation and triggeringonClickwith theEnterkey. (@jonnybel) - #1272 fix(collapsible-panel): improve accessibility of panel header (@jonnybel)
- #1271 feat(accessible-hidden): new component
AccessibleHiddenThis component allows rendering invisible but machine-readable content, for accessibility or testing purposes. (@jonnybel)
- #1272 feat(accessible-button): exports new function
10.16.0 (2020-02-14)
- #1261: add
intlMessageprop toErrorMessageandWarningMessagecomponents (@YahiaElTai)
10.15.1 (2020-02-03)
- #1253 fix(tag): remove button style on hover when disabled (@jonnybel)
- #1251 fix(secondary-button): to prop-type (@tdeekens)
10.15.0 (2020-01-24)
components- #1246 feat(contraints): allow
data-attributes (@dogayuksel)
- #1246 feat(contraints): allow
10.14.2 (2020-01-15)
10.14.1 (2020-01-14)
Please use version 10.14.2 in favour this one, as the date-input components are broken in this release version.
- #1234 chore: regenerate icon exports (@jonnybel)
- #1220 chore: use
babel.config.jsfile (@emmenko) - #1219 chore: check npm authentication on prerelease (@jonnybel)
10.14.0 (2019-12-12)
Please use version 10.14.2 in favour this one, as the date-input components are broken in this release version.
- #1214 fix(text): proptypes warning when providing an empty string as children to text components (@ahmehri)
- #1211 fix(flat-button): icon size and position for multi-line anchors (@jonnybel)
10.13.0 (2019-12-05)
With this release, we start publishing packages for each single component under the NPM scope @commercetools-uikit. The goal with this is for applications using only a bunch of UIKit components to have reduced bundle size by using only packages needed. We also hope that treeshaking works better with this approach.
We also have some "preset" packages that just group a bunch of single packages together, such as inputs, spacings, buttons, etc. This is useful in case you use many packages within that "preset" to avoid importing each single one of them.
The main package
@commercetools-frontend/ui-kitwill continue to exist as a full "preset" package and is currently fully backwards compatible.
- #1193 fix(radio-input): radio option background color (@jonnybel)
- #1197 fix(localized-rich-text-input): dropdown fix (@montezume)
- #1196 fix(tooltip): do not use native title when tooltip is off (@montezume)
calendar-time-utils,calendar-utils,components,hooks,i18n,localized-utils,utils- #1177 feat: split codebase into packages and set up monorepository (@montezume)
- Other
components- #1202 fix(deps): update all dependencies (@renovate[bot])
10.12.0 (2019-11-26)
LocalizedRichTextInput: dropdowns being clipped by the container (#1197) (ab54b57)RadioInput: radio option background color (#1193) (e773f92)Tooltip: do not use native title when tooltip is off (#1196) (04f35e9)
10.11.0 (2019-11-21)
10.10.1 (2019-11-20)
Buttons: makeonClicknot required ifasis passed (#1189) (4ab05dc)Text: fix for whenchildrenis not defined (#1188) (b86f5b6)
10.10.0 (2019-11-20)
ToggleInput: allow passingvalueprop (#1185) (9ed5296)LocalizedRichTextInput: input containment (#1179) (2ead044)PrimaryButton: active and toggle state fix (#1174) (71fc660)DateInput: header focus problem fix (#1160) (bd18332)
CheckboxInput: supportisReadOnlyprop (#1157) (798b95e)FlatButton: addinvertedtone (#1175) (a763a0b)IconButton: supportas(#1164) (032b198)LocalizedMoneyInput: supportisReadOnlyprop (#1158) (0e9ca9b)PrimaryButton: supportasprop (#1170) (6e00d84)SecondaryIconButton: addasprop (#1168) (337b3ef)
10.9.0 (2019-11-13)
PrimaryButton: active and toggle state (#1174) (71fc660)DateInput: header focus problem fix (#1160) (bd18332)
CheckboxInput: supportisReadOnlyprop (#1157) (798b95e)FlatButton: addinvertedtone (#1175) (a763a0b)IconButton: supportas(#1164) (032b198)LocalizedMoneyInput: supportisReadOnlyprop (#1158) (0e9ca9b)PrimaryButton: supportas(#1170) (6e00d84)SecondaryIconButton: addasprop (#1168) (337b3ef)
10.8.0 (2019-11-01)
10.7.0 (2019-10-30)
RadioInput.Option: addscomponents.wrapperprop (#1139)
LocalizedRichTextInput: fix omit empty translations, add readme (#1134) (0b4b7e9)RichTextInput: dropdown focus bug (#1145) (0496f29)
10.6.1 (2019-10-23)
- use SafeHTMLElement (#1126) (d13ef9f)
LocalizedRichTextInput,RichTextInput: disabled state fix (#1128)LocalizedRichTextInput: fixesLocalizedRichTextInput.createLocalizedString(#1125) (e645e21)RichTextInput,LocalizedRichTextInput: visual disabled fixes (#1132) (a82ab5b)
10.6.0 (2019-10-22)
Typography: fix Text.Body to use intlMessage when 'as' prop is present (#1122)
SelectInputs: allowinputValueprop (#1121)
10.5.1 (2019-10-21)
10.5.0 (2019-10-21)
Buttons use not-allowed cursor on disabled (#1114) (2bd07f3)CollapsiblePanelz-index fix when sticky (#1115) (f9c60a5)LocalizedRichTextInputmake behavior match localized-multiline-text-input (#1108) (3de26c5)
10.4.0 (2019-10-16)
RichTextInput: fix onBlur and onFocus (#1093) (8d76ba2)RichTextInput: fix regression (#1103) (4f12b55)RichTextInput: placeholder bug (#1099) (08caef0)
This release represents the first release that contains the new LocalizedRichTextInput. Keep in mind this component is still in beta and may be subject to upcoming breaking changes. We will not consider breaking changes to LocalizedRichTextInput to be breaking changes to UI-Kit until the component is out of beta status.
LocalizedRichTextInput: new component (#1076)CollapsiblePanel: add prop to set alignment of header controls (#1101) (07ad46d)RichTextInput: add expand icon (#1095) (0cb3fac)
10.3.0 (2019-10-08)
This release represents the first release that contains the new RichTextInput. Keep in mind this component is still in beta and may be subject to upcoming breaking changes. We will not consider breaking changes to RichTextInput to be breaking changes to UI-Kit until the component is out of beta status.
RichTextInput: new component (#952)
LocalizedMultilineTextInput: margin fix (#1089)
10.2.1 (2019-09-16)
10.2.0 (2019-09-11)
CollapsibleMotion: do not set to null on rerender (#1043) (bc91861)Tooltip: fix for off (#1045) (0e5183f)
CollapsibleMotion: add minHeight prop (#1042) (df0bdf7)Tooltip: expose Popper.js modifiers (#1054) (9ab8072)
10.1.3 (2019-08-27)
10.1.2 (2019-08-08)
10.1.1 (2019-08-07)
10.1.0 (2019-08-02)
custom-properties: Expose custom-properties.ts (#978)
use-toggle-state: New hook (#966
- jest/setup: to show actual error logs on CI when something is logged (#979) (511adad)
- select-inputs truncate select-input placeholder text is long (#955) (0ae06f5)
date-inputs: placeholder i18n fixes (#954) (12737ed)
TimeInput: use hooks (#960)PasswordField, select-inputs: use hooks (#957LocalizedTextField: use hooks (#958DateInput: use hooks (#963MultilineTextInput: use hooks (#966PrimaryActionDropdown: use hooks (#965MoneyInput: use hooks (#964LocalizedMoneyInput: use hooks (#974CollapsibleMotion: use hooks (#981Tooltip: use hooks (#983, (#994
10.0.1 (2019-07-19)
- buttons: leftovers of theme/color renaming (#942) (1ad3384)
- date-time-input: today button not highlighting todays date (#927) (4e02963)
- deps: update dependency lodash to v4.17.13 security (1a2b156)
- deps: update dependency lodash-es to v4.17.14 security (89cd753)
- table: sortable header icon color (#943) (3c1ba18)
10.0.0 (2019-06-20)
This release introduces breaking changes which may entail some migration steps. We'll go through them now:
-
hocs:withMouseOverStateandwithMouseDownStatehave been dropped. Please use CSS properties instead. (#881)
The prop theme has been renamed to color for Icons. Also, the values of this prop have changed. Please see the table below for the mapping between the old and new values.
| old | new |
|---|---|
| black | solid |
| gray | neutral60 |
| white | surface |
| blue | info |
| green | primary |
| green-light | primary40 |
| orange | warning |
| red | error |
For Text.Body component, the isInline prop is also being deprecated. The same result is achieved by setting the as prop to span.
The prop elementType has been renamed to as for Text components. The elementType prop still exists, but is deprecated and will be removed in the next major UI-Kit release. Please migrate your components.
The following custom properties were dropped. Please take a look at the tables below to see the dropped properties, and their replacements.
| old | new |
|---|---|
| colorGreen | colorPrimary |
| colorGreen25 | colorPrimary25 |
| colorGreen40 | colorPrimary40 |
| colorGreen85 | colorPrimary85 |
| colorGreen95 | colorPrimary95 |
| colorBlack | colorSolid |
| colorWhite | colorSurface |
| colorGrey | colorNeutral |
| colorNavy | colorInfo |
| colorNavy30 | colorInfo30 |
| colorNavy40 | colorInfo40 |
| colorNavy95 | colorInfo95 |
| colorNavy98 | colorInfo98 |
| colorGray | colorNeutral |
| colorGray60 | colorNeutral60 |
| colorGray90 | colorNeutral90 |
| colorGray95 | colorNeutral95 |
| colorBlue | colorInfo |
| colorBlue85 | colorInfo85 |
| colorBlue95 | colorInfo95 |
| colorOrange | colorWarning |
| colorRed | colorError |
| old | new |
|---|---|
| spacing-4 | spacing-xs |
| spacing-8 | spacing-s |
| spacing-16 | spacing-m |
| spacing-24 | spacing-l |
| spacing-32 | spacing-xl |
| old | new |
|---|---|
| --border-color-input-pristine | --border-color-for-input |
| --border-color-input-focus | --border-color-for-input-when-focused |
| --border-color-input-disabled | --border-color-for-input-when-disabled |
| --border-color-input-readonly | --border-color-for-input-when-readonly |
| --border-color-input-error | --border-color-for-input-when-error |
| --border-color-input-warning | --border-color-for-input-when-warning |
| --border-color-tag-pristine | --border-color-for-tag |
| --border-color-tag-warning | --border-color-for-tag-warning |
| --border-color-tag-focus | --border-color-for-tag-when-focused |
| --border-color-tag-warning-hover | --border-color-for-tag-warning |
| --border-color-separator | --color-neutral |
| --border-radius-input | --border-radius-for-input |
| --border-radius-tag | --border-radius-for-tag |
The custom property transition-standard has been changed from having a value of all 0.2s ease to 200ms ease. To continue using this property as below, the following refactor is necessary. However, if possible, you should avoid animating using "all".
transition: all var(--transitionStandard);
The split up shadows (ie, shadow-one-first, shadow-1-second) have been dropped. Instead, simply use shadow-1, etc.
9.11.0 (2019-07-04)
FieldLabel: do not scale icon when long hint (#878) (1c06bbc)Link: apply underlined styles (#911) (20cd7a4)Storybook: downgrade storybook-readme (#896) (32f9374)
9.10.0 (2019-06-19)
IconButton: hover state fix, and remove HOC (#871) (823a31f)NumberInput: toFormValue should handle both undefined and null (#870) (7db6786)SelectInputmulti select disabled bug (#855) (2b68dad)
Table: remove hocSecondaryButton: remove usage of HOC (#872)- Various dependency updates (#856)
- Various dependency updates (#866)
- Adds missing peer deps (#868)
FlatButton: support theming (#869)
9.9.0 (2019-06-12)
SelectInput: use first-of-type instead of first-child to remove emotion warning (#850)
9.8.3 (2019-06-05)
ToggleInput: disabled style fixes (#832)
9.8.2 (2019-06-05)
Table: onSortChange being called without being passed (#827) (0c45f89)CollapsiblePanel: remove z-index (#805) (a526942)IconButton: centre icon (#828) (482e824)MultilineInput: expand behaviour not working (#804) (f5d4c4d)RadioInput: do not use htmlFor if no id is passed (#817) (95f2180)
9.8.1 (2019-05-18)
i18n: build all locales (#800) (670fc46)IconButton: misaligned icon fix (#794) (fd232f1)MoneyInput: add minimumFractionDigits (#795) (98ee547)SelectInput,AsyncSelectInput,CreatableSelectInput,AsyncCreatableSelectInput: localize placeholder (#802) (013f617)
9.8.0 (2019-05-17)
9.7.0 (2019-05-17)
CheckboxInput: hovered state when disabled (#775) (670afe7)CollapsiblePanel: height of panel header while disabled (#767) (549a0b9)CollapsiblePanel: disabled state fix (#777) (944740c)TimeInput: border radius bug (#773) (06e9420)IconButton: add border color (#782) (57499e5)
TimeInput: visual improvements on hover and focus (#776)SecondaryIconButton: refactor hover and add theming (#770) (08a6045)PinGearIcon: new component (#778) (1fbb659)
- Various dependency updates (#780)
9.6.1 (2019-05-13)
9.6.0 (2019-05-13)
LinkButton: add hover effect for icon (#752) (f3fc29b)Tooltip: margin specificity fix (#754) (15aa855)
- Various dependency updates (#762)
9.5.0 (2019-05-08)
CheckboxInput: make component accessible (#722)RadioInput: make component accessible (#721)SelectInput: cursor when disabled (#709) (57a4f6a)Text: allow theming (#720) (b5f8e44)TimeInput: fix for readonly state (#724) (19ac8c6)
CheckboxInput: use design tokens / add theming (#728) (c9604ba)DateRangeInputaddisClearableprop (#745) (727ea20)* selectsmake selects support theming (#727) (65d953f)SubdirectoryArrowIcon: new component (#738
9.4.0 (2019-04-23)
- Various dependency updates (#704)
9.3.1 (2019-04-17)
- circleci: releasing from master and release (#689) (7a7f8da)
- replace deprecated and broken package jest-plugin-filename with jest-watch-typeahead (#685) (cd72a2b)
SelectInputs,SelectFields,MoneyField,MoneyInput: incorrect prop type (#692) (62e9599)
9.3.0 (2019-04-16)
- circleci: remove branch ignore rule (b8443e1)
- storybook: fix for selecting French and Chinese locales (#681) (d6163da)
SelectInputs,SelectFields: supportmenuPortalTargetprop (#682) (a8c132b)SelectInputs,SelectFields: support addshouldBlockScrollprop (#686) (60507df)MoneyInput,MoneyField: supportmenuPortalTargetandshouldBlockScroll(#684) (85d4bd8)i18n: add translations for Simplified Chinese and French (#679) (9e6ca2b)Text: support theming (#671) (1ac8324)
9.2.0 (2019-04-11)
- circleci: releasing to next (#619) (fbea050)
SelectInput: change default menu height (#624) (0b43ce5)FlatButton: add focus highlighting (#648) (7741452)MoneyInput: change high precision money badge (#661) (1091426)Tag: css fixes for tag (#626) (4cf0219)Tag: right border of removable tag (#650) (425e82d)LinkButton: to use inline TextBody (#627) (815333e)- ci: storybook build times (#667) (43fb470)
TextInput: make text-inputtheme-able(#563) (6b49e33)- i18n: support new locales fr-FR and zh-CN (#643) (667fefd)
LocalizedMultilineTextInput: support theming (257139f)LocalizedTextInput: support custom theming, use design tokens (#630) (1505fba)MultilineTextInput: support custom theming (#633) (59fec17)NumberInput: support custom theming (#634) (f1129b6)PasswordInput: support theming (#635) (18ea367)Tag: use design tokens, add theming (#641) (b3d5285)- custom-properties: tshirt size spacings (#645) (0b3c7a8)
- text: allow to pass intl message instead of children (#651) (5e108e5)
9.1.2 (2019-03-29)
9.1.1 (2019-03-19)
MoneyInput: parse money value in MoneyInput (#597) (6f922d9)Table: to remove jumpy effect on hover (#598) (05cabae)
9.1.0 (2019-02-22)
Tooltip: adds new propTooltipWrapperComponent(#560) (4f5ff38)- Inputs: use design tokens for input styling (#562) (8ec02e6)
MoneyInput: fix for inputting currencies with no fractional digits (bf5fccc)
- Various dependency updates (#564)
9.0.0 (2019-02-20)
RadioInput: the propscalehas been removed. Now you can pass any of the spacing props through thedirectionProps. The classname prop has also been removed. (#555) (9f420c5)
RadioField: New component (#537) (c2fcaf7)PasswordField: add show/hide button (#555) (9f420c5)- Icons: new
EyeIcon(#555) (9f420c5) - Icons: new
PageGearIcon(#553) (8c080aa) Spacings.Inline,Spacings.Stack: supportjustifyContentprop for Inline/Stack components (#557) (5bd61e7), closes #552
Card: do not apply padding to outer flex container. Fixes #554 (#556) (65b150e)- Spacings: specificity of margin for children elements (#558) (733408f)
- Various dependency updates (#549)
8.5.0 (2019-02-15)
8.4.0 (2019-02-12)
Tooltip: allow passing in customBodyComponent(#535)
8.3.1 (2019-02-11)
- SelectInputs and SelectFields: Wrong CSS is applied in case of multi and disabled states (#532)
8.3.0 (2019-02-11)
Tooltip: new component (#501)SpeechBubbleIcon: new component (#516)- SelectInputs: adds new prop
showOptionGroupDivider(#517)
8.2.0 (2019-02-06)
Tag: Wrong CSS is applied in case linkTo prop is provided (#511) (ba038f0)MoneyInput: Background color fix for single currency MoneyInput (#513)
8.1.1 (2019-01-31)
8.1.0 (2019-01-31)
8.0.0 (2019-01-29)
This release mostly includes internal changes and should be quite straightforward to upgrade.
- We rewrote our components to use Emotion styles (CSS-in-JS) instead of CSS Modules. One of the reasons was to support SSR, which Emotion supports out-of-the-box, to enable using the UI-Kit for static sites (e.g. Gatsby, Next.js). Before, styles were injected after the components will be rendered, causing a FOUC (Flash Of Unstyled Content).
This change does not visually affects the components, thanks to our Visual Regression Testing setup. You can read about it in our techblog.
- The font sizes of the components have been changed from
pxtorem, to allow consumers of the UI-Kit to determine the size according to their requirements (e.g. for Merchant Center applications the root size should be13px, for documentation websites the size can be left to the user's browser). (#482)
The
@commercetools-frontend/application-shellpackage already sets the font size to13px, so you shouldn't need to change anything.
-
Previously, the
customPropertiesobject from the main export was returning a JSON object with keys like--color-black. The JSON export was not really meant to be used from JS code, therefore now the object is formatted with camelCase keys, likecolorBlack. The JSON file is still available from@commercetools-frontend/ui-kit/materials/custom-properties.json. -
The
@commercetools-frontend/ui-kit/materials/media-queries.mod.csshas been removed and is now available from the package@commercetools-frontend/application-components/materials/media-queries.mod.css.
Tag: Design fixes for theisDisabledstate (#464)
7.0.0 (2019-01-21)
Radio: renamed toRadioInput(#428)Checkbox: renamed toCheckboxInput(#428)Toggle: renamed toToggleInput, now returns an event from onChange (#428)LocalizedMoneyInput: remove 'amount/currencyCode' from event name (#419) (e28d022)- (#433) Some unsupported HorizontalConstraint props have been dropped. Please check the PR for more details
- (#435) The following icons have been renamed:
- FlagFulfilledIcon -> FlagFilledIcon
- FlagIcon -> FlagLinearIcon
- DoneIcon -> CheckThinIcon
- SuccessIcon -> CheckBoldIcon
- DeleteIcon -> BinLinearIcon
- DeleteFilledIcon -> BinFilledIcon
- AddIcon -> PlusThinIcon
- AddBoldIcon -> PlusBoldIcon
- PinActiveIcon -> PinLinearIcon
- PinIcon -> PinFilled
-
MoneyField: remove requiredcurrenciesprop (#422) (c05d9da) -
MoneyInput: avoid messing with floating point numbers (#446) (f5c6260) -
RadioInput.Option,CheckboxInput,SwitchInput:move data-attributes to input (#423) (677dc77) -
TimeInput: call onChange with generated id instead of undefined if no id passed as prop (#427) (7bbc6c6)
TextInput, PasswordInput, NumberInput: use design tokens (#443) (792c505)
6.1.1 (2019-01-09)
Radio: allow boolean and string proptype values (#416)
- Improve VRT documentation (#417)
6.1.0 (2019-01-08)
EyeCrossedIcon: new component (#409)
MoneyInput: use narrow styling when no currencies are passed (#411)PrimaryActionDropdown: use secondary tone when disabled (#408)Textadd missing inverted prop to prop-types (#414)
6.0.0 (2019-01-07)
- The
typeprop ofFlatButtonwas renamed totone. A newtypeprop was added toFlatButtoninstead for which possible values aresubmit,resetandbutton. (#349) - All custom properties in
custom-properties.{json,css}no longer use the--tokenprefix. (#370) - Encapsulate typography styles to the
Textcomponents (#383) - Removed the
isDefaultClosedprop. AddeddefaultExpandMultilineTextinstead (default flipped!) forMultilineTextInputandMultilineTextField(#389) - Renamed the
isDefaultExpandedprop todefaultExpandLanguagesforLocalizedTextInputandLocalizedTextField(#389) - Renamed the
hideExpansionControlsprop tohideLanguageExpansionControlsforLocalizedTextInputandLocalizedTextField(#389) - Renamed the
isMultilineDefaultExpandedprop todefaultExpandMultilineTextforLocalizedMultilineTextInputandLocalizedMultilineTextField(#389) - Renamed the
areLanguagesDefaultOpenedprop todefaultExpandLanguagesforLocalizedMultilineTextInputandLocalizedMultilineTextField(#389) - Renamed the
hideLanguageControlsprop tohideLanguageExpansionControlsforLocalizedMultilineTextInputandLocalizedMultilineTextField(#389)
PasswordField: New component (#342)TimeField: New component (#346)DateTimeField: New component (#347)DateRangeField: New component (#348)FieldErrors: Export component (#371)- Add
typeprop to multiple buttons (FlatButton,IconButton,PrimaryButton,SecondaryButton,SecondaryIconButton) to enable using them as submit/reset buttons in forms. (#349) MoneyInput,MoneyField: Adds support foronFocus(#357),isAutofocussedandisReadOnly(#362)LocalizedMoneyInput: New component (#339)TimeInput: Add default placeholder (#405)
DateRangeInput: Fixes jumping date when selecting date range outside of current month. Fixes "Invalid date" showing up when pressingEsc. (#345)ContentNotification: Remove margin (#352)MoneyInput: FixesonBlurbeing called properly (#357)-CollapsiblePanel: Toggling the CollapsiblePanel can now be trigged from the entire height of the header (#401)DateRangeInput,DateTimeInput,DateInput: fixes z-index issue. (#406)
MoneyInput: WrapsSingleValueof react-select with a label pointing at thecurrencyCodeinput, so that it can be targeted using RTL (#362)- All components now have encapsulated styles #387
- Consumer of
ui-kitwill get "prop types" warnings (#372)
- Document required peer dependencies (#332)
- Update README, add testing section (#350)
- Document tokens (#374)
5.0.0 (2018-12-13)
DateInput: PreviouslyonChangewould be called with the value directly. Now it gets called with an event containing the value. This was done to be in line with how the other inputs work. (#281)DateTimeInput: PreviouslyonChangewould be called with the value directly. Now it gets called with an event containing the value. This was done to be in line with how the other inputs work. Themodeproperty was dropped. PropertyisInvalidhas been renamed tohasError. New propertyhasWarningis now supported. (#282)TimeInput: PreviouslyonChangewould be called with the value directly. Now it gets called with an event containing the value. This was done to be in line with how the other inputs work. PropertyisInvalidhas been renamed tohasError. The following properties were dropped:modeandtimeZone. (#151)GhostButton: This component has been removed. (#317)- All field components: Removes re-export of static method. Use the exports from the respective input component instead. (#321)
Checkbox,Radio: Fix fordisabledandhoveredstates. (#292)Tag: Adds support for multi lined tags. (#327)
4.0.3 (2018-12-05)
- Rollup config fix - stop inadvertent dependency bundling (#279)
- Fail fast on Travis (#284)
- Updated dependencies for some packages (#280)
4.0.2 (2018-11-28)
Avatar: Add missingAvatarexport (#268)
4.0.1 (2018-11-27)
materials: Fixed exported media-query formatting (#266)
4.0.0 (2018-11-27)
Icons: invalid names (#262)
- (#262) The following icons got renamed:
| Invalid name | Icon | Correct name |
|---|---|---|
| AddressBillingIcon |  |
PaperBillInvertedIcon |
| AddressShippingIcon |  |
TruckIcon |
| ArrowGraphDownIcon |  |
ArrowDownIcon |
| ArrowGraphLeftIcon |  |
ArrowLeftIcon |
| ArrowGraphRightIcon |  |
ArrowRightIcon |
| ArrowGraphUpIcon |  |
ArrowUpIcon |
| ArrowLeftIcon |  |
AngleThinLeftIcon |
| ArrowRightIcon |  |
AngleThinRightIcon |
| BoxIcon |  |
CubeIcon |
| BoxProductIcon |  |
BoxIcon |
| CategoryTreeIcon |  |
TreeStructureIcon |
| CustomSettingsIcon |  |
ScreenGearIcon |
| CustomViewIcon |  |
ScreenUserIcon |
| CustomerFilledIcon |  |
UserFilledIcon |
| CustomerIcon |  |
UserLinearIcon |
| ProjectSettingsIcon |  |
GearIcon |
| ReturnInfoIcon |  |
BidirectionalArrowIcon |
| TagDiscountIcon |  |
TagStackedIcon |
We recommend to do a simple search/replace for migrating the names. Note that there are a couple of new names that were previously other icons, so be careful when updating those. We recommend doing it in the following order:
ArrowLeftIcon->AngleThinLeftIconArrowRightIcon->AngleThinRightIconArrowGraphLeftIcon->ArrowLeftIconArrowGraphRightIcon->ArrowRightIconBoxIcon->CubeIconBoxProductIcon->BoxIcon
- (#263) The following
peerDependenciesgot removed:flatpickr,react-select,react-textarea-autosize,react-virtualized. You don't need to explicitly install them anymore, unless you are using them of course.
3.0.0 (2018-11-23)
MoneyInput: dropped support forhasAmountError,hasAmountWarning,hasCurrencyErrorandhasCurrencyWarning. UsehasErrorandhasWarninginstead. (9e00148), closes #175MoneyInput:isTouchedonly returns true when both fields were touched from now on. (9e00148), closes #175media-queries: need to be imported differently now #218
- You need to explicitly add our peer dependencies (#156) (ae59216)
- We dropped some images which were hosted in ui-kit but didn't belong here (#230) (3f3dadf) and moved them into another package
@commercetools-frontend/assets - Consumers of ui-kit no longer need to
import '../materials/internals/reset.mod.css';andimport '../materials/internals/grid.mod.css';(#186) (7a9e27b)
SelectInput,CreatableSelectInput,AsyncSelectInput,AsyncCreatableSelectInput: align indicator icons properly (#190) (b2f0141)MoneyInput: Avoid rounding errors (#229) (b92ede4)
LocalizedTextField: exposeLocalizedTextFieldform main exports (#233) (f04256d)- styles: Remove
overflow: hiddenfrom body style (#189) (a6b4b3b) - replace styled-components with react-emotion (#184) (869a036)
- Media Queries are now exported as custom properties (#220) (5073d2a)
MoneyInput: added thousand-separators (#221) (6f58ca8)- Our design tokens are now exported as css variables (custom properties) and as a json file (
materials/custom-properties.cssandmaterials/custom-properties.json) (#181) (b7c4e85) FieldLabel: it's now possible to pass athemefor thehintIcon(#231) (5ea305e)- icons: add several new icons (#247) (67d1810) (#251)
ConnectedTriangleIcon,ConnectedSquareIcon,HeartIcon,PaperclipIcon,PluginIcon,RocketIcon,StarIcon
ContentNotification: add new notification type (#232) (46fb887)- typography: add
titleprop to all typography components (#191) (acb4e78)
2.0.0-rc.11 (2018-10-09)
Text: fix Text inline prop (#154)
- Replace
invariantwithtiny-invariant(#152)
- (#152) Consumers must provide
tiny-invariantinstead ofinvariant, as the UI-Kit's peer dependency has changed.
2.0.0-rc.10 (2018-10-08)
- Fix broken DotIcon #149
2.0.0-rc.9 (2018-10-05)
- Fix broken checkboxes #139
- Updated dependencies #137
- Dropped dependency on
reselect#137 - Fixed "theme" typo #137
- Dropped outdated warning in
CollapsiblePanel#137
- If you use Formik, ensure you use at least
v1.3.1. Otherwise form validation ofMoneyInputwill not work properly #137
2.0.0-rc.8 (2018-10-04)
2.0.0-rc.7 (2018-10-02)
- Added Form Fields example, complementary to Form Inputs example #76
- Spanish translations #99
- Add translation workflow documentation #105
FieldErrors: supportfractionsandnegativeerror types #76TextField: safely check for errors #76LocalizedMultilineTextInput: addwarningprop support #77NumberField,TextField: renameisTouchedprop totouchedfor all fields #97SelectInput: drop support of some props #119AsyncSelectInput: drop support of some props #120CreatableSelectInput: drop support of some props #121AsyncCreatableSelectInput: drop support of some props #122
HorizontalConstraint: Removed export. UseConstraints.Horizontalinstead #94
- Readd forms example #75
- Fix Travis CI link in README #89
MoneyInput: Fix story and docs #91MoneyField,TextField: Fix automatic id generation #92- Use top-level UI Kit export in examples #96
MoneyInput: add Formik bug workaround #102 #108SelectInput,AsyncSelectInput,CreatableSelectInput,AsyncCreatableSelectInput: Use same height when inisMultimode #112SelectInput: show values in selected order #119SelectInput: replaceidwithcontainerIdandinputIdwithid#119
Removed export. This is already exported as Constraints.Horizontal.
Use Constraints.Horizontal instead #94.
Renamed isTouched prop to touched for all fields. You need to upgrade NumberField and TextField by providing touched instead of isTouched #97. Other fields are using touched already.
Some props were dropped from
SelectInput (#119), AsyncSelectInput (#120), CreatableSelectInput (#121) and AsyncCreatableSelectInput (#122).
See the PRs for details. These props were not used in the MC.
Changed SelectInputs id to be applied to the input, and removed the inputId prop.
Added a containerId to prop to enable still targeting the container.
Upgrade your code like this:
- <SelectInput id="container-id" inputId="input-id" />
+ <SelectInput id="input-id" containerId="container-id" />2.0.0-rc.6 (2018-09-18)
2.0.0-rc.5 (2018-09-14)
- add missing german translations (d5fd673)
- re-export
HorizontalConstraintcomponent (f3be957)
2.0.0-rc.4 (2018-09-14)
- fix deploy setup on travis (a17a3c0)
2.0.0-rc.3 (2018-09-13)
This release is broken from npm, do not use it.
- add missing dev dependency
mc-scripts(0c148d7)
2.0.0-rc.2 (2018-09-13)
- keep
react-selecta normal dependency (#44)
2.0.0-rc.1 (2018-09-12)
2.0.0-rc.0 (2018-09-10)
- avoid machine-based paths in generated files (004cd38)
- select-input: default selectInput to null (635d48e)
- select-input: fix typo, and update code documentation (5892497)
- select-input: update code documentation (f1a7e8d)
- select-input: add posibility of providing custom internal components (8f98678)
- typography/text: to accept isItalic for text detail and body (df570e9)
The package now exposes all components as named exports, so you can import them without reaching into the internals (see README for more information).
NOTE that we plan to remove those proxy exports in the
2.0.0release.
1.0.0-beta.30 (2018-09-03)
This is the first release after the code has been moved to this public repository. From now we will update the changelog on every new release.
There isn't an official changelog prior to this version.