<h1 align="center">Orbit Multitheme 🚀</h1>

Create amazing experiences with the digital design system. This project contains the multitheme setup for the front-end code.

<br/>

# 🛠 Install

- Create an <a href="https://www.npmjs.com/" target="_blank">NPM account</a>
- Request access via our <a href="https://randstadgis.service-now.com/df/" target="_blank">support form</a>
- Login into your <a href="https://docs.npmjs.com/creating-a-new-npm-user-account#testing-your-new-account-with-npm-login" target="_blank"> NPM account on the CLI</a>

<br/>

Run the following command, this will install the components in your node_modules folder.

```
npm i @randstad-design/orbit-multitheme
```

<br/><br/>

# 🔄 Updates

Once a new version has been released, we will update you via our distribution list.

<br/><br/>

# 📝 Documentation

<a href="https://randstad.design" target="_blank">Randstad.design</a> is the public environment where all documentation, styleguides and live components can be found. Use this please also to get started as a developer.

- https://randstad.design/getting-started/developers
- https://randstad.design/styleguide
- https://randstad.design/components

<br/>

## Architecture

Depending on the architecture of your project, you can import from the /dist or /src folder. For Randstad, the dist folder has a compiled `assets/theme-randstad/orbit-randstad.css` and `assets/js/human-forward.js` file ready to use. If you want to use another brand, for example Spherion, use `assets/theme-randstad/orbit-spherion.css`, the JS file remains the same. The CSS files contain all the styling. When you only want to load components please read the section **CSS component split** below.

<br/>

## Tailwind (new!)

From version 1.2.0 on we are using a separate CSS file for the utility classes. Please include 'tailwind.css' found in `src/assets/theme-[theme]/tailwind.css` or `dist/assets/theme-[theme]/tailwind.css` into your project. The orbit components are making use of the Tailwind utility classes. So it is needed to include this into your project. Feel free to use these utility classes in your project too. We are going to expand this with new utility classes later on.

<br/>

## CSS component split

The CSS had been set up in a way you don't need to include all the styling by importing the complete `assets/theme-[brand]/orbit-[brand].css` files.
You only need to load the `general.css` file from the `__bundles` folder. The components can be found in the `__components` folder. For more information about the set up please go to https://randstad.design/getting-started/developers/css-component-split/.

<br/>

## Readme for developers

Developers who would like to know more about the choices and architecture of the multitheme setup, feel free to take a look at our confluence page (request access first).
https://randstadglobal.atlassian.net/wiki/spaces/ODS/pages/1109721103/Read+me+for+developers

<br/><br/>

# ✅ Release notes

## 4.5.0

_26 October 2021_

- HTML/CSS → Randstad - Button Filled → bugfix(905) : SVG color fix
- HTML/CSS → Randstad - My Environment → chore(1049) : color mapped
- HTML/CSS → Randstad - Person Profile → chore(1040) : color mapped
- HTML/CSS → Randstad - Call To Action → chore(1036) : color mapped
- HTML/CSS → Randstad - Carousels → chore(1038) : color mapped
- HTML/CSS → Randstad - Promotional Text → chore(1052) : color mapped
- HTML/CSS → Randstad - Cards → chore(1037) : color mapped
- HTML/CSS → Randstad - Charts → chore(1039) : color mapped
- HTML/CSS → Randstad - Content Items → chore(1041) : color mapped

## 4.4.0

_11 October 2021_

- HTML/JS/SVG → Randstad/Spherion - Maps → update(1114) : addition of cluster and new svg markers
- CSS → Randstad/Spherion - Category Overview → update(1108): added a line clamp mixin
- HTML/CSS → Randstad - Link list → update(1087) : added a card version
- HTML/CSS/JS → Randstad - Chapter Navigation → new(1086) : navigation for chapters on content page, makes use of selector component (header). Which is a separate component now too.
- HTML/CSS → Randstad - Content Table → new(1010) : new content table component
- HTML/CSS → Randstad - Teaser → update(1007) : small version
- CSS → Randstad - Icon → bugfix(1123) : hover fix when color overrides are applied
- HTML/CSS → Randstad - Link List - Location → bugfix(1125) : fix on color of icon

## 4.3.0

_27 September 2021_

- Other → Randstad/Spherion → chore(1101) : addition of a license fill since Orbit is now public
- HTML/CSS → Randstad - Data Table → chore(1023) : color mapped
- HTML/CSS → Randstad - Sortbar → chore(1030) : color mapped
- HTML/CSS → Randstad - Tab Bar → chore(1031) : color mapped
- HTML/CSS → Randstad - Link Lists → chore(1044) : color mapped
- HTML/CSS → Randstad - Split View → chore(1057) : color mapped
- HTML/CSS → Randstad - Headers → chore(1021) : color mapped

## 4.2.1

_1 September 2021_

- CSS → Randstad/Spherion - Badge → bugfix(1099) : icon shrink fix
- CSS → Randstad/Spherion - Carousel → bugfix(1111) : lower z-index for dots
- CSS → Randstad/Spherion - Tailwind → chore(1107) : Add gap-0 to tailwind and responsive width
- CSS → Randstad - Masked SVG → bugfix(1110) : no repeat fix

## 4.2.0

_30 August 2021_

- HTML/CSS → Randstad - Badge → chore(1026) : Background Variant color mapping
- HTML/CSS → Randstad - Forms → bugfix(1078) : removed line-height 0 from form-group, fixed with flexbox
- HTML/CSS → Randstad/Spherion - Avatar → chore(1074) : Background Variant color mapping
- CSS → Randstad/Spherion - Indicator → chore(1024) : Background Variant color mapping
- CSS → Randstad/Spherion - Track & Trace Timeline → chore(1077) : Background Variant color mapping
- HTML/CSS → Randstad/Spherion - Location details → chore(1026) : Background Variant color mapping
- HTML/CSS → Randstad - Notifications/toast → chore(1028) : Background Variant color mapping
- HTML/CSS → Randstad - Tags → chore(1032) : Background Variant color mapping
- CSS → Randstad - Checkbox → bugfix(1091) : Fix overflow text with hyphenation when used in meta content.
- CSS → Randstad - Modal → bugfix(1106) : fixed missing comment symbol and class

## 4.1.2

_16 August 2021_

- HTML/CSS → Randstad - Audio Box → new(707) : audio component
- HTML/CSS → Randstad/Spherion - Badge → new(1015) : XL version for job card & color classes
- HTML/CSS → Spherion - Split View Photo → update(1008) : add caption
- HTML/CSS → Randstad/Spherion - Popup → new(622) : Form popup
- HTML/CSS → Randstad - Notifications → chore(1050): Background Variant color mapping

## 4.0.2

_6 August 2021_

- HTML/CSS → Randstad - Overlays → bugfix(1070) : fix the transparent background

## 4.0.1

_3 August 2021_

- HTML/CSS → Randstad - Overlays → bugfix(1070) : fix the transparent background
- CSS → Randstad - Buttons → bugfix(1067) : fix the hover state of the filled button

## 4.0.0

_2 August 2021_

- HTML/CSS → Randstad/Spherion - Forms → chore(1022) : Background Variant color mapping
- HTML/CSS/JS → Randstad/Spherion - Overlays → chore(1051) : Background Variant color mapping
- HTML/CSS → Randstad/Spherion - Pagination → chore(1029) : Background Variant color mapping
- HTML/CSS → Randstad - Body Copy → chore(1035) : Background Variant color mapping
- HTML/CSS → Randstad - Buttons → chore(1063) : Background Variant color mapping
- HTML/CSS → Randstad/Spherion - Content Items / Overviews → chore(1024) : Background Variant color mapping
- JS → Randstad / Spherion - carousel.js → update(1062) : Update loading order of slick elements

## 3.0.0

_12 July 2021_

- HTML/CSS/JS → Randstad/Spherion - Carousel photo → update(654) : Make carousel dot color dependent on text color per slide
- HTML/CSS → Randstad/Spherion - Notifications/Toast → update(940) : style spacing and buttons
- HTML → Randstad - Sticky Nav → update(948) : Added extra padding when used in combination with content item (tailwind class)
- HTML/CSS → Randstad - Navigation - Popover Account only → update(1000) : Class added `navigation\_\_service--minimal` so popover points to account when service nav does not include language toggle
- SVG → Randstad/Spherion → new(1006) : wechat filled icon
- HTML/CSS/JS → Randstad - Chatbot → update(933) : bubble on enter, removed and reordered data attributes, fixed spelling mistakes
- HTML/CSS/JS → Randstad - Chatbot → update(997) : settings section for both embedded and normal chat
- CSS → Randstad/Spherion - chore(840) : SCSS folder structure adjusted, removed one layer `/theme` to fix scss font issue with external compilers
- HTML/CSS/JS → Randstad/Spherion - Carousel Photo & Quote → bugfix(1016) : fixed spacing issues and height of dots

