Created
June 21, 2023 10:18
-
-
Save LukeFinch/a5b9ece1cb9e19b79e85d8b648356c6f to your computer and use it in GitHub Desktop.
LukesKit - Figma tokens setup for LukeFinch blog
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Foundations": { | |
| "blue010": { | |
| "value": "#F6F6FF", | |
| "type": "color" | |
| }, | |
| "blue020": { | |
| "value": "#E2E2FF", | |
| "type": "color" | |
| }, | |
| "blue030": { | |
| "value": "#B4B4FF", | |
| "type": "color" | |
| }, | |
| "blue040": { | |
| "value": "#8F8FFF", | |
| "type": "color" | |
| }, | |
| "blue050": { | |
| "value": "#5F5FFF", | |
| "type": "color" | |
| }, | |
| "blue060": { | |
| "value": "#3B3BCC", | |
| "type": "color", | |
| "description": "#3B3BCC" | |
| }, | |
| "blue070": { | |
| "value": "#2A2A99", | |
| "type": "color" | |
| }, | |
| "blue080": { | |
| "value": "#181860", | |
| "type": "color" | |
| }, | |
| "blue090": { | |
| "value": "#0C0C33", | |
| "type": "color" | |
| }, | |
| "blue100": { | |
| "value": "#03030E", | |
| "type": "color" | |
| }, | |
| "green010": { | |
| "value": "#b1ffcd", | |
| "type": "color" | |
| }, | |
| "green020": { | |
| "value": "#75f5aa", | |
| "type": "color" | |
| }, | |
| "green030": { | |
| "value": "#4cd389", | |
| "type": "color" | |
| }, | |
| "green040": { | |
| "value": "#28bd73", | |
| "type": "color" | |
| }, | |
| "green050": { | |
| "value": "#1ca267", | |
| "type": "color" | |
| }, | |
| "green060": { | |
| "value": "#12774b", | |
| "type": "color" | |
| }, | |
| "green070": { | |
| "value": "#0f5e3b", | |
| "type": "color" | |
| }, | |
| "green080": { | |
| "value": "#084429", | |
| "type": "color" | |
| }, | |
| "green090": { | |
| "value": "#042c19", | |
| "type": "color" | |
| }, | |
| "green100": { | |
| "value": "#011207", | |
| "type": "color" | |
| }, | |
| "red010": { | |
| "value": "#feecec", | |
| "type": "color" | |
| }, | |
| "red020": { | |
| "value": "#fed8d8", | |
| "type": "color" | |
| }, | |
| "red030": { | |
| "value": "#feb3b3", | |
| "type": "color" | |
| }, | |
| "red040": { | |
| "value": "#fe8888", | |
| "type": "color" | |
| }, | |
| "red050": { | |
| "value": "#fb5959", | |
| "type": "color" | |
| }, | |
| "red060": { | |
| "value": "#d60000", | |
| "type": "color" | |
| }, | |
| "red070": { | |
| "value": "#a90000", | |
| "type": "color" | |
| }, | |
| "red080": { | |
| "value": "#7d0000", | |
| "type": "color" | |
| }, | |
| "red090": { | |
| "value": "#550000", | |
| "type": "color" | |
| }, | |
| "red100": { | |
| "value": "#2d0000", | |
| "type": "color" | |
| }, | |
| "amber010": { | |
| "value": "#ffede1", | |
| "type": "color" | |
| }, | |
| "amber020": { | |
| "value": "#fddcc6", | |
| "type": "color" | |
| }, | |
| "amber030": { | |
| "value": "#feb788", | |
| "type": "color" | |
| }, | |
| "amber040": { | |
| "value": "#f79247", | |
| "type": "color" | |
| }, | |
| "amber050": { | |
| "value": "#cd6900", | |
| "type": "color" | |
| }, | |
| "amber060": { | |
| "value": "#a75500", | |
| "type": "color" | |
| }, | |
| "amber070": { | |
| "value": "#804200", | |
| "type": "color" | |
| }, | |
| "amber080": { | |
| "value": "#5d2f00", | |
| "type": "color" | |
| }, | |
| "amber090": { | |
| "value": "#3c1f00", | |
| "type": "color" | |
| }, | |
| "amber100": { | |
| "value": "#1d0d02", | |
| "type": "color" | |
| }, | |
| "teal010": { | |
| "value": "#e6f4f6", | |
| "type": "color" | |
| }, | |
| "teal020": { | |
| "value": "#c7e7ea", | |
| "type": "color" | |
| }, | |
| "teal030": { | |
| "value": "#97d0d6", | |
| "type": "color" | |
| }, | |
| "teal040": { | |
| "value": "#5eb8c0", | |
| "type": "color" | |
| }, | |
| "teal050": { | |
| "value": "#289fab", | |
| "type": "color" | |
| }, | |
| "teal060": { | |
| "value": "#017582", | |
| "type": "color" | |
| }, | |
| "teal070": { | |
| "value": "#005b65", | |
| "type": "color" | |
| }, | |
| "teal080": { | |
| "value": "#004249", | |
| "type": "color" | |
| }, | |
| "teal090": { | |
| "value": "#002b30", | |
| "type": "color" | |
| }, | |
| "teal100": { | |
| "value": "#001314", | |
| "type": "color" | |
| }, | |
| "purple010": { | |
| "value": "#eff0ff", | |
| "type": "color" | |
| }, | |
| "purple020": { | |
| "value": "#dfe0fe", | |
| "type": "color" | |
| }, | |
| "purple030": { | |
| "value": "#c0c2fc", | |
| "type": "color" | |
| }, | |
| "purple040": { | |
| "value": "#a3a3fb", | |
| "type": "color" | |
| }, | |
| "purple050": { | |
| "value": "#8883f6", | |
| "type": "color" | |
| }, | |
| "purple060": { | |
| "value": "#6454e3", | |
| "type": "color" | |
| }, | |
| "purple070": { | |
| "value": "#4c33cc", | |
| "type": "color" | |
| }, | |
| "purple080": { | |
| "value": "#37239c", | |
| "type": "color" | |
| }, | |
| "purple090": { | |
| "value": "#231668", | |
| "type": "color" | |
| }, | |
| "purple100": { | |
| "value": "#0f0936", | |
| "type": "color" | |
| }, | |
| "neutral010": { | |
| "value": "#f1f1f1", | |
| "type": "color" | |
| }, | |
| "neutral020": { | |
| "value": "#e2e2e2", | |
| "type": "color" | |
| }, | |
| "neutral030": { | |
| "value": "#c6c6c6", | |
| "type": "color" | |
| }, | |
| "neutral040": { | |
| "value": "#ababab", | |
| "type": "color" | |
| }, | |
| "neutral050": { | |
| "value": "#919191", | |
| "type": "color" | |
| }, | |
| "neutral060": { | |
| "value": "#6a6a6a", | |
| "type": "color" | |
| }, | |
| "neutral070": { | |
| "value": "#525252", | |
| "type": "color" | |
| }, | |
| "neutral080": { | |
| "value": "#3b3b3b", | |
| "type": "color" | |
| }, | |
| "neutral090": { | |
| "value": "#262626", | |
| "type": "color" | |
| }, | |
| "neutral100": { | |
| "value": "#111111", | |
| "type": "color" | |
| }, | |
| "focus010": { | |
| "value": "#3768fb", | |
| "type": "color" | |
| }, | |
| "blackTint010": { | |
| "value": "#0000001a", | |
| "type": "color" | |
| }, | |
| "blackTint020": { | |
| "value": "#00000033", | |
| "type": "color" | |
| }, | |
| "blackTint030": { | |
| "value": "#0000004d", | |
| "type": "color" | |
| }, | |
| "blackTint040": { | |
| "value": "#00000066", | |
| "type": "color" | |
| }, | |
| "blackTint050": { | |
| "value": "#00000080", | |
| "type": "color" | |
| }, | |
| "blackTint060": { | |
| "value": "#00000099", | |
| "type": "color" | |
| }, | |
| "blackTint070": { | |
| "value": "#000000b3", | |
| "type": "color" | |
| }, | |
| "blackTint080": { | |
| "value": "#000000cc", | |
| "type": "color" | |
| }, | |
| "blackTint090": { | |
| "value": "#000000e6", | |
| "type": "color" | |
| }, | |
| "black": { | |
| "value": "#111111", | |
| "type": "color" | |
| }, | |
| "whiteTint010": { | |
| "value": "#ffffff1a", | |
| "type": "color" | |
| }, | |
| "whiteTint020": { | |
| "value": "#ffffff33", | |
| "type": "color" | |
| }, | |
| "whiteTint030": { | |
| "value": "#ffffff4d", | |
| "type": "color" | |
| }, | |
| "whiteTint040": { | |
| "value": "#ffffff66", | |
| "type": "color" | |
| }, | |
| "whiteTint050": { | |
| "value": "#ffffff80", | |
| "type": "color" | |
| }, | |
| "whiteTint060": { | |
| "value": "#ffffff99", | |
| "type": "color" | |
| }, | |
| "whiteTint070": { | |
| "value": "#ffffffb3", | |
| "type": "color" | |
| }, | |
| "whiteTint080": { | |
| "value": "#ffffffcc", | |
| "type": "color" | |
| }, | |
| "whiteTint090": { | |
| "value": "#ffffffe6", | |
| "type": "color" | |
| }, | |
| "white": { | |
| "value": "#ffffff", | |
| "type": "color" | |
| }, | |
| "Reddit": { | |
| "value": "#FF4500", | |
| "type": "color" | |
| }, | |
| "Whatsapp": { | |
| "value": "#25d366", | |
| "type": "color" | |
| }, | |
| "Youtube": { | |
| "value": "#ff0000", | |
| "type": "color" | |
| }, | |
| "Instagram": { | |
| "value": "#c32aa3", | |
| "type": "color" | |
| }, | |
| "Facebook": { | |
| "value": "#1877f2", | |
| "type": "color" | |
| }, | |
| "Twitter": { | |
| "value": "#1da1f2", | |
| "type": "color" | |
| }, | |
| "Github": { | |
| "value": "#000000", | |
| "type": "color" | |
| }, | |
| "Apple": { | |
| "value": "#000000", | |
| "type": "color" | |
| }, | |
| "GoogleBlue": { | |
| "value": "#4285f4", | |
| "type": "color" | |
| }, | |
| "GoogleRed": { | |
| "value": "#db4437", | |
| "type": "color" | |
| }, | |
| "GoogleYellow": { | |
| "value": "#f4b400", | |
| "type": "color" | |
| }, | |
| "GoogleGreen": { | |
| "value": "#0f9d58", | |
| "type": "color" | |
| }, | |
| "green021": { | |
| "value": "#06fc95", | |
| "type": "color" | |
| }, | |
| "transparent": { | |
| "value": "transparent", | |
| "type": "color" | |
| }, | |
| "opacity000": { | |
| "value": "0", | |
| "type": "opacity" | |
| }, | |
| "opacity010": { | |
| "value": "0.1", | |
| "type": "opacity" | |
| }, | |
| "opacity020": { | |
| "value": "0.2", | |
| "type": "opacity" | |
| }, | |
| "opacity030": { | |
| "value": "0.3", | |
| "type": "opacity" | |
| }, | |
| "opacity040": { | |
| "value": "0.4", | |
| "type": "opacity" | |
| }, | |
| "opacity050": { | |
| "value": "0.5", | |
| "type": "opacity" | |
| }, | |
| "opacity060": { | |
| "value": "0.6", | |
| "type": "opacity" | |
| }, | |
| "opacity070": { | |
| "value": "0.7", | |
| "type": "opacity" | |
| }, | |
| "opacity080": { | |
| "value": "0.8", | |
| "type": "opacity" | |
| }, | |
| "opacity090": { | |
| "value": "0.9", | |
| "type": "opacity" | |
| }, | |
| "opacity100": { | |
| "value": "1", | |
| "type": "opacity" | |
| }, | |
| "sizing000": { | |
| "value": "0px", | |
| "type": "sizing" | |
| }, | |
| "sizing010": { | |
| "value": "4px", | |
| "type": "sizing" | |
| }, | |
| "sizing020": { | |
| "value": "8px", | |
| "type": "sizing" | |
| }, | |
| "sizing030": { | |
| "value": "12px", | |
| "type": "sizing" | |
| }, | |
| "sizing040": { | |
| "value": "16px", | |
| "type": "sizing" | |
| }, | |
| "sizing045": { | |
| "value": "20px", | |
| "type": "sizing" | |
| }, | |
| "sizing050": { | |
| "value": "24px", | |
| "type": "sizing" | |
| }, | |
| "sizing060": { | |
| "value": "32px", | |
| "type": "sizing" | |
| }, | |
| "sizing070": { | |
| "value": "40px", | |
| "type": "sizing" | |
| }, | |
| "sizing080": { | |
| "value": "48px", | |
| "type": "sizing" | |
| }, | |
| "sizing090": { | |
| "value": "64px", | |
| "type": "sizing" | |
| }, | |
| "sizing100": { | |
| "value": "80px", | |
| "type": "sizing" | |
| }, | |
| "sizing110": { | |
| "value": "120px", | |
| "type": "sizing" | |
| }, | |
| "sizing120": { | |
| "value": "160px", | |
| "type": "sizing" | |
| }, | |
| "iconSize005": { | |
| "value": "{sizing020}", | |
| "type": "sizing" | |
| }, | |
| "iconSize010": { | |
| "value": "{sizing040}", | |
| "type": "sizing" | |
| }, | |
| "iconSize020": { | |
| "value": "{sizing050}", | |
| "type": "sizing" | |
| }, | |
| "iconSize030": { | |
| "value": "{sizing060}", | |
| "type": "sizing" | |
| }, | |
| "iconSize040": { | |
| "value": "{sizing080}", | |
| "type": "sizing" | |
| }, | |
| "iconSize050": { | |
| "value": "{sizing090}", | |
| "type": "sizing" | |
| }, | |
| "space000": { | |
| "value": "{sizing000}", | |
| "type": "spacing" | |
| }, | |
| "space010": { | |
| "value": "{sizing010}", | |
| "type": "spacing" | |
| }, | |
| "space020": { | |
| "value": "{sizing020}", | |
| "type": "spacing" | |
| }, | |
| "space030": { | |
| "value": "{sizing030}", | |
| "type": "spacing" | |
| }, | |
| "space040": { | |
| "value": "{sizing040}", | |
| "type": "spacing" | |
| }, | |
| "space045": { | |
| "value": "{sizing045}", | |
| "type": "spacing" | |
| }, | |
| "space050": { | |
| "value": "{sizing050}", | |
| "type": "spacing" | |
| }, | |
| "space060": { | |
| "value": "{sizing060}", | |
| "type": "spacing" | |
| }, | |
| "space070": { | |
| "value": "{sizing070}", | |
| "type": "spacing" | |
| }, | |
| "space080": { | |
| "value": "{sizing080}", | |
| "type": "spacing" | |
| }, | |
| "space090": { | |
| "value": "{sizing090}", | |
| "type": "spacing" | |
| }, | |
| "space100": { | |
| "value": "{sizing100}", | |
| "type": "spacing" | |
| }, | |
| "space110": { | |
| "value": "{sizing110}", | |
| "type": "spacing" | |
| }, | |
| "space120": { | |
| "value": "{sizing120}", | |
| "type": "spacing" | |
| }, | |
| "fontFamily010": { | |
| "value": "Satoshi, sans-serif", | |
| "type": "fontFamilies" | |
| }, | |
| "fontFamily020": { | |
| "value": "Baskerville, serif", | |
| "type": "fontFamilies" | |
| }, | |
| "fontFamily030": { | |
| "value": "Satoshi, sans-serif", | |
| "type": "fontFamilies" | |
| }, | |
| "fontSize010": { | |
| "value": "0.75rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize020": { | |
| "value": "0.875rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize030": { | |
| "value": "1rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize040": { | |
| "value": "1.125rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize050": { | |
| "value": "1.25rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize060": { | |
| "value": "1.375rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize070": { | |
| "value": "1.5rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize080": { | |
| "value": "1.75rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize090": { | |
| "value": "2rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize100": { | |
| "value": "2.25rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize110": { | |
| "value": "2.5rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize120": { | |
| "value": "2.75rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize130": { | |
| "value": "3rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize140": { | |
| "value": "3.5rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize150": { | |
| "value": "4rem", | |
| "type": "fontSizes" | |
| }, | |
| "fontSize160": { | |
| "value": "5rem", | |
| "type": "fontSizes" | |
| }, | |
| "letterSpacing010": { | |
| "value": "-1%", | |
| "type": "letterSpacing" | |
| }, | |
| "letterSpacing020": { | |
| "value": "-0.5%", | |
| "type": "letterSpacing" | |
| }, | |
| "letterSpacing030": { | |
| "value": "0%", | |
| "type": "letterSpacing" | |
| }, | |
| "letterSpacing040": { | |
| "value": "0.5%", | |
| "type": "letterSpacing" | |
| }, | |
| "letterSpacing050": { | |
| "value": "1%", | |
| "type": "letterSpacing" | |
| }, | |
| "fontLineHeight010": { | |
| "value": "100%", | |
| "type": "lineHeights" | |
| }, | |
| "fontLineHeight020": { | |
| "value": "112.5%", | |
| "type": "lineHeights" | |
| }, | |
| "fontLineHeight030": { | |
| "value": "125%", | |
| "type": "lineHeights" | |
| }, | |
| "fontLineHeight040": { | |
| "value": "150%", | |
| "type": "lineHeights" | |
| }, | |
| "fontLineHeight050": { | |
| "value": "175%", | |
| "type": "lineHeights" | |
| }, | |
| "fontLineHeight060": { | |
| "value": "200%", | |
| "type": "lineHeights" | |
| }, | |
| "weight": { | |
| "100": { | |
| "value": "Thin", | |
| "type": "fontWeights", | |
| "description": "Thin" | |
| }, | |
| "200": { | |
| "value": "ExtraLight", | |
| "type": "fontWeights", | |
| "description": "Extra Light" | |
| }, | |
| "300": { | |
| "value": "Light", | |
| "type": "fontWeights", | |
| "description": "Light" | |
| }, | |
| "400": { | |
| "value": "Regular", | |
| "type": "fontWeights", | |
| "description": "Regular" | |
| }, | |
| "500": { | |
| "value": "Medium", | |
| "type": "fontWeights", | |
| "description": "Medium" | |
| }, | |
| "501": { | |
| "value": "SemiBold", | |
| "type": "fontWeights", | |
| "description": "Medium" | |
| }, | |
| "600": { | |
| "value": "SemiBold", | |
| "type": "fontWeights", | |
| "description": "Semi Bold" | |
| }, | |
| "700": { | |
| "value": "Bold", | |
| "type": "fontWeights", | |
| "description": "Bold" | |
| }, | |
| "800": { | |
| "value": "ExtraBold", | |
| "type": "fontWeights", | |
| "description": "Extra Bold" | |
| }, | |
| "900": { | |
| "value": "Black", | |
| "type": "fontWeights", | |
| "description": "Black" | |
| } | |
| }, | |
| "stretch": { | |
| "010": { | |
| "value": "Ultra Condensed", | |
| "type": "fontWeights", | |
| "description": "Ultra condensed" | |
| }, | |
| "020": { | |
| "value": "Extra Condensed", | |
| "type": "fontWeights", | |
| "description": "Extra condensed" | |
| }, | |
| "030": { | |
| "value": "Condensed", | |
| "type": "fontWeights", | |
| "description": "Condensed" | |
| }, | |
| "040": { | |
| "value": "Semi Condensed", | |
| "type": "fontWeights", | |
| "description": "Semi condensed" | |
| }, | |
| "050": { | |
| "value": "Normal", | |
| "type": "fontWeights", | |
| "description": "Normal" | |
| }, | |
| "060": { | |
| "value": "Semi Expanded", | |
| "type": "fontWeights", | |
| "description": "Semi expanded" | |
| }, | |
| "070": { | |
| "value": "Expanded", | |
| "type": "fontWeights", | |
| "description": "Expanded" | |
| }, | |
| "080": { | |
| "value": "Extra Expanded", | |
| "type": "fontWeights", | |
| "description": "Extra expanded" | |
| }, | |
| "090": { | |
| "value": "Ultra Expanded", | |
| "type": "fontWeights", | |
| "description": "Ultra expanded" | |
| } | |
| }, | |
| "style": { | |
| "Normal": { | |
| "value": "Normal", | |
| "type": "fontWeights", | |
| "description": "Normal" | |
| }, | |
| "Italic": { | |
| "value": "Italic", | |
| "type": "fontWeights", | |
| "description": "Italic" | |
| }, | |
| "Oblique": { | |
| "value": "Oblique", | |
| "type": "fontWeights", | |
| "description": "Oblique" | |
| } | |
| }, | |
| "editorial": { | |
| "editorialDisplay010": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize140}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for large pieces of text content" | |
| }, | |
| "editorialDisplay020": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize150}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for large pieces of text content" | |
| }, | |
| "editorialDisplay030": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize160}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for large pieces of text content" | |
| }, | |
| "editorialHeadline010": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize040}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialHeadline020": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize050}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialHeadline030": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize070}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialHeadline040": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize080}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialHeadline050": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize090}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialHeadline060": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize100}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialHeadline070": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize110}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialHeadline080": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.501}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize130}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for headline text content such as for cards and title bars" | |
| }, | |
| "editorialSubheadline010": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub headline text content such as for cards" | |
| }, | |
| "editorialSubheadline020": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize050}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub headline text content such as for cards" | |
| }, | |
| "editorialSubheadline030": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize070}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub headline text content such as for cards" | |
| }, | |
| "editorialSubheadline040": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize080}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub headline text content such as for cards" | |
| }, | |
| "editorialSubheadline050": { | |
| "value": { | |
| "fontFamily": "{fontFamily020}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize090}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub headline text content such as for cards" | |
| }, | |
| "editorialParagraph010": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for body text content such as for article text" | |
| }, | |
| "editorialParagraph020": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for body text content such as for article text" | |
| }, | |
| "editorialParagraph030": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize040}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for body text content such as for article text" | |
| }, | |
| "editorialParagraph040": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize050}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for body text content such as for article text" | |
| }, | |
| "editorialQuote010": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight030}", | |
| "fontSize": "{fontSize060}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for quotes in body text content" | |
| }, | |
| "editorialQuote020": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight030}", | |
| "fontSize": "{fontSize080}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for quotes in body text content" | |
| }, | |
| "editorialCaption010": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for captions such as for the image with caption" | |
| }, | |
| "editorialLabel010": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize010}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for non-interactive identifiers that are often defined by an editor, for example the author label in a card" | |
| }, | |
| "editorialLabel020": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for non-interactive identifiers that are often defined by an editor, for example the author label in a card" | |
| }, | |
| "editorialLabel030": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for non-interactive identifiers that are often defined by an editor, for example the author label in a card" | |
| } | |
| }, | |
| "utility": { | |
| "utilityHeading010": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.700}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for heading utility text such as for modals and drawers" | |
| }, | |
| "utilityHeading020": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.700}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize040}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for heading utility text such as for modals and drawers" | |
| }, | |
| "utilityHeading030": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.700}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize050}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for heading utility text such as for modals and drawers" | |
| }, | |
| "utilityHeading040": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.700}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize060}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for heading utility text such as for modals and drawers" | |
| }, | |
| "utilityHeading050": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.700}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize070}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for heading utility text such as for modals and drawers" | |
| }, | |
| "utilitySubheading010": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub heading utility text such as for modals and drawers" | |
| }, | |
| "utilitySubheading020": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub heading utility text such as for modals and drawers" | |
| }, | |
| "utilitySubheading030": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize040}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub heading utility text such as for modals and drawers" | |
| }, | |
| "utilitySubheading040": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize050}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub heading utility text such as for modals and drawers" | |
| }, | |
| "utilitySubheading050": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight020}", | |
| "fontSize": "{fontSize060}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for sub heading utility text such as for modals and drawers" | |
| }, | |
| "utilityBody010": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize010}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for text inputs and banners" | |
| }, | |
| "utilityBody020": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for text inputs and banners" | |
| }, | |
| "utilityBody030": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.400}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for text inputs and banners" | |
| }, | |
| "utilityLabel010": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize010}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for text labels such as for menus and lists" | |
| }, | |
| "utilityLabel020": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for text labels such as for menus and lists" | |
| }, | |
| "utilityLabel030": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for text labels such as for menus and lists" | |
| }, | |
| "utilityButton010": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize010}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for button text and standalone links" | |
| }, | |
| "utilityButton020": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for button text and standalone links" | |
| }, | |
| "utilityButton030": { | |
| "value": { | |
| "fontFamily": "{fontFamily030}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize030}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for button text and standalone links" | |
| }, | |
| "utilityMeta010": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize010}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for bylines and date time" | |
| }, | |
| "utilityMeta020": { | |
| "value": { | |
| "fontFamily": "{fontFamily010}", | |
| "fontWeight": "{weight.500}", | |
| "lineHeight": "{fontLineHeight040}", | |
| "fontSize": "{fontSize020}", | |
| "letterSpacing": "{letterSpacing030}" | |
| }, | |
| "type": "typography", | |
| "description": "Used for bylines and date time" | |
| } | |
| }, | |
| "borderRadiusDefault": { | |
| "value": "{sizing020}", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusRounded010": { | |
| "value": "{sizing010}", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusRounded020": { | |
| "value": "{sizing020}", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusRounded030": { | |
| "value": "{sizing030}", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusRounded040": { | |
| "value": "{sizing040}", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusRounded050": { | |
| "value": "{sizing050}", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusSharp": { | |
| "value": "{sizing000}", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusCircle": { | |
| "value": "50%", | |
| "type": "borderRadius" | |
| }, | |
| "borderRadiusPill": { | |
| "value": "20rem", | |
| "type": "borderRadius" | |
| }, | |
| "borderWidthDefault": { | |
| "value": "{borderWidth010}", | |
| "type": "borderWidth" | |
| }, | |
| "borderWidth000": { | |
| "value": "0px", | |
| "type": "borderWidth" | |
| }, | |
| "borderWidth010": { | |
| "value": "1px", | |
| "type": "borderWidth" | |
| }, | |
| "borderWidth020": { | |
| "value": "2px", | |
| "type": "borderWidth" | |
| }, | |
| "borderWidth030": { | |
| "value": "4px", | |
| "type": "borderWidth" | |
| }, | |
| "shadow010": { | |
| "value": { | |
| "x": "0", | |
| "y": "0.5", | |
| "blur": "2", | |
| "spread": "0", | |
| "color": "rgba({black},0.08)", | |
| "type": "dropShadow" | |
| }, | |
| "type": "boxShadow", | |
| "description": "Default states of cards and active states of buttons" | |
| }, | |
| "shadow020": { | |
| "value": { | |
| "x": "0", | |
| "y": "2", | |
| "blur": "4", | |
| "spread": "0", | |
| "color": "rgba({black},0.08)", | |
| "type": "dropShadow" | |
| }, | |
| "type": "boxShadow", | |
| "description": "Notification badges" | |
| }, | |
| "shadow030": { | |
| "value": { | |
| "x": "0", | |
| "y": "4", | |
| "blur": "8", | |
| "spread": "0", | |
| "color": "rgba({black},0.08)", | |
| "type": "dropShadow" | |
| }, | |
| "type": "boxShadow", | |
| "description": "Navigation menu bars" | |
| }, | |
| "shadow040": { | |
| "value": { | |
| "x": "0", | |
| "y": "8", | |
| "blur": "16", | |
| "spread": "0", | |
| "color": "rgba({black},0.08)", | |
| "type": "dropShadow" | |
| }, | |
| "type": "boxShadow", | |
| "description": "Hover states of cards and button hover states" | |
| }, | |
| "shadow050": { | |
| "value": { | |
| "x": "0", | |
| "y": "16", | |
| "blur": "24", | |
| "spread": "0", | |
| "color": "rgba({black},0.08)", | |
| "type": "dropShadow" | |
| }, | |
| "type": "boxShadow", | |
| "description": "Pickers and popovers" | |
| }, | |
| "shadow060": { | |
| "value": { | |
| "x": "0", | |
| "y": "20", | |
| "blur": "32", | |
| "spread": "0", | |
| "color": "rgba({black},0.08)", | |
| "type": "dropShadow" | |
| }, | |
| "type": "boxShadow", | |
| "description": "Modals and dialogs" | |
| }, | |
| "CORS service": { | |
| "value": "https://corsproxy.io/?", | |
| "type": "other" | |
| } | |
| }, | |
| "Light": { | |
| "ink": { | |
| "inkBrand020": { | |
| "value": "{blue080}", | |
| "type": "color", | |
| "description": "Brand colour complimentary to inkBrand010" | |
| }, | |
| "inkBrand010": { | |
| "value": "{blue060}", | |
| "type": "color", | |
| "description": "Prominent brand colour applied to text and icons (e.g. icons in outlined buttons)" | |
| }, | |
| "inkInformative": { | |
| "value": "{teal060}", | |
| "type": "color", | |
| "description": "Text and icons for informative messages" | |
| }, | |
| "inkNotice": { | |
| "value": "{neutral070}", | |
| "type": "color", | |
| "description": "Text and icons for notice messages" | |
| }, | |
| "inkNegative": { | |
| "value": "{red060}", | |
| "type": "color", | |
| "description": "Text and icons for error messages. Feedback notifications (invalid) (e.g. assistive text in a text field)" | |
| }, | |
| "inkPositive": { | |
| "value": "{green060}", | |
| "type": "color", | |
| "description": "Text and icons for success messages. Feedback notifications (valid) (e.g. assistive text in a text field)" | |
| }, | |
| "inkDark010": { | |
| "value": "{neutral100}", | |
| "type": "color", | |
| "description": "Used when the same dark colour value is required across all colour themes" | |
| }, | |
| "inkLight010": { | |
| "value": "{white}", | |
| "type": "color", | |
| "description": "Used when the same light colour value is required across all colour themes" | |
| }, | |
| "inkInverse": { | |
| "value": "{white}", | |
| "type": "color", | |
| "description": "Text and icons where the recommended contrast against the background cannot be achieved" | |
| }, | |
| "inkNonEssential": { | |
| "value": "{neutral040}", | |
| "type": "color", | |
| "description": "Text and icons in an inactive (disabled) state" | |
| }, | |
| "inkSubtle": { | |
| "value": "{neutral060}", | |
| "type": "color", | |
| "description": "Subheadlines, labels and secondary text" | |
| }, | |
| "inkBase": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Body and paragraph text" | |
| }, | |
| "inkContrast": { | |
| "value": "{neutral100}", | |
| "type": "color", | |
| "description": "Headlines or copy where emphasis is needed" | |
| } | |
| }, | |
| "interface": { | |
| "interfaceSkeleton020": { | |
| "value": "{neutral020}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) to indicate the skeleton (loading) state of a component" | |
| }, | |
| "interfaceSkeleton010": { | |
| "value": "{neutral010}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) to indicate the skeleton (loading) state of a component" | |
| }, | |
| "interfaceNeutral020": { | |
| "value": "{neutral010}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for neutral messages" | |
| }, | |
| "interfaceNeutral010": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for neutral messages, & feedback notifications (e.g. banner, flag, inline message)" | |
| }, | |
| "interfaceInformative020": { | |
| "value": "{teal010}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for informative messages" | |
| }, | |
| "interfaceInformative010": { | |
| "value": "{teal060}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for informative messages" | |
| }, | |
| "interfaceNotice020": { | |
| "value": "{neutral010}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for notice or warning messages" | |
| }, | |
| "interfaceNotice010": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for notice or warning messages" | |
| }, | |
| "interfaceNegative020": { | |
| "value": "{red010}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for error messages" | |
| }, | |
| "interfaceNegative010": { | |
| "value": "{red060}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for error messages" | |
| }, | |
| "interfacePositive020": { | |
| "value": "{green010}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for success messages" | |
| }, | |
| "interfacePositive010": { | |
| "value": "{green060}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for success messages" | |
| }, | |
| "interfaceBrand020": { | |
| "value": "{blue090}", | |
| "type": "color", | |
| "description": "Brand colour complimentary to interfaceBrand010" | |
| }, | |
| "interfaceBrand010": { | |
| "value": "{blue060}", | |
| "type": "color", | |
| "description": "Prominent brand colour applied to backgrounds e.g. a footer, or header" | |
| }, | |
| "interface060": { | |
| "value": "{neutral100}", | |
| "type": "color", | |
| "description": "Component backgrounds of contrasting colours" | |
| }, | |
| "interface050": { | |
| "value": "{neutral040}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface040": { | |
| "value": "{neutral030}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface030": { | |
| "value": "{neutral020}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface020": { | |
| "value": "{neutral010}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface010": { | |
| "value": "{white}", | |
| "type": "color", | |
| "description": "Component backgrounds (e.g. card)" | |
| }, | |
| "interfaceBackground": { | |
| "value": "{blue010}", | |
| "type": "color", | |
| "description": "Page background" | |
| } | |
| }, | |
| "interactive": { | |
| "interactiveInput050": { | |
| "value": "{blue070}", | |
| "type": "color", | |
| "description": "Active state background and border for selection controls, and input components" | |
| }, | |
| "interactiveInput040": { | |
| "value": "{blue060}", | |
| "type": "color", | |
| "description": "Background & border colours applied to the Selected state of the Switch, the checkbox, & radio components" | |
| }, | |
| "interactiveInput030": { | |
| "value": "{blue010}", | |
| "type": "color", | |
| "description": "Background colour applied to the ‘feedback’ of the checkbox, & radio components" | |
| }, | |
| "interactiveInput020": { | |
| "value": "{neutral050}", | |
| "type": "color", | |
| "description": "Background & border colours applied to the unselected state of the switch, the checkbox, & radio components" | |
| }, | |
| "interactiveInput010": { | |
| "value": "{neutral010}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the text field, & the select component button, & the list item" | |
| }, | |
| "interactiveFocus010": { | |
| "value": "{focus010}", | |
| "type": "color", | |
| "description": "Focus tabbing" | |
| }, | |
| "interactiveFocus020": { | |
| "value": "{white}", | |
| "type": "color", | |
| "description": "Inverse focus tabbing " | |
| }, | |
| "interactiveVisited010": { | |
| "value": "{purple060}", | |
| "type": "color", | |
| "description": "Visited state" | |
| }, | |
| "interactiveDisabled010": { | |
| "value": "{neutral020}", | |
| "type": "color", | |
| "description": "Disabled state" | |
| }, | |
| "interactiveLink030": { | |
| "value": "{blue080}", | |
| "type": "color", | |
| "description": "Colour applied to the active state of an inline and standalone link" | |
| }, | |
| "interactiveLink020": { | |
| "value": "{blue070}", | |
| "type": "color", | |
| "description": "Colour applied to the hover state of an inline and standalone link" | |
| }, | |
| "interactiveLink010": { | |
| "value": "{blue060}", | |
| "type": "color", | |
| "description": "Colour applied to the base state of an inline and standalone link" | |
| }, | |
| "interactiveInverse050": { | |
| "value": "{whiteTint080}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveInverse040": { | |
| "value": "{whiteTint070}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the Solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveInverse030": { | |
| "value": "{white}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveInverse020": { | |
| "value": "{whiteTint020}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactiveInverse010": { | |
| "value": "{whiteTint010}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| }, | |
| "interactiveNegative050": { | |
| "value": "{red080}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveNegative040": { | |
| "value": "{red070}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveNegative030": { | |
| "value": "{red060}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveNegative020": { | |
| "value": "{red020}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactiveNegative010": { | |
| "value": "{red010}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| }, | |
| "interactivePositive050": { | |
| "value": "{green080}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePositive040": { | |
| "value": "{green070}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePositive030": { | |
| "value": "{green060}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePositive020": { | |
| "value": "{green021}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all button, & the active state of the outlined & minimal button" | |
| }, | |
| "interactivePositive010": { | |
| "value": "{green010}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| }, | |
| "interactiveSecondary050": { | |
| "value": "{neutral100}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveSecondary040": { | |
| "value": "{neutral090}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveSecondary030": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button " | |
| }, | |
| "interactiveSecondary020": { | |
| "value": "{neutral020}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactiveSecondary010": { | |
| "value": "{neutral010}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| }, | |
| "interactivePrimary050": { | |
| "value": "{blue080}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePrimary040": { | |
| "value": "{blue070}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePrimary030": { | |
| "value": "{blue060}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePrimary020": { | |
| "value": "{blue020}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactivePrimary010": { | |
| "value": "{blue010}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| } | |
| }, | |
| "overlay": { | |
| "overlayTintBase010": { | |
| "value": "{blackTint020}", | |
| "type": "color", | |
| "description": "Overlay to darken the base interface when a modal or drawer is used" | |
| }, | |
| "overlayTintBase020": { | |
| "value": "{blackTint040}", | |
| "type": "color", | |
| "description": "Overlay to darken the base interface when a modal or drawer is used" | |
| }, | |
| "overlayTintBase030": { | |
| "value": "{blackTint060}", | |
| "type": "color", | |
| "description": "Overlay to darken the base interface when a modal or drawer is used" | |
| }, | |
| "overlayTintBase040": { | |
| "value": "{blackTint080}", | |
| "type": "color", | |
| "description": "Overlay to darken the base interface when a modal or drawer is used" | |
| }, | |
| "overlayTintInverse010": { | |
| "value": "{whiteTint020}", | |
| "type": "color", | |
| "description": "Overlay to lighten the base interface when a modal or drawer is used" | |
| }, | |
| "overlayTintInverse020": { | |
| "value": "{whiteTint040}", | |
| "type": "color", | |
| "description": "Overlay to lighten the base interface when a modal or drawer is used" | |
| }, | |
| "overlayTintInverse030": { | |
| "value": "{whiteTint060}", | |
| "type": "color", | |
| "description": "Overlay to lighten the base interface when a modal or drawer is used" | |
| }, | |
| "overlayTintInverse040": { | |
| "value": "{whiteTint080}", | |
| "type": "color", | |
| "description": "Overlay to lighten the base interface when a modal or drawer is used" | |
| }, | |
| "overlayGradientBaseVertical": { | |
| "value": "linear-gradient(0deg, rgba({white}, 0) 0%, rgba({white}, 1) 100%)", | |
| "type": "color", | |
| "description": "Base gradient tokens fade elements into the interface background" | |
| }, | |
| "overlayGradientBaseHorizontal": { | |
| "value": "linear-gradient(-90deg, rgba({white}, 0) 0%, rgba({white}, 1) 100%)", | |
| "type": "color", | |
| "description": "Base gradient tokens fade elements into the interface background" | |
| }, | |
| "overlayGradientInverseVertical": { | |
| "value": "linear-gradient(0deg, rgba({black}, 0) 0%, rgba({black}, 1) 100%)", | |
| "type": "color", | |
| "description": "Inverse gradient tokens fade elements into a dark background in a light theme" | |
| }, | |
| "overlayGradientInverseHorizontal": { | |
| "value": "linear-gradient(-90deg, rgba({black}, 0) 0%, rgba({black}, 1) 100%)", | |
| "type": "color", | |
| "description": "Inverse gradient tokens fade elements into a dark background in a light theme" | |
| } | |
| }, | |
| "brandmarkHorizontal": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/brandmarkHorizontal.png", | |
| "type": "asset" | |
| }, | |
| "brandmarkVertical": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/brandmarkVertical.png", | |
| "type": "asset" | |
| }, | |
| "brandmarkGlyph": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/glyph.png", | |
| "type": "asset" | |
| }, | |
| "placeholderImage": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/placeholder.png", | |
| "type": "asset" | |
| } | |
| }, | |
| "Dark": { | |
| "ink": { | |
| "inkBrand020": { | |
| "value": "{blue030}", | |
| "type": "color", | |
| "description": "Brand colour complimentary to inkBrand010" | |
| }, | |
| "inkBrand010": { | |
| "value": "{blue050}", | |
| "type": "color", | |
| "description": "Prominent brand colour applied to text and icons (e.g. icons in outlined buttons)" | |
| }, | |
| "inkInformative": { | |
| "value": "{teal050}", | |
| "type": "color", | |
| "description": "Text and icons for informative messages" | |
| }, | |
| "inkNotice": { | |
| "value": "{neutral040}", | |
| "type": "color", | |
| "description": "Text and icons for notice messages" | |
| }, | |
| "inkNegative": { | |
| "value": "{red050}", | |
| "type": "color", | |
| "description": "Text and icons for error messages. Feedback notifications (invalid) (e.g. assistive text in a text field)" | |
| }, | |
| "inkPositive": { | |
| "value": "{green050}", | |
| "type": "color", | |
| "description": "Text and icons for success messages. Feedback notifications (valid) (e.g. assistive text in a text field)" | |
| }, | |
| "inkDark010": { | |
| "value": "{neutral100}", | |
| "type": "color", | |
| "description": "Used when the same dark colour value is required across all colour themes" | |
| }, | |
| "inkLight010": { | |
| "value": "{white}", | |
| "type": "color", | |
| "description": "Used when the same light colour value is required across all colour themes" | |
| }, | |
| "inkInverse": { | |
| "value": "{neutral100}", | |
| "type": "color", | |
| "description": "Text and icons where the recommended contrast against the background cannot be achieved" | |
| }, | |
| "inkNonEssential": { | |
| "value": "{neutral050}", | |
| "type": "color", | |
| "description": "Text and icons in an inactive (disabled) state" | |
| }, | |
| "inkSubtle": { | |
| "value": "{neutral040}", | |
| "type": "color", | |
| "description": "Subheadlines, labels and secondary text" | |
| }, | |
| "inkBase": { | |
| "value": "{neutral020}", | |
| "type": "color", | |
| "description": "Body and paragraph text" | |
| }, | |
| "inkContrast": { | |
| "value": "{white}", | |
| "type": "color", | |
| "description": "Headlines or copy where emphasis is needed" | |
| } | |
| }, | |
| "interface": { | |
| "interfaceSkeleton020": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) to indicate the skeleton (loading) state of a component" | |
| }, | |
| "interfaceSkeleton010": { | |
| "value": "{neutral090}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) to indicate the skeleton (loading) state of a component" | |
| }, | |
| "interfaceNeutral020": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for neutral messages" | |
| }, | |
| "interfaceNeutral010": { | |
| "value": "{neutral030}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for neutral messages, & feedback notifications (e.g. banner, flag, inline message)" | |
| }, | |
| "interfaceInformative020": { | |
| "value": "{teal090}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for informative messages" | |
| }, | |
| "interfaceInformative010": { | |
| "value": "{teal050}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for informative messages" | |
| }, | |
| "interfaceNotice020": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for notice or warning messages" | |
| }, | |
| "interfaceNotice010": { | |
| "value": "{neutral030}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for notice or warning messages" | |
| }, | |
| "interfaceNegative020": { | |
| "value": "{red090}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for error messages" | |
| }, | |
| "interfaceNegative010": { | |
| "value": "{red050}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for error messages" | |
| }, | |
| "interfacePositive020": { | |
| "value": "{green090}", | |
| "type": "color", | |
| "description": "Background (low contrast in a light theme, and high contrast in a dark theme) for success messages" | |
| }, | |
| "interfacePositive010": { | |
| "value": "{green050}", | |
| "type": "color", | |
| "description": "Background (high contrast in a light theme, and low contrast in a dark theme) for success messages" | |
| }, | |
| "interfaceBrand020": { | |
| "value": "{blue030}", | |
| "type": "color", | |
| "description": "Brand colour complimentary to interfaceBrand010" | |
| }, | |
| "interfaceBrand010": { | |
| "value": "{blue050}", | |
| "type": "color", | |
| "description": "Prominent brand colour applied to backgrounds e.g. a footer, or header" | |
| }, | |
| "interface060": { | |
| "value": "{neutral030}", | |
| "type": "color", | |
| "description": "Component backgrounds of contrasting colours" | |
| }, | |
| "interface050": { | |
| "value": "{neutral050}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface040": { | |
| "value": "{neutral060}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface030": { | |
| "value": "{neutral070}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface020": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Extended scale of component backgrounds" | |
| }, | |
| "interface010": { | |
| "value": "{neutral090}", | |
| "type": "color", | |
| "description": "Component backgrounds (e.g. card)" | |
| }, | |
| "interfaceBackground": { | |
| "value": "{neutral100}", | |
| "type": "color", | |
| "description": "Page background" | |
| } | |
| }, | |
| "interactive": { | |
| "interactiveInput050": { | |
| "value": "{blue030}", | |
| "type": "color", | |
| "description": "Active state background and border for selection controls, and input components" | |
| }, | |
| "interactiveInput040": { | |
| "value": "{blue050}", | |
| "type": "color", | |
| "description": "Background & border colours applied to the Selected state of the Switch, the checkbox, & radio components" | |
| }, | |
| "interactiveInput030": { | |
| "value": "{blue090}", | |
| "type": "color", | |
| "description": "Background colour applied to the ‘feedback’ of the checkbox, & radio components" | |
| }, | |
| "interactiveInput020": { | |
| "value": "{neutral060}", | |
| "type": "color", | |
| "description": "Background & border colours applied to the unselected state of the switch, the checkbox, & radio components" | |
| }, | |
| "interactiveInput010": { | |
| "value": "{neutral090}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the text field, & the select component button, & the list item" | |
| }, | |
| "interactiveFocus010": { | |
| "value": "{focus010}", | |
| "type": "color", | |
| "description": "Focus tabbing" | |
| }, | |
| "interactiveFocus020": { | |
| "value": "{blackTint090}", | |
| "type": "color", | |
| "description": "Inverse focus tabbing" | |
| }, | |
| "interactiveVisited010": { | |
| "value": "{purple050}", | |
| "type": "color", | |
| "description": "Visited state" | |
| }, | |
| "interactiveDisabled010": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Disabled state" | |
| }, | |
| "interactiveLink030": { | |
| "value": "{blue030}", | |
| "type": "color", | |
| "description": "" | |
| }, | |
| "interactiveLink020": { | |
| "value": "{blue040}", | |
| "type": "color", | |
| "description": "" | |
| }, | |
| "interactiveLink010": { | |
| "value": "{blue050}", | |
| "type": "color", | |
| "description": "" | |
| }, | |
| "interactiveInverse050": { | |
| "value": "{blackTint080}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveInverse040": { | |
| "value": "{blackTint070}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the Solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveInverse030": { | |
| "value": "{blackTint090}", | |
| "type": "color", | |
| "description": "Background colour applied to the Base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveInverse020": { | |
| "value": "{blackTint020}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactiveInverse010": { | |
| "value": "{blackTint010}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| }, | |
| "interactiveNegative050": { | |
| "value": "{red030}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveNegative040": { | |
| "value": "{red040}", | |
| "type": "color", | |
| "description": "Background colour applied to the Hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveNegative030": { | |
| "value": "{red050}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveNegative020": { | |
| "value": "{red080}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactiveNegative010": { | |
| "value": "{red090}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| }, | |
| "interactivePositive050": { | |
| "value": "{green030}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePositive040": { | |
| "value": "{green040}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePositive030": { | |
| "value": "{green050}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePositive020": { | |
| "value": "{green080}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all button, & the active state of the outlined & minimal button" | |
| }, | |
| "interactivePositive010": { | |
| "value": "{green090}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| }, | |
| "interactiveSecondary050": { | |
| "value": "{neutral030}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveSecondary040": { | |
| "value": "{neutral040}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactiveSecondary030": { | |
| "value": "{neutral050}", | |
| "type": "color", | |
| "description": "Background colour applied to the Base state of the solid button, & the border colour of the outlined button " | |
| }, | |
| "interactiveSecondary020": { | |
| "value": "{neutral080}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactiveSecondary010": { | |
| "value": "{neutral090}", | |
| "type": "color", | |
| "description": "Background colour applied to the Hover state of the outlined & minimal button" | |
| }, | |
| "interactivePrimary050": { | |
| "value": "{blue030}", | |
| "type": "color", | |
| "description": "Background colour applied to the active state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePrimary040": { | |
| "value": "{blue040}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePrimary030": { | |
| "value": "{blue050}", | |
| "type": "color", | |
| "description": "Background colour applied to the base state of the solid button, & the border colour of the outlined button" | |
| }, | |
| "interactivePrimary020": { | |
| "value": "{blue080}", | |
| "type": "color", | |
| "description": "Background colour applied to the loading state of all buttons, & the active state of the outlined & minimal button" | |
| }, | |
| "interactivePrimary010": { | |
| "value": "{blue090}", | |
| "type": "color", | |
| "description": "Background colour applied to the hover state of the outlined & minimal button" | |
| } | |
| }, | |
| "overlay": { | |
| "overlayTintBase010": { | |
| "value": "{whiteTint020}", | |
| "type": "color", | |
| "description": "Creative use case" | |
| }, | |
| "overlayTintBase020": { | |
| "value": "{whiteTint040}", | |
| "type": "color", | |
| "description": "Creative use case" | |
| }, | |
| "overlayTintBase030": { | |
| "value": "{whiteTint060}", | |
| "type": "color", | |
| "description": "Creative use case" | |
| }, | |
| "overlayTintBase040": { | |
| "value": "{whiteTint080}", | |
| "type": "color", | |
| "description": "Internal overlay component that sits behind the panels (used by modals and drawers)" | |
| }, | |
| "overlayTintInverse010": { | |
| "value": "{blackTint020}", | |
| "type": "color", | |
| "description": "Creative use case" | |
| }, | |
| "overlayTintInverse020": { | |
| "value": "{blackTint040}", | |
| "type": "color", | |
| "description": "Creative use case" | |
| }, | |
| "overlayTintInverse030": { | |
| "value": "{blackTint060}", | |
| "type": "color", | |
| "description": "Creative use case" | |
| }, | |
| "overlayTintInverse040": { | |
| "value": "{blackTint080}", | |
| "type": "color", | |
| "description": "Creative use case" | |
| }, | |
| "overlayGradientBaseVertical": { | |
| "value": "linear-gradient(0deg, rgba({black}, 0) 0%, rgba({black}, 1) 100%)", | |
| "type": "color", | |
| "description": "Base gradient tokens fade elements into the interface background" | |
| }, | |
| "overlayGradientBaseHorizontal": { | |
| "value": "linear-gradient(-90deg, rgba({black}, 0) 0%, rgba({black}, 1) 100%)", | |
| "type": "color", | |
| "description": "Base gradient tokens fade elements into the interface background" | |
| }, | |
| "overlayGradientInverseVertical": { | |
| "value": "linear-gradient(0deg, rgba({neutral030}, 0) 0%, rgba({neutral030}, 1) 100%)", | |
| "type": "color", | |
| "description": "Inverse gradient tokens fade elements into a light background in a dark theme" | |
| }, | |
| "overlayGradientInverseHorizontal": { | |
| "value": "linear-gradient(-90deg, rgba({neutral030}, 0) 0%, rgba({neutral030}, 1) 100%)", | |
| "type": "color", | |
| "description": "Inverse gradient tokens fade elements into a light background in a dark theme" | |
| } | |
| }, | |
| "brandmarkHorizontal": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/brandmarkHorizontalInverse.png", | |
| "type": "asset" | |
| }, | |
| "brandmarkVertical": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/brandmarkVerticalInverse.png", | |
| "type": "asset" | |
| }, | |
| "brandmarkGlyph": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/glyphInverse.png", | |
| "type": "asset" | |
| }, | |
| "placeholderImage": { | |
| "value": "{CORS service}https://raw.githubusercontent.com/jamestnew/figmaAssets/main/themeAssets/placeholderInverse.png", | |
| "type": "asset" | |
| } | |
| }, | |
| "$themes": [ | |
| { | |
| "id": "e58f3d507a89146a641d800c5d6d3879d5fdf095", | |
| "name": "NK-light", | |
| "selectedTokenSets": { | |
| "Foundations": "enabled", | |
| "Light": "enabled" | |
| }, | |
| "$figmaStyleReferences": { | |
| "ink.inkBrand020": "S:cc8c2aeaee72f8f7300f9accf0e1956345d4f467,", | |
| "ink.inkInformative": "S:87be4e54d34f4d15a2b27e7403e8806a6c25e016,", | |
| "ink.inkNotice": "S:3e9e83214a15ea6c4c1c733e316d402fc28dc905,", | |
| "ink.inkNegative": "S:c09ba4cbcc0fab100c0cbeafc0685d6d3c2f54ba,", | |
| "ink.inkPositive": "S:d097aaf24b30b5eeafb0746cf9111fa4a721bf8d,", | |
| "ink.inkDark010": "S:ee43eb2adee11842b2067b6bfc08a6048f785d15,", | |
| "ink.inkLight010": "S:f028320cf23ab82ccdde3a57a651c5b385a7d3e2,", | |
| "ink.inkInverse": "S:0f2a186766393b0dc3da7d57a6a44b80dba31d87,", | |
| "ink.inkNonEssential": "S:1d78c456ccbcf8ac31457e13102328f83950d71b,", | |
| "ink.inkSubtle": "S:ef4fef769574d88816b7ffc2e5bd3c43115c4cf9,", | |
| "ink.inkBase": "S:2cba2522334e91e8b996655cde30958dd1f5c142,", | |
| "interface.interfaceSkeleton020": "S:6833e6c9de4bb0b2a5a9a3ae9c41bacf8bd9caa6,", | |
| "interface.interfaceSkeleton010": "S:34a28fb6e98d9a70bade5c394f0b6c56337eef84,", | |
| "interface.interfaceNeutral020": "S:bda3eb258ff01eb378601938210f8927ef860c60,", | |
| "interface.interfaceNeutral010": "S:098004aafd7c4cd8bec8e6e66ba7fe22a5490bcc,", | |
| "interface.interfaceInformative020": "S:4997f7c27264f4aa73293ffd570ad619318616c2,", | |
| "interface.interfaceInformative010": "S:aa6db8cf8c855653b58c209896a660fd710e1583,", | |
| "interface.interfaceNotice020": "S:37aa3c460932afe6b13aec70a8829565c46cf561,", | |
| "interface.interfaceNotice010": "S:b40d9e963a40a9c91b21cc8a177fd8d99620ddc5,", | |
| "interface.interfaceNegative020": "S:90d2b81f0fa2ce379521c881a63f83fb58965466,", | |
| "interface.interfaceNegative010": "S:728941bad07951090a5b4519d1315117bb670324,", | |
| "interface.interfacePositive020": "S:f0af0d30ceb2cda842cf4f8c3845f78f06c139a2,", | |
| "interface.interfacePositive010": "S:e5f3f77e36d05d779a0451ede1b7ec7dbd22f8b0,", | |
| "interface.interfaceBrand020": "S:2214d503d158252f74e783f8f5a8eeb06a6ffc51,", | |
| "interface.interfaceBrand010": "S:4d5155b7bc913f5a8814ee01c545961e15bc5c43,", | |
| "interface.interface060": "S:5c83ab229ccd555d04fb439cf9e2aea983186d1e,", | |
| "interface.interface050": "S:6e6d73d2a96c28ddc623dc7ed45c9ceef508fa10,", | |
| "interface.interface040": "S:e39975d353e551a1d183fc2fef47275bf942dbed,", | |
| "interface.interface030": "S:c9f0b4fdf8e1af54e6322e431f6ec0d4e43aa0af,", | |
| "interface.interface020": "S:4685c4496c491ebef07165d5df06fc628d97144e,", | |
| "interface.interface010": "S:4e2eac0374b6f6164c4a8ef47ebcd69e0c9a4dce,", | |
| "interface.interfaceBackground": "S:58f36b2aeb85d59a3f6300685a709e995b560cf2,", | |
| "interactive.interactiveInput050": "S:170f74ac268f7dc3de1f7f27c34ac298ec67c635,", | |
| "interactive.interactiveInput040": "S:6e47370253efd499f8425d2d23dc8c78272da823,", | |
| "interactive.interactiveInput030": "S:dda09eb588983e653661f91be5d62ab11ec48d79,", | |
| "interactive.interactiveInput020": "S:34e10a23d4e867555d1d87d1d5b17d5be13dd745,", | |
| "interactive.interactiveInput010": "S:1d28adb6e4532f27ae11827f637b1cb3158b926b,", | |
| "interactive.interactiveFocus010": "S:96058a0a20e4d04f5a3b78dbd5aa72153e364621,", | |
| "interactive.interactiveVisited010": "S:7e8670f56af3eb5379e2c9c448355886470e273c,", | |
| "interactive.interactiveDisabled010": "S:69c7bbf2fdf5d90f13d71da02c6ec7e0da25cf5b,", | |
| "interactive.interactiveLink030": "S:847e76fe9828410d3dbbce3ca91ad363cbcd63c5,", | |
| "interactive.interactiveLink020": "S:bf615c622f01944228fdd6239633fa56fc831aea,", | |
| "interactive.interactiveLink010": "S:b80e8248a1e21595112b92b5020cb98522447167,", | |
| "interactive.interactiveInverse050": "S:bbf9ec53563885a18385bb9d5ea8c473790856c4,", | |
| "interactive.interactiveInverse040": "S:3c46bfd1d936eedc1d13aad4b776c3f086a9a179,", | |
| "interactive.interactiveInverse030": "S:2425d79b05da798de75f4329fb79663d78a16288,", | |
| "interactive.interactiveInverse020": "S:e0bb9cbb750c235cd027bb67758879f06abef12e,", | |
| "interactive.interactiveInverse010": "S:bcc774b46a72bb4b07b9113d1ae55ed7ba47feb1,", | |
| "interactive.interactiveNegative050": "S:4a5ad14a43423582d30eaba0cec76106e6a01fdd,", | |
| "interactive.interactiveNegative040": "S:a668c8e0d42540c490df39768877568525a857d8,", | |
| "interactive.interactiveNegative030": "S:1cf9cbb98065dc5f1303184e4de0ecb5beea42a8,", | |
| "interactive.interactiveNegative020": "S:2f78f621f41ded1c43af890f9bd1ff5c6bac12eb,", | |
| "interactive.interactiveNegative010": "S:168d49a4b5aba555ee133ecce1790e7b3790621a,", | |
| "interactive.interactivePositive050": "S:0dd72892fca12fd411a6aae42c4939e08aeb8f91,", | |
| "interactive.interactivePositive040": "S:5ea9ab3e501155d707f3124e3d9851243331dd19,", | |
| "interactive.interactivePositive030": "S:bda36525e1c71ad55e9e9478901be37df9f89486,", | |
| "interactive.interactivePositive020": "S:1eb0e5937e602dc12673e2670874701bbefe3248,", | |
| "interactive.interactivePositive010": "S:efb53015a84e8f41e5f6709d86b66eb86befa0fe,", | |
| "interactive.interactiveSecondary050": "S:b0c143bd9c85da7161813fe8945afac824d57203,", | |
| "interactive.interactiveSecondary040": "S:d2bc896ca246f777b8865adb928d6579a9408202,", | |
| "interactive.interactiveSecondary030": "S:f0c9c77465ae8d460b34ed2f41a3854cb2485146,", | |
| "interactive.interactiveSecondary020": "S:6240a7e262c0ef715919ba8649e1583d82e4d9fc,", | |
| "interactive.interactiveSecondary010": "S:500107a0c711f0db66ff645efb2d10771ced9f25,", | |
| "interactive.interactivePrimary050": "S:e59e71a77170a364f7d328aaf35ff5d4f52202f7,", | |
| "interactive.interactivePrimary040": "S:158ee0c94129a2093834d3b3f03b09ff72760df2,", | |
| "interactive.interactivePrimary030": "S:f7010943b61a9f98b5452b615bc5d6369caccc08,", | |
| "interactive.interactivePrimary020": "S:9597a5cd7ba38adbc88a8799113d74cd82cf2b27,", | |
| "interactive.interactivePrimary010": "S:8138807a0a2b5dbbb83725c06ee6019bb7d40b62,", | |
| "editorial.editorialLabel030": "S:1de62c093b0cb3ceebb2c242213ef82d5d17c878,", | |
| "editorial.editorialLabel020": "S:44e1ce4e3ff4925dc8aab437e37791c4d87d534f,", | |
| "editorial.editorialLabel010": "S:4fe18e6c772de3c74af58dd125fcea625f2f091c,", | |
| "editorial.editorialCaption010": "S:cecb162a57d252dcf725be35ebb2d79d0fe2daf0,", | |
| "editorial.editorialQuote020": "S:91283d5635861a43ff22bb25661519132000c2aa,", | |
| "editorial.editorialQuote010": "S:9975e38422d03568df3302da15ebdeecc094ada0,", | |
| "editorial.editorialParagraph030": "S:75225126384f0a81327d16262c4adcbe35d63f44,", | |
| "editorial.editorialParagraph020": "S:6268d8a4b7ca1c83f0fe73dc7a1cdd42d1fe70af,", | |
| "editorial.editorialParagraph010": "S:7a2e257a81c4d0ecceb62ff7256d88b3ca480012,", | |
| "editorial.editorialSubheadline050": "S:6c8c290b2ebaa80fbc2791ebd8c4154b9dcd9712,", | |
| "editorial.editorialSubheadline040": "S:c6f212d4311272b9ee2de68e6b914e0470eb6389,", | |
| "editorial.editorialSubheadline030": "S:7f7c5c8d7303ccf0fe2bd450739c6dccd855dcf1,", | |
| "editorial.editorialSubheadline020": "S:26108e62dfe7b225e6b17575a048d12446e612e3,", | |
| "editorial.editorialSubheadline010": "S:46f8a3ce2ae55d6d224bf26d1193c2c12e297d11,", | |
| "editorial.editorialHeadline080": "S:bce5933e80b7d21507496bb3d6ae28cb9e33b76c,", | |
| "editorial.editorialHeadline070": "S:7696d8ba4dc97412f5478b2497a1bd7f2a915898,", | |
| "editorial.editorialHeadline060": "S:588fd2d0a0431e866a1e841410e45a11f7f60a46,", | |
| "editorial.editorialHeadline050": "S:bcc663991d8f7aeb617de79b85ae90a5f771981c,", | |
| "editorial.editorialHeadline040": "S:bd50bb71eab792149fd6d1087ef640c62e72f957,", | |
| "editorial.editorialHeadline030": "S:880b34b782e327287efa4f5f52bc9910331dd7c3,", | |
| "editorial.editorialHeadline020": "S:d2c292d09aa889dd6602a10bae24ccebc95976d3,", | |
| "editorial.editorialHeadline010": "S:c29c39a0d3cc4c393a8ebfc7cc60a93e3a44e95f,", | |
| "editorial.editorialDisplay030": "S:b4659746739143885f2c40904a411c32a078c56d,", | |
| "editorial.editorialDisplay020": "S:323ce1ed5c5a09d044049d0a775f3c225103f5d1,", | |
| "editorial.editorialDisplay010": "S:f9ec84877c0cc87741ba7c164c514d237a2bfd1e,", | |
| "utility.utilityMeta010": "S:6fcd457b27275cb747c96e28a1d8e5d955684385,", | |
| "utility.utilityMeta020": "S:9434eeb14967660b17c903cc9bb5964a88b7f180,", | |
| "utility.utilityButton010": "S:c6ea2dabd5bc468b03f40385babc8af1c28970c5,", | |
| "utility.utilityButton020": "S:6a049c8c5907c5682186dbb20bbb263b6ada64e7,", | |
| "utility.utilityButton030": "S:686fa2ddaf611ab72e7d424f18ca044a22a74036,", | |
| "utility.utilityLabel010": "S:82dc745d9580074335b261f66c10a90efe4c4aa9,", | |
| "utility.utilityLabel020": "S:d42006129e62cedac98e602a504dba2ecf461cf2,", | |
| "utility.utilityLabel030": "S:4bfe4a7cb617be0f0fb7870263ebea933e2bb98b,", | |
| "utility.utilityBody010": "S:f72c62c11c10d4b3651b0f162f3236a836a496fe,", | |
| "utility.utilityBody020": "S:afcb305b5392b7949a9ef3fc24cb3d02d79c579f,", | |
| "utility.utilityBody030": "S:c8cbdee53aa9e90e9a8a0d5d81d310123e9b8a1a,", | |
| "utility.utilitySubheading010": "S:a657031a9b21d222d64606bdbc4396cebe64548b,", | |
| "utility.utilitySubheading020": "S:797f7e650d8cae79a234108649f7fb8dfa844829,", | |
| "utility.utilitySubheading030": "S:bb46c04f5d52b39795af774ed8eb1fce95d59b63,", | |
| "utility.utilitySubheading040": "S:df8e20dddf1ea179e5bec5516a661a2bdc4859ae,", | |
| "utility.utilitySubheading050": "S:04f4e0d23008dee0c469c43ef575227edac05964,", | |
| "utility.utilityHeading010": "S:65d1d0673f64e1a8caa3997b124380491169d17a,", | |
| "utility.utilityHeading020": "S:768381e2b1f216c8c7525965ebf029167db485bf,", | |
| "utility.utilityHeading030": "S:9569eaa05424fc5e62b80bdfdc73f9a1211f3bea,", | |
| "utility.utilityHeading040": "S:773ab3f4fedf7e2f1db215c49bf740652c25e06c,", | |
| "utility.utilityHeading050": "S:855337cd876c39519cc91ba5a98a2f209ae4b9eb,", | |
| "shadow010": "S:6dcc73c2f90b1a5ae702de68ad5b63c3ad5792a2,", | |
| "shadow020": "S:3851260ba6b952715221acebecf4db84a3439041,", | |
| "shadow030": "S:590b9b0b08f23ac85d196393ad7a66f241002ad3,", | |
| "shadow040": "S:62c9279ba78db1890d7be0030c9ff8c57895841a,", | |
| "shadow050": "S:f6f7285156d2ab493c1863211405e1765d2b53d2,", | |
| "shadow060": "S:db3dde09d3448aed057df43717db5c7535dadf76,", | |
| "overlay.overlayTintBase010": "S:7ab051e25c2efc2138d45a4cb2f3eafe0c74b432,", | |
| "overlay.overlayTintBase020": "S:d226ba674c2b09bd8904091463d0947a074836dc,", | |
| "overlay.overlayTintBase030": "S:b92dc00e5eaadc5af9b4278ff4162d7af5162c9d,", | |
| "overlay.overlayTintBase040": "S:ef22855f3ce263e7513f49ffcb219830f6790582,", | |
| "overlay.overlayTintInverse010": "S:c17105b963149bc8faf9c037d1338b2195605a7e,", | |
| "overlay.overlayTintInverse020": "S:99fcfce170b88c177bc9ad15aebfa745930e4320,", | |
| "overlay.overlayTintInverse030": "S:5f278ed7379565fc3345d7973887fe86f24bd566,", | |
| "overlay.overlayTintInverse040": "S:a2c4dc87e41db8d1c883324fa4a662dbd975fbc1,", | |
| "overlay.overlayGradientBaseVertical": "S:b14af4299ab6286b7505e640e1400f24f8ddfbf8,", | |
| "overlay.overlayGradientBaseHorizontal": "S:0afee54c5dd0b234707e9c61871c1c53417b3d81,", | |
| "overlay.overlayGradientInverseVertical": "S:6da02b13b418a150780e64e334173b97f88387b2,", | |
| "overlay.overlayGradientInverseHorizontal": "S:f6012439cbf82cdd87c4b057e3c9edad06a0f1f7,", | |
| "blue010": "S:ca41a0ec6d5914c853d2732242154f04bd3236d8,", | |
| "blue020": "S:b86c5a0a03e6d5640fe4f22200bdfe9e22b8547d,", | |
| "blue030": "S:642d1f2244babd08b91b0b73353ed5ca387285a0,", | |
| "blue040": "S:463dbee36f7bfb7d1c17248832abbea50232cdaa,", | |
| "blue050": "S:f8f44e4c6ccf1428cc9b89f9cdfe3966499533c4,", | |
| "blue060": "S:34265f88da161f639411be258b4903700cb69ed1,", | |
| "blue070": "S:f4313e03c2e9b093b9a73cc97bfc332ae8f8ec78,", | |
| "blue080": "S:80f12b480d990a4fe65649af8b17b33a49003b6d,", | |
| "blue090": "S:f613d980de3b1b4503691a6e5b0215ff645bdfae,", | |
| "blue100": "S:d9133be2a0db778575010a378a4b2538e9c52353,", | |
| "green010": "S:17a7b45d37f5032a2974493bf13425272d4309de,", | |
| "green030": "S:551057c8e8e562506e40ff2dee60adcb51b0514d,", | |
| "green040": "S:d6d461dab8c6506513b337955f4c9389b8f0a66b,", | |
| "green050": "S:9247c0ac9724d2cbc87916588b6bea683c0c994c,", | |
| "green060": "S:8e4e59fe653dcc605afb564e14b9acd23c9eb935,", | |
| "green070": "S:fa25df881b041952c54ff5e1243cbb47b071b340,", | |
| "green080": "S:c3735d19683facbf1b3535bfc01bda5cd51b49f8,", | |
| "green090": "S:9c499756927ce6f37f6f26d1f42a112eeeb8c25d,", | |
| "green100": "S:61f1cb2f0bba4b13634c6cc62af5e4c85bb8d392,", | |
| "red010": "S:2d90ef6a7fd39702d7e57ddaf10025146a57b5bd,", | |
| "red020": "S:8a7d4083f28c303fd1e121058ab26553ce62e2bc,", | |
| "red030": "S:87fdf8e93875c66a2544021d41d0a5d9b76c9c81,", | |
| "red040": "S:ae4db96682fc11e07304ebfdb31756638b1f4b15,", | |
| "red050": "S:aec5d102c3a2f52ce14c65f09b61ac307ac80c86,", | |
| "red060": "S:ea713e568a1eaed7a2c7e7ddb3c77f3ce565aef8,", | |
| "red070": "S:fb350ee6dd56994366c7c828aaa97a3024512c29,", | |
| "red080": "S:9e2d53a496ba56c585d8a5d8fd479e8493bb205c,", | |
| "red090": "S:a0a4469ffefb7ac6506d0a3e235b393dcee7d1b0,", | |
| "red100": "S:43fa953f5603daed15e976168fea604b1bd2c073,", | |
| "amber010": "S:c099cad6d214332276ddc87e459bec1def51c07a,", | |
| "amber020": "S:449ab9374aacb9fdb957d1194b232c3a0974f1b1,", | |
| "amber030": "S:024a24916f7ec68019c2b83fabac41449e4ba01f,", | |
| "amber040": "S:bce4257cd1a807e489b8a90c0c194555ee6b8cea,", | |
| "amber050": "S:b0242a577678c51516b6368cba3e0c61880efc17,", | |
| "amber060": "S:3a038de69899d740f22f29a473d01bf47abfa12f,", | |
| "amber070": "S:06bc64bca2e801031c000d098ff4ad196105e7d6,", | |
| "amber080": "S:c10dc24a374276dc1453743540fe29b78e44e59a,", | |
| "amber090": "S:7e76bfa85468d4fd68a4e47714bb6358b85d6400,", | |
| "amber100": "S:d9bf1a77da57470088e22272d0c6335316e15617,", | |
| "teal010": "S:05f08e378245c630a6ef9a602d54d6b0b58d947b,", | |
| "teal020": "S:77b4ce276958390c058c85f6e1c1ed0905e1f54f,", | |
| "teal030": "S:2d800edc3b5856b840d82d48b34277916b0a56bb,", | |
| "teal040": "S:5b73a3ac17f74559cbce87d990060a3ecfed51ff,", | |
| "teal050": "S:a0d46e0551482a350d991f029ce24c87eeae9585,", | |
| "teal060": "S:bad6a6eeb9a6d81293663d88c4d7c0305844b4f9,", | |
| "teal070": "S:ad0e8d69278df2aa2b3cc83d9241ee2ad347b5d8,", | |
| "teal080": "S:8e799da09633eaae9b81ec2a54265f0a8aeeef6c,", | |
| "teal090": "S:6cfb8883914874d340509d4257ebf3940a8272f0,", | |
| "teal100": "S:f35c985eee15ed46cc9c8e4a930dd90d2d75f5b6,", | |
| "purple010": "S:d2dae03fb39943353ea4d104b1a46276ba934e33,", | |
| "purple020": "S:177ce3db17924cf4912b45a3166b5ae638d6ff6b,", | |
| "purple030": "S:879f69127fb1a828e4d88e613d1695247595e15e,", | |
| "purple040": "S:e38e9c44fdfa62a39395b0d4d76a458420a8a473,", | |
| "purple050": "S:b753d43a7ed97e25708066452b3839d64bb7a7c9,", | |
| "purple060": "S:476db07beb165455da8646b58f019753df9c4b2a,", | |
| "purple070": "S:96836b31289945a96faa9dd7f1c03ac58ac5dff3,", | |
| "purple080": "S:a44a213e9e5e7130e841dd6262af55855cd27f12,", | |
| "purple090": "S:441b54b887f829576dde210efb212ec166af6241,", | |
| "purple100": "S:18ccf5c3a1e08fef660cbe615c06552d65f3c7af,", | |
| "neutral010": "S:9f3971a436c1ee007cba16808e53a708c17e51ad,", | |
| "neutral020": "S:21ff563872f0d0fe5b08bb291b101e8e066e8c02,", | |
| "neutral030": "S:ddf85cc6176929f5c31cd686a328a56b355e551f,", | |
| "neutral040": "S:e9ea9b6d24f367f8c519f8b47370fe36141a76ec,", | |
| "neutral050": "S:75d45b28eb831f82837b0a9c0300e751a0054baa,", | |
| "neutral060": "S:214d519fca94172aede8d6d3c34e9ded9b0bf2f8,", | |
| "neutral070": "S:6282d1798e1f7c40b06b348f5efa0acb7f14e611,", | |
| "neutral080": "S:574cfa897961c4e3cfbe71929a03b8374113f809,", | |
| "neutral090": "S:9e4aa0bea74fed6ee91ce2e17575c90283031c6e,", | |
| "neutral100": "S:1e1e5bba88edf6ae40b779e0c162223ccf4421da,", | |
| "focus010": "S:2d4719955f4f10d7e7d8223c4c96451a9033b9a4,", | |
| "blackTint010": "S:672eecc50cd8fc97f4c5b985e917a85acc257034,", | |
| "blackTint020": "S:06e0549170604a242713f12aae53a6c7cfc35769,", | |
| "blackTint030": "S:802976207ae3ddb9e4584206493e564dfefcfc79,", | |
| "blackTint040": "S:73e4c3d406b801904af106efa0c797d278b9b4f7,", | |
| "blackTint050": "S:cac3fb9e0a97330684a00b22a75fe0a3709c4637,", | |
| "blackTint060": "S:151c269549f19897c5414fcc50d9bac85ed5128f,", | |
| "blackTint070": "S:97030646cfae2ffe5e209c08d863ea089feb8f90,", | |
| "blackTint080": "S:e7257b2b326706947ea045dfe66ff49adb121b07,", | |
| "blackTint090": "S:eba4cf1c6a64d87ff133f091ced2bbdcec0b2015,", | |
| "black": "S:966123baecabb42e1f542f538791414f683a13f0,", | |
| "whiteTint010": "S:f2a78cd2048a3c5550ffb8efc83528f2cc20e0b3,", | |
| "whiteTint020": "S:89c7dcb85e7af7463d5aa8bce235bf81bbd6c1b7,", | |
| "whiteTint030": "S:c58634e2db3ced353dbc45fc2b05b742567c18b4,", | |
| "whiteTint040": "S:873a09df53a9672858c4f2b7b247a17da731f091,", | |
| "whiteTint050": "S:7542b71f4d361e99caffc065b38264e95207922a,", | |
| "whiteTint060": "S:7a171b75277b7cc0035c84279a985d890b59e4e0,", | |
| "whiteTint070": "S:a50e512bf9facb548eace7d58a4c9eca461a8875,", | |
| "whiteTint080": "S:5b36d32b45f357f1f297f3f0f1e489fd6a562e4a,", | |
| "whiteTint090": "S:98c80819078bf4c7fe3c7b7bc797a9b476a0a8f3,", | |
| "white": "S:b34c0c5a3feef8d19a58831463f72ff65b31ccca,", | |
| "Reddit": "S:adba26ac3cffa7c59ae0ca7b68e433af71680f45,", | |
| "Whatsapp": "S:6d894817a1fb2a67b95968783ac1ec0a1ce9f1f7,", | |
| "Youtube": "S:b3611cd5cfbf3ba8409b26652fde2f274a67e848,", | |
| "Instagram": "S:a736e6ce150b3e2f2462737c93dda5e761c98808,", | |
| "Facebook": "S:e842ff90afe37275ab82da20aff2578ed4685b1b,", | |
| "Twitter": "S:08aa64bf42c50588bd462c8b858c0abfe6369d2a,", | |
| "Github": "S:d8848de7d82f18c1109b0ccb84de1de39dea4e59,", | |
| "Apple": "S:0cda8f878d5ce349e01fdd73386db082e5bffe61,", | |
| "GoogleBlue": "S:582e5df38542e963bc83feff169fd9e5fe9337ad,", | |
| "GoogleRed": "S:e72ad95d42269eb645fd1648c39f45074f449860,", | |
| "GoogleYellow": "S:3b4fde16a1cfb0afb013ed7305398e52960d71f7,", | |
| "GoogleGreen": "S:9b871a8a7650297ae45cd1d4a43ab4536cde98ce,", | |
| "transparent": "S:44eb250f4ee2fac95145d7ebe96905d99d900a19,", | |
| "ink.inkBrand010": "S:2a0464db882afaded294f2971fb8c229fb99559a,", | |
| "ink.inkContrast": "S:6904637b85172025c8e61a1a4f60f71494c4c25b,", | |
| "interactive.interactiveFocus020": "S:e8d13c6f016856849c6401e60c0a8ab61ac90007,", | |
| "green021": "S:20b6816067ea58f2fcd2d35bc52ab35c3b4ea440,", | |
| "green020": "S:6625ec16da9063bd96ea01707bfba5649d6453ed,", | |
| "editorial.editorialParagraph040": "S:566b650083ad8dc409a4c5af1e25ece7705e41a6," | |
| } | |
| }, | |
| { | |
| "id": "9421816dcb557abb47ccea1e29bce5547d92a339", | |
| "name": "NK-dark", | |
| "selectedTokenSets": { | |
| "Foundations": "enabled", | |
| "Dark": "enabled" | |
| }, | |
| "$figmaStyleReferences": { | |
| "ink.inkBrand020": "S:3b58dfb0e93ac3515baaf548a0a5f33e9be78785,", | |
| "ink.inkInformative": "S:e9fe02e30426f93d327e3ad1b179ee88b113c3bb,", | |
| "ink.inkNotice": "S:7a768d8c8b99d552bb6d3ae347255d1034a7414b,", | |
| "ink.inkNegative": "S:f523dc7e3369c0c6e20496074196624226387e83,", | |
| "ink.inkPositive": "S:af5dbf1652bb6cba8f4d82bb85329e3717fac79f,", | |
| "ink.inkDark010": "S:1d3b7f6707415cae489a47b17565d8b2eddfd685,", | |
| "ink.inkLight010": "S:5da6da512cfad598ef4f6b7f0fcb7354220f52e7,", | |
| "ink.inkInverse": "S:6c505a13798783d3b18415edd90278783820d6e9,", | |
| "ink.inkNonEssential": "S:61b70133480b1ae59989de1f7d2d270ffaaed1b7,", | |
| "ink.inkSubtle": "S:0ab11474ec713c222897f92e6ac05fa77824d0b4,", | |
| "ink.inkBase": "S:28357dc2634b9191a4d69c302c52b10f0a394c29,", | |
| "interface.interfaceSkeleton020": "S:804c569c4dd04f6998f495e0d4daa91db7b636f7,", | |
| "interface.interfaceSkeleton010": "S:f5c0732d2fc928576d57aedbd691d1f8e7ee4322,", | |
| "interface.interfaceNeutral020": "S:157374009dd87ff8ca2f2bf8d59dd4724881a1e6,", | |
| "interface.interfaceNeutral010": "S:758c350bcb9b3dad344e43147f9fd8d44d12061b,", | |
| "interface.interfaceInformative020": "S:4feadb7cb0b54cc6ce247393f18cfe22ff2bdb7d,", | |
| "interface.interfaceInformative010": "S:63be6af115da0398c9333229a24304144fc1e7a7,", | |
| "interface.interfaceNotice020": "S:e17dd42f7d1e72f0b35637741d58be2e4039c34b,", | |
| "interface.interfaceNotice010": "S:d4fc38749ca1ac11e89ed18cc00ae47b13967051,", | |
| "interface.interfaceNegative020": "S:acd52babcbf5f9cbfc4d0cec4bda7be4b24c6fc8,", | |
| "interface.interfaceNegative010": "S:1f43f9e5f2f42482c97c6bdfedbe01f20f7902cb,", | |
| "interface.interfacePositive020": "S:c816503e84f4aafbcf4be5c5ae28593700539229,", | |
| "interface.interfacePositive010": "S:7ffe494d0e3608b2404e668a86c4b22a0b48a89f,", | |
| "interface.interfaceBrand020": "S:e8afd396344dda534b4fdc91b31e0f2b2127662a,", | |
| "interface.interfaceBrand010": "S:0e2a853cf2a2c25bd3822b93470f9cd18e78e963,", | |
| "interface.interface060": "S:9cc943ccfa9f37f1b41d5cd459a79959565dca8a,", | |
| "interface.interface050": "S:e03d07cff442bb1a14f30ceb8dae9bd4a3625ed4,", | |
| "interface.interface040": "S:e44d8a2ba4b5e6f961a28d6c611364cc4cb487f1,", | |
| "interface.interface030": "S:7ea4e0a8b01b3d51b4137ecde96bd47c21cd9e8c,", | |
| "interface.interface020": "S:2a19b33011a7daf315cfacef4d37a9af41ff7d9c,", | |
| "interface.interface010": "S:bd336db0ae7a09b98b14a902ffacc64d391f4240,", | |
| "interface.interfaceBackground": "S:996c00a0b4ee1db6123a2f49df7f338d8771d454,", | |
| "interactive.interactiveInput050": "S:9ed67937aa4b99e59827ea1a8cfdbd82323e45cc,", | |
| "interactive.interactiveInput040": "S:66fe5a9e7e0c039b7ad32d230f2de6648cae866e,", | |
| "interactive.interactiveInput030": "S:4a911240772e8cc70c4dd75bdcca19f5b6990739,", | |
| "interactive.interactiveInput020": "S:a785f359d432c62922558188508dfaa095beae75,", | |
| "interactive.interactiveInput010": "S:8dd3617272e5c51ebeb3452b33a0794905ada5a6,", | |
| "interactive.interactiveFocus010": "S:c29b2737aa921992111892e1a1705ea1b17c3828,", | |
| "interactive.interactiveVisited010": "S:e101eb70f056172c75b14ddeca5e0add6f2698ec,", | |
| "interactive.interactiveDisabled010": "S:0fb4d62c2de4b1f5996203742acaf27d04bb9909,", | |
| "interactive.interactiveLink030": "S:71ba42d5abbe7c3762d94f9f2f936cfa19675b8a,", | |
| "interactive.interactiveLink020": "S:9005273d42ab2c2082138c7b643c332de76b154e,", | |
| "interactive.interactiveLink010": "S:e34d945c1b9f974ebb27b7d7b739b5f9f6e788b9,", | |
| "interactive.interactiveInverse050": "S:ebef7ecea1c02340fb52c98d9deafa608dc4e452,", | |
| "interactive.interactiveInverse040": "S:0f9ff2b0e0ef6f59d1b7a5750a799ef1860d3666,", | |
| "interactive.interactiveInverse030": "S:526aab682e0dd12f02ddba2f3ffbd31bd692f1e0,", | |
| "interactive.interactiveInverse020": "S:ae6f4783dc61998dfdc34fd1b76014fb67df4565,", | |
| "interactive.interactiveInverse010": "S:c18cd5fdfdb4ce15b4f6e96fd244d8a1830567e1,", | |
| "interactive.interactiveNegative050": "S:55e4befda997718e890213b6f9f1701533f7f19d,", | |
| "interactive.interactiveNegative040": "S:ce41b13a75954e58edad2f470335bcc76def99c4,", | |
| "interactive.interactiveNegative030": "S:00c6a3f56d9a783d281cc710c464c77276a5e209,", | |
| "interactive.interactiveNegative020": "S:21fba8505471b5a3ce72750a019356373750e984,", | |
| "interactive.interactiveNegative010": "S:1c08562ee42ed7754f28b0bb5cbd44d4cb6a26b8,", | |
| "interactive.interactivePositive050": "S:dfb9cae3f03405abee64ef750651e61b7d509e13,", | |
| "interactive.interactivePositive040": "S:4b2ef163968b2704ed597012639b2ce4bc1a1b0f,", | |
| "interactive.interactivePositive030": "S:7e9b2f5d2aa0cb7bd95ce8f75f6f83f3f2d51a93,", | |
| "interactive.interactivePositive020": "S:db21abe7e1aa8a8bbc6d9a63abca99013b026196,", | |
| "interactive.interactivePositive010": "S:b1946c856b1b40628cb62cb32ad271e5bcad4cb9,", | |
| "interactive.interactiveSecondary050": "S:4d3e6235f280b9548af618a2c1adf84f1b1b5f4f,", | |
| "interactive.interactiveSecondary040": "S:b0892ebd47e011d4f832b21423674e74e2bd4c4e,", | |
| "interactive.interactiveSecondary030": "S:0859a8c631a59857d9a2169cfd8c0e26d20a901e,", | |
| "interactive.interactiveSecondary020": "S:907c85f0bb24eea38e96c13e636c6f940bb28d12,", | |
| "interactive.interactiveSecondary010": "S:f48bf65acdaac9cb6238bf793e79804493a75834,", | |
| "interactive.interactivePrimary050": "S:cf6a42ffd1ec58f6a153f2c5f647c8cf00f6fe41,", | |
| "interactive.interactivePrimary040": "S:52a6cb1fa983d642a6ea442dfabbe972adea12c7,", | |
| "interactive.interactivePrimary030": "S:b7e2534cb3f23bf0de0d3b4c8344e8e8aef23f1a,", | |
| "interactive.interactivePrimary020": "S:c519050f302ccc82833536ea95763d8603bb8f1f,", | |
| "interactive.interactivePrimary010": "S:8a3d4e70005ab7ec86830b5206e7543147e60f63,", | |
| "overlay.overlayTintBase010": "S:5eb98bd1e73407831709ff7af3fe54423b571086,", | |
| "overlay.overlayTintBase020": "S:9607873138058c10dbfc3a6f1ba2d4faae8ae8aa,", | |
| "overlay.overlayTintBase030": "S:69c190f35549fcb20259e9cede548f6d39036c66,", | |
| "overlay.overlayTintBase040": "S:5db55406fc0d4246744977b430d005bdaaf781b8,", | |
| "overlay.overlayTintInverse010": "S:5396b4264b3b079c3735a864e1cf76e78dd6ca3d,", | |
| "overlay.overlayTintInverse020": "S:c4563666e6766b1983434735ef1fb685b41c0b77,", | |
| "overlay.overlayTintInverse030": "S:7e110fb5ffb9e1f24d29b099429de0c3cb20ea89,", | |
| "overlay.overlayTintInverse040": "S:c7378d8e40c36463b207db08ef1f04636aa8dbc2,", | |
| "overlay.overlayGradientBaseVertical": "S:fd6d523025de715314f432b57063c124687546ff,", | |
| "overlay.overlayGradientBaseHorizontal": "S:ab74fa332319a9ca5ea48930438d0717c54cb94d,", | |
| "overlay.overlayGradientInverseVertical": "S:facb3c205cd9d64512686da0305c41f2b957206f,", | |
| "overlay.overlayGradientInverseHorizontal": "S:9026910eeee67995b4f126bed5ca98fc09606cc0,", | |
| "ink.inkBrand010": "S:280cdcbcbad30af433a55eb6f1b83536e76e7bc5,", | |
| "editorial.editorialDisplay010": "S:5ea12fc94214946c68cab87be8aeedf803387eb3,", | |
| "editorial.editorialDisplay020": "S:e3571d1dd332367c40fab1df876544c9702f5629,", | |
| "editorial.editorialDisplay030": "S:166fe81ae3c133ccc302bd765e34af8950e599c2,", | |
| "editorial.editorialHeadline010": "S:72c5b8b457dc107c0aa24e5d1d92e35ef623b711,", | |
| "editorial.editorialHeadline020": "S:fb723907a9882c99c9b7dbedcfa24caf4bce5bb4,", | |
| "editorial.editorialHeadline030": "S:1c71ca58c0502fdbb66eea5a1df972d73d71c9f8,", | |
| "editorial.editorialHeadline040": "S:9cae513748d8bd40bcf38161d6c61ea3d7bdb7c6,", | |
| "editorial.editorialHeadline050": "S:c4f582e32616b1fbad7b3bb152029c9747801666,", | |
| "editorial.editorialHeadline060": "S:e597e4478acd48fcd52bdd41cc29212fa802d132,", | |
| "editorial.editorialHeadline070": "S:55785e6f93662406be02c1e5879738221d1f1505,", | |
| "editorial.editorialHeadline080": "S:0a82c072a84ae371c3fa68c1b805de017d14ac23,", | |
| "editorial.editorialSubheadline010": "S:f7fb8354e2e2de34ebfc1e165101d0b0d99f49d8,", | |
| "editorial.editorialSubheadline020": "S:8a609d0b162fcc75861bca38017bbf3fc1b348a7,", | |
| "editorial.editorialSubheadline030": "S:4dff75211cadca1f64e740b1acce07d959321533,", | |
| "editorial.editorialSubheadline040": "S:45e15b9d3a7c1dd17b307e3cc9ffc02ce41d3848,", | |
| "editorial.editorialSubheadline050": "S:ae7267fd6d2252c534af96afc0f5ef8b6b54772e,", | |
| "editorial.editorialParagraph010": "S:e8b92ddf393f7d9ab8d46d244f2bbef8195fd98c,", | |
| "editorial.editorialParagraph020": "S:6664efd4cab27a442d329b8113ee394b7cd6286d,", | |
| "editorial.editorialParagraph030": "S:89d8862919a06450a8c1057d1f71c0d63c8d5e89,", | |
| "editorial.editorialQuote010": "S:3747b99f58d8d7d47274245e59236ff25fbf6b6a,", | |
| "editorial.editorialQuote020": "S:122f17da3fd037f89c4c27d2d3976d477cbbce70,", | |
| "editorial.editorialCaption010": "S:b2d4f45d54ec7df70a20ed051082490a03e34ffd,", | |
| "editorial.editorialLabel010": "S:a3e65fcf6a053b5f07ff1d7da8bbdd4d9aa68202,", | |
| "editorial.editorialLabel020": "S:1393b23e72122a22a1d8df2db0fdad760c853685,", | |
| "editorial.editorialLabel030": "S:2a453f61d324efb1324a21430b2fe7804ae4d0a7,", | |
| "utility.utilityHeading010": "S:88a5d1e91fecec2bd5f06a3dfe3a3468ff15411a,", | |
| "utility.utilityHeading020": "S:64c83914b9af18332e63893260dfa39acfe5e337,", | |
| "utility.utilityHeading030": "S:c801d3f75f3d1edfa52ed55ad6961da5ea3ce3ad,", | |
| "utility.utilityHeading040": "S:cdf8b54b4a5f9c0fc87cac84826db0695b015956,", | |
| "utility.utilityHeading050": "S:69ffd9b89f4f7aa63fec13c49a36c81b1f0c3bbc,", | |
| "utility.utilitySubheading010": "S:eec97246d4b80289dee1c8b13c765b26d7864bf3,", | |
| "utility.utilitySubheading020": "S:6f5c4e1a621f4c644abc7f395f091b81ef659e7e,", | |
| "utility.utilitySubheading030": "S:7cc23abaac9da83b0cee81cde7f49dace56d4bcc,", | |
| "utility.utilitySubheading040": "S:e9b1360af89ba1177601662e84df5bf8aab8af08,", | |
| "utility.utilitySubheading050": "S:f7efbffbef7ed4360b3e9065a87e70acd0d3f550,", | |
| "utility.utilityBody010": "S:0e14089962d2e9cac1346e9ea9c32efc41a2d70e,", | |
| "utility.utilityBody020": "S:d1bebe32c68d5ba6bcd3b80cc685bec086b52d07,", | |
| "utility.utilityBody030": "S:0dcc68f689ab57b6d740002303a94b93ebd630b4,", | |
| "utility.utilityLabel010": "S:dcfb492fed3756253d9eb3b6b358a7fafdc51282,", | |
| "utility.utilityLabel020": "S:8ed7c77969a61a107e45358bbfda2a66c82a578c,", | |
| "utility.utilityLabel030": "S:f1a8e575ade87c874a1310fb62d52ada735bf217,", | |
| "utility.utilityButton010": "S:edfadb13d277cf8316e125bbe5e0ef8aea35c345,", | |
| "utility.utilityButton020": "S:9b035b0d84f45cc2cdfbca142b5005e3fd7463bb,", | |
| "utility.utilityButton030": "S:0d63e7e235c0d7d514eeb072fbc507d8823ad49b,", | |
| "utility.utilityMeta010": "S:c25776c52542b4aabd434a4a40377440e9c4c192,", | |
| "utility.utilityMeta020": "S:970cc2a6a2f73d94f835fa9f4aec67698eeac9cc,", | |
| "shadow010": "S:4b6a26aa5392f01f12826af351a9b7b1026cb54d,", | |
| "shadow020": "S:f27cf036d17060c4aaf3a0b5524a0c6254e2f70c,", | |
| "shadow030": "S:f8f319081e4f5d36e5825c63f0b305c269d6bce9,", | |
| "shadow040": "S:9056d99f82532bd64086a501a12fb577b50b6da9,", | |
| "shadow050": "S:7bdefe73530c7435eb3f53ee57bcfb1910be1b3d,", | |
| "shadow060": "S:fc904629cb81735b90a1f39319ffa6c8794949ed,", | |
| "ink.inkContrast": "S:ba362ac00ada6503629490778109e60a2922f998,", | |
| "blue010": "S:91d7bf3ff6fbc7558b148fa8bec3c5290ce4735b,", | |
| "blue020": "S:462503fad22f178797329e10d0bb38c07f61c63a,", | |
| "blue030": "S:a24bdb6f400673a32d180aa2816b696d78e02951,", | |
| "blue040": "S:9007a1f0e580f4b26d5e016dbeee9cef9c8cd481,", | |
| "blue050": "S:2748fa3546ac2db12704c112e7af3d7f435c9fb8,", | |
| "blue060": "S:8a5f0ac968149e4508558215f9c7211dd7f53ee0,", | |
| "blue070": "S:843cc919d15b7b95146122475b1c87e69606e42e,", | |
| "blue080": "S:b621d4d19390acb10f3b73fb87b8f258751d076e,", | |
| "blue090": "S:85898102ad2a869d6b417859ae1b30fd5cca8257,", | |
| "blue100": "S:6c515456d85a502a93548cbc0f3bfc2d087b5acc,", | |
| "green010": "S:80481d9db5c62347da9c6503e873c09e4ff3a497,", | |
| "green030": "S:81b0bcf7fde3a61e5013a824bcbe49814bfc3134,", | |
| "green040": "S:6e41d8148181c26c64d75d6930a07492b00e3df9,", | |
| "green050": "S:34105f1d5fed9cfd5530052c17a0f278fa5d6038,", | |
| "green060": "S:300efd12f031eae63f8a9a085fb2a4a41107f5c0,", | |
| "green070": "S:6428db1c04cfd2620774efcfc0c56523a4d66ad5,", | |
| "green080": "S:5beccbf18c868df36cba88540bce55d94352832b,", | |
| "green090": "S:3191e68e600006e0b3d4862342af1184c1292f72,", | |
| "green100": "S:d735ed3053dc2b816a497acdbb851b4d4fc96a54,", | |
| "red010": "S:82fd6e677bf63d86669b1df1500a2af87b304e5c,", | |
| "red020": "S:2a27dca01e04e2bd6b03419751017ba9e1797ada,", | |
| "red030": "S:3e7e996c6d215ccfe77abc4bae042af16d989246,", | |
| "red040": "S:333ad37f7bed35de40aefd8fbbbad31903d5d067,", | |
| "red050": "S:93d84aa45117c99e65da5c36c391735088871b9d,", | |
| "red060": "S:28099bfac57ab57f8fe6d3a8dad0783797806354,", | |
| "red070": "S:4095584be0db0575c6b484c40b7d06ea7a72eb5a,", | |
| "red080": "S:9404679913e5a2db6263af2573f2b55b5f2c8567,", | |
| "red090": "S:c661ceb9ba12918f55f473de729ec3356db71e94,", | |
| "red100": "S:f7750ab3e67bc2cabd01353b45fd1f47b53078e5,", | |
| "amber010": "S:efb06bcd4c7971c44c5e9376381ef714b3367370,", | |
| "amber020": "S:16b73680e0ebdee898ebc10da2109d60763cd441,", | |
| "amber030": "S:5b3d55c7e60dc9aecd820453bfeff807862ef77a,", | |
| "amber040": "S:8abb1b8f098a2e998b18822f4e16298277778725,", | |
| "amber050": "S:33aa454d9e919d81497a23cbe5f23071bc6d6e00,", | |
| "amber060": "S:986668039874565aaf6854c60961dc5a1d8b50e0,", | |
| "amber070": "S:1fb4b9de1be4a5f4863ef9db7795f88054a2e6c3,", | |
| "amber080": "S:21ba1d6f49ecdc103c0c24617e750e52716cf515,", | |
| "amber090": "S:25a7b941445a3227546551cd0c398142ebd8af08,", | |
| "amber100": "S:1f83bdccb25f04d6926a86b955f3b3f987fec07e,", | |
| "teal010": "S:925cff5da1f7426fbd6c1f22441e03ae6f23f5cb,", | |
| "teal020": "S:94999a9769b06ba19527b0f3af58699a17f0987b,", | |
| "teal030": "S:8bdff05870c014c181371bb7726b9b0387b0767f,", | |
| "teal040": "S:0d95a0b3d65e3519be5d0f12b5ca02301cefd60e,", | |
| "teal050": "S:5782b855f0ca41d16ee23f90cd6c8375cb14d00a,", | |
| "teal060": "S:e0e8a3150d5d1d10a565876bd0ab790b17ed27e2,", | |
| "teal070": "S:c723d2ff389f4315f2ee1a9ed334b8b7300fc96e,", | |
| "teal080": "S:0a81f8ba8da84516a200a6dd686eb674b38f60e0,", | |
| "teal090": "S:551c8d6db9146656bf1c02473e520a74ea7e0662,", | |
| "teal100": "S:d60a4590d29742cb89a7da08d407e8b538854580,", | |
| "purple010": "S:3839f498aec18b6aeb9705249cb0b41d7baf4bf9,", | |
| "purple020": "S:f2522348493bf8e04fc1f037ee27634f54b01dc8,", | |
| "purple030": "S:325f6438b3e11ff1f70967332848c5582c28a7f8,", | |
| "purple040": "S:df63da6ec0084558a3aee76d4aabdedfaaddae9b,", | |
| "purple050": "S:4d03f85c7187fb22625191346061d1f18c651bcd,", | |
| "purple060": "S:8d628c5256f640d773847241c924382b2ad17739,", | |
| "purple070": "S:f4793d5f2e02eeb3945c669290fd05ba25af3eb0,", | |
| "purple080": "S:d45d7fd78d4c83415ca9fa06d9c9b88ba7ff82c9,", | |
| "purple090": "S:29424c056e850922663856be33896c6094d0934c,", | |
| "purple100": "S:b597813efdec77975a84431093edd8ed91b32d05,", | |
| "neutral010": "S:1810bb3d1df08f035e4fc0654c903c2a68769d69,", | |
| "neutral020": "S:94cb8ff7e2ffa519467d3418adc1f0909519d3f1,", | |
| "neutral030": "S:2b87895a5e3f92ff57976c140bd392ce3dd39ad1,", | |
| "neutral040": "S:16dbd4bf1dcf8827871b5203e45871d2f0dff7a2,", | |
| "neutral050": "S:1c5946370efb3dddb672c0cac64b09751bdb7a99,", | |
| "neutral060": "S:3dd4a27d7a227751f0bc1af07f54594dc5cdd36a,", | |
| "neutral070": "S:019795703b398bffc650197eac9fd8763838ce13,", | |
| "neutral080": "S:abe441c06feb6f716849c493d17e66cc9b214626,", | |
| "neutral090": "S:924adfa3c300792f71fa54a5bcd44928e878265c,", | |
| "neutral100": "S:a7f0011c352b83658ff4aec4af1197dfd20e004e,", | |
| "focus010": "S:3496d5536aa9ea07f12d70913346471a07deeea3,", | |
| "blackTint010": "S:e64f56e94d0a5180ff9bc07fd7a122947d8a97ed,", | |
| "blackTint020": "S:b229cd3c704e04d26b744655673721f443e282fb,", | |
| "blackTint030": "S:7f1e07c704d83c1a7ad01b9bcffa49ab83b512d6,", | |
| "blackTint040": "S:9f86fe44ab1808a404d267001c8ccae2ed0c3fd9,", | |
| "blackTint050": "S:c2bd0b0e9c300a0e524338c7cedcdf64e344d4be,", | |
| "blackTint060": "S:f1aa4849dbf1166992a529875df697b51b077362,", | |
| "blackTint070": "S:d421213c8199c29a5072758ae416af5ce99637e0,", | |
| "blackTint080": "S:4c631f921fe04644c79e9562f6bb573ed90c3168,", | |
| "blackTint090": "S:c680f2be89895ad58c1c822b0237bf67924af42a,", | |
| "black": "S:2999cd089de245f0de13008a1a81d0ee51cd8ba3,", | |
| "whiteTint010": "S:f2b88ba0c0a914a93b85e87a8945c0650c3244b6,", | |
| "whiteTint020": "S:5634a85468bfcbf0918a6dd3f77d543f149fbee3,", | |
| "whiteTint030": "S:5759fa2cf9fb9b7f4feb374e477a9df691afdae3,", | |
| "whiteTint040": "S:01e154553154176c5e654b60c26f870d10c38711,", | |
| "whiteTint050": "S:e0d563e6811cea61d570eae1b3c41982aad2627f,", | |
| "whiteTint060": "S:7c523621db2fd8ab6e8789f6a93486898d849689,", | |
| "whiteTint070": "S:3121dc4fd09337d714027e3229ead08d675ca6ef,", | |
| "whiteTint080": "S:2fead69194b0a1cfb888b5a6caf9abe42f324c56,", | |
| "whiteTint090": "S:1297f8362336162eb589f234afc59b75bc740b38,", | |
| "white": "S:e2bdbc5b41f13018ca7c6aa0b68c2712a34814cb,", | |
| "Reddit": "S:7c78b470d1113051828709f030e16b8c1b483b99,", | |
| "Whatsapp": "S:1ffff3353e1dd773fa627966f06742ec2e9c3f54,", | |
| "Youtube": "S:9fd192ee8d568384e761bad5643023364a2a95c2,", | |
| "Instagram": "S:5ae118dd3fc49596c85aad524f1dbeaae71e6629,", | |
| "Facebook": "S:988406354878ca6b74376ecd6483115647994f43,", | |
| "Twitter": "S:7091045b90b7ba07385159c36a0f65ce6976eafc,", | |
| "Github": "S:1d64d0ae5f92e298a20f50be992ea753f14e46e5,", | |
| "Apple": "S:d1e61701b19def64f753f42dbffd3457b589051a,", | |
| "GoogleBlue": "S:c129e57fa36cf70fc8424870e7e42f056e2230fb,", | |
| "GoogleRed": "S:a5f11d2d07cff78e4dcb0362cd36c6051740a461,", | |
| "GoogleYellow": "S:e45761ae8705cbaddbe50d68ef4e399321f6293f,", | |
| "GoogleGreen": "S:5ed12dd5a4f352e2c0fdd1aeb3eec5bf16d2fed7,", | |
| "transparent": "S:9b692715a2521b9870fdaafb540c4aacb03cf77e,", | |
| "interactive.interactiveFocus020": "S:b6f18a99e8ee1f68db941571662261a774801243,", | |
| "green021": "S:5843bd78c1489af1a9e10e9b09da0f536e1be5f6,", | |
| "green020": "S:6f3b122ebdb0f2530c7576d078a4a97ea0bf3867,", | |
| "editorial.editorialParagraph040": "S:f1d1a9a7d88254a7217264bff95dc123fcf3c544," | |
| } | |
| } | |
| ], | |
| "$metadata": { | |
| "tokenSetOrder": [ | |
| "Foundations", | |
| "Light", | |
| "Dark" | |
| ] | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment