From 9a225dac1d97d03fac5c3508e77956d26287c3fa Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Wed, 4 Mar 2026 10:22:34 +0100 Subject: [PATCH 1/2] feat(tokens): sizing.image.x-small er lagt til --- tokens/$themes.json | 101 ++---------------------- tokens/public/device/desktop-large.json | 4 + 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, 26 insertions(+), 95 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index f2f64773..2da41f1d 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -1081,43 +1081,6 @@ "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", - "color.interactive.primary.background.default": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b", - "color.interactive.primary.background.hover": "d0904907beba8db9f5171714e946d81c164038f1", - "color.interactive.primary.background.disabled": "7353b344a6853703eb33183207be7e7df29d941f", - "color.interactive.primary.foreground.default": "25c1ec8946363e1b8a759b8795b86513058edb48", - "color.interactive.primary.foreground.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f", - "color.interactive.primary.foreground.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f", - "color.interactive.primary.border.focus": "b3f3d9f740023df75632763c172903b4333d5bd1", - "color.interactive.secondary.background.default": "8c7fb3d7685c89acaf7059db70a5941a645388ff", - "color.interactive.secondary.background.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d", - "color.interactive.secondary.background.disabled": "cab9cd603e97384382c4977451c2e657f4824a35", - "color.interactive.secondary.foreground.default": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e", - "color.interactive.secondary.foreground.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc", - "color.interactive.secondary.foreground.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2", - "color.interactive.secondary.border.focus": "cbb508fdcd4c7379e26c39c34f1016ef3e6daa8a", - "color.interactive.outlined.foreground.default": "f40f6f9802b62d88e315075e25eb063e960c06d4", - "color.interactive.outlined.foreground.hover": "9ce95721e285a56f8adecc14d0626aab9e0a9bc8", - "color.interactive.outlined.foreground.disabled": "1e8b7cc66a3f3ca4608e607835f3031b9454d7a4", - "color.interactive.outlined.border.default": "d524e3913da28f6267542fec33ab1ad84459a948", - "color.interactive.outlined.border.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929", - "color.interactive.outlined.border.focus": "a661f3ea210ed34ef2a43bd07ccd96389e54a67a", - "color.interactive.outlined.border.disabled": "593a28560b76a570c37e9b573f68292beb635f2f", - "color.interactive.ghost.background.hover": "ee9f969e737f597367ff234c6040301992daa741", - "color.interactive.ghost.foreground.default": "11029649474b110530bd16b565e2a432a97df7e0", - "color.interactive.ghost.foreground.hover": "e2f306ccd85fc79d4dd61b901f8c14289ad2d662", - "color.interactive.ghost.foreground.disabled": "e97f327e15e5d2ddfd10b80487b1b1ec4efb2476", - "color.interactive.ghost.border.focus": "90d79fe321b7893f89fb6944addb99016c844f74", - "color.interactive.links.default": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64", - "color.interactive.links.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3", - "color.interactive.links.focus": "bb63e661f3d615f13d224310c14146967ab064f2", - "color.interactive.links.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60", - "color.interactive.danger.background.default": "16489e218866f9f4ec4b3fe6991a054b9de1abf1", - "color.interactive.danger.background.hover": "6e991f3bc688094c49c2edfe8b348f6b1f1f1187", - "color.interactive.danger.background.disabled": "49fb9052b637cc7b92dece938b3a9a000c012960", - "color.interactive.danger.foreground.default": "39d20394a8cdf54f96665674df31d586f2be530d", - "color.interactive.danger.foreground.hover": "e02689ca74fe86206753c936b1ee6d45112dce16", - "color.interactive.danger.foreground.disabled": "9bbe803e02e47889d6d5d7a6b850e2a5ab88e5e5", - "color.interactive.danger.border.focus": "0da19c2bd8db6aad294f1aec4402c5ba6a9bd0fa", "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483", "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4", "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1", @@ -1449,43 +1412,6 @@ "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", - "color.interactive.primary.background.default": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b", - "color.interactive.primary.background.hover": "d0904907beba8db9f5171714e946d81c164038f1", - "color.interactive.primary.background.disabled": "7353b344a6853703eb33183207be7e7df29d941f", - "color.interactive.primary.foreground.default": "25c1ec8946363e1b8a759b8795b86513058edb48", - "color.interactive.primary.foreground.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f", - "color.interactive.primary.foreground.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f", - "color.interactive.primary.border.focus": "b3f3d9f740023df75632763c172903b4333d5bd1", - "color.interactive.secondary.background.default": "8c7fb3d7685c89acaf7059db70a5941a645388ff", - "color.interactive.secondary.background.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d", - "color.interactive.secondary.background.disabled": "cab9cd603e97384382c4977451c2e657f4824a35", - "color.interactive.secondary.foreground.default": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e", - "color.interactive.secondary.foreground.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc", - "color.interactive.secondary.foreground.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2", - "color.interactive.secondary.border.focus": "cbb508fdcd4c7379e26c39c34f1016ef3e6daa8a", - "color.interactive.outlined.foreground.default": "f40f6f9802b62d88e315075e25eb063e960c06d4", - "color.interactive.outlined.foreground.hover": "9ce95721e285a56f8adecc14d0626aab9e0a9bc8", - "color.interactive.outlined.foreground.disabled": "1e8b7cc66a3f3ca4608e607835f3031b9454d7a4", - "color.interactive.outlined.border.default": "d524e3913da28f6267542fec33ab1ad84459a948", - "color.interactive.outlined.border.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929", - "color.interactive.outlined.border.focus": "a661f3ea210ed34ef2a43bd07ccd96389e54a67a", - "color.interactive.outlined.border.disabled": "593a28560b76a570c37e9b573f68292beb635f2f", - "color.interactive.ghost.background.hover": "ee9f969e737f597367ff234c6040301992daa741", - "color.interactive.ghost.foreground.default": "11029649474b110530bd16b565e2a432a97df7e0", - "color.interactive.ghost.foreground.hover": "e2f306ccd85fc79d4dd61b901f8c14289ad2d662", - "color.interactive.ghost.foreground.disabled": "e97f327e15e5d2ddfd10b80487b1b1ec4efb2476", - "color.interactive.ghost.border.focus": "90d79fe321b7893f89fb6944addb99016c844f74", - "color.interactive.links.default": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64", - "color.interactive.links.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3", - "color.interactive.links.focus": "bb63e661f3d615f13d224310c14146967ab064f2", - "color.interactive.links.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60", - "color.interactive.danger.background.default": "16489e218866f9f4ec4b3fe6991a054b9de1abf1", - "color.interactive.danger.background.hover": "6e991f3bc688094c49c2edfe8b348f6b1f1f1187", - "color.interactive.danger.background.disabled": "49fb9052b637cc7b92dece938b3a9a000c012960", - "color.interactive.danger.foreground.default": "39d20394a8cdf54f96665674df31d586f2be530d", - "color.interactive.danger.foreground.hover": "e02689ca74fe86206753c936b1ee6d45112dce16", - "color.interactive.danger.foreground.disabled": "9bbe803e02e47889d6d5d7a6b850e2a5ab88e5e5", - "color.interactive.danger.border.focus": "0da19c2bd8db6aad294f1aec4402c5ba6a9bd0fa", "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483", "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4", "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1", @@ -1762,6 +1688,7 @@ "sizing.device.content.max-width-x-small": "6809bd1b9eccc810a6f65494527bdf7dd02cdb48", "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", + "sizing.image.x-small": "60c9a4dd8ee080f530ed2a4eb5f2ac82cd3e5592", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", @@ -1785,10 +1712,6 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", - "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1928,6 +1851,7 @@ "sizing.device.content.max-width-x-small": "6809bd1b9eccc810a6f65494527bdf7dd02cdb48", "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", + "sizing.image.x-small": "60c9a4dd8ee080f530ed2a4eb5f2ac82cd3e5592", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", @@ -1951,10 +1875,6 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", - "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2092,6 +2012,7 @@ "sizing.device.content.max-width-x-small": "6809bd1b9eccc810a6f65494527bdf7dd02cdb48", "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", + "sizing.image.x-small": "60c9a4dd8ee080f530ed2a4eb5f2ac82cd3e5592", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", @@ -2115,10 +2036,6 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", - "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2220,6 +2137,7 @@ "sizing.device.content.max-width-x-small": "6809bd1b9eccc810a6f65494527bdf7dd02cdb48", "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", + "sizing.image.x-small": "60c9a4dd8ee080f530ed2a4eb5f2ac82cd3e5592", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", @@ -2243,10 +2161,6 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", - "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2927,6 +2841,7 @@ "sizing.device.content.max-width-x-small": "6809bd1b9eccc810a6f65494527bdf7dd02cdb48", "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2", "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e", + "sizing.image.x-small": "60c9a4dd8ee080f530ed2a4eb5f2ac82cd3e5592", "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4", "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4", "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9", @@ -2950,10 +2865,6 @@ "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", - "sizing.card.link-card.height.x-large": "9f3698a330a146f87e73a5a3895cb39e346b85d4", - "sizing.card.link-card.height.large": "68ac75529866a4d16ff81124cc45bb46c8b86812", - "sizing.card.link-card.height.medium": "db5a4404aebd9aec1c1c14c046abdbca7fdeb1ed", - "sizing.card.link-card.height.small": "ea1f2920083b9f2c71f2d198de7cbc135aab6c1f", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2968,4 +2879,4 @@ }, "group": "Device" } -] +] \ No newline at end of file diff --git a/tokens/public/device/desktop-large.json b/tokens/public/device/desktop-large.json index b304e39e..5a845cb7 100644 --- a/tokens/public/device/desktop-large.json +++ b/tokens/public/device/desktop-large.json @@ -145,6 +145,10 @@ } }, "image": { + "x-small": { + "$type": "sizing", + "$value": "{sizing.84x}" + }, "large": { "$type": "sizing", "$value": "{sizing.1024x}" diff --git a/tokens/public/device/desktop.json b/tokens/public/device/desktop.json index fd6456fc..c157381f 100644 --- a/tokens/public/device/desktop.json +++ b/tokens/public/device/desktop.json @@ -159,6 +159,10 @@ } }, "image": { + "x-small": { + "$type": "sizing", + "$value": "{sizing.84x}" + }, "large": { "$type": "sizing", "$value": "{sizing.750x}" diff --git a/tokens/public/device/mobile-small.json b/tokens/public/device/mobile-small.json index e29abc74..d8288fee 100644 --- a/tokens/public/device/mobile-small.json +++ b/tokens/public/device/mobile-small.json @@ -145,6 +145,10 @@ } }, "image": { + "x-small": { + "$type": "sizing", + "$value": "{sizing.84x}" + }, "large": { "$type": "sizing", "$value": "{sizing.320x}" diff --git a/tokens/public/device/mobile.json b/tokens/public/device/mobile.json index de0c2178..0052c709 100644 --- a/tokens/public/device/mobile.json +++ b/tokens/public/device/mobile.json @@ -145,6 +145,10 @@ } }, "image": { + "x-small": { + "$type": "sizing", + "$value": "{sizing.48x}" + }, "large": { "$type": "sizing", "$value": "{sizing.390x}" diff --git a/tokens/public/device/tablet.json b/tokens/public/device/tablet.json index 115970f1..d2844dc9 100644 --- a/tokens/public/device/tablet.json +++ b/tokens/public/device/tablet.json @@ -145,6 +145,10 @@ } }, "image": { + "x-small": { + "$type": "sizing", + "$value": "{sizing.48x}" + }, "large": { "$type": "sizing", "$value": "{sizing.544x}" From 08be0383452ff7492f658a61f5ebc01069a93811 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 4 Mar 2026 09:23:24 +0000 Subject: [PATCH 2/2] =?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 --- doc-site/.vitepress/theme/styles/nve_theme.css | 7 ++++++- doc-site/.vitepress/theme/styles/rme_theme.css | 7 ++++++- doc-site/.vitepress/theme/styles/varsom_theme.css | 7 ++++++- public/css/nve.css | 7 ++++++- public/css/rme.css | 7 ++++++- public/css/varsom.css | 7 ++++++- 6 files changed, 36 insertions(+), 6 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 280d0413..e4ff7c6c 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -619,6 +619,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-232x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-750x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -672,7 +673,6 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); @@ -681,6 +681,7 @@ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --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 */ @@ -1311,6 +1312,7 @@ --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-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-1024x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -1502,6 +1504,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-216x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); @@ -1693,6 +1696,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); @@ -1884,6 +1888,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-320x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index ad7c0c28..3167b781 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -619,6 +619,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-232x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-750x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -672,7 +673,6 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); @@ -681,6 +681,7 @@ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --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 */ @@ -1311,6 +1312,7 @@ --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-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-1024x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -1502,6 +1504,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-216x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); @@ -1693,6 +1696,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); @@ -1884,6 +1888,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-320x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index 818c7e02..e7b0bf5c 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -619,6 +619,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-232x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-750x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -672,7 +673,6 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); @@ -681,6 +681,7 @@ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --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 */ @@ -1311,6 +1312,7 @@ --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-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-1024x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -1502,6 +1504,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-216x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); @@ -1693,6 +1696,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); @@ -1884,6 +1888,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-320x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); diff --git a/public/css/nve.css b/public/css/nve.css index a2a53727..40cde62a 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -625,6 +625,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-232x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-750x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -678,7 +679,6 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); @@ -687,6 +687,7 @@ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --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 */ @@ -862,6 +863,7 @@ --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-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-1024x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -1053,6 +1055,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-216x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); @@ -1244,6 +1247,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); @@ -1435,6 +1439,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-320x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); diff --git a/public/css/rme.css b/public/css/rme.css index 31f34333..edf7c58e 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -625,6 +625,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-232x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-750x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -678,7 +679,6 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); @@ -687,6 +687,7 @@ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --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 */ @@ -862,6 +863,7 @@ --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-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-1024x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -1053,6 +1055,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-216x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); @@ -1244,6 +1247,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); @@ -1435,6 +1439,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-320x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x); diff --git a/public/css/varsom.css b/public/css/varsom.css index f60abe64..d70af1d9 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -625,6 +625,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-232x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-750x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -678,7 +679,6 @@ --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family); --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family); - --font-size-small: var(--dimension-4-5x); /** 16 px */ --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family); @@ -687,6 +687,7 @@ --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family); --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 */ @@ -862,6 +863,7 @@ --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-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-1024x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x); @@ -1053,6 +1055,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-216x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-544x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x); @@ -1244,6 +1247,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-40x); + --sizing-image-x-small: var(--sizing-48x); --sizing-image-large: var(--sizing-390x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x); @@ -1435,6 +1439,7 @@ --sizing-device-content-max-width-x-small: var(--sizing-496x); --sizing-brand-logo-medium: var(--sizing-64x); --sizing-brand-illustration-medium: var(--sizing-24x); + --sizing-image-x-small: var(--sizing-84x); --sizing-image-large: var(--sizing-320x); --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x); --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x);