## 2.3.0

_28 June 2021_

- HTML/CSS → Randstad - Accordion → chore(914) : Implementation of new color map base and accordion
- HTML/CSS/JS → Randstad - SEO Teaser → new(934) : Teaser cards for SEO
- HTML/CSS → Randstad - 404, Article Overview, Author, Account Settings (ME) → chore(989) : Implementation of new color map
- CSS → Spherion - chore(880) : Implementation of Tailwind for Spherion

## 2.2.1

_14 June 2021_

- CSS → Randstad - Job Card → feature(952) : Fix color bug for favorites icon
- HTML/CSS → Randstad/Spherion - Avatar → feature(615) : Unified approach to Avatar HTML & CSS throughout Orbit
- HTML → Randstad/Spherion → feature(928/615) - Avatar : Implement Avatar HTML on: modal, popover-large, author, carousel quote, contact-person, meet-the-team, my-environment-profile, RCE-header, RCE-Speech-bubble.
- HTML → Randstad/Spherion - Image → update(954) : remove HTML to serve second image .This component now has 1 image and 1 aspect ratio
- HTML/CSS → Randstad/Spherion → deprecate(827) : Deprecate Blog Article Items: image, quote, video. Blog-Article items is replaced by Content Items (image, quote, video, author, download, meta, related).
- HTML/CSS → Randstad - My Environment → update(963) : remove title--L HTML/CSS for My Environment - account settings and replaced with title--M

## 2.1.1

_04 June 2021_

- HTML → Randstad - Infographic → new(935) : infographic component with optional title and content. Example PNGs included

## 2.1.0

_31 May 2021_

- HTML/CSS/JS → Randstad - Sticky navigation → new(926/805) : sticky side/top navigation Table of Contents with scrolling functionality
- HTML/CSS → Randstad - Chatbot embedded → update(922) : Create HTML chatbot embedded version. Embedded on destkop, controlled by button on mobile.
- HTML/CSS → Randstad/Spherion - Content-item video → update(942) : adjust fontsize for video subscripts with new CSS class
- CSS → Randstad/Spherion - Card & My Environment meta items → update(946) : add word wrap CSS rules for links in meta items & timeline

## 2.0.0

_17 May 2021_

This is a major version upgrade, since there is a breaking change, please read <a href="https://randstad.design/getting-started/developers/releases/">https://randstad.design/getting-started/developers/releases/</a> for more information.

- HTML → Randstad/Spherion - SVG renaming/delete → update(916) : rename SVG's and delete unused ones.
- CSS → Randstad/Spherion - Button → bugfix(927) : Safari and iphone alignment of the icons on the button tag
- CSS → Randstad - modal color mapping → bugfix(920) : adjust CSS so the text color setting within a modal is restricted to the modal color setting, not to the color setting of its parent page.

## 1.6.0

_07 May 2021_

- HTML/CSS/JS → Randstad → feature(858/931) : Randstad Conversation Engine (RCE)

## 1.5.0

_03 May 2021_

- CSS → Randstad/Spherion - images → update(692) : replaced prototype images in repo with updated ones (names of image assets are unchanged), added CSS rules to better enforce aspect ratios for image related components
- HTML/CSS → Randstad - color variables + badge → update(814) : CSS color blue-10 changed to blue-7. This changes TW class in badge.html
- HTML → Randstad - notifications/toast → fix(837) : minor content change: lowercase letter to uppercase letter
- HTML/CSS → Randstad/Spherion - notifications/notice-in-page → update(870) : Add warning variation to notification-in-page components, introducing 2 new yellow warning colors in CSS setup

## 1.4.0

_19 April 2021_

