# [2.4.0](https://github.com/zalando/dress-code/compare/2.3.0...2.4.0) (2017-12-21) ### Features * **icons:** dc-icon--spin makes any icon rotate in-place ([#417](https://github.com/zalando/dress-code/issues/417)) ([4e21447](https://github.com/zalando/dress-code/commit/4e21447)), closes [#350](https://github.com/zalando/dress-code/issues/350) * **tab:** add css selector ([f21a071](https://github.com/zalando/dress-code/commit/f21a071)), closes [#406](https://github.com/zalando/dress-code/issues/406) * **tab:** emphasis a tab header ([3f9b3db](https://github.com/zalando/dress-code/commit/3f9b3db)) * **tab:** make a styling of tab header ([66125bb](https://github.com/zalando/dress-code/commit/66125bb)), closes [#406](https://github.com/zalando/dress-code/issues/406) * **tab:** update documentation about tab header ([a4deb92](https://github.com/zalando/dress-code/commit/a4deb92)) * **tests:** setup visual regression tests ([55fa579](https://github.com/zalando/dress-code/commit/55fa579)) * **tests:** allow running tests both with local changes and in release ([a9a67cb](https://github.com/zalando/dress-code/commit/a9a67cb)) * **tests:** set up LFS for storage of tests screenshots ([c63d783](https://github.com/zalando/dress-code/commit/c63d783)) * **regression:** run regression tests in CI on releases ([8109843](https://github.com/zalando/dress-code/commit/8109843)) # [2.3.0](https://github.com/zalando/dress-code/compare/1.1.15...2.3.0) (2017-11-23) ### Bug Fixes * **breadcrumbs:** last part of the breadcrumb is kept aligned when there is a whitespace in text ([#409](https://github.com/zalando/dress-code/issues/409)) ([94de59f](https://github.com/zalando/dress-code/commit/94de59f)), closes [#403](https://github.com/zalando/dress-code/issues/403) * **icons:** link-icon alignment fixed, closes ([#405](https://github.com/zalando/dress-code/issues/405)) ### Features * **input:** add input-stack molecule ([#401](https://github.com/zalando/dress-code/issues/401)) ([414a8ce](https://github.com/zalando/dress-code/commit/414a8ce)), closes [#396](https://github.com/zalando/dress-code/issues/396) # [2.2.0](https://github.com/zalando/dress-code/compare/2.1.1...2.2.0) (2017-10-18) ### Bug Fixes * **demo:** fix table breaking demo layout ([#387](https://github.com/zalando/dress-code/issues/387)) ([07c0009](https://github.com/zalando/dress-code/commit/07c0009)), closes [#374](https://github.com/zalando/dress-code/issues/374) * **input:** search input to have box-sizing of border-box ([42f7a1f](https://github.com/zalando/dress-code/commit/42f7a1f)), closes [#286](https://github.com/zalando/dress-code/issues/286) ### Features * **dialog:** set max-height for body and add scroll bar ([ed9363f](https://github.com/zalando/dress-code/commit/ed9363f)) * **icon:** add link icon. closes [#382](https://github.com/zalando/dress-code/issues/382) ([9403151](https://github.com/zalando/dress-code/commit/9403151)) ## [2.1.1](https://github.com/zalando/dress-code/compare/2.1.0...2.1.1) (2017-08-24) ### Bug Fixes * **table:** fix table responsive after 2.1.0 ([3ec675b](https://github.com/zalando/dress-code/commit/3ec675b)) ### Features * **text-input:** add small modifier ([89de7ea](https://github.com/zalando/dress-code/commit/89de7ea)) # [2.1.0](https://github.com/zalando/dress-code/compare/2.0.0...v2.1.0) (2017-08-22) ### Bug Fixes * **style:** Standardize elements height to 2.4rem ([6a54b3e](https://github.com/zalando/dress-code/commit/6a54b3e)), closes [#323](https://github.com/zalando/dress-code/issues/323) * **table:** fix possible overlapping of sorters ([46aa548](https://github.com/zalando/dress-code/commit/46aa548)) ### Code Refactoring * **breakpoints:** use same breakpoints for media queries and grid classes ([#360](https://github.com/zalando/dress-code/issues/360)) ([82eeb42](https://github.com/zalando/dress-code/commit/82eeb42)), closes [#239](https://github.com/zalando/dress-code/issues/239) [#346](https://github.com/zalando/dress-code/issues/346) [#347](https://github.com/zalando/dress-code/issues/347) * **breakpoints**: variable names have been renamed - _$dc-large-width_ breakpoint variable renamed to **$dc-medium-width** - _$dc-huge-width_ breakpoint variable renamed to **$dc-large-width** - _$dc-giant-width_ breakpoint variable renamed to **$dc-huge-width** - _$dc-giant-width_ and _$dc-monstrous-width_ are deprecated and not used anymore ### Features * **checkbox:** makes the checkboxes accessible ([f0990df](https://github.com/zalando/dress-code/commit/f0990df)) * **grid:** Add utility classes to hide/show at different breakpoint sizes ([a5a875b](https://github.com/zalando/dress-code/commit/a5a875b)), closes [#287](https://github.com/zalando/dress-code/issues/287) * **grid:** Improve functionality and demo ([787c292](https://github.com/zalando/dress-code/commit/787c292)) * **icons:** Add bar-chart, line-chart, pointer icons ([#356](https://github.com/zalando/dress-code/issues/356)) ([e863f1a](https://github.com/zalando/dress-code/commit/e863f1a)) * **messages:** Update design of messages. ([2055e43](https://github.com/zalando/dress-code/commit/2055e43)), closes [#329](https://github.com/zalando/dress-code/issues/329) * **radio:** makes the radio button accessible ([b17b582](https://github.com/zalando/dress-code/commit/b17b582)) * **tab:** add tab atom to the dress-code ([0549bf5](https://github.com/zalando/dress-code/commit/0549bf5)) * **tables:** Make table responsiveness optional ([#330](https://github.com/zalando/dress-code/issues/330)) ([ba80a3a](https://github.com/zalando/dress-code/commit/ba80a3a)), closes [#222](https://github.com/zalando/dress-code/issues/222) * **textarea:** add styles for error state ([d1cde40](https://github.com/zalando/dress-code/commit/d1cde40)) # [2.0.0](https://github.com/zalando/dress-code/compare/2.0.0-beta.1...v2.0.0) (2017-01-23) ### Bug Fixes * **select:** update height of sc-select--small to 22px, for consistency ([dcd9555](https://github.com/zalando/dress-code/commit/dcd9555)) * **search:** remove native date field clear button ([e33142a](https://github.com/zalando/dress-code/commit/e33142a)) ### Features * **divider:** add secondary divider ([42abadd](https://github.com/zalando/dress-code/commit/42abadd)) * **icons:** add users icon, update help and user icons ([7495021](https://github.com/zalando/dress-code/commit/7495021)) * **select:** add dc-select--small ([492a508](https://github.com/zalando/dress-code/commit/492a508)) ### BREAKING CHANGES * overlay: dc-dialog__overlay has been removed, use dc-overlay outside dc-dialog instead Change your code from this: ```html
... ``` To this: ```html
# [2.0.0-beta.1](https://github.com/zalando/dress-code/compare/2.0.0-beta...v2.0.0-beta.1) (2016-12-08) ### Bug Fixes * **accordion:** remove triangle icon, use border hack instead ([69fe37c](https://github.com/zalando/dress-code/commit/69fe37c)) * **btn:** fix blue text on icon button ([97c554c](https://github.com/zalando/dress-code/commit/97c554c)) * **demo:** Fix small code issues ([71f4399](https://github.com/zalando/dress-code/commit/71f4399)) * **dialog:** fix broken overlay in chrome in retina displays ([507e0f5](https://github.com/zalando/dress-code/commit/507e0f5)) * **overlay:** fix linting error because of wrong import of overlay atom ([2d72d30](https://github.com/zalando/dress-code/commit/2d72d30)) * **select:** align the select dropdown arrow to fixed pixels from right ([3541bb2](https://github.com/zalando/dress-code/commit/3541bb2)), closes [#232](https://github.com/zalando/dress-code/issues/232) * **select:** remove top/bottom padding and use height instead to fix height issue for select ([9553f99](https://github.com/zalando/dress-code/commit/9553f99)), closes [#225](https://github.com/zalando/dress-code/issues/225) * **tables:** Fix lint issues ([beb4c18](https://github.com/zalando/dress-code/commit/beb4c18)) * **tables:** table column in responsive mode to have a min height ([7b9884d](https://github.com/zalando/dress-code/commit/7b9884d)), closes [#267](https://github.com/zalando/dress-code/issues/267) * **tooltip:** restore version of previous commit to bypass travis scss-lint issue ([557c184](https://github.com/zalando/dress-code/commit/557c184)) ### Features * **accordion:** [#233](https://github.com/zalando/dress-code/issues/233) add accordion atom ([3e68564](https://github.com/zalando/dress-code/commit/3e68564)) * **cursors:** Use pointer cursor for buttons, checkboxes and radios ([a3cefe9](https://github.com/zalando/dress-code/commit/a3cefe9)), closes [#255](https://github.com/zalando/dress-code/issues/255) * **dc-label__sub:** add dc-label__sub mixins and classes ([028fade](https://github.com/zalando/dress-code/commit/028fade)) * **demo:** Improve demo descriptions and structure ([c67daf9](https://github.com/zalando/dress-code/commit/c67daf9)), closes [#231](https://github.com/zalando/dress-code/issues/231) * **demo:** Remove https from webfont code example ([83084e4](https://github.com/zalando/dress-code/commit/83084e4)) * **demo:** Style links as dc-link ([9adf2e2](https://github.com/zalando/dress-code/commit/9adf2e2)), closes [#242](https://github.com/zalando/dress-code/issues/242) * **demo:** Various demo improvements ([7d8b8a1](https://github.com/zalando/dress-code/commit/7d8b8a1)) * **font-cache-busting:** [#203](https://github.com/zalando/dress-code/issues/203) add font cache busting by appending query string based on the package version ([#230](https://github.com/zalando/dress-code/issues/230)) ([af985c4](https://github.com/zalando/dress-code/commit/af985c4)) * **guidelines:** add date time and number formats. closes [#248](https://github.com/zalando/dress-code/issues/248). closes [#249](https://github.com/zalando/dress-code/issues/249). ([dbbf875](https://github.com/zalando/dress-code/commit/dbbf875)) * **guidelines:** change order of guidelines in demo menu ([8b3e753](https://github.com/zalando/dress-code/commit/8b3e753)) * **guidelines:** simplify number format by removing some examples. ([d1e5c9b](https://github.com/zalando/dress-code/commit/d1e5c9b)) * **guides:** add number format. closes [#249](https://github.com/zalando/dress-code/issues/249) ([e9bba72](https://github.com/zalando/dress-code/commit/e9bba72)) * **icons:** Add minus icon ([4d8e08b](https://github.com/zalando/dress-code/commit/4d8e08b)) * **icons:** add triangle up and down icons ([1364d08](https://github.com/zalando/dress-code/commit/1364d08)) * **icons:** Add up and down icons ([521465e](https://github.com/zalando/dress-code/commit/521465e)) * **messages:** Align colors of messages and toasts ([2fd1a39](https://github.com/zalando/dress-code/commit/2fd1a39)), closes [#250](https://github.com/zalando/dress-code/issues/250) * **modernizr:** Remove modernizr classes ([a7a02dd](https://github.com/zalando/dress-code/commit/a7a02dd)) * **modernizr:** Remove modernizr from demo. Close [#141](https://github.com/zalando/dress-code/issues/141) ([d397de9](https://github.com/zalando/dress-code/commit/d397de9)) * **overlay:** add new dc-overlay atom ([55d0048](https://github.com/zalando/dress-code/commit/55d0048)) * **page:** Add dc-page and dc-container. Close [#226](https://github.com/zalando/dress-code/issues/226). ([4312620](https://github.com/zalando/dress-code/commit/4312620)) * **pagination:** add pagination molecule ([b500223](https://github.com/zalando/dress-code/commit/b500223)), closes [#224](https://github.com/zalando/dress-code/issues/224) * **release:** add release scripts ([f1b3f77](https://github.com/zalando/dress-code/commit/f1b3f77)) * **search:** Add clear icon for search. ([ca94228](https://github.com/zalando/dress-code/commit/ca94228)), closes [#200](https://github.com/zalando/dress-code/issues/200) * **select-error-state:** [#236](https://github.com/zalando/dress-code/issues/236) add error state to select atom ([5d8783f](https://github.com/zalando/dress-code/commit/5d8783f)) * **side-revealer:** Add new molecule to give the ability to have main content and sub content in the side ([bd08f6c](https://github.com/zalando/dress-code/commit/bd08f6c)) * **table:** Add hover effect to sorter arrows ([9e1faca](https://github.com/zalando/dress-code/commit/9e1faca)) * **tables:** Add hover effect and pointer cursor to th ([a466782](https://github.com/zalando/dress-code/commit/a466782)) * **tables:** Add sortable header. ([4dfd2e4](https://github.com/zalando/dress-code/commit/4dfd2e4)), closes [#223](https://github.com/zalando/dress-code/issues/223) * **tables:** Match sorter style used in production ([ece85f4](https://github.com/zalando/dress-code/commit/ece85f4)) * **typography:** Improve typography demo ([c71330e](https://github.com/zalando/dress-code/commit/c71330e)), closes [#289](https://github.com/zalando/dress-code/issues/289) ### BREAKING CHANGES * overlay: dc-dialog__overlay as internal part of dc-dialog has been deprecated and will be removed in the next version, use dc-overlay externally instead Change your code from this: ```html
... ``` To this: ```html
# [2.0.0-beta](https://github.com/zalando/dress-code/compare/2.0.0-alpha...v2.0.0-beta) (2016-06-23) ### Bug Fixes * **block-grid:** fix build error ([1838e22](https://github.com/zalando/dress-code/commit/1838e22)) * **button:** remove margin from dc-btn ([b023f16](https://github.com/zalando/dress-code/commit/b023f16)), closes [#210](https://github.com/zalando/dress-code/issues/210) * **demo:** fix a minor typo error in the icon section, fix some minor issues ([ddd3121](https://github.com/zalando/dress-code/commit/ddd3121)) * **demo:** Fix extend bug in sg section scss ([7792145](https://github.com/zalando/dress-code/commit/7792145)) * **dialog:** Fix padding of button zone ([bc5b395](https://github.com/zalando/dress-code/commit/bc5b395)), closes [#217](https://github.com/zalando/dress-code/issues/217) * **toast:** Fix for toast showing black border when animating, fixes [#191](https://github.com/zalando/dress-code/issues/191) ([7287128](https://github.com/zalando/dress-code/commit/7287128)), closes [#191](https://github.com/zalando/dress-code/issues/191) * **toast:** Moving the border style property to mixins so as not to rely on class names ([d11f5c9](https://github.com/zalando/dress-code/commit/d11f5c9)) * **toast:** Removing animation properties as these have to be customised by apps using dress code ([2c078ae](https://github.com/zalando/dress-code/commit/2c078ae)) ### Code Refactoring * **svg-icons:** align svg-icons naming with font icons naming ([#186](https://github.com/zalando/dress-code/issues/186)) ([2bf9a62](https://github.com/zalando/dress-code/commit/2bf9a62)) ### Features * **buttons:** Add active button option ([1971ba7](https://github.com/zalando/dress-code/commit/1971ba7)), closes [#196](https://github.com/zalando/dress-code/issues/196) * **grid:** Added dc-block-grid with examples ([a867cb8](https://github.com/zalando/dress-code/commit/a867cb8)) * **grid:** Adding grid styles to dress code ([dde9f18](https://github.com/zalando/dress-code/commit/dde9f18)) * **grid:** Adding offset classes with examples in the docs for the same ([27affc4](https://github.com/zalando/dress-code/commit/27affc4)) * **grid:** Adding styles and example for collpased (no gutter) columns ([afd4f7e](https://github.com/zalando/dress-code/commit/afd4f7e)) * **grid:** Adding the styles and mixins for the Grid ([5cc2fe8](https://github.com/zalando/dress-code/commit/5cc2fe8)), closes [#80](https://github.com/zalando/dress-code/issues/80) * **icons:** Update left and right arrow icons. Close [#206](https://github.com/zalando/dress-code/issues/206) ([f60c6de](https://github.com/zalando/dress-code/commit/f60c6de)), closes [#206](https://github.com/zalando/dress-code/issues/206) * **logo:** Update Zalando logo and favicon ([bff6dfe](https://github.com/zalando/dress-code/commit/bff6dfe)), closes [#209](https://github.com/zalando/dress-code/issues/209) * **search:** Improve search images and actions ([31920b8](https://github.com/zalando/dress-code/commit/31920b8)) * **search:** Maintain aspect ratio of images in search ([d4a048e](https://github.com/zalando/dress-code/commit/d4a048e)), closes [#201](https://github.com/zalando/dress-code/issues/201) * **select:** Add disabled and match height with other atoms. ([e55046e](https://github.com/zalando/dress-code/commit/e55046e)), closes [#187](https://github.com/zalando/dress-code/issues/187) [#189](https://github.com/zalando/dress-code/issues/189) * **table:** Use lighter color for hover background ([c7b7336](https://github.com/zalando/dress-code/commit/c7b7336)) ### BREAKING CHANGES * button: dc-btn does not have margin-right now. Check your button alignments. Add a modifier class for buttons with right-margin if necessary * svg-icons: some svg-icons were renamed ```msg-error.svg -> error.svg``` ```info.svg -> info-circle.svg``` ```msg-info.svg -> info.svg``` ```msg-neutral.svg -> neutral.svg``` ```msg-success.svg -> success.svg``` ```msg-warning.svg -> warning.svg``` # [2.0.0-alpha](https://github.com/zalando/dress-code/compare/1.4.0-alpha...v2.0.0-alpha) (2016-04-07) ### Bug Fixes * **demo:** Fix color chips in screen width ~50em ([09bb52e](https://github.com/zalando/dress-code/commit/09bb52e)) * **demo:** Fix left-margin overflow display in demo. ([77a28b7](https://github.com/zalando/dress-code/commit/77a28b7)), closes [#120](https://github.com/zalando/dress-code/issues/120) * **lists:** Closes #180 ([5147c67](https://github.com/zalando/dress-code/commit/5147c67)), closes [#180](https://github.com/zalando/dress-code/issues/180) * **lists:** move scrollable list item action icon to right side. Closes #170 ([90614e4](https://github.com/zalando/dress-code/commit/90614e4)), closes [#170](https://github.com/zalando/dress-code/issues/170) * **select:** hide native arrow on firefox #110 ([ff8362d](https://github.com/zalando/dress-code/commit/ff8362d)) * **toast:** do not use modifier classes without block ones #110 ([95d0d23](https://github.com/zalando/dress-code/commit/95d0d23)) * **toast:** Remove CSS timing in toast animation. ([9d7ca71](https://github.com/zalando/dress-code/commit/9d7ca71)), closes [#169](https://github.com/zalando/dress-code/issues/169) ### Code Refactoring * **btn-group:** use composition to fix controversial BEM #110 ([c4aaad0](https://github.com/zalando/dress-code/commit/c4aaad0)), closes [#110](https://github.com/zalando/dress-code/issues/110) * **btn, btn-group, input-group:** use grouped modifiers in a more flexible way ([1fbd15c](https://github.com/zalando/dress-code/commit/1fbd15c)) * **dialog:** fix controversial BEM by using composition #110 ([8bb002c](https://github.com/zalando/dress-code/commit/8bb002c)), closes [#110](https://github.com/zalando/dress-code/issues/110) * **input-groups:** use composition to fix controversial BEM #110 ([740c46e](https://github.com/zalando/dress-code/commit/740c46e)), closes [#110](https://github.com/zalando/dress-code/issues/110) * **messages:** fix controversial BEM by using composition #110 ([a32dac7](https://github.com/zalando/dress-code/commit/a32dac7)), closes [#110](https://github.com/zalando/dress-code/issues/110) * **patterns:** change names to be consistent with typography modifiers #110 ([1a87c8a](https://github.com/zalando/dress-code/commit/1a87c8a)) * **patterns:** use one naming conventions for patterns, introduce BC, close #172 ([6d8f62f](https://github.com/zalando/dress-code/commit/6d8f62f)), closes [#172](https://github.com/zalando/dress-code/issues/172) * **search-form:** use composition to fix controversial BEM #110 ([80cebb3](https://github.com/zalando/dress-code/commit/80cebb3)), closes [#110](https://github.com/zalando/dress-code/issues/110) * **toast:** fix controversial BEM by using composition #110 ([da6d3fe](https://github.com/zalando/dress-code/commit/da6d3fe)), closes [#110](https://github.com/zalando/dress-code/issues/110) ### Features * **dc-table:** add dc-table__tr--interactive, refactor dc-table, see #110, add $dc-image-path ([fe3288f](https://github.com/zalando/dress-code/commit/fe3288f)) * **tooltip:** add dc--has-tooltip enhanced version based on hint.css, close #157 ([82a03b9](https://github.com/zalando/dress-code/commit/82a03b9)), closes [#157](https://github.com/zalando/dress-code/issues/157) ### BREAKING CHANGES * patterns: patterns have been renamed from ```dc-is-xxx``` to ```dc--is-xxx``` * tooltip: ```dc-tooltip``` and its sub-elements were removed. ```dc-has-tooltip``` was renamed to ```dc--has-tooltip```. A positioning class must be always applied. Replace this: ```html
``` To this: ```html
``` * dialog: introduced ```dc-dialog__actions__link``` and ```dc-dialog__close__icon``` * input-groups: input-groups now use ```dc-btn--grouped``` instead of ```dc-input-group__button``` (which has been deleted) and must explicitly specify input class as ```dc-input-group__input``` Change your code from this: ```html
User Add
``` To this: ```html
User Add
``` * btn-group: introduced dc-btn--grouped and dc-btn-group--in-row Change your code from this: ```html
``` To this: ```html
``` * toast: toast animation duration was removed, you have to provide the duration. * toast: toast and toast container have no default position anymore, either top or bottom has to be explicitly specified using the specific class names. Replace this code: ```html