diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
index 5f02b2ab7e..6e12f75bcc 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json
@@ -251,6 +251,7 @@
       "color.background.overlay.base": "728779a6d2232c6e7d8457297913d334525b1b60",
       "color.background.overlay.dark": "67ff46df4a3c6bef15b435edbdeca5bb77acec99",
       "color.background.mutedHover": "18ba213554dfc74c57f4d60cb0ee1666c92969d2",
+      "color.background.opacityOnColor": "788bc2ac5ceb9c78888b06902b4aba10efbcc7a7",
       "color.stroke.base": "f68d64e91be296dbc1914792050e726a48873970",
       "color.stroke.muted": "84c45604667e0d2307145846ed5bfa50cf54a4a8",
       "color.stroke.strong": "ed01b5ceef0abb5ad35107dc950dbe1214fdba4d",
@@ -1006,27 +1007,27 @@
       "options.background": "88e51d1af9570c7f8f59f473c5cbb255f23086a0",
       "options.labelColor": "22ced550fbccef93557b757fbd5d71bac06f23aa",
       "options.labelFontWeight": "4a903db6c5ab89357357c12b6e218956b00dd187",
-      "options.item.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
-      "options.item.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
-      "options.item.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
-      "options.item.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
-      "options.item.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
-      "options.item.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
-      "options.item.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
-      "options.item.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
-      "options.item.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
-      "options.item.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
-      "options.item.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
-      "options.item.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
-      "options.item.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
-      "options.item.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
-      "options.item.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
-      "options.item.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
-      "options.item.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
-      "options.item.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
-      "options.item.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
-      "options.separator.background": "84f0cc274057fd440477618cc67325bd85611f09",
-      "option.separator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
+      "optionsItem.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
+      "optionsItem.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
+      "optionsItem.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
+      "optionsItem.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
+      "optionsItem.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
+      "optionsItem.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
+      "optionsItem.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
+      "optionsItem.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
+      "optionsItem.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
+      "optionsItem.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
+      "optionsItem.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
+      "optionsItem.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
+      "optionsItem.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
+      "optionsItem.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
+      "optionsItem.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
+      "optionsItem.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
+      "optionsItem.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
+      "optionsItem.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
+      "optionsItem.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
+      "optionsSeparator.background": "84f0cc274057fd440477618cc67325bd85611f09",
+      "optionsSeparator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
       "pill.paddingHorizontal": "91f067c6f1ac4c615586d1378c76f381c4193142",
       "pill.height": "02f772dfcc22d419c3d1acbd3ea6f93987cccb9b",
       "pill.backgroundColor": "3b90cfbd344580bfc556aaffd26112efa28f1567",
@@ -1077,6 +1078,7 @@
       "progressBar.trackColorInverse": "718d73ff584ae1a7f6ab721db90c59e9e5df776c",
       "progressBar.valuePadding": "8d2fea9ac017590715b80223841dbf2cf52a2bc9",
       "progressBar.textColor": "8c8b3d7babebaab209a4e7431d8fe3c833b6cc85",
+      "progressBar.textColorInverse": "af2348646cb8c682b476077ab2ff904fa22385ce",
       "progressBar.xSmallValueFontSize": "ebb08f841986b53a39cffb1e711337f6a5c9e71f",
       "progressBar.smallValueFontSize": "2c6131c1c9988d3bc1faef2f7f7ff317f662be89",
       "progressBar.mediumValueFontSize": "bcda0a37853b80722d2f03e8ac8997728bfd0b24",
@@ -1219,24 +1221,24 @@
       "tabs.scrollOverlayWidthSecondary": "3b1f0f5cf6fe053f9014b1d84de3d613123cf188",
       "tabs.tabVerticalOffset": "5de75c9c378d48ae12e8998c769210b66f99fffe",
       "tabs.zIndex": "602c0bf62bacfb2da0256ad72d02a1e0a41f9b42",
-      "panel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
-      "panel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
-      "panel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
-      "panel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
-      "panel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
-      "panel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
-      "panel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
-      "panel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
-      "tab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
-      "tab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
-      "tab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
-      "tab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
-      "tab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
-      "tab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
-      "tab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
-      "tab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
-      "tab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
-      "tab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
+      "tabsPanel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
+      "tabsPanel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
+      "tabsPanel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
+      "tabsPanel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
+      "tabsPanel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
+      "tabsPanel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
+      "tabsPanel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
+      "tabsPanel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
+      "tabsTab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
+      "tabsTab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
+      "tabsTab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
+      "tabsTab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
+      "tabsTab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
+      "tabsTab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
+      "tabsTab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
+      "tabsTab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
+      "tabsTab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
+      "tabsTab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
       "tag.defaultBackground": "223fd30bafbaf2c4b988c116c485454a783a9329",
       "tag.defaultBackgroundHover": "0b1e922f599b72b32ad90f41d98a230ead24be42",
       "tag.defaultBorderColor": "ad5d410ac7273b169a959b9b4d2f61093682ca18",
