vcc-ui/CHANGELOG.md

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

# Changelog

VCC UI adheres to the [Semantic Versioning](https://semver.org/) specification with MAJOR.MINOR.PATCH release.


[1.4.3]

- Fixed broken import of deprecation module


[1.4.2]

- Deprecate iconBefore, iconAfter, arrow and intent=primary-light for Button
- Deprecate intent for Link
- Deprecate theme.colors


[1.4.1]

- Add missing design tokens to package
- Added spreadmark Logo (dark theme compatible)
- Deprecate wordmark and wordmark-black logo


[1.4.0]

- Updates theme colors for default theme
- Added Dark Theme
- Deprecated polestar theme


[1.3.2]

- Fix buttonDestructiveActiveBackground color in volvo theme (#347)


[1.3.1]

- `<TabNav>` layout is now evenly centered (#329)


[1.3.0]

- Upgraded Fela to version 11, introducing dynamic media query sorting
- Changed onClick PropType to function in `<TabNavItem>` component.


[1.2.3]

- Added `TabNavItem` PropTypes
- Removed reference to old Volvo Sans font in theme


[1.2.2]

- Debug grid font change


[1.2.1]

- Add ability to nest `<Row>` and `<Col>` in `<Grid>` (#333)


[1.2.0]

- Added grid components `<Grid>`, `<Row>`, `<Col>` (#217)
- Added a `size` prop to `<Button>` accepting `small`, `medium` (default) and `large` (#278)
- Added support for OptGroups to the SelectInput component
- Added error states to form components via an `isValid` prop
- Added `<TextArea>` component
- Added `<Card>` component
- Updated the fontSize to 16px for all missing clickables: `<TabNavItem>`, `<NavItem>`, `<Link>` and `<Button>` (#264)
- Updated the Volvo brand primary color to `#2770BE` (#305)
- Fixed `<Text>` component's `extend` prop not passing theme values downstream
- Fixed `<Text>` to apply correct typescale on all screen sizes (#264)
- Added [fela-sort-media-query-order](https://github.com/robinweser/fela/tree/master/packages/fela-sort-media-query-order) which automatically sorts a provided `mediaQueryOrder` using a mobile-first approach (#228)


[1.1.6]

- Deprecate TEXT_INPUT_TYPES (#310)
- Fixed href/onClick DOM warnings in Click and Link components
- Fixed innerRef deprecation warning i TabNav


[1.1.5]

- Improved UX/Design for Toggle component (#292)
- Add support for `ref` prop on most components and add deprecation warnings for `innerRef` prop.
- `<Slider>` now works on RTL-Mode (#303)
- `<Click`, `<Button>` and `<Link>` now have proper disabled states (#302)
- `<TabNav>` improvements
  - Absolute centered items for `textAlign=center` (#100)
  - Scroll to an element if it's not fully in view
  - Performance improvements concerning the animation
  - More solid animation implementation on fast clicks
  - Aligned the BackButton text with all TabNavItems
  - Allows sticky TabNavItems without animation flaws


[1.1.4]

- Fixed focus styles for TabNav


[1.1.3]

- Fixed issue with deprecation warnings


[1.1.2]

- Fixed broken Box component export


[1.1.1]

- Several `<TabNav>` improvements (#286)
  - Proper animation with a scroll offset (#284)
  - Sticky Elements (left / right)
  - Hover colors (#285)
  - Pass down `onClick` on `TabNavItem`
  - Hide Scrollbar on mobile


[1.1.0]

- Added `<Text>` component (#190)
- Added `<Spacer>` component
- Added a `<StyleTags>` component to render style tags for Server Side Rendering.
- Renamed `<Box>` to `<Flex>` with deprecation warning (#218)
- Renamed the `altText` prop on `<Logo>` to `alt` (#246)
- Removed `react-transition-group` from peer dependencies
- Fix incorrect documentation and prop types for `<Click>` component
- Add `rel=noopener` to `<Link>` and `<Click>` components with `target=_blank`
- Refactor class components to be function components with hooks


[1.0.4]

- Removed legacy EOT, SVG and TTF font files. Including all Volvo Sans fonts (replaced by Volvo Novum)
- Fixed `<Button>` type prop not being passed to DOM (#245)
- Changed the default font size for all input elements to 16px (#240)


[1.0.3]

- Fixed SelectInput border style in firefox
- Cleaned up invalid CSS props ::-moz-inner-focus and alignItems: right
- Fixed incorrect reference to Volvo Novum Light italic font files


[1.0.2]

- Updated to Fela 10.4.1, fixes rendering issues in Safari
- Verify icon type with propTypes instead of throwing an error


[1.0.1]

- Improve Icon accessibility with `<title>` element
- Fixed TabNavItem collapsing margins
- Fixed Wordmark logo SVG overflow bug in IE
- Added fallbacks for NOVUM and BROAD volvo theme fonts
- Fixed inconsistent padding with TextInput, SelectInput and Button components. They now all line-up.


[1.0.0]

First Major Release, please refer to the migration guide here: https://vcc-ui.netlify.com/blog/2019-04-18-vcc-ui-1x-migration

- New theme based API
- Removed `<Footer>` Component


[0.0.45]

- Fix: TabNavItem iOS hover event bug
- `<TabNav>`: Improved performance of horizontal scrolling on touch devices


[0.0.44]

- Revert fix IE padding issue in TextInput


[0.0.43]

- Deprecated `fullWidth` property on Button component
- Added an ES modules build to support tree-shaking
- Fix IE padding issue in TextInput


[0.0.42]

- Fixed missing assets


[0.0.41]

- Deprecate footer component
- Reverted to native select for `<SelectInput>` and removed buggy custom component


[0.0.40]

- Added email icon.
- Fix layout for TabNavItem with href scenario


[0.0.39]

- Add `<Checkbox>` component.
- Allow booleans for Button component fullWidth prop


[0.0.38]

- Add functions as an allowed PropType to `<Block>` and `<Inline>` components.
- Add `number` as valid type to `<TextInput>` component.


[0.0.37]

- Block/Inline/Click components allow element for `as` prop
- Block/Inline/Click components allow function for `innerRef` prop


[0.0.36]

- Fix TabNavItem text alignment bug in Firefox and Internet Explorer 11


[0.0.35]

- Added :focus styles for `<NavItem>`, `<TabNavItem`> and `<Link>` components
- Expose breakpoint values small and medium in BREAKPOINTS constant


[0.0.34]

- Fix issue with CSS-in-JS vendor prefixes causing server/client render mismatch
- Fix issues with `<TabNav>` and `<NavItem>` on medium breakpoints


[0.0.33]

- Fixed bug with back button in `<TabNav>`
- Fixes IE11 bug `<SelectInput>` was not working because of missing polyfills.


[0.0.32]

- Fixed bug in IE11 where `<Icon>` was not auto-scaling svg images properly


[0.0.31]

- `<SelectInput>` Added support for closing of options by clicking outside.
- `<SelectInput>` Added closing for of options by pressing `ESC` key.
- `<SelectInput>` Screen reader fixes by using not using button to build the component
- Added support of `ref` via `innerRef` property to `<Block>`, `<Click>` and `<Inline>`


[0.0.30]

- Added TabNav and TabNavItem components


[0.0.29]

- Fixed bug with Spinner running on Edge and IE
- Fixed bug with inconsistent button heights
- Improved accessibility and disabled state for `<SelectInput>`


[0.0.28]

- Added the possibility to pass in custom fela plugins (enhancers) in styleRenderer
- Docs: use package.json version to visualize documentation version.
- legalDisclaimer in footer now renders HTML from API


[0.0.27]

- Added icons: youku, vkontakte, wechat, weibo
- Api documentation for `ThemeProvider` and `loadThemeFonts`.
- Design documentation for `Themes`
- Added `<SelectInput>` Component and accessibility.


[0.0.26]

- Documentation update for `<TextInput>` and limited the types supported.
- Added Constants `TEXT_INPUT_TYPES` for specifying the `type` prop in `<TextInput>`.
- Added ThemeProvider to allow theming for slider and link component.
- Buttons now are display: inline-block by default
- Updated `<Footer/>` to require socialNavigation links
- Updated `<Footer />` to include onClick event for the back to top button
- Added Constants `LOGO_TYPES` for specifying the `type` prop in `<Logo />`.
- Added new prop `altText` for specifying the image alternative text in `<Logo />`.


[0.0.25]

- Added `<TextInput>` Component


[0.0.24]

- Fixed bug to make sure full width buttons are display: block


[0.0.23]

- Update components to use Volvo Novum font by default
- Added ThemeProvider to allow theming for arrow, inline, button, block, nav, nav-item, logo and click components
- Added `<Footer>` component
- Added `<Spinner>` Component
- Renamed `<CTA>` Component to `<Button>`
- Added new Documentation using styleguidist


[0.0.22]

- Fixed bug with exporting `<Slider>` component and added event that will listen slider to show the values
- Fixed bug with resizing the window and sliderBar thumb is not sticky for Slider components


[0.0.21]

- Introducing the `<Slider>` component


[0.0.20]

- Fixed bug with up and down arrows for CTA and Link components


[0.0.19]

- Added Left arrow to CTA and Link


[0.0.18]

- Fixed bug with CTA box sizing


[0.0.17]

- CTA component: box sizing is now border-width
- Click component: browser button reset styles are now only applied on `<button>` and not `<a>` elements
- Link component: fix arrow stroke width issue


[0.0.16]

- Cleared up unused files from the /dist build


[0.0.15]

- Added improved arrow SVG


[0.0.14]

- New `<NavItem>` Component
- Removed extend property from `<Link>`, `<Logo>` and `<Nav>` components
- Button component as been renamed to CTA
- Added Click component (Used to be `<Button unstyled>`)


[0.0.13]

- Allow to customize font-display using fontDisplay option for loadFonts helper method


[0.0.12]

- Fonts are now loaded using font-display: fallback; to prevent font flickering while loading


[0.0.11]

- Removed undocumented `withAnalytics` prop from Link component
- Links are now black by default as per branding guidelines
- Volvo Sans Light font is now default for Link and Button Components
- Logo component is now responsive and will never be larger than it's parent container
- Fixed IE11 issue with svg widths