@telia/styleguide/VERSIONS.md

This is a living styleguide, showing the Atomic Design components which should be used in Telia Norway's web applications to achieve a common look & feel, and therefore user experience.

# Versioning

This file should contain all changes in the Styleguide.

- Use version in package.json ("version": "1.1.0")
- The numbers represent, "Major", "Minor" and "Patch"
- "Major" is reserved for rewrites of the styleguide, or entire Telia design rebrands (extremely rare).
- "Minor" in this context means _breaking changes_ - such as a change in a components HTML structure, or a change in a CSS class name.
- "Patch" is reserved for smaller CSS changes, tweaks and improvements. Styleguide users are safe to upgrade to new patches.
  Also, _new components_ and _new component variants_ are also patches, since they do not break anything for other channels.

For Major and Minor changes in version you must notify everyone in the #styleguide Slack Channel.

# Version History

Only noteworthy versions shown (minor changes are omitted).

## 1.22.1
- Style changes to LightAlert and Container

## 1.22.0
- FunkyTabs now only renders selected content (previously all other content was in DOM with display:none)
- Added and changed use of props for ToggleButton

## 1.21.7
- Small color change to icon for black version of Subscription Box

## 1.21.6
- Added new Data Freedom icon
- Updated black variant of Subscription Box

## 1.21.5
- Added new Music Freedom icon

## 1.21.4
- Added three new icons: ico_gift, ico_kr and ico_interest_free_down_payment. Also changed the ico_klikk-og-hent.

## 1.21.3
- Added black color option to Box/Subscription component
- Small change to FunkyTabs onSelect method

## 1.21.2
- Changes to style of StepIndicator
- Added withBorderBottom and backgroundColor props to Header
- Changes to style for FocusBoxWithLabels
- Added id prop to Form
- Fixed such that FocusBox shows border on mobile as well
- Added light-grey color to AnimatedProgressBar

## 1.21.1
- Updated README in component-lib folder
- Updated heroku build scripts

## 1.21.0
- Made custom classes appear last for Button component
- Form component can now take classNames
- PriceTable can now have array of subtitles per product. This is a major change to the proptypes of PriceTable
- StepIndicator changes
- Safari Fix for Speechbuble in Subscription component

## 1.20.0
- tree shakable components (this version has backward-compatibility, however,
since there is not /dist folder anymore in the library, you should import index.css from styleguide root directory if you have this file in your codebase)

## 1.19.4
- Minor stuff

## 1.19.2
- Added hideMenu prop to PageHeader
- Minor style change for StepIndicator
- Added sr-only class global in component lib (screereader-only)

## 1.19.0
- Split AccordionList component into AccordionList and StatefulAccordionList where all the scrolling and toggling is inside the StatefulAccordionList and AccordionList is a pure component.

## 1.18.0
- Changed handling of menuLinks prop in PageMenu to expect a string of html in contentAboveItems instead of a React component

## 1.17.0
- Added RichText molecule
- Adjusted margins on several components
- Removed margin-bottom on `heading--level-2`
+ (and therefore) added new `light-alert__heading` css class for LightAlert molecule
+ (and) new `focus-subscription__heading` css class for FocusSubscription organism
- Updated some examples and sample pages with new classes and content

## 1.16.1
- HorizontalRule: Added prop to fix example that was wrong, and updated related components.

## 1.16.0
- NumberBoxes component removed

## 1.15.14
- B2B subscription box: Bugfix: text in bubble disappeared on hover

## 1.15.12
- FullWidthTable: Table rows are contained within container

## 1.15.11
- ProductPromoBox: center text in button

## 1.15.10
- ProductPromoBox: inlined button on desktop

## 1.15.9
- Bugfix for streched HardwareProducts in Firefox

## 1.15.8
- Added LightAlert molecule

## 1.15.7
- ProductListGrid has a horizontal layout option

## 1.15.6
- New icon ico_truck added

## 1.15.5
- ProductList data boost Safari fix

## 1.15.4
- Removed BelowTheLineOffer
- TextBoxWithLabel ref forwarding
- Button disabled prop fix
- Font name fix
- ProductList smallfixes
- Removed `heading--pebble` class
- + others

## 1.15.3
- Added trash icons & source icon cleanups

## 1.15.2
- Added klikk-og-hent & map icons
- ProductList items onClick

## 1.15.0
- Icon fixes
- ProductListGrid multi-column layout

## 1.14.3/1.14.4/1.14.5
- Added two svg icons

## 1.14.1/1.14.2
- Auto-generate the AllIcons.jsx component - no dependencies - and make it a part of the library.

## 1.14.0
- No static path for icons. Relies on an embedded SVG being present in the DOM.

## 1.13.2
- StepIndicator [changed]
- PromoBox [new]

## 1.13.1
- ProductList: new promo variant [changed]
- RelatedArticle: placeholder image [changed]
- ProductListGrid [new]
- Fixed all linting errors

## 1.13.0 [changed component]
- TextBoxWithLabel: Refactoring of component, adding props className and withIconButton. Old withIcon prop has now a different usecase, new name is withIconButton.
- AnimatedProgressBar: Bugfix in prop-types
- PageHeader: Always white BG
- PageMenu: Faster hamburger meny animation

