diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json
index b5721adf45..a3a24b5326 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json
@@ -50,6 +50,7 @@
     "canvas/component/SharedTokens",
     "canvas/component/Select",
     "canvas/component/SideNavBar",
+    "canvas/component/SideNavBarNew",
     "canvas/component/SourceCodeEditor",
     "canvas/component/Spinner",
     "canvas/component/Table",
@@ -115,6 +116,7 @@
     "rebrand/component/Select",
     "rebrand/component/SharedTokens",
     "rebrand/component/SideNavBar",
+    "rebrand/component/SideNavBarNew",
     "rebrand/component/SourceCodeEditor",
     "rebrand/component/Spinner",
     "rebrand/component/Table",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index a10acb167f..be4ce8f220 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -69,7 +69,8 @@
       "rebrand/component/ColorMixer": "enabled",
       "rebrand/component/TruncateText": "enabled",
       "rebrand/component/AppNav": "enabled",
-      "rebrand/component/Byline": "enabled"
+      "rebrand/component/Byline": "enabled",
+      "rebrand/component/SideNavBarNew": "enabled"
     },
     "$figmaStyleReferences": {
       "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,",
@@ -1740,6 +1741,32 @@
       "sideNavBarItem.selectedInnerFocusOutlineColor": "b203b69453d55465067847884166f59afd7a584c",
       "sideNavBarItem.outerFocusOutlineColor": "8ff50a0682802f7b309a6ea3010a6319f1f9766a",
       "sideNavBarItem.selectedOuterFocusOutlineColor": "9ea14802b86ba57e3a7bb99712404d8a2b69efa5",
+      "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
+      "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
+      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
+      "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
+      "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
+      "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae",
+      "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
+      "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19",
+      "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
+      "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
+      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
+      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
+      "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
+      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
+      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
+      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
+      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
+      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
+      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
+      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
+      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
+      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
+      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -2214,7 +2241,8 @@
       "rebrand/component/ColorMixer": "enabled",
       "rebrand/component/TruncateText": "enabled",
       "rebrand/component/AppNav": "enabled",
-      "rebrand/component/Byline": "enabled"
+      "rebrand/component/Byline": "enabled",
+      "rebrand/component/SideNavBarNew": "enabled"
     },
     "$figmaStyleReferences": {
       "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,",
@@ -2274,7 +2302,8 @@
       "tray.boxShadow": "S:d330470f3c5337cbafb36bb2cc592613b8052181,",
       "rangeInput.boxShadow": "S:1f6e520481cfe8f1e277d5567f6519970f9eb2f4,",
       "radioInput.toggleShadow": "S:b8a03468b3581a96f16d4b8aec6274a4a20bc267,",
-      "sideNavBar.boxShadow": "S:27808217269dcd82753cfce6b4042b087083ea49,"
+      "sideNavBar.boxShadow": "S:27808217269dcd82753cfce6b4042b087083ea49,",
+      "sideNavBarNew.boxShadow": "S:e4ca1a7657eb3dd052087f6544659fa41323617b,"
     },
     "$figmaVariableReferences": {
       "color.background.base": "99fe5b07913dbf600b5c83fa43554af37c758216",
@@ -3822,6 +3851,32 @@
       "sideNavBarItem.selectedInnerFocusOutlineColor": "b203b69453d55465067847884166f59afd7a584c",
       "sideNavBarItem.outerFocusOutlineColor": "8ff50a0682802f7b309a6ea3010a6319f1f9766a",
       "sideNavBarItem.selectedOuterFocusOutlineColor": "9ea14802b86ba57e3a7bb99712404d8a2b69efa5",
+      "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
+      "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
+      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
+      "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
+      "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
+      "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae",
+      "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
+      "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19",
+      "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
+      "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
+      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
+      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
+      "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
+      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
+      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
+      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
+      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
+      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
+      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
+      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
+      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
+      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
+      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -4296,7 +4351,8 @@
       "canvas/component/ColorMixer": "enabled",
       "canvas/component/TruncateText": "enabled",
       "canvas/component/AppNav": "enabled",
-      "canvas/component/Byline": "enabled"
+      "canvas/component/Byline": "enabled",
+      "canvas/component/SideNavBarNew": "enabled"
     },
     "$figmaStyleReferences": {
       "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,",
@@ -5886,6 +5942,32 @@
       "sideNavBarItem.selectedInnerFocusOutlineColor": "b203b69453d55465067847884166f59afd7a584c",
       "sideNavBarItem.outerFocusOutlineColor": "8ff50a0682802f7b309a6ea3010a6319f1f9766a",
       "sideNavBarItem.selectedOuterFocusOutlineColor": "9ea14802b86ba57e3a7bb99712404d8a2b69efa5",
+      "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
+      "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
+      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
+      "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
+      "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
+      "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae",
+      "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
+      "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19",
+      "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
+      "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
+      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
+      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
+      "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
+      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
+      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
+      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
+      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
+      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
+      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
+      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
+      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
+      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
+      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
@@ -6443,7 +6525,8 @@
       "canvas/component/ColorMixer": "enabled",
       "canvas/component/TruncateText": "enabled",
       "canvas/component/AppNav": "enabled",
-      "canvas/component/Byline": "enabled"
+      "canvas/component/Byline": "enabled",
+      "canvas/component/SideNavBarNew": "enabled"
     },
     "$figmaStyleReferences": {
       "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,",
@@ -6505,7 +6588,8 @@
       "tray.boxShadow": "S:d330470f3c5337cbafb36bb2cc592613b8052181,",
       "rangeInput.boxShadow": "S:1f6e520481cfe8f1e277d5567f6519970f9eb2f4,",
       "radioInput.toggleShadow": "S:b8a03468b3581a96f16d4b8aec6274a4a20bc267,",
-      "sideNavBar.boxShadow": "S:27808217269dcd82753cfce6b4042b087083ea49,"
+      "sideNavBar.boxShadow": "S:27808217269dcd82753cfce6b4042b087083ea49,",
+      "sideNavBarNew.boxShadow": "S:e4ca1a7657eb3dd052087f6544659fa41323617b,"
     },
     "$figmaVariableReferences": {
       "color.background.base": "99fe5b07913dbf600b5c83fa43554af37c758216",
@@ -7970,6 +8054,32 @@
       "sideNavBarItem.selectedInnerFocusOutlineColor": "b203b69453d55465067847884166f59afd7a584c",
       "sideNavBarItem.outerFocusOutlineColor": "8ff50a0682802f7b309a6ea3010a6319f1f9766a",
       "sideNavBarItem.selectedOuterFocusOutlineColor": "9ea14802b86ba57e3a7bb99712404d8a2b69efa5",
+      "sideNavBarNew.backgroundColor": "dddffc88ec0a1892123b01512366c3865ba8d540",
+      "sideNavBarNew.fill": "02f59bd62ce0d0e03bb5aabd10d1ad655d605777",
+      "sideNavBarNew.fontColor": "66d844d18e912d1ea5c288e104dfe23766cc4103",
+      "sideNavBarNew.minimizedWidth": "da7d1ad006920f84e29e054773e12c8956c6eb90",
+      "sideNavBarNew.width": "f67a5a785e3909cbb8ba70c35801c8d0c52f8c19",
+      "sideNavBarNew.margin": "63b172969812789654d95184b467f4bb283e75f5",
+      "sideNavBarNew.minimizedMargin": "58a36d676619bbeac441e4ea6c187efca7b1fcae",
+      "sideNavBarNew.contentMargin": "7c90459730de9350bf9bb4e0bb412c3b5efbb622",
+      "sideNavBarNew.contentGap": "00008d3a76b80546bab5238b1202635f83f30c19",
+      "sideNavBarNew.borderRadius": "8ef3b3b14810122cacc7e1c190c20e425d4ddd3e",
+      "sideNavBarNew.minimizedBorderRadius": "1ec44553a6da0a2883b34e713a5232b9b1a342b3",
+      "sideNavBarItemNew.iconWrapperHeight": "e4e7badf90bcabc66ade4c37f6b922ca9143f351",
+      "sideNavBarItemNew.borderRadius": "66492417be08179bc118fb9b83990b384a6daebc",
+      "sideNavBarItemNew.backgroundColor": "629af40584e738929a8575b29436581704204b61",
+      "sideNavBarItemNew.contentPadding": "728353a6c07e37f03877ea4842d506233404da6a",
+      "sideNavBarItemNew.fontColor": "2f319736126acb5fd7c3bbafeab748f89c04ca4a",
+      "sideNavBarItemNew.fontFamily": "f5c8f947f87e9e199119a13657fb437ee1c29b55",
+      "sideNavBarItemNew.fontSize": "6f2c8223141ed42322d9326c2a4f031b17872006",
+      "sideNavBarItemNew.fontWeight": "80ddb2215929e35dba2bd11d4c6158a388ab6d08",
+      "sideNavBarItemNew.hoverBackgroundColor": "51b245d0cadd90c56eb23e5c131a06057d2b96e6",
+      "sideNavBarItemNew.selectedBackgroundColor": "fe4c5293d5f694697e0cac1c910a6fcdd858a0e2",
+      "sideNavBarItemNew.selectedFontColor": "ae3c1d9b9be224d1481541b55fb3986dfeb0b230",
+      "sideNavBarItemNew.innerFocusOutlineColor": "b51de15a8aa6a70df57530d950af550ff4fa5da1",
+      "sideNavBarItemNew.selectedInnerFocusOutlineColor": "9a904fc6e765c27ec8b58fb358f07b4a8079448d",
+      "sideNavBarItemNew.outerFocusOutlineColor": "21797498ad79f4f4ecab223db172bb2a8ad98311",
+      "sideNavBarItemNew.selectedOuterFocusOutlineColor": "da601cdd931536f68faa6473a19ca9ec0a6da856",
       "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095",
       "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b",
       "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json
index a9931491b1..48d8e07862 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json
@@ -724,7 +724,7 @@
       "type": "other"
     },
     "paddingVertical": {
-      "value": "0.5rem",
+      "value": "0.25rem",
       "type": "spacing"
     },
     "lineHeight": {
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
new file mode 100644
index 0000000000..23d6f15b1d
--- /dev/null
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/SideNavBarNew.json
@@ -0,0 +1,144 @@
+{
+  "sideNavBarNew": {
+    "backgroundColor": {
+      "value": "{color.background.dark}",
+      "type": "color"
+    },
+    "fill": {
+      "value": "{color.icon.onColor}",
+      "type": "color"
+    },
+    "fontColor": {
+      "value": "{color.text.onColor}",
+      "type": "color"
+    },
+    "minimizedWidth": {
+      "value": "3.375rem",
+      "type": "sizing"
+    },
+    "toggleTransition": {
+      "value": "300ms",
+      "type": "other"
+    },
+    "width": {
+      "value": "5.25rem",
+      "type": "sizing"
+    },
+    "margin": {
+      "value": "0rem",
+      "type": "spacing"
+    },
+    "minimizedMargin": {
+      "value": "0rem",
+      "type": "spacing"
+    },
+    "contentMargin": {
+      "value": "0rem",
+      "type": "spacing"
+    },
+    "contentGap": {
+      "value": "0rem",
+      "type": "spacing"
+    },
+    "boxShadow": {
+      "value": [
+        {
+          "x": "0rem",
+          "y": "0rem",
+          "blur": "0rem",
+          "spread": "0rem",
+          "color": "{color.transparentColor}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "0rem",
+          "y": "0rem",
+          "blur": "0rem",
+          "spread": "0rem",
+          "color": "{color.transparentColor}",
+          "type": "dropShadow"
+        }
+      ],
+      "type": "boxShadow",
+      "description": "Do not use this for other components"
+    },
+    "borderRadius": {
+      "value": "0rem",
+      "type": "borderRadius"
+    },
+    "minimizedBorderRadius": {
+      "value": "0rem",
+      "type": "borderRadius"
+    }
+  },
+  "sideNavBarItemNew": {
+    "iconWrapperHeight": {
+      "value": "2.25rem",
+      "type": "sizing"
+    },
+    "borderRadius": {
+      "value": "0rem",
+      "type": "borderRadius"
+    },
+    "backgroundColor": {
+      "value": "transparent",
+      "type": "color"
+    },
+    "contentPadding": {
+      "value": "0.375rem",
+      "type": "spacing"
+    },
+    "fontColor": {
+      "value": "{color.text.onColor}",
+      "type": "color"
+    },
+    "fontFamily": {
+      "value": "{fontFamily.base}",
+      "type": "fontFamilies"
+    },
+    "fontSize": {
+      "value": "{fontSize.textSm}",
+      "type": "fontSizes"
+    },
+    "fontWeight": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
+    },
+    "hoverBackgroundColor": {
+      "value": "{color.background.interactive.action.primary.hover}",
+      "type": "color"
+    },
+    "lineHeight": {
+      "value": "{lineHeight.paragraph.base}",
+      "type": "lineHeights"
+    },
+    "linkTextDecoration": {
+      "value": "none",
+      "type": "other"
+    },
+    "selectedBackgroundColor": {
+      "value": "{color.background.base}",
+      "type": "color"
+    },
+    "selectedFontColor": {
+      "value": "{color.text.interactive.navigation.primary.base}",
+      "type": "color"
+    },
+    "innerFocusOutlineColor": {
+      "value": "{color.stroke.interactive.focusRing.onColor}",
+      "type": "color"
+    },
+    "selectedInnerFocusOutlineColor": {
+      "value": "{color.stroke.interactive.focusRing.base}",
+      "type": "color"
+    },
+    "outerFocusOutlineColor": {
+      "value": "{color.stroke.base}",
+      "type": "color"
+    },
+    "selectedOuterFocusOutlineColor": {
+      "value": "{color.stroke.interactive.focusRing.onColor}",
+      "type": "color"
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/BaseButton.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/BaseButton.json
index 66c746c752..0353bb2233 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/BaseButton.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/BaseButton.json
@@ -724,7 +724,7 @@
       "type": "other"
     },
     "paddingVertical": {
-      "value": "0.5rem",
+      "value": "0.25rem",
       "type": "spacing"
     },
     "lineHeight": {
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
new file mode 100644
index 0000000000..c3ec719622
--- /dev/null
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/SideNavBarNew.json
@@ -0,0 +1,144 @@
+{
+  "sideNavBarNew": {
+    "backgroundColor": {
+      "value": "{color.background.elevatedSurface.base}",
+      "type": "color"
+    },
+    "fill": {
+      "value": "{color.icon.interactive.action.primaryOnColor.base}",
+      "type": "color"
+    },
+    "fontColor": {
+      "value": "{color.text.base}",
+      "type": "color"
+    },
+    "minimizedWidth": {
+      "value": "3.75rem",
+      "type": "sizing"
+    },
+    "toggleTransition": {
+      "value": "300ms",
+      "type": "other"
+    },
+    "width": {
+      "value": "5.875rem",
+      "type": "sizing"
+    },
+    "margin": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing"
+    },
+    "minimizedMargin": {
+      "value": "0.375rem",
+      "type": "spacing"
+    },
+    "contentMargin": {
+      "value": "0.375rem",
+      "type": "spacing"
+    },
+    "contentGap": {
+      "value": "{spacing.spaceXs}",
+      "type": "spacing"
+    },
+    "boxShadow": {
+      "value": [
+        {
+          "x": "0rem",
+          "y": "0.0625rem",
+          "blur": "0.125rem",
+          "spread": "0rem",
+          "color": "{color.dropShadow.shadowColor1}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "0rem",
+          "y": "0.125rem",
+          "blur": "0.25rem",
+          "spread": "0.125rem",
+          "color": "{color.dropShadow.shadowColor2}",
+          "type": "dropShadow"
+        }
+      ],
+      "type": "boxShadow",
+      "description": "Do not use this for other components"
+    },
+    "borderRadius": {
+      "value": "{borderRadius.container.md}",
+      "type": "borderRadius"
+    },
+    "minimizedBorderRadius": {
+      "value": "{borderRadius.container.sm}",
+      "type": "borderRadius"
+    }
+  },
+  "sideNavBarItemNew": {
+    "iconWrapperHeight": {
+      "value": "2.25rem",
+      "type": "sizing"
+    },
+    "borderRadius": {
+      "value": "{borderRadius.lg}",
+      "type": "borderRadius"
+    },
+    "backgroundColor": {
+      "value": "transparent",
+      "type": "color"
+    },
+    "contentPadding": {
+      "value": "0.375rem",
+      "type": "spacing"
+    },
+    "fontColor": {
+      "value": "{color.text.base}",
+      "type": "color"
+    },
+    "fontFamily": {
+      "value": "{fontFamily.base}",
+      "type": "fontFamilies"
+    },
+    "fontSize": {
+      "value": "{fontSize.textSm}",
+      "type": "fontSizes"
+    },
+    "fontWeight": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
+    },
+    "hoverBackgroundColor": {
+      "value": "{color.background.interactive.action.tertiary.hover}",
+      "type": "color"
+    },
+    "lineHeight": {
+      "value": "{lineHeight.paragraph.base}",
+      "type": "lineHeights"
+    },
+    "linkTextDecoration": {
+      "value": "none",
+      "type": "other"
+    },
+    "selectedBackgroundColor": {
+      "value": "{color.background.brand}",
+      "type": "color"
+    },
+    "selectedFontColor": {
+      "value": "{color.text.inverse}",
+      "type": "color"
+    },
+    "innerFocusOutlineColor": {
+      "value": "{color.stroke.interactive.focusRing.base}",
+      "type": "color"
+    },
+    "selectedInnerFocusOutlineColor": {
+      "value": "{color.icon.inverse}",
+      "type": "color"
+    },
+    "outerFocusOutlineColor": {
+      "value": "{color.transparentColor}",
+      "type": "color"
+    },
+    "selectedOuterFocusOutlineColor": {
+      "value": "{color.transparentColor}",
+      "type": "color"
+    }
+  }
+}
\ No newline at end of file