kitten-components
Version:
Front-end components library
1,834 lines (1,387 loc) • 66.1 kB
Markdown
# Changelog
This project adheres to [Semantic Versioning](http://semver.org/).
## [unreleased]
## [23.17.0] - 2018-12-06
Features:
- Add `links` prop on `TeamCard` component.
`socialLink` is deprecated.
- Add `k-u-hidden@{viewportRange}` utilities.
Fix:
- `Marger` use `StyleRoot` only if `top` or `bottom` prop are an object.
## [23.16.1] - 2018-11-30
Fix:
- Use media-query for default value on `Marger` component when prop `top`
or `bottom` is an object.
## [23.16.0] - 2018-11-30
Feature:
- Update `Marger` component. You can now pass an
object to the `top` and `bottom` props to handle breakpoints with `Marger`.
This update doesn't affect the previous props' validation, you can still pass
string values:
```js
<Marger
top={ {
fromXs: 1,
fromM: 2,
default: 3,
} }
bottom="1.5"
/>
```
Fix:
- Use `Radium()` on `LinkBox` `Marger` component.
## [23.15.0] - 2018-11-29
Feature:
- Add classes `k-Header__logo--smallOnXxs` & `k-Header__nav--hidden@m-down`
on `Header` and `k-TabBar--responsive--hidden@m-down` on `TabBar` to improve
responsiveness possibilities.
- Fix: Fix undefined `setState()` when unmounting `Triptych` component.
## [23.14.0] - 2018-11-28
Features:
- Update `ExpandBoard` component:
- Enable animation on expanding and shrinking with `withAnimation`,
`animationMaxHeight`, `animationShrinkingDuration` props.
- Authorize `style` prop on `ExpandBoard.Content`.
- Create `TeamCard` and sub-components:
- `TeamCard.Icons`
- `TeamCard.Image`
- `TeamCard.PhoneIcon`
- `TeamCard.Title`
- Create `PhoneIcon` and `EmailIcon` components.
Fixes:
- Fix `ExpandBoard.Button` arrow styles.
- Add `box-sizing` CSS rule to `RewardCard` component.
## [23.13.0] - 2018-11-21
Features:
- Add `SimpleCarousel` component.
- Add animation on `List.ButtonItem` hover.
- Add new viewport range to mediaQueries HOC.
- Deprecated `viewportIsMobile` and `viewportIsTabletOrLess` on
mediaQueries HOC. Please use `viewportIsXS` and `viewportIsMOrLess` instead
now.
Fix:
- Fix `Deprecated` rendering error.
## [23.12.0] - 2018-11-15
Feature:
- Update `ArrowIcon` component with a `version` prop to handle the icon
center of gravity properly. `ArrowIcon` used without this prop is now
deprecated. All others props are still available.
You should use it as follow now:
```js
<ArrowIcon version="solid" />
```
Fix:
- Fix `LinkBox` padding.
## [23.11.4] - 2018-11-15
Fix:
- Fix `Triptych` component margin.
## [23.11.3] - 2018-11-14
Fix:
- Update `LinkBox` animation.
## [23.11.2] - 2018-11-09
Fix:
- Fix `Timeline` children rendering.
## [23.11.1] - 2018-11-07
Fix:
- Change string equality to function equality to check `ExpandBoard` children
type.
## [23.11.0] - 2018-11-07
Feature:
- Add `HorizontalStroke` to `CounterBlock` component.
Fix:
- Update `LinkBox` styles.
## [23.10.1] - 2018-11-06
Fixes:
- Update `Marger` with `TYPOGRAPHY.root` as gutter base ratio.
- Fix an error to `Deprecated` usage in `RewardCardAction`.
## [23.10.0] - 2018-11-02
Features:
- Add the following components to compose a `RewardCard`:
- `RewardCardBase.Row`,
- `RewardCardBase.RowContent`,
- `RewardCardBase.RowSide`,
- `RewardCardBase.Title`,
- `RewardCardBase.Image`,
- `RewardCardBase.Info`,
- `RewardCardBase.CheckedIconLine`,
- `RewardCardBase.CheckedSection`
- `RewardCardBase.StarredBadge`
All `RewardCard` previous props are deprecated. If you still used them, you
cannot use the new components related to `RewardCard`.
You can check some examples on https://kisskissbankbank.github.io/kitten.
- Deprecate the following components in
`kitten/components/cards/reward-card`:
- `RewardCardAction`
- `RewardCardActionOnMOrMore`
- `RewardCardButton`
- `RewardCardContent`
- `RewardCardImage`
- `RewardCardInfos`
- `Info`
- `LegacyRewardCardContainer`
- `ManageContribution`
- Update `RewardCard` button width.
- Add `pxToRem` helper method for inline CSS styling.
- Add `TYPOGRAPHY` configuration file.
Fix:
- Update `LinkBox` styles.
## [23.9.0] - 2018-10-30
Features:
- Update `LinkBox` component.
- Create `VerticalCard` component.
## [23.8.0] - 2018-10-26
Feature:
- Add `CartRewardCard.Information`.
`shippingTitle` and `shippingValue` are deprecated.
Fix:
- Update `CrowdfundingCard` props.
## [23.7.0] - 2018-10-24
Feature:
- Add `itemHeight` props to `Timeline` component.
Fix:
- Fix reponsive font-size for `CounterBlock` component.
## [23.6.0] - 2018-10-19
Features:
- Create `Timeline` component.
- Create `CounterBlock` component.
- Add `Deprecated` component.
- Add `ExpandBoard`, `ExpandBoard.Button` and `ExpandBoard.Content`
components.
- Add `List` and `List.ButtonItem` components.
- Update `RewardCard` component composition. The following props
are deprecated and can be replaced:
- `titleDescription` => `subtitle`
- `textDescription` => `description`
- `textTag` => `subtitleTag`
- `myContribution` => `manageContributionDescription`
- `manageContribution` => `manageContributionLinkLabel`
- `manageContributionLink` => `manageContributionLinkHref`
- `button` => `buttonLabel`
- `titleContributors`, `titleDelivery`, `titleAvailability`,
`valueContributors`, `valueDelivery`, `valueAvailability` can be replaced by
an array formatted as follow:
```js
const infos = [
{
label: 'Your previous titleContributors content',
value: 'Your previous valueContributors content',
},
…
]
<RewardCard {...otherProps} infos={infos} >
```
Fixes:
- Update marger on `SimpleCard` component.
- `Triptych` stroke height on small devices.
- Corrige `propTypes` definition on `LinkList`.
- Update `ffi` gem.
- Deprecate `ContributionCard` component. You should use `RewardCard`
component instead. It will be deleted in further versions.
## [23.5.1] - 2018-09-27
Fix:
- Fix `EmbedPlayer` proptype.
## [23.5.0] - 2018-09-25
Feature:
- Create `Triptych` component.
Fix:
- Fix missing actions in `VerticalCardWithAction` component.
## [23.4.0] - 2018-09-18
Feature:
- Add `progressColor` props on `ProjectCard` and `CrowdfundingCard`
components.
## [23.3.0] - 2018-09-18
Features:
- Update style on `SOrLess` version on `ContributionCard` component.
- Create `VerticalCardWithAction` component.
- Create `EmbedPlayer` component.
Fix:
- Fix `button` and `image` position on `ContributionCard` component.
## [23.2.1] - 2018-09-04
Fix:
- Fix `GridCol` size for `tiny` version to `DonationCard`.
## [23.2.0] - 2018-09-04
Feature:
- Add `version` prop to `DonationCard` and `TextInputWithUnitForm`.
## [23.1.0] - 2018-09-03
Features:
- Add `version` prop to `ContributionCard`.
- You can now use the build files present in `dist` directory.
Add `jsDistPaths` export method.
- Add `weight` props and `weight` attribut on each elements of
`LinkList` component.
Fixes:
- Remove pseudo-class styles on a ':disabled' button.
- Update `disabled` state on `Contribution` component.
- Add `k-LinkList__item--tripleMargin` marginBottom.
- Add `k-TextInputWithButton__button` padding.
- Add a space between title and value informations
on `CartRewardCard` and `ContributionCard`.
## [23.0.0] - 2018-08-27
Breaking change:
- Update `DonationCard` component. Exposed props are now
totally different. You cannot inject a render prop anymore. `DonationCard` is
now a form. You have to update your component as follow:
```js
<DonationCard
title="In enim justo, rhoncus ut"
donationForm={
buttonLabel: 'To contribute',
inputId: 'donation-amount',
inputLabel: 'Enter your amount',
inputPlaceholder: 'Your amount',
inputUnit: '€',
onFormSubmit: () => { … },
onInputBlur: () => { … },
}
/>
```
Feature:
- Add `TextInputWithUnitForm` component.
## [22.2.0] - 2018-08-22
Features:
- Add `readonly` prop on `Button`.
- Add `starred` prop and `starLabel` option to `RewardCard`.
## [22.1.1] - 2018-08-21
Fix:
- Dependencies strategy.
## [22.1.0] - 2018-08-21
Feature:
- Add `onLabelClick` prop action on `Checkbox` component.
Fix:
- Fix garbage button styles on `CartRewardCard`.
## [22.0.0] - 2018-08-08
Breaking changes:
- Remove `sassy-maps` dependency.
- `mediaQueries` HOC don't expose all methods.
You have to use `exposedMethods` prop to list the methods you want to expose
on the mediaQueries HOC.
```js
mediaQueries(Component, {
viewportIsMobile: true,
exposedMethods: ['close'],
})
```
- Rename `onClose` prop to `onAfterClose` in `CartRewardCard` component.
- Rename `onClose` prop to `onAfterClose` in `Alert`
component:
```js
<Alert onAfterClose={ () -> {} }>
```
Features:
- Add `map-get-deep` utility.
- Update style on `ContributionCard` component.
## [21.4.0] - 2018-08-06
Feature:
- Update `ReactModal` version.
## [21.3.2] - 2018-08-02
Fix:
- Update `Comment` component bottom notes padding.
## [21.3.1] - 2018-08-02
Fix:
- Don't cancel click on current page of `Carousel`.
## [21.3.0] - 2018-08-01
Feature:
- Create `FacebookIconWithBackground` component.
## [21.2.0] - 2018-07-31
Features:
- Clone wrapped component methods on `mediaQueries` HOC.
- Add `onCloseClick` prop to `CartRewardCard`.
- Add `hidePaginationOnMobile` prop to `Carousel`.
Fixes:
- Update margin on `CartRewardCard` component.
- Remove `hover` state on `Select-control` class.
- Update size on `ButtonQuestionMarkIcon` component.
- Update `locationIcon` svg.
- Use `StyleRoot` properly in `Comment` component in order to use.
## [21.1.0] - 2018-07-19
Features:
- Add `bottomNotes` prop on `Comment` component.
- In `Carousel`, we can now change page by clicking prev/next page.
Fixes:
- Fix `title` `min-height` on `CrowdfundingCard` component.
- Fix re-render `ButtonIcon` state on `Carousel`.
- Update [Sprockets Rails](https://github.com/rails/sprockets-rails)
version.
## [21.0.1] - 2018-07-02
Fix:
- Add `others` props on `LinkList` component.
## [21.0.0] - 2018-06-27
Breaking change:
- Add `huge` size and replace `big` by `huge` size on `BulletList`.
Features:
- Create `CartRewardCard` component.
- Add `big` and `huge` props on `IconBadge` component.
- Add `PinterestButtonIcon` and `PinterestIcon` components.
- Create `StarIcon` component.
Fixes:
- Update `renderImage` margin on `ContributionCard` component.
- Update svg `ArrowIcon` component.
- Update `ArrowIcon`on `Pagination` component.
- Update margin on `ContributionCard` component.
- Update `Instagram ButtonIcon` gradient.
## [20.17.0] - 2018-06-14
Features:
- Create composable `withMediaQueries` hoc to `media-queries`.
- Add custom `media-query` to `mediaQueries` hoc:
`mediaQueries(Component, { myCustomViewport: '(min-width: 1440px)'})`.
Fixes:
- Disable textarea resize in `CommentForm`.
- Fix `Comment` propType warning.
## [20.16.0] - 2018-06-06
Feature:
- Update `Comment`, `CommentForm` and `CommentAvatar` components and its stories.
Fixes:
- Fix `ButtonImage` A11Y.
- Add a key on `CarouselBase`.
- Fix `parseHtml` helper when no value is passed as parameter.
## [20.15.0] - 2018-06-05
Features:
- Create `Comment`, `CommentForm` and `CommentAvatar` components.
- Add `YoutubeButtonIcon` and `YoutubeIcon` components.
- Add `ButtonImageWithText` component and story.
Fixes:
- Update all social `buttonIcon` sizes.
- Merge styles with `style` prop in `BackerCard`.
- `BackerCard` text layout when text is too long.
## [20.14.0] - 2018-05-29
Features:
- Add `BackerCard` component.
- Add `huge` size to `ButtonImage`.
## [20.13.0] - 2018-05-28
Features:
- Update `RewardCard` component.
- Add `none` decoration option to `Text`.
- Add `k-u-decoration-none` class.
- Add `ContributionCard` and `DonationCard` components.
- Add `renderDonation` on `RewardCard` component.
- Add `k-Label--micro` class.
## [20.12.3] - 2018-05-22
- Fix: Remove useless props on `RewardCard` component which ones
are: `imageSrcSmall`, `imageSrc` and fix image height to keep original ratio.
## [20.12.2] - 2018-05-18
Fix:
- Fix font & missing prop in `RewardCard` component.
## [20.12.1] - 2018-05-17
Fix:
- Fix `RewardCard` custom style.
## [20.12.0] - 2018-05-17
Feature:
- Add `buttonOnMouseEnter`, `buttonOnMouseLeave`, `buttonOnClick` and custom
props on `RewardCard` component.
## [20.11.0] - 2018-05-16
Feature:
- Add `paragraph` props on `ProjectCard` component.
Fix:
- Add `title` and `myContribution` early return and fix bug with the grid.
## [20.10.0] - 2018-05-04
Feature:
- Create `RewardCard` component and its stories.
Fix:
- Fix `RemoveListener` on media-query `viewportIsSOrLess`.
## [20.9.0] - 2018-05-02
Features:
- Add `cropperData` values on the return of `onChange` handler of
`ImageCropper` component.
- Add 'isCropEnabled' prop on `ImageCropper` component. If false, the
cropper feature is turned off (true by default).
- Add `base64` option to `Uploader` to return base64 image if true.
(false by default)
## [20.8.0] - 2018-04-27
Features:
- Add `markdown` prop to ignore `Markdown` transformation.
- Add `Italic` props on `Title` component.
- Update svg size and color on `IconBadge` component.
- Add `viewportIsSOrLess` on `mediaQueries` HOC.
- Show `LegoGrid` only when DOM is loaded.
- Add `Badge` prop on `HorizontalNav` component.
- Add `k-HorizontalNav__badge` and `k-HorizontalNav__item__badge` classes.
- Update A11Y on `Modal` component.
Fixes:
- Add `name` value on `TextInput` textarea version.
- Fix `HorizontalNav` vertical alignment.
- Fix size on `IconBadge` component.
- Update `ArrowIcon` size on `Pagination` component.
- Remove `hover` state when `ButtonIcon` is `active` state on `Pagination`.
## [20.7.1] - 2018-04-11
Fix:
- Fix bad truncated `subTitle` in `CrowdfundingCard` component
and remove unexpected `subTitleTruncate` prop warning.
## [20.7.0] - 2018-04-11
Feature:
- Add `k-FormInfo__error__link` class with all link states.
## [20.6.0] - 2018-04-06
Features:
- Add `subTitleTruncate` prop for `CrowdfundingCard`.
- Add `horizontalStroke` prop for `SimpleCard`.
Fixes:
- Update `:hover` and `:focus` state on `azote` button.
- Fix `CrowdfundingCard` spacing.
## [20.5.0] - 2018-04-03
Feature:
- Add the `onClose` props to allow new actions when closing a `modal` component.
## [20.4.1] - 2018-04-03
Fix:
- Add `backgroundColor` and `color` props on `CrowdfundingCard` component.
## [20.4.0] - 2018-03-26
Feature:
- Add `items-sizeScreen-up` props to `LegoGrid` component.
Fix:
- Remove `textProps` props from `inputProps` Checkbox component.
## [20.3.0] - 2018-03-22
Features:
- Add `PasswordIcon` and `PasswordInput` components.
- Add `oxygen` modifier on all `Button` components.
Fixes:
- Update `k-Badge` padding.
- Update `CrowdfundingCard` image transition.
## [20.2.0] - 2018-03-15
Feature:
- Add `textProps` to `Checkbox`.
Fix:
- Fix `Progress` value that should not exceed the maximum limit.
## [20.1.0] - 2018-03-14
Features:
- Add `ScrollableContainer`.
- Add progress percentage in `CrowdfundingCard`.
- Add `azote` modifier on `Button` and `ButtonIcon` components.
- Add new `FilterIcon` component.
- Update all buttons colors.
Fixes:
- Fix `TagButton` colors.
- Update `k-Checkbox__label` with flex.
- Fix `CrowdfundingCard` when the progress value is zero.
- Update primary colors.
## [20.0.2] - 2018-03-05
Fix:
- Fix truncated title styles on `CrowdfundingCard`.
## [20.0.1] - 2018-03-05
Fixes:
- Add missing `event` parameter to `Pagination`'s onClick.
- Update `font-size` big on `TagButton` component.
- Update Radium.
## [20.0.0] - 2018-03-01
Breaking changes:
- Rename `style` prop to `fontStyle` in `Text` component.
- You must now add a `<StyleRoot>` around `<Hero>` components.
Features:
- Add `Pagination` component.
- Update styles for `disabled` prop on `ArrowIcon` component.
- Add `rampProps` prop to `Progress` component.
- Add `CrowdfundingCard` component.
- Add `mediaQueries` HOC.
- Add `modifier` prop on `TagButton` component.
Fix:
- Update `primary-light` color.
## [19.5.0] - 2018-02-13
Feature:
- Add `lineHeight` and `itemMargin` props on `LinkList` component.
## [19.4.1] - 2018-02-07
Fix:
- Enable button type attribute override on `TextInputWithButton`.
## [19.4.0] - 2018-02-02
Features:
- Add `Twitter`, `Facebook` and `Linkedin` social button icon words.
- Add `k-u-color-background1` utility for `Text` component.
Fix:
- Fix `margin-bottom` on `LinkList` with `margin` prop.
## [19.3.1] - 2018-01-31
Fix:
- Fix viewport states update on `Container` component.
## [19.3.0] - 2018-01-31
Feature:
- Add `focus()` to `TextInput`.
Fix:
- Fix viewport states update on `Carousel` and `Modal` components.
## [19.2.1] - 2018-01-26
Fix:
- Update Radium version (v0.21.2).
## [19.2.0] - 2018-01-22
Feature:
- Update styles `disabled` prop on `Button` and `ButtonIcon`.
Fixes:
- Update colors to `TextInputWithButton` component.
- Add `assets/javascripts/kitten/config` folder to published package.
## [19.1.0] - 2018-01-22
Features:
- Add `ConfiguredRadium` HOC to use Radium with custom configuration.
- Add `k-ButtonIcon--cross--tiny` class.
Fixes:
- Update Radium version and add a custom plugin to fix `prefixer` data.
- Fix `Carousel` prerender.
- Update styles on `Tour`, `Popover` and `Modal` components.
## [19.0.0] - 2018-01-16
Breaking changes:
- Replace `k-Popover__title` and `k-Tour__popover__title`
by `Title` component.
- Replace `k-Tour__popover__numbering` by `Text` component.
- Update React/React-Dom to v16.x version which
needs `babel-polyfill` to work properly with `Map` and `Set`.
You need to [install babel-polyfill](https://babeljs.io/docs/usage/polyfill/)
and add it to your webpack config to make it work.
Features:
- Add [Jest](https://facebook.github.io/jest/) as our new
testing framework instead of [Mocha](https://mochajs.org/) and
[Chai](http://chaijs.com/).
- Update `Modal` component with styleguide V2.
- Update `Popover` and `CallToActionPopover` components with new design
styleguide V2.
- Update `Tour` component with new design styleguide V2.
- Add `size` prop to `CloseButton` component.
- Add `k-ButtonIcon__rounded` class.
- Change `font-size: 1rem` on `k-Button--big`.
Fixes:
- Fix `captionProps` prop warning to `ImageWithCaption`.
- Fix `titleProps` prop warning to `ArticleCard`.
## [18.1.0] - 2018-01-09
Features:
- Add 16:9 format to the `ProjectCard` image.
- Add 16:9 format to the `ArticleCard` image.
Fixes:
- Add `tiny` size on `k-ButtonIcon--signup` and `k-ButtonIcon--phone`.
- Fix `overflow` style to `ProjectSimilarCard` component.
## [18.0.0] - 2018-01-08
Breaking changes:
- Remove `modifier` prop on `TagButton`.
- Replace `size="micro"` modifier `size="nano"` in `ButtonIcon` component.
- Replace `.k-ButtonIcon--checked--micro` by `.k-ButtonIcon--checked--nano`.
- Replace `.k-ButtonIcon--empty--micro` by `.k-ButtonIcon--empty--nano`.
Features:
- Add `titleProps` prop to `ArticleCard` and `SimpleCard` components.
- Remove subtitle part if `articleSubTitle` prop is empty.
By default, the value is empty.
- Text centered on `k-TextInput--twoDigits` class.
- Update `TagButton` component with new design styleguide V2.
- Update `ProjectCard` with the new design.
- Update all `TextInput` to manage input radius.
- Add `rounded` prop in `ButtonIcon` component.
- Update `QuestionMarkIcon` component with styleguide V2.
- Update `SearchInput` component with new design styleguide V2.
Fix:
- Cleaning the use of Radium.
## [17.1.0] - 2018-01-03
Feature:
- Update `Header` style with the new border size of `HorizontalNav`.
Fix:
- Add `href` prop on link items in `HorizontalNav` component.
## [17.0.0] - 2018-01-02
Breaking changes:
- Remove `k-Hero` mixin.
- Update grid configuration.
- Update `LinkList` component with styleguide V2.
Replace `@include k-LinkList(( colors: ( ))` by `@include k-LinkList;`.
- Update all `Button` components with new design styleguide V2.
Features:
- Add `ArticleCard` component.
- Add `Hero` component.
- Add `Carousel` components and its helpers.
- Add screen and grid JavaScript configuration files.
- Add feature detection utility.
- Add media-query utility.
- Add range utility.
- Add `SimpleCard` component.
- Add `withoutBoxShadowOnHover` prop to `card` HOC.
- Add new `:hover` styles to `k-Card`.
- Add `font2` prop in `Text` component.
- Add `instagram` modifier in `ButtonIcon` component, `InstagramButtonIcon`
and `InstagramIcon` components.
- Add `disabled` prop on `TextInputWithButton`.
- Add `k-buttonPadding` helper to manage button paddings.
- Add new `error` and `valid` colors.
- Add `ImageWithCaption` component.
- Add `HorizontalStroke` component.
- Add `HorizontalNav` React component with styleguide V2 brand config.
- Add `VerticalStroke` component.
- Update grid 'Container' component with screen sizing handlers.
- Update `Tooltip`, `TooltipNew` and `StaticTooltip` components
with styleguide V2.
- Update `LinkBox` and `InformationBox` components with styleguide V2
new design.
- Update all `Select` components with styleguide V2 new design.
- Update `Alert` component with new design styleguide V2.
- Update `:focus` `border-color` on `TextInput` component.
- Update `Checkbox` and `RadioButton` components with new design styleguide V2.
- Update all `Input` components with new design styleguide V2.
- Update `k-buttonRounded` helper to manage button radius.
- Update colors.
- Remove `boron` buttons colors.
Fixes:
- Fix `:focus` `border-color` on `TextInputWithUnit`, `Select` and
`LocationInput` component.
- Fix `LinkList` test.
- Update ruby version.
## [16.3.1] - 2017-11-28
Fix:
- Fix `null` value in `SelectWithState` component.
## [16.3.0] - 2017-11-27
Features:
- Change `quinary` to `senary` modifier of `Title` on `ProjectCard` and
`ProjectSimilarCard`.
- Add `senary` modifier of `Title` component.
- Add `k-u-anti-aliasing` helper mixin.
- Update `focusId` on `Label` component.
Fixes:
- Update margin on `ImageCropper` component.
- Update margin on `FormComposer` component.
- Push empty object when selection is removed in `SelectWithState`.
- Add `line-height` on `searchable` of `Select` component.
## [16.2.0] - 2017-11-22
Features:
- Replace `k-ProjectCard__status--tertiaryBackground` by
`k-ProjectCard__status--validBackground`.
- Update `ProjectCard` component with styleguide V2.
- Update `react-places-autocomplete` module to add `autocomplete="off"`
on `LocationInput` component.
## [16.1.0] - 2017-11-20
Feature:
- Add `k-buttonColors` helper to manage button colors by modifier.
## [16.0.1] - 2017-11-17
Fix:
- Fix `k-SideGrid__asideContent` size to make children get the
proper width.
## [16.0.0] - 2017-11-17
Breaking changes:
- Replace `valid-2` by `valid`.
- The fonts folder has been removed. Use external CSS to load fonts.
You can revert the previously breaking change (`Add new Maax fonts.`).
Features:
- Update `InformationBox` component with `Title` component.
- Update `line-height` on `Title` component.
## [15.0.0] - 2017-11-15
Breaking changes:
- Update `UserMenu` component with styleguide V2.
Replace `@include k-UserMenu(( font: 'bold', … ))` by `@include k-UserMenu;`.
- `TextInputWithButton` and `TextInputWithUnit` mixins don't use options params.
Replace `@include k-TextInputWithButton(( font: 'bold', … ))`
by `@include k-TextInputWithButton;`.
Replace `@include k-TextInputWithUnit(( inputFont: 'regular', … ))`
by `@include k-TextInputWithUnit;`
- Change button width in `k-TextInputWithButton__button`.
- Remove `boron` modifier in `Button`, `ButtonIcon` components and
replace `boron` by `helium`.
- Add new `Maax` fonts.
If you use hot-dev-server, update the headers in your configuration file:
```js
// For example, with Webpack:
const devServer = new WebpackDevServer(compiler, {
…
headers: {
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization",
}
});
```
`kitten-components` exposes now its fonts paths:
```js
import kittenComponents from 'kitten-components'
const resolvingPaths = kittenComponents.jsPaths
.concat(appJsPath)
.concat(nodeModulesPath)
.concat(kittenComponents.imagesPaths)
.concat(kittenComponents.fontsPaths)
```
Include the fonts path in your loaders:
```js
// Update module loaders.
module: {
loaders: [
{
test: /\.(svg|png|jpe?g)$/,
loader: 'file?name=images/[name].[ext]',
include: /icons/, // Add images folders.
},
{
test: /\.(woff|woff2|eot|ttf|svg)$/,
loader: 'file?name=fonts/[name].[ext]',
include: /maax/, // Add fonts folders.
},
…
]
}
```
- Default colors have changed. To keep the original default colors:
```css
$k-colors: map-merge($k-colors, (
'font-1': #333,
'primary-1': #4a84ff,
'primary-2': #3b75f0,
'primary-3': #2c66e1,
'primary-4': #cadbfd,
'primary-5': #ecf2ff,
'primary-6': #f6f9ff,
'tertiary-1': #68ffa0,
'valid': #70c050,
'error': #ff4146,
'error-2': #ffecec,
));
```
Features:
- Update `modifier` on `ButtonQuestionMarkIcon` component with styleguide V2.
- Update `font` on `Stepper` component with styleguide V2.
- Update `HorizontalNav` component with styleguide V2.
- Add `tiny` props in `TagButton` component.
- Update `TagButton` and `PaymentButton` components with styleguide V2.
- Update `Select` component with styleguide V2.
- Update `Label` and `FormInfo` components.
- Update `TabBar` component with styleguide V2.
- Update `ProjectCard`, `ProjectSimilarCard` and `ProjectCreatorCard`
components with styleguide V2.
- Update `Tooltip` and `StaticTooltip` components with styleguide V2.
- Update `Alert` component with styleguide V2.
- Update all `TextInput` component with styleguide V2.
- Update `ButtonImageWithText` component with styleguide V2.
- Update colors buttons.
- Update `Title` and `Paragraph` with styleguide V2.
- Add `regular` font on `radioButton` and `Checkbox` components.
- Update `TagList` component with styleguide V2.
- Add new "MDC" colors.
- Introduce new `valid-2` and `error-2` colors.
- Add `k-u-margin-none` utility.
Fixes:
- Update styles on `LocationInput`.
- Add missing input checked disabled background-image for `RadioButton`
component.
- Use `k-u-weight-regular` instead of `k-u-strong` in `ProjectCard` component.
## [14.6.0] - 2017-11-15
Features:
- Add `onClose` prop to `Alert` component.
- Update placeholder `font-weight` on `LocationInput` component.
- Update `font-weight` on `LinkBox` component.
- Update error `line-height` on `FormInfo` component.
Fix:
- Use `k-u-weight-regular` instead of `k-u-strong` in `ProjectCard` component.
## [14.5.0] - 2017-11-10
Features:
- Handle `onChange` prop in reset event in `ImageCropper` component.
- Add `parseHtml` helper to transform HTML to React.
## [14.4.0] - 2017-11-08
Features:
- Update `Stepper` component with Kitten V2.
- Update styles on `imageCropper` on small screens.
- Add `deletable` prop to display delete button in `SimpleUploader`.
Fix:
- Add default type `button` to the `CloseButton` component
## [14.3.0] - 2017-10-26
Features:
- Add named export for all components. Default export for these components
is now deprecated.
- Add `k-u-color-valid` utility.
- Add `valid` color in `Text` component.
- Add `without-line-height` option to `k-typographyFontSize` method.
Fixes:
- Update styles on `LocationInput`.
- Remove `line-height` from size utilities.
- Fix `TextInput` length for Firefox.
- Update alignment on `InfoLines`.
## [14.2.1] - 2017-10-12
- Fix `LinkBox` paragraph container size.
## [14.2.0] - 2017-10-04
Feature:
- Handle breakpoints on the `k-u-blockAlign` utility class.
Fixes:
- Update flexbox on `ProjectCreatorCard`.
- Add `className` prop on the link `LinkBox`.
## [14.1.4] - 2017-09-22
Fixes:
- Change `Tooltip` font-size.
- Add `flex-shrink` property on `RadioButton` and `Checkbox`.
- Error deprecated weight classes.
## [14.1.3] - 2017-09-20
Features:
- Add option `withDarkBorder` in `hoc/card`.
- Add `withDarkBorder` prop when prop `href` is true on
`ProjectCreatorCard` component.
- Add `direction` on all `ArrowIcon` component.
- Add default icon sizes.
Fixes:
- Fix console warnings from `ProjectCard`, `LinkList` and `Tour` rendering.
- Change `RadioButton` and `CheckBox` label click.
- IconSearch prop in Search component.
## [14.0.3] - 2017-09-13
Fix:
- Fix `TextInputWithUnit` missing unit prop and update width for
iOS devices.
## [14.0.2] - 2017-09-11
Fixes:
- Scroll problem on opened modal.
- Repair `PhoneIllustration` background.
## [14.0.1] - 2017-09-08
- Fix: Remove undefined variable.
## [14.0.0] - 2017-09-07
Breaking changes:
- Remove `TagIcon` component.
- Rename `ButtonInfoIcon` to `ButtonQuestionMarkIcon`.
- Rename `ButtonTooltipIcon` to `InfoIcon`.
- Rename `TooltipIcon` to `QuestionMarkIcon`.
- Remove deprecated `content` prop from `RadioButton`.
Prefer the `children` prop.
- Add generic keys for fonts.
For CSS mixins with configuration maps, replace `font` with the new key.
Replace your previous fonts definition by:
`$k-fonts: k-merge($k-fonts, ( …your-own-font-definitions-here… );`.
- Replace the deprecated `commissionRate` prop by a list of
`commissionRules`. To upgrade you should replace for example:
function commissionRate(duration) {
if (duration >= 20) return 0.2
if (duration >= 12) return 0.3
return 0.1
}
<LoanSimulator commissionRate={ commissionRate } />
By:
const commissionRules = [
{ durationMax: 12, rate: 0.3 },
{ durationMax: 20, rate: 0.2 },
{ rate: 0.1 }
]
<LoanSimulator commissionRules={ commissionRules } />
- Add `LinkBoxIllustration` and used to `DocLinkBox`.
- Remove deprecated `text` prop on `Checkbox`.
Use the `children` prop instead.
Features:
- Show list `icons` component.
- Add `ArrowIcon` component in `LinkBox` component.
- Delete `InformationIcon` component.
- Replace `RightArrowIcon` to `ArrowIcon`.
- Delete `RefreshIcon` component.
- Add `withoutTopBottomBorder`, `borderColor` and other props
- Add new `MixIllustration` and `LinkBoxIllustration` component.
Fixes:
- Fix unworking loader animation.
- Delete `icon-tour-1.svg` and `icon-tour-2.svg`.
- Replace `MixIllustration` and `LoudspeakerIllustration` component in `Tour`.
## [13.11.0] - 2017-09-05
Features:
- Handle breakpoints with `k-utilities-align`.
- Add `k-u-align` helper mixin.
- Add new `blockAlign` utility to align blocks.
- Add icon prop to 'TagList' component.
- Add multiple `Taglist` management to `ProjectCard` component.
- Add multiple `Taglist` management to `SimilarProjectCard` component.
- Add `k-separatorBase` helper.
- Add `k-VerticalSeparator`.
- Add `InstrumentTagIcon`.
- Add `TypologyTagIcon`.
## [13.10.0] - 2017-08-25
Features:
- Add reverse prop to `ProjectCard` component.
## [13.9.1] - 2017-08-17
- Fix: Add `pointer-events: none` to `.k-ButtonIcon__svg` for analytics purpose.
## [13.9.0] - 2017-08-11
Features:
- Add `spreadOutAt` prop to `FormActions` component.
- Add `FormActions.Item` component.
## [13.8.0] - 2017-08-10
Features:
- Add `withBorderRadius` and `withLeftRightBorder` props
to `InfoLines` component.
- Add `k-u-background-color-background1` utility.
- Add `Text` component.
- Add `align`, `color`, `decoration`, `line-height`, `size`, `style`,
`transform` and `weight` utilities.
Fix:
- Remove unknown props in `others` prop to `GridCol` component.
## [13.7.0] - 2017-08-07
Features:
- Add `withoutResponsive` prop to `InfoLines` component.
- Add `color` prop to `Progress` component.
Fixes:
- Add link props to `SimilarProjectCard` component.
- Pass `onRefreshClick` prop correctly to `SimilarProjectCard` component in
`SimilarProjectsCard` component.
- Set current index to 0 when `projects` props is updated in
`SimilarProjectsCard` component.
## [13.6.1] - 2017-08-03
Fix:
- Add `type` attribute to navigation buttons in `SimilarProjectCard`
component.
## [13.6.0] - 2017-08-01
Features:
- Add external trigger to `Modal` component.
- Add responsive mixin `k-u-margin(…)`.
- Add `Loader` on `ProjectSimilarCard` component.
- Add `leftArrowDisabled`, `rightArrowDisabled`, `onLeftArrowClick` and
`onRightArrowClick` props to `ProjectSimilarCard` component.
- Add `SimilarProjectsCard` component.
## [13.5.0] - 2017-07-28
Features:
- Accept other props to `GridCol` component.
- Add `Modal` component.
- Add `withoutTopBottomBorder`, `borderColor` and other props
to `InfoLines` component.
- `LinkList` responsive.
- Add new modifier `k-LinkList--withoutMargin` in `LinkList`.
- Add `withoutPointerEvents` prop to `Label` component.
- Add `Loader` and `LoaderWithParagraph` components.
- Add `icon` and `iconWithMinWidth` props to `Button` component.
- Add social button icon components (`FacebookButtonIcon`, …).
- Add border utilities (`k-u-border-left-line1`, …).
- Add new `ProjectSimilarCard` component.
- Add new `RefreshIcon` component.
## [13.4.0] - 2017-07-20
Features:
- Add `other` props to `Stepper` component.
- Add new `LinkList` component.
- Add new `TextInputWithButton` component.
- Add `k-u-align-center-block` utility to center blocks.
Fixes:
- Add `withoutHover` and `verticalArrow` options on `ButtonIcon` component.
- Add `ButtonIcon` animation on `ProjectCreatorCard`.
## [13.3.1] - 2017-07-06
Fix:
- Add missing `key` prop in `InfoLines` component & rename attribute in
defaultProps.
## [13.3.0] - 2017-07-05
Feature:
- Add `disabled` prop to `ImageCropper`, `SimpleUploader` and `Uploader`
components.
## [13.2.1] - 2017-07-04
Features:
- Add `Row` component.
- Add new `TooltipNew` component.
- Add new `InfoWithTooltip` component.
- Add new `ButtonInfoIcon` component.
- Add new `InfoIcon` component.
- Add `italic` prop to `Paragraph` component.
Fix:
- Fix `SimpleUploader` responsive.
## [13.1.1] - 2017-06-30
Fix:
- Fix initial size of `cropper` in `ImageCropper` component.
## [13.1.0] - 2017-06-27
Feature:
- Add `SimpleUploader`, `Uploader` and `ImageCropper` components.
Fixes:
- Handles small version of `InfoLines` component.
- Harmonize font-size label component on `FormInfo`.
## [13.0.0] - 2017-06-15
Breaking change:
- Rename `ResponsiveVideoIframeContainer` component to
`ResponsiveIframeContainer`.
Features:
- Add `onSelect` prop to `LocationInput` component.
- Add new `InfoLines` component.
- Add `color-error` color text utility.
- For `xs` media-query, `FormActions` component is placed in columns.
Fixes:
- Add `width` attribute on payment button svg tag (fixes firefox bug).
- Add `k-ButtonIcon__svg` class on `IconBadge` component.
- Fix IOS style's button and remove shadow in `TextInput`.
## [12.1.0] - 2017-06-08
Feature:
- Create `ResponsiveVideoIframeContainer` component for responsive video iframe.
The component is used with embedly generated iframe.
Fixes:
- Remove `color-error` label on `RadioButton` and `Checkbox` components.
- Add `box-shadow: none` property on `TextInput`.
- Fix error with `Object.assign` in `RichTextInput` component to prevent
error in React on Rails *(`Object function […] has no method 'assign'`)*.
## [12.0.0] - 2017-05-30
Features:
- Add new `ProjectCreatorCard` component.
- Add new `ClockIcon` component.
- Add new `RightArrowIcon` component.
- Add config & toolbar to default props `RichTextInput` component.
- Fix: Fix display element as a block element (`ButtonImageWithText`,
`ButtonImage`, `ButtonWithBadge`, `IconBadge`).
Fixes:
- Remove `React.PropTypes` and use `PropTypes` from
[prop-types](https://www.npmjs.com/package/prop-types) library instead.
- Update deprecated
[react-prop-types](https://github.com/react-bootstrap/react-prop-types)
library with
[prop-types-extra](https://github.com/react-bootstrap/prop-types-extra).
## [11.11.0] - 2017-05-22
Fix:
- Change `TagButton` background.
## [11.10.0] - 2017-05-19
Features:
- Add `BulletList` component.
- Add `big` modifier to `.k-BulletList`.
## [11.9.0] - 2017-05-18
Feature:
- Add background color utilities.
Fixes:
- Remove `margin-top: 50px` on `k-Separator`.
- Add missing onChange prop on `RichTextInput` component.
## [11.8.1] - 2017-05-17
Fix:
- Prefer `npm` to `yarn` in the postinstall script.
## [11.8.0] - 2017-05-17
Feature:
- Add `RichTextInput` component.
Add '<script src="//cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>'
to your pages.
## [11.7.0] - 2017-05-15
Feature:
- Create `CheckboxSet` & `RadioButtonSet` components.
## [11.6.0] - 2017-05-15
Features:
- Add tooltip in `ProjectCard`.
- Add new `MasterCardIcon` and `CbIcon` components.
- Add `.k-TagButton__icon` class to adds icons to tag buttons.
## [11.5.0] - 2017-05-09
Feature:
- Add responsive image utility.
Fix:
- Fix the tiny option on Select.
## [11.4.0] - 2017-05-04
Feature:
- Add status in `ProjectCard`.
Fixes:
- Fix `LegoGrid` grid.
- Fix tag `Title` in `ProjectCardComponent`.
- Fix test launch.
## [11.3.0] - 2017-05-02
Features:
- Add `MenuIcon` and component.
- Add `KissKissBankBankLogoIcon` component.
- Add `InformationIcon` component.
Fix:
- Change overflow default value to manage negative margins on `k-ProjectCard`.
## [11.2.0] - 2017-04-26
Feature:
- Add `withBorder` prop to `ButtonImage` in `ProjectCard`.
## [11.1.0] - 2017-04-26
Feature:
- Add `withBorder` prop to `ButtonImage` component.
## [11.0.0] - 2017-04-24
Breaking changes:
- Delete `SimulatorResult` component.
- The `k-Select` mixin does not accept options anymore.
Please update `@import k-Select((…));` to `@import k-Select;`.
- Remove `react-on-rails` module as dependency.
To be retro-compatible, add the dependency on your project's `package.json`:
```
"dependencies": {
"react-on-rails": "~6.10.1"
}
```
Features:
- Add `rounded="micro"` and `rounded="tiny"` to the `Card` component.
- Add `ProjectCard` component.
- Add `withoutPointerEvents` prop to `ButtonImage` component.
- Add `CheckedCircleIcon`, `ClockCircleIcon`, `CrossCircleIcon`, `LockIcon` and
`WarningCircleIcon` components.
- Add `tiny` prop to `TagList` component.
- Update grid in `LegoGrid.Item` component.
- Add `Container` component.
Fixes:
- Add `validOnSelect`, `disabled` props to the `TextInputAndSelect` component.
- Add `valid`, `disabled` props to the `SelectWithState` component.
- Add `checked-disabled` and `arrow-bottom-disabled` svgs.
- Update disabled color on `TextInput`, `TextInputAndSelect`, `Button` and
`Select`.
- Update `react_on_rails` gem dependency to `6.10.1`
## [10.2.0] - 2017-04-11
Feature:
- Add fees exemption to `LoanSimulator` component.
## [10.1.0] - 2017-04-11
Fix:
- Background `Alert` width.
## [10.0.0] - 2017-04-10
Breaking changes:
- Use `k-Card--withVerticalPadding` and `k-Card--rounded` to have the same
render of old `k-Card`.
- Update button `min-width` class on `.k-Button--tiny`.
Features:
- Add modifiers on `k-Card` mixin.
- Add `card` high-order component.
- Add `normalLineHeight` prop to `Paragraph` component.
- Add `margin` prop to `Title` component.
- Add `onSelectChange` and `errorOnSelect` props to `TextInputAndSelect`
component.
- Add `Separator` component.
Fixes:
- Add missing checked disabled style for `RadioButton` component.
- Set `line-height: normal` to `RadioButton/Checkbox/Switch` components.
- Propagate `className` prop to `Grid` and `GridCol` components.
## [9.5.0] - 2017-03-30
Features:
- Add `Marger` component.
- Add `ButtonImage` component.
- Add `margin` prop to `Paragraph` component.
Fixes:
- Display correctly disabled `TextInputWithLimit` component.
## [9.4.0] - 2017-03-28
Feature:
- Add color utilities.
Fix:
- Pass the `onChange` prop correctly in `TextInputWithLimit`.
## [9.3.0] - 2017-03-27
Features:
- Add `TagList` component.
- Add `TagIcon` component.
- Create `SupTitle` component.
## [9.2.0] - 2017-03-23
Fix:
- Remove unneeded padding on `SearchInput` component.
## [9.1.0] - 2017-03-22
Feature:
- Add `SideLayout` component and fix layout error on Safari.
## [9.0.0] - 2017-03-22
Breaking change:
- Change height of `k-Progress` component.
Features:
- Add `k-Button--big@s-up` modifier.
- Add `k-buttonBig` mixin.
- Add `k-u-align-right` class.
- Add `IconBadge` component.
- Add new `Badge` component.
- Add `LegoGrid` component.
- Add `flexible` option to `k-grid-colSize` mixin.
- Add `k-u-align-right` class.
Fixes:
- Prevent newline in mobile view for `SearchInput` component.
- Deprecate `k-u-centered` in favor of `k-u-align-center`.
## [8.6.0] - 2017-03-15
Features:
- Add `k-FormInfo` style.
`k-TextInputWithInfo` is now deprecated. Use `k-FormInfo` instead.
- Add new `error` props on SelectWithState.
Fixes:
- Change width and margin on `StaticTooltip`.
- Change arrow-zone size on tiny select.
## [8.5.0] - 2017-03-14
Features:
- Add new `StaticTooltip` React component.
Fixes:
- Add bottom padding to `.k-SideGrid__content` element.
- Fix SearchInput content overflow display.
## [8.4.0] - 2017-03-08
Features:
- Accept more props on `ArrowIcon`.
- Add new `LinkedinIcon` React component.
- Add new `TwitterIcon` React component.
- Add new `FacebookIcon` React component.
- Add new `ButtonIcon` React component.
- Add `defaultValue` to `Location`.
Fixes:
- `LocationInput` does not overwrite `onChange`.
## [8.3.0] - 2017-03-08
Features:
- `SelectWithState` now accepts an `onInputChange` function.
Fixes:
- `SelectWithState` does not overwrite previous `inputProps`.
## [8.2.1] - 2017-03-07
Fixes:
- Animation change when `Alert` closes.
## [8.2.0] - 2017-03-06
Features:
- Add new `Alert` component.
- Add new `CloseButton` component.
- Add new `CrossIcon` component.
Fixes:
- `SelectWithState` defaults to `deleteRemoves` to `false`.
- Use `CloseButton` component instead of simple button in `Popover`.
## [8.1.0] - 2017-03-06
Features:
- Add new `error` props on `RadioButton` and `Checkbox`.
- Add new `LocationIcon` React component.
- Add new `LocationInput` React component.
Fixes:
- Fix wrong padding for `InformationBox` component.
- Use `handleChange` handler instead of `handleInput` in `TextInputWithLimit`
to prevent React warning.
## [8.0.0] - 2017-02-28
Breaking changes:
- The `FormPhoneNumber` has new props.
To be retro-compatible you should, in your app's components:
- Rename `name` to `areaName`.
- Rename `options` to `areaOptions`.
- Rename `value` to `areaValue`.
- Add the `tiny` boolean prop.
- Replace `import FormPhoneNumber` by
`import { FormPhoneNumber }`.
- Add `@include k-TextAreaWrapper;` in your SCSS if you use `TextInput` with
`tag='texteara'`.
Features:
- Add gradient to textarea.
- Add `limit` prop to textarea.
Fixes:
- Add blur event to `TextInput` component.
- `TextInput` placeholder on Safari.
- `TextInputWithUnit` does not pass over `digits` to its `TextInput`.
- `TextInput` React component with text area.
- Add keyboard accessibility to `Button`s with `a` tags and no `href`.
- width error on `Checkbox` & `RadioButton` component.
## [7.1.0] - 2017-02-23
Features:
- Add digits prop to resize `TextInput`, `TextInputWithUnit` and
`FormAmountAndCurrency`.
Fixes:
- Increase line-height on tiny `Label`.
## [7.0.0] - 2017-02-22
Breaking changes:
- The `FormAmountAndCurrency` has new props.
To be retro-compatible you should, in your app's components:
- Rename `value` to `currencyValue`.
- Rename `amount` to `currencyAmount`.
- Add the `tiny` boolean prop.
- Replace `import FormAmountAndCurrency` by
`import { FormAmountAndCurrency }`.
- The `SelectWithState` has a new default size and export.
To be retro-compatible you should, in your app's components:
- Add the `tiny` boolean prop if the component does not have `big` set
to `true`.
- Remove the `big` boolean prop.
Fixes:
- Change font-size for `TextInputWithUnit` component.
- Remove unknown props from `RadioButton`, `KarlHeader`,
`KarlHeaderWhenLogged`, `HeaderTitles` and `LoudspeakerIllustration`.
## [6.4.0] - 2017-02-20
Feature:
- Add new `TextInputWithUnit` React component.
Fixes:
- Make unit from text input extensible according to its child.
- Add missing props to `Tooltip` component.
## [6.3.0] - 2017-02-17
Features:
- Add new `Line` React component.
- Add new `Line` component.
- Add new `InformationBox` React component.
Fix:
- Change the font size and the margin bottom in `k-Hero`.
## [6.2.0] - 2017-02-16
Feature:
- Add `big` prop to `k-Select`.
## [6.1.0] - 2017-02-14
Features:
- Add click handler on `CallToActionPopover` buttons.
- Add new `TextInputWithLimit` React component.
- Add new modifier `k-TitleWithAction--withoutMargin` in `k-TitleWithAction`.
Fixes:
- Bring back `@include k-Tooltip;` in `_components.scss`.
- Text sizing in `k-Hero`.
- Images and text placement in `k-Teaser`.
- Set placeholder color in `k-TextInput`.
## [6.0.0] - 2017-02-08
Breaking change:
- Rename `autoTriggerEnhancer` to `triggerEnhancer`.
Feature:
- Add prop to `triggerEnhancer` to enable autorun.
## [5.10.0] - 2017-02-07
Features:
- Add new `Progress` React component.
- Add 'PhoneIllustration' React component.
Fixes:
- Propagate props from `CallToActionPopover` to `Popover` components.
- Add key to buttons rendering in `CallToActionPopover`.
## [5.9.0] - 2017-02-06
Features:
- Add new `TextInput` React component.
- Add `autoTriggerEnhancer` high-order component.
## [5.8.0] - 2017-02-06
Features:
- Add new `LoudspeakerIllustration` React component.
- Add new `Popover` React component.
- Add new `CallToActionPopover` React component.
- Add `rowClassName` prop on `SideGrid` component.
- Add `className`, `titleClassName` and `subtitleClassName` props
on `HeaderTitles`.
- Add `quintuple` utilities in `k-utilities-margin`.
Fixes:
- Vertically align buttons to the middle of the line.
- Remove pointer-events on `k-Header__item--centered`.
## [5.7.0] - 2017-02-02
Features:
- Add new display utility (`k-u-hidden`).
- Add `centered` option to `HeaderItem` component.
- Add new `FormRow` React component.
- `TabBar` React component with new html structure.
- Add `react-markdown` and `json-loader` to manage HTML props.
- Add `Label` React component.
- Add modifiers `big` and `icon` on `TagButton`.
- Add new `VisaIcon` React component.
Fixes:
- Fix flexbox on `k-SideGrid` and `k-VerticalGrid`.
- Update hover background-color for `LinkBox`.
- Update disabled color for `Select`.
## [5.6.0] - 2017-01-30
Features:
- Add `className` prop on `Checkbox` component.
- Add `inputClassName` prop on `RadioButton` and `Checkbox` components.
- Add new `TagButton` React component.
## [5.5.0] - 2017-01-25
Features:
- Add deprecated function.
- Add `quadruple` utilities in `k-utilities-margin`.
- Add elements in `k-Header`.
- Add container in `k-VerticalGrid`.
- Add styles on `k-Checkbox`.
- Add `children` props to `Checkbox`.
- Add new `HeaderTitles` component.
- Add new `Title` React component.
- Add new `Paragraph` React component.
- Add new `HeartIcon` React component.
- Add new `Button` React component.
- Add new `HeaderLogo` React component.
Fixes:
- `RadioButton` uses children to display content.
- Fix flex in `k-Header`.
- Fix aside `flex-direction` in `k-SideGrid`.
- Remove overflow on `k-Row`.
- Change transition on `k-RadioButton`.
- Change `k-LinkBox` display before `m` version.
- Change `k-SingleColumn` width according to the media.
- Update color for placeholder on disabled `Text-input`.
- Update color `Checkbox` disabled.
- Update color `RadioButton` disabled.
- Change default port in development from 3000 to 3003. You should now
## [5.4.0] - 2017-01-17
Features:
- Add new `RadioButton` React component.
- Add new `Header` React component.
- Add new `SideGrid`, `SideGridContent` and `SideGridAside` components.
- Add new `upcaseFirst()` string helper.
- Add new `initialTouched` and `requiredDurationError` props to `LoanSimulator`.
## [5.3.0] - 2017-01-16
Features:
- Add new `Checkbox` React component.
- Add new `FormActions` React component.
- Add new `Grid` and `GridCol` React components.
Fixes:
- At xxs, use thinner gutters.
- Override bootstrap on blockquotes in `k-Testimony__text`
and `k-PressQuotes__quote__text`.
## [5.2.0] - 2017-01-12
Features:
- Add `primary-6` color.
- Introduce `k-Teaser__col--start@l` to fix ordering of columns on `k-Teaser`.
Fixes:
- Add default margins to `.k-PressQuotes__title` and
`.k-titleWithActions__title`.
- Testimony row is larger on xxs.
- Vertical align on `k-LinkBox__paragraph`.
- Add default colors to `k-Row`.
## [5.1.0] - 2017-01-11
Features:
- Add `k-Select__label` to `k-Select`.
- Add `labelText` option to `SelectWithMultiLevel`.
- Add new `k-SideGrid` component.
Fixes:
- Change font size in `k-LoanSimulator__commission`.
- Change `k-SingleColumn` width according to the media.
## [v5.0.0] - 2017-01-09
Breaking changes:
- Remove the fixed size on the LinkBox.
Features:
- Add new `k-Tooltip` React component.
- Add new `k-TooltipIcon` component.
- Handle multi-level options in the Select.
- Select can now be clearable, searchable, and multi.
- Add new `k-VerticalGrid` component.
- Add new `k-FormActions` component.
- Add new `k-Switch` React component.
- Add new `Stepper` component.
- Add new `ArrowIcon` and `CheckedIcon` components.
Fixes:
- Disable React on Rails console traces in dev style guide.
- Make radio button and checkbox accessible by keyboard.
- Fix Warning on default commissionRules prop type for LoanSimulator.
- Disable React on Rails console traces in dev style guide.
- Use new files architecture for stylesheets:
* Remove `atoms`, `molecules` and `organisms` directories.
* Use `components` directory instead to match javascripts files architecture.
## [v4.4.0] - 2016-12-27
Features:
- Add `commission