<a name="2.4.0"></a>
# [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))


<a name="2.3.0"></a>
# [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)



<a name="2.2.0"></a>
# [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))



<a name="2.1.1"></a>
## [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))



<a name="2.1.0"></a>
# [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))

<a name="2.0.0"></a>
# [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
    <div class="dc-dialog">
        <div class="dc-dialog__overlay"></div>
        ...
    ```

    To this:

    ```html
    <div class="dc-overlay"></div>
    <div class="dc-dialog>
        ...
    ```


<a name="2.0.0-beta.1"></a>
# [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
    <div class="dc-dialog">
        <div class="dc-dialog__overlay"></div>
        ...
    ```

    To this:

    ```html
    <div class="dc-overlay"></div>
    <div class="dc-dialog>
        ...
    ```
* drop node 0.12.x support



<a name="2.0.0-beta"></a>
# [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```



<a name="2.0.0-alpha"></a>
# [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
    <button class="dc-btn dc-has-tooltip" data-dc-has-tooltip="Tooltip content">Button label<button>
    ```

    With this:

    ```html
    <button class="dc-btn dc--has-tooltip dc--has-tooltip-top-right" data-dc-has-tooltip="Tooltip content">
        Button label
    <button>
    ```

* dc-table: ```dc-table--spacious```, ```dc-table--comfortable```, etc. were removed in favor of ```dc-table__tr--spacious```, ```dc-table__tr--comfortable```, etc.

* btn, btn-group, input-group:

    ```dc-btn--grouped``` modifier becomes a partial ```_dc-btn--grouped``` which is extended in every molecule that uses it, for instance ```dc-btn--in-input-group``` or ```dc-btn--in-btn-group```.

    ```dc-input-group__input``` becomes ```dc-input--in-input-group```.

    Change your code from this:

    ```html
    <div class="dc-input-group">
       <span class="dc-input-addon">User</span>
       <input class="dc-input dc-input-group__input"/>
       <a class="dc-btn dc-btn--grouped dc-btn--primary">Add</a>
    </div>
    ```

    To this:

    ```html
    <div class="dc-input-group">
       <span class="dc-input-addon">User</span>
       <input class="dc-input dc-input--in-input-group"/>
       <a class="dc-btn dc-btn--in-input-group dc-btn--primary">Add</a>
    </div>
    ```

* messages: some classes were renamed
    ```dc-icon--msg-success``` has been renamed to ```dc-icon--success```
    ```dc-icon--msg-info``` has been renamed to ```dc-icon--info```
    ```dc-icon--msg-error``` has been renamed to ```dc-icon--error```
    ```dc-icon--msg-warning``` has been renamed to ```dc-icon--warning```


* patterns: some patterns classes/mixins were removed, move patterns from typography to patterns file.

* replace ```dc-text--truncate``` with ```dc--text-truncate```

* replace ```dc-text--less-important``` with ```dc--text-less-important```

* replace ```dc-text--small``` with ```dc--text-small```

* replace ```dc-text--<error|success|center|left|right>``` with ```dc--text-<error|success|center|left|right>```

* ```dc-collapse-bd``` mixin and selectors were removed

* replace ```dc-no-wrap``` with ```dc--no-wrap```, ```dc-no-wrap-selectors``` mixin was removed

* search-form: introduced ```dc-search-form__btn__icon``` and ```dc-suggest__item__img-frame```

      Change your code from this:

      ```html
        <div class="dc-search-form">
            <input class="dc-input dc-search-form__input" type="search" placeholder="Search...">
            <button class="dc-btn dc-search-form__btn">
                <svg class="dc-svg dc-icon--interactive">
                        ............
            </button>
            <ul class="dc-list dc-suggest">
                <li class="dc-suggest__item dc-link">
                    <div class="dc-suggest__item__img">
                        <img src=".....">
                    </div>
                    <span class="dc-suggest__item__label">.....</span>
                </li>
            </ul>
        </div>
      ```

      To this:

      ```html
        <div class="dc-search-form">
            <input class="dc-input dc-search-form__input" type="search" placeholder="Search...">
            <button class="dc-btn dc-search-form__btn">
                <svg class="dc-svg dc-search-form__btn__icon dc-icon--interactive">
                        ............
            </button>
            <ul class="dc-list dc-suggest">
                <li class="dc-suggest__item dc-link">
                    <div class="dc-suggest__item__img-frame">
                        <img class="dc-suggest__item__img" src=".....">
                    </div>
                    <span class="dc-suggest__item__label">.....</span>
                </li>
            </ul>
        </div>
      ```
* 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
    <div class="dc-input-group">
       <span class="dc-input-addon">User</span>
       <input class="dc-input" type="text"/>
       <a class="dc-btn dc-input-group__btn dc-btn--primary">Add</a>
    </div>
    ```

    To this:

    ```html
    <div class="dc-input-group">
       <span class="dc-input-addon">User</span>
       <input class="dc-input dc-input-group__input"/>
       <a class="dc-btn dc-btn--grouped dc-btn--primary">Add</a>
    </div>
    ```