- HTML/CSS → Randstad/Spherion - Extensive Link List, Navigation, Data Table, Accordion → update(468) : removed `collapsible__button` class, replaced with `toggle-arrow` class, use chevron.svg. Added 'chevron-30.svg' to Accordion for larger screens.
- CSS → Randstad → update(774) : removed color for `text--emphasis` class for dark blue backgrounds
- HTML/CSS → Randstad/Spherion - Tag → update(815) : introducing new tag--s. Uses icon close-8.svg. Tailwind class for text size.
- CSS → Randstad - Tailwind → update(894) : added !important tags to Tailwind classes for higher specificity.
- HTML → Randstad - Modal - Version 2 → update(883) : adjusted two margin utilities on `person` and `button-group` components.
- HTML/CSS → Randstad - My Environment → update(884) : fixes specificity issue with Tailwind. Adds Tailwind margin utilities to HTML. Removes CSS for My Environment that is now handled with Tailwind.
- HTML/CSS → Randstad/Spherion - Indicator - track-and-trace-timeline → new(709) : new Track and Trace Timeline component. New img ‘clock.svg'. Component created on full width, can be placed on page using grid utilities from Tailwind.
- HTML → Randstad/Spherion - Button → update(862) : adds small versions of `button--plain` in button library (with and without icon).
- CSS → Randstad - Contact Component → bugfix(733) : undo color rule for icons so they are now dark-blue.
- HTML/CSS → Randstad - Badges → update(796) : removed red and turquoise badges.
- HTML/CSS → Randstad/Spherion - Badges → update(797) : adds blue-10 positive and negative as color versions.
- CSS → Randstad - Card → bugfix(614) : CSS change to prevent icon from moving outside of parent in Card component.
- SVG → Randstad/Spherion → update(836) : adds new SVG's, update thumb-up.svg
- CSS → Spherion - Navigation → update(911) : relate grey separator to bottom-nav and breadcrumb instead of top-nav, so it does not show when only top nav is visible.

## 1.3.0

_02 April 2021_

- HTML/CSS → Randstad/Spherion - Forms - Input field currency → update(799) : Remove obsolete css classes and add one new in HTML for currency Input field. Changed CSS to enable character field for currency. Also accommodates icons.
- HTML/CSS → Randstad/Spherion - Content Items - Content Video → new(858) : Allows to have content over background image with a video modal trigger button. NOTE: On dekstop, the image is a background URL with content
- HTML/CSS → Randstad/Spherion - Content Items - Content Video → new(858) : Allow for content over image with video modal trigger button. On small viewports image and content are separated. NOTE: On dekstop, the image is a background URL with content over it. Image changeable directly in the HTML
- HTML/CSS → Randstad/Spherion - Accordion → update(848) : Add optional `<p>` to idle accordion title, creates standalone version without header change. Collapsible button from a plus to a chevron
- HTML/CSS → Randstad - Content Items - track-and-trace-card → new(664) : job-card variation for track and trace content. Logo version included. Same structure as job-card, but with less options/functionalities.
  over it. Image changeable directly in the HTML
- JS → Randstad/Spherion → update(891) : added tailwind.config to the NPM package
- SVG → Randstad/Spherion → add(889) : added thumbs up and thumps down icon
- CSS → Randstad/Spherion → update(794) : New font size of 14px added to SCSS files
- CSS → Randstad → update(745) : changed the positive5 and negative5 color
- CSS → Randstad → update(861) : Font sizes, font colors, border radius, grid, width and text-align added to Tailwind

## 1.2.1

_22 March 2021_

- HTML → Randstad/Spherion → Content Items - Preview → class update in HTML
- HTML → Randstad → My Environment - Profile → class update in HTML
- HTML → Randstad → My Environment - Edit Badge → class update in HTML
- HTML → Randstad → My Environment - Job Preferences → class update in HTML

## 1.2.0

Introduction of Tailwind.css!

_22 March 2021_

