polaris_tokens 2.15.0 → 2.20.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4301184b5701b1e59af96c6006ab48c0adfcfbaf336a0791c54f8e99a1d74afa
-  data.tar.gz: 4d117304163479db38a5ca158a5b1d4d9df460a2f991bdff8ede8c68fdef341b
+  metadata.gz: 9862666ed40b8bbf3412fea32f1e9b52322d3d2e2714942b0873e8ab213d686b
+  data.tar.gz: dd11e48e03c41c63635c25cfda388135f7b78733dc12cfc3cd6d43fd28219dcb
 SHA512:
-  metadata.gz: 743b0cfcf7a54915c0ea240a6e95126a4e02ae87e8bfca131170c2cf415cb10931aa0e12c95aa9a7aafd8042f441b1c089da01030d29f5b21d68f096a897c562
-  data.tar.gz: '08e7af221a64181c43b7ecb1821da9c9e305dff570d1fb09a3896fb7be150fe3f92f7cea3ef03ba10a89381abbeaf4ee296e0ef5ab5ec20dabf09684cee7306f'
+  metadata.gz: f51c44a5cfd229f70f2cf8ff725ccb2937d8fbfe4707f6fe9866fc655c98da46a2f02f9692de3e236d23085b7504ad371a7d0afa507cd86ef4626306937078fd
+  data.tar.gz: f1cc70b1a330a77042bb685de4d5b95fd9c105b75913d97d609f3aeadcdf2423e53c19b3bedf2aa4ac147b9e96384a6814c65990656937e61e1f1a0bf5885735

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

@@ -52,7 +52,7 @@
     <color name="polaris_decorative_two_icon">#fff5b6c0</color>
     <color name="polaris_decorative_two_surface">#ffce5814</color>
     <color name="polaris_decorative_two_text">#ffffffff</color>
-    <color name="polaris_divider">#ff1a1c1d</color>
+    <color name="polaris_divider">#ff454749</color>
     <color name="polaris_focused">#ff2662b6</color>
     <color name="polaris_hint_from_direct_light">#33b9b9b9</color>
     <color name="polaris_icon">#ffa6acb2</color>
@@ -121,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":"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":"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": 69, "g": 71, "b": 73, "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"
+  }
+]