* btn-group: introduced dc-btn--grouped and dc-btn-group--in-row

    Change your code from this:

    ```html
    <div class="dc-btn-group-row">
       <div class="dc-btn-group">
          <button class="dc-btn dc-btn--primary">Primary</button>
    ```

    To this:

    ```html
    <div class="dc-btn-group-row">
       <div class="dc-btn-group dc-btn-group--in-row">
          <button class="dc-btn dc-btn--grouped dc-btn--primary">Primary</button>
    ```

* 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
     <div class="dc-toast-container">
	<div class="dc-toast">
		<div class="dc-toast__content dc-toast__content--info">
     ```

     With this:

     ```html
      <div class="dc-toast-container--top">
	<div class="dc-toast--top">
		<div class="dc-toast__content dc-toast__content--info">
     ```


<a name="1.4.0-alpha"></a>
# [1.4.0-alpha](https://github.com/zalando/dress-code/compare/1.3.0-alpha...v1.4.0-alpha) (2016-04-01)


### Bug Fixes

* **demo-dialog:** fix dialog preview, broken after IE fix pull request was merged, see #156 ([d25757d](https://github.com/zalando/dress-code/commit/d25757d)), closes [#156](https://github.com/zalando/dress-code/issues/156)
* **icons:** Fix icon font for IE. Close #98 ([0f9a7c2](https://github.com/zalando/dress-code/commit/0f9a7c2)), closes [#98](https://github.com/zalando/dress-code/issues/98)
* **inputs:** Fix input groups for IE. Close #101 ([15035ba](https://github.com/zalando/dress-code/commit/15035ba)), closes [#101](https://github.com/zalando/dress-code/issues/101)
* **select:** Fix select for IE. Close #99 ([af36277](https://github.com/zalando/dress-code/commit/af36277)), closes [#99](https://github.com/zalando/dress-code/issues/99)
* **table:** Fix table for IE. Close #100 ([4b2eeeb](https://github.com/zalando/dress-code/commit/4b2eeeb)), closes [#100](https://github.com/zalando/dress-code/issues/100)
* **tooltip:** Fix tooltip for IE. Close #102 ([0a5943c](https://github.com/zalando/dress-code/commit/0a5943c)), closes [#102](https://github.com/zalando/dress-code/issues/102)

### Code Refactoring

* **icons:** Match svg-icons to font-icons. Move svg-icons to subfolder. Close #128 ([95689ea](https://github.com/zalando/dress-code/commit/95689ea)), closes [#128](https://github.com/zalando/dress-code/issues/128)
* **typography:** solve #140, remove .dc-html .dc-body classes, apply style directly on html and body because they are in any case required. ([bb80424](https://github.com/zalando/dress-code/commit/bb80424))

### Features

* **breadcrumbs:** Add breadcrumbs molecule ([e74ef87](https://github.com/zalando/dress-code/commit/e74ef87)), closes [#162](https://github.com/zalando/dress-code/issues/162)
* **button-link:** add button link and button link with icon #137 ([b84496c](https://github.com/zalando/dress-code/commit/b84496c))
* **button-link:** update button link destroy and disabled behavior, remove success link #137 ([7f63c69](https://github.com/zalando/dress-code/commit/7f63c69))
* **icons:** add contact font icon ([5d71e0b](https://github.com/zalando/dress-code/commit/5d71e0b))
* **lists:** closes #163. add simple and interactive scrollable lists ([d10a8e6](https://github.com/zalando/dress-code/commit/d10a8e6)), closes [#163](https://github.com/zalando/dress-code/issues/163)
* **table:** Add compatibility btwn table and atoms. Close #90 ([9dd23da](https://github.com/zalando/dress-code/commit/9dd23da)), closes [#90](https://github.com/zalando/dress-code/issues/90)


### BREAKING CHANGES

* icons: Rich SVG icons have been moved from /img to /img/svg-icons
* lists: .dc-list--is-reset is now .dc-list

	Use .dc-list instead of .dc-list--is-reset
	Use .dc-list--is-unordered or .dc-list--is-ordered for unordered and ordered lists
* button-link: dc-link--success was removed.
* table: Removed bottom-margin in buttons, checkboxes and radios.
Check your layouts and reinsert margins manually as needed.
* typography: .dc-html and .dc-body classes were removed.

	If you @include dc-typography-selectors (already included when import dress-code and @include dc-everything)
	you don't need anymore to use dc-html and dc-body classes, style is already applied to html and body.



<a name="1.3.0-alpha"></a>
# [1.3.0-alpha](https://github.com/zalando/dress-code/compare/1.2.2-alpha...v1.3.0-alpha) (2016-03-21)


### Bug Fixes

* **tooltip:** Fix tooltip display for small elements. Close #150 ([c6d19c3](https://github.com/zalando/dress-code/commit/c6d19c3)), closes [#150](https://github.com/zalando/dress-code/issues/150)

### Features

* **icons:** Add drag icon ([7fb66a1](https://github.com/zalando/dress-code/commit/7fb66a1))



<a name="1.2.2-alpha"></a>
## [1.2.2-alpha](https://github.com/zalando/dress-code/compare/1.2.1-alpha...v1.2.2-alpha) (2016-03-16)


### Bug Fixes

* **css-dist:** restore missing css dist ([af69f08](https://github.com/zalando/dress-code/commit/af69f08))



<a name="1.2.1-alpha"></a>
## [1.2.1-alpha](https://github.com/zalando/dress-code/compare/1.2.0-alpha...v1.2.1-alpha) (2016-03-16)

### Features

* **npm/bower:** publish bower and npm package. You should be able to install the package with ```npm install dress-code``` or ```bower install dress-code```


<a name="1.2.0-alpha"></a>
# [1.2.0-alpha](https://github.com/zalando/dress-code/compare/1.1.1-alpha...v1.2.0-alpha) (2016-03-14)

### Features

* **npm**: add npm3 support
* **button-icon**: add the possibility to put the icon inside a button at the right or at the left of text.

### Bug Fixes

* **dialog:** change dc-dialog overlay mixin name to be consistent with the global selector on ([7c2e8d6](https://github.com/zalando/dress-code/commit/7c2e8d6))
* **dialog:** make dialog scrollable when hovering outside of it #142 ([9d99b44](https://github.com/zalando/dress-code/commit/9d99b44))

### BREAKING CHANGES

* **bower:** the specific bower version will not be updated anymore and after a deprecation period will be removed.
In your bower.json, replace ```https://github.com/zalando/dress-code-bower.git``` with ```https://github.com/zalando/dress-code.git```.<br><br>
When using minified/built artifacts replace this ```<link href="bower_components/dress-code/css/dress-code.css" rel="stylesheets" />``` with ```<link href="bower_components/dress-code/dist/css/dress-code.css" rel="stylesheets" />```.<br><br>
When including dress-code with sass replace this ```@import bower_components/dress-code/sass/dress-code``` with ```@import bower_components/dress-code/dist/sass/dress-code```.

