polaris_tokens 2.13.1 → 2.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ab9d0556fabdf3cbf3b258ec7816edf245c26415532e5536aa793a63c2588f40
-  data.tar.gz: 927c9157035acde7a36afa4cde4fe9a54d416389b9ebc9284b3e7fa3187bf760
+  metadata.gz: a0c443946bdc19d76717094975892bed6c37a8a5be0bc261daa36241ff54bb9d
+  data.tar.gz: 56e2539d64c836cb95def34ae0927ea896e61dc422e03d81c83ebfc967de173a
 SHA512:
-  metadata.gz: 4da7de01c374e215a6e517d998f318a17e0743a643c149f06fd5f3b36774566915f6984d53e9d24858bbcd69d058c869a19f03e2601acc4a8f5c82304be5ebc5
-  data.tar.gz: bfb950497f5f218ec160a450f2506cd023921fc7d79076dc2960fad97b5553fe2c87342956fac27a36c5c06e6f2cec9bb4f0989e8b24310334f3f0f0a74e0625
+  metadata.gz: 7344f13ba131f921cd141a32efcc168e5aa00ed525412775ee084e85eabc93a10eb98b5c8eb2d54a8428416fc9ef5ae48e80aec7dee7df60da5c86f9701f7677
+  data.tar.gz: 41e422b3bd2553b637e2d7b44607c02ad8c42c3b841f93a55c0a6f79e964b523a2e745653d4dec068aa5232a36efe100f81981cd20ba91e6d470ebd686106010

data/README.md

@@ -8,7 +8,7 @@
 
 <div align="center" markdown="1">
 