- CSS → Randstad → add(DF909-877) : Flexbox utilities to Tailwind
- CSS → Randstad → My Environment → add(DF909-803) : a smaller view for the `block__content`(`block__content--xs`) to realise 3/7/2 grid
- HTML/CSS → Randstad/Spherion - Content Item - Highlight → new(DF909-851) : New Highlight component. Added .title--xs for main title in body copy. Added bg-brand-tertiary for off-white background. Ranstad component uses Tailwind, Spherion component does not.
- HTML/CSS → Randstad/Spherion - Content Item - Quote → update(DF909-852) : HTML based on existing Quote HTML, introducing new .title-xs class for main content. Ranstad component uses Tailwind, Spherion component does not.
- HTML/CSS → Randstad/Spherion - Content Item - Image → update(DF909-853) : HTML based on existing article item Image HTML. Note: Two images are served depending on aspect ratio needed per viewport. Ranstad component uses Tailwind, Spherion component does not.
- HTML/CSS → Randstad/Spherion - Content Item - Video → update(DF909-854) : HTML based on existing article item video HTML, HTML tags SEO approved. Note: Two images are served depending on aspect ratio needed per viewport. Playing video opens a modal. Ranstad component uses Tailwind, Spherion component does not.
- CSS → Randstad → new(DF909-850) : additional stylesheet (tailwind.css) with utilities for spacing, background colors and position
- HTML/CSS → Randstad - My Environment → bugfix(DF909-859) : Assign block\_\_title HTML and CSS to standalone H2 headers in My Environment. (currently present in: dashboard, overview empty, overview filled). Component uses Tailwind.
- CSS/HTML → Spherion → new(DF909-843) : addition of purple gradient sub brand color to call to action box, link list categories, split view photo and link list featured
- CSS → Randstad/Spherion → add(DF909-863) : CSS for placeholder pseudo element so AA color is compatible with default Firefox browser placeholder.
- HTML/CSS → Randstad/Spherion - Content Item - Section Title → new(DF909-855) : New HTML, new CSS class title--xs for paragraph header. Ranstad component uses Tailwind, Spherion component does not.
- HTML/CSS → Randstad/Spherion - Content Item - Preview → new(DF909-856) : New component HTML and CSS media preview. Image is optional. Randstad component uses Tailwind, Spherion component does not. Note: different version for modal link and regular link.
- HTML/CSS → Randstad - Content Items - Tailwind → update(DF909-867) : Implemented Tailwind classes for Randstad Content Item components within this release. Spherion uses Orbit CSS, but naming structure equal to Tailwind to enable possible future Tailwind integration Spherion.

## 1.1.6

_8 March 2021_

- SVG → Randstad/Spherion - Icons → new(DF909-833) : eye strikethrough icon added
- HTML → Randstad/Spherion → Uploads → update(DF909-528) : added uploaded state, removed read-only limit reached and error exhausted state
- JS/HTML/CSS → Randstad/Spherion → datepicker → update(DF909-793) : added data-attribute for localisation of 'clear' and CSS fix for the width of the box of the calendar month
- HTML/CSS → Randstad - My Environment → update(DF909-832) : removable-cards component closable updated, created My Environment page examples in \_06/pages folder
- HTML/CSS → Randstad - My Environment → update(DF909-829) : randstad logged in variant of the navigation my-environment/navigation.html.
- HTML → Randstad - My Environment → new(DF909-830) : example of Randstad homepage logged out/logged in state 06_pages/my-environment.
- HTML/CSS → Randstad/Spherion → My Randstad → deprecate(DF909-727) : removed My Randstad HTML and added deprecate notification for related CSS and images
- HTML/CSS → Randstad/Spherion → popover large initials/video → update(DF909-844) : removed CSS and added custom greeting to eyebrow
- HTML/CSS → Randstad → secondary search → bugfix(DF909-846) : add (existing) classnames for button color in secondary search HTML
- CSS → Randstad → modal / popover → bugfix(DF909-834) : fixed the font color issue in the button
- CSS → Randstad/Spherion → datepicker → bugfix(DF909-835) : upgrade of flatpickr and removed default html5 calendar icon from input type="date"

## 1.1.5

_22 February 2021_

- HTML/CSS → Randstad - My Environment → new: Edit Avatar component for My Environment
- HTML/CSS → Randstad - My Environment - Dashboard → new: dashboard card component
- HTML/CSS → Randstad - My Environment - Job Alerts → update: New HTML / CSS for Job Alerts component
- HTML/CSS → Randstad/Spherion → Overlays → added: photo and buttons to modal
- HTML/CSS → Randstad/Spherion - Notifications → update: Notice Text-only component (readonly, closable and closable + icon)
- HTML/CSS → Randstad/Spherion Notice → rename: notice-text-only to notice-alert
- HTML/CSS → Randstad/Spherion - Related Jobs → update: add tooltip text to related jobs component
- SVG → Randstad/Spherion - Icons → new: 8 new icons added

## 1.1.4

_9 February 2021_

- orbit.randstad.scss hotfix

## 1.1.3

_8 February 2021_

- HTML/SVG → Randstad/Spherion → Icons → update/bugfix : update icons for aligment + update icon name
- HTML/CSS → Randstad - My Environment → new Edit Avatar component for My Environment
- HTML/CSS → Randstad - My Environment → Editable list component for Rating content My Environment
- HTML/CSS → Randstad - My Environment → Editable list component for Link content My Environment
- HTML/CSS → Randstad - Tab Bar → new: Tab bar with icons
- HTML/CSS → Randstad - Tab Bar → update: now available with three background color options (this, grey and off-white)
- HTML/CSS → Randstad - My Environment - Settings → update : change current account delete component My Randstad to new HTML & CSS for My Environment
- HTML/CSS → Randstad - My Environment - settings → new: component for Consent in My Environment Settings page
- HTML/CSS → Randstad - My Environment - Removable card → new component for My Environment
- HTML/CSS → Randstad - My Environment → Editable list component for Badge content My Environment
- HTML/CSS → Randstad - My Environment → HTML and CSS for My Environment listed content plus header
- HTML/CSS → Randstad overlays - Poll → bugfix: enable color scheme for all poll variants
- SCSS → Randstad/Spherion → Fixed scss deprecations and extend loops
- CSS → Randstad/Spherion → Font size and padding adjustments to the button small
- JS → Accessibility → Tooling for test automation on Accessibility added

## 1.1.2

_25 January 2021_

- JS → gulpfile → fixed some issues in the gulpfile and improved the performance
- JS → backstop → upgraded backstopjs package and improved backstopjs setup for testing on Apple M1 machines

<br/>

## 1.1.1

_18 January 2021_

- CSS → multitheme → banner → update → increased the column width of the content by 1 for default and small modifier
- CSS → multitheme → banner → update → long words will not break anymore by adding an overflow wrap to it
- CSS → multitheme → header → update → increased the column width of the content by 1
- CSS → multitheme → header → update → long words will not break anymore by adding an overflow wrap to it
- CSS → multitheme → video → update → video boxed large has now a smaller font size
- CSS → multitheme → header → fix → when header was used in combination with full width media block and small modifier the picture was cut in half
- CSS → multitheme → cards → bugfix : padding
- HTML/CSS → multitheme → fix → fixed the line-heights of the button text for all buttons
- HTML/CSS → multitheme → Button Small → Added a button small for all themes
- HTML/CSS → multitheme → footer → update : new content + styling
- CSS → Spherion → modal-cookie → updatex → enable cookie for spherion and adjust styling
- HTML/CSS → Randstad → general → update → AA accessibility update for Randstad Designs, HTML button, toast, upload, list-items classname changes

<br/>

## 1.1.0

_22 December 2020_

- JS → flatpickr version update
- REPO → icons → new : two new icons have been added: 'shield' and 'whatsapp'
- HTML/CSS → footer, meta-content, contact-person, meet-the-team → new : social icons have been renamed to --filled
- CSS → meta location → update : updated styling to fit US time notation

<br/>

## 1.0.0

_14 December 2020_

- CSS → multitheme → forms - selection control → update : Multitheme CSS adjustment for alignment of form elements like checkboxes and labels
- CSS → multitheme → forms - labels → update : remove ellipsis from styling
- CSS → Randstad → my Randstad - profile → update: 2 to 3 column width
- CSS → Spherion → footer → update : CSS change text--alternative value
- HTML/CSS → Spherion → assets → update : provide new favicons on central location assets/image/favicons for developers

<br/>

## 0.9.0

_7 December 2020_

- HTML/CSS → Randstad/Spherion Image gallery → update: add close button in html and rename stylesheet
- HTML/CSS → Spherion → colors → update: classname change and add HTML for each bg color
- HTML/CSS → Spherion → colors → update: CSS color change for button classes
- HTML/CSS → Spherion → Notification - notice-text-only → update: class name change + css color mapping
- HTML/CSS → Randstad/Spherion → navigation - logo → update: replace class name logo-randstad with logo
- HTML → Spherion → Split view - illustration → update: class name change + illustration change
- HTML → Spherion → Accordion → update: remove class name button
- HTML → Spherion → Notifications - Toast → update: class name change
- HTML → Spherion → headers - photo, carousels - photo, call-to-action - variation-2, promotional-text → update: class name change
- CSS → Spherion → colors → update: new color hex for ultra dark grey
- CSS → Spherion → fonts → update: add fallback font to css

<br/>

## 0.8.0

_30 November 2020_

- REPO → BackstopJS → update : multi-theme changes
- HTML → Spherion badge group → update: class name change
- HTML/CSS → Spherion button white → update - class name change
- CSS → Spherion/Randstad color mapping theme folder → update: remove redundant specific background colors which are not applicable for that theme
- CSS → Randstad → update - CSS merge old Orbit 5.2 release into Multitheme 0.8.0
- CSS → show more → update : add component CSS
- CSS → tags → update : add component CSS
- CSS → tag group → update : add component CSS
- CSS → rating → update : add component CSS
- CSS → Spherion modal → update - css variable update
- CSS → Spherion popover → update - css variable update

<br/>

## 0.7.0

_23 November 2020_

- HTML/CSS → Spherion header photo → update - class name change
- HTML/CSS → Spherion header video → update - class name change
- HTML/CSS → Spherion video full width → update - class name change
- HTML/CSS → Spherion video boxed large → update - class name change
- HTML/CSS → Spherion carousel photo → update - gradient and class name change
- HTML/CSS → Spherion jobs nearby → update : class name change
- HTML/CSS → Spherion notification - notice action → update : class name change
- HTML/CSS → Spherion carousels quote → update : class name change
- REPO → .editorconfig → update : add/refactor settings
- CSS → Spherion/Randstad color mapping atoms + molecules → update : mixins for specific background colors
- CSS → Spherion/Randstad color mapping organisms → update : mixins for specific background colors

<br/>

## 0.6.0

_15 November 2020_

- HTML → Spherion extensive link list → update : class name change
- CSS → Spherion cards jobs → update : class name change
- CSS → Spherion color mapping → new : class name change
- HTML/CSS → Spherion blogs - topic overview : class name change
- HTML/CSS → Spherion cards - events : class name change
- HTML/CSS → Spherion header compact text → update: class name change
- HTML/CSS → Spherion header multiple CTA → update: class name change
- HTML/CSS → Spherion header selector → update: class name change
- HTML/CSS → Spherion header text → update: class name change
- HTML/CSS → Spherion indicators - rating → update : class name change
- HTML/CSS → Spherion list item - location → update : class name change
- HTML/CSS → Spherion notifications - notice in page → update : class name change
- HTML/CSS → Spherion notification - notice confirmed → update : class name change
- HTML/CSS → Spherion popups - cta → update : class name change
- HTML/CSS → Spherion popups - poll → update : class name change
- HTML/CSS → Spherion secondary search → update : class name change

<br/>

## 0.5.0

_10 November 2020_

- HTML → Spherion headers → update: html navigation outside the html of the header
- HTML/CSS - Spherion CTA box variation 1 and 2 - class name change
- HTML/CSS → Spherion show more → update : class name change
- HTML/CSS → Spherion link list - featured → update : class name change
- HTML/CSS → Spherion data table → update : class name change
- HTML/CSS → Spherion video - boxed small → update : class name change
- HTML/CSS → Spherion header 404 → update: class name change
- HTML/CSS → Spherion header Meta → update: class name change
- HTML/CSS → Spherion indicators - strength → update : sentence casing + class name changes
- HTML/CSS → Spherion notification - text only → update : class name change
- HTML/CSS → Spherion charts → update : class name change
- HTML/CSS → Spherion meta-content → update : class name change
- HTML/CSS → Spherion blog components → update : class name change
- HTML/CSS → Spherion pagination → update : class name change
- HTML → Spherion popover - small → update : sentence casing of content
- CSS → Spherion color scheme → update
- CSS → Spherion tooltip → update
- CSS → Spherion indicator - step → update
- CSS → Spherion filter (all variations) → update
- CSS → Spherion sortbar → update
- NONE → Spherion indicators - percentage
- REPO → Spherion favicon → update
- REPO → Spherion logo → update
- REPO → Spherion maps → update : new marker.png
- REPO → Spherion blog components → update : new images

<br/>

## 0.4.0

_2 November 2020_

- Meta content
- Color mapping
- Footer
- Form elements
- Popover large
- Modals
- Link list
- Promotional text
- Badges
- Contact person
- Notification toast

<br/>

## 0.3.0

_26 October 2020_

- Meet the Team

<br/>

## 0.2.0

_23 October 2020_

- Colors
- Buttons
- Navigation
- Blocks
- Image assets
- Typography and Fonts
- Body Copy
- Meta content location
- Accordion
- Blogs - article overview
- Cards - job
- Related jobs
- Split view - photo

<br/><br/>

# 💙 Shout out

A large shout out to the team who created this package with ultimate care, 'gewoon keigoed & skoftig mooi'! 🤗
