From c4fa52718625ceef99e386ba77add6cf1ef4ef0c Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Tue, 10 Feb 2026 15:42:08 +0100 Subject: [PATCH 1/5] fix(tokens): Justering av brand color-shades --- tokens/$themes.json | 6 +++++- tokens/brand/nve.json | 2 +- tokens/brand/rme.json | 2 +- tokens/public/theme/dark.json | 2 +- tokens/public/theme/light.json | 2 +- 5 files changed, 9 insertions(+), 5 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 6feab797..692381d7 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -786,10 +786,12 @@ "color.neutrals.background.secondary-dim": "414fbcc0b42c04fbd1299717a5181225d92f7d22", "color.neutrals.background.tertiary-dim": "5115dd3c64f36f7344f90d7e3e4e66ef4cfca41f", "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa", - "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3", + "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", + "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913", "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4", "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183", + "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586", "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", @@ -1152,8 +1154,10 @@ "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa", "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3", "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", + "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913", "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4", "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183", + "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586", "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index c0674c93..70654ada 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -144,7 +144,7 @@ }, "800": { "$type": "color", - "$value": "#3c3f44" + "$value": "#303236" }, "850": { "$type": "color", diff --git a/tokens/brand/rme.json b/tokens/brand/rme.json index 0beeac23..1022b3b4 100644 --- a/tokens/brand/rme.json +++ b/tokens/brand/rme.json @@ -143,7 +143,7 @@ }, "800": { "$type": "color", - "$value": "#303D4C" + "$value": "#303236" }, "850": { "$type": "color", diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index 101bfb46..a3f4d000 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -83,7 +83,7 @@ }, "tertiary-dim": { "$type": "color", - "$value": "{color-shades.grey.700}" + "$value": "{color-shades.grey.800}" } }, "foreground": { diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index 2cfced39..c63eabe2 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -81,7 +81,7 @@ }, "tertiary-dim": { "$type": "color", - "$value": "{color-shades.grey.700}" + "$value": "{color-shades.grey.800}" } }, "foreground": { From 97bb9b77ce34e25e580b74f1c64e350d94acc5e5 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Tue, 10 Feb 2026 15:51:13 +0100 Subject: [PATCH 2/5] fix(tokens: Justering av brand color-chades --- tokens/brand/rme.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tokens/brand/rme.json b/tokens/brand/rme.json index 1022b3b4..bd38a093 100644 --- a/tokens/brand/rme.json +++ b/tokens/brand/rme.json @@ -143,7 +143,7 @@ }, "800": { "$type": "color", - "$value": "#303236" + "$value": "#2B3445" }, "850": { "$type": "color", From 206aff28d01db6af6358ae7b1f1c8bcf76d0c9ac Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Wed, 11 Feb 2026 08:56:59 +0100 Subject: [PATCH 3/5] feat(tokens): ny border farge color.brand.border.emphasized --- tokens/$themes.json | 4 +++- tokens/public/theme/dark.json | 4 ++++ tokens/public/theme/light.json | 4 ++++ 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 692381d7..79efb8a7 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -967,7 +967,8 @@ "color.supplemental.charts.foreground.data-15": "668c11340044b4c6b3b44ab5943bad27c27fe765", "color.supplemental.charts.foreground.data-16": "97cb134a13566c031a9d135828921fd22a1f153a", "color.supplemental.charts.foreground.data-17": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f", - "color.supplemental.charts.foreground.data-18": "7a132b9ef5600954c29d0570bc721468a30c4def" + "color.supplemental.charts.foreground.data-18": "7a132b9ef5600954c29d0570bc721468a30c4def", + "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2" }, "group": "Theme" }, @@ -1145,6 +1146,7 @@ "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae", "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020", "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964", + "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2", "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e", "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef", "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc", diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index a3f4d000..9681b0a4 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -56,6 +56,10 @@ "$type": "color", "$value": "{color-shades.brand.300}", "$description": "was 300" + }, + "emphasized": { + "$type": "color", + "$value": "{color-shades.accent.400}" } } }, diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index c63eabe2..bf280ef2 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -54,6 +54,10 @@ "tertiary": { "$type": "color", "$value": "{color-shades.brand.700}" + }, + "emphasized": { + "$type": "color", + "$value": "{color-shades.accent.400}" } } }, From 6bbf85b279bbba2971f44a1a635ff5c132007f2b Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Wed, 11 Feb 2026 10:00:44 +0100 Subject: [PATCH 4/5] feat(tokens): lagt til en ny token for max-width, sizing.device.content.max-width-x-large endring av verdi for sizing.image.large --- tokens/$themes.json | 45 ++++++++++++++----------- tokens/public/device/desktop-large.json | 6 +++- tokens/public/device/desktop.json | 4 +++ tokens/public/device/mobile-small.json | 4 +++ tokens/public/device/mobile.json | 4 +++ tokens/public/device/tablet.json | 4 +++ 6 files changed, 46 insertions(+), 21 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 79efb8a7..081884e7 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -1468,6 +1468,7 @@ "sizing.2x-large": "635aaed6547e9107dd347d088e2086b90e0049c6", "sizing.device.page.min-width": "9654686842713b6b983a119438ea847a6c51d20e", "sizing.device.page.max-width": "b2eee29ad53d44fbedcfe762ef42a0cf0690e0f9", + "sizing.device.content.max-width-x-large": "34de016dde62f832f4b8e58931925c8967e19733", "sizing.device.content.max-width-large": "ca182277b454958c766437a3d4d91501a87753c3", "sizing.device.content.max-width-medium": "76cfb718e9c863bdd6de69d9a2330780555922d9", "sizing.device.content.max-width-small": "a8995834a3ce1ed9ae6bf03cc4022692331bdb83", @@ -1483,6 +1484,9 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", + "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", + "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", "sizing.fixed-sizing.2x-small": "6b177c77e5183b534bb72dfab5f45ef5cd644810", "sizing.fixed-sizing.x-small": "029d81c94816d1fe1c7c62612458a755164bed01", "sizing.fixed-sizing.small": "ccb1b8bc106ee99f753849cab9b92bb4d9d1d5a0", @@ -1490,10 +1494,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", - "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", - "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" }, @@ -1614,6 +1615,7 @@ "sizing.2x-large": "635aaed6547e9107dd347d088e2086b90e0049c6", "sizing.device.page.min-width": "9654686842713b6b983a119438ea847a6c51d20e", "sizing.device.page.max-width": "b2eee29ad53d44fbedcfe762ef42a0cf0690e0f9", + "sizing.device.content.max-width-x-large": "34de016dde62f832f4b8e58931925c8967e19733", "sizing.device.content.max-width-large": "ca182277b454958c766437a3d4d91501a87753c3", "sizing.device.content.max-width-medium": "76cfb718e9c863bdd6de69d9a2330780555922d9", "sizing.device.content.max-width-small": "a8995834a3ce1ed9ae6bf03cc4022692331bdb83", @@ -1629,6 +1631,9 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", + "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", + "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", "sizing.fixed-sizing.2x-small": "6b177c77e5183b534bb72dfab5f45ef5cd644810", "sizing.fixed-sizing.x-small": "029d81c94816d1fe1c7c62612458a755164bed01", "sizing.fixed-sizing.small": "ccb1b8bc106ee99f753849cab9b92bb4d9d1d5a0", @@ -1636,10 +1641,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", - "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", - "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" }, @@ -1758,6 +1760,7 @@ "sizing.2x-large": "635aaed6547e9107dd347d088e2086b90e0049c6", "sizing.device.page.min-width": "9654686842713b6b983a119438ea847a6c51d20e", "sizing.device.page.max-width": "b2eee29ad53d44fbedcfe762ef42a0cf0690e0f9", + "sizing.device.content.max-width-x-large": "34de016dde62f832f4b8e58931925c8967e19733", "sizing.device.content.max-width-large": "ca182277b454958c766437a3d4d91501a87753c3", "sizing.device.content.max-width-medium": "76cfb718e9c863bdd6de69d9a2330780555922d9", "sizing.device.content.max-width-small": "a8995834a3ce1ed9ae6bf03cc4022692331bdb83", @@ -1773,6 +1776,9 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", + "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", + "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", "sizing.fixed-sizing.2x-small": "6b177c77e5183b534bb72dfab5f45ef5cd644810", "sizing.fixed-sizing.x-small": "029d81c94816d1fe1c7c62612458a755164bed01", "sizing.fixed-sizing.small": "ccb1b8bc106ee99f753849cab9b92bb4d9d1d5a0", @@ -1780,10 +1786,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", - "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", - "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "$figmaCollectionId": "VariableCollectionId:1972:338", "$figmaModeId": "1972:14", @@ -1866,6 +1869,7 @@ "sizing.2x-large": "635aaed6547e9107dd347d088e2086b90e0049c6", "sizing.device.page.min-width": "9654686842713b6b983a119438ea847a6c51d20e", "sizing.device.page.max-width": "b2eee29ad53d44fbedcfe762ef42a0cf0690e0f9", + "sizing.device.content.max-width-x-large": "34de016dde62f832f4b8e58931925c8967e19733", "sizing.device.content.max-width-large": "ca182277b454958c766437a3d4d91501a87753c3", "sizing.device.content.max-width-medium": "76cfb718e9c863bdd6de69d9a2330780555922d9", "sizing.device.content.max-width-small": "a8995834a3ce1ed9ae6bf03cc4022692331bdb83", @@ -1881,6 +1885,9 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", + "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", + "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", "sizing.fixed-sizing.2x-small": "6b177c77e5183b534bb72dfab5f45ef5cd644810", "sizing.fixed-sizing.x-small": "029d81c94816d1fe1c7c62612458a755164bed01", "sizing.fixed-sizing.small": "ccb1b8bc106ee99f753849cab9b92bb4d9d1d5a0", @@ -1888,10 +1895,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", - "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", - "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" }, @@ -2409,6 +2413,7 @@ "sizing.2x-large": "635aaed6547e9107dd347d088e2086b90e0049c6", "sizing.device.page.min-width": "9654686842713b6b983a119438ea847a6c51d20e", "sizing.device.page.max-width": "b2eee29ad53d44fbedcfe762ef42a0cf0690e0f9", + "sizing.device.content.max-width-x-large": "34de016dde62f832f4b8e58931925c8967e19733", "sizing.device.content.max-width-large": "ca182277b454958c766437a3d4d91501a87753c3", "sizing.device.content.max-width-medium": "76cfb718e9c863bdd6de69d9a2330780555922d9", "sizing.device.content.max-width-small": "a8995834a3ce1ed9ae6bf03cc4022692331bdb83", @@ -2424,6 +2429,9 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", + "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", + "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", "sizing.fixed-sizing.2x-small": "6b177c77e5183b534bb72dfab5f45ef5cd644810", "sizing.fixed-sizing.x-small": "029d81c94816d1fe1c7c62612458a755164bed01", "sizing.fixed-sizing.small": "ccb1b8bc106ee99f753849cab9b92bb4d9d1d5a0", @@ -2431,10 +2439,7 @@ "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77", "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60", "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372", - "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9", - "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", - "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", - "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9" + "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9" }, "group": "Device" } diff --git a/tokens/public/device/desktop-large.json b/tokens/public/device/desktop-large.json index 3d0e53b2..c1a70dbc 100644 --- a/tokens/public/device/desktop-large.json +++ b/tokens/public/device/desktop-large.json @@ -108,6 +108,10 @@ } }, "content": { + "max-width-x-large": { + "$type": "sizing", + "$value": "{sizing.2560x}" + }, "max-width-large": { "$type": "sizing", "$value": "{sizing.1800x}" @@ -143,7 +147,7 @@ "image": { "large": { "$type": "sizing", - "$value": "{sizing.1200x}" + "$value": "{sizing.1024x}" } } }, diff --git a/tokens/public/device/desktop.json b/tokens/public/device/desktop.json index bd16d1f4..73c19774 100644 --- a/tokens/public/device/desktop.json +++ b/tokens/public/device/desktop.json @@ -122,6 +122,10 @@ } }, "content": { + "max-width-x-large": { + "$type": "sizing", + "$value": "{sizing.2560x}" + }, "max-width-large": { "$type": "sizing", "$value": "{sizing.1800x}" diff --git a/tokens/public/device/mobile-small.json b/tokens/public/device/mobile-small.json index 12a578e6..6266323d 100644 --- a/tokens/public/device/mobile-small.json +++ b/tokens/public/device/mobile-small.json @@ -108,6 +108,10 @@ } }, "content": { + "max-width-x-large": { + "$type": "sizing", + "$value": "{sizing.2560x}" + }, "max-width-large": { "$type": "sizing", "$value": "{sizing.1800x}" diff --git a/tokens/public/device/mobile.json b/tokens/public/device/mobile.json index 171020be..fea746d3 100644 --- a/tokens/public/device/mobile.json +++ b/tokens/public/device/mobile.json @@ -108,6 +108,10 @@ } }, "content": { + "max-width-x-large": { + "$type": "sizing", + "$value": "{sizing.2560x}" + }, "max-width-large": { "$type": "sizing", "$value": "{sizing.1800x}" diff --git a/tokens/public/device/tablet.json b/tokens/public/device/tablet.json index 1a615c58..4751de2c 100644 --- a/tokens/public/device/tablet.json +++ b/tokens/public/device/tablet.json @@ -108,6 +108,10 @@ } }, "content": { + "max-width-x-large": { + "$type": "sizing", + "$value": "{sizing.2560x}" + }, "max-width-large": { "$type": "sizing", "$value": "{sizing.1800x}" From ebeea0ffa55927bb40b1757c7919bae8ecfdb2cb Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 11 Feb 2026 11:14:27 +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 | 19 +++++++++++++------ .../.vitepress/theme/styles/rme_theme.css | 19 +++++++++++++------ .../.vitepress/theme/styles/varsom_theme.css | 15 +++++++++++---- public/css/nve.css | 14 ++++++++++---- public/css/nve_dark.css | 5 +++-- public/css/rme.css | 14 ++++++++++---- public/css/rme_dark.css | 5 +++-- public/css/varsom.css | 12 +++++++++--- public/css/varsom_dark.css | 3 ++- 9 files changed, 74 insertions(+), 32 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 32e6bdc8..3f11eb3e 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -32,7 +32,7 @@ --color-shades-grey-500: #858b93; --color-shades-grey-600: #60656c; --color-shades-grey-700: #484c51; - --color-shades-grey-800: #3c3f44; + --color-shades-grey-800: #303236; --color-shades-grey-850: #292b2e; --color-shades-grey-900: #222325; --color-shades-grey-950: #171a1c; @@ -261,12 +261,13 @@ --color-brand-border-primary: var(--color-shades-brand-500); --color-brand-border-secondary: var(--color-shades-brand-600); --color-brand-border-tertiary: var(--color-shades-brand-700); + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-050); --color-neutrals-background-primary: var(--color-shades-grey-000); --color-neutrals-background-primary-contrast: var(--color-shades-grey-100); --color-neutrals-background-secondary: var(--color-shades-grey-150); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-999); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); @@ -588,6 +589,7 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1024x); --sizing-device-page-max-width: var(--sizing-1599x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1000x); --sizing-device-content-max-width-small: var(--sizing-572x); @@ -626,7 +628,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -648,6 +649,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -686,7 +688,7 @@ --color-shades-grey-500: #858b93; --color-shades-grey-600: #60656c; --color-shades-grey-700: #484c51; - --color-shades-grey-800: #3c3f44; + --color-shades-grey-800: #303236; --color-shades-grey-850: #292b2e; --color-shades-grey-900: #222325; --color-shades-grey-950: #171a1c; @@ -915,12 +917,13 @@ --color-brand-border-primary: var(--color-shades-brand-100); --color-brand-border-secondary: var(--color-shades-brand-200); --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */ + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-950); --color-neutrals-background-primary: var(--color-shades-grey-850); --color-neutrals-background-primary-contrast: var(--color-shades-grey-800); --color-neutrals-background-secondary: var(--color-shades-grey-700); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-000); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); @@ -1246,13 +1249,14 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1600x); --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1200x); --sizing-device-content-max-width-small: var(--sizing-588x); --sizing-device-content-max-width-x-small: var(--sizing-282x); --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1200x); + --sizing-image-large: var(--sizing-1024x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -1405,6 +1409,7 @@ --sizing-2x-large: var(--dimension-23x); --sizing-device-page-min-width: var(--sizing-764x); --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); @@ -1564,6 +1569,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-390x); --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); @@ -1723,6 +1729,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-320x); --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-366x); --sizing-device-content-max-width-small: var(--sizing-496x); diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index bba6db13..fa102611 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -32,7 +32,7 @@ --color-shades-grey-500: #758ba3; --color-shades-grey-600: #516579; --color-shades-grey-700: #405163; - --color-shades-grey-800: #303d4c; + --color-shades-grey-800: #2b3445; --color-shades-grey-850: #1d2834; --color-shades-grey-900: #141e29; --color-shades-grey-950: #0f1926; @@ -261,12 +261,13 @@ --color-brand-border-primary: var(--color-shades-brand-500); --color-brand-border-secondary: var(--color-shades-brand-600); --color-brand-border-tertiary: var(--color-shades-brand-700); + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-050); --color-neutrals-background-primary: var(--color-shades-grey-000); --color-neutrals-background-primary-contrast: var(--color-shades-grey-100); --color-neutrals-background-secondary: var(--color-shades-grey-150); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-999); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); @@ -588,6 +589,7 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1024x); --sizing-device-page-max-width: var(--sizing-1599x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1000x); --sizing-device-content-max-width-small: var(--sizing-572x); @@ -626,7 +628,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -648,6 +649,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -686,7 +688,7 @@ --color-shades-grey-500: #758ba3; --color-shades-grey-600: #516579; --color-shades-grey-700: #405163; - --color-shades-grey-800: #303d4c; + --color-shades-grey-800: #2b3445; --color-shades-grey-850: #1d2834; --color-shades-grey-900: #141e29; --color-shades-grey-950: #0f1926; @@ -915,12 +917,13 @@ --color-brand-border-primary: var(--color-shades-brand-100); --color-brand-border-secondary: var(--color-shades-brand-200); --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */ + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-950); --color-neutrals-background-primary: var(--color-shades-grey-850); --color-neutrals-background-primary-contrast: var(--color-shades-grey-800); --color-neutrals-background-secondary: var(--color-shades-grey-700); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-000); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); @@ -1246,13 +1249,14 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1600x); --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1200x); --sizing-device-content-max-width-small: var(--sizing-588x); --sizing-device-content-max-width-x-small: var(--sizing-282x); --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1200x); + --sizing-image-large: var(--sizing-1024x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -1405,6 +1409,7 @@ --sizing-2x-large: var(--dimension-23x); --sizing-device-page-min-width: var(--sizing-764x); --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); @@ -1564,6 +1569,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-390x); --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); @@ -1723,6 +1729,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-320x); --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-366x); --sizing-device-content-max-width-small: var(--sizing-496x); diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index 578ff252..c6a4b31f 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -261,12 +261,13 @@ --color-brand-border-primary: var(--color-shades-brand-500); --color-brand-border-secondary: var(--color-shades-brand-600); --color-brand-border-tertiary: var(--color-shades-brand-700); + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-050); --color-neutrals-background-primary: var(--color-shades-grey-000); --color-neutrals-background-primary-contrast: var(--color-shades-grey-100); --color-neutrals-background-secondary: var(--color-shades-grey-150); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-999); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); @@ -588,6 +589,7 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1024x); --sizing-device-page-max-width: var(--sizing-1599x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1000x); --sizing-device-content-max-width-small: var(--sizing-572x); @@ -626,7 +628,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -648,6 +649,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -915,12 +917,13 @@ --color-brand-border-primary: var(--color-shades-brand-100); --color-brand-border-secondary: var(--color-shades-brand-200); --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */ + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-950); --color-neutrals-background-primary: var(--color-shades-grey-850); --color-neutrals-background-primary-contrast: var(--color-shades-grey-800); --color-neutrals-background-secondary: var(--color-shades-grey-700); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-000); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); @@ -1246,13 +1249,14 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1600x); --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1200x); --sizing-device-content-max-width-small: var(--sizing-588x); --sizing-device-content-max-width-x-small: var(--sizing-282x); --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1200x); + --sizing-image-large: var(--sizing-1024x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -1405,6 +1409,7 @@ --sizing-2x-large: var(--dimension-23x); --sizing-device-page-min-width: var(--sizing-764x); --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); @@ -1564,6 +1569,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-390x); --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); @@ -1723,6 +1729,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-320x); --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-366x); --sizing-device-content-max-width-small: var(--sizing-496x); diff --git a/public/css/nve.css b/public/css/nve.css index 489412ab..aae72a43 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -38,7 +38,7 @@ --color-shades-grey-500: #858b93; --color-shades-grey-600: #60656c; --color-shades-grey-700: #484c51; - --color-shades-grey-800: #3c3f44; + --color-shades-grey-800: #303236; --color-shades-grey-850: #292b2e; --color-shades-grey-900: #222325; --color-shades-grey-950: #171a1c; @@ -267,12 +267,13 @@ --color-brand-border-primary: var(--color-shades-brand-500); --color-brand-border-secondary: var(--color-shades-brand-600); --color-brand-border-tertiary: var(--color-shades-brand-700); + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-050); --color-neutrals-background-primary: var(--color-shades-grey-000); --color-neutrals-background-primary-contrast: var(--color-shades-grey-100); --color-neutrals-background-secondary: var(--color-shades-grey-150); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-999); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); @@ -594,6 +595,7 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1024x); --sizing-device-page-max-width: var(--sizing-1599x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1000x); --sizing-device-content-max-width-small: var(--sizing-572x); @@ -632,7 +634,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -654,6 +655,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -799,13 +801,14 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1600x); --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1200x); --sizing-device-content-max-width-small: var(--sizing-588x); --sizing-device-content-max-width-x-small: var(--sizing-282x); --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1200x); + --sizing-image-large: var(--sizing-1024x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -958,6 +961,7 @@ --sizing-2x-large: var(--dimension-23x); --sizing-device-page-min-width: var(--sizing-764x); --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); @@ -1117,6 +1121,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-390x); --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); @@ -1276,6 +1281,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-320x); --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-366x); --sizing-device-content-max-width-small: var(--sizing-496x); diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css index 78c62d05..f351d850 100644 --- a/public/css/nve_dark.css +++ b/public/css/nve_dark.css @@ -38,7 +38,7 @@ --color-shades-grey-500: #858b93; --color-shades-grey-600: #60656c; --color-shades-grey-700: #484c51; - --color-shades-grey-800: #3c3f44; + --color-shades-grey-800: #303236; --color-shades-grey-850: #292b2e; --color-shades-grey-900: #222325; --color-shades-grey-950: #171a1c; @@ -267,12 +267,13 @@ --color-brand-border-primary: var(--color-shades-brand-100); --color-brand-border-secondary: var(--color-shades-brand-200); --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */ + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-950); --color-neutrals-background-primary: var(--color-shades-grey-850); --color-neutrals-background-primary-contrast: var(--color-shades-grey-800); --color-neutrals-background-secondary: var(--color-shades-grey-700); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-000); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); diff --git a/public/css/rme.css b/public/css/rme.css index 124f6faa..741207d2 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -38,7 +38,7 @@ --color-shades-grey-500: #758ba3; --color-shades-grey-600: #516579; --color-shades-grey-700: #405163; - --color-shades-grey-800: #303d4c; + --color-shades-grey-800: #2b3445; --color-shades-grey-850: #1d2834; --color-shades-grey-900: #141e29; --color-shades-grey-950: #0f1926; @@ -267,12 +267,13 @@ --color-brand-border-primary: var(--color-shades-brand-500); --color-brand-border-secondary: var(--color-shades-brand-600); --color-brand-border-tertiary: var(--color-shades-brand-700); + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-050); --color-neutrals-background-primary: var(--color-shades-grey-000); --color-neutrals-background-primary-contrast: var(--color-shades-grey-100); --color-neutrals-background-secondary: var(--color-shades-grey-150); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-999); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); @@ -594,6 +595,7 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1024x); --sizing-device-page-max-width: var(--sizing-1599x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1000x); --sizing-device-content-max-width-small: var(--sizing-572x); @@ -632,7 +634,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -654,6 +655,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -799,13 +801,14 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1600x); --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1200x); --sizing-device-content-max-width-small: var(--sizing-588x); --sizing-device-content-max-width-x-small: var(--sizing-282x); --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1200x); + --sizing-image-large: var(--sizing-1024x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -958,6 +961,7 @@ --sizing-2x-large: var(--dimension-23x); --sizing-device-page-min-width: var(--sizing-764x); --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); @@ -1117,6 +1121,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-390x); --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); @@ -1276,6 +1281,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-320x); --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-366x); --sizing-device-content-max-width-small: var(--sizing-496x); diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css index 665de056..29be0560 100644 --- a/public/css/rme_dark.css +++ b/public/css/rme_dark.css @@ -38,7 +38,7 @@ --color-shades-grey-500: #758ba3; --color-shades-grey-600: #516579; --color-shades-grey-700: #405163; - --color-shades-grey-800: #303d4c; + --color-shades-grey-800: #2b3445; --color-shades-grey-850: #1d2834; --color-shades-grey-900: #141e29; --color-shades-grey-950: #0f1926; @@ -267,12 +267,13 @@ --color-brand-border-primary: var(--color-shades-brand-100); --color-brand-border-secondary: var(--color-shades-brand-200); --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */ + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-950); --color-neutrals-background-primary: var(--color-shades-grey-850); --color-neutrals-background-primary-contrast: var(--color-shades-grey-800); --color-neutrals-background-secondary: var(--color-shades-grey-700); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-000); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200); diff --git a/public/css/varsom.css b/public/css/varsom.css index 8592604d..1717768d 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -267,12 +267,13 @@ --color-brand-border-primary: var(--color-shades-brand-500); --color-brand-border-secondary: var(--color-shades-brand-600); --color-brand-border-tertiary: var(--color-shades-brand-700); + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-050); --color-neutrals-background-primary: var(--color-shades-grey-000); --color-neutrals-background-primary-contrast: var(--color-shades-grey-100); --color-neutrals-background-secondary: var(--color-shades-grey-150); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-999); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600); @@ -594,6 +595,7 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1024x); --sizing-device-page-max-width: var(--sizing-1599x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1000x); --sizing-device-content-max-width-small: var(--sizing-572x); @@ -632,7 +634,6 @@ --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-source-sans-pro); - --font-size-medium: var(--dimension-5x); /** 18 px */ --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-source-sans-pro); --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-source-sans-pro); @@ -654,6 +655,7 @@ --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-source-sans-pro); --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ + --font-size-medium: var(--dimension-5x); /** 18 px */ --font-size-large: var(--dimension-6x); /** 20 px */ --font-size-x-large: var(--dimension-8x); /** 24 px */ --font-size-2x-large: var(--dimension-10x); /** 32 px */ @@ -799,13 +801,14 @@ --sizing-2x-large: var(--dimension-24x); --sizing-device-page-min-width: var(--sizing-1600x); --sizing-device-page-max-width: var(--sizing-9999x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-1200x); --sizing-device-content-max-width-small: var(--sizing-588x); --sizing-device-content-max-width-x-small: var(--sizing-282x); --sizing-brand-logo-medium: var(--sizing-88x); --sizing-brand-illustration-medium: var(--sizing-40x); - --sizing-image-large: var(--sizing-1200x); + --sizing-image-large: var(--sizing-1024x); --font-size-2x-small: var(--dimension-3-5x); /** 12 px */ --font-size-x-small: var(--dimension-4x); /** 14 px */ --font-size-small: var(--dimension-4-5x); /** 16 px */ @@ -958,6 +961,7 @@ --sizing-2x-large: var(--dimension-23x); --sizing-device-page-min-width: var(--sizing-764x); --sizing-device-page-max-width: var(--sizing-1023x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); @@ -1117,6 +1121,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-390x); --sizing-device-page-max-width: var(--sizing-763x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); @@ -1276,6 +1281,7 @@ --sizing-2x-large: var(--dimension-22x); --sizing-device-page-min-width: var(--sizing-320x); --sizing-device-page-max-width: var(--sizing-389x); + --sizing-device-content-max-width-x-large: var(--sizing-2560x); --sizing-device-content-max-width-large: var(--sizing-1800x); --sizing-device-content-max-width-medium: var(--sizing-366x); --sizing-device-content-max-width-small: var(--sizing-496x); diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css index a57c8980..a9eba81b 100644 --- a/public/css/varsom_dark.css +++ b/public/css/varsom_dark.css @@ -267,12 +267,13 @@ --color-brand-border-primary: var(--color-shades-brand-100); --color-brand-border-secondary: var(--color-shades-brand-200); --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */ + --color-brand-border-emphasized: var(--color-shades-accent-400); --color-neutrals-background-canvas: var(--color-shades-grey-950); --color-neutrals-background-primary: var(--color-shades-grey-850); --color-neutrals-background-primary-contrast: var(--color-shades-grey-800); --color-neutrals-background-secondary: var(--color-shades-grey-700); --color-neutrals-background-secondary-dim: var(--color-shades-grey-850); - --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700); + --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800); --color-neutrals-foreground-primary: var(--color-shades-grey-000); --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100); --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);