From e70a46beae26b83f11a2ebe5df632ef6e3926984 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Thu, 18 Jun 2026 10:47:11 +0200 Subject: [PATCH 1/4] feat(tokens): lagt til 2x-small i device/sizing.icon --- tokens/public/device/desktop-large.json | 40 ++++++++++++++++++++----- tokens/public/device/desktop.json | 10 +++++++ tokens/public/device/mobile-small.json | 40 ++++++++++++++++++++----- tokens/public/device/mobile.json | 40 ++++++++++++++++++++----- tokens/public/device/tablet.json | 40 ++++++++++++++++++++----- 5 files changed, 138 insertions(+), 32 deletions(-) diff --git a/tokens/public/device/desktop-large.json b/tokens/public/device/desktop-large.json index 290a58cb..633194cd 100644 --- a/tokens/public/device/desktop-large.json +++ b/tokens/public/device/desktop-large.json @@ -173,52 +173,76 @@ "icon": { "3x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.70x}" }, "2x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.56x}" }, "x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.48x}" }, "large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.40x}" }, "medium": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.32x}" }, "small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.24x}" }, "x-small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.20x}" + }, + "2x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ], + "com.figma.hiddenFromPublishing": false + }, + "$type": "sizing", + "$value": "{sizing.18x}" } } }, @@ -264,4 +288,4 @@ "$description": "40 px" } } -} +} \ No newline at end of file diff --git a/tokens/public/device/desktop.json b/tokens/public/device/desktop.json index 4de8f710..6918b2e5 100644 --- a/tokens/public/device/desktop.json +++ b/tokens/public/device/desktop.json @@ -263,6 +263,16 @@ }, "$type": "sizing", "$value": "{sizing.20x}" + }, + "2x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ], + "com.figma.hiddenFromPublishing": false + }, + "$type": "sizing", + "$value": "{sizing.18x}" } }, "fixed-sizing": { diff --git a/tokens/public/device/mobile-small.json b/tokens/public/device/mobile-small.json index 3eb1b03f..016edb11 100644 --- a/tokens/public/device/mobile-small.json +++ b/tokens/public/device/mobile-small.json @@ -173,52 +173,76 @@ "icon": { "3x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.48x}" }, "2x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.40x}" }, "x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.36x}" }, "large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.32x}" }, "medium": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.28x}" }, "small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.24x}" }, "x-small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.20x}" + }, + "2x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ], + "com.figma.hiddenFromPublishing": false + }, + "$type": "sizing", + "$value": "{sizing.18x}" } } }, @@ -292,4 +316,4 @@ } } } -} +} \ No newline at end of file diff --git a/tokens/public/device/mobile.json b/tokens/public/device/mobile.json index 7cb0b696..74527cb9 100644 --- a/tokens/public/device/mobile.json +++ b/tokens/public/device/mobile.json @@ -173,52 +173,76 @@ "icon": { "3x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.48x}" }, "2x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.40x}" }, "x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.36x}" }, "large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.32x}" }, "medium": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.28x}" }, "small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.24x}" }, "x-small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.20x}" + }, + "2x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ], + "com.figma.hiddenFromPublishing": false + }, + "$type": "sizing", + "$value": "{sizing.18x}" } } }, @@ -292,4 +316,4 @@ } } } -} +} \ No newline at end of file diff --git a/tokens/public/device/tablet.json b/tokens/public/device/tablet.json index 3d246cb0..60765c7a 100644 --- a/tokens/public/device/tablet.json +++ b/tokens/public/device/tablet.json @@ -173,52 +173,76 @@ "icon": { "3x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.56x}" }, "2x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.48x}" }, "x-large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.44x}" }, "large": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.40x}" }, "medium": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.32x}" }, "small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.24x}" }, "x-small": { "$extensions": { - "com.figma.scopes": ["WIDTH_HEIGHT"] + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ] }, "$type": "sizing", "$value": "{sizing.20x}" + }, + "2x-small": { + "$extensions": { + "com.figma.scopes": [ + "WIDTH_HEIGHT" + ], + "com.figma.hiddenFromPublishing": false + }, + "$type": "sizing", + "$value": "{sizing.18x}" } } }, @@ -292,4 +316,4 @@ } } } -} +} \ No newline at end of file From 3b6fd8fdefea029f3883adde47105485f2d023d3 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Thu, 18 Jun 2026 10:48:32 +0200 Subject: [PATCH 2/4] fix(tokens): Figma configuration --- tokens/$themes.json | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/tokens/$themes.json b/tokens/$themes.json index 28d2ff6a..7d5f604e 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -2021,6 +2021,7 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244", "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", "boolean.device.desktop-tablet-mobile": "c14ee4d8e362828d649f40803eddbdcf4c079b1b", @@ -2195,6 +2196,7 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", + "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244", "spacing.fixed-spacing.3x-small": "f367fe28c906542f85b9ab2385d06a30fab49e26", "spacing.fixed-spacing.2x-small": "8378744df4af049609fa7ca05a4b71afce5ca38f", "spacing.fixed-spacing.x-small": "5167075cef3aad596c205fc2806ff2e57e524e36", @@ -2355,6 +2357,7 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244", "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", "boolean.device.desktop-tablet-mobile": "c14ee4d8e362828d649f40803eddbdcf4c079b1b", @@ -2485,6 +2488,7 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244", "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", "boolean.device.desktop-tablet-mobile": "c14ee4d8e362828d649f40803eddbdcf4c079b1b", @@ -3210,6 +3214,7 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244", "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", "boolean.device.desktop-tablet-mobile": "c14ee4d8e362828d649f40803eddbdcf4c079b1b", From eda8cf01078f3093c6679c587346352a71f7cc6b Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Fri, 19 Jun 2026 13:12:05 +0200 Subject: [PATCH 3/4] =?UTF-8?q?feat(tokens):=202=20nye=20st=C3=B8rrelser?= =?UTF-8?q?=20lagt=20til=20p=C3=A5=20sizing=20+=20endring=20p=C3=A5=20eksi?= =?UTF-8?q?sterende=20sizing=20tokens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tokens/$themes.json | 38 ++++++++++++++++++-------------- tokens/brand/nve.json | 8 +++++++ tokens/public/device/mobile.json | 2 +- tokens/public/device/tablet.json | 2 +- 4 files changed, 32 insertions(+), 18 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 7d5f604e..b60777cc 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -478,15 +478,15 @@ "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.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", "color-shades.functional.danger.100": "5f6c9ffea2c6d9a1927175b1499f2d5aeab167bb", - "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", - "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", + "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", + "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", + "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", @@ -695,6 +695,8 @@ "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.72x": "99e93aec8360f76e8f04c9394fa0204354cc1329", + "sizing.80x": "97b7e6e9de425404b113c3a006159a88afae3ce8", "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", @@ -879,15 +881,15 @@ "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.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", "color-shades.functional.danger.100": "5f6c9ffea2c6d9a1927175b1499f2d5aeab167bb", - "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", - "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", + "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", + "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", + "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", @@ -1096,6 +1098,8 @@ "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.72x": "99e93aec8360f76e8f04c9394fa0204354cc1329", + "sizing.80x": "97b7e6e9de425404b113c3a006159a88afae3ce8", "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", @@ -2013,6 +2017,7 @@ "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2", "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9", "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d", + "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244", "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91", "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca", "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16", @@ -2021,7 +2026,6 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", - "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244", "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", "boolean.device.desktop-tablet-mobile": "c14ee4d8e362828d649f40803eddbdcf4c079b1b", @@ -2833,15 +2837,15 @@ "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.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", "color-shades.functional.danger.100": "5f6c9ffea2c6d9a1927175b1499f2d5aeab167bb", - "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", - "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", + "color-shades.functional.danger.200": "489ac3d2a5e8924b8c9a4ce4cd0731ebf4403885", + "color-shades.functional.danger.400": "599d98cb3fcd61480af8f0fddfcbd2bcdd08c449", + "color-shades.functional.danger.600": "ef3014cd8e4d9676a3acd8624a7c997f58e67d87", "color-shades.functional.danger.800": "f21dbb7148e9bf603d5f51cba5f57b29c0726641", "color-shades.functional.danger.900": "f50820f7049e7f1f26cd54267dd8c96267312733", "color-shades.functional.danger.999": "22965081b182e1895340c51b85564a7c25554af3", + "color-shades.functional.danger.050": "c68bd34720f1ef308112e236e4730869615e499c", + "color-shades.functional.danger.000": "630603418daf01c23ac5c9afb6cc5dd61aade426", "color-shades.functional.orange.100": "9e5aa4d09e76f584bb6afb73afd00393dfe50569", "color-shades.functional.orange.150": "7e3788ea95c7c827c2982a783c55511a98fdda8b", "color-shades.functional.orange.200": "bb4c4767d8c6622894cf519abcf09d503c472e5d", @@ -3050,6 +3054,8 @@ "sizing.62x": "dc3f44ffc11719f461faf4fddb385aa3a8d66cbd", "sizing.64x": "be27fb84d98cc1797c714f19f2ab4ff641aff62e", "sizing.70x": "6ec921eb4d6989489c0f7e38fc684115a159dd1c", + "sizing.72x": "99e93aec8360f76e8f04c9394fa0204354cc1329", + "sizing.80x": "97b7e6e9de425404b113c3a006159a88afae3ce8", "sizing.84x": "0a080deb05d5a4f3d2aa2f0fc35efb80ba9295ae", "sizing.88x": "a839fed91cf9ce3635fb4a8ca7f323491e195efc", "sizing.92x": "7d694a5fccd5add28421069f5fffe77988309993", diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index 171db8e5..79a75121 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -1600,6 +1600,14 @@ "$type": "sizing", "$value": "70px" }, + "72x": { + "$type": "sizing", + "$value": "72px" + }, + "80x": { + "$type": "sizing", + "$value": "80px" + }, "84x": { "$type": "sizing", "$value": "84px" diff --git a/tokens/public/device/mobile.json b/tokens/public/device/mobile.json index 74527cb9..263aee16 100644 --- a/tokens/public/device/mobile.json +++ b/tokens/public/device/mobile.json @@ -134,7 +134,7 @@ "logo": { "medium": { "$type": "sizing", - "$value": "{sizing.64x}" + "$value": "{sizing.72x}" } }, "illustration": { diff --git a/tokens/public/device/tablet.json b/tokens/public/device/tablet.json index 60765c7a..bee534e5 100644 --- a/tokens/public/device/tablet.json +++ b/tokens/public/device/tablet.json @@ -134,7 +134,7 @@ "logo": { "medium": { "$type": "sizing", - "$value": "{sizing.64x}" + "$value": "{sizing.80x}" } }, "illustration": { From 594b2d3ccb7f5ca4a5a2d9468a31029174731fca Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 19 Jun 2026 11:12:39 +0000 Subject: [PATCH 4/4] =?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 | 21 ++++++++++++++++--- .../.vitepress/theme/styles/rme_theme.css | 21 ++++++++++++++++--- .../.vitepress/theme/styles/varsom_theme.css | 21 ++++++++++++++++--- public/css/nve.css | 21 ++++++++++++++++--- public/css/rme.css | 21 ++++++++++++++++--- public/css/varsom.css | 21 ++++++++++++++++--- 6 files changed, 108 insertions(+), 18 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 25787d33..97941e18 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -494,6 +494,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -654,6 +656,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -674,7 +677,6 @@ --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)/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); @@ -706,6 +708,7 @@ --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-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 */ @@ -1214,6 +1217,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1367,6 +1372,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --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 */ @@ -1408,6 +1414,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1548,7 +1556,7 @@ --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-80x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); @@ -1561,6 +1569,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1602,6 +1611,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1742,7 +1753,7 @@ --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-72x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); @@ -1755,6 +1766,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1796,6 +1808,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1949,6 +1963,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index d10bc15a..c2b2a966 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -494,6 +494,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -654,6 +656,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -674,7 +677,6 @@ --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)/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); @@ -706,6 +708,7 @@ --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-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 */ @@ -1214,6 +1217,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1367,6 +1372,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --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 */ @@ -1408,6 +1414,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1548,7 +1556,7 @@ --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-80x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); @@ -1561,6 +1569,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1602,6 +1611,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1742,7 +1753,7 @@ --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-72x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); @@ -1755,6 +1766,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1796,6 +1808,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1949,6 +1963,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index 029071be..886a245a 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -494,6 +494,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -654,6 +656,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -674,7 +677,6 @@ --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)/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); @@ -706,6 +708,7 @@ --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-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 */ @@ -1214,6 +1217,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1367,6 +1372,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --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 */ @@ -1408,6 +1414,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1548,7 +1556,7 @@ --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-80x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); @@ -1561,6 +1569,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1602,6 +1611,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1742,7 +1753,7 @@ --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-72x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); @@ -1755,6 +1766,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1796,6 +1808,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1949,6 +1963,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/public/css/nve.css b/public/css/nve.css index c7e9cf2e..dad35d92 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -500,6 +500,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -660,6 +662,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -680,7 +683,6 @@ --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)/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); @@ -712,6 +714,7 @@ --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-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 */ @@ -747,6 +750,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -900,6 +905,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --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 */ @@ -941,6 +947,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1081,7 +1089,7 @@ --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-80x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); @@ -1094,6 +1102,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1135,6 +1144,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1275,7 +1286,7 @@ --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-72x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); @@ -1288,6 +1299,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1329,6 +1341,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1482,6 +1496,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/public/css/rme.css b/public/css/rme.css index f10d3640..57232e91 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -500,6 +500,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -660,6 +662,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -680,7 +683,6 @@ --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)/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); @@ -712,6 +714,7 @@ --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-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 */ @@ -747,6 +750,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -900,6 +905,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --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 */ @@ -941,6 +947,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1081,7 +1089,7 @@ --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-80x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); @@ -1094,6 +1102,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1135,6 +1144,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1275,7 +1286,7 @@ --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-72x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); @@ -1288,6 +1299,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1329,6 +1341,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1482,6 +1496,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ diff --git a/public/css/varsom.css b/public/css/varsom.css index f83b2e35..0029b2c4 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -500,6 +500,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -660,6 +662,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --sizing-fixed-sizing-2x-small: var(--dimension-4x); --sizing-fixed-sizing-x-small: var(--dimension-5x); --sizing-fixed-sizing-small: var(--dimension-6x); @@ -680,7 +683,6 @@ --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)/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); @@ -712,6 +714,7 @@ --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-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 */ @@ -747,6 +750,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -900,6 +905,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --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 */ @@ -941,6 +947,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1081,7 +1089,7 @@ --sizing-device-content-max-width-medium: var(--sizing-800x); --sizing-device-content-max-width-small: var(--sizing-544x); --sizing-device-content-max-width-x-small: var(--sizing-216x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-80x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); @@ -1094,6 +1102,7 @@ --sizing-icon-medium: var(--sizing-32x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1135,6 +1144,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1275,7 +1286,7 @@ --sizing-device-content-max-width-medium: var(--sizing-600x); --sizing-device-content-max-width-small: var(--sizing-496x); --sizing-device-content-max-width-x-small: var(--sizing-496x); - --sizing-brand-logo-medium: var(--sizing-64x); + --sizing-brand-logo-medium: var(--sizing-72x); --sizing-brand-illustration-medium: var(--sizing-40x); --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); @@ -1288,6 +1299,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */ @@ -1329,6 +1341,8 @@ --sizing-62x: 62px; --sizing-64x: 64px; --sizing-70x: 70px; + --sizing-72x: 72px; + --sizing-80x: 80px; --sizing-84x: 84px; --sizing-88x: 88px; --sizing-92x: 92px; @@ -1482,6 +1496,7 @@ --sizing-icon-medium: var(--sizing-28x); --sizing-icon-small: var(--sizing-24x); --sizing-icon-x-small: var(--sizing-20x); + --sizing-icon-2x-small: var(--sizing-18x); --font-size-2x-small: var(--dimension-3x); /** 12 px */ --font-size-x-small: var(--dimension-3-5x); /** 14 px */ --font-size-small: var(--dimension-4x); /** 16 px */