diff --git a/.github/resources/BF/logo_latch.png b/.github/resources/BF/logo_latch.png
new file mode 100644
index 0000000000..bda3623ee5
Binary files /dev/null and b/.github/resources/BF/logo_latch.png differ
diff --git a/.github/workflows/schema-validator.yml b/.github/workflows/schema-validator.yml
index e3fdd0ef80..ea324346a7 100644
--- a/.github/workflows/schema-validator.yml
+++ b/.github/workflows/schema-validator.yml
@@ -19,24 +19,24 @@ jobs:
file: "tokens/movistar.json"
schema: "tokens/schema/skin-schema.json"
- Movistar-legacy:
+ O2:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Validate action.yml against a remote schema
uses: cardinalby/schema-validator-action@v1
with:
- file: "tokens/movistar-legacy.json"
+ file: "tokens/o2.json"
schema: "tokens/schema/skin-schema.json"
- O2:
+ O2-new:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Validate action.yml against a remote schema
uses: cardinalby/schema-validator-action@v1
with:
- file: "tokens/o2.json"
+ file: "tokens/o2-new.json"
schema: "tokens/schema/skin-schema.json"
Vivo:
diff --git a/CHANGELOG.md b/CHANGELOG.md
index f597cf1ffd..fd514b931e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,47 +1,98 @@
# Figma Changelog
-
+[13.2.0](changelog-versions/13.2.0.md)
+[13.1.0](changelog-versions/13.1.0.md)
+
+[13.0.2](changelog-versions/13.0.2.md)
+
+[13.0.1](changelog-versions/13.0.1.md)
+
+## [13.0.0](changelog-versions/13.0.0.md)
+
+[12.3.1](changelog-versions/12.3.1.md)
+
+[12.3.0](changelog-versions/12.3.0.md)
+
+[12.2.0](changelog-versions/12.2.0.md)
+
+[12.0.1](changelog-versions/12.0.1.md)
+
+## [12.0.0](changelog-versions/12.0.0.md)
+
+[11.4.0](changelog-versions/11.4.0.md)
+
+[11.3.0](changelog-versions/11.3.0.md)
+
+[11.2.0](changelog-versions/11.2.0.md)
+
+[11.1.0](changelog-versions/11.1.0.md)
+
+## [11.0.0](changelog-versions/11.0.0.md)
+
+## [10.0.0](changelog-versions/10.0.0.md)
+
+[9.3.0](changelog-versions/9.3.0.md)
+
+[9.2.0](changelog-versions/9.2.0.md)
+
+[9.1.0](changelog-versions/9.1.0.md)
+
+## [9.0.0](changelog-versions/9.0.0.md)
+
+[8.4.0](changelog-versions/8.4.0.md)
+
+[8.3.0](changelog-versions/8.3.0.md)
+
+[8.2.0](changelog-versions/8.2.0.md)
+
+[8.1.0](changelog-versions/8.1.0.md)
+
+## [8.0.0](changelog-versions/8.0.0.md)
+
+[7.3.0](changelog-versions/7.3.0.md)
+
+[7.2.0](changelog-versions/7.2.0.md)
+
+[7.1.1](changelog-versions/7.1.1.md)
+
+[7.1.0](changelog-versions/7.1.0.md)
+
+[7.0.2](changelog-versions/7.0.2.md)
+
+[7.0.1](changelog-versions/7.0.1.md)
+
+## [7.0.0](changelog-versions/7.0.0.md)
+
+[6.3.0](changelog-versions/6.3.0.md)
+
+[6.2.0](changelog-versions/6.2.0.md)
+
+[6.1.0](changelog-versions/6.1.0.md)
+
+## [6.0.0](changelog-versions/6.0.0.md)
+
+[5.4.0](changelog-versions/5.4.0.md)
+
+[5.3.0](changelog-versions/5.3.0.md)
+
+[5.2.2](changelog-versions/5.2.2.md)
+
+[5.2.1](changelog-versions/5.2.1.md)
+
+[5.2.0](changelog-versions/5.2.0.md)
+
+[5.1.0](changelog-versions/5.1.0.md)
+
+## [5.0.0](changelog-versions/5.0.0.md)
+
+[4.11.0](changelog-versions/4.11.0.md)
+
+[4.10.0](changelog-versions/4.10.0.md)
+
+[4.9.0](changelog-versions/4.9.0.md)
+
+[4.8.0](changelog-versions/4.8.0.md)
---
[Changelog history →](https://paper.dropbox.com/doc/Changelog-Mistica-Design-System--BlDyPv0kWq8W502b64VVIPMsAQ-il1pWXaGur0Nm88P831X2)
diff --git a/changelog-versions/12.0.0.md b/changelog-versions/12.0.0.md
index 8909688048..eaeeb3221b 100644
--- a/changelog-versions/12.0.0.md
+++ b/changelog-versions/12.0.0.md
@@ -47,4 +47,6 @@
## 📒 Documentation changes
+- ButtonLinkDanger component [#1430](https://github.com/Telefonica/mistica-design/issues/1430)
+- Loading Screen component [#1560](https://github.com/Telefonica/mistica-design/issues/1560)
- Mosaic component [#1556](https://github.com/Telefonica/mistica-design/issues/1556)
diff --git a/changelog-versions/12.0.1.md b/changelog-versions/12.0.1.md
new file mode 100644
index 0000000000..63c4cb21a9
--- /dev/null
+++ b/changelog-versions/12.0.1.md
@@ -0,0 +1,11 @@
+## 🔄 Changed
+
+- Use hardcode color in ios inactive switch [#1620](https://github.com/Telefonica/mistica-design/issues/1620)
+
+## 🐞 Bugs fixed
+
+- Color token change not working in a few icons [#1604](https://github.com/Telefonica/mistica-design/issues/1604)
+
+## 📒 Documentation changes
+
+- Document the last divider in Lists & Accordions [#1614](https://github.com/Telefonica/mistica-design/issues/1614)
diff --git a/changelog-versions/12.2.0.md b/changelog-versions/12.2.0.md
new file mode 100644
index 0000000000..8a50b26f16
--- /dev/null
+++ b/changelog-versions/12.2.0.md
@@ -0,0 +1,34 @@
+## ✨ New!
+
+- Slider component [#977](https://github.com/Telefonica/mistica-design/issues/977)
+
+## ➕ Added
+
+- → Template Kits: Backoffice tools [#670](https://github.com/Telefonica/mistica-design/issues/670)
+
+## 🔄 Changed
+
+- ControlInverse y ControlActivated son iguales [#1637](https://github.com/Telefonica/mistica-design/issues/1637)
+- Global definition for hyphens [#1622](https://github.com/Telefonica/mistica-design/issues/1622)
+- Update tooltip size in mobile [#1573](https://github.com/Telefonica/mistica-design/issues/1573)
+
+## 🐞 Bugs fixed
+
+- Button secondary background [#1552](https://github.com/Telefonica/mistica-design/issues/1552)
+- Stacking group resources bugged [#1619](https://github.com/Telefonica/mistica-design/issues/1619)
+
+## O2
+
+- Cloud icon in O2 [#1634](https://github.com/Telefonica/mistica-design/issues/1634)
+
+## ⚙️ Icon changes
+
+- Cloud icon in O2 [#1634](https://github.com/Telefonica/mistica-design/issues/1634)
+
+## 📒 Documentation changes
+
+- Custom carousels controls documentation [#1632](https://github.com/Telefonica/mistica-design/issues/1632)
+- Guide to tokens contribution for external design teams [#1348](https://github.com/Telefonica/mistica-design/issues/1348)
+- Text wrapping in documentation [#1643](https://github.com/Telefonica/mistica-design/issues/1643)
+- Update popover specs [#1569](https://github.com/Telefonica/mistica-design/issues/1569)
+- Update tooltip specs [#1570](https://github.com/Telefonica/mistica-design/issues/1570)
diff --git a/changelog-versions/12.3.0.md b/changelog-versions/12.3.0.md
new file mode 100644
index 0000000000..4781005534
--- /dev/null
+++ b/changelog-versions/12.3.0.md
@@ -0,0 +1,35 @@
+## ✨ New!
+
+- Tu Brand [#1592](https://github.com/Telefonica/mistica-design/issues/1592)
+
+## ➕ Added
+
+- Add subtitle in Poster Card [#1635](https://github.com/Telefonica/mistica-design/issues/1635)
+- Tag Evolution (Add a Badge) [#1625](https://github.com/Telefonica/mistica-design/issues/1625)
+- Add double interaction with right slot in rows [#1553](https://github.com/Telefonica/mistica-design/issues/1553)
+
+## 🔄 Changed
+
+- Badge without Border [#1642](https://github.com/Telefonica/mistica-design/issues/1642)
+- Fix icon chevron in buttonLink to text baseline [#1631](https://github.com/Telefonica/mistica-design/issues/1631)
+- Icon Button evolution [#1601](https://github.com/Telefonica/mistica-design/issues/1601)
+
+## 🐞 Bugs fixed
+
+- Border Radius Button Group [#1589](https://github.com/Telefonica/mistica-design/issues/1589)
+- Poster Card Description bug [#1654](https://github.com/Telefonica/mistica-design/issues/1654)
+- Switching to android nav & status bars in feedbacks seems broken [#1638](https://github.com/Telefonica/mistica-design/issues/1638)
+
+## Vivo
+
+- Missing weight in Video-serveillance-regular icon [#1665](https://github.com/Telefonica/mistica-design/issues/1665)
+- Random icon [#1666](https://github.com/Telefonica/mistica-design/issues/1666)
+- signal-amplifier icon [#1667](https://github.com/Telefonica/mistica-design/issues/1667)
+- Telephone icon [#1668](https://github.com/Telefonica/mistica-design/issues/1668)
+
+## ⚙️ Icon changes
+
+- Missing weight in Video-serveillance-regular icon [#1665](https://github.com/Telefonica/mistica-design/issues/1665)
+- Random icon [#1666](https://github.com/Telefonica/mistica-design/issues/1666)
+- signal-amplifier icon [#1667](https://github.com/Telefonica/mistica-design/issues/1667)
+- Telephone icon [#1668](https://github.com/Telefonica/mistica-design/issues/1668)
diff --git a/changelog-versions/12.3.1.md b/changelog-versions/12.3.1.md
new file mode 100644
index 0000000000..ca75e43389
--- /dev/null
+++ b/changelog-versions/12.3.1.md
@@ -0,0 +1,3 @@
+## 🐞 Bugs fixed
+
+- Detail boolean in mobile lists [#1678](https://github.com/Telefonica/mistica-design/issues/1678)
diff --git a/changelog-versions/13.0.0.md b/changelog-versions/13.0.0.md
new file mode 100644
index 0000000000..adbadcbf54
--- /dev/null
+++ b/changelog-versions/13.0.0.md
@@ -0,0 +1,51 @@
+## ✨ New!
+
+- toggleButton component [#880](https://github.com/Telefonica/mistica-design/issues/880)
+
+## ➕ Added
+
+- displayCardGradient token [#1701](https://github.com/Telefonica/mistica-design/issues/1701)
+- backgroundBrandTop & backgroundBottomTop token for overscroll [#1690](https://github.com/Telefonica/mistica-design/issues/1690)
+- Support toggle in card top actions [#1679](https://github.com/Telefonica/mistica-design/issues/1679)
+
+## ⚠️ Breaking changes
+
+- Buttons positioning in ButtonLayout [#1674](https://github.com/Telefonica/mistica-design/issues/1674)
+- Figma's rows don't allow 64x64 images [#1629](https://github.com/Telefonica/mistica-design/issues/1629)
+- Nubin Popover alignment in desktop [#1432](https://github.com/Telefonica/mistica-design/issues/1432)
+- Popover Mobile / Desktop - Bug [#1507](https://github.com/Telefonica/mistica-design/issues/1507)
+- Row inverse versions are linked to a broken resource [#1671](https://github.com/Telefonica/mistica-design/issues/1671)
+- SnapCard description and subtitle color change [#1353](https://github.com/Telefonica/mistica-design/issues/1353)
+- Subtitle color consistency across components [#1699](https://github.com/Telefonica/mistica-design/issues/1699)
+- Support iconButton in Cards [#1650](https://github.com/Telefonica/mistica-design/issues/1650)
+
+## 🔄 Changed
+
+- Make `description` field optional for Highlghted Cards [#1673](https://github.com/Telefonica/mistica-design/issues/1673)
+- Split tag tokens [#1627](https://github.com/Telefonica/mistica-design/issues/1627)
+- Update components with iconButton [#1688](https://github.com/Telefonica/mistica-design/issues/1688)
+- Update Naked Card padding right [#1686](https://github.com/Telefonica/mistica-design/issues/1686)
+- Weight text style for snap and nakedSmall (Only Figma) [#1720](https://github.com/Telefonica/mistica-design/issues/1720)
+
+## ❌ Removed
+
+- Pricing en Fixed Footer Layout [#1659](https://github.com/Telefonica/mistica-design/issues/1659)
+
+## 🐞 Bugs fixed
+
+- Allow avatar size change in rows [#1645](https://github.com/Telefonica/mistica-design/issues/1645)
+- ButtonLayout in desktop [#1684](https://github.com/Telefonica/mistica-design/issues/1684)
+- Sheet row selected state is blocked [#1693](https://github.com/Telefonica/mistica-design/issues/1693)
+- Snap card layers doesn't match between mobile and desktop [#1006](https://github.com/Telefonica/mistica-design/issues/1006)
+- Text components desaligned on Stepper desktop component [#1685](https://github.com/Telefonica/mistica-design/issues/1685)
+- Update stacking group in desktop library + mobile fixes [#1639](https://github.com/Telefonica/mistica-design/issues/1639)
+
+## O2
+
+- displayCardGradient token [#1701](https://github.com/Telefonica/mistica-design/issues/1701)
+
+## 📒 Documentation changes
+
+- Sheet update accessibility specs [#1636](https://github.com/Telefonica/mistica-design/issues/1636)
+- Support toggle in card top actions [#1679](https://github.com/Telefonica/mistica-design/issues/1679)
+- toggleButton component [#880](https://github.com/Telefonica/mistica-design/issues/880)
diff --git a/changelog-versions/13.0.1.md b/changelog-versions/13.0.1.md
new file mode 100644
index 0000000000..63640cfcb3
--- /dev/null
+++ b/changelog-versions/13.0.1.md
@@ -0,0 +1,3 @@
+## 🔄 Changed
+
+- Due merge conflicts subtitle in desktop accordion and list has no changed [#1724](https://github.com/Telefonica/mistica-design/issues/1724)
diff --git a/changelog-versions/13.0.2.md b/changelog-versions/13.0.2.md
new file mode 100644
index 0000000000..eae9167c0a
--- /dev/null
+++ b/changelog-versions/13.0.2.md
@@ -0,0 +1,3 @@
+## 🐞 Bugs fixed
+
+- Mobile library components not changing border radius [#1729](https://github.com/Telefonica/mistica-design/issues/1729)
diff --git a/changelog-versions/13.1.0.md b/changelog-versions/13.1.0.md
new file mode 100644
index 0000000000..0ab35d9cd2
--- /dev/null
+++ b/changelog-versions/13.1.0.md
@@ -0,0 +1,25 @@
+## ➕ Added
+
+- Add boolean properties to list structure resource [#1726](https://github.com/Telefonica/mistica-design/issues/1726)
+- new routine and ethernet icons in vivo [#1721](https://github.com/Telefonica/mistica-design/issues/1721)
+
+## 🔄 Changed
+
+- → Accessibility: Components | Lists [#1489](https://github.com/Telefonica/mistica-design/issues/1489)
+
+## 🐞 Bugs fixed
+
+- Icon Sizes | Theme Context [#1669](https://github.com/Telefonica/mistica-design/issues/1669)
+
+## Vivo
+
+- new routine and ethernet icons in vivo [#1721](https://github.com/Telefonica/mistica-design/issues/1721)
+
+## ⚙️ Icon changes
+
+- new routine and ethernet icons in vivo [#1721](https://github.com/Telefonica/mistica-design/issues/1721)
+
+## 📒 Documentation changes
+
+- Heading level in components [#1716](https://github.com/Telefonica/mistica-design/issues/1716)
+- Include input placeholder definition in specs [#1363](https://github.com/Telefonica/mistica-design/issues/1363)
diff --git a/changelog-versions/13.2.0.md b/changelog-versions/13.2.0.md
new file mode 100644
index 0000000000..535a9baad5
--- /dev/null
+++ b/changelog-versions/13.2.0.md
@@ -0,0 +1,17 @@
+## ➕ Added
+
+- Add custom sheet to the UI kit in figma [#1744](https://github.com/Telefonica/mistica-design/issues/1744)
+- Add more tabs in Tabs component [#1739](https://github.com/Telefonica/mistica-design/issues/1739)
+- Rowlist danger [#1708](https://github.com/Telefonica/mistica-design/issues/1708)
+
+## 🔄 Changed
+
+- Rename backgroundFeedbackBottom to backgroundBrandBottom in Figma libraries [#1740](https://github.com/Telefonica/mistica-design/issues/1740)
+
+## 🐞 Bugs fixed
+
+- Row List vertical divider on figma [#1734](https://github.com/Telefonica/mistica-design/issues/1734)
+
+## 📒 Documentation changes
+
+- Rowlist danger [#1708](https://github.com/Telefonica/mistica-design/issues/1708)
diff --git a/guides/colors-contribution.md b/guides/colors-contribution.md
index 3903907b42..fd066b1b86 100644
--- a/guides/colors-contribution.md
+++ b/guides/colors-contribution.md
@@ -10,6 +10,17 @@ Currently, here is the list of changes that we believe an external design team c
- [Constants](#constants)
- [Border Radius](#border-radius)
+## Index
+
+- [Install a text editor](#install-a-text-editor)
+- [Install GitHub Desktop](#install-github-desktop)
+- [Open the repository in VSCode](#open-the-repository-in-vs-code)
+- [Create a new branch to make changes](#create-a-new-branch-to-make-changes)
+- [Modifying the JSON file](#modifying-the-json-file)
+- [Modifying the JSON schema](#modifying-the-json-schema)
+- [Save changes and publish your branch](#save-changes-and-publish-your-branch)
+- [Create a pull request to mistica-design repository](#create-a-pull-request-to-the-mistica-design-repository)
+
# Steps to Contribute to mistica-design
## Install a Text Editor
@@ -46,13 +57,12 @@ If Visual Studio Code is not your default editor, you can change it from "prefer
## Create a New Branch to Make Changes
-Before making modifications to the JSON files, it's a good practice to create a new branch in the repository. This will allow you to work in isolation and maintain a clear history of your changes.
+Before making modifications to the JSON files, it's a good practice to create a new branch in the repository. This will allow you to work in isolation and maintain a clear history of your changes.
> [!NOTE]
->
+>
> Before creating a new branch there are some considerations of the repo organization. The main branch is pre-production but normally the changes required, unless they have other dependencies or they need to be delayed to a specific release, can go into the production branch.
-
Follow these steps to create a new branch:
1. In VS Code, click on the version control icon in the bottom left corner. Usually, this icon has the git symbol:
@@ -62,10 +72,9 @@ Follow these steps to create a new branch:
2. In the top of the version control window, you will find a text box indicating the current branch. Click on that text box and select "Create new branch" from the dropdown menu.
> [!IMPORTANT]
->
+>
> If you need to create a branch from production choose the option "Create branch from" and select the production branch.
-
If you need to change the production branch
@@ -74,7 +83,7 @@ If you need to change the production branch
4. Make sure the new branch is selected as the active branch before proceeding with the modifications to the JSON files.
-## Modifying el JSON
+## Modifying the JSON file
The JSON files for different brands are located in the tokens directory.
@@ -98,7 +107,7 @@ The JSON file for a brand has the following structure:
The palette is located within the `global` / `palette` category and is composed of different tokens that are later used as values by the constants. Within the palette, the following modifications can be made:
> [!WARNING]
->
+>
> **Changes that entail a breaking change**
>
> Although these changes are possible, modifying or removing a token from the palette may cause a breaking change in any product that directly consumes these tokens.
@@ -151,7 +160,7 @@ Where 0.5 is the alpha channel and can have a value between 0 and 1.
Constants allow the following modifications:
> [!WARNING]
->
+>
> **Changes that cannot be made:**
>
> - Name modification
@@ -166,7 +175,7 @@ The value of a constant can be modified. It's important to note that if you want
> [!NOTE]
->
+>
> When modifying a `value`, the `description` field must also be updated with the same value. For example, if the change is from "movistarBlue" to "movistarBlue55," the value should be: "{palette.movistarBlue55}" and the description: "movistarBlue55".
### Border radius
@@ -174,7 +183,7 @@ The value of a constant can be modified. It's important to note that if you want
The border-radius tokens are located within the `radius` category. In this category, the following modifications can be made:
> [!WARNING]
->
+>
> **Changes that cannot be made:**
>
> - Name modification
@@ -188,9 +197,48 @@ The `value` field of a border-radius token can be modified:
+## Modifying the JSON schema
+
+> [!WARNING]
+>
+> **Maintainers only**
+>
+> To configure JSON schema in VSCode read [this documentation](https://github.com/Telefonica/mistica-design/blob/update-colors-contribution/guides/vsco-configuration.md)
+
+In order to add, delete tokens or modify the name of existing tokens, the JSON schema should be updated to avoid check failure in the PRs containing the tokens.
+
+The JSON schema can be found in `tokens` / `schema` / `skin-schema.json`.
+
+### Add a new constant
+
+In order to add a new constant you need to add a new entry in:
+
+- `global` / `constants` / `required`: `"yourTokenName"`
+- `global` / `constants` / `properties`: `"yourTokenName": { "$ref": "#/definitions/constantProperties" }`,
+
+
+
+### Add a new variable
+
+To add a new variable you need to update the constant properties:
+
+- `definitions` / `constantProperties` / `patternProperties` / `value` / `anyOf` / `pattern`
+- `definitions` / `constantProperties` / `patternProperties` / `value` / `properties` / `colors` / `items` / `properties` / `value` / `anyOf` / `pattern`
+
+
+
+
+Inside both arrays you can find all the brands so you can add the variable names needed.
+
+Each `pattern` has two regex expressions combined (rgba and non rgba values), so you will need to add two entries of the variable name.
+
+You'll need to update also the regex that checks that valid description is provided:
+
+- `definitions` / `constantProperties` / `patternProperties` / `description` / `anyOf`
+
## Save Changes and Publish Your Branch
-Once you have made the necessary modifications to the JSON files, you need to save your changes and publish the branch to the remote repository.
+Once you have made the necessary modifications to the JSON files, you need to save your changes and publish the branch to the remote repository.
### Visual Studio Code
@@ -231,7 +279,7 @@ When the branch has been published, you can create a pull request to merge the c
> [!NOTE]
->
+>
> There may be cases where the base branch is not pre-production but production. This typically happens when there are changes that need to be made quickly to fix something in one of the implementations (native / web). Before creating a PR to production, consult with design-core.
4. When everything is correct, write a descriptive title for the Pull Request, and in the field on the right, assign a reviewer from the design-core team.
diff --git a/tokens/blau.json b/tokens/blau.json
index 3257d1b1af..27941943f8 100644
--- a/tokens/blau.json
+++ b/tokens/blau.json
@@ -25,6 +25,11 @@
"type": "color",
"description": "white"
},
+ "backgroundContainerError": {
+ "value": "{palette.blauRed10}",
+ "type": "color",
+ "description": "blauRed10"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.blauBluePrimary}, 0.03)",
"type": "color",
@@ -85,7 +90,12 @@
"type": "color",
"description": "blauBluePrimary20"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.blauBluePrimary}",
+ "type": "color",
+ "description": "blauBluePrimary"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.blauBluePrimary}",
"type": "color",
"description": "blauBluePrimary"
@@ -296,9 +306,9 @@
"description": "blauBlueSecondary"
},
"controlInverse": {
- "value": "{palette.white}",
+ "value": "{palette.blauBluePrimary30}",
"type": "color",
- "description": "white"
+ "description": "blauBluePrimary30"
},
"controlActivatedInverse": {
"value": "{palette.white}",
@@ -435,6 +445,16 @@
"type": "color",
"description": "blauRed"
},
+ "textError": {
+ "value": "{palette.blauRed}",
+ "type": "color",
+ "description": "blauRed"
+ },
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
"success": {
"value": "{palette.blauGreen}",
"type": "color",
@@ -554,6 +574,87 @@
"value": "{palette.blauBluePrimary}",
"type": "color",
"description": "blauBluePrimary"
+ },
+ "tagTextPromo": {
+ "value": "{palette.blauPurple}",
+ "type": "color",
+ "description": "blauPurple"
+ },
+ "tagTextActive": {
+ "value": "{palette.blauBluePrimary}",
+ "type": "color",
+ "description": "blauBluePrimary"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.blauGreen70}",
+ "type": "color",
+ "description": "blauGreen70"
+ },
+ "tagTextWarning": {
+ "value": "{palette.blauYellow70}",
+ "type": "color",
+ "description": "blauYellow70"
+ },
+ "tagTextError": {
+ "value": "{palette.blauRed70}",
+ "type": "color",
+ "description": "blauRed70"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.blauPurple10}",
+ "type": "color",
+ "description": "blauPurple10"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.blauBlueSecondary10}",
+ "type": "color",
+ "description": "blauBlueSecondary10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey1}",
+ "type": "color",
+ "description": "grey1"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.blauGreen10}",
+ "type": "color",
+ "description": "blauGreen10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.blauYellow10}",
+ "type": "color",
+ "description": "blauYellow10"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.blauRed10}",
+ "type": "color",
+ "description": "blauRed10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.grey6}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
}
},
"dark": {
@@ -582,6 +683,11 @@
"type": "color",
"description": "darkModeGrey"
},
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.white}, 0.03)",
"type": "color",
@@ -632,7 +738,12 @@
"type": "color",
"description": "darkModeGrey6"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
@@ -703,7 +814,7 @@
"description": "blauPurple"
},
"buttonLinkDangerBackgroundInverse": {
- "value": "rgba({palette.white}, 0.01)",
+ "value": "rgba({palette.white}, 0)",
"type": "color",
"description": "blauPurple"
},
@@ -992,6 +1103,16 @@
"type": "color",
"description": "blauRed"
},
+ "textError": {
+ "value": "{palette.blauRed}",
+ "type": "color",
+ "description": "blauRed"
+ },
+ "textErrorInverse": {
+ "value": "{palette.blauRed}",
+ "type": "color",
+ "description": "blauRed"
+ },
"success": {
"value": "{palette.blauGreen}",
"type": "color",
@@ -1111,6 +1232,87 @@
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
+ },
+ "tagTextPromo": {
+ "value": "{palette.blauPurple30}",
+ "type": "color",
+ "description": "blauPurple30"
+ },
+ "tagTextActive": {
+ "value": "{palette.blauBluePrimary}",
+ "type": "color",
+ "description": "blauBluePrimary"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.blauGreen30}",
+ "type": "color",
+ "description": "blauGreen30"
+ },
+ "tagTextWarning": {
+ "value": "{palette.blauYellow40}",
+ "type": "color",
+ "description": "blauYellow40"
+ },
+ "tagTextError": {
+ "value": "{palette.blauRed40}",
+ "type": "color",
+ "description": "blauRed40"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.grey6}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
}
},
"radius": {
diff --git a/tokens/movistar.json b/tokens/movistar.json
index f1563956ae..a0f0366d9a 100644
--- a/tokens/movistar.json
+++ b/tokens/movistar.json
@@ -25,6 +25,11 @@
"type": "color",
"description": "white"
},
+ "backgroundContainerError": {
+ "value": "{palette.pepper10}",
+ "type": "color",
+ "description": "pepper10"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.darkModeBlack}, 0.03)",
"type": "color",
@@ -75,7 +80,12 @@
"type": "color",
"description": "movistarBlue55"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.movistarBlue}",
+ "type": "color",
+ "description": "movistarBlue"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.movistarBlue}",
"type": "color",
"description": "movistarBlue"
@@ -296,9 +306,9 @@
"description": "movistarBlue"
},
"controlInverse": {
- "value": "{palette.white}",
+ "value": "{palette.movistarBlue20}",
"type": "color",
- "description": "white"
+ "description": "movistarBlue20"
},
"controlActivatedInverse": {
"value": "{palette.white}",
@@ -445,6 +455,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
"promo": {
"value": "{palette.purple}",
"type": "color",
@@ -554,6 +574,87 @@
"value": "{palette.movistarBlue}",
"type": "color",
"description": "movistarBlue"
+ },
+ "tagTextPromo": {
+ "value": "{palette.purple70}",
+ "type": "color",
+ "description": "purple70"
+ },
+ "tagTextActive": {
+ "value": "{palette.movistarBlue}",
+ "type": "color",
+ "description": "movistarBlue"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.movistarGreen70}",
+ "type": "color",
+ "description": "movistarGreen70"
+ },
+ "tagTextWarning": {
+ "value": "{palette.egg80}",
+ "type": "color",
+ "description": "egg80"
+ },
+ "tagTextError": {
+ "value": "{palette.pepper70}",
+ "type": "color",
+ "description": "pepper70"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.purple10}",
+ "type": "color",
+ "description": "purple10"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.movistarBlue10}",
+ "type": "color",
+ "description": "movistarBlue10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey1}",
+ "type": "color",
+ "description": "grey1"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.movistarGreen10}",
+ "type": "color",
+ "description": "movistarGreen10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.egg10}",
+ "type": "color",
+ "description": "egg10"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.pepper10}",
+ "type": "color",
+ "description": "pepper10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"dark": {
@@ -582,6 +683,11 @@
"type": "color",
"description": "darkModeGrey"
},
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.white}, 0.03)",
"type": "color",
@@ -632,7 +738,12 @@
"type": "color",
"description": "movistarBlueDark"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
@@ -703,7 +814,7 @@
"description": "white"
},
"buttonLinkDangerBackgroundInverse": {
- "value": "rgba({palette.white}, 0.01)",
+ "value": "rgba({palette.white}, 0)",
"type": "color",
"description": "white"
},
@@ -1002,6 +1113,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
"promo": {
"value": "{palette.purple}",
"type": "color",
@@ -1111,6 +1232,87 @@
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
+ },
+ "tagTextPromo": {
+ "value": "{palette.purple40}",
+ "type": "color",
+ "description": "purple40"
+ },
+ "tagTextActive": {
+ "value": "{palette.movistarBlue}",
+ "type": "color",
+ "description": "movistarBlue"
+ },
+ "tagTextInactive": {
+ "value": "{palette.darkModeGrey5}",
+ "type": "color",
+ "description": "darkModeGrey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.movistarGreen40}",
+ "type": "color",
+ "description": "movistarGreen40"
+ },
+ "tagTextWarning": {
+ "value": "{palette.egg40}",
+ "type": "color",
+ "description": "egg40"
+ },
+ "tagTextError": {
+ "value": "{palette.pepper40}",
+ "type": "color",
+ "description": "pepper40"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.movistarBlueDark}",
+ "type": "color",
+ "description": "movistarBlueDark"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.movistarBlueDark}",
+ "type": "color",
+ "description": "movistarBlueDark"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.movistarBlueDark}",
+ "type": "color",
+ "description": "movistarBlueDark"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.movistarBlueDark}",
+ "type": "color",
+ "description": "movistarBlueDark"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.movistarBlueDark}",
+ "type": "color",
+ "description": "movistarBlueDark"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.movistarBlueDark}",
+ "type": "color",
+ "description": "movistarBlueDark"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"radius": {
@@ -1385,6 +1587,10 @@
"value": "#FFFFFF",
"type": "color"
},
+ "black": {
+ "value": "#000000",
+ "type": "color"
+ },
"movistarBlueDark": {
"value": "#0B2739",
"type": "color"
diff --git a/tokens/o2-new.json b/tokens/o2-new.json
new file mode 100644
index 0000000000..9a70a38582
--- /dev/null
+++ b/tokens/o2-new.json
@@ -0,0 +1,1676 @@
+{
+ "light": {
+ "background": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "backgroundAlternative": {
+ "value": "{palette.grey20}",
+ "type": "color",
+ "description": "grey20"
+ },
+ "backgroundBrand": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "{palette.darkBlue}",
+ "stop": 0
+ },
+ {
+ "value": "{palette.beyondBlue}",
+ "stop": 0.64
+ },
+ {
+ "value": "{palette.beyondBlue45}",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "o2Gradient"
+ },
+ "backgroundBrandSecondary": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "backgroundContainer": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "backgroundContainerError": {
+ "value": "{palette.o2Red10}",
+ "type": "color",
+ "description": "o2Red10"
+ },
+ "backgroundContainerHover": {
+ "value": "rgba({palette.darkModeBlack}, 0.03)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundContainerPressed": {
+ "value": "rgba({palette.darkModeBlack}, 0.05)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundContainerBrand": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "{palette.darkBlue}",
+ "stop": 0
+ },
+ {
+ "value": "{palette.beyondBlue}",
+ "stop": 0.64
+ },
+ {
+ "value": "{palette.beyondBlue45}",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "o2Gradient"
+ },
+ "backgroundContainerBrandHover": {
+ "value": "rgba({palette.darkModeBlack}, 0.2)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundContainerBrandPressed": {
+ "value": "rgba({palette.darkModeBlack}, 0.4)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundContainerBrandOverInverse": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "backgroundContainerAlternative": {
+ "value": "{palette.grey20}",
+ "type": "color",
+ "description": "grey20"
+ },
+ "backgroundOverlay": {
+ "value": "rgba({palette.black}, 0.6)",
+ "type": "color",
+ "description": "black"
+ },
+ "backgroundSkeleton": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "backgroundSkeletonInverse": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "backgroundBrandTop": {
+ "value": "{palette.darkBlue}",
+ "type": "color",
+ "description": "darkBlue"
+ },
+ "backgroundBrandBottom": {
+ "value": "{palette.beyondBlue45}",
+ "type": "color",
+ "description": "beyondBlue45"
+ },
+ "appBarBackground": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "navigationBarBackground": {
+ "value": "{palette.darkBlue}",
+ "type": "color",
+ "description": "darkBlue"
+ },
+ "skeletonWave": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "borderLow": {
+ "value": "{palette.grey20}",
+ "type": "color",
+ "description": "grey20"
+ },
+ "border": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "borderHigh": {
+ "value": "{palette.grey80}",
+ "type": "color",
+ "description": "grey80"
+ },
+ "borderSelected": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "coverBackgroundHover": {
+ "value": "rgba({palette.darkModeBlack}, 0.25)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "coverBackgroundPressed": {
+ "value": "rgba({palette.darkModeBlack}, 0.35)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "buttonDangerBackground": {
+ "value": "{palette.o2Red60}",
+ "type": "color",
+ "description": "o2Red60"
+ },
+ "buttonDangerBackgroundSelected": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "buttonDangerBackgroundHover": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "buttonLinkDangerBackgroundSelected": {
+ "value": "{palette.o2Red10}",
+ "type": "color",
+ "description": "o2Red10"
+ },
+ "buttonLinkDangerBackgroundInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonLinkDangerBackgroundInverseSelected": {
+ "value": "{palette.o2Red10}",
+ "type": "color",
+ "description": "o2Red10"
+ },
+ "buttonLinkBackgroundSelected": {
+ "value": "{palette.beyondBlue10}",
+ "type": "color",
+ "description": "beyondBlue10"
+ },
+ "buttonLinkBackgroundInverseSelected": {
+ "value": "rgba({palette.white}, 0.08)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonPrimaryBackground": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "buttonPrimaryBackgroundInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonPrimaryBackgroundSelected": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "buttonPrimaryBackgroundHover": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "buttonPrimaryBackgroundInverseSelected": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "buttonSecondaryBorder": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "buttonSecondaryBorderSelected": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "buttonSecondaryBackgroundHover": {
+ "value": "{palette.beyondBlue10}",
+ "type": "color",
+ "description": "beyondBlue10"
+ },
+ "buttonSecondaryBackgroundSelected": {
+ "value": "{palette.beyondBlue10}",
+ "type": "color",
+ "description": "beyondBlue10"
+ },
+ "buttonSecondaryBorderInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBorderInverseSelected": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "buttonSecondaryBackgroundInverseHover": {
+ "value": "rgba({palette.white}, 0.15)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBackgroundInverseSelected": {
+ "value": "rgba({palette.white}, 0.15)",
+ "type": "color",
+ "description": "white"
+ },
+ "textButtonPrimary": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textButtonPrimaryInverse": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "textButtonPrimaryInverseSelected": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "textButtonSecondary": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "textButtonSecondarySelected": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "textButtonSecondaryInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textButtonSecondaryInverseSelected": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textLink": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "textLinkInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textLinkDanger": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "textLinkSnackbar": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "control": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "controlActivated": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "controlInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "controlActivatedInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "controlError": {
+ "value": "{palette.o2Red60}",
+ "type": "color",
+ "description": "o2Red60"
+ },
+ "barTrack": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "loadingBar": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "loadingBarBackground": {
+ "value": "{palette.grey20}",
+ "type": "color",
+ "description": "grey20"
+ },
+ "toggleAndroidInactive": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "toggleAndroidBackgroundActive": {
+ "value": "{palette.beyondBlue15}",
+ "type": "color",
+ "description": "beyondBlue15"
+ },
+ "iosControlKnob": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "divider": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "dividerInverse": {
+ "value": "rgba({palette.white}, 0.2)",
+ "type": "color",
+ "description": "white"
+ },
+ "navigationBarDivider": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "badge": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "feedbackErrorBackground": {
+ "value": "{palette.o2Red60}",
+ "type": "color",
+ "description": "o2Red60"
+ },
+ "feedbackInfoBackground": {
+ "value": "{palette.black}",
+ "type": "color",
+ "description": "black"
+ },
+ "brand": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "brandHigh": {
+ "value": "{palette.beyondBlue70}",
+ "type": "color",
+ "description": "beyondBlue70"
+ },
+ "inverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "neutralHigh": {
+ "value": "{palette.black}",
+ "type": "color",
+ "description": "black"
+ },
+ "neutralMedium": {
+ "value": "{palette.grey60}",
+ "type": "color",
+ "description": "grey60"
+ },
+ "neutralMediumInverse": {
+ "value": "{palette.grey60}",
+ "type": "color",
+ "description": "grey60"
+ },
+ "neutralLow": {
+ "value": "{palette.grey20}",
+ "type": "color",
+ "description": "grey20"
+ },
+ "neutralLowAlternative": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textPrimary": {
+ "value": "{palette.black}",
+ "type": "color",
+ "description": "black"
+ },
+ "textPrimaryInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textSecondary": {
+ "value": "{palette.grey60}",
+ "type": "color",
+ "description": "grey60"
+ },
+ "textSecondaryInverse": {
+ "value": "{palette.beyondBlue10}",
+ "type": "color",
+ "description": "beyondBlue10"
+ },
+ "success": {
+ "value": "{palette.o2Green}",
+ "type": "color",
+ "description": "o2Green"
+ },
+ "warning": {
+ "value": "{palette.o2Orange}",
+ "type": "color",
+ "description": "o2Orange"
+ },
+ "error": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "textError": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "promo": {
+ "value": "{palette.o2Pink}",
+ "type": "color",
+ "description": "o2Pink"
+ },
+ "highlight": {
+ "value": "{palette.o2Pink}",
+ "type": "color",
+ "description": "o2Pink"
+ },
+ "successLow": {
+ "value": "{palette.o2Green10}",
+ "type": "color",
+ "description": "o2Green10"
+ },
+ "warningLow": {
+ "value": "{palette.o2Orange10}",
+ "type": "color",
+ "description": "o2Orange10"
+ },
+ "errorLow": {
+ "value": "{palette.o2Red10}",
+ "type": "color",
+ "description": "o2Red10"
+ },
+ "promoLow": {
+ "value": "{palette.o2Pink15}",
+ "type": "color",
+ "description": "o2Pink15"
+ },
+ "brandLow": {
+ "value": "{palette.beyondBlue10}",
+ "type": "color",
+ "description": "beyondBlue10"
+ },
+ "successHigh": {
+ "value": "{palette.o2Green80}",
+ "type": "color",
+ "description": "o2Green80"
+ },
+ "warningHigh": {
+ "value": "{palette.o2Orange75}",
+ "type": "color",
+ "description": "o2Orange75"
+ },
+ "errorHigh": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "promoHigh": {
+ "value": "{palette.o2Pink80}",
+ "type": "color",
+ "description": "o2Pink80"
+ },
+ "successHighInverse": {
+ "value": "{palette.o2Green80}",
+ "type": "color",
+ "description": "o2Green80"
+ },
+ "warningHighInverse": {
+ "value": "{palette.o2Orange75}",
+ "type": "color",
+ "description": "o2Orange75"
+ },
+ "errorHighInverse": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "promoHighInverse": {
+ "value": "{palette.o2Pink80}",
+ "type": "color",
+ "description": "o2Pink80"
+ },
+ "textNavigationBarPrimary": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textNavigationBarSecondary": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "textNavigationSearchBarHint": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "textNavigationSearchBarText": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textAppBar": {
+ "value": "{palette.grey60}",
+ "type": "color",
+ "description": "grey60"
+ },
+ "textAppBarSelected": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "customTabsBackground": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "tagTextPromo": {
+ "value": "{palette.o2Pink80}",
+ "type": "color",
+ "description": "o2Pink80"
+ },
+ "tagTextActive": {
+ "value": "{palette.beyondBlue}",
+ "type": "color",
+ "description": "beyondBlue"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey60}",
+ "type": "color",
+ "description": "grey60"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.o2Green80}",
+ "type": "color",
+ "description": "o2Green80"
+ },
+ "tagTextWarning": {
+ "value": "{palette.o2Orange75}",
+ "type": "color",
+ "description": "o2Orange75"
+ },
+ "tagTextError": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.o2Pink15}",
+ "type": "color",
+ "description": "o2Pink15"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.beyondBlue10}",
+ "type": "color",
+ "description": "beyondBlue10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey20}",
+ "type": "color",
+ "description": "grey20"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.o2Green10}",
+ "type": "color",
+ "description": "o2Green10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.o2Orange10}",
+ "type": "color",
+ "description": "o2Orange10"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.o2Red10}",
+ "type": "color",
+ "description": "o2Red10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.beyondBlue}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.beyondBlue}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.beyondBlue}, 1)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
+ }
+ },
+ "dark": {
+ "background": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundAlternative": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrand": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandSecondary": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundContainer": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "backgroundContainerHover": {
+ "value": "rgba({palette.white}, 0.03)",
+ "type": "color",
+ "description": "white"
+ },
+ "backgroundContainerPressed": {
+ "value": "rgba({palette.white}, 0.05)",
+ "type": "color",
+ "description": "white"
+ },
+ "backgroundContainerBrand": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "backgroundContainerBrandHover": {
+ "value": "rgba({palette.white}, 0.03)",
+ "type": "color",
+ "description": "white"
+ },
+ "backgroundContainerBrandPressed": {
+ "value": "rgba({palette.white}, 0.05)",
+ "type": "color",
+ "description": "white"
+ },
+ "backgroundContainerBrandOverInverse": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "backgroundContainerAlternative": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "backgroundOverlay": {
+ "value": "rgba({palette.darkModeGrey}, 0.8)",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "backgroundSkeleton": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "backgroundSkeletonInverse": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandBottom": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "appBarBackground": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "navigationBarBackground": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "skeletonWave": {
+ "value": "{palette.grey80}",
+ "type": "color",
+ "description": "grey80"
+ },
+ "borderLow": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "border": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
+ "borderHigh": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "borderSelected": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "coverBackgroundHover": {
+ "value": "rgba({palette.darkModeBlack}, 0.25)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "coverBackgroundPressed": {
+ "value": "rgba({palette.darkModeBlack}, 0.35)",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "buttonDangerBackground": {
+ "value": "{palette.o2Red60}",
+ "type": "color",
+ "description": "o2Red60"
+ },
+ "buttonDangerBackgroundSelected": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "buttonDangerBackgroundHover": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "buttonLinkDangerBackgroundSelected": {
+ "value": "rgba({palette.white}, 0.08)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonLinkDangerBackgroundInverse": {
+ "value": "rgba({palette.white}, 0)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonLinkDangerBackgroundInverseSelected": {
+ "value": "rgba({palette.white}, 0.08)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonLinkBackgroundSelected": {
+ "value": "rgba({palette.white}, 0.08)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonLinkBackgroundInverseSelected": {
+ "value": "rgba({palette.white}, 0.08)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonPrimaryBackground": {
+ "value": "{palette.darkModeBeyondBlue}",
+ "type": "color",
+ "description": "darkModeBeyondBlue"
+ },
+ "buttonPrimaryBackgroundInverse": {
+ "value": "{palette.darkModeBeyondBlue}",
+ "type": "color",
+ "description": "darkModeBeyondBlue"
+ },
+ "buttonPrimaryBackgroundSelected": {
+ "value": "{palette.beyondBlue55}",
+ "type": "color",
+ "description": "beyondBlue55"
+ },
+ "buttonPrimaryBackgroundHover": {
+ "value": "{palette.beyondBlue55}",
+ "type": "color",
+ "description": "beyondBlue55"
+ },
+ "buttonPrimaryBackgroundInverseSelected": {
+ "value": "{palette.beyondBlue55}",
+ "type": "color",
+ "description": "beyondBlue55"
+ },
+ "buttonSecondaryBackgroundSelected": {
+ "value": "rgba({palette.white}, 0.15)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBorder": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBorderSelected": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBorderInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBorderInverseSelected": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBackgroundHover": {
+ "value": "rgba({palette.white}, 0.15)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBackgroundInverseHover": {
+ "value": "rgba({palette.white}, 0.15)",
+ "type": "color",
+ "description": "white"
+ },
+ "buttonSecondaryBackgroundInverseSelected": {
+ "value": "rgba({palette.white}, 0.15)",
+ "type": "color",
+ "description": "white"
+ },
+ "textButtonPrimary": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textButtonPrimaryInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textButtonPrimaryInverseSelected": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "textButtonSecondary": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textButtonSecondarySelected": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textButtonSecondaryInverse": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textButtonSecondaryInverseSelected": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textLink": {
+ "value": "{palette.beyondBlue40}",
+ "type": "color",
+ "description": "beyondBlue40"
+ },
+ "textLinkInverse": {
+ "value": "{palette.beyondBlue40}",
+ "type": "color",
+ "description": "beyondBlue40"
+ },
+ "textLinkDanger": {
+ "value": "{palette.o2Red45}",
+ "type": "color",
+ "description": "o2Red45"
+ },
+ "textLinkSnackbar": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "control": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "controlActivated": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "controlInverse": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "controlActivatedInverse": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "controlError": {
+ "value": "{palette.o2Red45}",
+ "type": "color",
+ "description": "o2Red45"
+ },
+ "barTrack": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "loadingBar": {
+ "value": "{palette.darkModeBeyondBlue}",
+ "type": "color",
+ "description": "darkModeBeyondBlue"
+ },
+ "loadingBarBackground": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "toggleAndroidInactive": {
+ "value": "{palette.grey20}",
+ "type": "color",
+ "description": "grey20"
+ },
+ "toggleAndroidBackgroundActive": {
+ "value": "{palette.beyondBlue15}",
+ "type": "color",
+ "description": "beyondBlue15"
+ },
+ "iosControlKnob": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "badge": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "feedbackErrorBackground": {
+ "value": "{palette.o2Red60}",
+ "type": "color",
+ "description": "o2Red60"
+ },
+ "feedbackInfoBackground": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "divider": {
+ "value": "rgba({palette.white}, 0.1)",
+ "type": "color",
+ "description": "white"
+ },
+ "dividerInverse": {
+ "value": "rgba({palette.white}, 0.1)",
+ "type": "color",
+ "description": "white"
+ },
+ "navigationBarDivider": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "brand": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "brandHigh": {
+ "value": "rgba({palette.white}, 0.05)",
+ "type": "color",
+ "description": "white"
+ },
+ "inverse": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "neutralHigh": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "neutralMedium": {
+ "value": "{palette.grey60}",
+ "type": "color",
+ "description": "grey60"
+ },
+ "neutralMediumInverse": {
+ "value": "{palette.grey60}",
+ "type": "color",
+ "description": "grey60"
+ },
+ "neutralLow": {
+ "value": "{palette.grey80}",
+ "type": "color",
+ "description": "grey80"
+ },
+ "neutralLowAlternative": {
+ "value": "{palette.grey80}",
+ "type": "color",
+ "description": "grey80"
+ },
+ "textPrimary": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textPrimaryInverse": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textSecondary": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "textSecondaryInverse": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "success": {
+ "value": "{palette.o2Green}",
+ "type": "color",
+ "description": "o2Green"
+ },
+ "warning": {
+ "value": "{palette.o2Orange}",
+ "type": "color",
+ "description": "o2Orange"
+ },
+ "error": {
+ "value": "{palette.o2Red45}",
+ "type": "color",
+ "description": "o2Red45"
+ },
+ "textError": {
+ "value": "{palette.o2Red45}",
+ "type": "color",
+ "description": "o2Red45"
+ },
+ "textErrorInverse": {
+ "value": "{palette.o2Red45}",
+ "type": "color",
+ "description": "o2Red45"
+ },
+ "promo": {
+ "value": "{palette.o2Pink}",
+ "type": "color",
+ "description": "o2Pink"
+ },
+ "highlight": {
+ "value": "{palette.o2Pink}",
+ "type": "color",
+ "description": "o2Pink"
+ },
+ "successLow": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "warningLow": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "errorLow": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "promoLow": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "brandLow": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "successHigh": {
+ "value": "{palette.o2Green40}",
+ "type": "color",
+ "description": "o2Green40"
+ },
+ "warningHigh": {
+ "value": "{palette.o2Orange40}",
+ "type": "color",
+ "description": "o2Orange40"
+ },
+ "errorHigh": {
+ "value": "{palette.o2Red40}",
+ "type": "color",
+ "description": "o2Red40"
+ },
+ "promoHigh": {
+ "value": "{palette.o2Pink30}",
+ "type": "color",
+ "description": "o2Pink30"
+ },
+ "successHighInverse": {
+ "value": "{palette.o2Green80}",
+ "type": "color",
+ "description": "o2Green80"
+ },
+ "warningHighInverse": {
+ "value": "{palette.o2Orange75}",
+ "type": "color",
+ "description": "o2Orange75"
+ },
+ "errorHighInverse": {
+ "value": "{palette.o2Red65}",
+ "type": "color",
+ "description": "o2Red65"
+ },
+ "promoHighInverse": {
+ "value": "{palette.o2Pink}",
+ "type": "color",
+ "description": "o2Pink"
+ },
+ "textNavigationBarPrimary": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textNavigationBarSecondary": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "textNavigationSearchBarHint": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "textNavigationSearchBarText": {
+ "value": "{palette.grey30}",
+ "type": "color",
+ "description": "grey30"
+ },
+ "textAppBar": {
+ "value": "{palette.grey45}",
+ "type": "color",
+ "description": "grey45"
+ },
+ "textAppBarSelected": {
+ "value": "{palette.beyondBlue40}",
+ "type": "color",
+ "description": "beyondBlue40"
+ },
+ "customTabsBackground": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "tagTextPromo": {
+ "value": "{palette.o2Pink}",
+ "type": "color",
+ "description": "o2Pink"
+ },
+ "tagTextActive": {
+ "value": "{palette.beyondBlue30}",
+ "type": "color",
+ "description": "beyondBlue30"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey40}",
+ "type": "color",
+ "description": "grey40"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.o2Green}",
+ "type": "color",
+ "description": "o2Green"
+ },
+ "tagTextWarning": {
+ "value": "{palette.o2Orange}",
+ "type": "color",
+ "description": "o2Orange"
+ },
+ "tagTextError": {
+ "value": "{palette.o2Red}",
+ "type": "color",
+ "description": "o2Red"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
+ }
+ },
+ "radius": {
+ "avatar": {
+ "value": "circle",
+ "type": "borderRadius"
+ },
+ "bar": {
+ "value": "999",
+ "type": "borderRadius"
+ },
+ "button": {
+ "value": "999",
+ "type": "borderRadius"
+ },
+ "checkbox": {
+ "value": "2",
+ "type": "borderRadius"
+ },
+ "container": {
+ "value": "16",
+ "type": "borderRadius"
+ },
+ "indicator": {
+ "value": "999",
+ "type": "borderRadius"
+ },
+ "input": {
+ "value": "12",
+ "type": "borderRadius"
+ },
+ "legacyDisplay": {
+ "value": "16",
+ "type": "borderRadius"
+ },
+ "popup": {
+ "value": "8",
+ "type": "borderRadius"
+ },
+ "sheet": {
+ "value": "16",
+ "type": "borderRadius"
+ },
+ "mediaSmall": {
+ "value": "8",
+ "type": "borderRadius"
+ }
+ },
+ "text": {
+ "weight": {
+ "cardTitle": {
+ "value": "medium",
+ "type": "typography"
+ },
+ "button": {
+ "value": "medium",
+ "type": "typography"
+ },
+ "tabsLabel": {
+ "value": "medium",
+ "type": "typography"
+ },
+ "link": {
+ "value": "medium",
+ "type": "typography"
+ },
+ "title1": {
+ "value": "medium",
+ "type": "typography"
+ },
+ "title2": {
+ "value": "bold",
+ "type": "typography"
+ },
+ "indicator": {
+ "value": "medium",
+ "type": "typography"
+ },
+ "navigationBar": {
+ "value": "medium",
+ "type": "typography"
+ },
+ "text5": {
+ "value": "bold",
+ "type": "typography"
+ },
+ "text6": {
+ "value": "bold",
+ "type": "typography"
+ },
+ "text7": {
+ "value": "bold",
+ "type": "typography"
+ },
+ "text8": {
+ "value": "bold",
+ "type": "typography"
+ },
+ "text9": {
+ "value": "bold",
+ "type": "typography"
+ },
+ "text10": {
+ "value": "bold",
+ "type": "typography"
+ }
+ },
+ "size": {
+ "tabsLabel": {
+ "value": {
+ "mobile": 16,
+ "desktop": 18
+ },
+ "type": "typography"
+ },
+ "title2": {
+ "value": {
+ "mobile": 20,
+ "desktop": 28
+ },
+ "type": "typography"
+ }
+ },
+ "lineHeight": {
+ "tabsLabel": {
+ "value": {
+ "mobile": 24,
+ "desktop": 24
+ },
+ "type": "typography"
+ },
+ "title2": {
+ "value": {
+ "mobile": 24,
+ "desktop": 32
+ },
+ "type": "typography"
+ }
+ }
+ },
+ "global": {
+ "palette": {
+ "beyondBlue": {
+ "value": "#0050FF",
+ "type": "color"
+ },
+ "beyondBlue10": {
+ "value": "#E5EDFF",
+ "type": "color"
+ },
+ "beyondBlue15": {
+ "value": "#CCDCFF",
+ "type": "color"
+ },
+ "beyondBlue30": {
+ "value": "#80A7FF",
+ "type": "color"
+ },
+ "beyondBlue40": {
+ "value": "#4D84FF",
+ "type": "color"
+ },
+ "beyondBlue45": {
+ "value": "#0A73EB",
+ "type": "color"
+ },
+ "beyondBlue55": {
+ "value": "#0044D9",
+ "type": "color"
+ },
+ "beyondBlue70": {
+ "value": "#0038B2",
+ "type": "color"
+ },
+ "beyondBlue90": {
+ "value": "#001033",
+ "type": "color"
+ },
+ "darkBlue": {
+ "value": "#00008C",
+ "type": "color"
+ },
+ "o2BlueLight": {
+ "value": "#82DCFA",
+ "type": "color"
+ },
+ "o2BlueLight30": {
+ "value": "#C0EEFD",
+ "type": "color"
+ },
+ "o2BlueLight35": {
+ "value": "#B4EAFC",
+ "type": "color"
+ },
+ "o2Green": {
+ "value": "#00DC7D",
+ "type": "color"
+ },
+ "o2Green10": {
+ "value": "#E5FBF2",
+ "type": "color"
+ },
+ "o2Green40": {
+ "value": "#4CE7A4",
+ "type": "color"
+ },
+ "o2Green80": {
+ "value": "#006338",
+ "type": "color"
+ },
+ "o2Yellow": {
+ "value": "#FADC00",
+ "type": "color"
+ },
+ "o2Orange": {
+ "value": "#FFA55A",
+ "type": "color"
+ },
+ "o2Orange10": {
+ "value": "#FFF6EE",
+ "type": "color"
+ },
+ "o2Orange40": {
+ "value": "#FFC08B",
+ "type": "color"
+ },
+ "o2Orange75": {
+ "value": "#996336",
+ "type": "color"
+ },
+ "o2Pink": {
+ "value": "#FA96FF",
+ "type": "color"
+ },
+ "o2Pink15": {
+ "value": "#FEEAFF",
+ "type": "color"
+ },
+ "o2Pink30": {
+ "value": "#FDCAFF",
+ "type": "color"
+ },
+ "o2Pink80": {
+ "value": "#704373",
+ "type": "color"
+ },
+ "o2Red": {
+ "value": "#FF5A5A",
+ "type": "color"
+ },
+ "o2Red10": {
+ "value": "#FFEEEE",
+ "type": "color"
+ },
+ "o2Red20": {
+ "value": "#FFCDCD",
+ "type": "color"
+ },
+ "o2Red40": {
+ "value": "#FF8B8B",
+ "type": "color"
+ },
+ "o2Red45": {
+ "value": "#FF7B7B",
+ "type": "color"
+ },
+ "o2Red60": {
+ "value": "#CC4848",
+ "type": "color"
+ },
+ "o2Red65": {
+ "value": "#BF4343",
+ "type": "color"
+ },
+ "grey20": {
+ "value": "#F3F3F5",
+ "type": "color"
+ },
+ "grey30": {
+ "value": "#D9D9DD",
+ "type": "color"
+ },
+ "grey40": {
+ "value": "#B4B4BE",
+ "type": "color"
+ },
+ "grey45": {
+ "value": "#8C8C9A",
+ "type": "color"
+ },
+ "grey60": {
+ "value": "#6E6E77",
+ "type": "color"
+ },
+ "grey80": {
+ "value": "#3C3C46",
+ "type": "color"
+ },
+ "black": {
+ "value": "#00001E",
+ "type": "color"
+ },
+ "white": {
+ "value": "#FFFFFF",
+ "type": "color"
+ },
+ "darkModeBlack": {
+ "value": "#121212",
+ "type": "color"
+ },
+ "darkModeGrey": {
+ "value": "#1E1E1E",
+ "type": "color"
+ },
+ "darkModeGrey6": {
+ "value": "#2B2C2E",
+ "type": "color"
+ },
+ "darkModeBeyondBlue": {
+ "value": "#1A62FF",
+ "type": "color"
+ },
+ "darkModeBeyondBlueDark": {
+ "value": "#0048E5",
+ "type": "color"
+ }
+ }
+ }
+}
diff --git a/tokens/o2.json b/tokens/o2.json
index 8e0bd7d3f6..8465673364 100644
--- a/tokens/o2.json
+++ b/tokens/o2.json
@@ -25,6 +25,11 @@
"type": "color",
"description": "white"
},
+ "backgroundContainerError": {
+ "value": "{palette.pepper10}",
+ "type": "color",
+ "description": "pepper10"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.darkModeBlack}, 0.03)",
"type": "color",
@@ -75,7 +80,12 @@
"type": "color",
"description": "o2BluePrimary70"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.o2BluePrimary}",
+ "type": "color",
+ "description": "o2BluePrimary"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.o2BluePrimary}",
"type": "color",
"description": "o2BluePrimary"
@@ -296,9 +306,9 @@
"description": "o2BluePrimary"
},
"controlInverse": {
- "value": "{palette.white}",
+ "value": "{palette.o2BluePrimary30}",
"type": "color",
- "description": "white"
+ "description": "o2BluePrimary30"
},
"controlActivatedInverse": {
"value": "{palette.white}",
@@ -445,6 +455,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
"promo": {
"value": "{palette.o2Purple}",
"type": "color",
@@ -554,6 +574,87 @@
"value": "{palette.o2BluePrimary}",
"type": "color",
"description": "o2BluePrimary"
+ },
+ "tagTextPromo": {
+ "value": "{palette.o2Purple}",
+ "type": "color",
+ "description": "o2Purple"
+ },
+ "tagTextActive": {
+ "value": "{palette.o2BluePrimary}",
+ "type": "color",
+ "description": "o2BluePrimary"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.o2Green80}",
+ "type": "color",
+ "description": "o2Green80"
+ },
+ "tagTextWarning": {
+ "value": "{palette.o2Orange75}",
+ "type": "color",
+ "description": "o2Orange75"
+ },
+ "tagTextError": {
+ "value": "{palette.pepper60}",
+ "type": "color",
+ "description": "pepper60"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.o2Purple10}",
+ "type": "color",
+ "description": "o2Purple10"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.o2BluePrimary10}",
+ "type": "color",
+ "description": "o2BluePrimary10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey1}",
+ "type": "color",
+ "description": "grey1"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.o2Green10}",
+ "type": "color",
+ "description": "o2Green10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.o2Orange10}",
+ "type": "color",
+ "description": "o2Orange10"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.pepper10}",
+ "type": "color",
+ "description": "pepper10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"dark": {
@@ -582,6 +683,11 @@
"type": "color",
"description": "darkModeGrey"
},
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.white}, 0.03)",
"type": "color",
@@ -632,7 +738,12 @@
"type": "color",
"description": "darkModeGrey6"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
@@ -703,7 +814,7 @@
"description": "white"
},
"buttonLinkDangerBackgroundInverse": {
- "value": "rgba({palette.white}, 0.01)",
+ "value": "rgba({palette.white}, 0)",
"type": "color",
"description": "white"
},
@@ -1002,6 +1113,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
"promo": {
"value": "{palette.o2Purple}",
"type": "color",
@@ -1111,6 +1232,87 @@
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
+ },
+ "tagTextPromo": {
+ "value": "{palette.o2Purple30}",
+ "type": "color",
+ "description": "o2Purple30"
+ },
+ "tagTextActive": {
+ "value": "{palette.o2BluePrimary30}",
+ "type": "color",
+ "description": "o2BluePrimary30"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.o2Green40}",
+ "type": "color",
+ "description": "o2Green40"
+ },
+ "tagTextWarning": {
+ "value": "{palette.o2Orange40}",
+ "type": "color",
+ "description": "o2Orange40"
+ },
+ "tagTextError": {
+ "value": "{palette.pepper40}",
+ "type": "color",
+ "description": "pepper40"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"radius": {
@@ -1397,6 +1599,10 @@
"value": "#FFFFFF",
"type": "color"
},
+ "black": {
+ "value": "#000000",
+ "type": "color"
+ },
"darkModeBlack": {
"value": "#191919",
"type": "color"
diff --git a/tokens/schema/skin-schema.json b/tokens/schema/skin-schema.json
index 045e10f611..d390a824b5 100644
--- a/tokens/schema/skin-schema.json
+++ b/tokens/schema/skin-schema.json
@@ -55,6 +55,7 @@
"appBarBackground",
"background",
"backgroundContainer",
+ "backgroundContainerError",
"backgroundContainerHover",
"backgroundContainerPressed",
"backgroundContainerAlternative",
@@ -68,7 +69,8 @@
"backgroundSkeleton",
"backgroundSkeletonInverse",
"backgroundAlternative",
- "backgroundFeedbackBottom",
+ "backgroundBrandTop",
+ "backgroundBrandBottom",
"navigationBarBackground",
"skeletonWave",
"border",
@@ -124,6 +126,8 @@
"neutralMedium",
"promo",
"error",
+ "textError",
+ "textErrorInverse",
"highlight",
"success",
"warning",
@@ -162,12 +166,26 @@
"errorHighInverse",
"promoHighInverse",
"neutralMediumInverse",
- "customTabsBackground"
+ "customTabsBackground",
+ "tagTextPromo",
+ "tagTextActive",
+ "tagTextInactive",
+ "tagTextSuccess",
+ "tagTextWarning",
+ "tagTextError",
+ "tagBackgroundPromo",
+ "tagBackgroundActive",
+ "tagBackgroundInactive",
+ "tagBackgroundSuccess",
+ "tagBackgroundWarning",
+ "tagBackgroundError",
+ "cardContentOverlay"
],
"properties": {
"appBarBackground": { "$ref": "#/definitions/constantProperties" },
"background": { "$ref": "#/definitions/constantProperties" },
"backgroundContainer": { "$ref": "#/definitions/constantProperties" },
+ "backgroundContainerError": { "$ref": "#/definitions/constantProperties" },
"backgroundContainerHover": { "$ref": "#/definitions/constantProperties" },
"backgroundContainerPressed": { "$ref": "#/definitions/constantProperties" },
"backgroundContainerAlternative": { "$ref": "#/definitions/constantProperties" },
@@ -181,7 +199,8 @@
"backgroundSkeleton": { "$ref": "#/definitions/constantProperties" },
"backgroundSkeletonInverse": { "$ref": "#/definitions/constantProperties" },
"backgroundAlternative": { "$ref": "#/definitions/constantProperties" },
- "backgroundFeedbackBottom": { "$ref": "#/definitions/constantProperties" },
+ "backgroundBrandTop": { "$ref": "#/definitions/constantProperties" },
+ "backgroundBrandBottom": { "$ref": "#/definitions/constantProperties" },
"navigationBarBackground": { "$ref": "#/definitions/constantProperties" },
"skeletonWave": { "$ref": "#/definitions/constantProperties" },
"border": { "$ref": "#/definitions/constantProperties" },
@@ -237,6 +256,8 @@
"neutralMedium": { "$ref": "#/definitions/constantProperties" },
"promo": { "$ref": "#/definitions/constantProperties" },
"error": { "$ref": "#/definitions/constantProperties" },
+ "textError": { "$ref": "#/definitions/constantProperties" },
+ "textErrorInverse": { "$ref": "#/definitions/constantProperties" },
"highlight": { "$ref": "#/definitions/constantProperties" },
"success": { "$ref": "#/definitions/constantProperties" },
"warning": { "$ref": "#/definitions/constantProperties" },
@@ -276,6 +297,19 @@
"promoHighInverse": { "$ref": "#/definitions/constantProperties" },
"neutralMediumInverse": { "$ref": "#/definitions/constantProperties" },
"customTabsBackground": { "$ref": "#/definitions/constantProperties" },
+ "tagTextPromo": { "$ref": "#/definitions/constantProperties" },
+ "tagTextActive": { "$ref": "#/definitions/constantProperties" },
+ "tagTextInactive": { "$ref": "#/definitions/constantProperties" },
+ "tagTextSuccess": { "$ref": "#/definitions/constantProperties" },
+ "tagTextWarning": { "$ref": "#/definitions/constantProperties" },
+ "tagTextError": { "$ref": "#/definitions/constantProperties" },
+ "tagBackgroundPromo": { "$ref": "#/definitions/constantProperties" },
+ "tagBackgroundActive": { "$ref": "#/definitions/constantProperties" },
+ "tagBackgroundInactive": { "$ref": "#/definitions/constantProperties" },
+ "tagBackgroundSuccess": { "$ref": "#/definitions/constantProperties" },
+ "tagBackgroundWarning": { "$ref": "#/definitions/constantProperties" },
+ "tagBackgroundError": { "$ref": "#/definitions/constantProperties" },
+ "cardContentOverlay": { "$ref": "#/definitions/constantProperties" },
"extended": {
"type": "object",
"patternProperties": {
@@ -356,15 +390,19 @@
"constantProperties": {
"patternProperties": {
"value": {
- "type": "string",
+ "type": ["string", "object"],
"anyOf": [
{
"comment": "Movistar",
- "pattern": "(.*?rgba.*?)+([({])+(palette.(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|black|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|black|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
},
{
"comment": "O2",
- "pattern": "(.*?rgba.*?)+([({])+(palette.(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "O2-new",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(beyondBlue|beyondBlue70|beyondBlue90|beyondBlue55|beyondBlue40|beyondBlue30|beyondBlue15|beyondBlue10|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Pink15|o2Pink30|o2Pink80|o2Red|o2Red10|o2Red20|o2Red40|o2Red45|o2Red60|o2Red65|grey20|grey30|grey40|grey45|grey60|grey80|black|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeBeyondBlue|darkModeBeyondBlueDark|darkBlue|beyondBlue45)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(beyondBlue|beyondBlue70|beyondBlue90|beyondBlue55|beyondBlue40|beyondBlue30|beyondBlue15|beyondBlue10|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Pink15|o2Pink30|o2Pink80|o2Red|o2Red10|o2Red20|o2Red40|o2Red45|o2Red60|o2Red65|grey20|grey30|grey40|grey45|grey60|grey80|black|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeBeyondBlue|darkModeBeyondBlueDark|darkBlue|beyondBlue45)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
},
{
"comment": "Vivo",
@@ -372,27 +410,89 @@
},
{
"comment": "Telefónica",
- "pattern": "(.*?rgba.*?)+([({])+(palette.(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
},
{
"comment": "Blau",
"pattern": "(.*?rgba.*?)+([({])+(palette.(blauBluePrimary|blauBluePrimary10|blauBluePrimary20|blauBluePrimary30|blauBlueSecondary|blauBlueSecondary10|blauBlueSecondary20|blauBlueSecondary30|blauBlueSecondary60|blauPurple|blauPurple10|blauPurple30|blauYellow|blauYellow10|blauYellow40|blauYellow60|blauYellow70|blauGreen|blauGreen10|blauGreen30|blauGreen70|blauRed|blauRed10|blauRed20|blauRed30|blauRed40|blauRed70|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(blauBluePrimary|blauBluePrimary10|blauBluePrimary20|blauBluePrimary30|blauBlueSecondary|blauBlueSecondary10|blauBlueSecondary20|blauBlueSecondary30|blauBlueSecondary60|blauPurple|blauPurple10|blauPurple30|blauYellow|blauYellow10|blauYellow40|blauYellow60|blauYellow70|blauGreen|blauGreen10|blauGreen30|blauGreen70|blauRed|blauRed10|blauRed20|blauRed30|blauRed40|blauRed70|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "Tu",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(primary|primary10|primary15|primary45|primary65|primary80|blue|blue10|blue20|blue30|blue70|orange|orange20|orange55|orange65|orange70|red|red10|red40|red70|red80|green|green10|green40|green75|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(primary|primary10|primary15|primary45|primary65|primary80|blue|blue10|blue20|blue30|blue70|orange|orange20|orange55|orange65|orange70|red|red10|red40|red55|red70|red80|green|green10|green40|green75|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
}
- ]
+ ],
+ "properties": {
+ "angle": {
+ "type": "integer"
+ },
+ "colors": {
+ "type": "array",
+ "items": {
+ "type": "object",
+ "properties": {
+ "value": {
+ "type": "string",
+ "anyOf": [
+ {
+ "comment": "Movistar",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|black|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|black|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "O2",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "O2-new",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(beyondBlue|beyondBlue70|beyondBlue90|beyondBlue55|beyondBlue40|beyondBlue30|beyondBlue15|beyondBlue10|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Pink15|o2Pink30|o2Pink80|o2Red|o2Red10|o2Red20|o2Red40|o2Red45|o2Red60|o2Red65|grey20|grey30|grey40|grey45|grey60|grey80|black|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeBeyondBlue|darkModeBeyondBlueDark|darkBlue|beyondBlue45)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(beyondBlue|beyondBlue70|beyondBlue90|beyondBlue55|beyondBlue40|beyondBlue30|beyondBlue15|beyondBlue10|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Pink15|o2Pink30|o2Pink80|o2Red|o2Red10|o2Red20|o2Red40|o2Red45|o2Red60|o2Red65|grey20|grey30|grey40|grey45|grey60|grey80|black|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeBeyondBlue|darkModeBeyondBlueDark|darkBlue|beyondBlue45)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "Vivo",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(vivoPurple|vivoPurpleDark|vivoPurpleLight10|vivoPurpleLight20|vivoPurpleLight50|vivoPurpleLight80|vivoPurpleLight90|vivoGreen|vivoGreenDark|vivoGreenLight10|vivoGreen25|vivoGreenLight30|vivoBlue|orange|orange25|orangeDark|orangeLight10|orangeLight40|pink|pepper|pepperDark|pepperDark80|pepperLight10|pepperLight30|pepperLight40|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(vivoPurple|vivoPurpleDark|vivoPurpleLight10|vivoPurpleLight20|vivoPurpleLight50|vivoPurpleLight80|vivoPurpleLight90|vivoGreen|vivoGreenDark|vivoGreenLight10|vivoGreen25|vivoGreenLight30|vivoBlue|orange|orange25|orangeDark|orangeLight10|orangeLight40|pink|pepper|pepperDark|pepperDark80|pepperLight10|pepperLight30|pepperLight40|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "Telefónica",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "Blau",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(blauBluePrimary|blauBluePrimary10|blauBluePrimary20|blauBluePrimary30|blauBlueSecondary|blauBlueSecondary10|blauBlueSecondary20|blauBlueSecondary30|blauBlueSecondary60|blauPurple|blauPurple10|blauPurple30|blauYellow|blauYellow10|blauYellow40|blauYellow60|blauYellow70|blauGreen|blauGreen10|blauGreen30|blauGreen70|blauRed|blauRed10|blauRed20|blauRed30|blauRed40|blauRed70|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(blauBluePrimary|blauBluePrimary10|blauBluePrimary20|blauBluePrimary30|blauBlueSecondary|blauBlueSecondary10|blauBlueSecondary20|blauBlueSecondary30|blauBlueSecondary60|blauPurple|blauPurple10|blauPurple30|blauYellow|blauYellow10|blauYellow40|blauYellow60|blauYellow70|blauGreen|blauGreen10|blauGreen30|blauGreen70|blauRed|blauRed10|blauRed20|blauRed30|blauRed40|blauRed70|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ },
+ {
+ "comment": "Tu",
+ "pattern": "(.*?rgba.*?)+([({])+(palette.(primary|primary10|primary15|primary45|primary65|primary80|blue|blue10|blue20|blue30|blue70|orange|orange20|orange55|orange65|orange70|red|red10|red40|red70|red80|green|green10|green40|green75|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6)}, (0+([.][0-9]+)?|1([.]0)?)[)])$|^({palette.(primary|primary10|primary15|primary45|primary65|primary80|blue|blue10|blue20|blue30|blue70|orange|orange20|orange55|orange65|orange70|red|red10|red40|red55|red70|red80|green|green10|green40|green75|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|)+})$|(.*?linear-gradient.*?)+([(])(?:36[0]|3[0-5][0-9]|[12][0-9][0-9]|[1-9]?[0-9])(.*?deg).*[)]$"
+ }
+ ]
+ },
+ "stop": {
+ "type": "number",
+ "minimum": 0,
+ "maximum": 1
+ }
+ },
+ "required": ["value", "stop"]
+ }
+ }
+ },
+ "required": ["angle", "colors"]
},
"type": {
- "const": "color"
+ "type": "string",
+ "enum": ["color", "linear-gradient"]
},
"description": {
"type": "string",
"anyOf": [
{
"comment": "Movistar",
- "pattern": "^(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6)+$"
+ "pattern": "^(movistarBlue|movistarBlue10|movistarBlue20|movistarBlue30|movistarBlue40|movistarBlue55|movistarGreen|movistarGreen10|movistarGreen30|movistarGreen40|movistarGreen60|movistarGreen70|pepper|pepper10|pepper40|pepper55|pepper70|egg|egg10|egg40|egg80|pink|purple|purple10|purple40|purple70|grey1|grey2|grey3|grey4|grey5|grey6|white|black|movistarBlueDark|darkModeBlack|darkModeGrey|darkModeGrey2|darkModeGrey3|darkModeGrey4|darkModeGrey5|darkModeGrey6)+$"
},
{
"comment": "O2",
- "pattern": "^(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark)+$"
+ "pattern": "^(o2BluePrimary|o2BluePrimary70|o2BluePrimary90|o2BluePrimary30|o2BluePrimary15|o2BluePrimary10|o2BlueMid|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Teal|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Purple|o2Purple10|o2Purple30|pepper|pepper10|pepper20|pepper40|pepper60|grey1|grey2|grey3|grey4|grey5|grey6|white|black|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeO2BluePrimary|darkModeO2BluePrimaryDark)+$"
+ },
+ {
+ "comment": "O2-new",
+ "pattern": "^(o2Gradient|beyondBlue|beyondBlue70|beyondBlue90|beyondBlue55|beyondBlue40|beyondBlue30|beyondBlue15|beyondBlue10|o2BlueLight|o2BlueLight30|o2BlueLight35|o2Green|o2Green10|o2Green40|o2Green80|o2Yellow|o2Orange|o2Orange10|o2Orange40|o2Orange75|o2Pink|o2Pink15|o2Pink30|o2Pink80|o2Red|o2Red10|o2Red20|o2Red40|o2Red45|o2Red60|o2Red65|grey20|grey30|grey40|grey45|grey60|grey80|black|white|darkModeBlack|darkModeGrey|darkModeGrey6|darkModeBeyondBlue|darkModeBeyondBlueDark|darkBlue|beyondBlue45)+$"
},
{
"comment": "Vivo",
@@ -400,11 +500,15 @@
},
{
"comment": "Telefónica",
- "pattern": "^(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|darkModeBlack|darkModeGrey|darkModeGrey6)+$"
+ "pattern": "^(telefonicaBlue|telefonicaBlue10|telefonicaBlue20|telefonicaBlue30|telefonicaBlue70|ambar|ambar10|ambar40|ambar70|coral|coral10|coral40|coral70|coral80|orchid|orchid10|orchid40|orchid70|turquoise|turquoise10|turquoise40|turquoise70|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6)+$"
},
{
"comment": "Blau",
"pattern": "^(blauBluePrimary|blauBluePrimary10|blauBluePrimary20|blauBluePrimary30|blauBlueSecondary|blauBlueSecondary10|blauBlueSecondary20|blauBlueSecondary30|blauBlueSecondary60|blauPurple|blauPurple10|blauPurple30|blauYellow|blauYellow10|blauYellow40|blauYellow60|blauYellow70|blauGreen|blauGreen10|blauGreen30|blauGreen70|blauRed|blauRed10|blauRed20|blauRed30|blauRed40|blauRed70|grey1|grey2|grey3|grey4|grey5|grey6|white|darkModeBlack|darkModeGrey|darkModeGrey6)+$"
+ },
+ {
+ "comment": "Tu",
+ "pattern": "^(primary|primary10|primary15|primary45|primary65|primary80|blue|blue10|blue20|blue30|blue70|orange|orange20|orange55|orange65|orange70|red|red10|red40|red55|red70|red80|green|green10|green40|green75|grey1|grey2|grey3|grey4|grey5|grey6|grey7|grey8|grey9|white|black|darkModeBlack|darkModeGrey|darkModeGrey6)+$"
}
]
}
diff --git a/tokens/telefonica.json b/tokens/telefonica.json
index 1c8bea7f0a..2d65d372d3 100644
--- a/tokens/telefonica.json
+++ b/tokens/telefonica.json
@@ -15,6 +15,11 @@
"type": "color",
"description": "white"
},
+ "backgroundContainerError": {
+ "value": "{palette.coral10}",
+ "type": "color",
+ "description": "coral10"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.telefonicaBlue}, 0.03)",
"type": "color",
@@ -85,7 +90,12 @@
"type": "color",
"description": "grey1"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.telefonicaBlue}",
+ "type": "color",
+ "description": "telefonicaBlue"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.telefonicaBlue}",
"type": "color",
"description": "telefonicaBlue"
@@ -296,9 +306,9 @@
"description": "telefonicaBlue"
},
"controlInverse": {
- "value": "{palette.white}",
+ "value": "{palette.grey1}",
"type": "color",
- "description": "white"
+ "description": "grey1"
},
"controlActivatedInverse": {
"value": "{palette.white}",
@@ -435,6 +445,16 @@
"type": "color",
"description": "coral"
},
+ "textError": {
+ "value": "{palette.coral}",
+ "type": "color",
+ "description": "coral"
+ },
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
"success": {
"value": "{palette.turquoise}",
"type": "color",
@@ -554,6 +574,87 @@
"value": "{palette.telefonicaBlue}",
"type": "color",
"description": "telefonicaBlue"
+ },
+ "tagTextPromo": {
+ "value": "{palette.orchid70}",
+ "type": "color",
+ "description": "orchid70"
+ },
+ "tagTextActive": {
+ "value": "{palette.telefonicaBlue}",
+ "type": "color",
+ "description": "telefonicaBlue"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.turquoise70}",
+ "type": "color",
+ "description": "turquoise70"
+ },
+ "tagTextWarning": {
+ "value": "{palette.ambar70}",
+ "type": "color",
+ "description": "ambar70"
+ },
+ "tagTextError": {
+ "value": "{palette.coral70}",
+ "type": "color",
+ "description": "coral70"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.orchid10}",
+ "type": "color",
+ "description": "orchid10"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.telefonicaBlue10}",
+ "type": "color",
+ "description": "telefonicaBlue10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey1}",
+ "type": "color",
+ "description": "grey1"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.turquoise10}",
+ "type": "color",
+ "description": "turquoise10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.ambar10}",
+ "type": "color",
+ "description": "ambar10"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.coral10}",
+ "type": "color",
+ "description": "coral10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"dark": {
@@ -582,6 +683,11 @@
"type": "color",
"description": "darkModeGrey"
},
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.white}, 0.03)",
"type": "color",
@@ -632,7 +738,12 @@
"type": "color",
"description": "darkModeGrey6"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
@@ -703,7 +814,7 @@
"description": "white"
},
"buttonLinkDangerBackgroundInverse": {
- "value": "rgba({palette.white}, 0.01)",
+ "value": "rgba({palette.white}, 0)",
"type": "color",
"description": "white"
},
@@ -992,6 +1103,16 @@
"type": "color",
"description": "coral"
},
+ "textError": {
+ "value": "{palette.coral}",
+ "type": "color",
+ "description": "coral"
+ },
+ "textErrorInverse": {
+ "value": "{palette.coral}",
+ "type": "color",
+ "description": "coral"
+ },
"success": {
"value": "{palette.turquoise}",
"type": "color",
@@ -1111,6 +1232,87 @@
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
+ },
+ "tagTextPromo": {
+ "value": "{palette.orchid40}",
+ "type": "color",
+ "description": "orchid40"
+ },
+ "tagTextActive": {
+ "value": "{palette.telefonicaBlue}",
+ "type": "color",
+ "description": "telefonicaBlue"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.turquoise40}",
+ "type": "color",
+ "description": "turquoise40"
+ },
+ "tagTextWarning": {
+ "value": "{palette.ambar40}",
+ "type": "color",
+ "description": "ambar40"
+ },
+ "tagTextError": {
+ "value": "{palette.coral40}",
+ "type": "color",
+ "description": "coral40"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"radius": {
@@ -1381,6 +1583,10 @@
"value": "#FFFFFF",
"type": "color"
},
+ "black": {
+ "value": "#000000",
+ "type": "color"
+ },
"darkModeBlack": {
"value": "#191919",
"type": "color"
diff --git a/tokens/movistar-legacy.json b/tokens/tu.json
similarity index 53%
rename from tokens/movistar-legacy.json
rename to tokens/tu.json
index 7440771828..0f14ec79cd 100644
--- a/tokens/movistar-legacy.json
+++ b/tokens/tu.json
@@ -1,69 +1,74 @@
{
"light": {
- "background": {
+ "appBarBackground": {
"value": "{palette.white}",
"type": "color",
"description": "white"
},
- "backgroundAlternative": {
- "value": "{palette.grey1}",
- "type": "color",
- "description": "grey1"
- },
- "backgroundBrand": {
- "value": "{palette.movistarBlue}",
- "type": "color",
- "description": "movistarBlue"
- },
- "backgroundBrandSecondary": {
- "value": "{palette.movistarBlue}",
+ "background": {
+ "value": "{palette.white}",
"type": "color",
- "description": "movistarBlue"
+ "description": "white"
},
"backgroundContainer": {
"value": "{palette.white}",
"type": "color",
"description": "white"
},
+ "backgroundContainerError": {
+ "value": "{palette.red10}",
+ "type": "color",
+ "description": "red10"
+ },
"backgroundContainerHover": {
- "value": "rgba({palette.darkModeBlack}, 0.03)",
+ "value": "rgba({palette.grey9}, 0.03)",
"type": "color",
- "description": "darkModeBlack"
+ "description": "grey9"
},
"backgroundContainerPressed": {
- "value": "rgba({palette.darkModeBlack}, 0.05)",
+ "value": "rgba({palette.grey9}, 0.05)",
"type": "color",
- "description": "darkModeBlack"
+ "description": "grey9"
},
"backgroundContainerBrand": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"backgroundContainerBrandHover": {
- "value": "rgba({palette.darkModeBlack}, 0.1)",
+ "value": "rgba({palette.grey9}, 0.2)",
"type": "color",
- "description": "darkModeBlack"
+ "description": "grey9"
},
"backgroundContainerBrandPressed": {
- "value": "rgba({palette.darkModeBlack}, 0.2)",
+ "value": "rgba({palette.grey9}, 0.4)",
"type": "color",
- "description": "darkModeBlack"
+ "description": "grey9"
},
"backgroundContainerBrandOverInverse": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.primary80}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "primary80"
},
"backgroundContainerAlternative": {
"value": "{palette.grey1}",
"type": "color",
"description": "grey1"
},
+ "backgroundBrand": {
+ "value": "{palette.primary}",
+ "type": "color",
+ "description": "primary"
+ },
+ "backgroundBrandSecondary": {
+ "value": "{palette.blue}",
+ "type": "color",
+ "description": "blue"
+ },
"backgroundOverlay": {
- "value": "rgba({palette.grey6}, 0.6)",
+ "value": "rgba({palette.primary}, 0.8)",
"type": "color",
- "description": "grey6"
+ "description": "primary"
},
"backgroundSkeleton": {
"value": "{palette.grey2}",
@@ -71,24 +76,29 @@
"description": "grey2"
},
"backgroundSkeletonInverse": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.primary65}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "primary65"
},
- "backgroundFeedbackBottom": {
- "value": "{palette.movistarBlue}",
+ "navigationBarBackground": {
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
- "appBarBackground": {
- "value": "{palette.white}",
+ "backgroundAlternative": {
+ "value": "{palette.grey1}",
"type": "color",
- "description": "white"
+ "description": "grey1"
},
- "navigationBarBackground": {
- "value": "{palette.movistarBlue}",
+ "backgroundBrandTop": {
+ "value": "{palette.primary}",
+ "type": "color",
+ "description": "primary"
+ },
+ "backgroundBrandBottom": {
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"skeletonWave": {
"value": "{palette.grey2}",
@@ -101,9 +111,9 @@
"description": "grey1"
},
"border": {
- "value": "{palette.grey3}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "grey3"
+ "description": "grey2"
},
"borderHigh": {
"value": "{palette.grey5}",
@@ -111,39 +121,39 @@
"description": "grey5"
},
"borderSelected": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue"
},
"coverBackgroundHover": {
- "value": "rgba({palette.darkModeBlack}, 0.25)",
+ "value": "rgba({palette.grey9}, 0.25)",
"type": "color",
- "description": "darkModeBlack"
+ "description": "grey9"
},
"coverBackgroundPressed": {
- "value": "rgba({palette.darkModeBlack}, 0.35)",
+ "value": "rgba({palette.grey9}, 0.35)",
"type": "color",
- "description": "darkModeBlack"
+ "description": "grey9"
},
"buttonDangerBackground": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"buttonDangerBackgroundSelected": {
- "value": "{palette.pepper55}",
+ "value": "{palette.red55}",
"type": "color",
- "description": "pepper55"
+ "description": "red55"
},
"buttonDangerBackgroundHover": {
- "value": "{palette.pepper55}",
+ "value": "{palette.red55}",
"type": "color",
- "description": "pepper55"
+ "description": "red55"
},
"buttonLinkDangerBackgroundSelected": {
- "value": "{palette.pepper10}",
+ "value": "{palette.red10}",
"type": "color",
- "description": "pepper10"
+ "description": "red10"
},
"buttonLinkDangerBackgroundInverse": {
"value": "{palette.white}",
@@ -151,24 +161,24 @@
"description": "white"
},
"buttonLinkDangerBackgroundInverseSelected": {
- "value": "{palette.pepper10}",
+ "value": "{palette.red10}",
"type": "color",
- "description": "pepper10"
+ "description": "red10"
},
"buttonLinkBackgroundSelected": {
- "value": "{palette.movistarBlue10}",
+ "value": "{palette.blue10}",
"type": "color",
- "description": "movistarBlue10"
+ "description": "blue10"
},
"buttonLinkBackgroundInverseSelected": {
- "value": "rgba({palette.white}, 0.2)",
+ "value": "rgba({palette.white}, 0.08)",
"type": "color",
"description": "white"
},
"buttonPrimaryBackground": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"buttonPrimaryBackgroundInverse": {
"value": "{palette.white}",
@@ -176,39 +186,39 @@
"description": "white"
},
"buttonPrimaryBackgroundSelected": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.primary45}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "primary45"
},
"buttonPrimaryBackgroundHover": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.primary45}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "primary45"
},
"buttonPrimaryBackgroundInverseSelected": {
- "value": "{palette.movistarBlue30}",
+ "value": "rgba({palette.white}, 0.8)",
"type": "color",
- "description": "movistarBlue30"
+ "description": "white"
},
"buttonSecondaryBorder": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue"
},
"buttonSecondaryBorderSelected": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.blue70}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "blue70"
},
"buttonSecondaryBackgroundHover": {
- "value": "{palette.movistarBlue10}",
+ "value": "{palette.blue10}",
"type": "color",
- "description": "movistarBlue10"
+ "description": "blue10"
},
"buttonSecondaryBackgroundSelected": {
- "value": "{palette.movistarBlue10}",
+ "value": "{palette.blue10}",
"type": "color",
- "description": "movistarBlue10"
+ "description": "blue10"
},
"buttonSecondaryBorderInverse": {
"value": "{palette.white}",
@@ -221,12 +231,12 @@
"description": "white"
},
"buttonSecondaryBackgroundInverseHover": {
- "value": "rgba({palette.white}, 0.2)",
+ "value": "rgba({palette.white}, 0.1)",
"type": "color",
"description": "white"
},
"buttonSecondaryBackgroundInverseSelected": {
- "value": "rgba({palette.white}, 0.2)",
+ "value": "rgba({palette.white}, 0.1)",
"type": "color",
"description": "white"
},
@@ -236,24 +246,24 @@
"description": "white"
},
"textButtonPrimaryInverse": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"textButtonPrimaryInverseSelected": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"textButtonSecondary": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue"
},
"textButtonSecondarySelected": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.blue70}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "blue70"
},
"textButtonSecondaryInverse": {
"value": "{palette.white}",
@@ -266,9 +276,9 @@
"description": "white"
},
"textLink": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue"
},
"textLinkInverse": {
"value": "{palette.white}",
@@ -276,24 +286,24 @@
"description": "white"
},
"textLinkDanger": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"textLinkSnackbar": {
- "value": "{palette.movistarBlue30}",
+ "value": "{palette.white}",
"type": "color",
- "description": "movistarBlue30"
+ "description": "white"
},
"control": {
- "value": "{palette.grey3}",
+ "value": "{palette.grey5}",
"type": "color",
- "description": "grey3"
+ "description": "grey5"
},
"controlActivated": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"controlInverse": {
"value": "{palette.white}",
@@ -306,24 +316,24 @@
"description": "white"
},
"controlError": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"barTrack": {
- "value": "{palette.grey3}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "grey3"
+ "description": "grey2"
},
"loadingBar": {
- "value": "{palette.movistarBlue30}",
+ "value": "{palette.green40}",
"type": "color",
- "description": "movistarBlue30"
+ "description": "green40"
},
"loadingBarBackground": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.green}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "green"
},
"toggleAndroidInactive": {
"value": "{palette.grey2}",
@@ -331,9 +341,9 @@
"description": "grey2"
},
"toggleAndroidBackgroundActive": {
- "value": "{palette.movistarBlue20}",
+ "value": "{palette.primary15}",
"type": "color",
- "description": "movistarBlue20"
+ "description": "primary15"
},
"iosControlKnob": {
"value": "{palette.white}",
@@ -346,39 +356,39 @@
"description": "grey2"
},
"dividerInverse": {
- "value": "{palette.movistarBlue55}",
+ "value": "rgba({palette.white}, 0.2)",
"type": "color",
- "description": "movistarBlue55"
+ "description": "white"
},
"navigationBarDivider": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"badge": {
- "value": "{palette.pepper55}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "pepper55"
+ "description": "blue"
},
"feedbackErrorBackground": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"feedbackInfoBackground": {
- "value": "{palette.grey6}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "grey6"
+ "description": "primary"
},
"brand": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue"
},
"brandHigh": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.blue70}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "blue70"
},
"inverse": {
"value": "{palette.white}",
@@ -386,9 +396,9 @@
"description": "white"
},
"neutralHigh": {
- "value": "{palette.grey6}",
+ "value": "{palette.grey9}",
"type": "color",
- "description": "grey6"
+ "description": "grey9"
},
"neutralMedium": {
"value": "{palette.grey5}",
@@ -411,9 +421,9 @@
"description": "grey2"
},
"textPrimary": {
- "value": "{palette.grey6}",
+ "value": "{palette.grey9}",
"type": "color",
- "description": "grey6"
+ "description": "grey9"
},
"textPrimaryInverse": {
"value": "{palette.white}",
@@ -421,104 +431,114 @@
"description": "white"
},
"textSecondary": {
- "value": "{palette.grey5}",
+ "value": "{palette.grey6}",
"type": "color",
- "description": "grey5"
+ "description": "grey6"
},
"textSecondaryInverse": {
- "value": "{palette.movistarBlue10}",
+ "value": "{palette.grey3}",
"type": "color",
- "description": "movistarBlue10"
+ "description": "grey3"
},
- "success": {
- "value": "{palette.movistarGreen}",
+ "error": {
+ "value": "{palette.red}",
"type": "color",
- "description": "movistarGreen"
+ "description": "red"
},
- "warning": {
- "value": "{palette.egg}",
+ "textError": {
+ "value": "{palette.red}",
"type": "color",
- "description": "egg"
+ "description": "red"
},
- "error": {
- "value": "{palette.pepper}",
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
+ "success": {
+ "value": "{palette.green}",
+ "type": "color",
+ "description": "green"
+ },
+ "warning": {
+ "value": "{palette.orange}",
"type": "color",
- "description": "pepper"
+ "description": "orange"
},
"promo": {
- "value": "{palette.purple}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "purple"
+ "description": "blue"
},
"highlight": {
- "value": "{palette.pink}",
+ "value": "{palette.red40}",
"type": "color",
- "description": "pink"
+ "description": "red40"
},
"successLow": {
- "value": "{palette.movistarGreen10}",
+ "value": "{palette.green10}",
"type": "color",
- "description": "movistarGreen10"
+ "description": "green10"
},
"warningLow": {
- "value": "{palette.egg10}",
+ "value": "{palette.orange20}",
"type": "color",
- "description": "egg10"
+ "description": "orange20"
},
"errorLow": {
- "value": "{palette.pepper10}",
+ "value": "{palette.red10}",
"type": "color",
- "description": "pepper10"
+ "description": "red10"
},
"promoLow": {
- "value": "{palette.purple10}",
+ "value": "{palette.blue10}",
"type": "color",
- "description": "purple10"
+ "description": "blue10"
},
"brandLow": {
- "value": "{palette.movistarBlue10}",
+ "value": "{palette.blue10}",
"type": "color",
- "description": "movistarBlue10"
+ "description": "blue10"
},
"successHigh": {
- "value": "{palette.movistarGreen70}",
+ "value": "{palette.green75}",
"type": "color",
- "description": "movistarGreen70"
+ "description": "green75"
},
"warningHigh": {
- "value": "{palette.egg80}",
+ "value": "{palette.orange70}",
"type": "color",
- "description": "egg80"
+ "description": "orange70"
},
"errorHigh": {
- "value": "{palette.pepper70}",
+ "value": "{palette.red70}",
"type": "color",
- "description": "pepper70"
+ "description": "red70"
},
"promoHigh": {
- "value": "{palette.purple70}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "purple70"
+ "description": "blue"
},
"successHighInverse": {
- "value": "{palette.movistarGreen70}",
+ "value": "{palette.green75}",
"type": "color",
- "description": "movistarGreen70"
+ "description": "green75"
},
"warningHighInverse": {
- "value": "{palette.egg80}",
+ "value": "{palette.orange70}",
"type": "color",
- "description": "egg80"
+ "description": "orange70"
},
"errorHighInverse": {
- "value": "{palette.pepper70}",
+ "value": "{palette.red70}",
"type": "color",
- "description": "pepper70"
+ "description": "red70"
},
"promoHighInverse": {
- "value": "{palette.purple70}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "purple70"
+ "description": "blue"
},
"textNavigationBarPrimary": {
"value": "{palette.white}",
@@ -526,14 +546,14 @@
"description": "white"
},
"textNavigationBarSecondary": {
- "value": "{palette.movistarBlue20}",
+ "value": "{palette.grey1}",
"type": "color",
- "description": "movistarBlue20"
+ "description": "grey1"
},
"textNavigationSearchBarHint": {
- "value": "{palette.movistarBlue20}",
+ "value": "{palette.grey1}",
"type": "color",
- "description": "movistarBlue20"
+ "description": "grey1"
},
"textNavigationSearchBarText": {
"value": "{palette.white}",
@@ -541,19 +561,100 @@
"description": "white"
},
"textAppBar": {
- "value": "{palette.grey4}",
+ "value": "{palette.grey6}",
"type": "color",
- "description": "grey4"
+ "description": "grey6"
},
"textAppBarSelected": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "movistarBlue"
+ "description": "primary"
},
"customTabsBackground": {
"value": "{palette.white}",
"type": "color",
"description": "white"
+ },
+ "tagTextPromo": {
+ "value": "{palette.blue}",
+ "type": "color",
+ "description": "blue"
+ },
+ "tagTextActive": {
+ "value": "{palette.blue}",
+ "type": "color",
+ "description": "blue"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.green75}",
+ "type": "color",
+ "description": "green75"
+ },
+ "tagTextWarning": {
+ "value": "{palette.orange70}",
+ "type": "color",
+ "description": "orange70"
+ },
+ "tagTextError": {
+ "value": "{palette.red70}",
+ "type": "color",
+ "description": "red70"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.blue10}",
+ "type": "color",
+ "description": "blue10"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.blue10}",
+ "type": "color",
+ "description": "blue10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey1}",
+ "type": "color",
+ "description": "grey1"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.green10}",
+ "type": "color",
+ "description": "green10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.orange20}",
+ "type": "color",
+ "description": "orange20"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.red10}",
+ "type": "color",
+ "description": "red10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"dark": {
@@ -582,6 +683,11 @@
"type": "color",
"description": "darkModeGrey"
},
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.white}, 0.03)",
"type": "color",
@@ -623,16 +729,21 @@
"description": "darkModeGrey"
},
"backgroundSkeleton": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"backgroundSkeletonInverse": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
+ },
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandBottom": {
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
@@ -668,9 +779,9 @@
"description": "grey5"
},
"borderSelected": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue30"
},
"coverBackgroundHover": {
"value": "rgba({palette.darkModeBlack}, 0.25)",
@@ -683,34 +794,34 @@
"description": "darkModeBlack"
},
"buttonDangerBackground": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"buttonDangerBackgroundSelected": {
- "value": "{palette.pepper55}",
+ "value": "{palette.red80}",
"type": "color",
- "description": "pepper55"
+ "description": "red80"
},
"buttonDangerBackgroundHover": {
- "value": "{palette.pepper55}",
+ "value": "{palette.red80}",
"type": "color",
- "description": "pepper55"
+ "description": "red80"
},
"buttonLinkDangerBackgroundSelected": {
- "value": "rgba({palette.white}, 0.08)",
+ "value": "{palette.red10}",
"type": "color",
- "description": "white"
+ "description": "red10"
},
"buttonLinkDangerBackgroundInverse": {
- "value": "rgba({palette.white}, 0.01)",
+ "value": "rgba({palette.white}, 0)",
"type": "color",
"description": "white"
},
"buttonLinkDangerBackgroundInverseSelected": {
- "value": "rgba({palette.white}, 0.08)",
+ "value": "{palette.red10}",
"type": "color",
- "description": "white"
+ "description": "red10"
},
"buttonLinkBackgroundSelected": {
"value": "rgba({palette.white}, 0.08)",
@@ -723,84 +834,84 @@
"description": "white"
},
"buttonPrimaryBackground": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "movistarBlue"
+ "description": "grey2"
},
"buttonPrimaryBackgroundInverse": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "movistarBlue"
+ "description": "grey2"
},
"buttonPrimaryBackgroundSelected": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.grey3}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "grey3"
},
"buttonPrimaryBackgroundHover": {
- "value": "{palette.movistarBlue55}",
+ "value": "{palette.grey3}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "grey3"
},
"buttonPrimaryBackgroundInverseSelected": {
- "value": "{palette.movistarBlue55}",
- "type": "color",
- "description": "movistarBlue55"
- },
- "buttonSecondaryBackgroundHover": {
- "value": "rgba({palette.white}, 0.15)",
+ "value": "{palette.grey3}",
"type": "color",
- "description": "white"
+ "description": "grey3"
},
"buttonSecondaryBackgroundSelected": {
- "value": "rgba({palette.white}, 0.15)",
+ "value": "rgba({palette.grey2}, 0.15)",
"type": "color",
- "description": "white"
+ "description": "grey2"
},
"buttonSecondaryBorder": {
- "value": "{palette.white}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "white"
+ "description": "grey2"
+ },
+ "buttonSecondaryBackgroundHover": {
+ "value": "rgba({palette.grey2}, 0.15)",
+ "type": "color",
+ "description": "grey2"
},
"buttonSecondaryBorderSelected": {
- "value": "{palette.white}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "white"
+ "description": "grey2"
},
"buttonSecondaryBorderInverse": {
- "value": "{palette.white}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "white"
+ "description": "grey2"
},
"buttonSecondaryBorderInverseSelected": {
- "value": "{palette.white}",
+ "value": "{palette.grey2}",
"type": "color",
- "description": "white"
+ "description": "grey2"
},
"buttonSecondaryBackgroundInverseHover": {
- "value": "rgba({palette.white}, 0.15)",
+ "value": "rgba({palette.grey2}, 0.15)",
"type": "color",
- "description": "white"
+ "description": "grey2"
},
"buttonSecondaryBackgroundInverseSelected": {
- "value": "rgba({palette.white}, 0.15)",
+ "value": "rgba({palette.grey2}, 0.15)",
"type": "color",
- "description": "white"
+ "description": "grey2"
},
"textButtonPrimary": {
- "value": "{palette.grey2}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "grey2"
+ "description": "primary"
},
"textButtonPrimaryInverse": {
- "value": "{palette.grey2}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "grey2"
+ "description": "primary"
},
"textButtonPrimaryInverseSelected": {
- "value": "{palette.grey2}",
+ "value": "{palette.primary}",
"type": "color",
- "description": "grey2"
+ "description": "primary"
},
"textButtonSecondary": {
"value": "{palette.grey2}",
@@ -823,64 +934,64 @@
"description": "grey2"
},
"textLink": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue30"
},
"textLinkInverse": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue30"
},
"textLinkDanger": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"textLinkSnackbar": {
- "value": "{palette.movistarBlue30}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarBlue30"
+ "description": "blue30"
},
"control": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"controlActivated": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue30"
},
"controlInverse": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"controlActivatedInverse": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue30"
},
"controlError": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"barTrack": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"loadingBar": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.green40}",
"type": "color",
- "description": "movistarBlue"
+ "description": "green40"
},
"loadingBarBackground": {
- "value": "{palette.darkModeGrey}",
+ "value": "{palette.green}",
"type": "color",
- "description": "darkModeGrey"
+ "description": "green"
},
"toggleAndroidInactive": {
"value": "{palette.grey4}",
@@ -888,9 +999,9 @@
"description": "grey4"
},
"toggleAndroidBackgroundActive": {
- "value": "{palette.movistarBlue20}",
+ "value": "{palette.blue20}",
"type": "color",
- "description": "movistarBlue20"
+ "description": "blue20"
},
"iosControlKnob": {
"value": "{palette.grey2}",
@@ -913,24 +1024,24 @@
"description": "darkModeBlack"
},
"badge": {
- "value": "{palette.pepper55}",
+ "value": "{palette.red70}",
"type": "color",
- "description": "pepper55"
+ "description": "red70"
},
"feedbackErrorBackground": {
- "value": "{palette.pepper}",
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
},
"feedbackInfoBackground": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey"
},
"brand": {
- "value": "{palette.movistarBlue}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarBlue"
+ "description": "blue30"
},
"brandHigh": {
"value": "rgba({palette.white}, 0.05)",
@@ -958,14 +1069,14 @@
"description": "grey5"
},
"neutralLow": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"neutralLowAlternative": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"textPrimary": {
"value": "{palette.grey2}",
@@ -987,95 +1098,105 @@
"type": "color",
"description": "grey4"
},
- "success": {
- "value": "{palette.movistarGreen}",
+ "error": {
+ "value": "{palette.red}",
"type": "color",
- "description": "movistarGreen"
+ "description": "red"
},
- "warning": {
- "value": "{palette.egg}",
+ "textError": {
+ "value": "{palette.red}",
"type": "color",
- "description": "egg"
+ "description": "red"
},
- "error": {
- "value": "{palette.pepper}",
+ "textErrorInverse": {
+ "value": "{palette.red}",
"type": "color",
- "description": "pepper"
+ "description": "red"
+ },
+ "success": {
+ "value": "{palette.green}",
+ "type": "color",
+ "description": "green"
+ },
+ "warning": {
+ "value": "{palette.orange}",
+ "type": "color",
+ "description": "orange"
},
"promo": {
- "value": "{palette.purple}",
+ "value": "{palette.blue}",
"type": "color",
- "description": "purple"
+ "description": "blue"
},
"highlight": {
- "value": "{palette.pink}",
+ "value": "{palette.red40}",
"type": "color",
- "description": "pink"
+ "description": "red40"
},
"successLow": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"warningLow": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"errorLow": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"promoLow": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"brandLow": {
- "value": "{palette.grey6}",
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey6"
+ "description": "darkModeGrey6"
},
"successHigh": {
- "value": "{palette.movistarGreen40}",
+ "value": "{palette.green40}",
"type": "color",
- "description": "movistarGreen40"
+ "description": "green40"
},
"warningHigh": {
- "value": "{palette.egg40}",
+ "value": "{palette.orange55}",
"type": "color",
- "description": "egg40"
+ "description": "orange55"
},
"errorHigh": {
- "value": "{palette.pepper40}",
+ "value": "{palette.red40}",
"type": "color",
- "description": "pepper40"
+ "description": "red40"
},
"promoHigh": {
- "value": "{palette.purple40}",
+ "value": "{palette.blue30}",
"type": "color",
- "description": "purple40"
+ "description": "blue30"
},
"successHighInverse": {
- "value": "{palette.movistarGreen70}",
+ "value": "{palette.green75}",
"type": "color",
- "description": "movistarGreen70"
+ "description": "green75"
},
"warningHighInverse": {
- "value": "{palette.egg80}",
+ "value": "{palette.orange70}",
"type": "color",
- "description": "egg80"
+ "description": "orange70"
},
"errorHighInverse": {
- "value": "{palette.pepper70}",
+ "value": "{palette.red70}",
"type": "color",
- "description": "pepper70"
+ "description": "red70"
},
"promoHighInverse": {
- "value": "{palette.purple70}",
+ "value": "{palette.blue70}",
"type": "color",
- "description": "purple70"
+ "description": "blue70"
},
"textNavigationBarPrimary": {
"value": "{palette.grey2}",
@@ -1111,473 +1232,87 @@
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
- }
- },
- "prominent": {
- "background": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "backgroundAlternative": {
- "value": "{palette.grey1}",
- "type": "color",
- "description": "grey1"
},
- "backgroundBrand": {
- "value": "{palette.movistarProminentBlue}",
+ "tagTextPromo": {
+ "value": "{palette.blue30}",
"type": "color",
- "description": "movistarProminentBlue"
+ "description": "blue30"
},
- "backgroundContainer": {
- "value": "{palette.white}",
+ "tagTextActive": {
+ "value": "{palette.blue30}",
"type": "color",
- "description": "white"
+ "description": "blue30"
},
- "backgroundOverlay": {
- "value": "rgba({palette.grey6}, 0.6)",
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
"type": "color",
- "description": "grey6"
+ "description": "grey5"
},
- "backgroundSkeleton": {
- "value": "{palette.grey1}",
+ "tagTextSuccess": {
+ "value": "{palette.green40}",
"type": "color",
- "description": "grey1"
+ "description": "green40"
},
- "backgroundSkeletonInverse": {
- "value": "{palette.movistarBlue55}",
+ "tagTextWarning": {
+ "value": "{palette.orange55}",
"type": "color",
- "description": "movistarBlue55"
+ "description": "orange55"
},
- "backgroundFeedbackBottom": {
- "value": "{palette.movistarProminentBlue}",
+ "tagTextError": {
+ "value": "{palette.red40}",
"type": "color",
- "description": "movistarProminentBlue"
+ "description": "red40"
},
- "appBarBackground": {
- "value": "{palette.white}",
+ "tagBackgroundPromo": {
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "white"
+ "description": "darkModeGrey6"
},
- "navigationBarBackground": {
- "value": "{palette.movistarProminentBlue}",
+ "tagBackgroundActive": {
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "movistarProminentBlue"
+ "description": "darkModeGrey6"
},
- "skeletonWave": {
- "value": "{palette.grey2}",
+ "tagBackgroundInactive": {
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey2"
+ "description": "darkModeGrey6"
},
- "borderLow": {
- "value": "{palette.grey1}",
+ "tagBackgroundSuccess": {
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey1"
+ "description": "darkModeGrey6"
},
- "border": {
- "value": "{palette.grey3}",
+ "tagBackgroundWarning": {
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey3"
+ "description": "darkModeGrey6"
},
- "borderHigh": {
- "value": "{palette.grey5}",
+ "tagBackgroundError": {
+ "value": "{palette.darkModeGrey6}",
"type": "color",
- "description": "grey5"
+ "description": "darkModeGrey6"
},
- "borderSelected": {
- "value": "{palette.movistarBlue}",
- "type": "color",
- "description": "movistarBlue"
- },
- "buttonDangerBackground": {
- "value": "{palette.pepper}",
- "type": "color",
- "description": "pepper"
- },
- "buttonDangerBackgroundSelected": {
- "value": "{palette.pepper55}",
- "type": "color",
- "description": "pepper55"
- },
- "buttonDangerBackgroundHover": {
- "value": "{palette.pepper55}",
- "type": "color",
- "description": "pepper55"
- },
- "buttonLinkBackgroundSelected": {
- "value": "{palette.movistarBlue10}",
- "type": "color",
- "description": "movistarBlue10"
- },
- "buttonLinkBackgroundInverseSelected": {
- "value": "rgba({palette.white}, 0.2)",
- "type": "color",
- "description": "white"
- },
- "buttonPrimaryBackground": {
- "value": "{palette.movistarBlue}",
- "type": "color",
- "description": "movistarBlue"
- },
- "buttonPrimaryBackgroundInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "buttonPrimaryBackgroundSelected": {
- "value": "{palette.movistarBlue55}",
- "type": "color",
- "description": "movistarBlue55"
- },
- "buttonPrimaryBackgroundHover": {
- "value": "{palette.movistarBlue55}",
- "type": "color",
- "description": "movistarBlue55"
- },
- "buttonPrimaryBackgroundInverseSelected": {
- "value": "{palette.movistarBlue30}",
- "type": "color",
- "description": "movistarBlue30"
- },
- "buttonSecondaryBackgroundHover": {
- "value": "{palette.movistarBlue10}",
- "type": "color",
- "description": "movistarBlue10"
- },
- "buttonSecondaryBackgroundSelected": {
- "value": "{palette.movistarBlue55}",
- "type": "color",
- "description": "movistarBlue55"
- },
- "buttonSecondaryBorderInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "buttonSecondaryBorderInverseSelected": {
- "value": "{palette.movistarBlue30}",
- "type": "color",
- "description": "movistarBlue30"
- },
- "textButtonPrimary": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "textButtonPrimaryInverse": {
- "value": "{palette.movistarBlue}",
- "type": "color",
- "description": "movistarBlue"
- },
- "textButtonPrimaryInverseSelected": {
- "value": "{palette.movistarBlue}",
- "type": "color",
- "description": "movistarBlue"
- },
- "textButtonSecondary": {
- "value": "{palette.movistarBlue}",
- "type": "color",
- "description": "movistarBlue"
- },
- "textButtonSecondarySelected": {
- "value": "{palette.movistarBlue55}",
- "type": "color",
- "description": "movistarBlue55"
- },
- "textButtonSecondaryInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "textButtonSecondaryInverseSelected": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "textLink": {
- "value": "{palette.movistarBlue}",
- "type": "color",
- "description": "movistarBlue"
- },
- "textLinkInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "textLinkDanger": {
- "value": "{palette.pepper}",
- "type": "color",
- "description": "pepper"
- },
- "textLinkSnackbar": {
- "value": "{palette.movistarBlue30}",
- "type": "color",
- "description": "movistarBlue30"
- },
- "control": {
- "value": "{palette.grey3}",
- "type": "color",
- "description": "grey3"
- },
- "controlActivated": {
- "value": "{palette.movistarProminentBlue}",
- "type": "color",
- "description": "movistarProminentBlue"
- },
- "controlInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "controlActivatedInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "controlError": {
- "value": "{palette.pepper}",
- "type": "color",
- "description": "pepper"
- },
- "loadingBar": {
- "value": "{palette.movistarBlue30}",
- "type": "color",
- "description": "movistarBlue30"
- },
- "loadingBarBackground": {
- "value": "{palette.movistarBlue55}",
- "type": "color",
- "description": "movistarBlue55"
- },
- "toggleAndroidInactive": {
- "value": "{palette.grey2}",
- "type": "color",
- "description": "grey2"
- },
- "toggleAndroidBackgroundActive": {
- "value": "{palette.movistarBlue20}",
- "type": "color",
- "description": "movistarBlue20"
- },
- "iosControlKnob": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "divider": {
- "value": "{palette.grey2}",
- "type": "color",
- "description": "grey2"
- },
- "dividerInverse": {
- "value": "{palette.movistarProminentBlueDark}",
- "type": "color",
- "description": "movistarProminentBlueDark"
- },
- "navigationBarDivider": {
- "value": "{palette.movistarProminentBlue}",
- "type": "color",
- "description": "movistarProminentBlue"
- },
- "badge": {
- "value": "{palette.pepper55}",
- "type": "color",
- "description": "pepper55"
- },
- "feedbackErrorBackground": {
- "value": "{palette.pepper}",
- "type": "color",
- "description": "pepper"
- },
- "feedbackInfoBackground": {
- "value": "{palette.grey6}",
- "type": "color",
- "description": "grey6"
- },
- "brand": {
- "value": "{palette.movistarProminentBlue}",
- "type": "color",
- "description": "movistarProminentBlue"
- },
- "brandHigh": {
- "value": "{palette.movistarProminentBlueDark}",
- "type": "color",
- "description": "movistarProminentBlueDark"
- },
- "inverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "neutralHigh": {
- "value": "{palette.grey6}",
- "type": "color",
- "description": "grey6"
- },
- "neutralMedium": {
- "value": "{palette.grey5}",
- "type": "color",
- "description": "grey5"
- },
- "neutralMediumInverse": {
- "value": "{palette.grey5}",
- "type": "color",
- "description": "grey5"
- },
- "neutralLow": {
- "value": "{palette.grey1}",
- "type": "color",
- "description": "grey1"
- },
- "neutralLowAlternative": {
- "value": "{palette.grey2}",
- "type": "color",
- "description": "grey2"
- },
- "textPrimary": {
- "value": "{palette.grey6}",
- "type": "color",
- "description": "grey6"
- },
- "textPrimaryInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "textSecondary": {
- "value": "{palette.grey5}",
- "type": "color",
- "description": "grey5"
- },
- "textSecondaryInverse": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "success": {
- "value": "{palette.movistarGreen}",
- "type": "color",
- "description": "movistarGreen"
- },
- "warning": {
- "value": "{palette.egg}",
- "type": "color",
- "description": "egg"
- },
- "error": {
- "value": "{palette.pepper}",
- "type": "color",
- "description": "pepper"
- },
- "promo": {
- "value": "{palette.purple}",
- "type": "color",
- "description": "purple"
- },
- "highlight": {
- "value": "{palette.pink}",
- "type": "color",
- "description": "pink"
- },
- "successLow": {
- "value": "{palette.movistarGreen10}",
- "type": "color",
- "description": "movistarGreen10"
- },
- "warningLow": {
- "value": "{palette.egg10}",
- "type": "color",
- "description": "egg10"
- },
- "errorLow": {
- "value": "{palette.pepper10}",
- "type": "color",
- "description": "pepper10"
- },
- "promoLow": {
- "value": "{palette.purple10}",
- "type": "color",
- "description": "purple10"
- },
- "brandLow": {
- "value": "{palette.movistarBlue10}",
- "type": "color",
- "description": "movistarBlue10"
- },
- "successHigh": {
- "value": "{palette.movistarGreen70}",
- "type": "color",
- "description": "movistarGreen70"
- },
- "warningHigh": {
- "value": "{palette.egg80}",
- "type": "color",
- "description": "egg80"
- },
- "errorHigh": {
- "value": "{palette.pepper70}",
- "type": "color",
- "description": "pepper70"
- },
- "promoHigh": {
- "value": "{palette.purple70}",
- "type": "color",
- "description": "purple70"
- },
- "successHighInverse": {
- "value": "{palette.movistarGreen70}",
- "type": "color",
- "description": "movistarGreen70"
- },
- "warningHighInverse": {
- "value": "{palette.egg80}",
- "type": "color",
- "description": "egg80"
- },
- "errorHighInverse": {
- "value": "{palette.pepper70}",
- "type": "color",
- "description": "pepper70"
- },
- "promoHighInverse": {
- "value": "{palette.purple70}",
- "type": "color",
- "description": "purple70"
- },
- "textNavigationBarPrimary": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "textNavigationBarSecondary": {
- "value": "{palette.movistarBlue20}",
- "type": "color",
- "description": "movistarBlue20"
- },
- "textNavigationSearchBarHint": {
- "value": "{palette.movistarBlue20}",
- "type": "color",
- "description": "movistarBlue20"
- },
- "textNavigationSearchBarText": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
- },
- "textAppBar": {
- "value": "{palette.grey4}",
- "type": "color",
- "description": "grey4"
- },
- "textAppBarSelected": {
- "value": "{palette.movistarProminentBlue}",
- "type": "color",
- "description": "movistarProminentBlue"
- },
- "customTabsBackground": {
- "value": "{palette.white}",
- "type": "color",
- "description": "white"
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.black}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.black}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.black}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "black"
}
},
"radius": {
@@ -1590,7 +1325,7 @@
"type": "borderRadius"
},
"button": {
- "value": "4",
+ "value": "999",
"type": "borderRadius"
},
"checkbox": {
@@ -1606,7 +1341,7 @@
"type": "borderRadius"
},
"input": {
- "value": "8",
+ "value": "12",
"type": "borderRadius"
},
"legacyDisplay": {
@@ -1629,7 +1364,7 @@
"text": {
"weight": {
"cardTitle": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
},
"button": {
@@ -1649,7 +1384,7 @@
"type": "typography"
},
"title2": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
},
"indicator": {
@@ -1661,27 +1396,27 @@
"type": "typography"
},
"text5": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
},
"text6": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
},
"text7": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
},
"text8": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
},
"text9": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
},
"text10": {
- "value": "bold",
+ "value": "medium",
"type": "typography"
}
},
@@ -1720,108 +1455,108 @@
},
"global": {
"palette": {
- "movistarBlue": {
- "value": "#019DF4",
+ "primary": {
+ "value": "#2B3447",
"type": "color"
},
- "movistarBlue10": {
- "value": "#E6F5FD",
+ "primary10": {
+ "value": "#EAEBED",
"type": "color"
},
- "movistarBlue20": {
- "value": "#B3E1FB",
+ "primary15": {
+ "value": "#D5D6DA",
"type": "color"
},
- "movistarBlue30": {
- "value": "#80CEF9",
+ "primary45": {
+ "value": "#555D6C",
"type": "color"
},
- "movistarBlue40": {
- "value": "#4DBAF7",
+ "primary65": {
+ "value": "#202735",
"type": "color"
},
- "movistarBlue55": {
- "value": "#008EDD",
+ "primary80": {
+ "value": "#161A24",
"type": "color"
},
- "movistarGreen": {
- "value": "#5CB615",
+ "blue": {
+ "value": "#4343FF",
"type": "color"
},
- "movistarGreen10": {
- "value": "#EFF8E8",
+ "blue10": {
+ "value": "#ECECFF",
"type": "color"
},
- "movistarGreen30": {
- "value": "#ADDA8A",
+ "blue20": {
+ "value": "#C7C7FF",
"type": "color"
},
- "movistarGreen40": {
- "value": "#8DCC5B",
+ "blue30": {
+ "value": "#A1A1FF",
"type": "color"
},
- "movistarGreen60": {
- "value": "#499110",
+ "blue70": {
+ "value": "#3232B9",
"type": "color"
},
- "movistarGreen70": {
- "value": "#407F0F",
+ "orange": {
+ "value": "#EFE384",
"type": "color"
},
- "pepper": {
- "value": "#FF374A",
+ "orange20": {
+ "value": "#FAF7DA",
"type": "color"
},
- "pepper10": {
- "value": "#FFEBED",
+ "orange55": {
+ "value": "#D5C77D",
"type": "color"
},
- "pepper40": {
- "value": "#FF7380",
+ "orange65": {
+ "value": "#BBAF6F",
"type": "color"
},
- "pepper55": {
- "value": "#D73241",
+ "orange70": {
+ "value": "#958946",
"type": "color"
},
- "pepper70": {
- "value": "#B22634",
+ "red": {
+ "value": "#CB4D3A",
"type": "color"
},
- "egg": {
- "value": "#F28D15",
+ "red10": {
+ "value": "#FAEDEB",
"type": "color"
},
- "egg10": {
- "value": "#FEF4E8",
+ "red40": {
+ "value": "#DB8275",
"type": "color"
},
- "egg40": {
- "value": "#F6AF5B",
+ "red55": {
+ "value": "#BB4736",
"type": "color"
},
- "egg80": {
- "value": "#6D3F09",
+ "red70": {
+ "value": "#8E3629",
"type": "color"
},
- "pink": {
- "value": "#E63780",
+ "red80": {
+ "value": "#5B231A",
"type": "color"
},
- "purple": {
- "value": "#A13EA1",
+ "green": {
+ "value": "#00D19D",
"type": "color"
},
- "purple10": {
- "value": "#F6ECF6",
+ "green10": {
+ "value": "#E5FAF5",
"type": "color"
},
- "purple40": {
- "value": "#BD78BD",
+ "green40": {
+ "value": "#A1DFCF",
"type": "color"
},
- "purple70": {
- "value": "#712B71",
+ "green75": {
+ "value": "#007D5E",
"type": "color"
},
"grey0": {
@@ -1829,59 +1564,59 @@
"type": "color"
},
"grey1": {
- "value": "#F6F6F6",
+ "value": "#F2F4FF",
"type": "color"
},
"grey2": {
- "value": "#EEEEEE",
+ "value": "#D1D5E4",
"type": "color"
},
"grey3": {
- "value": "#DDDDDD",
+ "value": "#B0B6CA",
"type": "color"
},
"grey4": {
- "value": "#999999",
+ "value": "#8F97AF",
"type": "color"
},
"grey5": {
- "value": "#86888C",
+ "value": "#6E7894",
"type": "color"
},
"grey6": {
- "value": "#313235",
- "type": "color"
- },
- "white": {
- "value": "#FFFFFF",
+ "value": "#58617A",
"type": "color"
},
- "movistarProminentBlue": {
- "value": "#0B2739",
+ "grey7": {
+ "value": "#414B61",
"type": "color"
},
- "movistarProminentBlueDark": {
- "value": "#081F2D",
+ "grey8": {
+ "value": "#2B3447",
"type": "color"
},
- "movistarProminentBlueLight20": {
- "value": "#CED3D7",
+ "grey9": {
+ "value": "#031A34",
"type": "color"
},
- "movistarProminentBlueLight50": {
- "value": "#85939C",
+ "white": {
+ "value": "#FFFFFF",
"type": "color"
},
- "movistarProminentBlueLight70": {
- "value": "#546874",
+ "black": {
+ "value": "#000000",
"type": "color"
},
"darkModeBlack": {
- "value": "#191919",
+ "value": "#161A24",
"type": "color"
},
"darkModeGrey": {
- "value": "#242424",
+ "value": "#202735",
+ "type": "color"
+ },
+ "darkModeGrey6": {
+ "value": "#2B3447",
"type": "color"
}
}
diff --git a/tokens/vivo-new.json b/tokens/vivo-new.json
index 4d507ef3df..b4a891c107 100644
--- a/tokens/vivo-new.json
+++ b/tokens/vivo-new.json
@@ -25,6 +25,11 @@
"type": "color",
"description": "white"
},
+ "backgroundContainerError": {
+ "value": "{palette.pepperLight10}",
+ "type": "color",
+ "description": "pepperLight10"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.darkModeBlack}, 0.03)",
"type": "color",
@@ -75,7 +80,12 @@
"type": "color",
"description": "vivoPurpleDark"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.vivoPurple}",
+ "type": "color",
+ "description": "vivoPurple"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.vivoPurple}",
"type": "color",
"description": "vivoPurple"
@@ -296,9 +306,9 @@
"description": "vivoPurple"
},
"controlInverse": {
- "value": "{palette.white}",
+ "value": "{palette.vivoPurpleLight50}",
"type": "color",
- "description": "white"
+ "description": "vivoPurpleLight50"
},
"controlActivatedInverse": {
"value": "{palette.white}",
@@ -445,6 +455,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
"promo": {
"value": "{palette.vivoPurple}",
"type": "color",
@@ -554,6 +574,87 @@
"value": "{palette.white}",
"type": "color",
"description": "white"
+ },
+ "tagTextPromo": {
+ "value": "{palette.vivoPurple}",
+ "type": "color",
+ "description": "vivoPurple"
+ },
+ "tagTextActive": {
+ "value": "{palette.vivoPurple}",
+ "type": "color",
+ "description": "vivoPurple"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.vivoGreenDark}",
+ "type": "color",
+ "description": "vivoGreenDark"
+ },
+ "tagTextWarning": {
+ "value": "{palette.orangeDark}",
+ "type": "color",
+ "description": "orangeDark"
+ },
+ "tagTextError": {
+ "value": "{palette.pepperDark80}",
+ "type": "color",
+ "description": "pepperDark80"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.vivoPurpleLight10}",
+ "type": "color",
+ "description": "vivoPurpleLight10"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.vivoPurpleLight10}",
+ "type": "color",
+ "description": "vivoPurpleLight10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey1}",
+ "type": "color",
+ "description": "grey1"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.vivoGreenLight10}",
+ "type": "color",
+ "description": "vivoGreenLight10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.orangeLight10}",
+ "type": "color",
+ "description": "orangeLight10"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.pepperLight10}",
+ "type": "color",
+ "description": "pepperLight10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.grey6}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
}
},
"dark": {
@@ -582,6 +683,11 @@
"type": "color",
"description": "darkModeGrey"
},
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.white}, 0.03)",
"type": "color",
@@ -632,7 +738,12 @@
"type": "color",
"description": "darkModeGrey6"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
@@ -703,7 +814,7 @@
"description": "white"
},
"buttonLinkDangerBackgroundInverse": {
- "value": "rgba({palette.white}, 0.01)",
+ "value": "rgba({palette.white}, 0)",
"type": "color",
"description": "white"
},
@@ -1002,6 +1113,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
"promo": {
"value": "{palette.vivoPurpleLight80}",
"type": "color",
@@ -1111,6 +1232,87 @@
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
+ },
+ "tagTextPromo": {
+ "value": "{palette.vivoPurpleLight50}",
+ "type": "color",
+ "description": "vivoPurpleLight50"
+ },
+ "tagTextActive": {
+ "value": "{palette.vivoPurpleLight80}",
+ "type": "color",
+ "description": "vivoPurpleLight80"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.vivoGreenLight30}",
+ "type": "color",
+ "description": "vivoGreenLight30"
+ },
+ "tagTextWarning": {
+ "value": "{palette.orangeLight40}",
+ "type": "color",
+ "description": "orangeLight40"
+ },
+ "tagTextError": {
+ "value": "{palette.pepperLight40}",
+ "type": "color",
+ "description": "pepperLight40"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.grey6}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
}
},
"radius": {
diff --git a/tokens/vivo.json b/tokens/vivo.json
index 9c09b6d137..e4278e42c0 100644
--- a/tokens/vivo.json
+++ b/tokens/vivo.json
@@ -25,6 +25,11 @@
"type": "color",
"description": "white"
},
+ "backgroundContainerError": {
+ "value": "{palette.pepperLight10}",
+ "type": "color",
+ "description": "pepperLight10"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.darkModeBlack}, 0.03)",
"type": "color",
@@ -75,7 +80,12 @@
"type": "color",
"description": "vivoPurpleDark"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.vivoPurple}",
+ "type": "color",
+ "description": "vivoPurple"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.vivoPurple}",
"type": "color",
"description": "vivoPurple"
@@ -296,9 +306,9 @@
"description": "vivoPurple"
},
"controlInverse": {
- "value": "{palette.white}",
+ "value": "{palette.vivoPurpleLight50}",
"type": "color",
- "description": "white"
+ "description": "vivoPurpleLight50"
},
"controlActivatedInverse": {
"value": "{palette.white}",
@@ -445,6 +455,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.white}",
+ "type": "color",
+ "description": "white"
+ },
"promo": {
"value": "{palette.vivoPurple}",
"type": "color",
@@ -554,6 +574,87 @@
"value": "{palette.vivoPurple}",
"type": "color",
"description": "vivoPurple"
+ },
+ "tagTextPromo": {
+ "value": "{palette.vivoPurple}",
+ "type": "color",
+ "description": "vivoPurple"
+ },
+ "tagTextActive": {
+ "value": "{palette.vivoPurple}",
+ "type": "color",
+ "description": "vivoPurple"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.vivoGreenDark}",
+ "type": "color",
+ "description": "vivoGreenDark"
+ },
+ "tagTextWarning": {
+ "value": "{palette.orangeDark}",
+ "type": "color",
+ "description": "orangeDark"
+ },
+ "tagTextError": {
+ "value": "{palette.pepperDark80}",
+ "type": "color",
+ "description": "pepperDark80"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.vivoPurpleLight10}",
+ "type": "color",
+ "description": "vivoPurpleLight10"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.vivoPurpleLight10}",
+ "type": "color",
+ "description": "vivoPurpleLight10"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.grey1}",
+ "type": "color",
+ "description": "grey1"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.vivoGreenLight10}",
+ "type": "color",
+ "description": "vivoGreenLight10"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.orangeLight10}",
+ "type": "color",
+ "description": "orangeLight10"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.pepperLight10}",
+ "type": "color",
+ "description": "pepperLight10"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.grey6}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
}
},
"dark": {
@@ -582,6 +683,11 @@
"type": "color",
"description": "darkModeGrey"
},
+ "backgroundContainerError": {
+ "value": "{palette.darkModeGrey}",
+ "type": "color",
+ "description": "darkModeGrey"
+ },
"backgroundContainerHover": {
"value": "rgba({palette.white}, 0.03)",
"type": "color",
@@ -632,7 +738,12 @@
"type": "color",
"description": "darkModeGrey6"
},
- "backgroundFeedbackBottom": {
+ "backgroundBrandTop": {
+ "value": "{palette.darkModeBlack}",
+ "type": "color",
+ "description": "darkModeBlack"
+ },
+ "backgroundBrandBottom": {
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
@@ -703,7 +814,7 @@
"description": "white"
},
"buttonLinkDangerBackgroundInverse": {
- "value": "rgba({palette.white}, 0.01)",
+ "value": "rgba({palette.white}, 0)",
"type": "color",
"description": "white"
},
@@ -1002,6 +1113,16 @@
"type": "color",
"description": "pepper"
},
+ "textError": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
+ "textErrorInverse": {
+ "value": "{palette.pepper}",
+ "type": "color",
+ "description": "pepper"
+ },
"promo": {
"value": "{palette.vivoPurpleLight80}",
"type": "color",
@@ -1111,6 +1232,87 @@
"value": "{palette.darkModeBlack}",
"type": "color",
"description": "darkModeBlack"
+ },
+ "tagTextPromo": {
+ "value": "{palette.vivoPurpleLight50}",
+ "type": "color",
+ "description": "vivoPurpleLight50"
+ },
+ "tagTextActive": {
+ "value": "{palette.vivoPurpleLight80}",
+ "type": "color",
+ "description": "vivoPurpleLight80"
+ },
+ "tagTextInactive": {
+ "value": "{palette.grey5}",
+ "type": "color",
+ "description": "grey5"
+ },
+ "tagTextSuccess": {
+ "value": "{palette.vivoGreenLight30}",
+ "type": "color",
+ "description": "vivoGreenLight30"
+ },
+ "tagTextWarning": {
+ "value": "{palette.orangeLight40}",
+ "type": "color",
+ "description": "orangeLight40"
+ },
+ "tagTextError": {
+ "value": "{palette.pepperLight40}",
+ "type": "color",
+ "description": "pepperLight40"
+ },
+ "tagBackgroundPromo": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundActive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundInactive": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundSuccess": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundWarning": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "tagBackgroundError": {
+ "value": "{palette.darkModeGrey6}",
+ "type": "color",
+ "description": "darkModeGrey6"
+ },
+ "cardContentOverlay": {
+ "type": "linear-gradient",
+ "value": {
+ "angle": 180,
+ "colors": [
+ {
+ "value": "rgba({palette.grey6}, 0)",
+ "stop": 0
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.4)",
+ "stop": 0.3
+ },
+ {
+ "value": "rgba({palette.grey6}, 0.7)",
+ "stop": 1
+ }
+ ]
+ },
+ "description": "grey6"
}
},
"radius": {