-[![npm version](https://img.shields.io/npm/v/@shopify/polaris-tokens.svg)](https://www.npmjs.com/package/@shopify/polaris-tokens) [![Travis build status](https://travis-ci.com/Shopify/polaris-tokens.svg?branch=master)](https://travis-ci.com/Shopify/polaris-react)
+[![npm version](https://img.shields.io/npm/v/@shopify/polaris-tokens.svg)](https://www.npmjs.com/package/@shopify/polaris-tokens) [![CI](https://github.com/shopify/polaris-tokens/workflows/CI/badge.svg)](https://github.com/shopify/polaris-tokens/actions?query=workflow%3ACI)
 
 </div>
 
@@ -187,19 +187,19 @@ evolve and improve over time with the needs of developers, designers and partner
 We gratefully accept impromptu contributions to the documentation, typo and bug fixes,
 and expect design token requests and changes to be discussed before a pull request.
 
-### [Code of conduct](https://github.com/Shopify/polaris-tokens/blob/master/.github/CODE_OF_CONDUCT.md)
+### [Code of conduct](https://github.com/Shopify/polaris-tokens/blob/main/.github/CODE_OF_CONDUCT.md)
 
-We have a [code of conduct](https://github.com/Shopify/polaris-tokens/blob/master/.github/CODE_OF_CONDUCT.md),
+We have a [code of conduct](https://github.com/Shopify/polaris-tokens/blob/main/.github/CODE_OF_CONDUCT.md),
 please follow it in all your interactions with the project.
 
-### [Contributing guide](https://github.com/Shopify/polaris-tokens/blob/master/.github/CONTRIBUTING.md)
+### [Contributing guide](https://github.com/Shopify/polaris-tokens/blob/main/.github/CONTRIBUTING.md)
 
-Read the [contributing guide](https://github.com/Shopify/polaris-tokens/blob/master/.github/CONTRIBUTING.md)
+Read the [contributing guide](https://github.com/Shopify/polaris-tokens/blob/main/.github/CONTRIBUTING.md)
 to learn how to propose changes and understand our development process.
 
-### [License](https://github.com/Shopify/polaris-tokens/blob/master/LICENSE.md)
+### [License](https://github.com/Shopify/polaris-tokens/blob/main/LICENSE.md)
 
-The polaris-tokens project is available under the [MIT license](https://github.com/Shopify/polaris-tokens/blob/master/LICENSE.md).
+The polaris-tokens project is available under the [MIT license](https://github.com/Shopify/polaris-tokens/blob/main/LICENSE.md).
 
 Parts of the code in this repository are directly inspired or borrowed
 from the [Theo project](https://github.com/salesforce-ux/theo),

data/dist-modern/palette/base.dark.android.xml

@@ -29,10 +29,10 @@
     <color name="polaris_border_highlight">#ff449da7</color>
     <color name="polaris_border_highlight_subdued">#ff449da7</color>
     <color name="polaris_border_hovered">#ff505356</color>
-    <color name="polaris_border_neutral_subdued">#ff505356</color>
-    <color name="polaris_border_shadow">#ff5c5f62</color>
-    <color name="polaris_border_shadow_subdued">#ff353739</color>
-    <color name="polaris_border_subdued">#ff2b2c2e</color>
+    <color name="polaris_border_neutral_subdued">#ff82878b</color>
+    <color name="polaris_border_shadow">#ff5b5f62</color>
+    <color name="polaris_border_shadow_subdued">#ff82878b</color>
+    <color name="polaris_border_subdued">#ff82878b</color>
     <color name="polaris_border_success">#ff008766</color>
     <color name="polaris_border_success_subdued">#ff008766</color>
     <color name="polaris_border_warning">#ff997000</color>
@@ -94,6 +94,9 @@
     <color name="polaris_surface_highlight_subdued_pressed">#ff184146</color>
     <color name="polaris_surface_hovered">#ff2f3133</color>
     <color name="polaris_surface_neutral">#ff313335</color>
+    <color name="polaris_surface_neutral_disabled">#ff313335</color>
+    <color name="polaris_surface_neutral_hovered">#ff313335</color>
+    <color name="polaris_surface_neutral_pressed">#ff313335</color>
     <color name="polaris_surface_neutral_subdued">#ff44474a</color>
     <color name="polaris_surface_pressed">#ff3e4043</color>
     <color name="polaris_surface_primary_selected">#ff0c1210</color>
@@ -118,6 +121,9 @@
     <color name="polaris_text_on_critical">#ffffffff</color>
     <color name="polaris_text_on_interactive">#ffffffff</color>
     <color name="polaris_text_on_primary">#ffffffff</color>
+    <color name="polaris_text_primary">#ff008d6a</color>
+    <color name="polaris_text_primary_hovered">#ff009e78</color>
+    <color name="polaris_text_primary_pressed">#ff00b085</color>
     <color name="polaris_text_subdued">#ff999fa4</color>
     <color name="polaris_text_success">#ff58ad8e</color>
     <color name="polaris_text_warning">#ffca9500</color>

data/dist-modern/palette/base.dark.figma.json

@@ -1 +1,637 @@
-[{"name":"background","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Default"},{"name":"backgroundHovered","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Hovered"},{"name":"backgroundPressed","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Pressed"},{"name":"backgroundSelected","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Selected"},{"name":"surface","value":{"r":32,"g":33,"b":35,"a":1},"figmaName":"Surface/Default"},{"name":"surfaceNeutral","value":{"r":49,"g":51,"b":53,"a":1},"figmaName":"Surface Neutral/Default"},{"name":"surfaceNeutralSubdued","value":{"r":68,"g":71,"b":74,"a":1},"figmaName":"Surface Neutral/Subdued"},{"name":"surfaceSubdued","value":{"r":26,"g":28,"b":29,"a":1},"figmaName":"Surface/Subdued"},{"name":"surfaceDisabled","value":{"r":26,"g":28,"b":29,"a":1},"figmaName":"Surface/Disabled"},{"name":"surfaceHovered","value":{"r":47,"g":49,"b":51,"a":1},"figmaName":"Surface/Hovered"},{"name":"surfacePressed","value":{"r":62,"g":64,"b":67,"a":1},"figmaName":"Surface/Pressed"},{"name":"surfaceDepressed","value":{"r":80,"g":83,"b":86,"a":1},"figmaName":"Surface/Depressed"},{"name":"backdrop","value":{"r":0,"g":0,"b":0,"a":0.5},"figmaName":"Backdrop"},{"name":"overlay","value":{"r":33,"g":33,"b":33,"a":0.5},"figmaName":"Overlay"},{"name":"shadowFromDimLight","value":{"r":255,"g":255,"b":255,"a":0.2},"figmaName":"Shadow/From dim light"},{"name":"shadowFromAmbientLight","value":{"r":23,"g":24,"b":24,"a":0.05},"figmaName":"Shadow/From ambient light"},{"name":"shadowFromDirectLight","value":{"r":255,"g":255,"b":255,"a":0.15},"figmaName":"Shadow/From direct light"},{"name":"hintFromDirectLight","value":{"r":185,"g":185,"b":185,"a":0.2},"figmaName":"Hint/From direct light"},{"name":"onSurfaceBackground","value":{"r":47,"g":49,"b":51,"a":1},"figmaName":"Background/Default"},{"name":"border","value":{"r":80,"g":83,"b":86,"a":1},"figmaName":"Border/Default"},{"name":"borderNeutralSubdued","value":{"r":80,"g":83,"b":86,"a":1},"figmaName":"Border Neutral/Subdued"},{"name":"borderHovered","value":{"r":80,"g":83,"b":86,"a":1},"figmaName":"Border/Hovered"},{"name":"borderDisabled","value":{"r":103,"g":107,"b":111,"a":1},"figmaName":"Border/Disabled"},{"name":"borderSubdued","value":{"r":43,"g":44,"b":46,"a":1},"figmaName":"Border/Subdued"},{"name":"borderDepressed","value":{"r":142,"g":145,"b":145,"a":1},"figmaName":"Border/Depressed"},{"name":"borderShadow","value":{"r":92,"g":95,"b":98,"a":1},"figmaName":"BorderShadow"},{"name":"borderShadowSubdued","value":{"r":53,"g":55,"b":57,"a":1},"figmaName":"BorderShadow/Subdued"},{"name":"divider","value":{"r":26,"g":28,"b":29,"a":1},"figmaName":"Divider"},{"name":"icon","value":{"r":166,"g":172,"b":178,"a":1},"figmaName":"Icon/Default"},{"name":"iconHovered","value":{"r":225,"g":227,"b":229,"a":1},"figmaName":"Icon/Hovered"},{"name":"iconPressed","value":{"r":166,"g":172,"b":178,"a":1},"figmaName":"Icon/Pressed"},{"name":"iconDisabled","value":{"r":84,"g":87,"b":90,"a":1},"figmaName":"Icon/Disabled"},{"name":"iconSubdued","value":{"r":120,"g":125,"b":129,"a":1},"figmaName":"Icon/Subdued"},{"name":"text","value":{"r":227,"g":229,"b":231,"a":1},"figmaName":"Text/Default"},{"name":"textDisabled","value":{"r":111,"g":115,"b":119,"a":1},"figmaName":"Text/Disabled"},{"name":"textSubdued","value":{"r":153,"g":159,"b":164,"a":1},"figmaName":"Text/Subdued"},{"name":"interactive","value":{"r":54,"g":163,"b":255,"a":1},"figmaName":"Interactive/Default"},{"name":"interactiveDisabled","value":{"r":38,"g":98,"b":182,"a":1},"figmaName":"Interactive/Disabled"},{"name":"interactiveHovered","value":{"r":103,"g":175,"b":255,"a":1},"figmaName":"Interactive/Hovered"},{"name":"interactivePressed","value":{"r":136,"g":188,"b":255,"a":1},"figmaName":"Interactive/Pressed"},{"name":"focused","value":{"r":38,"g":98,"b":182,"a":1},"figmaName":"Focused/Default"},{"name":"surfaceSelected","value":{"r":2,"g":14,"b":35,"a":1},"figmaName":"Surface Selected/Default"},{"name":"surfaceSelectedHovered","value":{"r":7,"g":29,"b":61,"a":1},"figmaName":"Surface Selected/Hovered"},{"name":"surfaceSelectedPressed","value":{"r":13,"g":43,"b":86,"a":1},"figmaName":"Surface Selected/Pressed"},{"name":"iconOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Interactive"},{"name":"textOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Interactive"},{"name":"actionSecondary","value":{"r":77,"g":80,"b":83,"a":1},"figmaName":"Action Secondary/Default"},{"name":"actionSecondaryDisabled","value":{"r":32,"g":34,"b":35,"a":1},"figmaName":"Action Secondary/Disabled"},{"name":"actionSecondaryHovered","value":{"r":84,"g":87,"b":91,"a":1},"figmaName":"Action Secondary/Hovered"},{"name":"actionSecondaryPressed","value":{"r":96,"g":100,"b":103,"a":1},"figmaName":"Action Secondary/Pressed"},{"name":"actionSecondaryDepressed","value":{"r":123,"g":127,"b":132,"a":1},"figmaName":"Action Secondary/Depressed"},{"name":"actionPrimary","value":{"r":0,"g":128,"b":96,"a":1},"figmaName":"Action Primary/Default"},{"name":"actionPrimaryDisabled","value":{"r":0,"g":86,"b":64,"a":1},"figmaName":"Action Primary/Disabled"},{"name":"actionPrimaryHovered","value":{"r":0,"g":150,"b":113,"a":1},"figmaName":"Action Primary/Hovered"},{"name":"actionPrimaryPressed","value":{"r":0,"g":164,"b":124,"a":1},"figmaName":"Action Primary/Pressed"},{"name":"actionPrimaryDepressed","value":{"r":0,"g":179,"b":136,"a":1},"figmaName":"Action Primary/Depressed"},{"name":"iconOnPrimary","value":{"r":230,"g":255,"b":244,"a":1},"figmaName":"Icon On/Primary"},{"name":"textOnPrimary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Primary"},{"name":"surfacePrimarySelected","value":{"r":12,"g":18,"b":16,"a":1},"figmaName":"Surface Primary/Selected"},{"name":"surfacePrimarySelectedHovered","value":{"r":40,"g":48,"b":44,"a":1},"figmaName":"Surface Primary/Selected Hovered"},{"name":"surfacePrimarySelectedPressed","value":{"r":54,"g":64,"b":59,"a":1},"figmaName":"Surface Primary/Selected Pressed"},{"name":"borderCritical","value":{"r":227,"g":47,"b":14,"a":1},"figmaName":"Border Critical/Default"},{"name":"borderCriticalSubdued","value":{"r":227,"g":47,"b":14,"a":1},"figmaName":"Border Critical/Subdued"},{"name":"borderCriticalDisabled","value":{"r":131,"g":23,"b":4,"a":1},"figmaName":"Border Critical/Disabled"},{"name":"iconCritical","value":{"r":218,"g":45,"b":13,"a":1},"figmaName":"Icon/Critical"},{"name":"surfaceCritical","value":{"r":69,"g":7,"b":1,"a":1},"figmaName":"Surface Critical/Default"},{"name":"surfaceCriticalSubdued","value":{"r":69,"g":7,"b":1,"a":1},"figmaName":"Surface Critical/Subdued"},{"name":"surfaceCriticalSubduedHovered","value":{"r":68,"g":23,"b":20,"a":1},"figmaName":"Surface Critical/Subdued Hovered"},{"name":"surfaceCriticalSubduedPressed","value":{"r":107,"g":16,"b":3,"a":1},"figmaName":"Surface Critical/Subdued Pressed"},{"name":"surfaceCriticalSubduedDepressed","value":{"r":135,"g":24,"b":5,"a":1},"figmaName":"Surface Critical/Subdued Depressed"},{"name":"textCritical","value":{"r":233,"g":128,"b":122,"a":1},"figmaName":"Text/Critical"},{"name":"actionCritical","value":{"r":205,"g":41,"b":12,"a":1},"figmaName":"Action Critical/Default"},{"name":"actionCriticalDisabled","value":{"r":187,"g":37,"b":10,"a":1},"figmaName":"Action Critical/Disabled"},{"name":"actionCriticalHovered","value":{"r":227,"g":47,"b":14,"a":1},"figmaName":"Action Critical/Hovered"},{"name":"actionCriticalPressed","value":{"r":250,"g":53,"b":17,"a":1},"figmaName":"Action Critical/Pressed"},{"name":"actionCriticalDepressed","value":{"r":253,"g":87,"b":73,"a":1},"figmaName":"Action Critical/Depressed"},{"name":"iconOnCritical","value":{"r":255,"g":248,"b":247,"a":1},"figmaName":"Icon On/Critical"},{"name":"textOnCritical","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Critical"},{"name":"interactiveCritical","value":{"r":253,"g":114,"b":106,"a":1},"figmaName":"Interactive/Critical"},{"name":"interactiveCriticalDisabled","value":{"r":254,"g":172,"b":168,"a":1},"figmaName":"Interactive/Critical Disabled"},{"name":"interactiveCriticalHovered","value":{"r":253,"g":138,"b":132,"a":1},"figmaName":"Interactive/Critical Hovered"},{"name":"interactiveCriticalPressed","value":{"r":253,"g":159,"b":155,"a":1},"figmaName":"Interactive/Critical Pressed"},{"name":"borderWarning","value":{"r":153,"g":112,"b":0,"a":1},"figmaName":"Border Warning/Default"},{"name":"borderWarningSubdued","value":{"r":153,"g":112,"b":0,"a":1},"figmaName":"Border Warning/Subdued"},{"name":"iconWarning","value":{"r":104,"g":75,"b":0,"a":1},"figmaName":"Icon/Warning"},{"name":"surfaceWarning","value":{"r":153,"g":112,"b":0,"a":1},"figmaName":"Surface Warning/Default"},{"name":"surfaceWarningSubdued","value":{"r":77,"g":59,"b":29,"a":1},"figmaName":"Surface Warning/Subdued"},{"name":"surfaceWarningSubduedHovered","value":{"r":82,"g":63,"b":32,"a":1},"figmaName":"Surface Warning/Subdued Hovered"},{"name":"surfaceWarningSubduedPressed","value":{"r":87,"g":67,"b":34,"a":1},"figmaName":"Surface Warning/Subdued Pressed"},{"name":"textWarning","value":{"r":202,"g":149,"b":0,"a":1},"figmaName":"Text/Warning"},{"name":"borderHighlight","value":{"r":68,"g":157,"b":167,"a":1},"figmaName":"Border Highlight/Default"},{"name":"borderHighlightSubdued","value":{"r":68,"g":157,"b":167,"a":1},"figmaName":"Border Highlight/Subdued"},{"name":"iconHighlight","value":{"r":44,"g":108,"b":115,"a":1},"figmaName":"Icon/Highlight"},{"name":"surfaceHighlight","value":{"r":0,"g":105,"b":113,"a":1},"figmaName":"Surface Highlight/Default"},{"name":"surfaceHighlightSubdued","value":{"r":18,"g":53,"b":57,"a":1},"figmaName":"Surface Highlight/Subdued"},{"name":"surfaceHighlightSubduedHovered","value":{"r":20,"g":58,"b":62,"a":1},"figmaName":"Surface Highlight/Subdued Hovered"},{"name":"surfaceHighlightSubduedPressed","value":{"r":24,"g":65,"b":70,"a":1},"figmaName":"Surface Highlight/Subdued Pressed"},{"name":"textHighlight","value":{"r":162,"g":239,"b":250,"a":1},"figmaName":"Text/Highlight"},{"name":"borderSuccess","value":{"r":0,"g":135,"b":102,"a":1},"figmaName":"Border Success/Default"},{"name":"borderSuccessSubdued","value":{"r":0,"g":135,"b":102,"a":1},"figmaName":"Border Success/Subdued"},{"name":"iconSuccess","value":{"r":0,"g":94,"b":70,"a":1},"figmaName":"Icon/Success"},{"name":"surfaceSuccess","value":{"r":0,"g":94,"b":70,"a":1},"figmaName":"Surface Success/Default"},{"name":"surfaceSuccessSubdued","value":{"r":28,"g":53,"b":44,"a":1},"figmaName":"Surface Success/Subdued"},{"name":"surfaceSuccessSubduedHovered","value":{"r":31,"g":58,"b":48,"a":1},"figmaName":"Surface Success/Subdued Hovered"},{"name":"surfaceSuccessSubduedPressed","value":{"r":35,"g":65,"b":54,"a":1},"figmaName":"Surface Success/Subdued Pressed"},{"name":"textSuccess","value":{"r":88,"g":173,"b":142,"a":1},"figmaName":"Text/Success"},{"name":"decorativeOneIcon","value":{"r":255,"g":186,"b":67,"a":1},"figmaName":"Decorative/Icon/One"},{"name":"decorativeOneSurface","value":{"r":142,"g":102,"b":9,"a":1},"figmaName":"Decorative/Surface/One"},{"name":"decorativeOneText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/One"},{"name":"decorativeTwoIcon","value":{"r":245,"g":182,"b":192,"a":1},"figmaName":"Decorative/Icon/Two"},{"name":"decorativeTwoSurface","value":{"r":206,"g":88,"b":20,"a":1},"figmaName":"Decorative/Surface/Two"},{"name":"decorativeTwoText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Two"},{"name":"decorativeThreeIcon","value":{"r":0,"g":227,"b":141,"a":1},"figmaName":"Decorative/Icon/Three"},{"name":"decorativeThreeSurface","value":{"r":0,"g":124,"b":90,"a":1},"figmaName":"Decorative/Surface/Three"},{"name":"decorativeThreeText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Three"},{"name":"decorativeFourIcon","value":{"r":0,"g":221,"b":218,"a":1},"figmaName":"Decorative/Icon/Four"},{"name":"decorativeFourSurface","value":{"r":22,"g":124,"b":121,"a":1},"figmaName":"Decorative/Surface/Four"},{"name":"decorativeFourText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Four"},{"name":"decorativeFiveIcon","value":{"r":244,"g":183,"b":191,"a":1},"figmaName":"Decorative/Icon/Five"},{"name":"decorativeFiveSurface","value":{"r":194,"g":51,"b":86,"a":1},"figmaName":"Decorative/Surface/Five"},{"name":"decorativeFiveText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Five"}]
+[
+  {
+    "name": "background",
+    "value": {"r": 11, "g": 12, "b": 13, "a": 1},
+    "figmaName": "Background/Default"
+  },
+  {
+    "name": "backgroundHovered",
+    "value": {"r": 11, "g": 12, "b": 13, "a": 1},
+    "figmaName": "Background/Hovered"
+  },
+  {
+    "name": "backgroundPressed",
+    "value": {"r": 11, "g": 12, "b": 13, "a": 1},
+    "figmaName": "Background/Pressed"
+  },
+  {
+    "name": "backgroundSelected",
+    "value": {"r": 11, "g": 12, "b": 13, "a": 1},
+    "figmaName": "Background/Selected"
+  },
+  {
+    "name": "surface",
+    "value": {"r": 32, "g": 33, "b": 35, "a": 1},
+    "figmaName": "Surface/Default"
+  },
+  {
+    "name": "surfaceNeutral",
+    "value": {"r": 49, "g": 51, "b": 53, "a": 1},
+    "figmaName": "Surface Neutral/Default"
+  },
+  {
+    "name": "surfaceNeutralHovered",
+    "value": {"r": 49, "g": 51, "b": 53, "a": 1},
+    "figmaName": "Surface Neutral/Hovered"
+  },
+  {
+    "name": "surfaceNeutralPressed",
+    "value": {"r": 49, "g": 51, "b": 53, "a": 1},
+    "figmaName": "Surface Neutral/Pressed"
+  },
+  {
+    "name": "surfaceNeutralDisabled",
+    "value": {"r": 49, "g": 51, "b": 53, "a": 1},
+    "figmaName": "Surface Neutral/Disabled"
+  },
+  {
+    "name": "surfaceNeutralSubdued",
+    "value": {"r": 68, "g": 71, "b": 74, "a": 1},
+    "figmaName": "Surface Neutral/Subdued"
+  },
+  {
+    "name": "surfaceSubdued",
+    "value": {"r": 26, "g": 28, "b": 29, "a": 1},
+    "figmaName": "Surface/Subdued"
+  },
+  {
+    "name": "surfaceDisabled",
+    "value": {"r": 26, "g": 28, "b": 29, "a": 1},
+    "figmaName": "Surface/Disabled"
+  },
+  {
+    "name": "surfaceHovered",
+    "value": {"r": 47, "g": 49, "b": 51, "a": 1},
+    "figmaName": "Surface/Hovered"
+  },
+  {
+    "name": "surfacePressed",
+    "value": {"r": 62, "g": 64, "b": 67, "a": 1},
+    "figmaName": "Surface/Pressed"
+  },
+  {
+    "name": "surfaceDepressed",
+    "value": {"r": 80, "g": 83, "b": 86, "a": 1},
+    "figmaName": "Surface/Depressed"
+  },
+  {
+    "name": "backdrop",
+    "value": {"r": 0, "g": 0, "b": 0, "a": 0.5},
+    "figmaName": "Backdrop"
+  },
+  {
+    "name": "overlay",
+    "value": {"r": 33, "g": 33, "b": 33, "a": 0.5},
+    "figmaName": "Overlay"
+  },
+  {
+    "name": "shadowFromDimLight",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 0.2},
+    "figmaName": "Shadow/From dim light"
+  },
+  {
+    "name": "shadowFromAmbientLight",
+    "value": {"r": 23, "g": 24, "b": 24, "a": 0.05},
+    "figmaName": "Shadow/From ambient light"
+  },
+  {
+    "name": "shadowFromDirectLight",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 0.15},
+    "figmaName": "Shadow/From direct light"
+  },
+  {
+    "name": "hintFromDirectLight",
+    "value": {"r": 185, "g": 185, "b": 185, "a": 0.2},
+    "figmaName": "Hint/From direct light"
+  },
+  {
+    "name": "onSurfaceBackground",
+    "value": {"r": 47, "g": 49, "b": 51, "a": 1},
+    "figmaName": "Background/Default"
+  },
+  {
+    "name": "border",
+    "value": {"r": 80, "g": 83, "b": 86, "a": 1},
+    "figmaName": "Border/Default"
+  },
+  {
+    "name": "borderNeutralSubdued",
+    "value": {"r": 130, "g": 135, "b": 139, "a": 1},
+    "figmaName": "Border Neutral/Subdued"
+  },
+  {
+    "name": "borderHovered",
+    "value": {"r": 80, "g": 83, "b": 86, "a": 1},
+    "figmaName": "Border/Hovered"
+  },
+  {
+    "name": "borderDisabled",
+    "value": {"r": 103, "g": 107, "b": 111, "a": 1},
+    "figmaName": "Border/Disabled"
+  },
+  {
+    "name": "borderSubdued",
+    "value": {"r": 130, "g": 135, "b": 139, "a": 1},
+    "figmaName": "Border/Subdued"
+  },
+  {
+    "name": "borderDepressed",
+    "value": {"r": 142, "g": 145, "b": 145, "a": 1},
+    "figmaName": "Border/Depressed"
+  },
+  {
+    "name": "borderShadow",
+    "value": {"r": 91, "g": 95, "b": 98, "a": 1},
+    "figmaName": "BorderShadow"
+  },
+  {
+    "name": "borderShadowSubdued",
+    "value": {"r": 130, "g": 135, "b": 139, "a": 1},
+    "figmaName": "BorderShadow/Subdued"
+  },
+  {
+    "name": "divider",
+    "value": {"r": 26, "g": 28, "b": 29, "a": 1},
+    "figmaName": "Divider"
+  },
+  {
+    "name": "icon",
+    "value": {"r": 166, "g": 172, "b": 178, "a": 1},
+    "figmaName": "Icon/Default"
+  },
+  {
+    "name": "iconHovered",
+    "value": {"r": 225, "g": 227, "b": 229, "a": 1},
+    "figmaName": "Icon/Hovered"
+  },
+  {
+    "name": "iconPressed",
+    "value": {"r": 166, "g": 172, "b": 178, "a": 1},
+    "figmaName": "Icon/Pressed"
+  },
+  {
+    "name": "iconDisabled",
+    "value": {"r": 84, "g": 87, "b": 90, "a": 1},
+    "figmaName": "Icon/Disabled"
+  },
+  {
+    "name": "iconSubdued",
+    "value": {"r": 120, "g": 125, "b": 129, "a": 1},
+    "figmaName": "Icon/Subdued"
+  },
+  {
+    "name": "text",
+    "value": {"r": 227, "g": 229, "b": 231, "a": 1},
+    "figmaName": "Text/Default"
+  },
+  {
+    "name": "textDisabled",
+    "value": {"r": 111, "g": 115, "b": 119, "a": 1},
+    "figmaName": "Text/Disabled"
+  },
+  {
+    "name": "textSubdued",
+    "value": {"r": 153, "g": 159, "b": 164, "a": 1},
+    "figmaName": "Text/Subdued"
+  },
+  {
+    "name": "interactive",
+    "value": {"r": 54, "g": 163, "b": 255, "a": 1},
+    "figmaName": "Interactive/Default"
+  },
+  {
+    "name": "interactiveDisabled",
+    "value": {"r": 38, "g": 98, "b": 182, "a": 1},
+    "figmaName": "Interactive/Disabled"
+  },
+  {
+    "name": "interactiveHovered",
+    "value": {"r": 103, "g": 175, "b": 255, "a": 1},
+    "figmaName": "Interactive/Hovered"
+  },
+  {
+    "name": "interactivePressed",
+    "value": {"r": 136, "g": 188, "b": 255, "a": 1},
+    "figmaName": "Interactive/Pressed"
+  },
+  {
+    "name": "focused",
+    "value": {"r": 38, "g": 98, "b": 182, "a": 1},
+    "figmaName": "Focused/Default"
+  },
+  {
+    "name": "surfaceSelected",
+    "value": {"r": 2, "g": 14, "b": 35, "a": 1},
+    "figmaName": "Surface Selected/Default"
+  },
+  {
+    "name": "surfaceSelectedHovered",
+    "value": {"r": 7, "g": 29, "b": 61, "a": 1},
+    "figmaName": "Surface Selected/Hovered"
+  },
+  {
+    "name": "surfaceSelectedPressed",
+    "value": {"r": 13, "g": 43, "b": 86, "a": 1},
+    "figmaName": "Surface Selected/Pressed"
+  },
+  {
+    "name": "iconOnInteractive",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Icon On/Interactive"
+  },
+  {
+    "name": "textOnInteractive",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Text On/Interactive"
+  },
+  {
+    "name": "actionSecondary",
+    "value": {"r": 77, "g": 80, "b": 83, "a": 1},
+    "figmaName": "Action Secondary/Default"
+  },
+  {
+    "name": "actionSecondaryDisabled",
+    "value": {"r": 32, "g": 34, "b": 35, "a": 1},
+    "figmaName": "Action Secondary/Disabled"
+  },
+  {
+    "name": "actionSecondaryHovered",
+    "value": {"r": 84, "g": 87, "b": 91, "a": 1},
+    "figmaName": "Action Secondary/Hovered"
+  },
+  {
+    "name": "actionSecondaryPressed",
+    "value": {"r": 96, "g": 100, "b": 103, "a": 1},
+    "figmaName": "Action Secondary/Pressed"
+  },
+  {
+    "name": "actionSecondaryDepressed",
+    "value": {"r": 123, "g": 127, "b": 132, "a": 1},
+    "figmaName": "Action Secondary/Depressed"
+  },
+  {
+    "name": "actionPrimary",
+    "value": {"r": 0, "g": 128, "b": 96, "a": 1},
+    "figmaName": "Action Primary/Default"
+  },
+  {
+    "name": "actionPrimaryDisabled",
+    "value": {"r": 0, "g": 86, "b": 64, "a": 1},
+    "figmaName": "Action Primary/Disabled"
+  },
+  {
+    "name": "actionPrimaryHovered",
+    "value": {"r": 0, "g": 150, "b": 113, "a": 1},
+    "figmaName": "Action Primary/Hovered"
+  },
+  {
+    "name": "actionPrimaryPressed",
+    "value": {"r": 0, "g": 164, "b": 124, "a": 1},
+    "figmaName": "Action Primary/Pressed"
+  },
+  {
+    "name": "actionPrimaryDepressed",
+    "value": {"r": 0, "g": 179, "b": 136, "a": 1},
+    "figmaName": "Action Primary/Depressed"
+  },
+  {
+    "name": "iconOnPrimary",
+    "value": {"r": 230, "g": 255, "b": 244, "a": 1},
+    "figmaName": "Icon On/Primary"
+  },
+  {
+    "name": "textOnPrimary",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Text On/Primary"
+  },
+  {
+    "name": "textPrimary",
+    "value": {"r": 0, "g": 141, "b": 106, "a": 1},
+    "figmaName": "Text Primary/Default"
+  },
+  {
+    "name": "textPrimaryHovered",
+    "value": {"r": 0, "g": 158, "b": 120, "a": 1},
+    "figmaName": "Text Primary/hover"
+  },
+  {
+    "name": "textPrimaryPressed",
+    "value": {"r": 0, "g": 176, "b": 133, "a": 1},
+    "figmaName": "Text Primary/Pressed"
+  },
+  {
+    "name": "surfacePrimarySelected",
+    "value": {"r": 12, "g": 18, "b": 16, "a": 1},
+    "figmaName": "Surface Primary/Selected"
+  },
+  {
+    "name": "surfacePrimarySelectedHovered",
+    "value": {"r": 40, "g": 48, "b": 44, "a": 1},
+    "figmaName": "Surface Primary/Selected Hovered"
+  },
+  {
+    "name": "surfacePrimarySelectedPressed",
+    "value": {"r": 54, "g": 64, "b": 59, "a": 1},
+    "figmaName": "Surface Primary/Selected Pressed"
+  },
+  {
+    "name": "borderCritical",
+    "value": {"r": 227, "g": 47, "b": 14, "a": 1},
+    "figmaName": "Border Critical/Default"
+  },
+  {
+    "name": "borderCriticalSubdued",
+    "value": {"r": 227, "g": 47, "b": 14, "a": 1},
+    "figmaName": "Border Critical/Subdued"
+  },
+  {
+    "name": "borderCriticalDisabled",
+    "value": {"r": 131, "g": 23, "b": 4, "a": 1},
+    "figmaName": "Border Critical/Disabled"
+  },
+  {
+    "name": "iconCritical",
+    "value": {"r": 218, "g": 45, "b": 13, "a": 1},
+    "figmaName": "Icon/Critical"
+  },
+  {
+    "name": "surfaceCritical",
+    "value": {"r": 69, "g": 7, "b": 1, "a": 1},
+    "figmaName": "Surface Critical/Default"
+  },
+  {
+    "name": "surfaceCriticalSubdued",
+    "value": {"r": 69, "g": 7, "b": 1, "a": 1},
+    "figmaName": "Surface Critical/Subdued"
+  },
+  {
+    "name": "surfaceCriticalSubduedHovered",
+    "value": {"r": 68, "g": 23, "b": 20, "a": 1},
+    "figmaName": "Surface Critical/Subdued Hovered"
+  },
+  {
+    "name": "surfaceCriticalSubduedPressed",
+    "value": {"r": 107, "g": 16, "b": 3, "a": 1},
+    "figmaName": "Surface Critical/Subdued Pressed"
+  },
+  {
+    "name": "surfaceCriticalSubduedDepressed",
+    "value": {"r": 135, "g": 24, "b": 5, "a": 1},
+    "figmaName": "Surface Critical/Subdued Depressed"
+  },
+  {
+    "name": "textCritical",
+    "value": {"r": 233, "g": 128, "b": 122, "a": 1},
+    "figmaName": "Text/Critical"
+  },
+  {
+    "name": "actionCritical",
+    "value": {"r": 205, "g": 41, "b": 12, "a": 1},
+    "figmaName": "Action Critical/Default"
+  },
+  {
+    "name": "actionCriticalDisabled",
+    "value": {"r": 187, "g": 37, "b": 10, "a": 1},
+    "figmaName": "Action Critical/Disabled"
+  },
+  {
+    "name": "actionCriticalHovered",
+    "value": {"r": 227, "g": 47, "b": 14, "a": 1},
+    "figmaName": "Action Critical/Hovered"
+  },
+  {
+    "name": "actionCriticalPressed",
+    "value": {"r": 250, "g": 53, "b": 17, "a": 1},
+    "figmaName": "Action Critical/Pressed"
+  },
+  {
+    "name": "actionCriticalDepressed",
+    "value": {"r": 253, "g": 87, "b": 73, "a": 1},
+    "figmaName": "Action Critical/Depressed"
+  },
+  {
+    "name": "iconOnCritical",
+    "value": {"r": 255, "g": 248, "b": 247, "a": 1},
+    "figmaName": "Icon On/Critical"
+  },
+  {
+    "name": "textOnCritical",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Text On/Critical"
+  },
+  {
+    "name": "interactiveCritical",
+    "value": {"r": 253, "g": 114, "b": 106, "a": 1},
+    "figmaName": "Interactive/Critical"
+  },
+  {
+    "name": "interactiveCriticalDisabled",
+    "value": {"r": 254, "g": 172, "b": 168, "a": 1},
+    "figmaName": "Interactive/Critical Disabled"
+  },
+  {
+    "name": "interactiveCriticalHovered",
+    "value": {"r": 253, "g": 138, "b": 132, "a": 1},
+    "figmaName": "Interactive/Critical Hovered"
+  },
+  {
+    "name": "interactiveCriticalPressed",
+    "value": {"r": 253, "g": 159, "b": 155, "a": 1},
+    "figmaName": "Interactive/Critical Pressed"
+  },
+  {
+    "name": "borderWarning",
+    "value": {"r": 153, "g": 112, "b": 0, "a": 1},
+    "figmaName": "Border Warning/Default"
+  },
+  {
+    "name": "borderWarningSubdued",
+    "value": {"r": 153, "g": 112, "b": 0, "a": 1},
+    "figmaName": "Border Warning/Subdued"
+  },
+  {
+    "name": "iconWarning",
+    "value": {"r": 104, "g": 75, "b": 0, "a": 1},
+    "figmaName": "Icon/Warning"
+  },
+  {
+    "name": "surfaceWarning",
+    "value": {"r": 153, "g": 112, "b": 0, "a": 1},
+    "figmaName": "Surface Warning/Default"
+  },
+  {
+    "name": "surfaceWarningSubdued",
+    "value": {"r": 77, "g": 59, "b": 29, "a": 1},
+    "figmaName": "Surface Warning/Subdued"
+  },
+  {
+    "name": "surfaceWarningSubduedHovered",
+    "value": {"r": 82, "g": 63, "b": 32, "a": 1},
+    "figmaName": "Surface Warning/Subdued Hovered"
+  },
+  {
+    "name": "surfaceWarningSubduedPressed",
+    "value": {"r": 87, "g": 67, "b": 34, "a": 1},
+    "figmaName": "Surface Warning/Subdued Pressed"
+  },
+  {
+    "name": "textWarning",
+    "value": {"r": 202, "g": 149, "b": 0, "a": 1},
+    "figmaName": "Text/Warning"
+  },
+  {
+    "name": "borderHighlight",
+    "value": {"r": 68, "g": 157, "b": 167, "a": 1},
+    "figmaName": "Border Highlight/Default"
+  },
+  {
+    "name": "borderHighlightSubdued",
+    "value": {"r": 68, "g": 157, "b": 167, "a": 1},
+    "figmaName": "Border Highlight/Subdued"
+  },
+  {
+    "name": "iconHighlight",
+    "value": {"r": 44, "g": 108, "b": 115, "a": 1},
+    "figmaName": "Icon/Highlight"
+  },
+  {
+    "name": "surfaceHighlight",
+    "value": {"r": 0, "g": 105, "b": 113, "a": 1},
+    "figmaName": "Surface Highlight/Default"
+  },
+  {
+    "name": "surfaceHighlightSubdued",
+    "value": {"r": 18, "g": 53, "b": 57, "a": 1},
+    "figmaName": "Surface Highlight/Subdued"
+  },
+  {
+    "name": "surfaceHighlightSubduedHovered",
+    "value": {"r": 20, "g": 58, "b": 62, "a": 1},
+    "figmaName": "Surface Highlight/Subdued Hovered"
+  },
+  {
+    "name": "surfaceHighlightSubduedPressed",
+    "value": {"r": 24, "g": 65, "b": 70, "a": 1},
+    "figmaName": "Surface Highlight/Subdued Pressed"
+  },
+  {
+    "name": "textHighlight",
+    "value": {"r": 162, "g": 239, "b": 250, "a": 1},
+    "figmaName": "Text/Highlight"
+  },
+  {
+    "name": "borderSuccess",
+    "value": {"r": 0, "g": 135, "b": 102, "a": 1},
+    "figmaName": "Border Success/Default"
+  },
+  {
+    "name": "borderSuccessSubdued",
+    "value": {"r": 0, "g": 135, "b": 102, "a": 1},
+    "figmaName": "Border Success/Subdued"
+  },
+  {
+    "name": "iconSuccess",
+    "value": {"r": 0, "g": 94, "b": 70, "a": 1},
+    "figmaName": "Icon/Success"
+  },
+  {
+    "name": "surfaceSuccess",
+    "value": {"r": 0, "g": 94, "b": 70, "a": 1},
+    "figmaName": "Surface Success/Default"
+  },
+  {
+    "name": "surfaceSuccessSubdued",
+    "value": {"r": 28, "g": 53, "b": 44, "a": 1},
+    "figmaName": "Surface Success/Subdued"
+  },
+  {
+    "name": "surfaceSuccessSubduedHovered",
+    "value": {"r": 31, "g": 58, "b": 48, "a": 1},
+    "figmaName": "Surface Success/Subdued Hovered"
+  },
+  {
+    "name": "surfaceSuccessSubduedPressed",
+    "value": {"r": 35, "g": 65, "b": 54, "a": 1},
+    "figmaName": "Surface Success/Subdued Pressed"
+  },
+  {
+    "name": "textSuccess",
+    "value": {"r": 88, "g": 173, "b": 142, "a": 1},
+    "figmaName": "Text/Success"
+  },
+  {
+    "name": "decorativeOneIcon",
+    "value": {"r": 255, "g": 186, "b": 67, "a": 1},
+    "figmaName": "Decorative/Icon/One"
+  },
+  {
+    "name": "decorativeOneSurface",
+    "value": {"r": 142, "g": 102, "b": 9, "a": 1},
+    "figmaName": "Decorative/Surface/One"
+  },
+  {
+    "name": "decorativeOneText",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Decorative/Text/One"
+  },
+  {
+    "name": "decorativeTwoIcon",
+    "value": {"r": 245, "g": 182, "b": 192, "a": 1},
+    "figmaName": "Decorative/Icon/Two"
+  },
+  {
+    "name": "decorativeTwoSurface",
+    "value": {"r": 206, "g": 88, "b": 20, "a": 1},
+    "figmaName": "Decorative/Surface/Two"
+  },
+  {
+    "name": "decorativeTwoText",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Decorative/Text/Two"
+  },
+  {
+    "name": "decorativeThreeIcon",
+    "value": {"r": 0, "g": 227, "b": 141, "a": 1},
+    "figmaName": "Decorative/Icon/Three"
+  },
+  {
+    "name": "decorativeThreeSurface",
+    "value": {"r": 0, "g": 124, "b": 90, "a": 1},
+    "figmaName": "Decorative/Surface/Three"
+  },
+  {
+    "name": "decorativeThreeText",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Decorative/Text/Three"
+  },
+  {
+    "name": "decorativeFourIcon",
+    "value": {"r": 0, "g": 221, "b": 218, "a": 1},
+    "figmaName": "Decorative/Icon/Four"
+  },
+  {
+    "name": "decorativeFourSurface",
+    "value": {"r": 22, "g": 124, "b": 121, "a": 1},
+    "figmaName": "Decorative/Surface/Four"
+  },
+  {
+    "name": "decorativeFourText",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Decorative/Text/Four"
+  },
+  {
+    "name": "decorativeFiveIcon",
+    "value": {"r": 244, "g": 183, "b": 191, "a": 1},
+    "figmaName": "Decorative/Icon/Five"
+  },
+  {
+    "name": "decorativeFiveSurface",
+    "value": {"r": 194, "g": 51, "b": 86, "a": 1},
+    "figmaName": "Decorative/Surface/Five"
+  },
+  {
+    "name": "decorativeFiveText",
+    "value": {"r": 255, "g": 255, "b": 255, "a": 1},
+    "figmaName": "Decorative/Text/Five"
+  }
+]