- Fixed button style on focus state.
- Added
.focus
class and:focus
pseudo-class to button generator with default button values.
- Fixed breadcrumb margin between items.
- Fixed buttons style.
- Removed margin left of list items.
- Changed background color of active primary button to default one.
- Fixed
btn-link
disabled style when hover. - Fixed
btn-tertiary
hover effect. - Fixed
btn-tertiary--dark
active color. - Renamed
btn-tertiary-dark
tobtn-tertiary--dark
.
- Updated buttons page adding the three button states: active, default, disabled.
- Fixed list group classes.
- States:
default
,active
,disabled
. - Themes:
default
,dark
,light
,highlight
.
- States:
- Fixed the style to display the state of the item.
- Added a mixin to generate a theme.
- Added list group component page showing the list groups with the different themes and states.
- Updated buttons page adding a section with different sizes.
- Fixed button sizes.
- Fixed
.btn-lg
,.btn-sm
and.btn-xs
style.
- Fixed padding and margin in checkbox and radio.
- Fixed build script to run smoothly on Windows.
- Changed TravisCI configuration to publish on tags instead of on
master
branch.
- Removed left margin and padding for
.control--checkbox
and.control--radio
classes.
- Removed extra
div
in checkmark example.
- Updated tags component.
- Updated tiles component.
- Updated example with tags and tiles.
- Fixed minor issues in components.
- Added
.tag-list--horizontal
/.tag-list--vertical
modifiers. - Fixed tag style.
- Removed
.tags
class in favor of.tag-list
.
- Updated tile height and footer height values.
- Updated
.tile__main--flag
adding customization for YARN icons. - Removed
.tile__footer
ellipsis and its hover behavior. - Removed
.tile__main--app
class. - Removed
.tile__footer__status
class and all its subclasses. - Removed
.link
class customization inside.tile__footer__text
.
- Added tags component example.
- Added tiles component example.
- Fixed forms and controls.
- Fixed navigation tabs.
- Fixed minor style issues and variable values.
- Components: articles, buttons, sidebar and tags.
- Added test tools using
jest
.- Unit tests for application startup scripts.
- Added forms component example.
- Removed distributed
yarn.js
library because the lack of necessary functionaly.
- Added
--checkmark
modifier to customize checkboxes. - Added
.form-inline
class. - Fixed
.form-group
,.control
classes and their subclasses. - Removed
form-control__tag
,form-control__tags
classes. - Improved code of feedback classes using a mixin.
- Added
.input-group-addon--icon
class.
- Fixed navigation tabs and pills style.
- Added forms component for input, checkbox, radio button and text area.
- Refactored pages layout using containers.
- Added ordered/unordered list style.
- Added documentation about plugins in the README file.
- Increased vertical margin for paragraph and header elements.
- Removed multiselect component.
- Removed peer dependency
choicesjs-stencil
.
- Removed peer dependency
- Added customization for ordered and unordered lists.
- Removed
.multiselect
class.
- Renamed classes according to their variable names for
color
,background-color
andborder-color
:--nickel
to--primary-nickel
.--darkgray
to--primary-darkgray
.--gray
to--primary-gray
.--lightgray
to--primary-lightgray
.
- Added plugins page with documentation and list of available plugins.
- Removed multiselect component page.
- Removed dependencies:
choicesjs-stencil
andchoices.js
. - Added syntax highlight to the markdown renderer using
highlight.js
package.
- Updated ESLint to version 5.
- Updated adidas configurations, base configurations and plugins.
- Updated stylelint to version 9.
- Updated adidas configuration.
- Added
stylelint-config-adidas-bem
configuration.
- Added
multiselect
less component. - Added
choicesjs-stencil
library as dependency for multiselect components. - Renamed
HOST
env variable toHOSTNAME
in order not to overwrite it. - Updated example.
- Renamed logos:
yarn-logo adidas
->yarn-logo yarn-logo--adidas
.yarn-logo yarn
->yarn-logo yarn-logo--yarn
.
- Added
.multiselect
class to customizechoicesjs-stencil
web component with YARN style.
- Added classes to set the
border-color
. - Renamed classes according to their variable names for
color
andbackground-color
:--black
to--primary-black
.--silver
to--primary-silver
.--white
to--primary-white
.
- Fixed values.
- Added
@font-size-x-small
and@font-size-x-large
.
- Added multiselect component page.
- Added mobile view for the main layout.
- Added new icons.
- Removed unnecessary classes for different components.
- Updated example.
- Added sidebar behavior in desktop and mobile.
- Dynamic calculation of mobile/desktop breackpoint using font size and LESS varibles file.
- Updated default font definitions.
- Updated example.
- Added
select-related
andthree-d
icons. - Updated icon font definition using
woff
/woff2
formats. - Removed unnecessary font files.
- Set default font family.
- Updated mobile/desktop breakpoint to be
60rem
(960px
). - Fixed
.main
style to be compatible with all browsers.
- Fixed desktop and mobile view.
- Added responsive rules for desktop and mobile.
- Removed
.panel-default
and subclasses. - Updated style.
- Removed class:
.tablbar__search
.
- Improved hover behavior.
- Fixed
.toolbar__left
/.toolbar__right
classes. - Removed classes and subclasses:
.toolbar--article
..toolbar--mobile__icon-left
/.toolbar--mobile__icon-right
..toolbar--mobile__icon-left
/.toolbar--mobile__icon-right
..toolbar--right-menu
..toolbar--scrolling
..toolbar__calltoaction
..toolbar__history-label
..toolbar__link
..toolbar__navbar
..toolbar__notice
..toolbar__toggle
..toolbar__tooltip
.
- Removed classes and subclasses:
.sidebar .control
..sidebar__block
..sidebar__controls
..sidebar__form
..sidebar__link
..sidebar__tag
..sidebar__tags
..sidebar__title
..sidebar--details-view
..sidebar--filters
..sidebar--scrolling
.
- Updated style.
- Added sidebar behavior in desktop and mobile views.
- Added
less-vars-to-js
package to get style values in the view. - Added a margin after the
main
container in the mobile view. - Improved foundation icons page using the SVG icons file as source to get the list of icons.
- Updated example and its font definitions.
- First official release of adidas YARN Design System.