* **button-icon:** an icon placed in a button with text now require also positioning modifiers: ```dc-icon--btn--right``` or ```dc-icon--btn-left```

* **breakpoint-sass:** to use the sass version you have to include breakpoint-sass plugin before dress-code is loaded. see [#129](https://github.com/zalando/dress-code/issues/129).

<a name="1.1.1-alpha"></a>
## [1.1.1-alpha](https://github.com/zalando/dress-code/compare/1.1.0-alpha...v1.1.1-alpha) (2016-02-18)


### Bug Fixes

* **bower.json:** fix extra comma in bower.json, we should somehow test this before building ([325a183](https://github.com/zalando/dress-code/commit/325a183))



<a name="1.1.0-alpha"></a>
# [1.1.0-alpha](https://github.com/zalando/dress-code/compare/1.0.1-alpha...v1.1.0-alpha) (2016-02-18)


### Bug Fixes

* **demo:** Fix typo in demo ([c00dd59](https://github.com/zalando/dress-code/commit/c00dd59))
* **dialog:** Fix bgcolor of dialog actions area ([f929142](https://github.com/zalando/dress-code/commit/f929142))
* **icons:** Fix header icons ([5304fd6](https://github.com/zalando/dress-code/commit/5304fd6))

### Features

* **status:** Define status indicator atom. Close #96. ([5ec9ef2](https://github.com/zalando/dress-code/commit/5ec9ef2)), closes [#96](https://github.com/zalando/dress-code/issues/96)

### BREAKING CHANGES

* **dialog**: style has been changed from a markup which used to look like this: ([f929142](https://github.com/zalando/dress-code/commit/f929142))

```html
<div class="dc-dialog__overlay">
 <div class="dc-dialog">
    <div class="dc-dialog__body">
       ...
    </div>
    <div class="dc-dialog__actions">
       ...
    </div>
 </div>
</div>
```

to a new more logical one which looks like this:

```html
<div class="dc-dialog">
 <div class="dc-dialog__overlay">
    <div class="dc-dialog__content">
       <div class="dc-dialog__body">
          ...
       </div>
       <div class="dc-dialog__actions">
          ...
       </div>
    </div>
 </div>
</div>
```

<a name="1.0.1-alpha"></a>
## [1.0.1-alpha](https://github.com/zalando/dress-code/compare/1.0.0-alpha...v1.0.1-alpha) (2016-02-16)


### Bug Fixes

* **patterns:** fix missing patterns classes ([28ee3f0](https://github.com/zalando/dress-code/commit/28ee3f0))



<a name="1.0.0-alpha"></a>
# [1.0.0-alpha](https://github.com/zalando/dress-code/compare/0.2.2-alpha.4...v1.0.0-alpha) (2016-02-16)

### Bug Fixes

* **demo/toast:** #86 fix error and warning toast modifiers, were exchanged by mistake ([eb64ef5](https://github.com/zalando/dress-code/commit/eb64ef5))
* **logo:** fix broken demo logo in ie10, close #103 ([a50958e](https://github.com/zalando/dress-code/commit/a50958e)), closes [#103](https://github.com/zalando/dress-code/issues/103)

### Features

* **dc-tooltip**: add dc-tooltip #86 ([6e977c0d6bab127af6dada9139a81fc852b1f050](https://github.com/zalando/dress-code/commit/6e977c0d6bab127af6dada9139a81fc852b1f050))
* **card:** add card atom, close #107 ([a9be85f](https://github.com/zalando/dress-code/commit/a9be85f)), closes [#107](https://github.com/zalando/dress-code/issues/107)
* **core/variables:** use !default for all the variables #86 ([7f3a401](https://github.com/zalando/dress-code/commit/7f3a401))
* **typography:** add dc-* placehoders, demo: update molecules order #86 ([59c79ed](https://github.com/zalando/dress-code/commit/59c79ed))

### BREAKING CHANGES

* sass: how to compiling sass changed.

    Change your code from this:

    ```scss
    @import bower_components/dress-code/sass/toolkit.scss
    // with npm: @import node_modules/dress-code/dist/sass/toolkit.scss
    ```

    To this:

    ```scss
    @import bower_components/dress-code/sass/dress-code.scss
    // with npm:  @import node_modules/dress-code/dist/sass/dress-code.scss
    @include dc-everything;
    ```

* icons: dc-font-icon was removed #80 ([6a5b430a26b2f23aca9ef6472ed29792c76724b2](https://github.com/zalando/dress-code/commit/6a5b430a26b2f23aca9ef6472ed29792c76724b2))

    If you were using dc-font-icon

    Replace this:

    ```
    <i class="dc-font-icon-add dc-font-icon--interactive"></i>
    ```

    With:

    ```
    <i class="dc-icon dc-icon--add dc-icon--interactive"></i>
    ```

    If you were using icons button

    Replace this:

    ```
    <button class="dc-btn dc-btn--large">
        <i class="dc-font-icon-add"></i>
    </button>
    ```

    With:

    ```
    <button class="dc-btn dc-btn--large">
        <i class="dc-icon dc-icon--add dc-icon--btn dc-icon--btn-large"></i>
    </button>
    ```

* dropdown: dc-dropdown radically changed #86 ([7fd01962faf33df62a5c52a0a1589f49e13664e8](https://github.com/zalando/dress-code/commit/7fd01962faf33df62a5c52a0a1589f49e13664e8))

    Replace this:

    ```html
    <div class="dc-btn-dropup">
        <button class="dc-btn dc-btn--primary">
            Dropup
            <span class="dc-arrow-up"></span>
        </button>
        <ul class="dc-dropdown-list">
            <li><a href="#">The first option</a></li>
            <li><a href="#">The second option</a></li>
            <li class="dc-divider"></li>
            <li><a href="#">Separated option</a></li>
        </ul>
    </div>
    ```

    with this:

    ```html
    <div class="dc-btn-dropdown">
        <button class="dc-btn dc-btn--primary">
            Dropup
            <span class="dc-btn-dropdown__arrow dc-btn-dropdown__arrow--up"></span>
        </button>
        <ul class="dc-btn-dropdown__list dc-btn-dropdown__list--up">
            <li class="dc-btn-dropdown__item">
                <a href="#" class="dc-link">The first option</a>
            </li>
            <li class="dc-btn-dropdown__item">
                <a href="#" class="dc-link">The second option</a>
            </li>
            <li class="dc-btn-dropdown__item dc-btn-dropdown__item--disabled">
                <a href="#" class="dc-link">Disabled option</a>
            </li>
            <li class="dc-btn-dropdown__divider"></li>
            <li class="dc-btn-dropdown__item">
                <a href="#" class="dc-link">Separated option</a>
            </li>
        </ul>
    </div>
    ```


<a name="0.2.2-alpha.4"></a>
## [0.2.2-alpha.4](https://github.com/zalando/dress-code/compare/0.2.2-alpha.3...v0.2.2-alpha.4) (2016-02-11)

### Bug Fixes

* **spinner**: Match spinner stroke to prod. Close #94 ([5aa6864](https://github.com/zalando/dress-code/commit/5aa6864))
* **demo/colors**: Match colors in toolkit YAML to SCSS vars ([ff4ce55](https://github.com/zalando/dress-code/commit/ff4ce55))


<a name="0.2.2-alpha.3"></a>
## [0.2.2-alpha.3](https://github.com/zalando/dress-code/compare/0.2.2-alpha.2...v0.2.2-alpha.3) (2016-02-09)

### Refactor

* **tables**: Clean up and extend tables ([48705caf4f7c33deb91dff1a406b44af6187a1ca](https://github.com/zalando/dress-code/commit/48705caf4f7c33deb91dff1a406b44af6187a1ca))


<a name="0.2.2-alpha.2"></a>
## [0.2.2-alpha.2](https://github.com/zalando/dress-code/compare/0.2.2-alpha.1...v0.2.2-alpha.2) (2016-01-26)


### Bug Fixes

* **scss-lint:** fix scss_lint errors after upgrading to 0.44.0 ([40f785a](https://github.com/zalando/dress-code/commit/40f785a))

### Features

* **search-form:** show search results which contain images and text labels #88 ([cc17d4e](https://github.com/zalando/dress-code/commit/cc17d4e))



<a name="0.2.2-alpha.1"></a>
## [0.2.2-alpha.1](https://github.com/zalando/dress-code/compare/0.2.2-alpha...v0.2.2-alpha.1) (2016-01-15)


### Features

* **dropdown:** Add dropdown dropup button molecule ([eb2960b](https://github.com/zalando/dress-code/commit/eb2960b))



<a name="0.2.2-alpha"></a>
## [0.2.2-alpha](https://github.com/zalando/dress-code/compare/0.2.1-alpha...v0.2.2-alpha) (2016-01-08)


### Bug Fixes

* **sass-versions-compatibility:** #82 use the placeholder syntax with dc-cf, remove normalize.css dep... ([fea826a](https://github.com/zalando/dress-code/commit/fea826a))



<a name="0.2.1-alpha"></a>
## [0.2.1-alpha](https://github.com/zalando/dress-code/compare/0.2.0-alpha...v0.2.1-alpha) (2016-01-07)


### BREAKING CHANGES

* grid: grid was removed #80 ([7f5dcf9](https://github.com/zalando/dress-code/commit/7f5dcf9))



<a name="0.2.0-alpha"></a>
# [0.2.0-alpha](https://github.com/zalando/dress-code/compare/0.1.1-alpha...v0.2.0-alpha) (2016-01-07)

### Features

* **divider:** Create a simple section divider ([7fc3870](https://github.com/zalando/dress-code/commit/7fc3870))
* **dropdown:** Add dropdown dropup button molecule ([a9d22d5](https://github.com/zalando/dress-code/commit/a9d22d5))
* **forms:** Create input groups ([668a712](https://github.com/zalando/dress-code/commit/668a712))
* **toasts:** Add toast molecule ([f5ad3d9](https://github.com/zalando/dress-code/commit/f5ad3d9))
* **loading-bar:** Add loading bar atom ([pull request #69](https://github.com/zalando/dress-code/pull/69))


<a name="0.1.1-alpha"></a>
## [0.1.1-alpha](https://github.com/zalando/dress-code/compare/0.1.0-alpha...v0.1.1-alpha) (2015-12-30)


### Bug Fixes

* **font-icon:** use the new variable dc-font-path when generating fot-icon.scss ([730d01c](https://github.com/zalando/dress-code/commit/730d01c))
* **forms:** Fix radio button label style ([e4a6fff](https://github.com/zalando/dress-code/commit/e4a6fff))
* **messages:** Fix hover and click behavior to match original ([7c66677](https://github.com/zalando/dress-code/commit/7c66677))
* **mix:** add minor fixes ([42ffbde](https://github.com/zalando/dress-code/commit/42ffbde))
* **sass-lint:** fix all warnings and errors thrown by sass-lint ([b319a5f](https://github.com/zalando/dress-code/commit/b319a5f))
* **table:** fix clearfix row table after scss-lint compliant refactor, close #52 ([220cdf0](https://github.com/zalando/dress-code/commit/220cdf0)), closes [#52](https://github.com/zalando/dress-code/issues/52)

### Features

* **button:** Fix dc prefix for button icons ([27e92e1](https://github.com/zalando/dress-code/commit/27e92e1))
* **button:** Fixes & lint ([b11aadd](https://github.com/zalando/dress-code/commit/b11aadd))
* **buttons:** Complete all buttons types ([01118c7](https://github.com/zalando/dress-code/commit/01118c7))
* **buttons:** Improve and extend button groups #16 ([91e312f](https://github.com/zalando/dress-code/commit/91e312f))
* **dialog:** Add dialog molecule ([18956d2](https://github.com/zalando/dress-code/commit/18956d2))
* **grid:** closes #18 and #6. create a fully responsive 12 column grid, add generic grid he ([6c00c31](https://github.com/zalando/dress-code/commit/6c00c31)), closes [#18](https://github.com/zalando/dress-code/issues/18) [#6](https://github.com/zalando/dress-code/issues/6)
* **grid:** Closes #18. switch to 12col grid, add grid demo page ([1280c21](https://github.com/zalando/dress-code/commit/1280c21)), closes [#18](https://github.com/zalando/dress-code/issues/18)
* **messages:** Add a new view for the icon font #32 ([07f3db1](https://github.com/zalando/dress-code/commit/07f3db1))
* **messages:** Beautified code #32 ([3504f3f](https://github.com/zalando/dress-code/commit/3504f3f))
* **messages:** Change of icon size #32 ([0ac4ccc](https://github.com/zalando/dress-code/commit/0ac4ccc))
* **messages:** Modify scss to reproduce current design ([ebd25df](https://github.com/zalando/dress-code/commit/ebd25df))
* **messages:** Use icon font for messages ([269aa13](https://github.com/zalando/dress-code/commit/269aa13))
* **spinner:** add dc-spinner, close #50 ([823bddc](https://github.com/zalando/dress-code/commit/823bddc)), closes [#50](https://github.com/zalando/dress-code/issues/50)
* **spinner:** Use shorter notation for border colors ([a0cb1fa](https://github.com/zalando/dress-code/commit/a0cb1fa))



<a name="0.1.0-alpha"></a>
# 0.1.0-alpha (2015-11-19)


### Bug Fixes

* **demo:** fixes #33. Change namespace inside demo scripts ([140487f](https://github.com/zalando/brand-solutions-dress-code/commit/140487f)), closes [#33](https://github.com/zalando/brand-solutions-dress-code/issues/33)
* **demo:** removes code auto select, fix #35 ([b38effe](https://github.com/zalando/brand-solutions-dress-code/commit/b38effe)), closes [#35](https://github.com/zalando/brand-solutions-dress-code/issues/35)
* **demo:** updates github link in the main navbar ([a0b4985](https://github.com/zalando/brand-solutions-dress-code/commit/a0b4985))
* **demo/icon:** put icons view under git version control ([b850e4e](https://github.com/zalando/brand-solutions-dress-code/commit/b850e4e))
* **gitignore:** ignore fonts folder ([cef0b09](https://github.com/zalando/brand-solutions-dress-code/commit/cef0b09))
* **gulp:** exclude BOWER-README when build static website ([1cc0ea8](https://github.com/zalando/brand-solutions-dress-code/commit/1cc0ea8))
* **npm:** fix .npmignore ([5c6f76c](https://github.com/zalando/brand-solutions-dress-code/commit/5c6f76c))
* **npm:** fix typo errors ([e6cc1f8](https://github.com/zalando/brand-solutions-dress-code/commit/e6cc1f8))
* **search-form:** ignore pointer-events on autosugget field while it is hidden ([fe3d049](https://github.com/zalando/brand-solutions-dress-code/commit/fe3d049))

### Features

* **font-icon:** merge develop updates, rename to dc-font-icon since the dc-icon was already take ([d57fb09](https://github.com/zalando/brand-solutions-dress-code/commit/d57fb09))
* **font-icon:** updates package.json install gulp plugin ([4449c97](https://github.com/zalando/brand-solutions-dress-code/commit/4449c97))
* **icon:** add svg icons, something is broken in the build tool ([83dcb7b](https://github.com/zalando/brand-solutions-dress-code/commit/83dcb7b))
* **icon-font:** #10 add the first icon font implementation ([3b647d2](https://github.com/zalando/brand-solutions-dress-code/commit/3b647d2))
* **metadata:** updates metadata #14 ([0bce961](https://github.com/zalando/brand-solutions-dress-code/commit/0bce961))
* **price-input:** resolves #37. Add price input field. ([bd254fe](https://github.com/zalando/brand-solutions-dress-code/commit/bd254fe)), closes [#37](https://github.com/zalando/brand-solutions-dress-code/issues/37)
* **text-input:** resolves #21. Add number input field ([c8f58e1](https://github.com/zalando/brand-solutions-dress-code/commit/c8f58e1)), closes [#21](https://github.com/zalando/brand-solutions-dress-code/issues/21)
* **text-input:** resolves #24. Add disabled input field. ([0aa06c0](https://github.com/zalando/brand-solutions-dress-code/commit/0aa06c0)), closes [#24](https://github.com/zalando/brand-solutions-dress-code/issues/24)
