From 85ef3bd52ee6d667384fc1ef25e3691faecc9ac7 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 8 Jun 2026 14:13:46 +0200 Subject: [PATCH 1/5] feat(tokens): nye danger colors lagt til i Brand + endret fargereferanse i Dangerlevel colors (level 4+5) --- tokens/$themes.json | 465 ++------------------------------- tokens/brand/nve.json | 34 +++ tokens/public/theme/dark.json | 12 +- tokens/public/theme/light.json | 12 +- 4 files changed, 64 insertions(+), 459 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 854dd7b0..ade5287a 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -438,11 +438,6 @@ "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", - "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", - "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", - "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", - "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", - "text.brand-name": "ff7fe29d5e700cec333b64999ab690fbfde5b948", "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", @@ -478,6 +473,11 @@ "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", + "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", + "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", + "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", + "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", @@ -599,150 +599,7 @@ "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", - "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", - "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", - "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", - "dimension.1x": "b231287453dd20036c81815441e912a185486321", - "dimension.1,5x": "41107a4dd2b76115c25523775c0aa78f2d551b30", - "dimension.2x": "7bce4c6756e5b243e45084b6165d6da451d782a7", - "dimension.2,5x": "3fd0a0f87ced35aea5931bbb1bbf561af6bc4527", - "dimension.3x": "2c9c21dfcdda3bfaf8de40fc4d97da82b9eaba70", - "dimension.3,5x": "360f834561a99b6d3a7314a5efe28ae3dceff024", - "dimension.4x": "5a343f2c7132f5c8a35b3cf055a2c3a6c16ee7a7", - "dimension.4,5x": "c9b3be373aa5744c470132098acad69d9e34e2be", - "dimension.5x": "6746ae9f6934b68eb144a745db38409962bf9af2", - "dimension.6x": "bf0b1305981c6f98b3bd9ef42c62ee9d763cc817", - "dimension.7x": "35a93dca1987eb1358d7b95d2e9a97a21fb2c04a", - "dimension.8x": "6e3e4eb230684df826252b7f9f137073db557747", - "dimension.9x": "cbdac64d4cf5edc8231b1d4dbe42cc33060dc324", - "dimension.10x": "148abfe5d29495a243db81743cef4d1eaa46e766", - "dimension.11x": "db1784e99261370fb0b00af92e0543fd2c5935c8", - "dimension.12x": "f386e1f8e444cb325435f39542877b7e9eb2142a", - "dimension.13x": "849f41f1286af6d8a83a43b884a9eb77a8209c7d", - "dimension.14x": "eefa818054883dc9dd2e141bc3f2275663872750", - "dimension.15x": "43d61843c7e1249f10def47b759c427a85a36ea6", - "dimension.16x": "799a9ea095ecb69c7b0be3da15c5615e1a20a5fc", - "dimension.17x": "04187adedfa0e1075d204c882aa8dc0140a85f98", - "dimension.18x": "a92e67f81bf561778c7c34d90aff2cd6b96126ec", - "dimension.19x": "3e85b79973cb24434af3c8fee14b052a1057f7f7", - "dimension.20x": "4e37671fdc5f2302fd16d4cce6c0029cc980a1e2", - "dimension.21x": "4095740e4b7b48f55a05fc213b83c13eb8c9ef8b", - "dimension.22x": "c09c91ac0812a9c2e61c7aff7ed4e8d53df456bd", - "dimension.23x": "ab48b84e6fc39afc87f62f191b46ff9997e5ab5e", - "dimension.24x": "0b52185373262bd7f683d5f95f895c983e4a99ec", - "dimension.25x": "6d54e46cb140aeea3c23a5f445ca49c608e94ae6", - "dimension.26x": "ac56be2604dd413c1cbe472673bc686bb078bbb3", - "dimension.27x": "7edbc5024bd241239847f45fe53bdef6622b5d31", - "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", - "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", - "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", - "font-family.primary-family": "740d7261ebb36e1000bdb46decf394d431364a01", - "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", - "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", - "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", - "line-height.3": "0dea04e16862be6a4d12042875367905b2202f20", - "line-height.4": "1f201342ba58d921fa0a94baeda58c0f6f568d56", - "line-height.5": "e23bbaef61192d9315f56cb10f8c9949763225da", - "line-height.6": "8ee79ed0c99b2f3ccff42e7ee0a14f64074e329c", - "paragraph-spacing.0": "3d035c316a5f16e8b985b4fdfdea639dfd6ea06f", - "paragraph-spacing.1": "b26d66b9cf42bcd123a237829dbe04535e0c5f57", - "paragraph-spacing.2": "3195873e64cb82e92f27ba36bbc1dd51fa740684", - "paragraph-spacing.3": "b9ce0eb921cd90bc192eeebc2b22a8cd1dcb2573", - "paragraph-spacing.4": "35cba44cc1499640a929189994db274cd8a01b62", - "paragraph-spacing.5": "36a49babd667ce029c7d9a3fb9e0e29ce8f6c935", - "paragraph-indent.0": "0ac3dd972153a37e629f116cdcda7f32ae223d6b", - "spacing.20x": "46735332ae290b9a32a60e6f8adb5c5135545484", - "spacing.24x": "2be94cd952d9ef159058b74374490fe7ce348bf9", - "spacing.32x": "0fa32cda0595585b090c0e6de92d745ab26dc1c4", - "spacing.40x": "fd4f866de77ac94673c60fa9630afa07e769fa03", - "spacing.48x": "7f0eeb80b3edd518cc3616053a9f461eea408ebe", - "spacing.50x": "12ac853aab2b19cdd9a9e67a1f153ede1937ad60", - "spacing.56x": "77d6781c6f2a78cf3b48a9dab906de307fad8a19", - "spacing.88x": "e2d9c901b6996623642e92ea093c8610f4baea2a", - "spacing.220x": "8968e1691159a026ef8b650b1f5f2b768fa417a7", - "spacing.620x": "46fc47a38ca065762124f5cb1f997fbb61a11545", - "border-radius.none": "364b106347541dbc1ee7edbc08850625119694b6", - "border-radius.small": "dfe4b82f28e9d0e96db6ba5a9c00bf335baf4dda", - "border-radius.large": "bdac5e5a8b12a553b44e1fc532a6284571b5a9ac", - "border-radius.circle": "7420c757baf6311f8f181e02ce825dabcc98eb68", - "border-radius.pill": "7a21aa1ced0cedbe4ca216cd4c6155c8cd69ef8b", - "border-width.none": "1d248892acc32965252e276fb066c1ef46b27e3d", - "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", - "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", - "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", - "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", - "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", - "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", - "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", - "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", - "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", - "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", - "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", - "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", - "sizing.44x": "d65347a364d20ec48015904a8430759842693833", - "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", - "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", - "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", - "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", - "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", - "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", - "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", - "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", - "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", - "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", - "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", - "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", - "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", - "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", - "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", - "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", - "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", - "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", - "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", - "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", - "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", - "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", - "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", - "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", - "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", - "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", - "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", - "sizing.320x": "4fb0039913abe0a6672d1cf0cbe522a7cae1b820", - "sizing.342x": "1f248050076ba84f9e4d21d73b04c7a14aa2711f", - "sizing.366x": "c33c994375d922836d55163edb8aa4dde3251329", - "sizing.389x": "37c6d12469adc0005b407a5ddb24e0ef462fb963", - "sizing.390x": "367289ada6feef2ee43ffc7be58d2908321483e4", - "sizing.428x": "69c6a458f12f7e489c1cd34e1dafe7cf71c9d9a2", - "sizing.440x": "1a3d07263e78ee26e2f48df9fceb80b11f1f8aab", - "sizing.468x": "ab4c92f664f90e1badbb4112bfafab3913931055", - "sizing.480x": "aa0e864fca50f9ef72231780f9f9353f46fd02ce", - "sizing.496x": "63c14dd00c320aba0d017b242cc71c6323ef7507", - "sizing.520x": "2e371d97e356b8265e155cc58b41c26c29d5f64c", - "sizing.544x": "85a9fae249bb6a750f3de8613f102bd32f7004dd", - "sizing.572x": "8b6d97302026bb3b288fe038d92f55152dbebb89", - "sizing.588x": "24184eb6ff79b0d90207d0c7bfbaeebb13f81c94", - "sizing.600x": "87adb366959779ca81527f4a45214edbf20451e5", - "sizing.700x": "dfe43b2ab7ddc12fe49d13ba0906e61d4aeda197", - "sizing.750x": "60c59a48e0f0e86317aa09245743cf753701f805", - "sizing.763x": "db4af852562cbae8d1e04607a3f7a24f2fe85053", - "sizing.764x": "40fc1f02471a08d58f5cbb935360dc5f22a686e6", - "sizing.799x": "952fc0b969038c0085276be9d062e30ee5f12cc1", - "sizing.800x": "991a7acae2c9b026210895a8ab52fe798f10d67a", - "sizing.1000x": "5588d2d7c19ef6a13660b8c78d7c5a48bc08b5cb", - "sizing.1023x": "70f7f5b93c6acdc69ee3740426a62b7f093bacb1", - "sizing.1024x": "578abf758983c32b7204c812a0828ba1563c3298", - "sizing.1140x": "5ab04296e4dc53372cad7bc2030028dba62f4b4d", - "sizing.1200x": "925bbc5fc1ace49048c5dabf460bf0329e6e8ac6", - "sizing.1439x": "f52b5e54c63548aba4bbf2046ebd14f909d0c29c", - "sizing.1440x": "e9f9bcfcf1f3fda8d51b6a612332d5de6754a428", - "sizing.1599x": "2ca290f7a0b9a3a097c284b8f2d7d3db4d5fc2a1", - "sizing.1600x": "87ac83f5a105fdd204b9318aeecf12fcad8734e4", - "sizing.1800x": "d898d823bb6fe315840529dea1a630cfa26af5e0", - "sizing.2439x": "24d437c972423855213ac5330fe63343b97f8b3a", - "sizing.2440x": "55181fe068bdaf6d7bd5d218ab514203821569b4", - "sizing.2560x": "5eaae51943b44038ad6519cc567dacdb147872a9", - "sizing.9999x": "a55e41be3866a881c38fa9a2948ee71fb9006d39" + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23" }, "group": "Brand" }, @@ -815,11 +672,6 @@ "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", - "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", - "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", - "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", - "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", - "text.brand-name": "ff7fe29d5e700cec333b64999ab690fbfde5b948", "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", @@ -870,6 +722,11 @@ "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", + "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", + "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", + "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", + "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", @@ -991,150 +848,7 @@ "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", - "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", - "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", - "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", - "dimension.1x": "b231287453dd20036c81815441e912a185486321", - "dimension.1,5x": "41107a4dd2b76115c25523775c0aa78f2d551b30", - "dimension.2x": "7bce4c6756e5b243e45084b6165d6da451d782a7", - "dimension.2,5x": "3fd0a0f87ced35aea5931bbb1bbf561af6bc4527", - "dimension.3x": "2c9c21dfcdda3bfaf8de40fc4d97da82b9eaba70", - "dimension.3,5x": "360f834561a99b6d3a7314a5efe28ae3dceff024", - "dimension.4x": "5a343f2c7132f5c8a35b3cf055a2c3a6c16ee7a7", - "dimension.4,5x": "c9b3be373aa5744c470132098acad69d9e34e2be", - "dimension.5x": "6746ae9f6934b68eb144a745db38409962bf9af2", - "dimension.6x": "bf0b1305981c6f98b3bd9ef42c62ee9d763cc817", - "dimension.7x": "35a93dca1987eb1358d7b95d2e9a97a21fb2c04a", - "dimension.8x": "6e3e4eb230684df826252b7f9f137073db557747", - "dimension.9x": "cbdac64d4cf5edc8231b1d4dbe42cc33060dc324", - "dimension.10x": "148abfe5d29495a243db81743cef4d1eaa46e766", - "dimension.11x": "db1784e99261370fb0b00af92e0543fd2c5935c8", - "dimension.12x": "f386e1f8e444cb325435f39542877b7e9eb2142a", - "dimension.13x": "849f41f1286af6d8a83a43b884a9eb77a8209c7d", - "dimension.14x": "eefa818054883dc9dd2e141bc3f2275663872750", - "dimension.15x": "43d61843c7e1249f10def47b759c427a85a36ea6", - "dimension.16x": "799a9ea095ecb69c7b0be3da15c5615e1a20a5fc", - "dimension.17x": "04187adedfa0e1075d204c882aa8dc0140a85f98", - "dimension.18x": "a92e67f81bf561778c7c34d90aff2cd6b96126ec", - "dimension.19x": "3e85b79973cb24434af3c8fee14b052a1057f7f7", - "dimension.20x": "4e37671fdc5f2302fd16d4cce6c0029cc980a1e2", - "dimension.21x": "4095740e4b7b48f55a05fc213b83c13eb8c9ef8b", - "dimension.22x": "c09c91ac0812a9c2e61c7aff7ed4e8d53df456bd", - "dimension.23x": "ab48b84e6fc39afc87f62f191b46ff9997e5ab5e", - "dimension.24x": "0b52185373262bd7f683d5f95f895c983e4a99ec", - "dimension.25x": "6d54e46cb140aeea3c23a5f445ca49c608e94ae6", - "dimension.26x": "ac56be2604dd413c1cbe472673bc686bb078bbb3", - "dimension.27x": "7edbc5024bd241239847f45fe53bdef6622b5d31", - "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", - "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", - "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", - "font-family.primary-family": "740d7261ebb36e1000bdb46decf394d431364a01", - "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", - "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", - "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", - "line-height.3": "0dea04e16862be6a4d12042875367905b2202f20", - "line-height.4": "1f201342ba58d921fa0a94baeda58c0f6f568d56", - "line-height.5": "e23bbaef61192d9315f56cb10f8c9949763225da", - "line-height.6": "8ee79ed0c99b2f3ccff42e7ee0a14f64074e329c", - "paragraph-spacing.0": "3d035c316a5f16e8b985b4fdfdea639dfd6ea06f", - "paragraph-spacing.1": "b26d66b9cf42bcd123a237829dbe04535e0c5f57", - "paragraph-spacing.2": "3195873e64cb82e92f27ba36bbc1dd51fa740684", - "paragraph-spacing.3": "b9ce0eb921cd90bc192eeebc2b22a8cd1dcb2573", - "paragraph-spacing.4": "35cba44cc1499640a929189994db274cd8a01b62", - "paragraph-spacing.5": "36a49babd667ce029c7d9a3fb9e0e29ce8f6c935", - "paragraph-indent.0": "0ac3dd972153a37e629f116cdcda7f32ae223d6b", - "spacing.20x": "46735332ae290b9a32a60e6f8adb5c5135545484", - "spacing.24x": "2be94cd952d9ef159058b74374490fe7ce348bf9", - "spacing.32x": "0fa32cda0595585b090c0e6de92d745ab26dc1c4", - "spacing.40x": "fd4f866de77ac94673c60fa9630afa07e769fa03", - "spacing.48x": "7f0eeb80b3edd518cc3616053a9f461eea408ebe", - "spacing.50x": "12ac853aab2b19cdd9a9e67a1f153ede1937ad60", - "spacing.56x": "77d6781c6f2a78cf3b48a9dab906de307fad8a19", - "spacing.88x": "e2d9c901b6996623642e92ea093c8610f4baea2a", - "spacing.220x": "8968e1691159a026ef8b650b1f5f2b768fa417a7", - "spacing.620x": "46fc47a38ca065762124f5cb1f997fbb61a11545", - "border-radius.none": "364b106347541dbc1ee7edbc08850625119694b6", - "border-radius.small": "dfe4b82f28e9d0e96db6ba5a9c00bf335baf4dda", - "border-radius.large": "bdac5e5a8b12a553b44e1fc532a6284571b5a9ac", - "border-radius.circle": "7420c757baf6311f8f181e02ce825dabcc98eb68", - "border-radius.pill": "7a21aa1ced0cedbe4ca216cd4c6155c8cd69ef8b", - "border-width.none": "1d248892acc32965252e276fb066c1ef46b27e3d", - "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", - "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", - "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", - "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", - "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", - "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", - "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", - "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", - "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", - "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", - "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", - "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", - "sizing.44x": "d65347a364d20ec48015904a8430759842693833", - "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", - "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", - "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", - "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", - "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", - "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", - "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", - "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", - "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", - "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", - "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", - "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", - "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", - "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", - "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", - "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", - "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", - "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", - "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", - "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", - "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", - "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", - "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", - "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", - "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", - "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", - "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", - "sizing.320x": "4fb0039913abe0a6672d1cf0cbe522a7cae1b820", - "sizing.342x": "1f248050076ba84f9e4d21d73b04c7a14aa2711f", - "sizing.366x": "c33c994375d922836d55163edb8aa4dde3251329", - "sizing.389x": "37c6d12469adc0005b407a5ddb24e0ef462fb963", - "sizing.390x": "367289ada6feef2ee43ffc7be58d2908321483e4", - "sizing.428x": "69c6a458f12f7e489c1cd34e1dafe7cf71c9d9a2", - "sizing.440x": "1a3d07263e78ee26e2f48df9fceb80b11f1f8aab", - "sizing.468x": "ab4c92f664f90e1badbb4112bfafab3913931055", - "sizing.480x": "aa0e864fca50f9ef72231780f9f9353f46fd02ce", - "sizing.496x": "63c14dd00c320aba0d017b242cc71c6323ef7507", - "sizing.520x": "2e371d97e356b8265e155cc58b41c26c29d5f64c", - "sizing.544x": "85a9fae249bb6a750f3de8613f102bd32f7004dd", - "sizing.572x": "8b6d97302026bb3b288fe038d92f55152dbebb89", - "sizing.588x": "24184eb6ff79b0d90207d0c7bfbaeebb13f81c94", - "sizing.600x": "87adb366959779ca81527f4a45214edbf20451e5", - "sizing.700x": "dfe43b2ab7ddc12fe49d13ba0906e61d4aeda197", - "sizing.750x": "60c59a48e0f0e86317aa09245743cf753701f805", - "sizing.763x": "db4af852562cbae8d1e04607a3f7a24f2fe85053", - "sizing.764x": "40fc1f02471a08d58f5cbb935360dc5f22a686e6", - "sizing.799x": "952fc0b969038c0085276be9d062e30ee5f12cc1", - "sizing.800x": "991a7acae2c9b026210895a8ab52fe798f10d67a", - "sizing.1000x": "5588d2d7c19ef6a13660b8c78d7c5a48bc08b5cb", - "sizing.1023x": "70f7f5b93c6acdc69ee3740426a62b7f093bacb1", - "sizing.1024x": "578abf758983c32b7204c812a0828ba1563c3298", - "sizing.1140x": "5ab04296e4dc53372cad7bc2030028dba62f4b4d", - "sizing.1200x": "925bbc5fc1ace49048c5dabf460bf0329e6e8ac6", - "sizing.1439x": "f52b5e54c63548aba4bbf2046ebd14f909d0c29c", - "sizing.1440x": "e9f9bcfcf1f3fda8d51b6a612332d5de6754a428", - "sizing.1599x": "2ca290f7a0b9a3a097c284b8f2d7d3db4d5fc2a1", - "sizing.1600x": "87ac83f5a105fdd204b9318aeecf12fcad8734e4", - "sizing.1800x": "d898d823bb6fe315840529dea1a630cfa26af5e0", - "sizing.2439x": "24d437c972423855213ac5330fe63343b97f8b3a", - "sizing.2440x": "55181fe068bdaf6d7bd5d218ab514203821569b4", - "sizing.2560x": "5eaae51943b44038ad6519cc567dacdb147872a9", - "sizing.9999x": "a55e41be3866a881c38fa9a2948ee71fb9006d39" + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23" }, "group": "Brand" }, @@ -2801,11 +2515,6 @@ "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", - "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", - "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", - "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", - "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", - "text.brand-name": "ff7fe29d5e700cec333b64999ab690fbfde5b948", "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", @@ -2841,6 +2550,11 @@ "color-shades.functional.red.999": "6750904cab49daad63a31b7aa097d5e9d88dc4d8", "color-shades.functional.red.000": "ca99d84706b259993ebc7e3bc332f4906948bf2f", "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", + "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", + "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", + "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", + "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", @@ -2962,150 +2676,7 @@ "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", - "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", - "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", - "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", - "dimension.1x": "b231287453dd20036c81815441e912a185486321", - "dimension.1,5x": "41107a4dd2b76115c25523775c0aa78f2d551b30", - "dimension.2x": "7bce4c6756e5b243e45084b6165d6da451d782a7", - "dimension.2,5x": "3fd0a0f87ced35aea5931bbb1bbf561af6bc4527", - "dimension.3x": "2c9c21dfcdda3bfaf8de40fc4d97da82b9eaba70", - "dimension.3,5x": "360f834561a99b6d3a7314a5efe28ae3dceff024", - "dimension.4x": "5a343f2c7132f5c8a35b3cf055a2c3a6c16ee7a7", - "dimension.4,5x": "c9b3be373aa5744c470132098acad69d9e34e2be", - "dimension.5x": "6746ae9f6934b68eb144a745db38409962bf9af2", - "dimension.6x": "bf0b1305981c6f98b3bd9ef42c62ee9d763cc817", - "dimension.7x": "35a93dca1987eb1358d7b95d2e9a97a21fb2c04a", - "dimension.8x": "6e3e4eb230684df826252b7f9f137073db557747", - "dimension.9x": "cbdac64d4cf5edc8231b1d4dbe42cc33060dc324", - "dimension.10x": "148abfe5d29495a243db81743cef4d1eaa46e766", - "dimension.11x": "db1784e99261370fb0b00af92e0543fd2c5935c8", - "dimension.12x": "f386e1f8e444cb325435f39542877b7e9eb2142a", - "dimension.13x": "849f41f1286af6d8a83a43b884a9eb77a8209c7d", - "dimension.14x": "eefa818054883dc9dd2e141bc3f2275663872750", - "dimension.15x": "43d61843c7e1249f10def47b759c427a85a36ea6", - "dimension.16x": "799a9ea095ecb69c7b0be3da15c5615e1a20a5fc", - "dimension.17x": "04187adedfa0e1075d204c882aa8dc0140a85f98", - "dimension.18x": "a92e67f81bf561778c7c34d90aff2cd6b96126ec", - "dimension.19x": "3e85b79973cb24434af3c8fee14b052a1057f7f7", - "dimension.20x": "4e37671fdc5f2302fd16d4cce6c0029cc980a1e2", - "dimension.21x": "4095740e4b7b48f55a05fc213b83c13eb8c9ef8b", - "dimension.22x": "c09c91ac0812a9c2e61c7aff7ed4e8d53df456bd", - "dimension.23x": "ab48b84e6fc39afc87f62f191b46ff9997e5ab5e", - "dimension.24x": "0b52185373262bd7f683d5f95f895c983e4a99ec", - "dimension.25x": "6d54e46cb140aeea3c23a5f445ca49c608e94ae6", - "dimension.26x": "ac56be2604dd413c1cbe472673bc686bb078bbb3", - "dimension.27x": "7edbc5024bd241239847f45fe53bdef6622b5d31", - "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", - "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", - "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", - "font-family.primary-family": "740d7261ebb36e1000bdb46decf394d431364a01", - "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", - "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", - "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", - "line-height.3": "0dea04e16862be6a4d12042875367905b2202f20", - "line-height.4": "1f201342ba58d921fa0a94baeda58c0f6f568d56", - "line-height.5": "e23bbaef61192d9315f56cb10f8c9949763225da", - "line-height.6": "8ee79ed0c99b2f3ccff42e7ee0a14f64074e329c", - "paragraph-spacing.0": "3d035c316a5f16e8b985b4fdfdea639dfd6ea06f", - "paragraph-spacing.1": "b26d66b9cf42bcd123a237829dbe04535e0c5f57", - "paragraph-spacing.2": "3195873e64cb82e92f27ba36bbc1dd51fa740684", - "paragraph-spacing.3": "b9ce0eb921cd90bc192eeebc2b22a8cd1dcb2573", - "paragraph-spacing.4": "35cba44cc1499640a929189994db274cd8a01b62", - "paragraph-spacing.5": "36a49babd667ce029c7d9a3fb9e0e29ce8f6c935", - "paragraph-indent.0": "0ac3dd972153a37e629f116cdcda7f32ae223d6b", - "spacing.20x": "46735332ae290b9a32a60e6f8adb5c5135545484", - "spacing.24x": "2be94cd952d9ef159058b74374490fe7ce348bf9", - "spacing.32x": "0fa32cda0595585b090c0e6de92d745ab26dc1c4", - "spacing.40x": "fd4f866de77ac94673c60fa9630afa07e769fa03", - "spacing.48x": "7f0eeb80b3edd518cc3616053a9f461eea408ebe", - "spacing.50x": "12ac853aab2b19cdd9a9e67a1f153ede1937ad60", - "spacing.56x": "77d6781c6f2a78cf3b48a9dab906de307fad8a19", - "spacing.88x": "e2d9c901b6996623642e92ea093c8610f4baea2a", - "spacing.220x": "8968e1691159a026ef8b650b1f5f2b768fa417a7", - "spacing.620x": "46fc47a38ca065762124f5cb1f997fbb61a11545", - "border-radius.none": "364b106347541dbc1ee7edbc08850625119694b6", - "border-radius.small": "dfe4b82f28e9d0e96db6ba5a9c00bf335baf4dda", - "border-radius.large": "bdac5e5a8b12a553b44e1fc532a6284571b5a9ac", - "border-radius.circle": "7420c757baf6311f8f181e02ce825dabcc98eb68", - "border-radius.pill": "7a21aa1ced0cedbe4ca216cd4c6155c8cd69ef8b", - "border-width.none": "1d248892acc32965252e276fb066c1ef46b27e3d", - "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", - "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", - "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", - "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", - "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", - "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", - "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", - "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", - "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", - "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", - "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", - "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", - "sizing.44x": "d65347a364d20ec48015904a8430759842693833", - "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", - "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", - "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", - "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", - "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", - "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", - "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", - "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", - "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", - "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", - "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", - "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", - "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", - "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", - "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", - "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", - "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", - "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", - "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", - "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", - "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", - "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", - "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", - "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", - "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", - "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", - "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", - "sizing.320x": "4fb0039913abe0a6672d1cf0cbe522a7cae1b820", - "sizing.342x": "1f248050076ba84f9e4d21d73b04c7a14aa2711f", - "sizing.366x": "c33c994375d922836d55163edb8aa4dde3251329", - "sizing.389x": "37c6d12469adc0005b407a5ddb24e0ef462fb963", - "sizing.390x": "367289ada6feef2ee43ffc7be58d2908321483e4", - "sizing.428x": "69c6a458f12f7e489c1cd34e1dafe7cf71c9d9a2", - "sizing.440x": "1a3d07263e78ee26e2f48df9fceb80b11f1f8aab", - "sizing.468x": "ab4c92f664f90e1badbb4112bfafab3913931055", - "sizing.480x": "aa0e864fca50f9ef72231780f9f9353f46fd02ce", - "sizing.496x": "63c14dd00c320aba0d017b242cc71c6323ef7507", - "sizing.520x": "2e371d97e356b8265e155cc58b41c26c29d5f64c", - "sizing.544x": "85a9fae249bb6a750f3de8613f102bd32f7004dd", - "sizing.572x": "8b6d97302026bb3b288fe038d92f55152dbebb89", - "sizing.588x": "24184eb6ff79b0d90207d0c7bfbaeebb13f81c94", - "sizing.600x": "87adb366959779ca81527f4a45214edbf20451e5", - "sizing.700x": "dfe43b2ab7ddc12fe49d13ba0906e61d4aeda197", - "sizing.750x": "60c59a48e0f0e86317aa09245743cf753701f805", - "sizing.763x": "db4af852562cbae8d1e04607a3f7a24f2fe85053", - "sizing.764x": "40fc1f02471a08d58f5cbb935360dc5f22a686e6", - "sizing.799x": "952fc0b969038c0085276be9d062e30ee5f12cc1", - "sizing.800x": "991a7acae2c9b026210895a8ab52fe798f10d67a", - "sizing.1000x": "5588d2d7c19ef6a13660b8c78d7c5a48bc08b5cb", - "sizing.1023x": "70f7f5b93c6acdc69ee3740426a62b7f093bacb1", - "sizing.1024x": "578abf758983c32b7204c812a0828ba1563c3298", - "sizing.1140x": "5ab04296e4dc53372cad7bc2030028dba62f4b4d", - "sizing.1200x": "925bbc5fc1ace49048c5dabf460bf0329e6e8ac6", - "sizing.1439x": "f52b5e54c63548aba4bbf2046ebd14f909d0c29c", - "sizing.1440x": "e9f9bcfcf1f3fda8d51b6a612332d5de6754a428", - "sizing.1599x": "2ca290f7a0b9a3a097c284b8f2d7d3db4d5fc2a1", - "sizing.1600x": "87ac83f5a105fdd204b9318aeecf12fcad8734e4", - "sizing.1800x": "d898d823bb6fe315840529dea1a630cfa26af5e0", - "sizing.2439x": "24d437c972423855213ac5330fe63343b97f8b3a", - "sizing.2440x": "55181fe068bdaf6d7bd5d218ab514203821569b4", - "sizing.2560x": "5eaae51943b44038ad6519cc567dacdb147872a9", - "sizing.9999x": "a55e41be3866a881c38fa9a2948ee71fb9006d39" + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23" }, "group": "Brand" }, diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index 69a1f987..420d3ef6 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -460,6 +460,40 @@ "$value": "#ffd8de" } }, + "danger": { + "200": { + "$type": "color", + "$value": "#FF8F8F" + }, + "400": { + "$type": "color", + "$value": "#FF3333" + }, + "600": { + "$type": "color", + "$value": "#E50000" + }, + "800": { + "$type": "color", + "$value": "#B20000" + }, + "900": { + "$type": "color", + "$value": "#800000" + }, + "999": { + "$type": "color", + "$value": "#4D0000" + }, + "050": { + "$type": "color", + "$value": "#FFD6D6" + }, + "000": { + "$type": "color", + "$value": "#FFEBEB" + } + }, "orange": { "100": { "$type": "color", diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index fc579836..187b3e08 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -606,11 +606,11 @@ }, "level4": { "$type": "color", - "$value": "{color-shades.functional.red.500}" + "$value": "{color-shades.functional.danger.400}" }, "level5": { "$type": "color", - "$value": "{color-shades.functional.neutralgrey.950}" + "$value": "{color-shades.functional.danger.900}" } }, "mute": { @@ -628,11 +628,11 @@ }, "level4": { "$type": "color", - "$value": "{color-shades.functional.red.050}" + "$value": "{color-shades.functional.danger.050}" }, "level5": { "$type": "color", - "$value": "{color-shades.functional.neutralgrey.200}" + "$value": "{color-shades.functional.danger.200}" } }, "subtle": { @@ -650,11 +650,11 @@ }, "level4": { "$type": "color", - "$value": "{color-shades.functional.red.000}" + "$value": "{color-shades.functional.danger.000}" }, "level5": { "$type": "color", - "$value": "{color-shades.functional.neutralgrey.150}" + "$value": "{color-shades.functional.danger.200}" } } }, diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index 2094a974..a1d1368e 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -605,11 +605,11 @@ }, "level4": { "$type": "color", - "$value": "{color-shades.functional.red.500}" + "$value": "{color-shades.functional.danger.400}" }, "level5": { "$type": "color", - "$value": "{color-shades.functional.neutralgrey.950}" + "$value": "{color-shades.functional.danger.900}" } }, "mute": { @@ -627,11 +627,11 @@ }, "level4": { "$type": "color", - "$value": "{color-shades.functional.red.050}" + "$value": "{color-shades.functional.danger.050}" }, "level5": { "$type": "color", - "$value": "{color-shades.functional.neutralgrey.200}" + "$value": "{color-shades.functional.danger.200}" } }, "subtle": { @@ -649,11 +649,11 @@ }, "level4": { "$type": "color", - "$value": "{color-shades.functional.red.000}" + "$value": "{color-shades.functional.danger.000}" }, "level5": { "$type": "color", - "$value": "{color-shades.functional.neutralgrey.150}" + "$value": "{color-shades.functional.danger.200}" } } }, From 966d71eae1cd6a915ecef5c3cdbd078251d1ae9e Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 8 Jun 2026 14:15:16 +0200 Subject: [PATCH 2/5] fix(tokens): configuration (Figma) --- tokens/$themes.json | 489 +++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 456 insertions(+), 33 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index ade5287a..ff5ce652 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -438,6 +438,11 @@ "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", + "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", + "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", + "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", + "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", + "text.brand-name": "ff7fe29d5e700cec333b64999ab690fbfde5b948", "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", @@ -475,6 +480,9 @@ "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", + "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", @@ -599,7 +607,150 @@ "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23" + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", + "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", + "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", + "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", + "dimension.1x": "b231287453dd20036c81815441e912a185486321", + "dimension.1,5x": "41107a4dd2b76115c25523775c0aa78f2d551b30", + "dimension.2x": "7bce4c6756e5b243e45084b6165d6da451d782a7", + "dimension.2,5x": "3fd0a0f87ced35aea5931bbb1bbf561af6bc4527", + "dimension.3x": "2c9c21dfcdda3bfaf8de40fc4d97da82b9eaba70", + "dimension.3,5x": "360f834561a99b6d3a7314a5efe28ae3dceff024", + "dimension.4x": "5a343f2c7132f5c8a35b3cf055a2c3a6c16ee7a7", + "dimension.4,5x": "c9b3be373aa5744c470132098acad69d9e34e2be", + "dimension.5x": "6746ae9f6934b68eb144a745db38409962bf9af2", + "dimension.6x": "bf0b1305981c6f98b3bd9ef42c62ee9d763cc817", + "dimension.7x": "35a93dca1987eb1358d7b95d2e9a97a21fb2c04a", + "dimension.8x": "6e3e4eb230684df826252b7f9f137073db557747", + "dimension.9x": "cbdac64d4cf5edc8231b1d4dbe42cc33060dc324", + "dimension.10x": "148abfe5d29495a243db81743cef4d1eaa46e766", + "dimension.11x": "db1784e99261370fb0b00af92e0543fd2c5935c8", + "dimension.12x": "f386e1f8e444cb325435f39542877b7e9eb2142a", + "dimension.13x": "849f41f1286af6d8a83a43b884a9eb77a8209c7d", + "dimension.14x": "eefa818054883dc9dd2e141bc3f2275663872750", + "dimension.15x": "43d61843c7e1249f10def47b759c427a85a36ea6", + "dimension.16x": "799a9ea095ecb69c7b0be3da15c5615e1a20a5fc", + "dimension.17x": "04187adedfa0e1075d204c882aa8dc0140a85f98", + "dimension.18x": "a92e67f81bf561778c7c34d90aff2cd6b96126ec", + "dimension.19x": "3e85b79973cb24434af3c8fee14b052a1057f7f7", + "dimension.20x": "4e37671fdc5f2302fd16d4cce6c0029cc980a1e2", + "dimension.21x": "4095740e4b7b48f55a05fc213b83c13eb8c9ef8b", + "dimension.22x": "c09c91ac0812a9c2e61c7aff7ed4e8d53df456bd", + "dimension.23x": "ab48b84e6fc39afc87f62f191b46ff9997e5ab5e", + "dimension.24x": "0b52185373262bd7f683d5f95f895c983e4a99ec", + "dimension.25x": "6d54e46cb140aeea3c23a5f445ca49c608e94ae6", + "dimension.26x": "ac56be2604dd413c1cbe472673bc686bb078bbb3", + "dimension.27x": "7edbc5024bd241239847f45fe53bdef6622b5d31", + "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", + "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", + "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", + "font-family.primary-family": "740d7261ebb36e1000bdb46decf394d431364a01", + "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", + "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", + "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", + "line-height.3": "0dea04e16862be6a4d12042875367905b2202f20", + "line-height.4": "1f201342ba58d921fa0a94baeda58c0f6f568d56", + "line-height.5": "e23bbaef61192d9315f56cb10f8c9949763225da", + "line-height.6": "8ee79ed0c99b2f3ccff42e7ee0a14f64074e329c", + "paragraph-spacing.0": "3d035c316a5f16e8b985b4fdfdea639dfd6ea06f", + "paragraph-spacing.1": "b26d66b9cf42bcd123a237829dbe04535e0c5f57", + "paragraph-spacing.2": "3195873e64cb82e92f27ba36bbc1dd51fa740684", + "paragraph-spacing.3": "b9ce0eb921cd90bc192eeebc2b22a8cd1dcb2573", + "paragraph-spacing.4": "35cba44cc1499640a929189994db274cd8a01b62", + "paragraph-spacing.5": "36a49babd667ce029c7d9a3fb9e0e29ce8f6c935", + "paragraph-indent.0": "0ac3dd972153a37e629f116cdcda7f32ae223d6b", + "spacing.20x": "46735332ae290b9a32a60e6f8adb5c5135545484", + "spacing.24x": "2be94cd952d9ef159058b74374490fe7ce348bf9", + "spacing.32x": "0fa32cda0595585b090c0e6de92d745ab26dc1c4", + "spacing.40x": "fd4f866de77ac94673c60fa9630afa07e769fa03", + "spacing.48x": "7f0eeb80b3edd518cc3616053a9f461eea408ebe", + "spacing.50x": "12ac853aab2b19cdd9a9e67a1f153ede1937ad60", + "spacing.56x": "77d6781c6f2a78cf3b48a9dab906de307fad8a19", + "spacing.88x": "e2d9c901b6996623642e92ea093c8610f4baea2a", + "spacing.220x": "8968e1691159a026ef8b650b1f5f2b768fa417a7", + "spacing.620x": "46fc47a38ca065762124f5cb1f997fbb61a11545", + "border-radius.none": "364b106347541dbc1ee7edbc08850625119694b6", + "border-radius.small": "dfe4b82f28e9d0e96db6ba5a9c00bf335baf4dda", + "border-radius.large": "bdac5e5a8b12a553b44e1fc532a6284571b5a9ac", + "border-radius.circle": "7420c757baf6311f8f181e02ce825dabcc98eb68", + "border-radius.pill": "7a21aa1ced0cedbe4ca216cd4c6155c8cd69ef8b", + "border-width.none": "1d248892acc32965252e276fb066c1ef46b27e3d", + "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", + "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", + "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", + "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", + "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", + "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", + "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", + "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", + "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", + "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", + "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", + "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", + "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", + "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", + "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", + "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", + "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", + "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", + "sizing.320x": "4fb0039913abe0a6672d1cf0cbe522a7cae1b820", + "sizing.342x": "1f248050076ba84f9e4d21d73b04c7a14aa2711f", + "sizing.366x": "c33c994375d922836d55163edb8aa4dde3251329", + "sizing.389x": "37c6d12469adc0005b407a5ddb24e0ef462fb963", + "sizing.390x": "367289ada6feef2ee43ffc7be58d2908321483e4", + "sizing.428x": "69c6a458f12f7e489c1cd34e1dafe7cf71c9d9a2", + "sizing.440x": "1a3d07263e78ee26e2f48df9fceb80b11f1f8aab", + "sizing.468x": "ab4c92f664f90e1badbb4112bfafab3913931055", + "sizing.480x": "aa0e864fca50f9ef72231780f9f9353f46fd02ce", + "sizing.496x": "63c14dd00c320aba0d017b242cc71c6323ef7507", + "sizing.520x": "2e371d97e356b8265e155cc58b41c26c29d5f64c", + "sizing.544x": "85a9fae249bb6a750f3de8613f102bd32f7004dd", + "sizing.572x": "8b6d97302026bb3b288fe038d92f55152dbebb89", + "sizing.588x": "24184eb6ff79b0d90207d0c7bfbaeebb13f81c94", + "sizing.600x": "87adb366959779ca81527f4a45214edbf20451e5", + "sizing.700x": "dfe43b2ab7ddc12fe49d13ba0906e61d4aeda197", + "sizing.750x": "60c59a48e0f0e86317aa09245743cf753701f805", + "sizing.763x": "db4af852562cbae8d1e04607a3f7a24f2fe85053", + "sizing.764x": "40fc1f02471a08d58f5cbb935360dc5f22a686e6", + "sizing.799x": "952fc0b969038c0085276be9d062e30ee5f12cc1", + "sizing.800x": "991a7acae2c9b026210895a8ab52fe798f10d67a", + "sizing.1000x": "5588d2d7c19ef6a13660b8c78d7c5a48bc08b5cb", + "sizing.1023x": "70f7f5b93c6acdc69ee3740426a62b7f093bacb1", + "sizing.1024x": "578abf758983c32b7204c812a0828ba1563c3298", + "sizing.1140x": "5ab04296e4dc53372cad7bc2030028dba62f4b4d", + "sizing.1200x": "925bbc5fc1ace49048c5dabf460bf0329e6e8ac6", + "sizing.1439x": "f52b5e54c63548aba4bbf2046ebd14f909d0c29c", + "sizing.1440x": "e9f9bcfcf1f3fda8d51b6a612332d5de6754a428", + "sizing.1599x": "2ca290f7a0b9a3a097c284b8f2d7d3db4d5fc2a1", + "sizing.1600x": "87ac83f5a105fdd204b9318aeecf12fcad8734e4", + "sizing.1800x": "d898d823bb6fe315840529dea1a630cfa26af5e0", + "sizing.2439x": "24d437c972423855213ac5330fe63343b97f8b3a", + "sizing.2440x": "55181fe068bdaf6d7bd5d218ab514203821569b4", + "sizing.2560x": "5eaae51943b44038ad6519cc567dacdb147872a9", + "sizing.9999x": "a55e41be3866a881c38fa9a2948ee71fb9006d39" }, "group": "Brand" }, @@ -672,6 +823,11 @@ "color-shades.data.color-e.300": "5b8824957451aa3e789403539ce2c2c9e594ab2b", "color-shades.data.color-e.400": "cad0f942b0e8e4d99ca9bd343958e7b22917e013", "color-shades.data.color-e.500": "d5b441bddfcfeb3efc728febc7d63f105efa5bd2", + "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", + "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", + "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", + "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", + "text.brand-name": "ff7fe29d5e700cec333b64999ab690fbfde5b948", "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", @@ -724,6 +880,9 @@ "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", + "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", @@ -848,7 +1007,150 @@ "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23" + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", + "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", + "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", + "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", + "dimension.1x": "b231287453dd20036c81815441e912a185486321", + "dimension.1,5x": "41107a4dd2b76115c25523775c0aa78f2d551b30", + "dimension.2x": "7bce4c6756e5b243e45084b6165d6da451d782a7", + "dimension.2,5x": "3fd0a0f87ced35aea5931bbb1bbf561af6bc4527", + "dimension.3x": "2c9c21dfcdda3bfaf8de40fc4d97da82b9eaba70", + "dimension.3,5x": "360f834561a99b6d3a7314a5efe28ae3dceff024", + "dimension.4x": "5a343f2c7132f5c8a35b3cf055a2c3a6c16ee7a7", + "dimension.4,5x": "c9b3be373aa5744c470132098acad69d9e34e2be", + "dimension.5x": "6746ae9f6934b68eb144a745db38409962bf9af2", + "dimension.6x": "bf0b1305981c6f98b3bd9ef42c62ee9d763cc817", + "dimension.7x": "35a93dca1987eb1358d7b95d2e9a97a21fb2c04a", + "dimension.8x": "6e3e4eb230684df826252b7f9f137073db557747", + "dimension.9x": "cbdac64d4cf5edc8231b1d4dbe42cc33060dc324", + "dimension.10x": "148abfe5d29495a243db81743cef4d1eaa46e766", + "dimension.11x": "db1784e99261370fb0b00af92e0543fd2c5935c8", + "dimension.12x": "f386e1f8e444cb325435f39542877b7e9eb2142a", + "dimension.13x": "849f41f1286af6d8a83a43b884a9eb77a8209c7d", + "dimension.14x": "eefa818054883dc9dd2e141bc3f2275663872750", + "dimension.15x": "43d61843c7e1249f10def47b759c427a85a36ea6", + "dimension.16x": "799a9ea095ecb69c7b0be3da15c5615e1a20a5fc", + "dimension.17x": "04187adedfa0e1075d204c882aa8dc0140a85f98", + "dimension.18x": "a92e67f81bf561778c7c34d90aff2cd6b96126ec", + "dimension.19x": "3e85b79973cb24434af3c8fee14b052a1057f7f7", + "dimension.20x": "4e37671fdc5f2302fd16d4cce6c0029cc980a1e2", + "dimension.21x": "4095740e4b7b48f55a05fc213b83c13eb8c9ef8b", + "dimension.22x": "c09c91ac0812a9c2e61c7aff7ed4e8d53df456bd", + "dimension.23x": "ab48b84e6fc39afc87f62f191b46ff9997e5ab5e", + "dimension.24x": "0b52185373262bd7f683d5f95f895c983e4a99ec", + "dimension.25x": "6d54e46cb140aeea3c23a5f445ca49c608e94ae6", + "dimension.26x": "ac56be2604dd413c1cbe472673bc686bb078bbb3", + "dimension.27x": "7edbc5024bd241239847f45fe53bdef6622b5d31", + "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", + "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", + "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", + "font-family.primary-family": "740d7261ebb36e1000bdb46decf394d431364a01", + "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", + "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", + "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", + "line-height.3": "0dea04e16862be6a4d12042875367905b2202f20", + "line-height.4": "1f201342ba58d921fa0a94baeda58c0f6f568d56", + "line-height.5": "e23bbaef61192d9315f56cb10f8c9949763225da", + "line-height.6": "8ee79ed0c99b2f3ccff42e7ee0a14f64074e329c", + "paragraph-spacing.0": "3d035c316a5f16e8b985b4fdfdea639dfd6ea06f", + "paragraph-spacing.1": "b26d66b9cf42bcd123a237829dbe04535e0c5f57", + "paragraph-spacing.2": "3195873e64cb82e92f27ba36bbc1dd51fa740684", + "paragraph-spacing.3": "b9ce0eb921cd90bc192eeebc2b22a8cd1dcb2573", + "paragraph-spacing.4": "35cba44cc1499640a929189994db274cd8a01b62", + "paragraph-spacing.5": "36a49babd667ce029c7d9a3fb9e0e29ce8f6c935", + "paragraph-indent.0": "0ac3dd972153a37e629f116cdcda7f32ae223d6b", + "spacing.20x": "46735332ae290b9a32a60e6f8adb5c5135545484", + "spacing.24x": "2be94cd952d9ef159058b74374490fe7ce348bf9", + "spacing.32x": "0fa32cda0595585b090c0e6de92d745ab26dc1c4", + "spacing.40x": "fd4f866de77ac94673c60fa9630afa07e769fa03", + "spacing.48x": "7f0eeb80b3edd518cc3616053a9f461eea408ebe", + "spacing.50x": "12ac853aab2b19cdd9a9e67a1f153ede1937ad60", + "spacing.56x": "77d6781c6f2a78cf3b48a9dab906de307fad8a19", + "spacing.88x": "e2d9c901b6996623642e92ea093c8610f4baea2a", + "spacing.220x": "8968e1691159a026ef8b650b1f5f2b768fa417a7", + "spacing.620x": "46fc47a38ca065762124f5cb1f997fbb61a11545", + "border-radius.none": "364b106347541dbc1ee7edbc08850625119694b6", + "border-radius.small": "dfe4b82f28e9d0e96db6ba5a9c00bf335baf4dda", + "border-radius.large": "bdac5e5a8b12a553b44e1fc532a6284571b5a9ac", + "border-radius.circle": "7420c757baf6311f8f181e02ce825dabcc98eb68", + "border-radius.pill": "7a21aa1ced0cedbe4ca216cd4c6155c8cd69ef8b", + "border-width.none": "1d248892acc32965252e276fb066c1ef46b27e3d", + "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", + "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", + "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", + "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", + "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", + "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", + "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", + "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", + "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", + "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", + "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", + "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", + "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", + "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", + "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", + "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", + "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", + "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", + "sizing.320x": "4fb0039913abe0a6672d1cf0cbe522a7cae1b820", + "sizing.342x": "1f248050076ba84f9e4d21d73b04c7a14aa2711f", + "sizing.366x": "c33c994375d922836d55163edb8aa4dde3251329", + "sizing.389x": "37c6d12469adc0005b407a5ddb24e0ef462fb963", + "sizing.390x": "367289ada6feef2ee43ffc7be58d2908321483e4", + "sizing.428x": "69c6a458f12f7e489c1cd34e1dafe7cf71c9d9a2", + "sizing.440x": "1a3d07263e78ee26e2f48df9fceb80b11f1f8aab", + "sizing.468x": "ab4c92f664f90e1badbb4112bfafab3913931055", + "sizing.480x": "aa0e864fca50f9ef72231780f9f9353f46fd02ce", + "sizing.496x": "63c14dd00c320aba0d017b242cc71c6323ef7507", + "sizing.520x": "2e371d97e356b8265e155cc58b41c26c29d5f64c", + "sizing.544x": "85a9fae249bb6a750f3de8613f102bd32f7004dd", + "sizing.572x": "8b6d97302026bb3b288fe038d92f55152dbebb89", + "sizing.588x": "24184eb6ff79b0d90207d0c7bfbaeebb13f81c94", + "sizing.600x": "87adb366959779ca81527f4a45214edbf20451e5", + "sizing.700x": "dfe43b2ab7ddc12fe49d13ba0906e61d4aeda197", + "sizing.750x": "60c59a48e0f0e86317aa09245743cf753701f805", + "sizing.763x": "db4af852562cbae8d1e04607a3f7a24f2fe85053", + "sizing.764x": "40fc1f02471a08d58f5cbb935360dc5f22a686e6", + "sizing.799x": "952fc0b969038c0085276be9d062e30ee5f12cc1", + "sizing.800x": "991a7acae2c9b026210895a8ab52fe798f10d67a", + "sizing.1000x": "5588d2d7c19ef6a13660b8c78d7c5a48bc08b5cb", + "sizing.1023x": "70f7f5b93c6acdc69ee3740426a62b7f093bacb1", + "sizing.1024x": "578abf758983c32b7204c812a0828ba1563c3298", + "sizing.1140x": "5ab04296e4dc53372cad7bc2030028dba62f4b4d", + "sizing.1200x": "925bbc5fc1ace49048c5dabf460bf0329e6e8ac6", + "sizing.1439x": "f52b5e54c63548aba4bbf2046ebd14f909d0c29c", + "sizing.1440x": "e9f9bcfcf1f3fda8d51b6a612332d5de6754a428", + "sizing.1599x": "2ca290f7a0b9a3a097c284b8f2d7d3db4d5fc2a1", + "sizing.1600x": "87ac83f5a105fdd204b9318aeecf12fcad8734e4", + "sizing.1800x": "d898d823bb6fe315840529dea1a630cfa26af5e0", + "sizing.2439x": "24d437c972423855213ac5330fe63343b97f8b3a", + "sizing.2440x": "55181fe068bdaf6d7bd5d218ab514203821569b4", + "sizing.2560x": "5eaae51943b44038ad6519cc567dacdb147872a9", + "sizing.9999x": "a55e41be3866a881c38fa9a2948ee71fb9006d39" }, "group": "Brand" }, @@ -1110,21 +1412,6 @@ "color.feedback.foreground.on-bg.emphasized.error": "3ca39558b9ed56b258e0558b42134e6223464836", "color.feedback.foreground.on-bg.emphasized.warning": "b65122d666410ebbf5bd69741bf2d3c852102ea4", "color.feedback.foreground.on-bg.emphasized.success": "cd07fe663b482b6271158aa67944df2cb01c9cda", - "color.feedback.foreground.default.neutral": "afc3ece46af9074c68452864a6070ffc6a405cf2", - "color.feedback.foreground.default.info": "ab56fa7e51abe5c6d26208f4b86634552a5dccb2", - "color.feedback.foreground.default.error": "1a6d951e1d150303d1be9ef5bd0df4f0e28bc67d", - "color.feedback.foreground.default.warning": "103e3dd078139d1a37e70227c79ec75f4cc6c244", - "color.feedback.foreground.default.success": "20f4ea1863056e57a4f20d04f07e93e515268595", - "color.feedback.foreground.subtle.neutral": "ac757af6a076f6d0e471d70316c6ffea73389104", - "color.feedback.foreground.subtle.info": "a7d4ce4506ca66b9f658f55b46eda34c4436302e", - "color.feedback.foreground.subtle.error": "eb22871f5451593ae1f722742586daa027f88e20", - "color.feedback.foreground.subtle.warning": "02624c6d6a67e8a2f2c8bf0a19efc9a6ddcbc2f5", - "color.feedback.foreground.subtle.success": "c5ae1fc0deaae17ce4e06c730c8fd8568c9c0ac6", - "color.feedback.foreground.emphasized.neutral": "808dd0f32876b20109850354f15cc783e140d5b0", - "color.feedback.foreground.emphasized.info": "fcd8fd89c9881f98215e8dd3ba0fd6a125a09218", - "color.feedback.foreground.emphasized.error": "324fc2c1094f73912a09240d293bdb1aebc415c0", - "color.feedback.foreground.emphasized.warning": "030c4c051d0244e6bcce81f5fa2da22d4534e965", - "color.feedback.foreground.emphasized.success": "aead4c2659d328aa33e955978fc7603c7acda13b", "color.feedback.border.subtle.neutral": "c6d19a77f9de67313d32219fcc2236dfc4682dff", "color.feedback.border.subtle.info": "7214478f9b170e3070390410336809681cd57275", "color.feedback.border.subtle.error": "8f0633dbba7b403a45341cab9d33dcc004615c7a", @@ -1482,21 +1769,6 @@ "color.feedback.foreground.on-bg.emphasized.error": "3ca39558b9ed56b258e0558b42134e6223464836", "color.feedback.foreground.on-bg.emphasized.warning": "b65122d666410ebbf5bd69741bf2d3c852102ea4", "color.feedback.foreground.on-bg.emphasized.success": "cd07fe663b482b6271158aa67944df2cb01c9cda", - "color.feedback.foreground.default.neutral": "afc3ece46af9074c68452864a6070ffc6a405cf2", - "color.feedback.foreground.default.info": "ab56fa7e51abe5c6d26208f4b86634552a5dccb2", - "color.feedback.foreground.default.error": "1a6d951e1d150303d1be9ef5bd0df4f0e28bc67d", - "color.feedback.foreground.default.warning": "103e3dd078139d1a37e70227c79ec75f4cc6c244", - "color.feedback.foreground.default.success": "20f4ea1863056e57a4f20d04f07e93e515268595", - "color.feedback.foreground.subtle.neutral": "ac757af6a076f6d0e471d70316c6ffea73389104", - "color.feedback.foreground.subtle.info": "a7d4ce4506ca66b9f658f55b46eda34c4436302e", - "color.feedback.foreground.subtle.error": "eb22871f5451593ae1f722742586daa027f88e20", - "color.feedback.foreground.subtle.warning": "02624c6d6a67e8a2f2c8bf0a19efc9a6ddcbc2f5", - "color.feedback.foreground.subtle.success": "c5ae1fc0deaae17ce4e06c730c8fd8568c9c0ac6", - "color.feedback.foreground.emphasized.neutral": "808dd0f32876b20109850354f15cc783e140d5b0", - "color.feedback.foreground.emphasized.info": "fcd8fd89c9881f98215e8dd3ba0fd6a125a09218", - "color.feedback.foreground.emphasized.error": "324fc2c1094f73912a09240d293bdb1aebc415c0", - "color.feedback.foreground.emphasized.warning": "030c4c051d0244e6bcce81f5fa2da22d4534e965", - "color.feedback.foreground.emphasized.success": "aead4c2659d328aa33e955978fc7603c7acda13b", "color.feedback.border.subtle.neutral": "c6d19a77f9de67313d32219fcc2236dfc4682dff", "color.feedback.border.subtle.info": "7214478f9b170e3070390410336809681cd57275", "color.feedback.border.subtle.error": "8f0633dbba7b403a45341cab9d33dcc004615c7a", @@ -2515,6 +2787,11 @@ "color-shades.functional.blue.999": "3e39f7ee43f3ad21dd7e56034050e184592f022c", "color-shades.functional.blue.000": "f3ee6ffdc6d0dcb1a3e8d8a61fe14734775c7c06", "color-shades.functional.blue.050": "58e793627edaf360461831cf9c7670c426d25d10", + "boolean.brand.NVE": "474613f0263dae2d659445c6541c6cff13f4fae5", + "boolean.brand.Varsom": "b96799eb01afd84dc8627ff7a494f52af9d2290a", + "boolean.brand.RME": "6609c96118ec5c7b141d5ed196e5e3dd089ff209", + "boolean.brand.NVE_RME": "397abf6fd105ca40f7e524a6f513ffe17f157477", + "text.brand-name": "ff7fe29d5e700cec333b64999ab690fbfde5b948", "color-shades.data.color-b.200": "211b9bb01111a37ea06b692e5375ac5dfd08e761", "color-shades.data.color-b.400": "ba136aab258a7556fd544050b61ce7e7c0ab8f7b", "color-shades.data.color-b.500": "f0fbb7271db93a57cb8d1cb9b564a66933323500", @@ -2552,6 +2829,9 @@ "color-shades.functional.red.050": "d97694c5de4c2da2774a8f4be96f0c0d7ed7fc41", "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", + "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", @@ -2676,7 +2956,150 @@ "color-shades.additional.teal.950": "223b17fd472c7ecb758f3f455f15e8af4ab30376", "color-shades.additional.teal.999": "e7306c0002a95e8cb41033dc9009907d5dd4db4c", "color-shades.additional.teal.000": "1cbb3278b5eed17efbed3b79fb489a2d94b5a120", - "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23" + "color-shades.additional.teal.050": "9b0574330f9c1dc8bd977c82ceb915a6d0619c23", + "opacity.disabled": "b83e4d39f9cd7de6e738a90ba4b36687a16a51f6", + "dimension.025x": "ebceb8a040de853b7a540f96abfc7cf6f2a7e3cf", + "dimension.05x": "d2b4274a5a2c0a233b4da16236b498dcd1927024", + "dimension.1x": "b231287453dd20036c81815441e912a185486321", + "dimension.1,5x": "41107a4dd2b76115c25523775c0aa78f2d551b30", + "dimension.2x": "7bce4c6756e5b243e45084b6165d6da451d782a7", + "dimension.2,5x": "3fd0a0f87ced35aea5931bbb1bbf561af6bc4527", + "dimension.3x": "2c9c21dfcdda3bfaf8de40fc4d97da82b9eaba70", + "dimension.3,5x": "360f834561a99b6d3a7314a5efe28ae3dceff024", + "dimension.4x": "5a343f2c7132f5c8a35b3cf055a2c3a6c16ee7a7", + "dimension.4,5x": "c9b3be373aa5744c470132098acad69d9e34e2be", + "dimension.5x": "6746ae9f6934b68eb144a745db38409962bf9af2", + "dimension.6x": "bf0b1305981c6f98b3bd9ef42c62ee9d763cc817", + "dimension.7x": "35a93dca1987eb1358d7b95d2e9a97a21fb2c04a", + "dimension.8x": "6e3e4eb230684df826252b7f9f137073db557747", + "dimension.9x": "cbdac64d4cf5edc8231b1d4dbe42cc33060dc324", + "dimension.10x": "148abfe5d29495a243db81743cef4d1eaa46e766", + "dimension.11x": "db1784e99261370fb0b00af92e0543fd2c5935c8", + "dimension.12x": "f386e1f8e444cb325435f39542877b7e9eb2142a", + "dimension.13x": "849f41f1286af6d8a83a43b884a9eb77a8209c7d", + "dimension.14x": "eefa818054883dc9dd2e141bc3f2275663872750", + "dimension.15x": "43d61843c7e1249f10def47b759c427a85a36ea6", + "dimension.16x": "799a9ea095ecb69c7b0be3da15c5615e1a20a5fc", + "dimension.17x": "04187adedfa0e1075d204c882aa8dc0140a85f98", + "dimension.18x": "a92e67f81bf561778c7c34d90aff2cd6b96126ec", + "dimension.19x": "3e85b79973cb24434af3c8fee14b052a1057f7f7", + "dimension.20x": "4e37671fdc5f2302fd16d4cce6c0029cc980a1e2", + "dimension.21x": "4095740e4b7b48f55a05fc213b83c13eb8c9ef8b", + "dimension.22x": "c09c91ac0812a9c2e61c7aff7ed4e8d53df456bd", + "dimension.23x": "ab48b84e6fc39afc87f62f191b46ff9997e5ab5e", + "dimension.24x": "0b52185373262bd7f683d5f95f895c983e4a99ec", + "dimension.25x": "6d54e46cb140aeea3c23a5f445ca49c608e94ae6", + "dimension.26x": "ac56be2604dd413c1cbe472673bc686bb078bbb3", + "dimension.27x": "7edbc5024bd241239847f45fe53bdef6622b5d31", + "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", + "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", + "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", + "font-family.primary-family": "740d7261ebb36e1000bdb46decf394d431364a01", + "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", + "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", + "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", + "line-height.3": "0dea04e16862be6a4d12042875367905b2202f20", + "line-height.4": "1f201342ba58d921fa0a94baeda58c0f6f568d56", + "line-height.5": "e23bbaef61192d9315f56cb10f8c9949763225da", + "line-height.6": "8ee79ed0c99b2f3ccff42e7ee0a14f64074e329c", + "paragraph-spacing.0": "3d035c316a5f16e8b985b4fdfdea639dfd6ea06f", + "paragraph-spacing.1": "b26d66b9cf42bcd123a237829dbe04535e0c5f57", + "paragraph-spacing.2": "3195873e64cb82e92f27ba36bbc1dd51fa740684", + "paragraph-spacing.3": "b9ce0eb921cd90bc192eeebc2b22a8cd1dcb2573", + "paragraph-spacing.4": "35cba44cc1499640a929189994db274cd8a01b62", + "paragraph-spacing.5": "36a49babd667ce029c7d9a3fb9e0e29ce8f6c935", + "paragraph-indent.0": "0ac3dd972153a37e629f116cdcda7f32ae223d6b", + "spacing.20x": "46735332ae290b9a32a60e6f8adb5c5135545484", + "spacing.24x": "2be94cd952d9ef159058b74374490fe7ce348bf9", + "spacing.32x": "0fa32cda0595585b090c0e6de92d745ab26dc1c4", + "spacing.40x": "fd4f866de77ac94673c60fa9630afa07e769fa03", + "spacing.48x": "7f0eeb80b3edd518cc3616053a9f461eea408ebe", + "spacing.50x": "12ac853aab2b19cdd9a9e67a1f153ede1937ad60", + "spacing.56x": "77d6781c6f2a78cf3b48a9dab906de307fad8a19", + "spacing.88x": "e2d9c901b6996623642e92ea093c8610f4baea2a", + "spacing.220x": "8968e1691159a026ef8b650b1f5f2b768fa417a7", + "spacing.620x": "46fc47a38ca065762124f5cb1f997fbb61a11545", + "border-radius.none": "364b106347541dbc1ee7edbc08850625119694b6", + "border-radius.small": "dfe4b82f28e9d0e96db6ba5a9c00bf335baf4dda", + "border-radius.large": "bdac5e5a8b12a553b44e1fc532a6284571b5a9ac", + "border-radius.circle": "7420c757baf6311f8f181e02ce825dabcc98eb68", + "border-radius.pill": "7a21aa1ced0cedbe4ca216cd4c6155c8cd69ef8b", + "border-width.none": "1d248892acc32965252e276fb066c1ef46b27e3d", + "border-width.default": "26ddecf12bb0dbbc8d66c6ea018b4ebc9aeb7c53", + "border-width.strong": "3cda4aa07a9f4d7b16f8b9a16b44727bde82475a", + "border-width.stronger": "652a9c89bd0b9a2e389287b2928d6019de400eb7", + "font-weight.regular": "5931d66794fafc70684bdb65a70c08a1edbc9ce8", + "font-weight.semibold": "7be2e65e7c1242371cd25b4686e65b0fd23c7cf7", + "sizing.18x": "0dd08f1e72a0cf6c97465684ed82284d0ce3c8fa", + "sizing.20x": "5167f049df151e120013e2918704ebc7533d785d", + "sizing.24x": "2dd470c2f2b038fac57bfe2680795a2ab5c08701", + "sizing.28x": "753f3bbd1ebf49302954feb9ce1bfa12accd3cd9", + "sizing.32x": "37487f561b853156cf6fd15d5e6900d23817ac3d", + "sizing.36x": "05813048017f3549e6b720dc17abbc50fc9127ba", + "sizing.40x": "fbd56e45c64451a35b33a60fb96eee20e63f8dae", + "sizing.44x": "d65347a364d20ec48015904a8430759842693833", + "sizing.48x": "418177fac41642dcb93aaf6672d5c04811de3008", + "sizing.56x": "f45160bf17ca585ed189bd999688c0b3dbb9783f", + "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", + "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", + "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", + "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", + "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", + "sizing.108x": "827614b212d77d005a8d4e00b7e0dbdd740cacec", + "sizing.112x": "2ad9a23ff9de4952c14419301f4ae819637b2263", + "sizing.118x": "ce463f81d8563e4a6f979315d0600723055d327a", + "sizing.120x": "cb45445fe5eb5237125af0d33f3f19a2cd8c68cd", + "sizing.124x": "918171aeb674d288ba42b66fb904dbb65f099692", + "sizing.132x": "9e1b12eaed1fa1783a90e0a23fd46e3d2d5f7a05", + "sizing.136x": "f7751c39600adfa36b7dbce42b6ab63a2f691dd2", + "sizing.160x": "fc04f04a6c5aab66d33295bcba32e5f6f870a597", + "sizing.180x": "d7f4849d892a9a14b288488c52c021e4469e78d1", + "sizing.200x": "e9975dda21f75e0c269889b06cf5068bec40e0cf", + "sizing.212x": "752aadd055dc65651bb42c4529bdb672598d866a", + "sizing.216x": "1d31a9ebf041e67c8f527ddff897f66443d4a9bd", + "sizing.217x": "bfe541db35a5bb4e16781916fd02c6f209d18467", + "sizing.220x": "d88bf876d3b118369353663cf62242cf8b5c6235", + "sizing.232x": "8588a8164531fb8d6d87566a9da6f7cbf3897658", + "sizing.246x": "8577a81cd35ffa823b8eea91e735a883fdbccf1d", + "sizing.256x": "c36202407585d6dfe8bb672641dccc429eee0d5c", + "sizing.282x": "5eb8adf444f0309602fea8f48eff738b88c7052e", + "sizing.286x": "fa5bcb252b46253820db87dcc5345b2011145e88", + "sizing.320x": "4fb0039913abe0a6672d1cf0cbe522a7cae1b820", + "sizing.342x": "1f248050076ba84f9e4d21d73b04c7a14aa2711f", + "sizing.366x": "c33c994375d922836d55163edb8aa4dde3251329", + "sizing.389x": "37c6d12469adc0005b407a5ddb24e0ef462fb963", + "sizing.390x": "367289ada6feef2ee43ffc7be58d2908321483e4", + "sizing.428x": "69c6a458f12f7e489c1cd34e1dafe7cf71c9d9a2", + "sizing.440x": "1a3d07263e78ee26e2f48df9fceb80b11f1f8aab", + "sizing.468x": "ab4c92f664f90e1badbb4112bfafab3913931055", + "sizing.480x": "aa0e864fca50f9ef72231780f9f9353f46fd02ce", + "sizing.496x": "63c14dd00c320aba0d017b242cc71c6323ef7507", + "sizing.520x": "2e371d97e356b8265e155cc58b41c26c29d5f64c", + "sizing.544x": "85a9fae249bb6a750f3de8613f102bd32f7004dd", + "sizing.572x": "8b6d97302026bb3b288fe038d92f55152dbebb89", + "sizing.588x": "24184eb6ff79b0d90207d0c7bfbaeebb13f81c94", + "sizing.600x": "87adb366959779ca81527f4a45214edbf20451e5", + "sizing.700x": "dfe43b2ab7ddc12fe49d13ba0906e61d4aeda197", + "sizing.750x": "60c59a48e0f0e86317aa09245743cf753701f805", + "sizing.763x": "db4af852562cbae8d1e04607a3f7a24f2fe85053", + "sizing.764x": "40fc1f02471a08d58f5cbb935360dc5f22a686e6", + "sizing.799x": "952fc0b969038c0085276be9d062e30ee5f12cc1", + "sizing.800x": "991a7acae2c9b026210895a8ab52fe798f10d67a", + "sizing.1000x": "5588d2d7c19ef6a13660b8c78d7c5a48bc08b5cb", + "sizing.1023x": "70f7f5b93c6acdc69ee3740426a62b7f093bacb1", + "sizing.1024x": "578abf758983c32b7204c812a0828ba1563c3298", + "sizing.1140x": "5ab04296e4dc53372cad7bc2030028dba62f4b4d", + "sizing.1200x": "925bbc5fc1ace49048c5dabf460bf0329e6e8ac6", + "sizing.1439x": "f52b5e54c63548aba4bbf2046ebd14f909d0c29c", + "sizing.1440x": "e9f9bcfcf1f3fda8d51b6a612332d5de6754a428", + "sizing.1599x": "2ca290f7a0b9a3a097c284b8f2d7d3db4d5fc2a1", + "sizing.1600x": "87ac83f5a105fdd204b9318aeecf12fcad8734e4", + "sizing.1800x": "d898d823bb6fe315840529dea1a630cfa26af5e0", + "sizing.2439x": "24d437c972423855213ac5330fe63343b97f8b3a", + "sizing.2440x": "55181fe068bdaf6d7bd5d218ab514203821569b4", + "sizing.2560x": "5eaae51943b44038ad6519cc567dacdb147872a9", + "sizing.9999x": "a55e41be3866a881c38fa9a2948ee71fb9006d39" }, "group": "Brand" }, From 96681683e9fddeedd0e93a6f5c5be29125c56f86 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 8 Jun 2026 14:30:39 +0200 Subject: [PATCH 3/5] feat(tokens): ny farge i danger (brand) --- tokens/brand/nve.json | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index 420d3ef6..171db8e5 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -461,6 +461,10 @@ } }, "danger": { + "100": { + "$type": "color", + "$value": "#ffb8b8" + }, "200": { "$type": "color", "$value": "#FF8F8F" From cd931686fedc79ac376de6eba3a408a0b7907b25 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 8 Jun 2026 14:32:41 +0200 Subject: [PATCH 4/5] fix(tokens): config (figma) --- tokens/$themes.json | 3 +++ 1 file changed, 3 insertions(+) diff --git a/tokens/$themes.json b/tokens/$themes.json index ff5ce652..28d2ff6a 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -481,6 +481,7 @@ "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.100": "5f6c9ffea2c6d9a1927175b1499f2d5aeab167bb", "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", @@ -881,6 +882,7 @@ "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.100": "5f6c9ffea2c6d9a1927175b1499f2d5aeab167bb", "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", @@ -2830,6 +2832,7 @@ "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.100": "5f6c9ffea2c6d9a1927175b1499f2d5aeab167bb", "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", From c1641df0a9c5bd44ab0e871aafbaae6a0abe0e0c Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Thu, 11 Jun 2026 11:05:34 +0000 Subject: [PATCH 5/5] =?UTF-8?q?(tokens):=20oppdatert=20css=20basert=20p?= =?UTF-8?q?=C3=A5=20nye=20tokens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../.vitepress/theme/styles/nve_theme.css | 122 ++++++++++-------- .../.vitepress/theme/styles/rme_theme.css | 122 ++++++++++-------- .../.vitepress/theme/styles/varsom_theme.css | 122 ++++++++++-------- public/css/nve.css | 99 +++++++------- public/css/nve_dark.css | 23 +++- public/css/rme.css | 99 +++++++------- public/css/rme_dark.css | 23 +++- public/css/varsom.css | 99 +++++++------- public/css/varsom_dark.css | 23 +++- 9 files changed, 420 insertions(+), 312 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 2ef5e378..25787d33 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -106,6 +106,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -247,7 +256,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; @@ -383,18 +392,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); @@ -654,48 +663,48 @@ --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/1.3 var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/1.1 var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/1.1 var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ @@ -810,6 +819,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -951,7 +969,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; @@ -1087,18 +1105,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index 46fc62d3..d10bc15a 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -106,6 +106,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -247,7 +256,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; @@ -383,18 +392,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); @@ -654,48 +663,48 @@ --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/1.3 var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/1.1 var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/1.1 var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ @@ -810,6 +819,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -951,7 +969,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; @@ -1087,18 +1105,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index f07942a7..029071be 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -106,6 +106,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -247,7 +256,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; @@ -383,18 +392,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); @@ -654,48 +663,48 @@ --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/1.3 var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/1.1 var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/1.1 var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ @@ -810,6 +819,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -951,7 +969,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; @@ -1087,18 +1105,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); diff --git a/public/css/nve.css b/public/css/nve.css index ff9e6c14..c7e9cf2e 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -112,6 +112,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -253,7 +262,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; @@ -389,18 +398,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); @@ -660,48 +669,48 @@ --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/1.3 var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/1.1 var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/1.1 var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css index 300477df..46852c30 100644 --- a/public/css/nve_dark.css +++ b/public/css/nve_dark.css @@ -112,6 +112,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -253,7 +262,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: true; --boolean-brand-varsom: false; @@ -389,18 +398,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); diff --git a/public/css/rme.css b/public/css/rme.css index 71c4b0f0..f10d3640 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -112,6 +112,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -253,7 +262,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; @@ -389,18 +398,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); @@ -660,48 +669,48 @@ --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/1.3 var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/1.1 var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/1.1 var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css index 2a219000..53f9a4b9 100644 --- a/public/css/rme_dark.css +++ b/public/css/rme_dark.css @@ -112,6 +112,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -253,7 +262,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: false; @@ -389,18 +398,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); diff --git a/public/css/varsom.css b/public/css/varsom.css index 66a9ee8f..f83b2e35 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -112,6 +112,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -253,7 +262,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; @@ -389,18 +398,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999); @@ -660,48 +669,48 @@ --sizing-fixed-sizing-2x-large: var(--dimension-14x); --sizing-fixed-sizing-3x-large: var(--dimension-16x); --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family); - --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family); - --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family); + --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/1.3 var(--font-family-primary-family); + --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/1.2 var(--font-family-primary-family); --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family); - --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family); - --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family); - --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); + --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/1.3 var(--font-family-primary-family); + --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/1.4 var(--font-family-primary-family); + --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); --font-size-small: var(--dimension-4-5x); /** 16 px */ - --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family); - --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family); - --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); - --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/1.5 var(--font-family-primary-family); + --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/1.2 var(--font-family-primary-family); + --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/1.5 var(--font-family-primary-family); + --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/1.5 var(--font-family-primary-family); + --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/1.1 var(--font-family-primary-family); + --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/1.1 var(--font-family-primary-family); + --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/1.1 var(--font-family-primary-family); + --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/1.1 var(--font-family-primary-family); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ - --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); - --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); + --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); + --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/1.1 var(--font-family-primary-family); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css index 268dfc4a..918dd23d 100644 --- a/public/css/varsom_dark.css +++ b/public/css/varsom_dark.css @@ -112,6 +112,15 @@ --color-shades-functional-red-999: #411616; --color-shades-functional-red-000: #ffebee; --color-shades-functional-red-050: #ffd8de; + --color-shades-functional-danger-100: #ffb8b8; + --color-shades-functional-danger-200: #ff8f8f; + --color-shades-functional-danger-400: #ff3333; + --color-shades-functional-danger-600: #e50000; + --color-shades-functional-danger-800: #b20000; + --color-shades-functional-danger-900: #800000; + --color-shades-functional-danger-999: #4d0000; + --color-shades-functional-danger-050: #ffd6d6; + --color-shades-functional-danger-000: #ffebeb; --color-shades-functional-orange-100: #ffe3c2; --color-shades-functional-orange-150: #ffd9ad; --color-shades-functional-orange-200: #ffc98a; @@ -253,7 +262,7 @@ --box-shadow-none: 0 0 0 0 rgba(0,0,0,0); --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03); --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04); - --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02); + --box-shadow-header: 0 4px 32px 0 rgba(0,0,0,0.02); --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03); --boolean-brand-nve: false; --boolean-brand-varsom: true; @@ -389,18 +398,18 @@ --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500); --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500); --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400); - --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500); - --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950); + --color-dangerlevel-background-default-level4: var(--color-shades-functional-danger-400); + --color-dangerlevel-background-default-level5: var(--color-shades-functional-danger-900); --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150); --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200); --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150); - --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050); - --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200); + --color-dangerlevel-background-mute-level4: var(--color-shades-functional-danger-050); + --color-dangerlevel-background-mute-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100); --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100); --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050); - --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000); - --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150); + --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-danger-000); + --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-danger-200); --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999); --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);