@@ -1665,6 +1667,7 @@
       "color.background.aiBottomGradient": "dad569e20874a5cd0261779f39be69ed4930b82c",
       "color.background.aiText": "d343dbb5dceaabfe6b15f5fc3dadb3f2f63b2bae",
       "color.background.opacity": "564f6e315336130a469263a10693973843c4671c",
+      "color.background.opacityOnColor": "788bc2ac5ceb9c78888b06902b4aba10efbcc7a7",
       "color.background.divider.base": "826e7152343b8adb1641868ea51dbf727021ce22",
       "color.background.divider.onColor": "b8a0abc0471374d947c8a6a72527a5e7de87309a",
       "color.background.interactive.input.base": "84826a78200aba2cf988c9dbd1273cdb0527794f",
@@ -2486,27 +2489,27 @@
       "options.background": "88e51d1af9570c7f8f59f473c5cbb255f23086a0",
       "options.labelColor": "22ced550fbccef93557b757fbd5d71bac06f23aa",
       "options.labelFontWeight": "4a903db6c5ab89357357c12b6e218956b00dd187",
-      "options.item.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
-      "options.item.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
-      "options.item.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
-      "options.item.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
-      "options.item.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
-      "options.item.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
-      "options.item.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
-      "options.item.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
-      "options.item.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
-      "options.item.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
-      "options.item.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
-      "options.item.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
-      "options.item.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
-      "options.item.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
-      "options.item.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
-      "options.item.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
-      "options.item.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
-      "options.item.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
-      "options.item.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
-      "options.separator.background": "84f0cc274057fd440477618cc67325bd85611f09",
-      "option.separator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
+      "optionsItem.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
+      "optionsItem.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
+      "optionsItem.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
+      "optionsItem.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
+      "optionsItem.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
+      "optionsItem.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
+      "optionsItem.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
+      "optionsItem.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
+      "optionsItem.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
+      "optionsItem.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
+      "optionsItem.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
+      "optionsItem.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
+      "optionsItem.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
+      "optionsItem.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
+      "optionsItem.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
+      "optionsItem.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
+      "optionsItem.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
+      "optionsItem.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
+      "optionsItem.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
+      "optionsSeparator.background": "84f0cc274057fd440477618cc67325bd85611f09",
+      "optionsSeparator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
       "pill.paddingHorizontal": "91f067c6f1ac4c615586d1378c76f381c4193142",
       "pill.height": "02f772dfcc22d419c3d1acbd3ea6f93987cccb9b",
       "pill.backgroundColor": "3b90cfbd344580bfc556aaffd26112efa28f1567",
@@ -2557,6 +2560,7 @@
       "progressBar.trackColorInverse": "718d73ff584ae1a7f6ab721db90c59e9e5df776c",
       "progressBar.valuePadding": "8d2fea9ac017590715b80223841dbf2cf52a2bc9",
       "progressBar.textColor": "8c8b3d7babebaab209a4e7431d8fe3c833b6cc85",
+      "progressBar.textColorInverse": "af2348646cb8c682b476077ab2ff904fa22385ce",
       "progressBar.xSmallValueFontSize": "ebb08f841986b53a39cffb1e711337f6a5c9e71f",
       "progressBar.smallValueFontSize": "2c6131c1c9988d3bc1faef2f7f7ff317f662be89",
       "progressBar.mediumValueFontSize": "bcda0a37853b80722d2f03e8ac8997728bfd0b24",
@@ -2699,24 +2703,24 @@
       "tabs.scrollOverlayWidthSecondary": "3b1f0f5cf6fe053f9014b1d84de3d613123cf188",
       "tabs.tabVerticalOffset": "5de75c9c378d48ae12e8998c769210b66f99fffe",
       "tabs.zIndex": "602c0bf62bacfb2da0256ad72d02a1e0a41f9b42",
-      "panel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
-      "panel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
-      "panel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
-      "panel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
-      "panel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
-      "panel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
-      "panel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
-      "panel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
-      "tab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
-      "tab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
-      "tab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
-      "tab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
-      "tab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
-      "tab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
-      "tab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
-      "tab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
-      "tab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
-      "tab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
+      "tabsPanel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
+      "tabsPanel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
+      "tabsPanel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
+      "tabsPanel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
+      "tabsPanel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
+      "tabsPanel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
+      "tabsPanel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
+      "tabsPanel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
+      "tabsTab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
+      "tabsTab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
+      "tabsTab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
+      "tabsTab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
+      "tabsTab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
+      "tabsTab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
+      "tabsTab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
+      "tabsTab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
+      "tabsTab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
+      "tabsTab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
       "tag.defaultBackground": "223fd30bafbaf2c4b988c116c485454a783a9329",
       "tag.defaultBackgroundHover": "0b1e922f599b72b32ad90f41d98a230ead24be42",
       "tag.defaultBorderColor": "ad5d410ac7273b169a959b9b4d2f61093682ca18",
@@ -3294,6 +3298,7 @@
       "color.background.aiBottomGradient": "dad569e20874a5cd0261779f39be69ed4930b82c",
       "color.background.aiText": "d343dbb5dceaabfe6b15f5fc3dadb3f2f63b2bae",
       "color.background.opacity": "564f6e315336130a469263a10693973843c4671c",
+      "color.background.opacityOnColor": "788bc2ac5ceb9c78888b06902b4aba10efbcc7a7",
       "color.background.divider.base": "826e7152343b8adb1641868ea51dbf727021ce22",
       "color.background.divider.onColor": "b8a0abc0471374d947c8a6a72527a5e7de87309a",
       "color.background.interactive.input.base": "84826a78200aba2cf988c9dbd1273cdb0527794f",
@@ -4099,27 +4104,27 @@
       "options.background": "88e51d1af9570c7f8f59f473c5cbb255f23086a0",
       "options.labelColor": "22ced550fbccef93557b757fbd5d71bac06f23aa",
       "options.labelFontWeight": "4a903db6c5ab89357357c12b6e218956b00dd187",
-      "options.item.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
-      "options.item.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
-      "options.item.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
-      "options.item.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
-      "options.item.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
-      "options.item.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
-      "options.item.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
-      "options.item.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
-      "options.item.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
-      "options.item.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
-      "options.item.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
-      "options.item.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
-      "options.item.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
-      "options.item.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
-      "options.item.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
-      "options.item.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
-      "options.item.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
-      "options.item.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
-      "options.item.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
-      "options.separator.background": "84f0cc274057fd440477618cc67325bd85611f09",
-      "option.separator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
+      "optionsItem.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
+      "optionsItem.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
+      "optionsItem.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
+      "optionsItem.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
+      "optionsItem.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
+      "optionsItem.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
+      "optionsItem.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
+      "optionsItem.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
+      "optionsItem.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
+      "optionsItem.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
+      "optionsItem.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
+      "optionsItem.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
+      "optionsItem.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
+      "optionsItem.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
+      "optionsItem.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
+      "optionsItem.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
+      "optionsItem.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
+      "optionsItem.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
+      "optionsItem.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
+      "optionsSeparator.background": "84f0cc274057fd440477618cc67325bd85611f09",
+      "optionsSeparator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
       "pill.paddingHorizontal": "91f067c6f1ac4c615586d1378c76f381c4193142",
       "pill.height": "02f772dfcc22d419c3d1acbd3ea6f93987cccb9b",
       "pill.backgroundColor": "3b90cfbd344580bfc556aaffd26112efa28f1567",
@@ -4174,6 +4179,7 @@
       "progressBar.trackColorInverse": "718d73ff584ae1a7f6ab721db90c59e9e5df776c",
       "progressBar.textColor": "8c8b3d7babebaab209a4e7431d8fe3c833b6cc85",
       "progressBar.valuePadding": "8d2fea9ac017590715b80223841dbf2cf52a2bc9",
+      "progressBar.textColorInverse": "af2348646cb8c682b476077ab2ff904fa22385ce",
       "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6",
       "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f",
       "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326",
@@ -4312,24 +4318,24 @@
       "tabs.scrollOverlayWidthSecondary": "3b1f0f5cf6fe053f9014b1d84de3d613123cf188",
       "tabs.tabVerticalOffset": "5de75c9c378d48ae12e8998c769210b66f99fffe",
       "tabs.zIndex": "602c0bf62bacfb2da0256ad72d02a1e0a41f9b42",
-      "panel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
-      "panel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
-      "panel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
-      "panel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
-      "panel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
-      "panel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
-      "panel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
-      "panel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
-      "tab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
-      "tab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
-      "tab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
-      "tab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
-      "tab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
-      "tab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
-      "tab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
-      "tab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
-      "tab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
-      "tab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
+      "tabsPanel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
+      "tabsPanel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
+      "tabsPanel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
+      "tabsPanel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
+      "tabsPanel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
+      "tabsPanel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
+      "tabsPanel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
+      "tabsPanel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
+      "tabsTab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
+      "tabsTab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
+      "tabsTab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
+      "tabsTab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
+      "tabsTab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
+      "tabsTab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
+      "tabsTab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
+      "tabsTab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
+      "tabsTab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
+      "tabsTab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
       "tag.defaultBackground": "223fd30bafbaf2c4b988c116c485454a783a9329",
       "tag.defaultBackgroundHover": "0b1e922f599b72b32ad90f41d98a230ead24be42",
       "tag.defaultBorderColor": "ad5d410ac7273b169a959b9b4d2f61093682ca18",
@@ -4772,6 +4778,7 @@
       "color.background.aiBottomGradient": "dad569e20874a5cd0261779f39be69ed4930b82c",
       "color.background.aiText": "d343dbb5dceaabfe6b15f5fc3dadb3f2f63b2bae",
       "color.background.opacity": "564f6e315336130a469263a10693973843c4671c",
+      "color.background.opacityOnColor": "788bc2ac5ceb9c78888b06902b4aba10efbcc7a7",
       "color.background.divider.base": "826e7152343b8adb1641868ea51dbf727021ce22",
       "color.background.divider.onColor": "b8a0abc0471374d947c8a6a72527a5e7de87309a",
       "color.background.interactive.input.base": "84826a78200aba2cf988c9dbd1273cdb0527794f",
@@ -5577,27 +5584,27 @@
       "options.background": "88e51d1af9570c7f8f59f473c5cbb255f23086a0",
       "options.labelColor": "22ced550fbccef93557b757fbd5d71bac06f23aa",
       "options.labelFontWeight": "4a903db6c5ab89357357c12b6e218956b00dd187",
-      "options.item.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
-      "options.item.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
-      "options.item.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
-      "options.item.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
-      "options.item.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
-      "options.item.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
-      "options.item.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
-      "options.item.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
-      "options.item.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
-      "options.item.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
-      "options.item.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
-      "options.item.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
-      "options.item.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
-      "options.item.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
-      "options.item.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
-      "options.item.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
-      "options.item.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
-      "options.item.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
-      "options.item.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
-      "options.separator.background": "84f0cc274057fd440477618cc67325bd85611f09",
-      "option.separator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
+      "optionsItem.contentGap": "524fa4cf591d7d92645165194fada3da982f9f2c",
+      "optionsItem.background": "c9dce879fee41d03616102ef125de95ac831d3ba",
+      "optionsItem.beforeLabelContentVOffset": "6c8f4f3d21d1ef5af7185b3dcd7b881a868df578",
+      "optionsItem.itemColor": "a68943e3b3434ba4911226bd56ecf2c8d071a0e9",
+      "optionsItem.descriptionColor": "d4efbcbf170769fa96c4ba482626af41ba666a77",
+      "optionsItem.descriptionFontSize": "94b0c438c865155e3be75d23c77041e16ec7d6c9",
+      "optionsItem.descriptionFontWeight": "2b142e7edf82b513f388cffdf4e420aa79a1d2d1",
+      "optionsItem.fontFamily": "6ca290cade9875f531666a96fee1e5b17b72d658",
+      "optionsItem.itemFontSize": "3542716766ca086e9465042da3d5829d688d1a4e",
+      "optionsItem.itemFontWeight": "522523fddeef19d976bfea003066204515e9c573",
+      "optionsItem.itemFontWeightSelected": "3620a1bf8922ec8b42fe0144e000ace7894266e6",
+      "optionsItem.highlightedBackground": "6a972874054a1470c186b4853e81918d8369d20a",
+      "optionsItem.highlightedLabelColor": "a2bfc6f8ea7de530a7423cd98510fa3755526cc5",
+      "optionsItem.iconPadding": "678de6d174e4f26479a2de144b18460c3518c9d4",
+      "optionsItem.paddingHorizontal": "bb0510ca3c21a5c2bf086cde3b243df562f566ca",
+      "optionsItem.paddingVertical": "e8f10b30b8d725eb7f16cc0ab59136b972f6b5ae",
+      "optionsItem.selectedBackground": "900ca0674b9306a1d958e70f3191ea2ec228de6d",
+      "optionsItem.selectedHoverBackgroundColor": "c353ac53a56c5d0b8973b94e8bc05e4c8177b35b",
+      "optionsItem.selectedLabelColor": "88ee1a550c6d67aa9cb9cbc72396022c94437486",
+      "optionsSeparator.background": "84f0cc274057fd440477618cc67325bd85611f09",
+      "optionsSeparator.height": "0b20d6b801b5c23d65e8d37ccbd959bab8b7653e",
       "pill.paddingHorizontal": "91f067c6f1ac4c615586d1378c76f381c4193142",
       "pill.height": "02f772dfcc22d419c3d1acbd3ea6f93987cccb9b",
       "pill.backgroundColor": "3b90cfbd344580bfc556aaffd26112efa28f1567",
@@ -5652,6 +5659,7 @@
       "progressBar.trackColorInverse": "718d73ff584ae1a7f6ab721db90c59e9e5df776c",
       "progressBar.textColor": "8c8b3d7babebaab209a4e7431d8fe3c833b6cc85",
       "progressBar.valuePadding": "8d2fea9ac017590715b80223841dbf2cf52a2bc9",
+      "progressBar.textColorInverse": "af2348646cb8c682b476077ab2ff904fa22385ce",
       "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6",
       "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f",
       "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326",
@@ -5790,24 +5798,24 @@
       "tabs.scrollOverlayWidthSecondary": "3b1f0f5cf6fe053f9014b1d84de3d613123cf188",
       "tabs.tabVerticalOffset": "5de75c9c378d48ae12e8998c769210b66f99fffe",
       "tabs.zIndex": "602c0bf62bacfb2da0256ad72d02a1e0a41f9b42",
-      "panel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
-      "panel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
-      "panel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
-      "panel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
-      "panel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
-      "panel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
-      "panel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
-      "panel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
-      "tab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
-      "tab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
-      "tab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
-      "tab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
-      "tab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
-      "tab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
-      "tab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
-      "tab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
-      "tab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
-      "tab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
+      "tabsPanel.background": "ff38510e4ae8e5fae2938eac0b6c8768166bcc33",
+      "tabsPanel.borderColor": "774055fe369c42939cae9aa3b0614781a1d22226",
+      "tabsPanel.textColor": "1dd125cdbcf8aeca97c1c1609b8ce29962091741",
+      "tabsPanel.borderWidth": "19404288545e9de2c8fd7c8d988fdba20a2907c4",
+      "tabsPanel.defaultOverflowY": "83736e704d250cb5e7eb4f70448336318276ba7c",
+      "tabsPanel.fontFamily": "04b84eb5ae56b6cc9245ed5769b6d3cd4c678205",
+      "tabsPanel.fontSize": "05605ed478c7f2e97033bfce2e620c22d36004f3",
+      "tabsPanel.fontWeight": "b9e155e5fe62f7f50f0c809617adfbc743db6c98",
+      "tabsTab.defaultTextColor": "c31b27d82808afaa5c135d3ecc343ff934fe311e",
+      "tabsTab.defaultHoverBorderColor": "980ec2b462d0dbbd0b8695b90e49ca2da50d24a4",
+      "tabsTab.defaultSelectedBorderColor": "197a5990217de15e3b3f76f6a4b1881a28fdf04c",
+      "tabsTab.fontFamily": "ba690a22dd57d416f548f9d8c072e27fd746c377",
+      "tabsTab.fontSize": "236487966a9731c579b5b68b1063cd594236e0c8",
+      "tabsTab.fontWeight": "01caaf8b9b9c9a5af9e6e4d84faee6b8a2ec4211",
+      "tabsTab.secondaryTextColor": "350fed08d282b19b0a7c36785a0e6b6f7d956a4a",
+      "tabsTab.secondarySelectedBackground": "718534088ee9f97cbdb2addc87c617405eee0e83",
+      "tabsTab.secondarySelectedBorderColor": "10d99af8dd4bf1c366a10c4f44d601ddd4491e07",
+      "tabsTab.zIndex": "3cdc1b194587f7be6cb5632c8325e54e2a7576ab",
       "tag.defaultBackground": "223fd30bafbaf2c4b988c116c485454a783a9329",
       "tag.defaultBackgroundHover": "0b1e922f599b72b32ad90f41d98a230ead24be42",
       "tag.defaultBorderColor": "ad5d410ac7273b169a959b9b4d2f61093682ca18",
@@ -6292,6 +6300,7 @@
       "color.navy.navy170": "d32e7627754bf48e753027c273ee61819a000326",
       "color.navy.navy180": "7eab1fbec82fd74cd163b7d8ff6e7c04bbc4b109",
       "color.whiteOpacity10": "fb93a030e7fe3361c678895beee94226869bf909",
+      "color.whiteOpacity20": "ddcdc27fea1b845495be1420006e10ece0af978f",
       "color.whiteOpacity75": "17cb841de9caec3392bd40b1b57424500795f63f",
       "color.greyOpacity75": "dcefe3958e9972390782ce7f4a19eca7eed938f2",
       "color.greyOpacity10": "1d5f866f6b3fa3bdcb45b028a555f9badf959e97",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Options.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Options.json
index 50d8a39ba9..2757884b2e 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Options.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Options.json
@@ -11,113 +11,109 @@
     "labelFontWeight": {
       "value": "{fontWeight.body.strong}",
       "type": "fontWeights"
+    }
+  },
+  "optionsItem": {
+    "contentGap": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing"
+    },
+    "background": {
+      "value": "{color.background.elevatedSurface.base}",
+      "type": "color"
+    },
+    "beforeLabelContentVOffset": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing",
+      "description": "code only token"
+    },
+    "itemColor": {
+      "value": "{color.text.base}",
+      "type": "color"
+    },
+    "descriptionColor": {
+      "value": "{color.text.muted}",
+      "type": "color"
+    },
+    "descriptionFontSize": {
+      "value": "{fontSize.textSm}",
+      "type": "fontSizes"
+    },
+    "descriptionFontWeight": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
+    },
+    "descriptionLineHeight": {
+      "value": "{lineHeight.paragraph.base}",
+      "type": "lineHeights"
+    },
+    "fontFamily": {
+      "value": "{fontFamily.base}",
+      "type": "fontFamilies"
+    },
+    "itemFontSize": {
+      "value": "{fontSize.textBase}",
+      "type": "fontSizes"
+    },
+    "itemFontWeight": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
     },
