@dnb/eufemia

{ "color": { "background": { "page-background": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1280", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-page-background" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1283", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53777:706", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:a2e8c4f27f4f50b8965e01c3ac01d4f836354c59/5552:2063", "targetVariableName": "dnbcarnegie/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 0.05000000074505806, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11711", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9701d39b786424fce60f7aea4ab00547523e73c/5552:2077", "targetVariableName": "dnbcarnegie/greyscale/1000/5", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:53777:708", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 0.10000000149011612, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11713", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f245f101a1ff9981cddc6ef5bfdbae2b1d81dfab/5552:2078", "targetVariableName": "dnbcarnegie/greyscale/1000/10", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53837:2187", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:df6f47e13fdd4c9db05213cc34b7230e772da1a7/5552:2053", "targetVariableName": "dnbcarnegie/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8823529481887817, 0.9137254953384399, 0.9764705896377563 ], "alpha": 1, "hex": "#E1E9F9" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11716", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-focus-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:940125b24d466d56479286e386bb1ccef61b5611/5552:2058", "targetVariableName": "dnbcarnegie/blue/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4986", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d2ced02c1c4ce7d4936841279aa0d225c1ed11ec/5552:2069", "targetVariableName": "dnbcarnegie/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6941176652908325, 0.6941176652908325, 0.7098039388656616 ], "alpha": 1, "hex": "#B1B1B5" }, "$extensions": { "com.figma.variableId": "VariableID:56478:13725", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:98d58800060f1a8d4c3cbe1bc513c58945ba70e4/5552:2068", "targetVariableName": "dnbcarnegie/greyscale/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6941176652908325, 0.6941176652908325, 0.7098039388656616 ], "alpha": 1, "hex": "#B1B1B5" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17036", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:98d58800060f1a8d4c3cbe1bc513c58945ba70e4/5552:2068", "targetVariableName": "dnbcarnegie/greyscale/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:56487:17069", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:56487:17070", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:a2e8c4f27f4f50b8965e01c3ac01d4f836354c59/5552:2063", "targetVariableName": "dnbcarnegie/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11718", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:56032:1390", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 0.30000001192092896, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:55977:3792", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b472f18179ab446282a9cfcfa058469bfa528751/5552:2075", "targetVariableName": "dnbcarnegie/greyscale/1000/30", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55892:2104", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 0.5, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:55977:3877", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:c806e6a76d9ad25c958081198c3316b2417a4b84/5552:2076", "targetVariableName": "dnbcarnegie/greyscale/1000/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2823529541492462, 0.2823529541492462, 0.29019609093666077 ], "alpha": 1, "hex": "#48484A" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1906", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:766b9bd4a60490bdaf0ff930942f2944de3527a3/5552:2064", "targetVariableName": "dnbcarnegie/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11719", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9215686321258545 ], "alpha": 1, "hex": "#EBEBEB" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11722", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-alternative-hover-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbf121f2d836ddf02ee03a8bffc0e8a5d5148ae3/5552:2070", "targetVariableName": "dnbcarnegie/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:53718:716", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9647058844566345, 0.9176470637321472, 0.8941176533699036 ], "alpha": 1, "hex": "#F6EAE4" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11723", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6590d77b4de2c74f675179634f03d03a2b8833e0/5552:2011", "targetVariableName": "dnbcarnegie/beige/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1727", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1728", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1287", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1289", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9725490212440491, 0.9725490212440491, 0.9725490212440491 ], "alpha": 1, "hex": "#F8F8F8" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1290", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:7c239d6a893c102375d3acdf4f94a9e4deaa4d41/5552:2071", "targetVariableName": "dnbcarnegie/greyscale/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9215686321258545 ], "alpha": 1, "hex": "#EBEBEB" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1294", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-base" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbf121f2d836ddf02ee03a8bffc0e8a5d5148ae3/5552:2070", "targetVariableName": "dnbcarnegie/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:55045:37606", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-bold" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d2ced02c1c4ce7d4936841279aa0d225c1ed11ec/5552:2069", "targetVariableName": "dnbcarnegie/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4987", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2e2b5b366990ea6cfc16803758f41ffe11b1a3e2/5552:2059", "targetVariableName": "dnbcarnegie/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1302", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-info" }, "com.figma.aliasData": { "targetVariableId": "VariableID:aa80e244cf894230da8539976f50ad85c99d971a/5552:1973", "targetVariableName": "dnbcarnegie/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.95686274766922, 0.9490196108818054 ], "alpha": 1, "hex": "#EBF4F2" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1304", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-info-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:bde376ba3ee513ac64b4fab7b1bb0df51c21740b/5552:1991", "targetVariableName": "dnbcarnegie/green/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1296", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-positive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:12f24b34c6b753bcc239aab1796cf39df5eae6de/5552:1984", "targetVariableName": "dnbcarnegie/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.95686274766922, 0.9490196108818054 ], "alpha": 1, "hex": "#EBF4F2" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1299", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-positive-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:bde376ba3ee513ac64b4fab7b1bb0df51c21740b/5552:1991", "targetVariableName": "dnbcarnegie/green/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9921568632125854, 0.7333333492279053, 0.1921568661928177 ], "alpha": 1, "hex": "#FDBB31" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1307", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-warning" }, "com.figma.aliasData": { "targetVariableId": "VariableID:7cf0e8c452c05056a06fa08ead39b3db17897a2a/5552:2019", "targetVariableName": "dnbcarnegie/yellow/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9843137264251709, 0.9647058844566345, 0.9254902005195618 ], "alpha": 1, "hex": "#FBF6EC" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1310", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-warning-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:7fadd7537df85c5ad5eae08f103243b783b4e191/5552:2024", "targetVariableName": "dnbcarnegie/yellow/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1313", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-error" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b6672aa9af52eaba97ed6f81a4b0f3234aaef571/5552:2041", "targetVariableName": "dnbcarnegie/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9882352948188782, 0.9333333373069763, 0.9333333373069763 ], "alpha": 1, "hex": "#FCEEEE" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1318", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-error-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2de8e4757924f0cbd399cb36d2d88b486e49b212/5552:2047", "targetVariableName": "dnbcarnegie/red/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1324", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-marketing" }, "com.figma.aliasData": { "targetVariableId": "VariableID:a2e8c4f27f4f50b8965e01c3ac01d4f836354c59/5552:2063", "targetVariableName": "dnbcarnegie/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:55036:19893", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-marketing-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2e2b5b366990ea6cfc16803758f41ffe11b1a3e2/5552:2059", "targetVariableName": "dnbcarnegie/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "text": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1327", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:53785:923", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 1, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:53785:924", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6203c0169bd780b9bf062d88a9bafdf0796de04e/5552:2060", "targetVariableName": "dnbcarnegie/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53777:721", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:df6f47e13fdd4c9db05213cc34b7230e772da1a7/5552:2053", "targetVariableName": "dnbcarnegie/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53785:925", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d2ced02c1c4ce7d4936841279aa0d225c1ed11ec/5552:2069", "targetVariableName": "dnbcarnegie/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1328", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17057", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17062", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1331", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:a2e8c4f27f4f50b8965e01c3ac01d4f836354c59/5552:2063", "targetVariableName": "dnbcarnegie/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1344", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1118", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1120", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5568627715110779, 0.5568627715110779, 0.5764706134796143 ], "alpha": 1, "hex": "#8E8E93" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1907", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ebec85cb6837f974e76cec0f561f157f3085b873/5552:2067", "targetVariableName": "dnbcarnegie/greyscale/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53777:722", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-alternative-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a2ed12b144c66fd5e02892cd2f38bb2ca64d92b/5552:2073", "targetVariableName": "dnbcarnegie/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariable