@mozaic-ds/angular 0.23.2-beta.3 → 0.24.0-beta.0

package/README.md

@@ -1,94 +0,0 @@
-# <img style="vertical-align:middle" src="mozaic-angular.svg" alt="Mozaic angular logo" width="48px"> Mozaic Angular
-
-## Start storybook
-
-```
-npm run storybook
-```
-
-## [About our schematics](projects/schematics/README.md)
-
-
-<h3 align="center">Mozaic-Angular</h3>
-
-<p align="center">
-  Mozaic-Angular is the <a href="https://angularjs.org/">Angular</a> implementation of <a href="https://mozaic.adeo.cloud/">Mozaic Design System</a>.
-  <br>
-  <a href="adeo.github.io/mozaic-angular"><strong>Explore Mozaic-Angular Storybook »</strong></a>
-</p>
-
-<p align="center">
-  <a href="https://www.typescriptlang.org/">
-    <img src="https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white" alt="Using typescript" />
-  </a>
-  <a href="https://mozaic.adeo.cloud/Contributing/Principles/ContributionJourney/">
-    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome" />
-  </a>
-</p>
-
-## Table of contents
-
--   [About Mozaic Design System](#about-mozaic-design-system)
--   [This repository](#this-repository)
-    -   [Documentation](#documentation)
-    -   [Bugs and feature requests](#bugs-and-feature-requests)
-    -   [Contributing](#contributing)
-    -   [Stay in touch](#stay-in-touch)
--   [Mozaic-angular's team](#Mozaic-angular-team)
-
-## About Mozaic Design System
-
-**Mozaic** is an inner-source design system built by [Adeo](https://www.adeo.com/), to reinforce team's delivery time, improve quality of deliverables and thus help set up a coherent customer experience within the digital interfaces of the group's brands.
-
-You can learn more about **Mozaic** vision and guidelines by visiting our documentation website [ here](https://mozaic.adeo.cloud/).
-
-## This repository
-
-This repository contains the following elements:
-
--   In the `storybook` folder, all the configuration of our **Storybook** documentation
--   In `projects`, the code, test and stories of the **Mozaic-Angular components** and the associated configuration
-
-### Documentation
-
-**Mozaic-angular**'s documentation, included in this repository is built with [Storybook](https://storybook.js.org/docs/vue/get-started/introduction) and publicly hosted on **GitHub Pages** at [Mozaic-Angular](https://adeo.github.io/mozaic-angular). The docs may also be run locally.
-
-#### Running documentation locally
-
-To run the documentation locally, you can do the following:
-
-1. Clone this repository
-2. install node v16.x.x
-3. Run `npm install` to install the **Node.js** dependencies, including Storybook
-4. Run `npm run build` to build the application
-5. Run `npm run storybook` to launch **Storybook** and activate hot-reloads for development
-6. Open [http://localhost:6006/](http://localhost:6006/) in your browser and start explore! :rocket:
-
-### Bugs and feature requests
-
-Have a bug or a feature request? Please let us know by [opening a new issue](https://github.com/adeo/mozaic-angular/issues/new/choose) and using the correct template associated with your request.
-
-However if you are ever able to contribute to help us fix bugs, build new features, or help us improve the project documentation, feel free to do it! _(more information below)_
-
-### Contributing
-
-Developers interested in contributing should read the [Code of Conduct](https://github.com/adeo/mozaic-design-system/blob/master/CODE_OF_CONDUCT.md) and the Contribution Guide (coming soon)
-
-### Stay in touch
-
--   Join the [#mozaic-support](https://app.slack.com/client/T4R6RCZFA/CKQJZL7C4/) channel on **Slack**
--   Join the [#mozaic-angular](https://adeo-tech-community.slack.com/archives/G01BB8911M4) channel on **Slack**
--   Join our [Workplace group](https://adeo.workplace.com/groups/427492661454646/) **Mozaic Design System**
-
-## Mozaic-angular team
-
-### Author
-
--   **[Иосиф Буравков](https://github.com/Iosif380)**
-
-### Owners x Maintainers
-
--   **[Alif Fagundes](https://github.com/alif-fagundes)**
--   **[Thiago Carvalheiro](https://github.com/carvalheiro)**
--   **[Trésor Iloyi](https://github.com/tiloyi)**
--   **[Mohamed Mokhtari](https://github.com/mohamedMok)**

package/adeo/assets/tokens/adeo/android/colors.xml

@@ -0,0 +1,491 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+
+<resources>
+  <color name="color_badge_info_background">#ffdaeff7</color>
+  <color name="color_badge_info_border">#ff0b96cc</color>
+  <color name="color_badge_info_text">#ff005c91</color>
+  <color name="color_badge_success_background">#ffebf5de</color>
+  <color name="color_badge_success_border">#ff46a610</color>
+  <color name="color_badge_success_text">#ff006902</color>
+  <color name="color_badge_warning_background">#fffdf1e8</color>
+  <color name="color_badge_warning_border">#ffea7315</color>
+  <color name="color_badge_warning_text">#ff8c3500</color>
+  <color name="color_badge_danger_background">#fffdeaea</color>
+  <color name="color_badge_danger_border">#ffea302d</color>
+  <color name="color_badge_danger_text">#ff8c0003</color>
+  <color name="color_badge_neutral_background">#ffe6e6e6</color>
+  <color name="color_badge_neutral_border">#ff808080</color>
+  <color name="color_badge_neutral_text">#ff4d4d4d</color>
+  <color name="color_primary_01_100">#ffd9f0f3</color>
+  <color name="color_primary_01_200">#ff91d5db</color>
+  <color name="color_primary_01_300">#ff48bac4</color>
+  <color name="color_primary_01_400">#ff009eac</color>
+  <color name="color_primary_01_500">#ff00919f</color>
+  <color name="color_primary_01_600">#ff007f8c</color>
+  <color name="color_primary_01_700">#ff006974</color>
+  <color name="color_primary_01_800">#ff004e57</color>
+  <color name="color_primary_01_900">#ff002e33</color>
+  <color name="color_primary_02_100">#ffeeeff1</color>
+  <color name="color_primary_02_200">#ffcfd2d8</color>
+  <color name="color_primary_02_300">#ffb3b7c1</color>
+  <color name="color_primary_02_400">#ff8f94a3</color>
+  <color name="color_primary_02_500">#ff6a7081</color>
+  <color name="color_primary_02_600">#ff494f60</color>
+  <color name="color_primary_02_700">#ff343b4c</color>
+  <color name="color_primary_02_800">#ff242938</color>
+  <color name="color_primary_02_900">#ff171b26</color>
+  <color name="color_grey_100">#ffe6e6e6</color>
+  <color name="color_grey_200">#ffcccccc</color>
+  <color name="color_grey_300">#ffb3b3b3</color>
+  <color name="color_grey_400">#ff999999</color>
+  <color name="color_grey_500">#ff808080</color>
+  <color name="color_grey_600">#ff666666</color>
+  <color name="color_grey_700">#ff4d4d4d</color>
+  <color name="color_grey_800">#ff333333</color>
+  <color name="color_grey_900">#ff191919</color>
+  <color name="color_grey_999">#ff000000</color>
+  <color name="color_grey_000">#ffffffff</color>
+  <color name="color_secondary_blue_100">#ffeaedef</color>
+  <color name="color_secondary_blue_200">#ffcdd4d8</color>
+  <color name="color_secondary_blue_300">#ffb0bbc0</color>
+  <color name="color_secondary_blue_400">#ff92a2a9</color>
+  <color name="color_secondary_blue_500">#ff758992</color>
+  <color name="color_secondary_blue_600">#ff5b737d</color>
+  <color name="color_secondary_blue_700">#ff405d68</color>
+  <color name="color_secondary_blue_800">#ff264653</color>
+  <color name="color_secondary_blue_900">#ff082435</color>
+  <color name="color_secondary_green_100">#ffd9f0f3</color>
+  <color name="color_secondary_green_200">#ff91d5db</color>
+  <color name="color_secondary_green_300">#ff48bac4</color>
+  <color name="color_secondary_green_400">#ff009eac</color>
+  <color name="color_secondary_green_500">#ff00919f</color>
+  <color name="color_secondary_green_600">#ff007f8c</color>
+  <color name="color_secondary_green_700">#ff006974</color>
+  <color name="color_secondary_green_800">#ff004e57</color>
+  <color name="color_secondary_green_900">#ff002e33</color>
+  <color name="color_secondary_purple_100">#ffe7e7f0</color>
+  <color name="color_secondary_purple_200">#ffc5c5dc</color>
+  <color name="color_secondary_purple_300">#ffa4a3c7</color>
+  <color name="color_secondary_purple_400">#ff8281b2</color>
+  <color name="color_secondary_purple_500">#ff605f9d</color>
+  <color name="color_secondary_purple_600">#ff4b4a8c</color>
+  <color name="color_secondary_purple_700">#ff393879</color>
+  <color name="color_secondary_purple_800">#ff282863</color>
+  <color name="color_secondary_purple_900">#ff1a1a4b</color>
+  <color name="color_secondary_red_100">#fffdeaea</color>
+  <color name="color_secondary_red_200">#fff8bcbb</color>
+  <color name="color_secondary_red_300">#fff38d8c</color>
+  <color name="color_secondary_red_400">#ffef5f5c</color>
+  <color name="color_secondary_red_500">#ffea302d</color>
+  <color name="color_secondary_red_600">#ffc61112</color>
+  <color name="color_secondary_red_700">#ff8c0003</color>
+  <color name="color_secondary_red_800">#ff530000</color>
+  <color name="color_secondary_red_900">#ff2d0000</color>
+  <color name="color_secondary_orange_100">#fffdf1e8</color>
+  <color name="color_secondary_orange_200">#fff8d2b3</color>
+  <color name="color_secondary_orange_300">#fff4b27e</color>
+  <color name="color_secondary_orange_400">#ffef934a</color>
+  <color name="color_secondary_orange_500">#ffea7315</color>
+  <color name="color_secondary_orange_600">#ffc65200</color>
+  <color name="color_secondary_orange_700">#ff8c3500</color>
+  <color name="color_secondary_orange_800">#ff531b00</color>
+  <color name="color_secondary_orange_900">#ff360e00</color>
+  <color name="color_secondary_yellow_100">#fffff8e2</color>
+  <color name="color_secondary_yellow_200">#ffffebaf</color>
+  <color name="color_secondary_yellow_300">#fffee07d</color>
+  <color name="color_secondary_yellow_400">#fffcd64c</color>
+  <color name="color_secondary_yellow_500">#fff8cc1c</color>
+  <color name="color_secondary_yellow_600">#ffc9a21b</color>
+  <color name="color_secondary_yellow_700">#ff9c7b18</color>
+  <color name="color_secondary_yellow_800">#ff705613</color>
+  <color name="color_secondary_yellow_900">#ff46350d</color>
+  <color name="color_danger_100">#fffdeaea</color>
+  <color name="color_danger_200">#fff8bcbb</color>
+  <color name="color_danger_300">#fff38d8c</color>
+  <color name="color_danger_400">#ffef5f5c</color>
+  <color name="color_danger_500">#ffea302d</color>
+  <color name="color_danger_600">#ffc61112</color>
+  <color name="color_danger_700">#ff8c0003</color>
+  <color name="color_danger_800">#ff530000</color>
+  <color name="color_danger_900">#ff2d0000</color>
+  <color name="color_info_100">#ffdaeff7</color>
+  <color name="color_info_200">#ffa7d9ed</color>
+  <color name="color_info_300">#ff73c3e2</color>
+  <color name="color_info_400">#ff3facd7</color>
+  <color name="color_info_500">#ff0b96cc</color>
+  <color name="color_info_600">#ff007bb4</color>
+  <color name="color_info_700">#ff005c91</color>
+  <color name="color_info_800">#ff003a5c</color>
+  <color name="color_info_900">#ff002a41</color>
+  <color name="color_warning_100">#fffdf1e8</color>
+  <color name="color_warning_200">#fff8d2b3</color>
+  <color name="color_warning_300">#fff4b27e</color>
+  <color name="color_warning_400">#ffef934a</color>
+  <color name="color_warning_500">#ffea7315</color>
+  <color name="color_warning_600">#ffc65200</color>
+  <color name="color_warning_700">#ff8c3500</color>
+  <color name="color_warning_800">#ff531b00</color>
+  <color name="color_warning_900">#ff360e00</color>
+  <color name="color_success_100">#ffebf5de</color>
+  <color name="color_success_200">#ffc5e39e</color>
+  <color name="color_success_300">#ff9ed05f</color>
+  <color name="color_success_400">#ff78be20</color>
+  <color name="color_success_500">#ff46a610</color>
+  <color name="color_success_600">#ff188803</color>
+  <color name="color_success_700">#ff006902</color>
+  <color name="color_success_800">#ff035010</color>
+  <color name="color_success_900">#ff023618</color>
+  <color name="color_breadcrumb_arrow">#ff333333</color>
+  <color name="color_breadcrumb_arrow_invert">#ffffffff</color>
+  <color name="color_button_solid_background">#ff007f8c</color>
+  <color name="color_button_solid_font">#ffffffff</color>
+  <color name="color_button_solid_focus_border">#ff006974</color>
+  <color name="color_button_solid_disabled_background">#ffcccccc</color>
+  <color name="color_button_solid_disabled_font">#ff666666</color>
+  <color name="color_button_solid_active_background">#ff006974</color>
+  <color name="color_button_solid_hover_background">#ff006974</color>
+  <color name="color_button_solid_hover_font">#ffffffff</color>
+  <color name="color_button_solid_primary_02_background">#ff6a7081</color>
+  <color name="color_button_solid_primary_02_font">#ffffffff</color>
+  <color name="color_button_solid_primary_02_focus_border">#ff171b26</color>
+  <color name="color_button_solid_primary_02_disabled_background">#ffcccccc</color>
+  <color name="color_button_solid_primary_02_disabled_font">#ff666666</color>
+  <color name="color_button_solid_primary_02_active_background">#ff171b26</color>
+  <color name="color_button_solid_primary_02_hover_background">#ff242938</color>
+  <color name="color_button_solid_primary_02_hover_font">#ffffffff</color>
+  <color name="color_button_solid_neutral_background">#ff333333</color>
+  <color name="color_button_solid_neutral_font">#ffffffff</color>
+  <color name="color_button_solid_neutral_focus_border">#ff191919</color>
+  <color name="color_button_solid_neutral_disabled_background">#ffcccccc</color>
+  <color name="color_button_solid_neutral_disabled_font">#ff666666</color>
+  <color name="color_button_solid_neutral_active_background">#ff333333</color>
+  <color name="color_button_solid_neutral_hover_background">#ff191919</color>
+  <color name="color_button_solid_neutral_hover_font">#ffffffff</color>
+  <color name="color_button_solid_danger_background">#ffc61112</color>
+  <color name="color_button_solid_danger_font">#ffffffff</color>
+  <color name="color_button_solid_danger_focus_border">#ff8c0003</color>
+  <color name="color_button_solid_danger_disabled_background">#ffcccccc</color>
+  <color name="color_button_solid_danger_disabled_font">#ff666666</color>
+  <color name="color_button_solid_danger_active_background">#ff8c0003</color>
+  <color name="color_button_solid_danger_hover_background">#ff8c0003</color>
+  <color name="color_button_solid_danger_hover_font">#ffffffff</color>
+  <color name="color_button_bordered_background">#ffffffff</color>
+  <color name="color_button_bordered_border">#ff007f8c</color>
+  <color name="color_button_bordered_font">#ff007f8c</color>
+  <color name="color_button_bordered_focus_border">#ff006974</color>
+  <color name="color_button_bordered_disabled_background">#ffcccccc</color>
+  <color name="color_button_bordered_disabled_font">#ff666666</color>
+  <color name="color_button_bordered_active_background">#ff91d5db</color>
+  <color name="color_button_bordered_active_font">#ff004e57</color>
+  <color name="color_button_bordered_hover_background">#ffd9f0f3</color>
+  <color name="color_button_bordered_hover_font">#ff006974</color>
+  <color name="color_button_bordered_primary_02_background">#ffffffff</color>
+  <color name="color_button_bordered_primary_02_border">#ff6a7081</color>
+  <color name="color_button_bordered_primary_02_font">#ff6a7081</color>
+  <color name="color_button_bordered_primary_02_focus_border">#ff171b26</color>
+  <color name="color_button_bordered_primary_02_disabled_background">#ffcccccc</color>
+  <color name="color_button_bordered_primary_02_disabled_font">#ff666666</color>
+  <color name="color_button_bordered_primary_02_active_background">#ffcfd2d8</color>
+  <color name="color_button_bordered_primary_02_hover_background">#ffeeeff1</color>
+  <color name="color_button_bordered_neutral_background">#ffffffff</color>
+  <color name="color_button_bordered_neutral_border">#ff333333</color>
+  <color name="color_button_bordered_neutral_font">#ff333333</color>
+  <color name="color_button_bordered_neutral_focus_border">#ff191919</color>
+  <color name="color_button_bordered_neutral_disabled_background">#ffcccccc</color>
+  <color name="color_button_bordered_neutral_disabled_font">#ff666666</color>
+  <color name="color_button_bordered_neutral_active_background">#ffcccccc</color>
+  <color name="color_button_bordered_neutral_hover_background">#ffe6e6e6</color>
+  <color name="color_button_bordered_danger_background">#ffffffff</color>
+  <color name="color_button_bordered_danger_border">#ffc61112</color>
+  <color name="color_button_bordered_danger_font">#ffc61112</color>
+  <color name="color_button_bordered_danger_focus_border">#ff8c0003</color>
+  <color name="color_button_bordered_danger_disabled_background">#ffcccccc</color>
+  <color name="color_button_bordered_danger_disabled_font">#ff666666</color>
+  <color name="color_button_bordered_danger_active_background">#fff8bcbb</color>
+  <color name="color_button_bordered_danger_active_font">#ff530000</color>
+  <color name="color_button_bordered_danger_hover_background">#fffdeaea</color>
+  <color name="color_button_bordered_danger_hover_font">#ff8c0003</color>
+  <color name="color_card_bordered_background">#ffffffff</color>
+  <color name="color_card_bordered_border">#ff808080</color>
+  <color name="color_datatable_filters_border">#ffb0bbc0</color>
+  <color name="color_datatable_container_background">#ffe7e7f0</color>
+  <color name="color_datatable_thead_font">#ff393879</color>
+  <color name="color_datatable_sort_arrow_default">#ffcdd4d8</color>
+  <color name="color_datatable_sort_arrow_active">#ff605f9d</color>
+  <color name="color_datatable_cell_font">#ff191919</color>
+  <color name="color_datatable_cell_background_hover">#ffeaedef</color>
+  <color name="color_datatable_cell_background_selected">#ffd9f0f3</color>
+  <color name="color_datatable_subtable_background">#ffe7e7f0</color>
+  <color name="color_datatable_subtable_border">#ffa4a3c7</color>
+  <color name="color_datatable_subtable_font">#ff1a1a4b</color>
+  <color name="color_datatable_icon">#ff007f8c</color>
+  <color name="color_datatable_empty_background">#ffe7e7f0</color>
+  <color name="color_datatable_empty_color">#ff4b4a8c</color>
+  <color name="color_dialog_background">#ffffffff</color>
+  <color name="color_dialog_icon">#ff666666</color>
+  <color name="color_dialog_close">#ff808080</color>
+  <color name="color_dialog_footer_shadow">#ff191919</color>
+  <color name="color_divider_lightest">#ffffffff</color>
+  <color name="color_divider_light">#ffb3b3b3</color>
+  <color name="color_divider_default">#ff666666</color>
+  <color name="color_divider_dark">#ff000000</color>
+  <color name="color_fields_error">#ffc61112</color>
+  <color name="color_fields_label">#ff333333</color>
+  <color name="color_fields_requirement">#ff666666</color>
+  <color name="color_fields_help">#ff666666</color>
+  <color name="color_fileuploader_font">#ff000000</color>
+  <color name="color_fileuploader_files_list">#ffe6e6e6</color>
+  <color name="color_fileuploader_files_delete">#ffcccccc</color>
+  <color name="color_fileuploader_valid">#ff00919f</color>
+  <color name="color_fileuploader_alert">#ffc61112</color>
+  <color name="color_flag_solid_background">#ff007f8c</color>
+  <color name="color_flag_solid_border">#ff007f8c</color>
+  <color name="color_flag_solid_text">#ffffffff</color>
+  <color name="color_flag_solid_primary_02_background">#ff4b4a8c</color>
+  <color name="color_flag_solid_primary_02_border">#ff4b4a8c</color>
+  <color name="color_flag_solid_primary_02_text">#ffffffff</color>
+  <color name="color_flag_solid_dark_background">#ff000000</color>
+  <color name="color_flag_solid_dark_border">#ff000000</color>
+  <color name="color_flag_solid_dark_text">#ffffffff</color>
+  <color name="color_flag_solid_light_background">#ffffffff</color>
+  <color name="color_flag_solid_light_border">#ffffffff</color>
+  <color name="color_flag_solid_light_text">#ff000000</color>
+  <color name="color_flag_solid_danger_background">#ffc61112</color>
+  <color name="color_flag_solid_danger_border">#ffc61112</color>
+  <color name="color_flag_solid_danger_text">#ffffffff</color>
+  <color name="color_flag_bordered_background">#ffffffff</color>
+  <color name="color_flag_bordered_border">#ff007f8c</color>
+  <color name="color_flag_bordered_text">#ff007f8c</color>
+  <color name="color_flag_bordered_primary_02_background">#ffffffff</color>
+  <color name="color_flag_bordered_primary_02_border">#ff4b4a8c</color>
+  <color name="color_flag_bordered_primary_02_text">#ff4b4a8c</color>
+  <color name="color_flag_bordered_dark_background">#ffffffff</color>
+  <color name="color_flag_bordered_dark_border">#ff000000</color>
+  <color name="color_flag_bordered_dark_text">#ff000000</color>
+  <color name="color_flag_bordered_light_background">#ff000000</color>
+  <color name="color_flag_bordered_light_border">#ffffffff</color>
+  <color name="color_flag_bordered_light_text">#ffffffff</color>
+  <color name="color_flag_bordered_danger_background">#ffffffff</color>
+  <color name="color_flag_bordered_danger_border">#ffc61112</color>
+  <color name="color_flag_bordered_danger_text">#ffc61112</color>
+  <color name="color_focus_gap">#ffffffff</color>
+  <color name="color_focus_border">#ff758992</color>
+  <color name="color_font_primary_01">#ff007f8c</color>
+  <color name="color_font_primary_02">#ff6a7081</color>
+  <color name="color_font_darkest">#ff000000</color>
+  <color name="color_font_darker">#ff191919</color>
+  <color name="color_font_dark">#ff333333</color>
+  <color name="color_font_light">#ff666666</color>
+  <color name="color_font_lightest">#ffffffff</color>
+  <color name="color_font_info">#ff007bb4</color>
+  <color name="color_font_success">#ff188803</color>
+  <color name="color_font_warning">#ffc65200</color>
+  <color name="color_font_danger">#ffc61112</color>
+  <color name="color_heading_underline_default">#ff00919f</color>
+  <color name="color_heading_underline_lightest">#ff91d5db</color>
+  <color name="color_hero_cover_background">#ff191919</color>
+  <color name="color_input_text">#ff191919</color>
+  <color name="color_input_border">#ff666666</color>
+  <color name="color_input_placeholder">#ff666666</color>
+  <color name="color_input_background">#ffffffff</color>
+  <color name="color_input_disabled_background">#ffe6e6e6</color>
+  <color name="color_input_disabled_border">#ffe6e6e6</color>
+  <color name="color_input_disabled_icon">#ff999999</color>
+  <color name="color_input_disabled_label">#ff808080</color>
+  <color name="color_input_hover_border">#ff191919</color>
+  <color name="color_input_focus_border">#ff758992</color>
+  <color name="color_input_valid_border">#ff46a610</color>
+  <color name="color_input_valid_hover_border">#ff035010</color>
+  <color name="color_input_invalid_border">#ffc61112</color>
+  <color name="color_input_invalid_hover_border">#ff530000</color>
+  <color name="color_input_checked_border">#ff00919f</color>
+  <color name="color_input_checked_background">#ff00919f</color>
+  <color name="color_input_checked_icon">#ffffffff</color>
+  <color name="color_input_checked_hover_border">#ff004e57</color>
+  <color name="color_link_dark_base">#ff000000</color>
+  <color name="color_link_dark_visited">#ff333333</color>
+  <color name="color_link_dark_active">#ff333333</color>
+  <color name="color_link_dark_disabled">#ffe6e6e6</color>
+  <color name="color_link_dark_hover">#ff666666</color>
+  <color name="color_link_light_base">#ffffffff</color>
+  <color name="color_link_light_visited">#ffcccccc</color>
+  <color name="color_link_light_active">#ffcccccc</color>
+  <color name="color_link_light_disabled">#ffe6e6e6</color>
+  <color name="color_link_light_hover">#ff999999</color>
+  <color name="color_link_primary_base">#ff007f8c</color>
+  <color name="color_link_primary_visited">#ff006974</color>
+  <color name="color_link_primary_active">#ff006974</color>
+  <color name="color_link_primary_disabled">#ffe6e6e6</color>
+  <color name="color_link_primary_hover">#ff004e57</color>
+  <color name="color_link_primary_02_base">#ff494f60</color>
+  <color name="color_link_primary_02_visited">#ff343b4c</color>
+  <color name="color_link_primary_02_active">#ff343b4c</color>
+  <color name="color_link_primary_02_disabled">#ffe6e6e6</color>
+  <color name="color_link_primary_02_hover">#ff171b26</color>
+  <color name="color_link_danger_base">#ffc61112</color>
+  <color name="color_link_danger_visited">#ff8c0003</color>
+  <color name="color_link_danger_active">#ff8c0003</color>
+  <color name="color_link_danger_disabled">#ffe6e6e6</color>
+  <color name="color_link_danger_hover">#ff530000</color>
+  <color name="color_listbox_background">#ffffffff</color>
+  <color name="color_listbox_border">#ff666666</color>
+  <color name="color_listbox_tile_border">#ffb3b3b3</color>
+  <color name="color_listbox_tile_shadow">#ff191919</color>
+  <color name="color_listbox_tile_hover_background">#ffe6e6e6</color>
+  <color name="color_listbox_disabled_background">#ffcccccc</color>
+  <color name="color_menu_is_active">#ff007f8c</color>
+  <color name="color_menu_hover">#ffeeedea</color>
+  <color name="color_menu_active">#ffdddcd5</color>
+  <color name="color_notification_font">#ff000000</color>
+  <color name="color_notification_information_background">#ffdaeff7</color>
+  <color name="color_notification_information_border">#ff0b96cc</color>
+  <color name="color_notification_information_icon">#ff007bb4</color>
+  <color name="color_notification_success_background">#ffebf5de</color>
+  <color name="color_notification_success_border">#ff46a610</color>
+  <color name="color_notification_success_icon">#ff188803</color>
+  <color name="color_notification_warning_background">#fffdf1e8</color>
+  <color name="color_notification_warning_border">#ffea7315</color>
+  <color name="color_notification_warning_icon">#ffc65200</color>
+  <color name="color_notification_danger_background">#fffdeaea</color>
+  <color name="color_notification_danger_border">#ffea302d</color>
+  <color name="color_notification_danger_icon">#ffc61112</color>
+  <color name="color_option_button_label_shadow">#ffb3b3b3</color>
+  <color name="color_option_button_hover_label_shadow">#ff333333</color>
+  <color name="color_option_button_checked_label_border">#ff00919f</color>
+  <color name="color_option_button_checked_label_shadow">#ffd9f0f3</color>
+  <color name="color_option_button_disabled_label_background">#ffcccccc</color>
+  <color name="color_option_card_label_shadow">#ffb3b3b3</color>
+  <color name="color_option_card_hover_label_shadow">#ff333333</color>
+  <color name="color_option_card_checked_label_border">#ff00919f</color>
+  <color name="color_option_card_checked_label_shadow">#ffd9f0f3</color>
+  <color name="color_option_card_disabled_content">#ffcccccc</color>
+  <color name="color_option_card_disabled_label">#ff666666</color>
+  <color name="color_overlay_background">#ff191919</color>
+  <color name="color_overlay_loader_background">#ff082435</color>
+  <color name="color_password_input_button_hover_background">#ffe6e6e6</color>
+  <color name="color_phone_number_button_border">#ff666666</color>
+  <color name="color_phone_number_list_background">#ffffffff</color>
+  <color name="color_phone_number_item_border">#ffb3b3b3</color>
+  <color name="color_phone_number_item_focus_background">#ffe6e6e6</color>
+  <color name="color_progress_background">#ffcdd4d8</color>
+  <color name="color_progress_indicator">#ff007f8c</color>
+  <color name="color_progress_percentage_default">#ff191919</color>
+  <color name="color_progress_percentage_half">#ffffffff</color>
+  <color name="color_segmented_control_is_active">#ff007f8c</color>
+  <color name="color_segmented_control_hover">#ffeeedea</color>
+  <color name="color_segmented_control_active">#ffdddcd5</color>
+  <color name="color_segmented_control_background">#ff007f8c</color>
+  <color name="color_sidebar_background">#ff082435</color>
+  <color name="color_sidebar_feature_background">#ff082435</color>
+  <color name="color_sidebar_feature_hover_background">#ff405d68</color>
+  <color name="color_sidebar_feature_selected_background">#ff5b737d</color>
+  <color name="color_sidebar_feature_disabled_background">#ff92a2a9</color>
+  <color name="color_sidebar_user_background">#ff264653</color>
+  <color name="color_sidebar_divider_background">#ff5b737d</color>
+  <color name="color_sidebar_icon">#ffffffff</color>
+  <color name="color_sidebar_text_background">#ffe6e6e6</color>
+  <color name="color_sidebar_text_color">#ffffffff</color>
+  <color name="color_sidebar_scroll_background">#ff082435</color>
+  <color name="color_sidebar_scroll_color">#ff009eac</color>
+  <color name="color_star_empty">#ffffffff</color>
+  <color name="color_star_focus">#ff758992</color>
+  <color name="color_star_full">#ffea7315</color>
+  <color name="color_star_hover">#fff4b27e</color>
+  <color name="color_stepper_item_background">#ff999999</color>
+  <color name="color_stepper_item_current_background">#ff00919f</color>
+  <color name="color_stepper_link_hover_text">#ff00919f</color>
+  <color name="color_stepper_indicator_background">#ffffffff</color>
+  <color name="color_stepper_indicator_border">#ff999999</color>
+  <color name="color_stepper_indicator_current_background">#ff00919f</color>
+  <color name="color_stepper_indicator_current_border">#ff00919f</color>
+  <color name="color_stepper_icon">#ff00919f</color>
+  <color name="color_stepper_title">#ff00919f</color>
+  <color name="color_tabs_background">#ffffffff</color>
+  <color name="color_tabs_shadow">#ff000000</color>
+  <color name="color_tabs_default">#ff666666</color>
+  <color name="color_tabs_element_background">#ffeeedea</color>
+  <color name="color_tabs_hover_background">#ffeeedea</color>
+  <color name="color_tabs_disabled_background">#ffcccccc</color>
+  <color name="color_tabs_active_background">#ffdddcd5</color>
+  <color name="color_tabs_active_text">#ff4d4d4d</color>
+  <color name="color_tabs_selected_border">#ff007f8c</color>
+  <color name="color_tabs_selected_text">#ff007f8c</color>
+  <color name="color_tabs_selected_active_text">#ff006974</color>
+  <color name="color_tabs_selected_hover_text">#ff006974</color>
+  <color name="color_tabs_active_disabled">#ff91d5db</color>
+  <color name="color_tag_text_light_background">#ffffffff</color>
+  <color name="color_tag_text_light_border">#ff808080</color>
+  <color name="color_tag_text_light_text">#ff191919</color>
+  <color name="color_tag_text_dark_background">#ff191919</color>
+  <color name="color_tag_text_dark_border">#ffffffff</color>
+  <color name="color_tag_text_dark_text">#ffffffff</color>
+  <color name="color_tag_link_light_background">#ffffffff</color>
+  <color name="color_tag_link_light_border">#ff808080</color>
+  <color name="color_tag_link_light_text">#ff191919</color>
+  <color name="color_tag_link_light_hover_background">#ffe6e6e6</color>
+  <color name="color_tag_link_light_active_background">#ffcccccc</color>
+  <color name="color_tag_link_dark_background">#ff191919</color>
+  <color name="color_tag_link_dark_border">#ffffffff</color>
+  <color name="color_tag_link_dark_text">#ffffffff</color>
+  <color name="color_tag_link_dark_hover_background">#ff333333</color>
+  <color name="color_tag_link_dark_active_background">#ff4d4d4d</color>
+  <color name="color_tag_selectable_light_background">#ffffffff</color>
+  <color name="color_tag_selectable_light_border">#ff808080</color>
+  <color name="color_tag_selectable_light_text">#ff191919</color>
+  <color name="color_tag_selectable_light_hover_background">#ff48bac4</color>
+  <color name="color_tag_selectable_light_active_background">#ff004e57</color>
+  <color name="color_tag_selectable_light_active_border">#ff004e57</color>
+  <color name="color_tag_selectable_light_active_text">#ffffffff</color>
+  <color name="color_tag_selectable_light_disabled_background">#ffe6e6e6</color>
+  <color name="color_tag_selectable_light_disabled_text">#ff808080</color>
+  <color name="color_tag_selectable_light_selected_background">#ff007f8c</color>
+  <color name="color_tag_selectable_light_selected_text">#ffffffff</color>
+  <color name="color_tag_selectable_light_selected_hover_background">#ff006974</color>
+  <color name="color_tag_selectable_dark_background">#ff191919</color>
+  <color name="color_tag_selectable_dark_border">#ffffffff</color>
+  <color name="color_tag_selectable_dark_text">#ffffffff</color>
+  <color name="color_tag_selectable_dark_hover_background">#ff006974</color>
+  <color name="color_tag_selectable_dark_active_background">#ff91d5db</color>
+  <color name="color_tag_selectable_dark_active_border">#ff91d5db</color>
+  <color name="color_tag_selectable_dark_active_text">#ff191919</color>
+  <color name="color_tag_selectable_dark_selected_background">#ff009eac</color>
+  <color name="color_tag_selectable_dark_selected_border">#ff009eac</color>
+  <color name="color_tag_selectable_dark_selected_text">#ff191919</color>
+  <color name="color_tag_selectable_dark_selected_hover_background">#ff48bac4</color>
+  <color name="color_tag_selectable_dark_disabled_background">#ff4d4d4d</color>
+  <color name="color_tag_selectable_dark_disabled_text">#ff808080</color>
+  <color name="color_tag_removable_light_background">#ff333333</color>
+  <color name="color_tag_removable_light_text">#ffffffff</color>
+  <color name="color_tag_removable_light_icon">#ffcccccc</color>
+  <color name="color_tag_removable_light_hover_background">#ff4d4d4d</color>
+  <color name="color_tag_removable_light_active_background">#ff666666</color>
+  <color name="color_tag_removable_dark_background">#ffcccccc</color>
+  <color name="color_tag_removable_dark_text">#ff191919</color>
+  <color name="color_tag_removable_dark_icon">#ff191919</color>
+  <color name="color_tag_removable_dark_hover_background">#ffb3b3b3</color>
+  <color name="color_tag_removable_dark_active_background">#ff999999</color>
+  <color name="color_toggle_label">#ff000000</color>
+  <color name="color_toggle_off_background">#ff666666</color>
+  <color name="color_toggle_off_circle">#ffffffff</color>
+  <color name="color_toggle_on_background">#ff00919f</color>
+  <color name="color_toggle_on_circle">#ffffffff</color>
+  <color name="color_toggle_hover_circle">#ffe6e6e6</color>
+  <color name="color_toggle_disabled_background">#ffe6e6e6</color>
+  <color name="color_toggle_disabled_circle">#ffb3b3b3</color>
+  <color name="color_toggle_disabled_label">#ff808080</color>
+  <color name="color_toggle_disabled_checked_background">#ff91d5db</color>
+  <color name="color_toggle_disabled_checked_circle">#ffffffff</color>
+  <color name="color_tooltip_background">#ff5b737d</color>
+  <color name="color_tooltip_border">#ffffffff</color>
+  <color name="color_secondary_sandgrey_100">#ffeeedea</color>
+  <color name="color_secondary_sandgrey_200">#ffdddcd5</color>
+  <color name="color_secondary_sandgrey_300">#ffc2c1ba</color>
+  <color name="color_secondary_sandgrey_400">#ffa7a6a0</color>
+  <color name="color_secondary_sandgrey_500">#ff8c8b85</color>
+  <color name="color_secondary_sandgrey_600">#ff71706b</color>
+  <color name="color_secondary_sandgrey_700">#ff555550</color>
+  <color name="color_secondary_sandgrey_800">#ff3a3936</color>
+  <color name="color_secondary_sandgrey_900">#ff1e1e1c</color>
+  
+</resources>