## 1.12.1 [changed component]
- UniqueSellingPoints: adjusted width on items

## 1.12.0 [changed component]
- ProductPromoBox changes

## 1.11.10
- AnimatedProgressBar
- UniqueSellingPoints

## 1.11.9 [various]
- Organism: FocusBoxWithLabels
- PageHeader fixes
- StepIndicator fixes
- Hamburger menu animation
- PriceTable adjustments

## 1.11.4 [changed component]
- Molecule: PageMenu - modified to use searchUrl for link to search page or remove button if not defined

## 1.11.0 [changed component]
- Molecule: AccordionList - icons now done with CSS again

## 1.10.0 [new + changed components]

### Atoms:
- Box
- IconLink
- List with BubbleLinks
- SvgIcon
- UniqueSellingPoints

### Molecules:
- AccordionList
- Alert
- ArticleMetaData
- BelowTheLineOffer
- BoxGrid
- FactBox0
- Header
- PageHeader
- PageMenu
- PersonBox
- ProductList
- StepByStep
- Subscription
- TypeSearch

### Organisms:
- ContentRating
- Theme Boxes

## 1.9.7 [changed component]
- Molecule: PageHeader - added "Handlekurv" text to cart button and made styling-changes to the cart counter

## 1.9.6 [changed component]
- Molecule: TextBoxWithLabel - changed positioning of icon in input field

## 1.9.5 [changed component]
- Molecule: TextBoxWithLabel - added a modifier to have the possibility to add an icon in the input field

## 1.9.0 [changed component]
- Molecule: PageMenu (removed showButtons prop)
- Molecule: PageHeading - (removed textAboveLoginButton and showButtons prop in favour of templating; CSS change)

## 1.8.0 [new component]
- Molecule: MiniDashboard (previously UserDashboard)
- Molecule: UserDashboard - removed

## 1.7.10 [new component]
- Molecule: Subscription (broadband variant)
- Molecule: PriceTable

## 1.7.8 [new component]
- Organism: HardwareProductList

## 1.7.7 [new component]
- Molecule: HardwareProduct

## 1.7.6
- Add new icons

## 1.7.5
- Fix missing lodash import

## 1.7.4
- CommonJS/dist stuff
- Alerts are minimizable
- ToggleSwitch adjustments

## 1.7.2 [new + changed components]
- PageMenu
- PageHeading
. ToggleSwitch

## 1.7.1 [new components]

### Atoms:
- Caption
- DescriptionList
- FullWidthTable
- HorizontalRule
- IconLink
- InputError
- List
- NumberBoxes
- PagePebbles
- Paragraph
- Quote
- ShadowBox
- SpecialMessage
- StepIndicator
- Tags
- TelephoneNumberLink
- TextArea
- UniqueSellingPoints

### Molecules:
- ArticleMetaData
- BoxGrid
- DownloadButtons
- FactBox
- FocusHeader
- FullWidthImage
- Header
- HeadingLink
- Hero
- Image
- ImageHeadingLink
- ListWithImage
- RelatedArticle
- StepByStep
- Video

## 1.7.0 [changed component]
- Tabs & FunkyTabs changes

## 1.6.0 [changed component]
- Molecule: Subscription

## 1.5.4 [new component]
- Organism: ThemeBoxesWithImage

## 1.5.1 [component library]
- Component library small fixes

## 1.5.0 [component library]
- Initial support for a component library (!)

## 1.4.0 [changed component]
- Organism: ThemeBoxes - removed/added css class

## 1.3.8 [new component]
- Molecule: Tooltip

## 1.3.5 [changed component + smallfixes]
- Molecule: ProductList
- Others: disabled button, radio focus styling, other minor changes

## 1.3.4 [new component]
- Organism: ThemeBoxes

## 1.3.3 [new component]
- Molecule: RecommendedProducts

## 1.3.2 [new component]
- Molecule: ProductList

## 1.3.0 [changed component]
- Organism: FocusSubscription - uses the new DescriptionList component

## 1.2.6 [new component]
- Atom: DescriptionList

## 1.2.5 [changed component]
- Atom: List - Changed margin-top on list

## 1.2.4 [extended component]
- Atom: List - Added option of having list with columns

## 1.2.3 [extended component]
- Molecule: DataBoostChart and DonutChart - added option for having the charts as a link

## 1.2.0 [changed component]
- Molecule: FactBox - removed horizontal line and borders

## 1.1.13 [extended component]
- Atom: Button - Added processing state

## 1.1.12 [extended components]
- Molecule: TextArea, TextAreaWithLabel and TextBoxWithLabel - Added disable state

## 1.1.11 [extended component]
- Organism: Form - Added fieldset as an element to form

## 1.1.10 [new component]
- Atom: AlertText

## 1.1.8 [new variant of component]
- Atom/Molecule: Subscription purple

## 1.1.6 [new component]
- Atom: InputError

## 1.1.4 [new component]
- Molecule: TextAreaWithLabel

## 1.1.3 [new variant of component]
- Atom: List--icon-text-links

## 1.1.2 [new component]
- Atom: TelephoneNumberLink

## 1.1.1 [new component]
- Atom: ShadowBox

## 1.1.0 [breaking changes]

- Molecule - StepByStep - New Pebble type and separated Circle type. Steps can now change between types with just a class change.