-    "item": {
-      "contentGap": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing"
-      },
-      "background": {
-        "value": "{color.background.elevatedSurface.base}",
-        "type": "color"
-      },
-      "beforeLabelContentVOffset": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing",
-        "description": "code only token"
-      },
-      "itemColor": {
-        "value": "{color.text.base}",
-        "type": "color"
-      },
-      "descriptionColor": {
-        "value": "{color.text.muted}",
-        "type": "color"
-      },
-      "descriptionFontSize": {
-        "value": "{fontSize.textSm}",
-        "type": "fontSizes"
-      },
-      "descriptionFontWeight": {
-        "value": "{fontWeight.body.base}",
-        "type": "fontWeights"
-      },
-      "descriptionLineHeight": {
-        "value": "{lineHeight.paragraph.base}",
-        "type": "lineHeights"
-      },
-      "fontFamily": {
-        "value": "{fontFamily.base}",
-        "type": "fontFamilies"
-      },
-      "itemFontSize": {
-        "value": "{fontSize.textBase}",
-        "type": "fontSizes"
-      },
-      "itemFontWeight": {
-        "value": "{fontWeight.body.base}",
-        "type": "fontWeights"
-      },
-      "itemFontWeightSelected": {
-        "value": "{fontWeight.body.base}",
-        "type": "fontWeights"
-      },
-      "highlightedBackground": {
-        "value": "{color.background.interactive.action.tertiary.hover}",
-        "type": "color"
-      },
-      "highlightedLabelColor": {
-        "value": "{color.text.base}",
-        "type": "color"
-      },
-      "iconPadding": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing",
-        "description": "code only token"
-      },
-      "itemLineHeight": {
-        "value": "{lineHeight.standalone.base}",
-        "type": "lineHeights"
-      },
-      "paddingHorizontal": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing"
-      },
-      "paddingVertical": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing"
-      },
-      "selectedBackground": {
-        "value": "{color.background.interactive.action.primary.base}",
-        "type": "color"
-      },
-      "selectedHoverBackgroundColor": {
-        "value": "{color.background.interactive.action.primary.hover}",
-        "type": "color"
-      },
-      "selectedLabelColor": {
-        "value": "{color.text.interactive.action.primary.base}",
-        "type": "color"
-      }
-    },
-    "separator": {
-      "background": {
-        "value": "{color.stroke.base}",
-        "type": "color"
-      },
-      "margin": {
-        "value": "0 0.75rem",
-        "type": "spacing",
-        "description": "code only token"
-      }
+    "itemFontWeightSelected": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
+    },
+    "highlightedBackground": {
+      "value": "{color.background.interactive.action.tertiary.hover}",
+      "type": "color"
+    },
+    "highlightedLabelColor": {
+      "value": "{color.text.base}",
+      "type": "color"
+    },
+    "iconPadding": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing",
+      "description": "code only token"
+    },
+    "itemLineHeight": {
+      "value": "{lineHeight.standalone.base}",
+      "type": "lineHeights"
+    },
+    "paddingHorizontal": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing"
+    },
+    "paddingVertical": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing"
+    },
+    "selectedBackground": {
+      "value": "{color.background.interactive.action.primary.base}",
+      "type": "color"
+    },
+    "selectedHoverBackgroundColor": {
+      "value": "{color.background.interactive.action.primary.hover}",
+      "type": "color"
+    },
+    "selectedLabelColor": {
+      "value": "{color.text.interactive.action.primary.base}",
+      "type": "color"
     }
   },
-  "option": {
-    "separator": {
-      "height": {
-        "value": "{borderWidth.sm}",
-        "type": "borderWidth"
-      }
+  "optionsSeparator": {
+    "background": {
+      "value": "{color.stroke.base}",
+      "type": "color"
+    },
+    "margin": {
+      "value": "0 0.75rem",
+      "type": "spacing",
+      "description": "code only token"
+    },
+    "height": {
+      "value": "{borderWidth.sm}",
+      "type": "borderWidth"
     }
   }
 }
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressBar.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressBar.json
index f9ea6e3c60..a0bf6dca0e 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressBar.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressBar.json
@@ -127,6 +127,10 @@
     "valuePadding": {
       "value": "0.375rem",
       "type": "spacing"
+    },
+    "textColorInverse": {
+      "value": "{color.text.onColor}",
+      "type": "color"
     }
   }
 }
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Tabs.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Tabs.json
index 2e5287d949..5febd6889a 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Tabs.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Tabs.json
@@ -25,7 +25,7 @@
       "type": "number"
     }
   },
