search

amzn / style-dictionary

A build system for creating cross-platform styles.
https://styledictionary.com
Apache License 2.0
3.87k stars 543 forks source link

When i am trying to convert figma tokens using style dictionary getting some values like [object,object] #1009

Closed Mounikasreeram closed 6 months ago

Mounikasreeram commented 1 year ago

here is my json

{ "Colors": { "Brand": { "Primary": { "value": "#eb5816", "type": "color", "description": "primary / on-primary\n\nRegular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary": { "value": "#2b3348", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Disabled": { "value": "#e6e7e9", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Secondary": { "Teal": { "value": "#1db9c3", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown": { "value": "#86340a", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige": { "value": "#e8d0b3", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple": { "value": "#52006a", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark": { "value": "#5c3d2e", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon": { "value": "#b80d57", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine": { "value": "#ff6701", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow": { "value": "#ffbe0f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "States": { "Light": { "Error": { "value": "#cc0000", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Info": { "value": "#1976d2", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Success": { "value": "#008000", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Warning": { "value": "#c8900b", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Dark": { "Success": { "value": "#cce6cc", "type": "color" }, "Error": { "value": "#f5cccc", "type": "color" }, "Info": { "value": "#d1e4f6", "type": "color" }, "Warning": { "value": "#faeecf", "type": "color" } } }, "Surface": { "White": { "value": "#ffffff", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Black": { "value": "#000000", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Transparent White": { "value": "#ffffff00", "type": "color" } } }, "Tonal_Palette": { "Primary": { "Primary05": { "value": "#f5ddd2", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary10": { "value": "#f4cdbb", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary15": { "value": "#f2baa1", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary20": { "value": "#f2ad8f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary25": { "value": "#f1a27f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary30": { "value": "#ef9166", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary35": { "value": "#ed7640", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary40 (Dark Primary)": { "value": "#eb6225", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary45": { "value": "#e55413", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Primary50": { "value": "#d74c0d", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Secondary": { "Secondary05": { "value": "#e1e2e4", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary10": { "value": "#d4d5d9", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary15": { "value": "#b0b3ba", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary20": { "value": "#9a9ea7", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary25": { "value": "#878b97", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary30": { "value": "#767b88", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary35": { "value": "#515869", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary40": { "value": "#343b4f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary45": { "value": "#242c40", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Secondary50": { "value": "#192135", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Teal": { "Teal05": { "value": "#d8eef0", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal10": { "value": "#c3e9eb", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal15": { "value": "#ade3e6", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal20": { "value": "#96dcdf", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal25": { "value": "#88d8dd", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal30": { "value": "#76d3d9", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal35": { "value": "#51c8cf", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal40": { "value": "#2dbdc7", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal45": { "value": "#17acb5", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Teal50": { "value": "#027f87", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Brown": { "Brown05": { "value": "#e9dfda", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown10": { "value": "#dbc7bd", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown15": { "value": "#d2b7a9", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown20": { "value": "#c5a18f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown25": { "value": "#be957f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown30": { "value": "#b38269", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown35": { "value": "#a16242", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown40": { "value": "#90461f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown45": { "value": "#7c2f08", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Brown50": { "value": "#531d01", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Beige": { "Beige05": { "value": "#f5f1ec", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige10": { "value": "#f2ece4", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige15": { "value": "#f2e9df", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige20": { "value": "#f1e6d8", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige25": { "value": "#eee2d2", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige30": { "value": "#edddca", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige35": { "value": "#ebd7bf", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige40": { "value": "#e8d1b5", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige45": { "value": "#d7b893", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Beige50": { "value": "#c19867", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Purple": { "Purple05": { "value": "#ded2e2", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple10": { "value": "#ccb8d3", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple15": { "value": "#bda1c6", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple20": { "value": "#aa84b5", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple25": { "value": "#9f74ac", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple30": { "value": "#8e5a9d", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple35": { "value": "#6e2b82", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple40": { "value": "#5e1374", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple45": { "value": "#4e0164", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Purple50": { "value": "#2f013d", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Dark": { "Dark05": { "value": "#e4e0de", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark10": { "value": "#d4cdca", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark15": { "value": "#c6bcb8", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark20": { "value": "#b2a39d", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark25": { "value": "#a7978f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark30": { "value": "#99867d", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark35": { "value": "#7a6155", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark40": { "value": "#66493b", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark45": { "value": "#533628", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Dark50": { "value": "#351d11", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Maroon": { "Maroon05": { "value": "#f4ebef", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon10": { "value": "#eed7e1", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon15": { "value": "#e8bfd1", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon20": { "value": "#e3aac2", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon25": { "value": "#db90b0", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon30": { "value": "#d67ba2", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon35": { "value": "#d06493", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon40": { "value": "#c53d78", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon45": { "value": "#bc1c61", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Maroon50": { "value": "#aa0b50", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Sunshine": { "Sunshine05": { "value": "#f8ede5", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine10": { "value": "#fde7d7", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine15": { "value": "#f9d1b7", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine20": { "value": "#fac39f", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine25": { "value": "#fbb484", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine30": { "value": "#fbab75", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine35": { "value": "#fc9b59", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine40": { "value": "#fd893b", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine45": { "value": "#fe7519", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Sunshine50": { "value": "#f06201", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Yellow": { "Yellow05": { "value": "#f8efd6", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow10": { "value": "#f9e9bc", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow15": { "value": "#fae1a0", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow20": { "value": "#fbdc89", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow25": { "value": "#fbd778", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow30": { "value": "#fcd15d", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow35": { "value": "#fec83a", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow40": { "value": "#ffc015", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow45": { "value": "#f9b809", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Yellow50": { "value": "#f2b102", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "GreyScale": { "Grey50": { "value": "#fdfdfd", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey100": { "value": "#f9f9fa", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey150 (BG)": { "value": "#f4f5f6", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey200": { "value": "#f0f1f2", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey300": { "value": "#e9eaeb", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey400 (Dark: Secondary Text)": { "value": "#d9dbe3", "type": "color", "description": "NOTE: \n(Dark Theme : Secondary Text)\n\nRegular Text:\n\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey500 (Light -Disabled)": { "value": "#b1b4bb", "type": "color", "description": "(Light Theme -Disabled State)\n\nRegular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey600": { "value": "#9c9fa9", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey700": { "value": "#757a87", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey800": { "value": "#505768", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey900": { "value": "#2b3348", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" }, "Grey950": { "value": "#232a3d", "type": "color", "description": "Regular text:\nLevel AA - ✅ Pass\nLevel AAA - ❌ Fail\n\nLarge text:\nLevel AA - ✅ Pass\nLevel AAA - ✅ Pass\n\nIcons:\nLevel AA - ✅ Pass" } }, "Error": { "Error05": { "value": "#fae6e6", "type": "color" }, "Error10": { "value": "#f7d9d9", "type": "color" }, "Error15": { "value": "#efb0b0", "type": "color" }, "Error20": { "value": "#cc0000", "type": "color" }, "Error25": { "value": "#b80000", "type": "color" }, "Error30": { "value": "#a30000", "type": "color" }, "Error35": { "value": "#990000", "type": "color" }, "Error40": { "value": "#7a0000", "type": "color" }, "Error45": { "value": "#5c0000", "type": "color" }, "Error50": { "value": "#470000", "type": "color" } }, "Info": { "Info05": { "value": "#e8f1fb", "type": "color" }, "Info10": { "value": "#ddeaf8", "type": "color" }, "Info15": { "value": "#b8d5f1", "type": "color" }, "Info20": { "value": "#1976d2", "type": "color" }, "Info25": { "value": "#176abd", "type": "color" }, "Info30": { "value": "#145ea8", "type": "color" }, "Info35": { "value": "#13599e", "type": "color" }, "Info40": { "value": "#0f477e", "type": "color" }, "Info45": { "value": "#0b355e", "type": "color" }, "Info50": { "value": "#09294a", "type": "color" } }, "Success": { "Success05": { "value": "#e6f2e6", "type": "color" }, "Success10": { "value": "#d9ecd9", "type": "color" }, "Success15": { "value": "#b0d8b0", "type": "color" }, "Success20": { "value": "#008000", "type": "color" }, "Success25": { "value": "#007300", "type": "color" }, "Success30": { "value": "#006600", "type": "color" }, "Success35": { "value": "#006000", "type": "color" }, "Success40": { "value": "#004d00", "type": "color" }, "Success45": { "value": "#003a00", "type": "color" }, "Success50": { "value": "#002d00", "type": "color" } }, "Warning": { "Warning05": { "value": "#fef9ec", "type": "color" }, "Warning10": { "value": "#fef6e2", "type": "color" }, "Warning15": { "value": "#fcebc4", "type": "color" }, "Warning20": { "value": "#f5c040", "type": "color" }, "Warning25": { "value": "#ddad3a", "type": "color" }, "Warning30": { "value": "#c49a33", "type": "color" }, "Warning35": { "value": "#b89030", "type": "color" }, "Warning40": { "value": "#937326", "type": "color" }, "Warning45": { "value": "#6e561d", "type": "color" }, "Warning50": { "value": "#564316", "type": "color" } } }, "States": { "Greyscale": { "Standard": { "value": "#2b334800", "type": "color", "description": "Greyscale - Selected States can be used for Components mentioned below:\n1. Number of Items selection in Table." }, "Hover": { "value": "#2b33480f", "type": "color", "description": "Greyscale - Selected States can be used for Components mentioned below:\n1. Number of Items selection in Table." }, "Selected": { "value": "#2b33481f", "type": "color", "description": "Greyscale - Selected States can be used for Components mentioned below:\n1. Number of Items selection in Table." }, "Pressed": { "value": "#2b334829", "type": "color" }, "Dragged": { "value": "#2b334824", "type": "color" }, "Textfield-Hover": { "value": "#2b334805", "type": "color" } }, "Brand": { "Standard": { "value": "#eb5816", "type": "color" }, "Hover": { "value": "#df5619", "type": "color" }, "Selected": { "value": "#d4541c", "type": "color" }, "Pressed": { "value": "#cc521e", "type": "color" }, "Dragged": { "value": "#d0531d", "type": "color" }, "Overlay": { "Standard": { "value": "#ffffff", "type": "color" }, "Hover": { "value": "#eb58160f", "type": "color" }, "Selected": { "value": "#eb58161f", "type": "color" }, "Pressed": { "value": "#eb581629", "type": "color" }, "Dragged": { "value": "#eb581624", "type": "color" } } } }, "Dark Theme": { "(BG) Background": { "value": "#0d1321", "type": "color" }, "Level 1": { "value": "#161a27", "type": "color" }, "Level 2": { "value": "#1f222d", "type": "color" }, "Level 3": { "value": "#262732", "type": "color" }, "Level 4": { "value": "#2b2b35", "type": "color" }, "Level 5": { "value": "#302f38", "type": "color" } }, "01dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 1, "blur": 3, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 2, "blur": 1, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 1, "blur": 1, "spread": 0 } ], "type": "boxShadow" }, "02dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 1, "blur": 5, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 3, "blur": 1, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 2, "blur": 2, "spread": 0 } ], "type": "boxShadow", "description": "02dp can be used for Cards, Menus, Button Selection." }, "03dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 1, "blur": 8, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 3, "blur": 3, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 3, "blur": 4, "spread": 0 } ], "type": "boxShadow" }, "04dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 2, "blur": 4, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 1, "blur": 10, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 4, "blur": 5, "spread": 0 } ], "type": "boxShadow" }, "06dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 3, "blur": 5, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 1, "blur": 18, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 6, "blur": 10, "spread": 0 } ], "type": "boxShadow", "description": "06dps to be used for Dialogbox, Bottom up or SlideIn Sheet." }, "08dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 5, "blur": 5, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 3, "blur": 14, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 8, "blur": 10, "spread": 0 } ], "type": "boxShadow" }, "09dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 5, "blur": 6, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 3, "blur": 16, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 9, "blur": 12, "spread": 0 } ], "type": "boxShadow" }, "12dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 7, "blur": 8, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 5, "blur": 22, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 12, "blur": 17, "spread": 0 } ], "type": "boxShadow" }, "16dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 8, "blur": 10, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 6, "blur": 30, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 16, "blur": 24, "spread": 0 } ], "type": "boxShadow" }, "24dp": { "value": [ { "color": "#00000033", "type": "dropShadow", "x": 0, "y": 11, "blur": 15, "spread": 0 }, { "color": "#0000001f", "type": "dropShadow", "x": 0, "y": 9, "blur": 46, "spread": 0 }, { "color": "#00000024", "type": "dropShadow", "x": 0, "y": 24, "blur": 38, "spread": 0 } ], "type": "boxShadow" }, "fontFamilies": { "proxima-nova": { "value": "Proxima Nova", "type": "fontFamilies" } }, "lineHeights": { "0": { "value": "134.4", "type": "lineHeights" }, "1": { "value": "89.6", "type": "lineHeights" }, "2": { "value": "57.6", "type": "lineHeights" }, "3": { "value": "38.4", "type": "lineHeights" }, "4": { "value": "28.8", "type": "lineHeights" }, "5": { "value": "24", "type": "lineHeights" }, "6": { "value": "26", "type": "lineHeights" }, "7": { "value": "25.2", "type": "lineHeights" }, "8": { "value": "22.4", "type": "lineHeights" }, "9": { "value": "19.6", "type": "lineHeights" }, "10": { "value": "16.8", "type": "lineHeights" }, "11": { "value": "14", "type": "lineHeights" } }, "fontWeights": { "proxima-nova-0": { "value": "Extrabold", "type": "fontWeights" }, "proxima-nova-1": { "value": "Bold", "type": "fontWeights" }, "proxima-nova-2": { "value": "Semibold", "type": "fontWeights" }, "proxima-nova-3": { "value": "Regular", "type": "fontWeights" } }, "fontSize": { "0": { "value": "10", "type": "fontSizes" }, "1": { "value": "12", "type": "fontSizes" }, "2": { "value": "14", "type": "fontSizes" }, "3": { "value": "16", "type": "fontSizes" }, "4": { "value": "18", "type": "fontSizes" }, "5": { "value": "20", "type": "fontSizes" }, "6": { "value": "24", "type": "fontSizes" }, "7": { "value": "32", "type": "fontSizes" }, "8": { "value": "48", "type": "fontSizes" }, "9": { "value": "64", "type": "fontSizes" }, "10": { "value": "96", "type": "fontSizes" } }, "letterSpacing": { "0": { "value": "0%", "type": "letterSpacing" } }, "paragraphSpacing": { "0": { "value": "0", "type": "paragraphSpacing" } }, "H1 - (Extrabold) - 96px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-0}", "lineHeight": "{lineHeights.0}", "fontSize": "{fontSize.10}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H2 - (ExtraBold) - 64px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-0}", "lineHeight": "{lineHeights.1}", "fontSize": "{fontSize.9}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H3 - (Bold) - 48px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-1}", "lineHeight": "{lineHeights.2}", "fontSize": "{fontSize.8}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H3 - (Semibold) - 48px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.2}", "fontSize": "{fontSize.8}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H3 - (Regular) - 48px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.2}", "fontSize": "{fontSize.8}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H4 - (Bold) - 32px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-1}", "lineHeight": "{lineHeights.3}", "fontSize": "{fontSize.7}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H4 - (Regular) - 32px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.3}", "fontSize": "{fontSize.7}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H4 - (Semibold) - 32px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.3}", "fontSize": "{fontSize.7}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H5 - (Bold) - 24px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-1}", "lineHeight": "{lineHeights.4}", "fontSize": "{fontSize.6}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H5 - (Regular) - 24px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.4}", "fontSize": "{fontSize.6}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H5 - (Semibold) - 24px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.4}", "fontSize": "{fontSize.6}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H6 - (Bold) - 20px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-1}", "lineHeight": "{lineHeights.5}", "fontSize": "{fontSize.5}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H6 - (Semibold) - 20px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.5}", "fontSize": "{fontSize.5}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "H6 - (Regular) - 20px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.6}", "fontSize": "{fontSize.5}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Subtitle 1 - (Semibold) - 18px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.7}", "fontSize": "{fontSize.4}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Subtitle 1 - (Regular) - 18px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.7}", "fontSize": "{fontSize.4}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Subtitle 2 - (Semibold) - 16px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.8}", "fontSize": "{fontSize.3}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Body 1 - (Regular) - 16px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.5}", "fontSize": "{fontSize.3}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Body 1 - (Semibold - Link) - 16px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.8}", "fontSize": "{fontSize.3}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.underline}" }, "type": "typography" }, "Body 2 - (Regular) - 14px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.9}", "fontSize": "{fontSize.2}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Body 2 - (Semibold) - 14px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.9}", "fontSize": "{fontSize.2}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Body 2 - (Semibold Link) - 14px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.9}", "fontSize": "{fontSize.2}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.underline}" }, "type": "typography" }, "Text Field - (Regular) - 14px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.9}", "fontSize": "{fontSize.2}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Validation - (Semibold) - 12px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.10}", "fontSize": "{fontSize.1}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Validation - (Regular) - 12px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.10}", "fontSize": "{fontSize.1}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Validation - (Semibold) - 10px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-2}", "lineHeight": "{lineHeights.11}", "fontSize": "{fontSize.0}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "Validation - (Small) - 10px": { "value": { "fontFamily": "{fontFamilies.proxima-nova}", "fontWeight": "{fontWeights.proxima-nova-3}", "lineHeight": "{lineHeights.11}", "fontSize": "{fontSize.0}", "letterSpacing": "{letterSpacing.0}", "paragraphSpacing": "{paragraphSpacing.0}", "paragraphIndent": "{paragraphIndent.0}", "textCase": "{textCase.none}", "textDecoration": "{textDecoration.none}" }, "type": "typography" }, "textCase": { "none": { "value": "none", "type": "textCase" } }, "textDecoration": { "none": { "value": "none", "type": "textDecoration" }, "underline": { "value": "underline", "type": "textDecoration" } }, "paragraphIndent": { "0": { "value": "0px", "type": "dimension" } } }

jorenbroekema commented 6 months ago

https://github.com/tokens-studio/sd-transforms this package should help with that