From 3e8069e5c5cb11be58cc3158de8725761091dad3 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 30 Mar 2026 15:49:34 +0200 Subject: [PATCH 1/4] chore: update sidenavitem padding token value --- .../lib/build/tokensStudio/$themes.json | 16 ++++++++-------- .../rebrand/component/SideNavBarNew.json | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 7779d174af..818c194b92 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -2078,6 +2078,7 @@ "topNavBarActionItems.smallViewportDropdownMenuActiveOptionFontWeight": "6de6ce20b32f5b296f8e991b5c4a1a3f80c9747e", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorSpacing": "c94f981f7d1368fa119c63b69aae5f689b69beaf", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorWidth": "0544cd6a28beee42b18662dfd88c5e1ddcce8ef5", + "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", "topNavBarLayout.smallViewportDropdownMenuActiveOptionIndicatorSpacing": "3b9741a8eb17d9b5f14bddb251415c398e10e9df", "topNavBarLayout.smallViewportDropdownMenuActiveOptionIndicatorWidth": "c2ee70a3ea5a4b0a547e68ca4993576467024b1f", "topNavBarLayout.desktopHeight": "01658300b1b40c5f23bc5b9f9528b1a6ca3cb1b2", @@ -2098,7 +2099,6 @@ "topNavBarLayout.smallViewportBackgroundInverse": "3959635c4a4a66ac3a8a87d1278d6ca8931f7faa", "topNavBarLayout.smallViewportDropdownMenuActiveOptionFontWeight": "6952c4c19b6c10569e44323689bf45a7bdbddf81", "topNavBarLayout.smallViewportDropdownMenuActiveOptionIndicatorColor": "91116a6d04418cb3d9dc6e78fba709d7300aa8fc", - "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", "topNavBarLayout.smallViewportInlinePadding": "eafea930d57d4a0dfff527322113813bf2e4815b", "topNavBarLayout.desktopBottomBorderInverse": "e824665719c4a882a857bd54dd4ace2fae5a0a76", "topNavBarLayout.desktopBrandContainerInlineMargin": "607ec0c72eab37354d22d4a45b45e462c57efbd0", @@ -2119,11 +2119,11 @@ "topNavBarItem.activeItemIndicatorSpacing": "f7b6bf636c4f0b6906a9c9585caa34333f5f5195", "topNavBarItem.activeIndicatorColor": "a9f5d4f0b28ade8baa9020050f04e0ed217b4e1c", "topNavBarItem.activeIndicatorColorInverse": "430a2a26e12c04e647d924947afdc1fe7b6aa550", + "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorWidth": "ccd78d6dcfb14e0d8f42055cd5018505b2004286", "topNavBarMenuItems.desktopItemSpacing": "9a5c0e068219d5b2b31df9b5541d44d354bd05c3", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorSpacing": "4ed2ee792c5afa973e6288cf30c9694a1a6401ba", "topNavBarMenuItems.desktopSubmenuActiveOptionFontWeight": "c0cc1e9e7283395874ad658f492af492d1115835", - "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "tray.backgroundColor": "04ec0197b3a1a297127fe05ffbf035a3e00beb19", "tray.borderColor": "0dea5dbf3fdf6eb6d335e36d8dc3986d80846b85", "tray.borderWidth": "6ea8724cd8797945e96bd7152630a55de8c1b007", @@ -4213,6 +4213,7 @@ "topNavBarActionItems.smallViewportDropdownMenuActiveOptionFontWeight": "6de6ce20b32f5b296f8e991b5c4a1a3f80c9747e", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorSpacing": "c94f981f7d1368fa119c63b69aae5f689b69beaf", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorWidth": "0544cd6a28beee42b18662dfd88c5e1ddcce8ef5", + "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", "topNavBarLayout.smallViewportDropdownMenuActiveOptionIndicatorSpacing": "3b9741a8eb17d9b5f14bddb251415c398e10e9df", "topNavBarLayout.smallViewportDropdownMenuActiveOptionIndicatorWidth": "c2ee70a3ea5a4b0a547e68ca4993576467024b1f", "topNavBarLayout.desktopHeight": "01658300b1b40c5f23bc5b9f9528b1a6ca3cb1b2", @@ -4233,7 +4234,6 @@ "topNavBarLayout.smallViewportBackgroundInverse": "3959635c4a4a66ac3a8a87d1278d6ca8931f7faa", "topNavBarLayout.smallViewportDropdownMenuActiveOptionFontWeight": "6952c4c19b6c10569e44323689bf45a7bdbddf81", "topNavBarLayout.smallViewportDropdownMenuActiveOptionIndicatorColor": "91116a6d04418cb3d9dc6e78fba709d7300aa8fc", - "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", "topNavBarLayout.smallViewportInlinePadding": "eafea930d57d4a0dfff527322113813bf2e4815b", "topNavBarLayout.desktopBottomBorderInverse": "e824665719c4a882a857bd54dd4ace2fae5a0a76", "topNavBarLayout.desktopBrandContainerInlineMargin": "607ec0c72eab37354d22d4a45b45e462c57efbd0", @@ -4254,11 +4254,11 @@ "topNavBarItem.activeItemIndicatorSpacing": "f7b6bf636c4f0b6906a9c9585caa34333f5f5195", "topNavBarItem.activeIndicatorColor": "a9f5d4f0b28ade8baa9020050f04e0ed217b4e1c", "topNavBarItem.activeIndicatorColorInverse": "430a2a26e12c04e647d924947afdc1fe7b6aa550", + "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorWidth": "ccd78d6dcfb14e0d8f42055cd5018505b2004286", "topNavBarMenuItems.desktopItemSpacing": "9a5c0e068219d5b2b31df9b5541d44d354bd05c3", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorSpacing": "4ed2ee792c5afa973e6288cf30c9694a1a6401ba", "topNavBarMenuItems.desktopSubmenuActiveOptionFontWeight": "c0cc1e9e7283395874ad658f492af492d1115835", - "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "tray.backgroundColor": "04ec0197b3a1a297127fe05ffbf035a3e00beb19", "tray.borderColor": "0dea5dbf3fdf6eb6d335e36d8dc3986d80846b85", "tray.borderWidth": "6ea8724cd8797945e96bd7152630a55de8c1b007", @@ -6320,6 +6320,7 @@ "topNavBarActionItems.smallViewportDropdownMenuActiveOptionFontWeight": "6de6ce20b32f5b296f8e991b5c4a1a3f80c9747e", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorSpacing": "c94f981f7d1368fa119c63b69aae5f689b69beaf", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorWidth": "0544cd6a28beee42b18662dfd88c5e1ddcce8ef5", + "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", "topNavBarBrand.logoHeight": "3a5033a73b95c24af32885c5d760af6fc9988657", "topNavBarBrand.iconPadding": "065cc660fdafcbee28bdc0e1ab81b489f496fcea", "topNavBarBrand.focusOutlineInset": "c8850d6be21dd6790025d8834af5b5a9ba12c21c", @@ -6335,6 +6336,7 @@ "topNavBarItem.activeItemIndicatorSpacing": "f7b6bf636c4f0b6906a9c9585caa34333f5f5195", "topNavBarItem.activeIndicatorColor": "a9f5d4f0b28ade8baa9020050f04e0ed217b4e1c", "topNavBarItem.activeIndicatorColorInverse": "430a2a26e12c04e647d924947afdc1fe7b6aa550", + "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "topNavBarLayout.desktopBackground": "bcbf9b52c3e4dafdbb58744a843bb83f691158d9", "topNavBarLayout.desktopBackgroundInverse": "629a3917f7443658f0934b641d126edb934e93df", "topNavBarLayout.desktopFontFamily": "7f59a342f6c9ef2d76ee78243045098ec7eb9065", @@ -6364,8 +6366,6 @@ "topNavBarMenuItems.desktopSubmenuActiveOptionFontWeight": "c0cc1e9e7283395874ad658f492af492d1115835", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorSpacing": "4ed2ee792c5afa973e6288cf30c9694a1a6401ba", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorWidth": "ccd78d6dcfb14e0d8f42055cd5018505b2004286", - "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", - "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "tray.backgroundColor": "04ec0197b3a1a297127fe05ffbf035a3e00beb19", "tray.borderColor": "0dea5dbf3fdf6eb6d335e36d8dc3986d80846b85", "tray.borderWidth": "6ea8724cd8797945e96bd7152630a55de8c1b007", @@ -8457,6 +8457,7 @@ "topNavBarActionItems.smallViewportDropdownMenuActiveOptionFontWeight": "6de6ce20b32f5b296f8e991b5c4a1a3f80c9747e", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorSpacing": "c94f981f7d1368fa119c63b69aae5f689b69beaf", "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorWidth": "0544cd6a28beee42b18662dfd88c5e1ddcce8ef5", + "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", "topNavBarBrand.logoHeight": "3a5033a73b95c24af32885c5d760af6fc9988657", "topNavBarBrand.iconPadding": "065cc660fdafcbee28bdc0e1ab81b489f496fcea", "topNavBarBrand.focusOutlineInset": "c8850d6be21dd6790025d8834af5b5a9ba12c21c", @@ -8472,6 +8473,7 @@ "topNavBarItem.activeItemIndicatorSpacing": "f7b6bf636c4f0b6906a9c9585caa34333f5f5195", "topNavBarItem.activeIndicatorColor": "a9f5d4f0b28ade8baa9020050f04e0ed217b4e1c", "topNavBarItem.activeIndicatorColorInverse": "430a2a26e12c04e647d924947afdc1fe7b6aa550", + "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "topNavBarLayout.desktopBackground": "bcbf9b52c3e4dafdbb58744a843bb83f691158d9", "topNavBarLayout.desktopBackgroundInverse": "629a3917f7443658f0934b641d126edb934e93df", "topNavBarLayout.desktopFontFamily": "7f59a342f6c9ef2d76ee78243045098ec7eb9065", @@ -8501,8 +8503,6 @@ "topNavBarMenuItems.desktopSubmenuActiveOptionFontWeight": "c0cc1e9e7283395874ad658f492af492d1115835", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorSpacing": "4ed2ee792c5afa973e6288cf30c9694a1a6401ba", "topNavBarMenuItems.desktopSubmenuActiveOptionIndicatorWidth": "ccd78d6dcfb14e0d8f42055cd5018505b2004286", - "topNavBarActionItems.smallViewportDropdownMenuActiveOptionIndicatorColor": "69e80ec592debe5d40f1f90842cca4b546152386", - "topNavBarItem.activeIndicatorWidth": "56892a530947b917faeeb69ad5ad40fa9c2b7dfd", "tray.backgroundColor": "04ec0197b3a1a297127fe05ffbf035a3e00beb19", "tray.borderColor": "0dea5dbf3fdf6eb6d335e36d8dc3986d80846b85", "tray.borderWidth": "6ea8724cd8797945e96bd7152630a55de8c1b007", diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json index 1b4e2d9333..35e8f2ac51 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json @@ -89,7 +89,7 @@ "type": "color" }, "contentPadding": { - "value": "0.375rem", + "value": "{sharedTokens.spacing.general.spaceSm}", "type": "spacing" }, "fontColor": { From ce1d0e12b7ed5c5019b1853936327e6e8595d785 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 30 Mar 2026 18:13:38 +0200 Subject: [PATCH 2/4] chore: add sidenav spacing tokens --- .../lib/build/tokensStudio/$themes.json | 48 ++++++++++++------- .../canvas/component/SideNavBarNew.json | 22 +++++++-- .../rebrand/component/SideNavBarNew.json | 24 ++++++++-- 3 files changed, 71 insertions(+), 23 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 818c194b92..eca5b8e702 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -1758,15 +1758,15 @@ "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", - "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19", + "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7", "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351", "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc", "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61", - "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a", + "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a", + "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee", "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a", "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55", "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006", @@ -2190,7 +2190,11 @@ "view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a", "view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a", "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0", - "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2" + "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:2", @@ -3893,15 +3897,15 @@ "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", - "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19", + "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7", "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351", "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc", "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61", - "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a", + "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a", + "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee", "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a", "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55", "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006", @@ -4325,7 +4329,11 @@ "view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a", "view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a", "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0", - "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2" + "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:3", @@ -6001,14 +6009,13 @@ "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", - "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19", + "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351", "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc", "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61", - "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a", + "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a", "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a", "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55", "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006", @@ -6020,6 +6027,7 @@ "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d", "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311", "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856", + "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee", "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095", "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b", "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf", @@ -6524,7 +6532,11 @@ "visibleInCanvas": "8a17b3ca8bbbd0ba6ebc849026a3e46de551ecbb", "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", - "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea" + "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:0", @@ -8138,14 +8150,13 @@ "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", - "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19", + "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351", "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc", "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61", - "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a", + "sideNavBarItemNew.horizontalPadding": "728353a6c07e37f03877ea4842d506233404da6a", "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a", "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55", "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006", @@ -8157,6 +8168,7 @@ "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d", "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311", "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856", + "sideNavBarItemNew.verticalPadding": "1d7136e7e2bbeb156fc66f4d7d3a0d811cc6b6ee", "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095", "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b", "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf", @@ -8661,7 +8673,11 @@ "visibleInCanvas": "8a17b3ca8bbbd0ba6ebc849026a3e46de551ecbb", "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", - "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea" + "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:1", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json index fd1c4976f6..662d645622 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json @@ -32,11 +32,23 @@ "value": "0rem", "type": "spacing" }, - "contentMargin": { + "mainNavMargin": { "value": "0rem", "type": "spacing" }, - "contentGap": { + "mainNavMinimizedMargin": { + "value": "0rem", + "type": "spacing" + }, + "mainNavGap": { + "value": "{spacing.padding.container.xxs}", + "type": "spacing" + }, + "mainNavMinimizedGap": { + "value": "0rem", + "type": "spacing" + }, + "navItemsGap": { "value": "0rem", "type": "spacing" }, @@ -88,10 +100,14 @@ "value": "transparent", "type": "color" }, - "contentPadding": { + "horizontalPadding": { "value": "0.375rem", "type": "spacing" }, + "verticalPadding": { + "value": "0.25rem", + "type": "spacing" + }, "fontColor": { "value": "{color.text.onColor}", "type": "color" diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json index 35e8f2ac51..f9fb01d4e9 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json @@ -36,11 +36,23 @@ "value": "0.375rem", "type": "spacing" }, - "contentMargin": { - "value": "0.375rem", + "mainNavMargin": { + "value": "0.75rem", + "type": "spacing" + }, + "mainNavMinimizedMargin": { + "value": "0rem", + "type": "spacing" + }, + "mainNavGap": { + "value": "{spacing.padding.container.xxs}", "type": "spacing" }, - "contentGap": { + "mainNavMinimizedGap": { + "value": "0rem", + "type": "spacing" + }, + "navItemsGap": { "value": "{spacing.spaceXs}", "type": "spacing" }, @@ -88,7 +100,7 @@ "value": "transparent", "type": "color" }, - "contentPadding": { + "horizontalPadding": { "value": "{sharedTokens.spacing.general.spaceSm}", "type": "spacing" }, @@ -143,6 +155,10 @@ "selectedOuterFocusOutlineColor": { "value": "{color.transparentColor}", "type": "color" + }, + "verticalPadding": { + "value": "0.25rem", + "type": "spacing" } } } \ No newline at end of file From b02e03dfc79d6c4a7005c04cea83bdb98506ca1c Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 31 Mar 2026 15:03:58 +0200 Subject: [PATCH 3/4] chore: fix new sidenav width and img export --- .../lib/build/tokensStudio/$metadata.json | 8 +- .../lib/build/tokensStudio/$themes.json | 436 +++++++++--------- .../canvas/component/SideNavBarNew.json | 4 +- .../rebrand/component/SideNavBarNew.json | 8 +- 4 files changed, 230 insertions(+), 226 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index d83ff1e7ff..5af92a17a7 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -70,6 +70,9 @@ "canvas/component/TreeBrowser", "canvas/component/View", "canvas/component/TruncateText", + "rebrand/semantic/layout/default", + "rebrand/semantic/color/rebrandLight", + "rebrand/semantic/color/rebrandDark", "rebrand/component/AiInformation", "rebrand/component/Alert", "rebrand/component/AppNav", @@ -135,9 +138,6 @@ "rebrand/component/Tray", "rebrand/component/TreeBrowser", "rebrand/component/TruncateText", - "rebrand/component/View", - "rebrand/semantic/layout/default", - "rebrand/semantic/color/rebrandLight", - "rebrand/semantic/color/rebrandDark" + "rebrand/component/View" ] } \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index eca5b8e702..cf69a8adad 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -70,7 +70,8 @@ "rebrand/component/TruncateText": "enabled", "rebrand/component/AppNav": "enabled", "rebrand/component/Byline": "enabled", - "rebrand/component/SideNavBarNew": "enabled" + "rebrand/component/SideNavBarNew": "enabled", + "rebrand/component/Img": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -1754,10 +1755,14 @@ "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540", "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777", "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103", - "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", - "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", + "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", + "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d", "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", @@ -2190,11 +2195,7 @@ "view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a", "view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a", "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0", - "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2", - "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", - "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", - "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" + "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:2", @@ -2271,7 +2272,8 @@ "rebrand/component/TruncateText": "enabled", "rebrand/component/AppNav": "enabled", "rebrand/component/Byline": "enabled", - "rebrand/component/SideNavBarNew": "enabled" + "rebrand/component/SideNavBarNew": "enabled", + "rebrand/component/Img": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -3893,10 +3895,14 @@ "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540", "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777", "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103", - "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", - "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", + "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", + "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d", "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", @@ -4329,11 +4335,7 @@ "view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a", "view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a", "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0", - "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2", - "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", - "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", - "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" + "truncateText.fontFamily": "ef142f8d5b110c5d71641c0c4041fff579320ce2" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:3", @@ -4410,7 +4412,8 @@ "canvas/component/TruncateText": "enabled", "canvas/component/AppNav": "enabled", "canvas/component/Byline": "enabled", - "canvas/component/SideNavBarNew": "enabled" + "canvas/component/SideNavBarNew": "enabled", + "canvas/component/Img": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -4880,6 +4883,98 @@ "dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05", "dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862", "dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0", + "size.interactive.height.xxs": "7b7b916bb9b59c700497107b1ee02ca6da195d47", + "size.interactive.height.xs": "1516cc4e8ee0c76e66296b6cc3c0a150b8abc772", + "size.interactive.height.sm": "3b32db09604a47795ca27cbdab5386bcdf152e20", + "size.interactive.height.md": "63693437989a35d5b098776e253cff6e0385995c", + "size.interactive.height.lg": "0889ec620edcf315d3532721d7f626ebee5d6c66", + "size.choiceControl.height.sm": "461bfaaf37cbc8f66ccf3f8d365581200c56118f", + "size.choiceControl.height.md": "01f199ec90602386fe178e2abdd6d4ff606619cb", + "size.choiceControl.height.lg": "994cccefe3c4f60d7c15c6c6bceab5931f288101", + "size.breakpoints.xxs": "e60fe59a693070502ba136646664f16907b4e4ce", + "size.breakpoints.xs": "d5a3039a4c7b179ac6c3845010a8ba2256cb3aac", + "size.breakpoints.sm": "bd3588453523311db334f081360066bafc1351b1", + "size.breakpoints.md": "33090ba806973f5cd4084cf19954690bacfc55d6", + "size.breakpoints.lg": "16526f526f023c68e60a30639c9b5bcd84acef38", + "size.breakpoints.desktop": "4482fec02e0cf346f4445cf67ead8a26f345a17f", + "size.breakpoints.xl": "3cf418199760c130c272eca535f0f3e4268727f3", + "size.media.mediumMin": "25729562d9f9306c438d427861e4d242d5360ceb", + "size.media.largeMin": "91317ce42bfee225be895c0c77ba093b62813b0a", + "size.media.xLargeMin": "c2d9e26e9ab2e0a2e20b37463870efb377023ba5", + "spacing.space2xs": "dc7565dcc694ad7360dd70f94e9873f0bf626bc6", + "spacing.spaceXs": "b93d5b7b817ca056f3f37c0a06c76b50c2d7ebe4", + "spacing.spaceSm": "d8f987a25e95dbe673c2e1bdc253321e4084ce4d", + "spacing.spaceMd": "375ea7714c171d4e881fc42a1c20ac1bdfd4a77f", + "spacing.spaceLg": "96c851304a95cfc6c279473eb100bc63218049f3", + "spacing.spaceXl": "f4c478c6333a4ce0a61e5110b017119a2ef76aa3", + "spacing.space2xl": "5f05115d74047cabdc1ee5f59e25e92de82c5f52", + "spacing.gap.sections": "720d7c85900dc4471787d6769841be82908209b8", + "spacing.gap.cards.sm": "b0753bc1a3deec48aa6867cfcfa866a6614fa92c", + "spacing.gap.cards.md": "4e9a62b2e587f968e02635e6383d5855c87db283", + "spacing.gap.cards.lg": "ebd298b49f1c22d3f2f041d78e23cd4d96b6703e", + "spacing.gap.inputs.horizontal": "04911f80803793d3667b2a9b0153d8e01e2d17ea", + "spacing.gap.inputs.vertical": "d6fe77912122e4de25ba4c602bbcbfce3dde93a5", + "spacing.gap.inputElements": "9e708e58e2f54300c6d451b4151bacc1e5335cc3", + "spacing.padding.container.xxs": "f2ec9b1f4c26f5e4235a0389d00e675aa816eede", + "spacing.padding.container.xs": "e84b57500a7e44fc34f85ec6d9029cd657075f27", + "spacing.padding.container.sm": "43eee791a3c26d89545e4abeae4e06e20b6d3501", + "spacing.padding.container.md": "c9e314e0e9418f6f14f7757a6155eab1a919f28d", + "spacing.padding.container.lg": "12bad98b354e36f53ec0bf802418756f8cee2515", + "spacing.padding.interactive.horizontal.sm": "77c3d03d294cbdc69a70e1d7a137467760786fd2", + "spacing.padding.interactive.horizontal.md": "b739b2d0d61fc6f4ed8d3bce85e2ab7e2e213126", + "spacing.padding.interactive.horizontal.lg": "00b2248bf816389c57cf897e97a5e58053298b79", + "spacing.padding.interactive.horizontal.xl": "edae92c454db22fadcf21a741445a01a532d8524", + "borderRadius.xs": "3be42e44637641982119a055fa0baa4bc0aafc2f", + "borderRadius.sm": "b173f1f49cfe116b5b7e7c112261d21f1937f3ee", + "borderRadius.md": "560d79bd5868acc4a44d686f7c9a68ff65b84214", + "borderRadius.lg": "0ca1d822fcff6cbf64b31d74be71f8dacc88b30c", + "borderRadius.xl": "a19a0dba98bd00fbcf5d663ceba4d55d2670231a", + "borderRadius.xxl": "e12c099fd27a1d4f29420c7c25647540a0fc01e5", + "borderRadius.full": "64676831cefcab2f0e48931d4762c0952cf92a1f", + "borderRadius.container.sm": "fe6cc1de83ebf2cebfe1ed91fb5141dbb2a6eeee", + "borderRadius.container.md": "a7af31e205435670c18a58f99ca261624848b00b", + "borderRadius.container.lg": "c09d3bb79b3f59224a6b16b86eda342fd9335af0", + "borderRadius.container.xl": "211107e0a7c3a04aa6779f7fc77399f0fd689167", + "borderRadius.interactive.base": "389ac83cefc6423650a7dea0b4d1a05777a8a8b0", + "borderWidth.sm": "e2a0abf7ef65839a45aeab576f1752d44a5e1a21", + "borderWidth.md": "4ba6d97438b2b0ed73980f651385ba24570532c6", + "borderWidth.lg": "40d392e299c124e18ce5a0aa99af3940a3e1c2ba", + "borderWidth.interactive.base": "10f33e7136928fb01bee92552d5a2053bfb36c47", + "borderWidth.interactive.focus": "96619724bfee86780992d08589bc9bf45f5daf91", + "fontFamily.heading": "9a9bc1bea9e9d0a1d92ebae2a0f82bad65896d87", + "fontFamily.base": "4de61d2c15041434a95c195d869282adce977e2e", + "fontFamily.code": "385f97033ad97d3ed80a6643cdd00388a2487f32", + "fontWeight.body.base": "75f9e9eac08d4929e1feeedc08c7d32c0c6d3d27", + "fontWeight.body.strong": "83721dd28d945c4cf467daaae6ddaacd797d305b", + "fontWeight.heading.base": "94142024213b3f0b7e84524984eb668678123b5a", + "fontWeight.heading.strong": "b673787dda2c00436029189a9b3cdc20cca02a32", + "fontWeight.interactive": "9e9e20db4a5880ec4e50c062def10724302cd567", + "lineHeight.paragraph.textXs": "b6bf93a4ffd080a0dbc055460c89688639b26071", + "lineHeight.paragraph.textSm": "58362b127e076ff91973be1ca961760efc8101c1", + "lineHeight.paragraph.textBase": "d50e51f7ede6fd5673d4c3817215e065211fb76e", + "lineHeight.standalone.textXs": "43555ec22e787fe7d068ec3d601507923c687e40", + "lineHeight.standalone.textSm": "e170e1c051103a4a9e59173f3919926e65377357", + "lineHeight.standalone.textBase": "86e28949d88264f7f22460644888f5c67ce288c2", + "lineHeight.standalone.textLg": "8b99c1485691a3856cee6b3d98af763b1da64f0d", + "lineHeight.standalone.textXl": "8976d0f7ba53de9b9c8e0f867a84e214aa82d0e5", + "lineHeight.standalone.text2xl": "bac11a3cf979a28f7766535835a8eabc3fea7f2c", + "lineHeight.standalone.text3xl": "e4fe523271d7717b5d94b699f02df4bdef95717d", + "lineHeight.standalone.text4xl": "5f02178d200137054af10b1ea32145964da12859", + "lineHeight.heading.textLg": "fe44cfd1bd793ae86b1f3885387b33ddbb97b945", + "lineHeight.heading.textXl": "e35fa715b5528101058d5aeb1b4349ea9ac68a4d", + "lineHeight.heading.text2xl": "e20f0c280ec0dce10d94689ab7f711dd372ad9eb", + "lineHeight.heading.text3xl": "42e8bbbadfaca6a5a8fd3d620c433be29090b0dc", + "lineHeight.label.base": "d64a1248b113c404da185acd85f46accaf72fe8c", + "fontSize.textXs": "0bdba828e5cbc1800d2ce87dade15d35d31189eb", + "fontSize.textSm": "7bfc573af9e257b3c3983f9c72d9f5f85c1a1a66", + "fontSize.textBase": "95f80960a4d2adbc5248e333e6312967331fcd96", + "fontSize.textLg": "26e62ff429de125c3efba837b706f6998dff88da", + "fontSize.textXl": "37d22fb572834de0720c5557d28bc2525bbc96f8", + "fontSize.text2xl": "894c45915a183beaee0f691db24f059b2c48a290", + "visibleInCanvas": "8a17b3ca8bbbd0ba6ebc849026a3e46de551ecbb", + "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", + "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", + "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", "aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c", "aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b", "aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96", @@ -6005,10 +6100,14 @@ "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777", "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7", "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103", - "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", - "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", + "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", + "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d", "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", @@ -6440,103 +6539,7 @@ "view.stackingAbove": "5546c5f4795ebcb9d5e47ce79b86805267b1ebf8", "view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a", "view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a", - "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0", - "size.interactive.height.xxs": "7b7b916bb9b59c700497107b1ee02ca6da195d47", - "size.interactive.height.xs": "1516cc4e8ee0c76e66296b6cc3c0a150b8abc772", - "size.interactive.height.sm": "3b32db09604a47795ca27cbdab5386bcdf152e20", - "size.interactive.height.md": "63693437989a35d5b098776e253cff6e0385995c", - "size.interactive.height.lg": "0889ec620edcf315d3532721d7f626ebee5d6c66", - "size.choiceControl.height.sm": "461bfaaf37cbc8f66ccf3f8d365581200c56118f", - "size.choiceControl.height.md": "01f199ec90602386fe178e2abdd6d4ff606619cb", - "size.choiceControl.height.lg": "994cccefe3c4f60d7c15c6c6bceab5931f288101", - "size.breakpoints.xxs": "e60fe59a693070502ba136646664f16907b4e4ce", - "size.breakpoints.xs": "d5a3039a4c7b179ac6c3845010a8ba2256cb3aac", - "size.breakpoints.sm": "bd3588453523311db334f081360066bafc1351b1", - "size.breakpoints.md": "33090ba806973f5cd4084cf19954690bacfc55d6", - "size.breakpoints.lg": "16526f526f023c68e60a30639c9b5bcd84acef38", - "size.breakpoints.desktop": "4482fec02e0cf346f4445cf67ead8a26f345a17f", - "size.breakpoints.xl": "3cf418199760c130c272eca535f0f3e4268727f3", - "size.media.mediumMin": "25729562d9f9306c438d427861e4d242d5360ceb", - "size.media.largeMin": "91317ce42bfee225be895c0c77ba093b62813b0a", - "size.media.xLargeMin": "c2d9e26e9ab2e0a2e20b37463870efb377023ba5", - "spacing.space2xs": "dc7565dcc694ad7360dd70f94e9873f0bf626bc6", - "spacing.spaceXs": "b93d5b7b817ca056f3f37c0a06c76b50c2d7ebe4", - "spacing.spaceSm": "d8f987a25e95dbe673c2e1bdc253321e4084ce4d", - "spacing.spaceMd": "375ea7714c171d4e881fc42a1c20ac1bdfd4a77f", - "spacing.spaceLg": "96c851304a95cfc6c279473eb100bc63218049f3", - "spacing.spaceXl": "f4c478c6333a4ce0a61e5110b017119a2ef76aa3", - "spacing.space2xl": "5f05115d74047cabdc1ee5f59e25e92de82c5f52", - "spacing.gap.sections": "720d7c85900dc4471787d6769841be82908209b8", - "spacing.gap.cards.sm": "b0753bc1a3deec48aa6867cfcfa866a6614fa92c", - "spacing.gap.cards.md": "4e9a62b2e587f968e02635e6383d5855c87db283", - "spacing.gap.cards.lg": "ebd298b49f1c22d3f2f041d78e23cd4d96b6703e", - "spacing.gap.inputs.horizontal": "04911f80803793d3667b2a9b0153d8e01e2d17ea", - "spacing.gap.inputs.vertical": "d6fe77912122e4de25ba4c602bbcbfce3dde93a5", - "spacing.gap.inputElements": "9e708e58e2f54300c6d451b4151bacc1e5335cc3", - "spacing.padding.container.xxs": "f2ec9b1f4c26f5e4235a0389d00e675aa816eede", - "spacing.padding.container.xs": "e84b57500a7e44fc34f85ec6d9029cd657075f27", - "spacing.padding.container.sm": "43eee791a3c26d89545e4abeae4e06e20b6d3501", - "spacing.padding.container.md": "c9e314e0e9418f6f14f7757a6155eab1a919f28d", - "spacing.padding.container.lg": "12bad98b354e36f53ec0bf802418756f8cee2515", - "spacing.padding.interactive.horizontal.sm": "77c3d03d294cbdc69a70e1d7a137467760786fd2", - "spacing.padding.interactive.horizontal.md": "b739b2d0d61fc6f4ed8d3bce85e2ab7e2e213126", - "spacing.padding.interactive.horizontal.lg": "00b2248bf816389c57cf897e97a5e58053298b79", - "spacing.padding.interactive.horizontal.xl": "edae92c454db22fadcf21a741445a01a532d8524", - "borderRadius.xs": "3be42e44637641982119a055fa0baa4bc0aafc2f", - "borderRadius.sm": "b173f1f49cfe116b5b7e7c112261d21f1937f3ee", - "borderRadius.md": "560d79bd5868acc4a44d686f7c9a68ff65b84214", - "borderRadius.lg": "0ca1d822fcff6cbf64b31d74be71f8dacc88b30c", - "borderRadius.xl": "a19a0dba98bd00fbcf5d663ceba4d55d2670231a", - "borderRadius.xxl": "e12c099fd27a1d4f29420c7c25647540a0fc01e5", - "borderRadius.full": "64676831cefcab2f0e48931d4762c0952cf92a1f", - "borderRadius.container.sm": "fe6cc1de83ebf2cebfe1ed91fb5141dbb2a6eeee", - "borderRadius.container.md": "a7af31e205435670c18a58f99ca261624848b00b", - "borderRadius.container.lg": "c09d3bb79b3f59224a6b16b86eda342fd9335af0", - "borderRadius.container.xl": "211107e0a7c3a04aa6779f7fc77399f0fd689167", - "borderRadius.interactive.base": "389ac83cefc6423650a7dea0b4d1a05777a8a8b0", - "borderWidth.sm": "e2a0abf7ef65839a45aeab576f1752d44a5e1a21", - "borderWidth.md": "4ba6d97438b2b0ed73980f651385ba24570532c6", - "borderWidth.lg": "40d392e299c124e18ce5a0aa99af3940a3e1c2ba", - "borderWidth.interactive.base": "10f33e7136928fb01bee92552d5a2053bfb36c47", - "borderWidth.interactive.focus": "96619724bfee86780992d08589bc9bf45f5daf91", - "fontFamily.heading": "9a9bc1bea9e9d0a1d92ebae2a0f82bad65896d87", - "fontFamily.base": "4de61d2c15041434a95c195d869282adce977e2e", - "fontFamily.code": "385f97033ad97d3ed80a6643cdd00388a2487f32", - "fontWeight.body.base": "75f9e9eac08d4929e1feeedc08c7d32c0c6d3d27", - "fontWeight.body.strong": "83721dd28d945c4cf467daaae6ddaacd797d305b", - "fontWeight.heading.base": "94142024213b3f0b7e84524984eb668678123b5a", - "fontWeight.heading.strong": "b673787dda2c00436029189a9b3cdc20cca02a32", - "fontWeight.interactive": "9e9e20db4a5880ec4e50c062def10724302cd567", - "lineHeight.paragraph.textXs": "b6bf93a4ffd080a0dbc055460c89688639b26071", - "lineHeight.paragraph.textSm": "58362b127e076ff91973be1ca961760efc8101c1", - "lineHeight.paragraph.textBase": "d50e51f7ede6fd5673d4c3817215e065211fb76e", - "lineHeight.standalone.textXs": "43555ec22e787fe7d068ec3d601507923c687e40", - "lineHeight.standalone.textSm": "e170e1c051103a4a9e59173f3919926e65377357", - "lineHeight.standalone.textBase": "86e28949d88264f7f22460644888f5c67ce288c2", - "lineHeight.standalone.textLg": "8b99c1485691a3856cee6b3d98af763b1da64f0d", - "lineHeight.standalone.textXl": "8976d0f7ba53de9b9c8e0f867a84e214aa82d0e5", - "lineHeight.standalone.text2xl": "bac11a3cf979a28f7766535835a8eabc3fea7f2c", - "lineHeight.standalone.text3xl": "e4fe523271d7717b5d94b699f02df4bdef95717d", - "lineHeight.standalone.text4xl": "5f02178d200137054af10b1ea32145964da12859", - "lineHeight.heading.textLg": "fe44cfd1bd793ae86b1f3885387b33ddbb97b945", - "lineHeight.heading.textXl": "e35fa715b5528101058d5aeb1b4349ea9ac68a4d", - "lineHeight.heading.text2xl": "e20f0c280ec0dce10d94689ab7f711dd372ad9eb", - "lineHeight.heading.text3xl": "42e8bbbadfaca6a5a8fd3d620c433be29090b0dc", - "lineHeight.label.base": "d64a1248b113c404da185acd85f46accaf72fe8c", - "fontSize.textXs": "0bdba828e5cbc1800d2ce87dade15d35d31189eb", - "fontSize.textSm": "7bfc573af9e257b3c3983f9c72d9f5f85c1a1a66", - "fontSize.textBase": "95f80960a4d2adbc5248e333e6312967331fcd96", - "fontSize.textLg": "26e62ff429de125c3efba837b706f6998dff88da", - "fontSize.textXl": "37d22fb572834de0720c5557d28bc2525bbc96f8", - "fontSize.text2xl": "894c45915a183beaee0f691db24f059b2c48a290", - "visibleInCanvas": "8a17b3ca8bbbd0ba6ebc849026a3e46de551ecbb", - "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", - "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", - "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", - "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", - "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", - "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" + "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:0", @@ -6613,7 +6616,8 @@ "canvas/component/TruncateText": "enabled", "canvas/component/AppNav": "enabled", "canvas/component/Byline": "enabled", - "canvas/component/SideNavBarNew": "enabled" + "canvas/component/SideNavBarNew": "enabled", + "canvas/component/Img": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -7021,6 +7025,98 @@ "dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05", "dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862", "dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0", + "size.interactive.height.xxs": "7b7b916bb9b59c700497107b1ee02ca6da195d47", + "size.interactive.height.xs": "1516cc4e8ee0c76e66296b6cc3c0a150b8abc772", + "size.interactive.height.sm": "3b32db09604a47795ca27cbdab5386bcdf152e20", + "size.interactive.height.md": "63693437989a35d5b098776e253cff6e0385995c", + "size.interactive.height.lg": "0889ec620edcf315d3532721d7f626ebee5d6c66", + "size.choiceControl.height.sm": "461bfaaf37cbc8f66ccf3f8d365581200c56118f", + "size.choiceControl.height.md": "01f199ec90602386fe178e2abdd6d4ff606619cb", + "size.choiceControl.height.lg": "994cccefe3c4f60d7c15c6c6bceab5931f288101", + "size.breakpoints.xxs": "e60fe59a693070502ba136646664f16907b4e4ce", + "size.breakpoints.xs": "d5a3039a4c7b179ac6c3845010a8ba2256cb3aac", + "size.breakpoints.sm": "bd3588453523311db334f081360066bafc1351b1", + "size.breakpoints.md": "33090ba806973f5cd4084cf19954690bacfc55d6", + "size.breakpoints.lg": "16526f526f023c68e60a30639c9b5bcd84acef38", + "size.breakpoints.desktop": "4482fec02e0cf346f4445cf67ead8a26f345a17f", + "size.breakpoints.xl": "3cf418199760c130c272eca535f0f3e4268727f3", + "size.media.mediumMin": "25729562d9f9306c438d427861e4d242d5360ceb", + "size.media.largeMin": "91317ce42bfee225be895c0c77ba093b62813b0a", + "size.media.xLargeMin": "c2d9e26e9ab2e0a2e20b37463870efb377023ba5", + "spacing.space2xs": "dc7565dcc694ad7360dd70f94e9873f0bf626bc6", + "spacing.spaceXs": "b93d5b7b817ca056f3f37c0a06c76b50c2d7ebe4", + "spacing.spaceSm": "d8f987a25e95dbe673c2e1bdc253321e4084ce4d", + "spacing.spaceMd": "375ea7714c171d4e881fc42a1c20ac1bdfd4a77f", + "spacing.spaceLg": "96c851304a95cfc6c279473eb100bc63218049f3", + "spacing.spaceXl": "f4c478c6333a4ce0a61e5110b017119a2ef76aa3", + "spacing.space2xl": "5f05115d74047cabdc1ee5f59e25e92de82c5f52", + "spacing.gap.sections": "720d7c85900dc4471787d6769841be82908209b8", + "spacing.gap.cards.sm": "b0753bc1a3deec48aa6867cfcfa866a6614fa92c", + "spacing.gap.cards.md": "4e9a62b2e587f968e02635e6383d5855c87db283", + "spacing.gap.cards.lg": "ebd298b49f1c22d3f2f041d78e23cd4d96b6703e", + "spacing.gap.inputs.horizontal": "04911f80803793d3667b2a9b0153d8e01e2d17ea", + "spacing.gap.inputs.vertical": "d6fe77912122e4de25ba4c602bbcbfce3dde93a5", + "spacing.gap.inputElements": "9e708e58e2f54300c6d451b4151bacc1e5335cc3", + "spacing.padding.container.xxs": "f2ec9b1f4c26f5e4235a0389d00e675aa816eede", + "spacing.padding.container.xs": "e84b57500a7e44fc34f85ec6d9029cd657075f27", + "spacing.padding.container.sm": "43eee791a3c26d89545e4abeae4e06e20b6d3501", + "spacing.padding.container.md": "c9e314e0e9418f6f14f7757a6155eab1a919f28d", + "spacing.padding.container.lg": "12bad98b354e36f53ec0bf802418756f8cee2515", + "spacing.padding.interactive.horizontal.sm": "77c3d03d294cbdc69a70e1d7a137467760786fd2", + "spacing.padding.interactive.horizontal.md": "b739b2d0d61fc6f4ed8d3bce85e2ab7e2e213126", + "spacing.padding.interactive.horizontal.lg": "00b2248bf816389c57cf897e97a5e58053298b79", + "spacing.padding.interactive.horizontal.xl": "edae92c454db22fadcf21a741445a01a532d8524", + "borderRadius.xs": "3be42e44637641982119a055fa0baa4bc0aafc2f", + "borderRadius.sm": "b173f1f49cfe116b5b7e7c112261d21f1937f3ee", + "borderRadius.md": "560d79bd5868acc4a44d686f7c9a68ff65b84214", + "borderRadius.lg": "0ca1d822fcff6cbf64b31d74be71f8dacc88b30c", + "borderRadius.xl": "a19a0dba98bd00fbcf5d663ceba4d55d2670231a", + "borderRadius.xxl": "e12c099fd27a1d4f29420c7c25647540a0fc01e5", + "borderRadius.full": "64676831cefcab2f0e48931d4762c0952cf92a1f", + "borderRadius.container.sm": "fe6cc1de83ebf2cebfe1ed91fb5141dbb2a6eeee", + "borderRadius.container.md": "a7af31e205435670c18a58f99ca261624848b00b", + "borderRadius.container.lg": "c09d3bb79b3f59224a6b16b86eda342fd9335af0", + "borderRadius.container.xl": "211107e0a7c3a04aa6779f7fc77399f0fd689167", + "borderRadius.interactive.base": "389ac83cefc6423650a7dea0b4d1a05777a8a8b0", + "borderWidth.sm": "e2a0abf7ef65839a45aeab576f1752d44a5e1a21", + "borderWidth.md": "4ba6d97438b2b0ed73980f651385ba24570532c6", + "borderWidth.lg": "40d392e299c124e18ce5a0aa99af3940a3e1c2ba", + "borderWidth.interactive.base": "10f33e7136928fb01bee92552d5a2053bfb36c47", + "borderWidth.interactive.focus": "96619724bfee86780992d08589bc9bf45f5daf91", + "fontFamily.heading": "9a9bc1bea9e9d0a1d92ebae2a0f82bad65896d87", + "fontFamily.base": "4de61d2c15041434a95c195d869282adce977e2e", + "fontFamily.code": "385f97033ad97d3ed80a6643cdd00388a2487f32", + "fontWeight.body.base": "75f9e9eac08d4929e1feeedc08c7d32c0c6d3d27", + "fontWeight.body.strong": "83721dd28d945c4cf467daaae6ddaacd797d305b", + "fontWeight.heading.base": "94142024213b3f0b7e84524984eb668678123b5a", + "fontWeight.heading.strong": "b673787dda2c00436029189a9b3cdc20cca02a32", + "fontWeight.interactive": "9e9e20db4a5880ec4e50c062def10724302cd567", + "lineHeight.paragraph.textXs": "b6bf93a4ffd080a0dbc055460c89688639b26071", + "lineHeight.paragraph.textSm": "58362b127e076ff91973be1ca961760efc8101c1", + "lineHeight.paragraph.textBase": "d50e51f7ede6fd5673d4c3817215e065211fb76e", + "lineHeight.standalone.textXs": "43555ec22e787fe7d068ec3d601507923c687e40", + "lineHeight.standalone.textSm": "e170e1c051103a4a9e59173f3919926e65377357", + "lineHeight.standalone.textBase": "86e28949d88264f7f22460644888f5c67ce288c2", + "lineHeight.standalone.textLg": "8b99c1485691a3856cee6b3d98af763b1da64f0d", + "lineHeight.standalone.textXl": "8976d0f7ba53de9b9c8e0f867a84e214aa82d0e5", + "lineHeight.standalone.text2xl": "bac11a3cf979a28f7766535835a8eabc3fea7f2c", + "lineHeight.standalone.text3xl": "e4fe523271d7717b5d94b699f02df4bdef95717d", + "lineHeight.standalone.text4xl": "5f02178d200137054af10b1ea32145964da12859", + "lineHeight.heading.textLg": "fe44cfd1bd793ae86b1f3885387b33ddbb97b945", + "lineHeight.heading.textXl": "e35fa715b5528101058d5aeb1b4349ea9ac68a4d", + "lineHeight.heading.text2xl": "e20f0c280ec0dce10d94689ab7f711dd372ad9eb", + "lineHeight.heading.text3xl": "42e8bbbadfaca6a5a8fd3d620c433be29090b0dc", + "lineHeight.label.base": "d64a1248b113c404da185acd85f46accaf72fe8c", + "fontSize.textXs": "0bdba828e5cbc1800d2ce87dade15d35d31189eb", + "fontSize.textSm": "7bfc573af9e257b3c3983f9c72d9f5f85c1a1a66", + "fontSize.textBase": "95f80960a4d2adbc5248e333e6312967331fcd96", + "fontSize.textLg": "26e62ff429de125c3efba837b706f6998dff88da", + "fontSize.textXl": "37d22fb572834de0720c5557d28bc2525bbc96f8", + "fontSize.text2xl": "894c45915a183beaee0f691db24f059b2c48a290", + "visibleInCanvas": "8a17b3ca8bbbd0ba6ebc849026a3e46de551ecbb", + "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", + "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", + "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", "aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c", "aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b", "aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96", @@ -8146,10 +8242,14 @@ "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777", "sideNavBarNew.borderColor": "14f52d598353c94a9e32e45fb8a992e259d768d7", "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103", - "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", - "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", + "sideNavBarNew.minimizedminWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90", + "sideNavBarNew.minWidth": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19", "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5", "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae", + "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", + "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", + "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", + "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d", "sideNavBarNew.navItemsGap": "00008d3a76b80546bab5238b1202635f83f30c19", "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e", "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3", @@ -8581,103 +8681,7 @@ "view.stackingAbove": "5546c5f4795ebcb9d5e47ce79b86805267b1ebf8", "view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a", "view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a", - "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0", - "size.interactive.height.xxs": "7b7b916bb9b59c700497107b1ee02ca6da195d47", - "size.interactive.height.xs": "1516cc4e8ee0c76e66296b6cc3c0a150b8abc772", - "size.interactive.height.sm": "3b32db09604a47795ca27cbdab5386bcdf152e20", - "size.interactive.height.md": "63693437989a35d5b098776e253cff6e0385995c", - "size.interactive.height.lg": "0889ec620edcf315d3532721d7f626ebee5d6c66", - "size.choiceControl.height.sm": "461bfaaf37cbc8f66ccf3f8d365581200c56118f", - "size.choiceControl.height.md": "01f199ec90602386fe178e2abdd6d4ff606619cb", - "size.choiceControl.height.lg": "994cccefe3c4f60d7c15c6c6bceab5931f288101", - "size.breakpoints.xxs": "e60fe59a693070502ba136646664f16907b4e4ce", - "size.breakpoints.xs": "d5a3039a4c7b179ac6c3845010a8ba2256cb3aac", - "size.breakpoints.sm": "bd3588453523311db334f081360066bafc1351b1", - "size.breakpoints.md": "33090ba806973f5cd4084cf19954690bacfc55d6", - "size.breakpoints.lg": "16526f526f023c68e60a30639c9b5bcd84acef38", - "size.breakpoints.desktop": "4482fec02e0cf346f4445cf67ead8a26f345a17f", - "size.breakpoints.xl": "3cf418199760c130c272eca535f0f3e4268727f3", - "size.media.mediumMin": "25729562d9f9306c438d427861e4d242d5360ceb", - "size.media.largeMin": "91317ce42bfee225be895c0c77ba093b62813b0a", - "size.media.xLargeMin": "c2d9e26e9ab2e0a2e20b37463870efb377023ba5", - "spacing.space2xs": "dc7565dcc694ad7360dd70f94e9873f0bf626bc6", - "spacing.spaceXs": "b93d5b7b817ca056f3f37c0a06c76b50c2d7ebe4", - "spacing.spaceSm": "d8f987a25e95dbe673c2e1bdc253321e4084ce4d", - "spacing.spaceMd": "375ea7714c171d4e881fc42a1c20ac1bdfd4a77f", - "spacing.spaceLg": "96c851304a95cfc6c279473eb100bc63218049f3", - "spacing.spaceXl": "f4c478c6333a4ce0a61e5110b017119a2ef76aa3", - "spacing.space2xl": "5f05115d74047cabdc1ee5f59e25e92de82c5f52", - "spacing.gap.sections": "720d7c85900dc4471787d6769841be82908209b8", - "spacing.gap.cards.sm": "b0753bc1a3deec48aa6867cfcfa866a6614fa92c", - "spacing.gap.cards.md": "4e9a62b2e587f968e02635e6383d5855c87db283", - "spacing.gap.cards.lg": "ebd298b49f1c22d3f2f041d78e23cd4d96b6703e", - "spacing.gap.inputs.horizontal": "04911f80803793d3667b2a9b0153d8e01e2d17ea", - "spacing.gap.inputs.vertical": "d6fe77912122e4de25ba4c602bbcbfce3dde93a5", - "spacing.gap.inputElements": "9e708e58e2f54300c6d451b4151bacc1e5335cc3", - "spacing.padding.container.xxs": "f2ec9b1f4c26f5e4235a0389d00e675aa816eede", - "spacing.padding.container.xs": "e84b57500a7e44fc34f85ec6d9029cd657075f27", - "spacing.padding.container.sm": "43eee791a3c26d89545e4abeae4e06e20b6d3501", - "spacing.padding.container.md": "c9e314e0e9418f6f14f7757a6155eab1a919f28d", - "spacing.padding.container.lg": "12bad98b354e36f53ec0bf802418756f8cee2515", - "spacing.padding.interactive.horizontal.sm": "77c3d03d294cbdc69a70e1d7a137467760786fd2", - "spacing.padding.interactive.horizontal.md": "b739b2d0d61fc6f4ed8d3bce85e2ab7e2e213126", - "spacing.padding.interactive.horizontal.lg": "00b2248bf816389c57cf897e97a5e58053298b79", - "spacing.padding.interactive.horizontal.xl": "edae92c454db22fadcf21a741445a01a532d8524", - "borderRadius.xs": "3be42e44637641982119a055fa0baa4bc0aafc2f", - "borderRadius.sm": "b173f1f49cfe116b5b7e7c112261d21f1937f3ee", - "borderRadius.md": "560d79bd5868acc4a44d686f7c9a68ff65b84214", - "borderRadius.lg": "0ca1d822fcff6cbf64b31d74be71f8dacc88b30c", - "borderRadius.xl": "a19a0dba98bd00fbcf5d663ceba4d55d2670231a", - "borderRadius.xxl": "e12c099fd27a1d4f29420c7c25647540a0fc01e5", - "borderRadius.full": "64676831cefcab2f0e48931d4762c0952cf92a1f", - "borderRadius.container.sm": "fe6cc1de83ebf2cebfe1ed91fb5141dbb2a6eeee", - "borderRadius.container.md": "a7af31e205435670c18a58f99ca261624848b00b", - "borderRadius.container.lg": "c09d3bb79b3f59224a6b16b86eda342fd9335af0", - "borderRadius.container.xl": "211107e0a7c3a04aa6779f7fc77399f0fd689167", - "borderRadius.interactive.base": "389ac83cefc6423650a7dea0b4d1a05777a8a8b0", - "borderWidth.sm": "e2a0abf7ef65839a45aeab576f1752d44a5e1a21", - "borderWidth.md": "4ba6d97438b2b0ed73980f651385ba24570532c6", - "borderWidth.lg": "40d392e299c124e18ce5a0aa99af3940a3e1c2ba", - "borderWidth.interactive.base": "10f33e7136928fb01bee92552d5a2053bfb36c47", - "borderWidth.interactive.focus": "96619724bfee86780992d08589bc9bf45f5daf91", - "fontFamily.heading": "9a9bc1bea9e9d0a1d92ebae2a0f82bad65896d87", - "fontFamily.base": "4de61d2c15041434a95c195d869282adce977e2e", - "fontFamily.code": "385f97033ad97d3ed80a6643cdd00388a2487f32", - "fontWeight.body.base": "75f9e9eac08d4929e1feeedc08c7d32c0c6d3d27", - "fontWeight.body.strong": "83721dd28d945c4cf467daaae6ddaacd797d305b", - "fontWeight.heading.base": "94142024213b3f0b7e84524984eb668678123b5a", - "fontWeight.heading.strong": "b673787dda2c00436029189a9b3cdc20cca02a32", - "fontWeight.interactive": "9e9e20db4a5880ec4e50c062def10724302cd567", - "lineHeight.paragraph.textXs": "b6bf93a4ffd080a0dbc055460c89688639b26071", - "lineHeight.paragraph.textSm": "58362b127e076ff91973be1ca961760efc8101c1", - "lineHeight.paragraph.textBase": "d50e51f7ede6fd5673d4c3817215e065211fb76e", - "lineHeight.standalone.textXs": "43555ec22e787fe7d068ec3d601507923c687e40", - "lineHeight.standalone.textSm": "e170e1c051103a4a9e59173f3919926e65377357", - "lineHeight.standalone.textBase": "86e28949d88264f7f22460644888f5c67ce288c2", - "lineHeight.standalone.textLg": "8b99c1485691a3856cee6b3d98af763b1da64f0d", - "lineHeight.standalone.textXl": "8976d0f7ba53de9b9c8e0f867a84e214aa82d0e5", - "lineHeight.standalone.text2xl": "bac11a3cf979a28f7766535835a8eabc3fea7f2c", - "lineHeight.standalone.text3xl": "e4fe523271d7717b5d94b699f02df4bdef95717d", - "lineHeight.standalone.text4xl": "5f02178d200137054af10b1ea32145964da12859", - "lineHeight.heading.textLg": "fe44cfd1bd793ae86b1f3885387b33ddbb97b945", - "lineHeight.heading.textXl": "e35fa715b5528101058d5aeb1b4349ea9ac68a4d", - "lineHeight.heading.text2xl": "e20f0c280ec0dce10d94689ab7f711dd372ad9eb", - "lineHeight.heading.text3xl": "42e8bbbadfaca6a5a8fd3d620c433be29090b0dc", - "lineHeight.label.base": "d64a1248b113c404da185acd85f46accaf72fe8c", - "fontSize.textXs": "0bdba828e5cbc1800d2ce87dade15d35d31189eb", - "fontSize.textSm": "7bfc573af9e257b3c3983f9c72d9f5f85c1a1a66", - "fontSize.textBase": "95f80960a4d2adbc5248e333e6312967331fcd96", - "fontSize.textLg": "26e62ff429de125c3efba837b706f6998dff88da", - "fontSize.textXl": "37d22fb572834de0720c5557d28bc2525bbc96f8", - "fontSize.text2xl": "894c45915a183beaee0f691db24f059b2c48a290", - "visibleInCanvas": "8a17b3ca8bbbd0ba6ebc849026a3e46de551ecbb", - "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", - "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", - "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", - "sideNavBarNew.mainNavMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622", - "sideNavBarNew.mainNavMinimizedMargin": "75ee35f23275e35fd50ef460d901a465230b7b1d", - "sideNavBarNew.mainNavGap": "4fa820104165eac11b31e43c85eb0526b454254d", - "sideNavBarNew.mainNavMinimizedGap": "63387662de0605ef17cf19b058dd48783b252c8d" + "view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0" }, "$figmaCollectionId": "VariableCollectionId:2374:727", "$figmaModeId": "2374:1", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json index 662d645622..27f43197fa 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json @@ -12,7 +12,7 @@ "value": "{color.text.onColor}", "type": "color" }, - "minimizedWidth": { + "minimizedminWidth": { "value": "3.375rem", "type": "sizing" }, @@ -20,7 +20,7 @@ "value": "300ms", "type": "other" }, - "width": { + "minWidth": { "value": "5.25rem", "type": "sizing" }, diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json index f9fb01d4e9..b0b6d25a6d 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json @@ -16,16 +16,16 @@ "value": "{color.text.base}", "type": "color" }, - "minimizedWidth": { - "value": "3.75rem", + "minimizedminWidth": { + "value": "6.75rem", "type": "sizing" }, "toggleTransition": { "value": "300ms", "type": "other" }, - "width": { - "value": "5.875rem", + "minWidth": { + "value": "17rem", "type": "sizing" }, "margin": { From e3b2a9d1c90efc8f8f94e725bf54c4ba76c20cc9 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 31 Mar 2026 15:25:07 +0200 Subject: [PATCH 4/4] chore: fix spacing token in sidenav --- .../lib/build/tokensStudio/rebrand/component/SideNavBarNew.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json index b0b6d25a6d..1a1b16e9c7 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json @@ -101,7 +101,7 @@ "type": "color" }, "horizontalPadding": { - "value": "{sharedTokens.spacing.general.spaceSm}", + "value": "{spacing.spaceSm}", "type": "spacing" }, "fontColor": {