-  "panel": {
+  "tabsPanel": {
     "background": {
       "value": "{color.background.base}",
       "type": "color"
@@ -63,7 +63,7 @@
       "type": "lineHeights"
     }
   },
-  "tab": {
+  "tabsTab": {
     "defaultTextColor": {
       "value": "{color.text.base}",
       "type": "color"
@@ -109,4 +109,4 @@
       "type": "number"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvas.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvas.json
index 669a36acfa..b89a67d176 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvas.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvas.json
@@ -61,6 +61,10 @@
         "value": "{color.greyOpacity10}",
         "type": "color"
       },
+      "opacityOnColor": {
+        "value": "{color.whiteOpacity20}",
+        "type": "color"
+      },
       "divider": {
         "base": {
           "value": "{color.grey.grey40}",
diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvasHighContrast.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvasHighContrast.json
index 647315c469..58bf7cb0a8 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvasHighContrast.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/semantic/color/canvasHighContrast.json
@@ -370,6 +370,10 @@
       "mutedHover": {
         "value": "{color.grey.grey20}",
         "type": "color"
+      },
+      "opacityOnColor": {
+        "value": "{color.whiteOpacity20}",
+        "type": "color"
       }
     },
     "stroke": {
diff --git a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
index 8a8f991857..ee30a9f81d 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json
@@ -970,6 +970,10 @@
       "value": "rgba(255,255,255,0.1)",
       "type": "color"
     },
+    "whiteOpacity20": {
+      "value": "rgba(255,255,255,0.2)",
+      "type": "color"
+    },
     "whiteOpacity75": {
       "value": "rgba(255,255,255,0.75)",
       "type": "color"
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json
index 50d8a39ba9..2757884b2e 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Options.json
@@ -11,113 +11,109 @@
     "labelFontWeight": {
       "value": "{fontWeight.body.strong}",
       "type": "fontWeights"
+    }
+  },
+  "optionsItem": {
+    "contentGap": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing"
+    },
+    "background": {
+      "value": "{color.background.elevatedSurface.base}",
+      "type": "color"
+    },
+    "beforeLabelContentVOffset": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing",
+      "description": "code only token"
+    },
+    "itemColor": {
+      "value": "{color.text.base}",
+      "type": "color"
+    },
+    "descriptionColor": {
+      "value": "{color.text.muted}",
+      "type": "color"
+    },
+    "descriptionFontSize": {
+      "value": "{fontSize.textSm}",
+      "type": "fontSizes"
+    },
+    "descriptionFontWeight": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
+    },
+    "descriptionLineHeight": {
+      "value": "{lineHeight.paragraph.base}",
+      "type": "lineHeights"
+    },
+    "fontFamily": {
+      "value": "{fontFamily.base}",
+      "type": "fontFamilies"
+    },
+    "itemFontSize": {
+      "value": "{fontSize.textBase}",
+      "type": "fontSizes"
+    },
+    "itemFontWeight": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
     },
-    "item": {
-      "contentGap": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing"
-      },
-      "background": {
-        "value": "{color.background.elevatedSurface.base}",
-        "type": "color"
-      },
-      "beforeLabelContentVOffset": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing",
-        "description": "code only token"
-      },
-      "itemColor": {
-        "value": "{color.text.base}",
-        "type": "color"
-      },
-      "descriptionColor": {
-        "value": "{color.text.muted}",
-        "type": "color"
-      },
-      "descriptionFontSize": {
-        "value": "{fontSize.textSm}",
-        "type": "fontSizes"
-      },
-      "descriptionFontWeight": {
-        "value": "{fontWeight.body.base}",
-        "type": "fontWeights"
-      },
-      "descriptionLineHeight": {
-        "value": "{lineHeight.paragraph.base}",
-        "type": "lineHeights"
-      },
-      "fontFamily": {
-        "value": "{fontFamily.base}",
-        "type": "fontFamilies"
-      },
-      "itemFontSize": {
-        "value": "{fontSize.textBase}",
-        "type": "fontSizes"
-      },
-      "itemFontWeight": {
-        "value": "{fontWeight.body.base}",
-        "type": "fontWeights"
-      },
-      "itemFontWeightSelected": {
-        "value": "{fontWeight.body.base}",
-        "type": "fontWeights"
-      },
-      "highlightedBackground": {
-        "value": "{color.background.interactive.action.tertiary.hover}",
-        "type": "color"
-      },
-      "highlightedLabelColor": {
-        "value": "{color.text.base}",
-        "type": "color"
-      },
-      "iconPadding": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing",
-        "description": "code only token"
-      },
-      "itemLineHeight": {
-        "value": "{lineHeight.standalone.base}",
-        "type": "lineHeights"
-      },
-      "paddingHorizontal": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing"
-      },
-      "paddingVertical": {
-        "value": "{spacing.spaceMd}",
-        "type": "spacing"
-      },
-      "selectedBackground": {
-        "value": "{color.background.interactive.action.primary.base}",
-        "type": "color"
-      },
-      "selectedHoverBackgroundColor": {
-        "value": "{color.background.interactive.action.primary.hover}",
-        "type": "color"
-      },
-      "selectedLabelColor": {
-        "value": "{color.text.interactive.action.primary.base}",
-        "type": "color"
-      }
-    },
-    "separator": {
-      "background": {
-        "value": "{color.stroke.base}",
-        "type": "color"
-      },
-      "margin": {
-        "value": "0 0.75rem",
-        "type": "spacing",
-        "description": "code only token"
-      }
+    "itemFontWeightSelected": {
+      "value": "{fontWeight.body.base}",
+      "type": "fontWeights"
+    },
+    "highlightedBackground": {
+      "value": "{color.background.interactive.action.tertiary.hover}",
+      "type": "color"
+    },
+    "highlightedLabelColor": {
+      "value": "{color.text.base}",
+      "type": "color"
+    },
+    "iconPadding": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing",
+      "description": "code only token"
+    },
+    "itemLineHeight": {
+      "value": "{lineHeight.standalone.base}",
+      "type": "lineHeights"
+    },
+    "paddingHorizontal": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing"
+    },
+    "paddingVertical": {
+      "value": "{spacing.spaceMd}",
+      "type": "spacing"
+    },
+    "selectedBackground": {
+      "value": "{color.background.interactive.action.primary.base}",
+      "type": "color"
+    },
+    "selectedHoverBackgroundColor": {
+      "value": "{color.background.interactive.action.primary.hover}",
+      "type": "color"
+    },
+    "selectedLabelColor": {
+      "value": "{color.text.interactive.action.primary.base}",
+      "type": "color"
     }
   },
-  "option": {
-    "separator": {
-      "height": {
-        "value": "{borderWidth.sm}",
-        "type": "borderWidth"
-      }
+  "optionsSeparator": {
+    "background": {
+      "value": "{color.stroke.base}",
+      "type": "color"
+    },
+    "margin": {
+      "value": "0 0.75rem",
+      "type": "spacing",
+      "description": "code only token"
+    },
+    "height": {
+      "value": "{borderWidth.sm}",
+      "type": "borderWidth"
     }
   }
 }
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressBar.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressBar.json
index 1ca55536fb..3e9cab2fc6 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressBar.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressBar.json
@@ -57,7 +57,7 @@
       "type": "color"
     },
     "meterColorInfo": {
-      "value": "{color.background.info}",
+      "value": "{color.text.info}",
       "type": "color"
     },
     "meterColorInfoInverse": {
@@ -65,7 +65,7 @@
       "type": "color"
     },
     "meterColorSuccess": {
-      "value": "{color.background.success}",
+      "value": "{color.text.success}",
       "type": "color"
     },
     "meterColorSuccessInverse": {
@@ -101,7 +101,7 @@
       "type": "color"
     },
     "trackColorInverse": {
-      "value": "{color.background.opacity}",
+      "value": "{color.background.opacityOnColor}",
       "type": "color"
     },
     "valuePadding": {
@@ -112,6 +112,10 @@
       "value": "{color.text.muted}",
       "type": "color"
     },
+    "textColorInverse": {
+      "value": "{color.text.onColor}",
+      "type": "color"
+    },
     "xSmallValueFontSize": {
       "value": "{fontSize.textBase}",
       "type": "fontSizes"
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Tabs.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Tabs.json
index 2e5287d949..5febd6889a 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Tabs.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Tabs.json
@@ -25,7 +25,7 @@
       "type": "number"
     }
   },
-  "panel": {
+  "tabsPanel": {
     "background": {
       "value": "{color.background.base}",
       "type": "color"
@@ -63,7 +63,7 @@
       "type": "lineHeights"
     }
   },
-  "tab": {
+  "tabsTab": {
     "defaultTextColor": {
       "value": "{color.text.base}",
       "type": "color"
@@ -109,4 +109,4 @@
       "type": "number"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
index a177a3ca4f..abe1f7dd33 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandDark.json
@@ -370,6 +370,10 @@
       "mutedHover": {
         "value": "{color.grey.grey180}",
         "type": "color"
+      },
+      "opacityOnColor": {
+        "value": "{color.whiteOpacity20}",
+        "type": "color"
       }
     },
     "stroke": {
diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json
index 797568ffb5..d3f22e5599 100644
--- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json
+++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/semantic/color/rebrandLight.json
@@ -370,6 +370,10 @@
       "mutedHover": {
         "value": "{color.grey.grey20}",
         "type": "color"
+      },
+      "opacityOnColor": {
+        "value": "{color.whiteOpacity20}",
+        "type": "color"
       }
     },
     "stroke": {