From 6801bcd4b0f46e137aa197c641ba89fdf9215047 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Thu, 25 Dec 2025 09:50:31 +0100 Subject: [PATCH 01/28] chore: add togglegroup token --- .../lib/build/tokensStudio/$metadata.json | 2 ++ .../lib/build/tokensStudio/$themes.json | 16 ++++++++++++---- .../canvas/component/ToggleGroup.json | 8 ++++++++ .../rebrand/component/ToggleGroup.json | 8 ++++++++ 4 files changed, 30 insertions(+), 4 deletions(-) create mode 100644 packages/ui-scripts/lib/build/tokensStudio/canvas/component/ToggleGroup.json create mode 100644 packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ToggleGroup.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index ed03ae80fb..dab62e4e25 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -45,6 +45,7 @@ "canvas/component/TextInput", "canvas/component/Toggle", "canvas/component/ToggleDetails", + "canvas/component/ToggleGroup", "canvas/component/Tooltip", "canvas/component/Tray", "canvas/component/TreeBrowser", @@ -90,6 +91,7 @@ "rebrand/component/TextInput", "rebrand/component/Toggle", "rebrand/component/ToggleDetails", + "rebrand/component/ToggleGroup", "rebrand/component/Tooltip", "rebrand/component/Tray", "rebrand/component/TreeBrowser", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index f2b9c79fa9..68e325d682 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -50,7 +50,8 @@ "canvas/component/TreeBrowser": "enabled", "canvas/component/ToggleDetails": "enabled", "canvas/component/Alert": "enabled", - "canvas/component/SideNavBar": "enabled" + "canvas/component/SideNavBar": "enabled", + "canvas/component/ToggleGroup": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -1632,6 +1633,7 @@ "toggleDetails.toggleBorderStyle": "fa7e404eeeb6f65e8e2cc232ba31e4abf14e089e", "toggleDetails.toggleBorderWidth": "838a958ac4d60da1630bf1af6c69fcaeaae19918", "toggleDetails.togglePadding": "8988e5173f18c1bd02a77fe8ad070827c4b90c3c", + "toggleGroup.borderColor": "cf2b191b98b0ac8268cd87d22e211d09b3cd5fe6", "tooltip.padding": "fed61eb256e58d79905560f8eb6ecd00d310add9", "tooltip.fontFamily": "d1ef8cea902e36c567d004e56f61d46817886ebc", "tooltip.fontWeight": "da0369dc2bea573afefe518d9cc21314c9ba0733", @@ -1843,7 +1845,8 @@ "canvas/component/TreeBrowser": "enabled", "canvas/component/ToggleDetails": "enabled", "canvas/component/Alert": "enabled", - "canvas/component/SideNavBar": "enabled" + "canvas/component/SideNavBar": "enabled", + "canvas/component/ToggleGroup": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -3361,6 +3364,7 @@ "toggleDetails.toggleBorderStyle": "fa7e404eeeb6f65e8e2cc232ba31e4abf14e089e", "toggleDetails.toggleBorderWidth": "838a958ac4d60da1630bf1af6c69fcaeaae19918", "toggleDetails.togglePadding": "8988e5173f18c1bd02a77fe8ad070827c4b90c3c", + "toggleGroup.borderColor": "cf2b191b98b0ac8268cd87d22e211d09b3cd5fe6", "tooltip.padding": "fed61eb256e58d79905560f8eb6ecd00d310add9", "tooltip.fontFamily": "d1ef8cea902e36c567d004e56f61d46817886ebc", "tooltip.fontWeight": "da0369dc2bea573afefe518d9cc21314c9ba0733", @@ -3572,7 +3576,8 @@ "rebrand/component/TreeBrowser": "enabled", "rebrand/component/ToggleDetails": "enabled", "rebrand/component/Alert": "enabled", - "rebrand/component/SideNavBar": "enabled" + "rebrand/component/SideNavBar": "enabled", + "rebrand/component/ToggleGroup": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -5239,6 +5244,7 @@ "toggleDetails.toggleBorderStyle": "fa7e404eeeb6f65e8e2cc232ba31e4abf14e089e", "toggleDetails.toggleBorderWidth": "838a958ac4d60da1630bf1af6c69fcaeaae19918", "toggleDetails.togglePadding": "8988e5173f18c1bd02a77fe8ad070827c4b90c3c", + "toggleGroup.borderColor": "cf2b191b98b0ac8268cd87d22e211d09b3cd5fe6", "tooltip.fontFamily": "d1ef8cea902e36c567d004e56f61d46817886ebc", "tooltip.fontWeight": "da0369dc2bea573afefe518d9cc21314c9ba0733", "tooltip.fontSize": "d27af41a22f6473a8937991a58255844c64e7ac5", @@ -5363,7 +5369,8 @@ "rebrand/component/TreeBrowser": "enabled", "rebrand/component/ToggleDetails": "enabled", "rebrand/component/Alert": "enabled", - "rebrand/component/SideNavBar": "enabled" + "rebrand/component/SideNavBar": "enabled", + "rebrand/component/ToggleGroup": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -6966,6 +6973,7 @@ "toggleDetails.toggleBorderStyle": "fa7e404eeeb6f65e8e2cc232ba31e4abf14e089e", "toggleDetails.toggleBorderWidth": "838a958ac4d60da1630bf1af6c69fcaeaae19918", "toggleDetails.togglePadding": "8988e5173f18c1bd02a77fe8ad070827c4b90c3c", + "toggleGroup.borderColor": "cf2b191b98b0ac8268cd87d22e211d09b3cd5fe6", "tooltip.fontFamily": "d1ef8cea902e36c567d004e56f61d46817886ebc", "tooltip.fontWeight": "da0369dc2bea573afefe518d9cc21314c9ba0733", "tooltip.fontSize": "d27af41a22f6473a8937991a58255844c64e7ac5", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ToggleGroup.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ToggleGroup.json new file mode 100644 index 0000000000..29a6cb1587 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ToggleGroup.json @@ -0,0 +1,8 @@ +{ + "toggleGroup": { + "borderColor": { + "value": "{color.stroke.base}", + "type": "color" + } + } +} \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ToggleGroup.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ToggleGroup.json new file mode 100644 index 0000000000..29a6cb1587 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ToggleGroup.json @@ -0,0 +1,8 @@ +{ + "toggleGroup": { + "borderColor": { + "value": "{color.stroke.base}", + "type": "color" + } + } +} \ No newline at end of file From afe984cc4327287097502976e052fb1deb06c70e Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Thu, 25 Dec 2025 12:42:49 +0100 Subject: [PATCH 02/28] chore: update general shadow values --- .../tokensStudio/rebrand/semantic/color/rebrandDark.json | 2 +- .../tokensStudio/rebrand/semantic/color/rebrandLight.json | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) 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 ac2405f987..a1bbc1e42b 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 @@ -1439,7 +1439,7 @@ "type": "sizing" }, "dropshadow2": { - "value": "6px", + "value": "4px", "type": "sizing" } }, 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 805efe183c..bd01c2fa44 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 @@ -1334,11 +1334,11 @@ }, "dropShadow": { "shadowColor1": { - "value": "rgba(28,34,43,0.2)", + "value": "rgba(35,68,101,0.15)", "type": "color" }, "shadowColor2": { - "value": "rgba(28,34,43,0.1)", + "value": "rgba(35,68,101,0.1)", "type": "color" } }, @@ -1439,7 +1439,7 @@ "type": "sizing" }, "dropshadow2": { - "value": "6px", + "value": "4px", "type": "sizing" } }, @@ -1481,7 +1481,7 @@ "type": "sizing" }, "dropshadow2": { - "value": "2px", + "value": "1px", "type": "sizing" } }, From 34bd26996c4c366e85cc4502951ec8d4a8ed439e Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Thu, 25 Dec 2025 12:48:46 +0100 Subject: [PATCH 03/28] chore: update rebrand opacity token value --- packages/ui-scripts/lib/build/tokensStudio/$themes.json | 1 + .../ui-scripts/lib/build/tokensStudio/primitives/default.json | 4 ++++ .../tokensStudio/rebrand/semantic/color/rebrandLight.json | 2 +- 3 files changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 68e325d682..74ff5d6504 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -7298,6 +7298,7 @@ "color.whiteOpacity20": "ddcdc27fea1b845495be1420006e10ece0af978f", "color.whiteOpacity75": "17cb841de9caec3392bd40b1b57424500795f63f", "color.greyOpacity75": "dcefe3958e9972390782ce7f4a19eca7eed938f2", + "color.navyOpacity10": "d3d588090e3c909e4f4340d17f42dcb6d2446f86", "color.greyOpacity10": "1d5f866f6b3fa3bdcb45b028a555f9badf959e97", "size.size1": "78587a65d797101fdc18d9be04cb85eaa82c2f0d", "size.size2": "482773d6fde9d9783295fdf5e2bf1184b99e8183", diff --git a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json index 801321dff0..42843c851d 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json +++ b/packages/ui-scripts/lib/build/tokensStudio/primitives/default.json @@ -986,6 +986,10 @@ "value": "rgba(28,34,43,0.75)", "type": "color" }, + "navyOpacity10": { + "value": "rgba(35,68,101,0.1)", + "type": "color" + }, "greyOpacity10": { "value": "rgba(28,34,43,0.1)", "type": "color" 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 bd01c2fa44..02c7cfa68d 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 @@ -62,7 +62,7 @@ "type": "color" }, "opacity": { - "value": "{color.greyOpacity10}", + "value": "{color.navyOpacity10}", "type": "color" }, "opacityOnColor": { From d582b71035889040f61b085967934b3c7fc5fdf6 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Thu, 25 Dec 2025 15:35:03 +0100 Subject: [PATCH 04/28] chore: add billboard token set --- .../lib/build/tokensStudio/$metadata.json | 6 +- .../lib/build/tokensStudio/$themes.json | 236 +++++++++--------- .../canvas/component/Billboard.json | 8 + .../rebrand/component/Billboard.json | 8 + 4 files changed, 142 insertions(+), 116 deletions(-) create mode 100644 packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json create mode 100644 packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index dab62e4e25..56342b70ad 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -8,6 +8,7 @@ "canvas/component/Avatar", "canvas/component/Badge", "canvas/component/BaseButton", + "canvas/component/Billboard", "canvas/component/Breadcrumb", "canvas/component/Calendar", "canvas/component/Checkbox", @@ -50,12 +51,11 @@ "canvas/component/Tray", "canvas/component/TreeBrowser", "canvas/component/View", - "rebrand/component/SourceCodeEditor", - "rebrand/component/Table", "rebrand/component/Alert", "rebrand/component/Avatar", "rebrand/component/Badge", "rebrand/component/BaseButton", + "rebrand/component/Billboard", "rebrand/component/Breadcrumb", "rebrand/component/ContextView", "rebrand/component/Calendar", @@ -83,7 +83,9 @@ "rebrand/component/RangeInput", "rebrand/component/SharedTokens", "rebrand/component/SideNavBar", + "rebrand/component/SourceCodeEditor", "rebrand/component/Spinner", + "rebrand/component/Table", "rebrand/component/Tabs", "rebrand/component/Tag", "rebrand/component/Text", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 74ff5d6504..daba7d4e4c 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -51,7 +51,8 @@ "canvas/component/ToggleDetails": "enabled", "canvas/component/Alert": "enabled", "canvas/component/SideNavBar": "enabled", - "canvas/component/ToggleGroup": "enabled" + "canvas/component/ToggleGroup": "enabled", + "canvas/component/Billboard": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -505,61 +506,6 @@ "dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05", "dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862", "dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0", - "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095", - "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b", - "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf", - "sourceCodeEditor.borderWidth": "0ae5bb226f3a79e7d05f795d9f50d1b62add20ba", - "sourceCodeEditor.color": "ec9c1a2bc4834b1e130c1f60b79e23b57d456bcf", - "sourceCodeEditor.fontFamily": "0f0949e45d087ed56b040568e895328a53e06403", - "sourceCodeEditor.fontSize": "d7432b0d5edd2ecbfc7b7c55164ef7bfab739cdb", - "sourceCodeEditor.gutterBackground": "0baf5bcfb6feb9253cf4756d34ea1ac73defc833", - "sourceCodeEditor.horizontalPadding": "e3d09a40c34d583d17ab9b147ef47ab24b13cf5a", - "sourceCodeEditor.verticalPadding": "791c18c9aff2d1f3c9185e15181ba1b3aa33086f", - "table.background": "60a1dd1d76cd88670abd6b044aed9098b56cc709", - "table.color": "b8201a6f7e807424ba93f94e2796c3b23892d508", - "table.fontFamily": "a0cf61f100c176968ef75aa1f8596cb72fbcfef1", - "table.fontSize": "8e4171536226a8d14d024ac50168bad44701596e", - "table.fontWeight": "c57603fe5acee75ac0368df5c593ead3528fe793", - "tableBody.background": "68ecd1524f0a0b1d6e80bb0c54b5dc547b3b8ce8", - "tableBody.color": "2499ce8396a6cd50fbefbe8934df3eca92ed3d2c", - "tableBody.fontFamily": "7bc43a9fef590470c3614bdf7e2b0d681daf77e8", - "tableBody.fontSize": "23027beefe898a4e787da5f431324411963d99f5", - "tableBody.fontWeight": "16ef3d3c8f6c5875091cda4edf33e78b118139b2", - "tableHead.background": "2dfff328f986f83a42463fbc08f6971a021255e2", - "tableHead.color": "cb09d4455b6fa45250fc8fdfeaeb4e6b37f3b196", - "tableHead.fontFamily": "329dc9abfdd80c5ad13c2ae5b65b1bad486df73a", - "tableHead.fontSize": "d9aa4170750c3309f69a04c08f8981cf3f66d283", - "tableHead.fontWeight": "afbe8dcd46f4f56d22bebec034a775453f49751a", - "tableCell.background": "8ec5066ddf19e3e3bcae910231fef9c9a11af99a", - "tableCell.color": "501750826df90838b5653a16cda97e32e0554ed5", - "tableCell.fontFamily": "6668f497fafe4649c7337cff6f0544bc2eb1c284", - "tableCell.fontSize": "6225cfda6ce2a5287ea93ad40411732d9714a08e", - "tableCell.fontWeight": "31fac48043d4ab68deff2e2975e6b7ffc39c3fa9", - "tableCell.paddingVertical": "70ffd107150a731ec428ac0a66603aefdc0e7363", - "tableCell.paddingHorizontal": "c985f49968b00b43f57a1d7a550a9678114ffdcf", - "tableRowHeader.background": "df8e6b87109b07921fcaac7728bd12c133478cb8", - "tableRowHeader.color": "260e773732499a04392e7ddc3df5c52e95755e12", - "tableRowHeader.borderColor": "2f4620cfe1b0ef3aaf05099590e2d05bec23b875", - "tableRowHeader.fontFamily": "6c91284b580f694b868bbf1403b08c57e886ad7d", - "tableRowHeader.fontSize": "a6787395b7f93d4947b958b7ddae3a991695aea6", - "tableRowHeader.fontWeight": "2916b6bbbcab101349361904986b216ce703df60", - "tableRowHeader.paddingVertical": "285e61fbaafc4f15cd0993d96ff71361b0594640", - "tableRowHeader.paddingHorizontal": "5c44b2024bb6e2a98bc8dd1874a3c92ba8ad64d5", - "tableRow.background": "54015b853f17a32e022932284dd4a47359833ac1", - "tableRow.color": "84657bc7329a0be0645962fb0599cea430e485e5", - "tableRow.borderColor": "652fa4f5c6d479018b605e1f279aba8b37236977", - "tableRow.hoverBorderColor": "cb42dcae20b8abf3c1341259af816f6b5ac3f1f1", - "tableRow.fontFamily": "e6ba62fb0f0b73069bca4963976aa7ef8073d1e6", - "tableRow.fontSize": "c39cc2550250907f68475daf3dc1c5991cef856f", - "tableRow.fontWeight": "deba604a0c48debbf3b396c9fdff5ceace7b466e", - "tableRow.paddingVertical": "b4a8eab476694c60ddcdecc6d20c6ad8da82463f", - "tableRow.paddingHorizontal": "1dcf8bcd36fc1a0dd8e0f23e20a6ada80cb25225", - "tableColHeader.background": "04981b70900a7757118a3bf84a9f8c102eae2c0f", - "tableColHeader.color": "a657b68f5256d8fb4efb7d1106a1a358b971ef76", - "tableColHeader.fontFamily": "a372432b37a61a2c72f3e2329cc47887a55f8a6a", - "tableColHeader.fontSize": "246e3a4c69eda118326c2dc95d72d40c433fce6e", - "tableColHeader.paddingVertical": "a1eee9feb53d248271d95e120f92366a7af4822b", - "tableColHeader.paddingHorizontal": "d54eabd7fbaa056e5572c23ed5525e541b5f2467", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -819,6 +765,7 @@ "baseButton.successHoverBoxShadow": "7fbcd25caf38c49cbcae53c63d3c92019560b147", "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", + "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", @@ -1417,6 +1364,16 @@ "sideNavBarItem.selectedBackgroundColor": "217c3c2d60763dd250a7b153ea9c3bd2ab6f0acd", "sideNavBarItem.selectedFontColor": "c7f0f4654918adc5397bb0dc214ad97a46a6d2e8", "sideNavBarItem.selectedIconColor": "2276da0c297559c488c7852c4df2cb40e7810d45", + "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095", + "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b", + "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf", + "sourceCodeEditor.borderWidth": "0ae5bb226f3a79e7d05f795d9f50d1b62add20ba", + "sourceCodeEditor.color": "ec9c1a2bc4834b1e130c1f60b79e23b57d456bcf", + "sourceCodeEditor.fontFamily": "0f0949e45d087ed56b040568e895328a53e06403", + "sourceCodeEditor.fontSize": "d7432b0d5edd2ecbfc7b7c55164ef7bfab739cdb", + "sourceCodeEditor.gutterBackground": "0baf5bcfb6feb9253cf4756d34ea1ac73defc833", + "sourceCodeEditor.horizontalPadding": "e3d09a40c34d583d17ab9b147ef47ab24b13cf5a", + "sourceCodeEditor.verticalPadding": "791c18c9aff2d1f3c9185e15181ba1b3aa33086f", "spinner.color": "fe35cee7f44f5160047f23b08d9aedcfa1627fa9", "spinner.inverseColor": "1ed9ec47561d71a46637ce34e32d2c0ebe02e85a", "spinner.trackColor": "e5c9a4016100c58fa7082a2ead97e06d0339ff07", @@ -1432,6 +1389,51 @@ "spinner.spinnerSizeSm": "f7b53a54b4f458fabca6de7c402b082a5bed0354", "spinner.spinnerSizeMd": "dfdca7b96441e44569db352d3585883295306232", "spinner.spinnerSizeLg": "01cccd9dd68fe9e48e794b01a89fbd9c1fa05e44", + "table.background": "60a1dd1d76cd88670abd6b044aed9098b56cc709", + "table.color": "b8201a6f7e807424ba93f94e2796c3b23892d508", + "table.fontFamily": "a0cf61f100c176968ef75aa1f8596cb72fbcfef1", + "table.fontSize": "8e4171536226a8d14d024ac50168bad44701596e", + "table.fontWeight": "c57603fe5acee75ac0368df5c593ead3528fe793", + "tableBody.background": "68ecd1524f0a0b1d6e80bb0c54b5dc547b3b8ce8", + "tableBody.color": "2499ce8396a6cd50fbefbe8934df3eca92ed3d2c", + "tableBody.fontFamily": "7bc43a9fef590470c3614bdf7e2b0d681daf77e8", + "tableBody.fontSize": "23027beefe898a4e787da5f431324411963d99f5", + "tableBody.fontWeight": "16ef3d3c8f6c5875091cda4edf33e78b118139b2", + "tableHead.background": "2dfff328f986f83a42463fbc08f6971a021255e2", + "tableHead.color": "cb09d4455b6fa45250fc8fdfeaeb4e6b37f3b196", + "tableHead.fontFamily": "329dc9abfdd80c5ad13c2ae5b65b1bad486df73a", + "tableHead.fontSize": "d9aa4170750c3309f69a04c08f8981cf3f66d283", + "tableHead.fontWeight": "afbe8dcd46f4f56d22bebec034a775453f49751a", + "tableCell.background": "8ec5066ddf19e3e3bcae910231fef9c9a11af99a", + "tableCell.color": "501750826df90838b5653a16cda97e32e0554ed5", + "tableCell.fontFamily": "6668f497fafe4649c7337cff6f0544bc2eb1c284", + "tableCell.fontSize": "6225cfda6ce2a5287ea93ad40411732d9714a08e", + "tableCell.fontWeight": "31fac48043d4ab68deff2e2975e6b7ffc39c3fa9", + "tableCell.paddingVertical": "70ffd107150a731ec428ac0a66603aefdc0e7363", + "tableCell.paddingHorizontal": "c985f49968b00b43f57a1d7a550a9678114ffdcf", + "tableRowHeader.background": "df8e6b87109b07921fcaac7728bd12c133478cb8", + "tableRowHeader.color": "260e773732499a04392e7ddc3df5c52e95755e12", + "tableRowHeader.borderColor": "2f4620cfe1b0ef3aaf05099590e2d05bec23b875", + "tableRowHeader.fontFamily": "6c91284b580f694b868bbf1403b08c57e886ad7d", + "tableRowHeader.fontSize": "a6787395b7f93d4947b958b7ddae3a991695aea6", + "tableRowHeader.fontWeight": "2916b6bbbcab101349361904986b216ce703df60", + "tableRowHeader.paddingVertical": "285e61fbaafc4f15cd0993d96ff71361b0594640", + "tableRowHeader.paddingHorizontal": "5c44b2024bb6e2a98bc8dd1874a3c92ba8ad64d5", + "tableRow.background": "54015b853f17a32e022932284dd4a47359833ac1", + "tableRow.color": "84657bc7329a0be0645962fb0599cea430e485e5", + "tableRow.borderColor": "652fa4f5c6d479018b605e1f279aba8b37236977", + "tableRow.hoverBorderColor": "cb42dcae20b8abf3c1341259af816f6b5ac3f1f1", + "tableRow.fontFamily": "e6ba62fb0f0b73069bca4963976aa7ef8073d1e6", + "tableRow.fontSize": "c39cc2550250907f68475daf3dc1c5991cef856f", + "tableRow.fontWeight": "deba604a0c48debbf3b396c9fdff5ceace7b466e", + "tableRow.paddingVertical": "b4a8eab476694c60ddcdecc6d20c6ad8da82463f", + "tableRow.paddingHorizontal": "1dcf8bcd36fc1a0dd8e0f23e20a6ada80cb25225", + "tableColHeader.background": "04981b70900a7757118a3bf84a9f8c102eae2c0f", + "tableColHeader.color": "a657b68f5256d8fb4efb7d1106a1a358b971ef76", + "tableColHeader.fontFamily": "a372432b37a61a2c72f3e2329cc47887a55f8a6a", + "tableColHeader.fontSize": "246e3a4c69eda118326c2dc95d72d40c433fce6e", + "tableColHeader.paddingVertical": "a1eee9feb53d248271d95e120f92366a7af4822b", + "tableColHeader.paddingHorizontal": "d54eabd7fbaa056e5572c23ed5525e541b5f2467", "tabs.defaultBackground": "33e6f6e8aa293c64246f3af2a3b016f0374bae0b", "tabs.scrollFadeColor": "c910bab1a89a353142c351b239be418e34704491", "tabs.scrollOverlayWidthDefault": "a9c02be26b887aec5860d4972833cd01bf000488", @@ -1846,7 +1848,8 @@ "canvas/component/ToggleDetails": "enabled", "canvas/component/Alert": "enabled", "canvas/component/SideNavBar": "enabled", - "canvas/component/ToggleGroup": "enabled" + "canvas/component/ToggleGroup": "enabled", + "canvas/component/Billboard": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -2236,61 +2239,6 @@ "dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05", "dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862", "dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0", - "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095", - "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b", - "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf", - "sourceCodeEditor.borderWidth": "0ae5bb226f3a79e7d05f795d9f50d1b62add20ba", - "sourceCodeEditor.color": "ec9c1a2bc4834b1e130c1f60b79e23b57d456bcf", - "sourceCodeEditor.fontFamily": "0f0949e45d087ed56b040568e895328a53e06403", - "sourceCodeEditor.fontSize": "d7432b0d5edd2ecbfc7b7c55164ef7bfab739cdb", - "sourceCodeEditor.gutterBackground": "0baf5bcfb6feb9253cf4756d34ea1ac73defc833", - "sourceCodeEditor.horizontalPadding": "e3d09a40c34d583d17ab9b147ef47ab24b13cf5a", - "sourceCodeEditor.verticalPadding": "791c18c9aff2d1f3c9185e15181ba1b3aa33086f", - "table.background": "60a1dd1d76cd88670abd6b044aed9098b56cc709", - "table.color": "b8201a6f7e807424ba93f94e2796c3b23892d508", - "table.fontFamily": "a0cf61f100c176968ef75aa1f8596cb72fbcfef1", - "table.fontSize": "8e4171536226a8d14d024ac50168bad44701596e", - "table.fontWeight": "c57603fe5acee75ac0368df5c593ead3528fe793", - "tableBody.background": "68ecd1524f0a0b1d6e80bb0c54b5dc547b3b8ce8", - "tableBody.color": "2499ce8396a6cd50fbefbe8934df3eca92ed3d2c", - "tableBody.fontFamily": "7bc43a9fef590470c3614bdf7e2b0d681daf77e8", - "tableBody.fontSize": "23027beefe898a4e787da5f431324411963d99f5", - "tableBody.fontWeight": "16ef3d3c8f6c5875091cda4edf33e78b118139b2", - "tableHead.background": "2dfff328f986f83a42463fbc08f6971a021255e2", - "tableHead.color": "cb09d4455b6fa45250fc8fdfeaeb4e6b37f3b196", - "tableHead.fontFamily": "329dc9abfdd80c5ad13c2ae5b65b1bad486df73a", - "tableHead.fontSize": "d9aa4170750c3309f69a04c08f8981cf3f66d283", - "tableHead.fontWeight": "afbe8dcd46f4f56d22bebec034a775453f49751a", - "tableCell.background": "8ec5066ddf19e3e3bcae910231fef9c9a11af99a", - "tableCell.color": "501750826df90838b5653a16cda97e32e0554ed5", - "tableCell.fontFamily": "6668f497fafe4649c7337cff6f0544bc2eb1c284", - "tableCell.fontSize": "6225cfda6ce2a5287ea93ad40411732d9714a08e", - "tableCell.fontWeight": "31fac48043d4ab68deff2e2975e6b7ffc39c3fa9", - "tableCell.paddingVertical": "70ffd107150a731ec428ac0a66603aefdc0e7363", - "tableCell.paddingHorizontal": "c985f49968b00b43f57a1d7a550a9678114ffdcf", - "tableRowHeader.background": "df8e6b87109b07921fcaac7728bd12c133478cb8", - "tableRowHeader.color": "260e773732499a04392e7ddc3df5c52e95755e12", - "tableRowHeader.borderColor": "2f4620cfe1b0ef3aaf05099590e2d05bec23b875", - "tableRowHeader.fontFamily": "6c91284b580f694b868bbf1403b08c57e886ad7d", - "tableRowHeader.fontSize": "a6787395b7f93d4947b958b7ddae3a991695aea6", - "tableRowHeader.fontWeight": "2916b6bbbcab101349361904986b216ce703df60", - "tableRowHeader.paddingVertical": "285e61fbaafc4f15cd0993d96ff71361b0594640", - "tableRowHeader.paddingHorizontal": "5c44b2024bb6e2a98bc8dd1874a3c92ba8ad64d5", - "tableRow.background": "54015b853f17a32e022932284dd4a47359833ac1", - "tableRow.color": "84657bc7329a0be0645962fb0599cea430e485e5", - "tableRow.borderColor": "652fa4f5c6d479018b605e1f279aba8b37236977", - "tableRow.hoverBorderColor": "cb42dcae20b8abf3c1341259af816f6b5ac3f1f1", - "tableRow.fontFamily": "e6ba62fb0f0b73069bca4963976aa7ef8073d1e6", - "tableRow.fontSize": "c39cc2550250907f68475daf3dc1c5991cef856f", - "tableRow.fontWeight": "deba604a0c48debbf3b396c9fdff5ceace7b466e", - "tableRow.paddingVertical": "b4a8eab476694c60ddcdecc6d20c6ad8da82463f", - "tableRow.paddingHorizontal": "1dcf8bcd36fc1a0dd8e0f23e20a6ada80cb25225", - "tableColHeader.background": "04981b70900a7757118a3bf84a9f8c102eae2c0f", - "tableColHeader.color": "a657b68f5256d8fb4efb7d1106a1a358b971ef76", - "tableColHeader.fontFamily": "a372432b37a61a2c72f3e2329cc47887a55f8a6a", - "tableColHeader.fontSize": "246e3a4c69eda118326c2dc95d72d40c433fce6e", - "tableColHeader.paddingVertical": "a1eee9feb53d248271d95e120f92366a7af4822b", - "tableColHeader.paddingHorizontal": "d54eabd7fbaa056e5572c23ed5525e541b5f2467", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -2550,6 +2498,7 @@ "baseButton.successHoverBoxShadow": "7fbcd25caf38c49cbcae53c63d3c92019560b147", "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", + "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", @@ -3148,6 +3097,16 @@ "sideNavBarItem.selectedBackgroundColor": "217c3c2d60763dd250a7b153ea9c3bd2ab6f0acd", "sideNavBarItem.selectedFontColor": "c7f0f4654918adc5397bb0dc214ad97a46a6d2e8", "sideNavBarItem.selectedIconColor": "2276da0c297559c488c7852c4df2cb40e7810d45", + "sourceCodeEditor.background": "753bcadd249cf00e7907044d50f6948a0e69b095", + "sourceCodeEditor.borderColor": "87cf90ef8c27fe5c12764a7a5656f66d1aefd83b", + "sourceCodeEditor.borderRadius": "9f0848b8ed3d6789ce7c71447d10a2ee54b6eccf", + "sourceCodeEditor.borderWidth": "0ae5bb226f3a79e7d05f795d9f50d1b62add20ba", + "sourceCodeEditor.color": "ec9c1a2bc4834b1e130c1f60b79e23b57d456bcf", + "sourceCodeEditor.fontFamily": "0f0949e45d087ed56b040568e895328a53e06403", + "sourceCodeEditor.fontSize": "d7432b0d5edd2ecbfc7b7c55164ef7bfab739cdb", + "sourceCodeEditor.gutterBackground": "0baf5bcfb6feb9253cf4756d34ea1ac73defc833", + "sourceCodeEditor.horizontalPadding": "e3d09a40c34d583d17ab9b147ef47ab24b13cf5a", + "sourceCodeEditor.verticalPadding": "791c18c9aff2d1f3c9185e15181ba1b3aa33086f", "spinner.color": "fe35cee7f44f5160047f23b08d9aedcfa1627fa9", "spinner.inverseColor": "1ed9ec47561d71a46637ce34e32d2c0ebe02e85a", "spinner.trackColor": "e5c9a4016100c58fa7082a2ead97e06d0339ff07", @@ -3163,6 +3122,51 @@ "spinner.spinnerSizeSm": "f7b53a54b4f458fabca6de7c402b082a5bed0354", "spinner.spinnerSizeMd": "dfdca7b96441e44569db352d3585883295306232", "spinner.spinnerSizeLg": "01cccd9dd68fe9e48e794b01a89fbd9c1fa05e44", + "table.background": "60a1dd1d76cd88670abd6b044aed9098b56cc709", + "table.color": "b8201a6f7e807424ba93f94e2796c3b23892d508", + "table.fontFamily": "a0cf61f100c176968ef75aa1f8596cb72fbcfef1", + "table.fontSize": "8e4171536226a8d14d024ac50168bad44701596e", + "table.fontWeight": "c57603fe5acee75ac0368df5c593ead3528fe793", + "tableBody.background": "68ecd1524f0a0b1d6e80bb0c54b5dc547b3b8ce8", + "tableBody.color": "2499ce8396a6cd50fbefbe8934df3eca92ed3d2c", + "tableBody.fontFamily": "7bc43a9fef590470c3614bdf7e2b0d681daf77e8", + "tableBody.fontSize": "23027beefe898a4e787da5f431324411963d99f5", + "tableBody.fontWeight": "16ef3d3c8f6c5875091cda4edf33e78b118139b2", + "tableHead.background": "2dfff328f986f83a42463fbc08f6971a021255e2", + "tableHead.color": "cb09d4455b6fa45250fc8fdfeaeb4e6b37f3b196", + "tableHead.fontFamily": "329dc9abfdd80c5ad13c2ae5b65b1bad486df73a", + "tableHead.fontSize": "d9aa4170750c3309f69a04c08f8981cf3f66d283", + "tableHead.fontWeight": "afbe8dcd46f4f56d22bebec034a775453f49751a", + "tableCell.background": "8ec5066ddf19e3e3bcae910231fef9c9a11af99a", + "tableCell.color": "501750826df90838b5653a16cda97e32e0554ed5", + "tableCell.fontFamily": "6668f497fafe4649c7337cff6f0544bc2eb1c284", + "tableCell.fontSize": "6225cfda6ce2a5287ea93ad40411732d9714a08e", + "tableCell.fontWeight": "31fac48043d4ab68deff2e2975e6b7ffc39c3fa9", + "tableCell.paddingVertical": "70ffd107150a731ec428ac0a66603aefdc0e7363", + "tableCell.paddingHorizontal": "c985f49968b00b43f57a1d7a550a9678114ffdcf", + "tableRowHeader.background": "df8e6b87109b07921fcaac7728bd12c133478cb8", + "tableRowHeader.color": "260e773732499a04392e7ddc3df5c52e95755e12", + "tableRowHeader.borderColor": "2f4620cfe1b0ef3aaf05099590e2d05bec23b875", + "tableRowHeader.fontFamily": "6c91284b580f694b868bbf1403b08c57e886ad7d", + "tableRowHeader.fontSize": "a6787395b7f93d4947b958b7ddae3a991695aea6", + "tableRowHeader.fontWeight": "2916b6bbbcab101349361904986b216ce703df60", + "tableRowHeader.paddingVertical": "285e61fbaafc4f15cd0993d96ff71361b0594640", + "tableRowHeader.paddingHorizontal": "5c44b2024bb6e2a98bc8dd1874a3c92ba8ad64d5", + "tableRow.background": "54015b853f17a32e022932284dd4a47359833ac1", + "tableRow.color": "84657bc7329a0be0645962fb0599cea430e485e5", + "tableRow.borderColor": "652fa4f5c6d479018b605e1f279aba8b37236977", + "tableRow.hoverBorderColor": "cb42dcae20b8abf3c1341259af816f6b5ac3f1f1", + "tableRow.fontFamily": "e6ba62fb0f0b73069bca4963976aa7ef8073d1e6", + "tableRow.fontSize": "c39cc2550250907f68475daf3dc1c5991cef856f", + "tableRow.fontWeight": "deba604a0c48debbf3b396c9fdff5ceace7b466e", + "tableRow.paddingVertical": "b4a8eab476694c60ddcdecc6d20c6ad8da82463f", + "tableRow.paddingHorizontal": "1dcf8bcd36fc1a0dd8e0f23e20a6ada80cb25225", + "tableColHeader.background": "04981b70900a7757118a3bf84a9f8c102eae2c0f", + "tableColHeader.color": "a657b68f5256d8fb4efb7d1106a1a358b971ef76", + "tableColHeader.fontFamily": "a372432b37a61a2c72f3e2329cc47887a55f8a6a", + "tableColHeader.fontSize": "246e3a4c69eda118326c2dc95d72d40c433fce6e", + "tableColHeader.paddingVertical": "a1eee9feb53d248271d95e120f92366a7af4822b", + "tableColHeader.paddingHorizontal": "d54eabd7fbaa056e5572c23ed5525e541b5f2467", "tabs.defaultBackground": "33e6f6e8aa293c64246f3af2a3b016f0374bae0b", "tabs.scrollFadeColor": "c910bab1a89a353142c351b239be418e34704491", "tabs.scrollOverlayWidthDefault": "a9c02be26b887aec5860d4972833cd01bf000488", @@ -3577,7 +3581,8 @@ "rebrand/component/ToggleDetails": "enabled", "rebrand/component/Alert": "enabled", "rebrand/component/SideNavBar": "enabled", - "rebrand/component/ToggleGroup": "enabled" + "rebrand/component/ToggleGroup": "enabled", + "rebrand/component/Billboard": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -4375,6 +4380,7 @@ "baseButton.successHoverBoxShadow": "7fbcd25caf38c49cbcae53c63d3c92019560b147", "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", + "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", @@ -5370,7 +5376,8 @@ "rebrand/component/ToggleDetails": "enabled", "rebrand/component/Alert": "enabled", "rebrand/component/SideNavBar": "enabled", - "rebrand/component/ToggleGroup": "enabled" + "rebrand/component/ToggleGroup": "enabled", + "rebrand/component/Billboard": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -6104,6 +6111,7 @@ "baseButton.successHoverBoxShadow": "7fbcd25caf38c49cbcae53c63d3c92019560b147", "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", + "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json new file mode 100644 index 0000000000..476697ed71 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json @@ -0,0 +1,8 @@ +{ + "billboard": { + "backgroundColor": { + "value": "{color.background.base}", + "type": "color" + } + } +} \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json new file mode 100644 index 0000000000..476697ed71 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json @@ -0,0 +1,8 @@ +{ + "billboard": { + "backgroundColor": { + "value": "{color.background.base}", + "type": "color" + } + } +} \ No newline at end of file From 0e38224ad8913a1b3b0bd5b8612d1f6a6f5befb8 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Thu, 25 Dec 2025 18:29:15 +0100 Subject: [PATCH 05/28] chore: add billboard tokens --- .../lib/build/tokensStudio/$themes.json | 68 +++++++++++++++++++ .../canvas/component/Billboard.json | 68 +++++++++++++++++++ .../rebrand/component/Billboard.json | 68 +++++++++++++++++++ 3 files changed, 204 insertions(+) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index daba7d4e4c..2f51c09478 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -766,6 +766,23 @@ "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", + "billboard.fontFamily": "898a1da180deadc0258de206bec6493efba8a704", + "billboard.paddingSmall": "6cedef344c4298621d2eff7dd32b15a0f0d175fc", + "billboard.paddingMedium": "323e49810379bd4646ed7dee1a52161db70d3576", + "billboard.paddingLarge": "e60f994f48b106363b712ee6066caed73277084e", + "billboard.mediumMargin": "8c318d58097d2f636022f87d151c07f77dcc7e27", + "billboard.largeMargin": "7e24e33d604d3f0760275d8a51f4c960badc7c6c", + "billboard.buttonBorderWidth": "e903d42179f6c0f3ae3898a2af3cf331479d1cdb", + "billboard.buttonBorderStyle": "5716e628b01f84ee43974b53826bacc20f320832", + "billboard.buttonHoverBorderStyle": "58715b31021c691f9e766961e62051eae21e9a04", + "billboard.buttonBorderRadius": "0c8d99924f732de87fae8e45320fb0ad3ac41696", + "billboard.messageColor": "6e7fff20d62feaeb82a6bfe50a7c9980332bf289", + "billboard.messageColorClickable": "ab894f0168b038cde7434f3ddad557f303c6fd6b", + "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", + "billboard.clickableActiveText": "ebd2175a30d67875e62939ff1e2f5b2c98fcefe7", + "billboard.messageFontSizeSmall": "13d7d32b9876ced374016feff3b5bba9e587139e", + "billboard.messageFontSizeMedium": "d581fd0bb605ce046ecad40cab37f9b25004c48a", + "billboard.messageFontSizeLarge": "e66421d799c84982dc50b6742438a141cebde866", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", @@ -2499,6 +2516,23 @@ "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", + "billboard.fontFamily": "898a1da180deadc0258de206bec6493efba8a704", + "billboard.paddingSmall": "6cedef344c4298621d2eff7dd32b15a0f0d175fc", + "billboard.paddingMedium": "323e49810379bd4646ed7dee1a52161db70d3576", + "billboard.paddingLarge": "e60f994f48b106363b712ee6066caed73277084e", + "billboard.mediumMargin": "8c318d58097d2f636022f87d151c07f77dcc7e27", + "billboard.largeMargin": "7e24e33d604d3f0760275d8a51f4c960badc7c6c", + "billboard.buttonBorderWidth": "e903d42179f6c0f3ae3898a2af3cf331479d1cdb", + "billboard.buttonBorderStyle": "5716e628b01f84ee43974b53826bacc20f320832", + "billboard.buttonHoverBorderStyle": "58715b31021c691f9e766961e62051eae21e9a04", + "billboard.buttonBorderRadius": "0c8d99924f732de87fae8e45320fb0ad3ac41696", + "billboard.messageColor": "6e7fff20d62feaeb82a6bfe50a7c9980332bf289", + "billboard.messageColorClickable": "ab894f0168b038cde7434f3ddad557f303c6fd6b", + "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", + "billboard.clickableActiveText": "ebd2175a30d67875e62939ff1e2f5b2c98fcefe7", + "billboard.messageFontSizeSmall": "13d7d32b9876ced374016feff3b5bba9e587139e", + "billboard.messageFontSizeMedium": "d581fd0bb605ce046ecad40cab37f9b25004c48a", + "billboard.messageFontSizeLarge": "e66421d799c84982dc50b6742438a141cebde866", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", @@ -4381,6 +4415,23 @@ "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", + "billboard.fontFamily": "898a1da180deadc0258de206bec6493efba8a704", + "billboard.paddingSmall": "6cedef344c4298621d2eff7dd32b15a0f0d175fc", + "billboard.paddingMedium": "323e49810379bd4646ed7dee1a52161db70d3576", + "billboard.paddingLarge": "e60f994f48b106363b712ee6066caed73277084e", + "billboard.mediumMargin": "8c318d58097d2f636022f87d151c07f77dcc7e27", + "billboard.largeMargin": "7e24e33d604d3f0760275d8a51f4c960badc7c6c", + "billboard.buttonBorderWidth": "e903d42179f6c0f3ae3898a2af3cf331479d1cdb", + "billboard.buttonBorderStyle": "5716e628b01f84ee43974b53826bacc20f320832", + "billboard.buttonHoverBorderStyle": "58715b31021c691f9e766961e62051eae21e9a04", + "billboard.buttonBorderRadius": "0c8d99924f732de87fae8e45320fb0ad3ac41696", + "billboard.messageColor": "6e7fff20d62feaeb82a6bfe50a7c9980332bf289", + "billboard.messageColorClickable": "ab894f0168b038cde7434f3ddad557f303c6fd6b", + "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", + "billboard.clickableActiveText": "ebd2175a30d67875e62939ff1e2f5b2c98fcefe7", + "billboard.messageFontSizeSmall": "13d7d32b9876ced374016feff3b5bba9e587139e", + "billboard.messageFontSizeMedium": "d581fd0bb605ce046ecad40cab37f9b25004c48a", + "billboard.messageFontSizeLarge": "e66421d799c84982dc50b6742438a141cebde866", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", @@ -6112,6 +6163,23 @@ "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", + "billboard.fontFamily": "898a1da180deadc0258de206bec6493efba8a704", + "billboard.paddingSmall": "6cedef344c4298621d2eff7dd32b15a0f0d175fc", + "billboard.paddingMedium": "323e49810379bd4646ed7dee1a52161db70d3576", + "billboard.paddingLarge": "e60f994f48b106363b712ee6066caed73277084e", + "billboard.mediumMargin": "8c318d58097d2f636022f87d151c07f77dcc7e27", + "billboard.largeMargin": "7e24e33d604d3f0760275d8a51f4c960badc7c6c", + "billboard.buttonBorderWidth": "e903d42179f6c0f3ae3898a2af3cf331479d1cdb", + "billboard.buttonBorderStyle": "5716e628b01f84ee43974b53826bacc20f320832", + "billboard.buttonHoverBorderStyle": "58715b31021c691f9e766961e62051eae21e9a04", + "billboard.buttonBorderRadius": "0c8d99924f732de87fae8e45320fb0ad3ac41696", + "billboard.messageColor": "6e7fff20d62feaeb82a6bfe50a7c9980332bf289", + "billboard.messageColorClickable": "ab894f0168b038cde7434f3ddad557f303c6fd6b", + "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", + "billboard.clickableActiveText": "ebd2175a30d67875e62939ff1e2f5b2c98fcefe7", + "billboard.messageFontSizeSmall": "13d7d32b9876ced374016feff3b5bba9e587139e", + "billboard.messageFontSizeMedium": "d581fd0bb605ce046ecad40cab37f9b25004c48a", + "billboard.messageFontSizeLarge": "e66421d799c84982dc50b6742438a141cebde866", "breadcrumb.gapSm": "473c88172be7bba4d5a3b09c2d913271c55e3f43", "breadcrumb.gapMd": "f0e50cde3b699f365c5874ff4bff211dc53fbc0c", "breadcrumb.gapLg": "19111d706bb4b2f845628f8a42b075905791883e", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json index 476697ed71..dcf813e332 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json @@ -3,6 +3,74 @@ "backgroundColor": { "value": "{color.background.base}", "type": "color" + }, + "fontFamily": { + "value": "{fontFamily.base}", + "type": "fontFamilies" + }, + "paddingSmall": { + "value": "{spacing.spaceMd}", + "type": "spacing" + }, + "paddingMedium": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "paddingLarge": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "mediumMargin": { + "value": "{sharedTokens.spacing.general.spaceMd}", + "type": "spacing" + }, + "largeMargin": { + "value": "{sharedTokens.spacing.general.spaceXl}", + "type": "spacing" + }, + "buttonBorderWidth": { + "value": "{borderWidth.md}", + "type": "borderWidth" + }, + "buttonBorderStyle": { + "value": "solid", + "type": "text" + }, + "buttonHoverBorderStyle": { + "value": "dashed", + "type": "text" + }, + "buttonBorderRadius": { + "value": "0.5rem", + "type": "borderRadius" + }, + "messageColor": { + "value": "{color.text.interactive.navigation.primary.base}", + "type": "color" + }, + "messageColorClickable": { + "value": "{color.text.interactive.navigation.primary.base}", + "type": "color" + }, + "clickableActiveBg": { + "value": "{color.background.interactive.action.primary.active}", + "type": "color" + }, + "clickableActiveText": { + "value": "{color.text.onColor}", + "type": "color" + }, + "messageFontSizeSmall": { + "value": "{fontSize.textSm}", + "type": "fontSizes" + }, + "messageFontSizeMedium": { + "value": "{fontSize.textBase}", + "type": "fontSizes" + }, + "messageFontSizeLarge": { + "value": "{fontSize.textLg}", + "type": "fontSizes" } } } \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json index 476697ed71..549323e806 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json @@ -3,6 +3,74 @@ "backgroundColor": { "value": "{color.background.base}", "type": "color" + }, + "fontFamily": { + "value": "{fontFamily.base}", + "type": "fontFamilies" + }, + "paddingSmall": { + "value": "{spacing.spaceMd}", + "type": "spacing" + }, + "paddingMedium": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "paddingLarge": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "mediumMargin": { + "value": "{sharedTokens.spacing.general.spaceMd}", + "type": "spacing" + }, + "largeMargin": { + "value": "{sharedTokens.spacing.general.spaceXl}", + "type": "spacing" + }, + "buttonBorderWidth": { + "value": "{borderWidth.md}", + "type": "borderWidth" + }, + "buttonBorderStyle": { + "value": "solid", + "type": "text" + }, + "buttonHoverBorderStyle": { + "value": "dashed", + "type": "text" + }, + "buttonBorderRadius": { + "value": "0.5rem", + "type": "borderRadius" + }, + "messageColor": { + "value": "{color.text.muted}", + "type": "color" + }, + "messageColorClickable": { + "value": "{color.text.interactive.navigation.primary.base}", + "type": "color" + }, + "clickableActiveBg": { + "value": "{color.background.interactive.action.secondary.active}", + "type": "color" + }, + "clickableActiveText": { + "value": "{color.text.base}", + "type": "color" + }, + "messageFontSizeSmall": { + "value": "{fontSize.textSm}", + "type": "fontSizes" + }, + "messageFontSizeMedium": { + "value": "{fontSize.textBase}", + "type": "fontSizes" + }, + "messageFontSizeLarge": { + "value": "{fontSize.textLg}", + "type": "fontSizes" } } } \ No newline at end of file From b12ec8a519ad3fe2613f107363cd68b4a2d549ea Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Thu, 25 Dec 2025 18:33:12 +0100 Subject: [PATCH 06/28] chore: update billboard token values --- .../ui-scripts/lib/build/tokensStudio/$themes.json | 4 ++-- .../tokensStudio/rebrand/component/Billboard.json | 12 ++++++------ 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 2f51c09478..77f217447d 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -766,6 +766,7 @@ "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", + "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", "billboard.fontFamily": "898a1da180deadc0258de206bec6493efba8a704", "billboard.paddingSmall": "6cedef344c4298621d2eff7dd32b15a0f0d175fc", "billboard.paddingMedium": "323e49810379bd4646ed7dee1a52161db70d3576", @@ -778,7 +779,6 @@ "billboard.buttonBorderRadius": "0c8d99924f732de87fae8e45320fb0ad3ac41696", "billboard.messageColor": "6e7fff20d62feaeb82a6bfe50a7c9980332bf289", "billboard.messageColorClickable": "ab894f0168b038cde7434f3ddad557f303c6fd6b", - "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", "billboard.clickableActiveText": "ebd2175a30d67875e62939ff1e2f5b2c98fcefe7", "billboard.messageFontSizeSmall": "13d7d32b9876ced374016feff3b5bba9e587139e", "billboard.messageFontSizeMedium": "d581fd0bb605ce046ecad40cab37f9b25004c48a", @@ -2516,6 +2516,7 @@ "baseButton.textTransform": "f2e0476d8a03f53d13bc49e217b72ef320460247", "baseButton.transform": "197c2c638f40fbcfb6d11fd47d7400b61c42f6b1", "billboard.backgroundColor": "cbf637ada519da81a065281dce7af20d2256c294", + "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", "billboard.fontFamily": "898a1da180deadc0258de206bec6493efba8a704", "billboard.paddingSmall": "6cedef344c4298621d2eff7dd32b15a0f0d175fc", "billboard.paddingMedium": "323e49810379bd4646ed7dee1a52161db70d3576", @@ -2528,7 +2529,6 @@ "billboard.buttonBorderRadius": "0c8d99924f732de87fae8e45320fb0ad3ac41696", "billboard.messageColor": "6e7fff20d62feaeb82a6bfe50a7c9980332bf289", "billboard.messageColorClickable": "ab894f0168b038cde7434f3ddad557f303c6fd6b", - "billboard.clickableActiveBg": "3aac208747c8515a869bdde2f2ba258341f3b032", "billboard.clickableActiveText": "ebd2175a30d67875e62939ff1e2f5b2c98fcefe7", "billboard.messageFontSizeSmall": "13d7d32b9876ced374016feff3b5bba9e587139e", "billboard.messageFontSizeMedium": "d581fd0bb605ce046ecad40cab37f9b25004c48a", diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json index 549323e806..e7278add7a 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json @@ -1,7 +1,11 @@ { "billboard": { "backgroundColor": { - "value": "{color.background.base}", + "value": "{color.background.interactive.action.secondary.base}", + "type": "color" + }, + "clickableActiveBg": { + "value": "{color.background.interactive.action.secondary.active}", "type": "color" }, "fontFamily": { @@ -52,12 +56,8 @@ "value": "{color.text.interactive.navigation.primary.base}", "type": "color" }, - "clickableActiveBg": { - "value": "{color.background.interactive.action.secondary.active}", - "type": "color" - }, "clickableActiveText": { - "value": "{color.text.base}", + "value": "{color.text.interactive.navigation.primary.active}", "type": "color" }, "messageFontSizeSmall": { From a60caad64f3f50a005719b1e3b8668277cfd58a0 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Thu, 25 Dec 2025 18:36:40 +0100 Subject: [PATCH 07/28] chore: fix billboard message color values --- .../lib/build/tokensStudio/rebrand/component/Billboard.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json index e7278add7a..c657eee010 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json @@ -53,11 +53,11 @@ "type": "color" }, "messageColorClickable": { - "value": "{color.text.interactive.navigation.primary.base}", + "value": "{color.text.interactive.action.secondary.base}", "type": "color" }, "clickableActiveText": { - "value": "{color.text.interactive.navigation.primary.active}", + "value": "{color.text.interactive.action.secondary.active}", "type": "color" }, "messageFontSizeSmall": { From 84daff12cb83e42060a04ebc0dd608e927ea1f69 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Sat, 27 Dec 2025 15:17:00 +0100 Subject: [PATCH 08/28] chore: add aiinformation tokens --- .../lib/build/tokensStudio/$metadata.json | 2 + .../lib/build/tokensStudio/$themes.json | 56 +++++++++++++++++-- .../canvas/component/AiInformation.json | 48 ++++++++++++++++ .../rebrand/component/AiInformation.json | 48 ++++++++++++++++ 4 files changed, 150 insertions(+), 4 deletions(-) create mode 100644 packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json create mode 100644 packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index 56342b70ad..9840e8190e 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -4,6 +4,7 @@ "canvas/semantic/color/canvas", "canvas/semantic/color/canvasHighContrast", "canvas/semantic/layout/default", + "canvas/component/AiInformation", "canvas/component/Alert", "canvas/component/Avatar", "canvas/component/Badge", @@ -51,6 +52,7 @@ "canvas/component/Tray", "canvas/component/TreeBrowser", "canvas/component/View", + "rebrand/component/AiInformation", "rebrand/component/Alert", "rebrand/component/Avatar", "rebrand/component/Badge", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 77f217447d..6f915207e2 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -52,7 +52,8 @@ "canvas/component/Alert": "enabled", "canvas/component/SideNavBar": "enabled", "canvas/component/ToggleGroup": "enabled", - "canvas/component/Billboard": "enabled" + "canvas/component/Billboard": "enabled", + "canvas/component/AiInformation": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -506,6 +507,17 @@ "dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05", "dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862", "dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0", + "aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c", + "aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b", + "aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96", + "aiInformation.permissionLevelTextBottomMargin": "107bbef8be9d57a461d38c82e9fea7611aa303d7", + "aiInformation.permissionLevelBottomMargin": "dd48503878b345c7fbc405f349f625855c7ca38d", + "aiInformation.descriptionBottomMargin": "1c748568f8a3ba1da9dd63e4bfd123c8bbbe937f", + "aiInformation.modelNameTextBottomMargin": "fbef31c4b344062eec7b2126c633f8551baf5b09", + "aiInformation.modelNameBottomMargin": "6d6c81573b2364fa4b415b9d55f0097b51295116", + "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", + "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", + "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -1866,7 +1878,8 @@ "canvas/component/Alert": "enabled", "canvas/component/SideNavBar": "enabled", "canvas/component/ToggleGroup": "enabled", - "canvas/component/Billboard": "enabled" + "canvas/component/Billboard": "enabled", + "canvas/component/AiInformation": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -2256,6 +2269,17 @@ "dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05", "dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862", "dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0", + "aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c", + "aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b", + "aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96", + "aiInformation.permissionLevelTextBottomMargin": "107bbef8be9d57a461d38c82e9fea7611aa303d7", + "aiInformation.permissionLevelBottomMargin": "dd48503878b345c7fbc405f349f625855c7ca38d", + "aiInformation.descriptionBottomMargin": "1c748568f8a3ba1da9dd63e4bfd123c8bbbe937f", + "aiInformation.modelNameTextBottomMargin": "fbef31c4b344062eec7b2126c633f8551baf5b09", + "aiInformation.modelNameBottomMargin": "6d6c81573b2364fa4b415b9d55f0097b51295116", + "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", + "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", + "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -3616,7 +3640,8 @@ "rebrand/component/Alert": "enabled", "rebrand/component/SideNavBar": "enabled", "rebrand/component/ToggleGroup": "enabled", - "rebrand/component/Billboard": "enabled" + "rebrand/component/Billboard": "enabled", + "rebrand/component/AiInformation": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -4155,6 +4180,17 @@ "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", + "aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c", + "aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b", + "aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96", + "aiInformation.permissionLevelTextBottomMargin": "107bbef8be9d57a461d38c82e9fea7611aa303d7", + "aiInformation.permissionLevelBottomMargin": "dd48503878b345c7fbc405f349f625855c7ca38d", + "aiInformation.descriptionBottomMargin": "1c748568f8a3ba1da9dd63e4bfd123c8bbbe937f", + "aiInformation.modelNameTextBottomMargin": "fbef31c4b344062eec7b2126c633f8551baf5b09", + "aiInformation.modelNameBottomMargin": "6d6c81573b2364fa4b415b9d55f0097b51295116", + "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", + "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", + "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -5428,7 +5464,8 @@ "rebrand/component/Alert": "enabled", "rebrand/component/SideNavBar": "enabled", "rebrand/component/ToggleGroup": "enabled", - "rebrand/component/Billboard": "enabled" + "rebrand/component/Billboard": "enabled", + "rebrand/component/AiInformation": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -5903,6 +5940,17 @@ "visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8", "opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7", "opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea", + "aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c", + "aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b", + "aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96", + "aiInformation.permissionLevelTextBottomMargin": "107bbef8be9d57a461d38c82e9fea7611aa303d7", + "aiInformation.permissionLevelBottomMargin": "dd48503878b345c7fbc405f349f625855c7ca38d", + "aiInformation.descriptionBottomMargin": "1c748568f8a3ba1da9dd63e4bfd123c8bbbe937f", + "aiInformation.modelNameTextBottomMargin": "fbef31c4b344062eec7b2126c633f8551baf5b09", + "aiInformation.modelNameBottomMargin": "6d6c81573b2364fa4b415b9d55f0097b51295116", + "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", + "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", + "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json new file mode 100644 index 0000000000..94c1fffb55 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json @@ -0,0 +1,48 @@ +{ + "aiInformation": { + "bodyPadding": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "headingBottomMargin": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "featureNameBottomMargin": { + "value": "{spacing.spaceLg}", + "type": "spacing" + }, + "permissionLevelTextBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "permissionLevelBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "descriptionBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "modelNameTextBottomMargin": { + "value": "{spacing.spaceXs}", + "type": "spacing" + }, + "modelNameBottomMargin": { + "value": "{spacing.spaceXs}", + "type": "spacing" + }, + "dividerMargin": { + "value": "{spacing.spaceLg}", + "type": "spacing" + }, + "dividerColor": { + "value": "{color.stroke.muted}", + "type": "color" + }, + "levelColor": { + "value": "{color.text.aiColor}", + "type": "color" + } + } +} \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json new file mode 100644 index 0000000000..94c1fffb55 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json @@ -0,0 +1,48 @@ +{ + "aiInformation": { + "bodyPadding": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "headingBottomMargin": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "featureNameBottomMargin": { + "value": "{spacing.spaceLg}", + "type": "spacing" + }, + "permissionLevelTextBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "permissionLevelBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "descriptionBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "modelNameTextBottomMargin": { + "value": "{spacing.spaceXs}", + "type": "spacing" + }, + "modelNameBottomMargin": { + "value": "{spacing.spaceXs}", + "type": "spacing" + }, + "dividerMargin": { + "value": "{spacing.spaceLg}", + "type": "spacing" + }, + "dividerColor": { + "value": "{color.stroke.muted}", + "type": "color" + }, + "levelColor": { + "value": "{color.text.aiColor}", + "type": "color" + } + } +} \ No newline at end of file From 311a7b5261b095c693fb89b91bf5d3dd2c60cf67 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Sat, 27 Dec 2025 18:55:15 +0100 Subject: [PATCH 09/28] chore: add datapermissionlevels tokens --- .../lib/build/tokensStudio/$metadata.json | 4 +- .../lib/build/tokensStudio/$themes.json | 76 +++++++++++++++---- .../component/DataPermissionLevels.json | 44 +++++++++++ .../component/DataPermissionLevels.json | 44 +++++++++++ 4 files changed, 151 insertions(+), 17 deletions(-) create mode 100644 packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json create mode 100644 packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index 9840e8190e..f4ae2bee0f 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -13,8 +13,9 @@ "canvas/component/Breadcrumb", "canvas/component/Calendar", "canvas/component/Checkbox", - "canvas/component/Drilldown", "canvas/component/ContextView", + "canvas/component/DataPermissionLevels", + "canvas/component/Drilldown", "canvas/component/FileDrop", "canvas/component/FormFieldLayout", "canvas/component/FormFieldMessage", @@ -62,6 +63,7 @@ "rebrand/component/ContextView", "rebrand/component/Calendar", "rebrand/component/Checkbox", + "rebrand/component/DataPermissionLevels", "rebrand/component/Drilldown", "rebrand/component/FileDrop", "rebrand/component/Flex", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 6f915207e2..d1a2f468db 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -53,7 +53,8 @@ "canvas/component/SideNavBar": "enabled", "canvas/component/ToggleGroup": "enabled", "canvas/component/Billboard": "enabled", - "canvas/component/AiInformation": "enabled" + "canvas/component/AiInformation": "enabled", + "canvas/component/DataPermissionLevels": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -856,6 +857,16 @@ "checkbox.labelDisabledColor": "b0e3772fdb271ece46f92f8b53f155fddec9a9b2", "checkbox.labelReadonlyColor": "2bae9dc891e8a1fe43d3f7daa0a82863eda657d4", "checkbox.controlVerticalMargin": "bd3413b396a0e57c601660f875639b1afd3a1715", + "dataPermissionLevels.cardBorderRadius": "64d8413573f63c94cd0c1c6bbf57a5dd0a380a64", + "dataPermissionLevels.cardBorderColor": "a5be982ca0f32baed92d96cede335c6c4d7da61e", + "dataPermissionLevels.cardBorderWidth": "c2982c58d52b1f8b26d638fa15ed9c17d2a9252a", + "dataPermissionLevels.currentFeaturePaddingSides": "719b3cc1cef1a9eac84de98ca282768599b89b0a", + "dataPermissionLevels.currentFeaturePaddingTopBottom": "880627b2416ddaf08dad728b0105cbb40140ad6f", + "dataPermissionLevels.permissionTitleBottomMargin": "ea3d21aebd29e1b8d8da64a50c746f693c1cce6f", + "dataPermissionLevels.levelColor": "1a48c7c255e75f7a427d18db7a711475766ce56e", + "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", + "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", + "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -1879,7 +1890,8 @@ "canvas/component/SideNavBar": "enabled", "canvas/component/ToggleGroup": "enabled", "canvas/component/Billboard": "enabled", - "canvas/component/AiInformation": "enabled" + "canvas/component/AiInformation": "enabled", + "canvas/component/DataPermissionLevels": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -2618,6 +2630,16 @@ "checkbox.labelDisabledColor": "b0e3772fdb271ece46f92f8b53f155fddec9a9b2", "checkbox.labelReadonlyColor": "2bae9dc891e8a1fe43d3f7daa0a82863eda657d4", "checkbox.controlVerticalMargin": "bd3413b396a0e57c601660f875639b1afd3a1715", + "dataPermissionLevels.cardBorderRadius": "64d8413573f63c94cd0c1c6bbf57a5dd0a380a64", + "dataPermissionLevels.cardBorderColor": "a5be982ca0f32baed92d96cede335c6c4d7da61e", + "dataPermissionLevels.cardBorderWidth": "c2982c58d52b1f8b26d638fa15ed9c17d2a9252a", + "dataPermissionLevels.currentFeaturePaddingSides": "719b3cc1cef1a9eac84de98ca282768599b89b0a", + "dataPermissionLevels.currentFeaturePaddingTopBottom": "880627b2416ddaf08dad728b0105cbb40140ad6f", + "dataPermissionLevels.permissionTitleBottomMargin": "ea3d21aebd29e1b8d8da64a50c746f693c1cce6f", + "dataPermissionLevels.levelColor": "1a48c7c255e75f7a427d18db7a711475766ce56e", + "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", + "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", + "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -3641,7 +3663,8 @@ "rebrand/component/SideNavBar": "enabled", "rebrand/component/ToggleGroup": "enabled", "rebrand/component/Billboard": "enabled", - "rebrand/component/AiInformation": "enabled" + "rebrand/component/AiInformation": "enabled", + "rebrand/component/DataPermissionLevels": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -4523,6 +4546,22 @@ "checkbox.labelHoverColor": "184eb65d786c47f6a3e85d21215f71bb8b851312", "checkbox.labelDisabledColor": "b0e3772fdb271ece46f92f8b53f155fddec9a9b2", "checkbox.labelReadonlyColor": "2bae9dc891e8a1fe43d3f7daa0a82863eda657d4", + "contextView.arrowSize": "4c083d05d37bd9b5a45e93b41a68eaee00c3c450", + "contextView.arrowBorderWidth": "cdbfa6feba3467661efb0aafd375eaafb8cfe708", + "contextView.arrowBackgroundColor": "221ce917e52493cdfffd01b1ffb284f0c9fee23f", + "contextView.arrowBackgroundColorInverse": "6d880c4bdc77bdf6fc9848b4286fe8e7922045f2", + "contextView.arrowBorderColor": "a939ebcc8304ba648ff59bf81e71fbd349856ca4", + "contextView.arrowBorderColorInverse": "f4047a0184f2d590b9015d4c41b252a2527d0dad", + "dataPermissionLevels.cardBorderRadius": "64d8413573f63c94cd0c1c6bbf57a5dd0a380a64", + "dataPermissionLevels.cardBorderColor": "a5be982ca0f32baed92d96cede335c6c4d7da61e", + "dataPermissionLevels.cardBorderWidth": "c2982c58d52b1f8b26d638fa15ed9c17d2a9252a", + "dataPermissionLevels.currentFeaturePaddingSides": "719b3cc1cef1a9eac84de98ca282768599b89b0a", + "dataPermissionLevels.currentFeaturePaddingTopBottom": "880627b2416ddaf08dad728b0105cbb40140ad6f", + "dataPermissionLevels.permissionTitleBottomMargin": "ea3d21aebd29e1b8d8da64a50c746f693c1cce6f", + "dataPermissionLevels.levelColor": "1a48c7c255e75f7a427d18db7a711475766ce56e", + "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", + "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", + "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -4559,12 +4598,6 @@ "drilldownSeparator.height": "ce2537d9fa643c0d57ca9c72bce9d62fb662ad6b", "drilldownSeparator.marginVertical": "aa284a927b015fec663fa9dbf2740f05ec8ad7f8", "drilldownSeparator.marginHorizontal": "27c1542128239ba0e0a65ed7cc13a29d58fadf69", - "contextView.arrowSize": "4c083d05d37bd9b5a45e93b41a68eaee00c3c450", - "contextView.arrowBorderWidth": "cdbfa6feba3467661efb0aafd375eaafb8cfe708", - "contextView.arrowBackgroundColor": "221ce917e52493cdfffd01b1ffb284f0c9fee23f", - "contextView.arrowBackgroundColorInverse": "6d880c4bdc77bdf6fc9848b4286fe8e7922045f2", - "contextView.arrowBorderColor": "a939ebcc8304ba648ff59bf81e71fbd349856ca4", - "contextView.arrowBorderColorInverse": "f4047a0184f2d590b9015d4c41b252a2527d0dad", "fileDrop.acceptedColor": "54adea0182e538e181c5ddbe98d3735e7098485e", "fileDrop.backgroundColor": "2130cf335244a39ec22243ed0de9df3837d1a112", "fileDrop.borderColor": "29354b57427d151255b53a6f4d63632aaad1f3f8", @@ -5465,7 +5498,8 @@ "rebrand/component/SideNavBar": "enabled", "rebrand/component/ToggleGroup": "enabled", "rebrand/component/Billboard": "enabled", - "rebrand/component/AiInformation": "enabled" + "rebrand/component/AiInformation": "enabled", + "rebrand/component/DataPermissionLevels": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -6283,6 +6317,22 @@ "checkbox.labelHoverColor": "184eb65d786c47f6a3e85d21215f71bb8b851312", "checkbox.labelDisabledColor": "b0e3772fdb271ece46f92f8b53f155fddec9a9b2", "checkbox.labelReadonlyColor": "2bae9dc891e8a1fe43d3f7daa0a82863eda657d4", + "contextView.arrowSize": "4c083d05d37bd9b5a45e93b41a68eaee00c3c450", + "contextView.arrowBorderWidth": "cdbfa6feba3467661efb0aafd375eaafb8cfe708", + "contextView.arrowBackgroundColor": "221ce917e52493cdfffd01b1ffb284f0c9fee23f", + "contextView.arrowBackgroundColorInverse": "6d880c4bdc77bdf6fc9848b4286fe8e7922045f2", + "contextView.arrowBorderColor": "a939ebcc8304ba648ff59bf81e71fbd349856ca4", + "contextView.arrowBorderColorInverse": "f4047a0184f2d590b9015d4c41b252a2527d0dad", + "dataPermissionLevels.cardBorderRadius": "64d8413573f63c94cd0c1c6bbf57a5dd0a380a64", + "dataPermissionLevels.cardBorderColor": "a5be982ca0f32baed92d96cede335c6c4d7da61e", + "dataPermissionLevels.cardBorderWidth": "c2982c58d52b1f8b26d638fa15ed9c17d2a9252a", + "dataPermissionLevels.currentFeaturePaddingSides": "719b3cc1cef1a9eac84de98ca282768599b89b0a", + "dataPermissionLevels.currentFeaturePaddingTopBottom": "880627b2416ddaf08dad728b0105cbb40140ad6f", + "dataPermissionLevels.permissionTitleBottomMargin": "ea3d21aebd29e1b8d8da64a50c746f693c1cce6f", + "dataPermissionLevels.levelColor": "1a48c7c255e75f7a427d18db7a711475766ce56e", + "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", + "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", + "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -6319,12 +6369,6 @@ "drilldownSeparator.height": "ce2537d9fa643c0d57ca9c72bce9d62fb662ad6b", "drilldownSeparator.marginVertical": "aa284a927b015fec663fa9dbf2740f05ec8ad7f8", "drilldownSeparator.marginHorizontal": "27c1542128239ba0e0a65ed7cc13a29d58fadf69", - "contextView.arrowSize": "4c083d05d37bd9b5a45e93b41a68eaee00c3c450", - "contextView.arrowBorderWidth": "cdbfa6feba3467661efb0aafd375eaafb8cfe708", - "contextView.arrowBackgroundColor": "221ce917e52493cdfffd01b1ffb284f0c9fee23f", - "contextView.arrowBackgroundColorInverse": "6d880c4bdc77bdf6fc9848b4286fe8e7922045f2", - "contextView.arrowBorderColor": "a939ebcc8304ba648ff59bf81e71fbd349856ca4", - "contextView.arrowBorderColorInverse": "f4047a0184f2d590b9015d4c41b252a2527d0dad", "fileDrop.acceptedColor": "54adea0182e538e181c5ddbe98d3735e7098485e", "fileDrop.backgroundColor": "2130cf335244a39ec22243ed0de9df3837d1a112", "fileDrop.borderColor": "29354b57427d151255b53a6f4d63632aaad1f3f8", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json new file mode 100644 index 0000000000..f0193c3365 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -0,0 +1,44 @@ +{ + "dataPermissionLevels": { + "cardBorderRadius": { + "value": "{borderRadius.lg}", + "type": "borderRadius" + }, + "cardBorderColor": { + "value": "{color.stroke.muted}", + "type": "color" + }, + "cardBorderWidth": { + "value": "{borderWidth.md}", + "type": "borderWidth" + }, + "currentFeaturePaddingSides": { + "value": "{spacing.spaceMd}", + "type": "spacing" + }, + "currentFeaturePaddingTopBottom": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "permissionTitleBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "levelColor": { + "value": "{color.text.aiColor}", + "type": "color" + }, + "aiTextLeftGradientColor": { + "value": "{color.text.interactive.action.aiSecondary.topGradient.base}", + "type": "color" + }, + "aiTextRightGradientColor": { + "value": "{color.text.interactive.action.aiSecondary.bottomGradient.base}", + "type": "color" + }, + "bodyPadding": { + "value": "{spacing.gap.cards.lg}", + "type": "spacing" + } + } +} \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json new file mode 100644 index 0000000000..f0193c3365 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -0,0 +1,44 @@ +{ + "dataPermissionLevels": { + "cardBorderRadius": { + "value": "{borderRadius.lg}", + "type": "borderRadius" + }, + "cardBorderColor": { + "value": "{color.stroke.muted}", + "type": "color" + }, + "cardBorderWidth": { + "value": "{borderWidth.md}", + "type": "borderWidth" + }, + "currentFeaturePaddingSides": { + "value": "{spacing.spaceMd}", + "type": "spacing" + }, + "currentFeaturePaddingTopBottom": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "permissionTitleBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "levelColor": { + "value": "{color.text.aiColor}", + "type": "color" + }, + "aiTextLeftGradientColor": { + "value": "{color.text.interactive.action.aiSecondary.topGradient.base}", + "type": "color" + }, + "aiTextRightGradientColor": { + "value": "{color.text.interactive.action.aiSecondary.bottomGradient.base}", + "type": "color" + }, + "bodyPadding": { + "value": "{spacing.gap.cards.lg}", + "type": "spacing" + } + } +} \ No newline at end of file From a77b1d1bcfba7cc21fc75556b1ddcfc1fcd556a3 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Sat, 27 Dec 2025 19:09:18 +0100 Subject: [PATCH 10/28] chore: fix billboard tokens --- .../lib/build/tokensStudio/canvas/component/Billboard.json | 4 ++-- .../lib/build/tokensStudio/rebrand/component/Billboard.json | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json index dcf813e332..c2b0632e29 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Billboard.json @@ -21,11 +21,11 @@ "type": "spacing" }, "mediumMargin": { - "value": "{sharedTokens.spacing.general.spaceMd}", + "value": "{spacing.spaceMd}", "type": "spacing" }, "largeMargin": { - "value": "{sharedTokens.spacing.general.spaceXl}", + "value": "{spacing.spaceXl}", "type": "spacing" }, "buttonBorderWidth": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json index c657eee010..2a2df8e90b 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Billboard.json @@ -25,11 +25,11 @@ "type": "spacing" }, "mediumMargin": { - "value": "{sharedTokens.spacing.general.spaceMd}", + "value": "{spacing.spaceMd}", "type": "spacing" }, "largeMargin": { - "value": "{sharedTokens.spacing.general.spaceXl}", + "value": "{spacing.spaceXl}", "type": "spacing" }, "buttonBorderWidth": { From ac8e63d0915c1dc961267997f612dc725dc7d183 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Sat, 27 Dec 2025 19:28:03 +0100 Subject: [PATCH 11/28] chore: fix datapermission token values --- .../tokensStudio/canvas/component/DataPermissionLevels.json | 4 ++-- .../tokensStudio/rebrand/component/DataPermissionLevels.json | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json index f0193c3365..e2796ba2d5 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -29,11 +29,11 @@ "type": "color" }, "aiTextLeftGradientColor": { - "value": "{color.text.interactive.action.aiSecondary.topGradient.base}", + "value": "{color.stroke.aiTopGradient}", "type": "color" }, "aiTextRightGradientColor": { - "value": "{color.text.interactive.action.aiSecondary.bottomGradient.base}", + "value": "{color.stroke.aiBottomGradient}", "type": "color" }, "bodyPadding": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json index f0193c3365..e2796ba2d5 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -29,11 +29,11 @@ "type": "color" }, "aiTextLeftGradientColor": { - "value": "{color.text.interactive.action.aiSecondary.topGradient.base}", + "value": "{color.stroke.aiTopGradient}", "type": "color" }, "aiTextRightGradientColor": { - "value": "{color.text.interactive.action.aiSecondary.bottomGradient.base}", + "value": "{color.stroke.aiBottomGradient}", "type": "color" }, "bodyPadding": { From 490f34a8f61ea5b012d450c2d48294e3ecc436b3 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 29 Dec 2025 12:19:59 +0100 Subject: [PATCH 12/28] chore: add nutritionfacts token --- .../lib/build/tokensStudio/$metadata.json | 2 + .../lib/build/tokensStudio/$themes.json | 44 +++++++++++++++++-- .../canvas/component/NutritionFacts.json | 36 +++++++++++++++ .../rebrand/component/NutritionFacts.json | 36 +++++++++++++++ 4 files changed, 114 insertions(+), 4 deletions(-) create mode 100644 packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json create mode 100644 packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index f4ae2bee0f..1bdb7e29bc 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -30,6 +30,7 @@ "canvas/component/Menu", "canvas/component/Metric", "canvas/component/Modal", + "canvas/component/NutritionFacts", "canvas/component/Options", "canvas/component/Pill", "canvas/component/Popover", @@ -79,6 +80,7 @@ "rebrand/component/Menu", "rebrand/component/Metric", "rebrand/component/Modal", + "rebrand/component/NutritionFacts", "rebrand/component/Options", "rebrand/component/Pill", "rebrand/component/Popover", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index d1a2f468db..c0700e7d74 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -54,7 +54,8 @@ "canvas/component/ToggleGroup": "enabled", "canvas/component/Billboard": "enabled", "canvas/component/AiInformation": "enabled", - "canvas/component/DataPermissionLevels": "enabled" + "canvas/component/DataPermissionLevels": "enabled", + "canvas/component/NutritionFacts": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -1174,6 +1175,14 @@ "modalFooter.inverseBackgroundColor": "619b512404155ac8d1fd177aee294f99dacc887b", "modalFooter.padding": "14a2b2401dd003b300babe73895a32c53db3c6dc", "modalFooter.paddingCompact": "0271a1acdc4493f2cd1a742f190780faddf7a185", + "nutritionFacts.borderRadius": "428fa5ee90c2b5ccd2881ac78a9e73e8ead55936", + "nutritionFacts.cardBorderColor": "9648355f45f49c76c67b1e28de3c32118583edb8", + "nutritionFacts.cardBorderWidth": "b276cd77fb23ad24e5ba59b0fe450dbcfe78b240", + "nutritionFacts.cardPadding": "1f538402832020ee576cc23a219e2d8a72a6d49a", + "nutritionFacts.cardExplainerContainerBottomMargin": "f22aaa2a716baa95f46d3324d5e774f584f54a8f", + "nutritionFacts.cardGap": "a5c8aba6c459278e7c91382d427720595c393a67", + "nutritionFacts.bodyPadding": "4fb5cdde50414be6bdae8ac064a04ae5a1ce3410", + "nutritionFacts.blockGap": "4ab60d3047327cec39343d9785ff6844fc0fa7a4", "options.background": "2fc02e1251669173f6a17a7d3d613ee0e8b184cf", "options.labelColor": "42352531fbf7bb413abfd694a2abf57452738938", "options.labelFontWeight": "f73e91746961a4fdd3f5dc830b3a7f3dd512c0eb", @@ -1891,7 +1900,8 @@ "canvas/component/ToggleGroup": "enabled", "canvas/component/Billboard": "enabled", "canvas/component/AiInformation": "enabled", - "canvas/component/DataPermissionLevels": "enabled" + "canvas/component/DataPermissionLevels": "enabled", + "canvas/component/NutritionFacts": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -2947,6 +2957,14 @@ "modalFooter.inverseBackgroundColor": "619b512404155ac8d1fd177aee294f99dacc887b", "modalFooter.padding": "14a2b2401dd003b300babe73895a32c53db3c6dc", "modalFooter.paddingCompact": "0271a1acdc4493f2cd1a742f190780faddf7a185", + "nutritionFacts.borderRadius": "428fa5ee90c2b5ccd2881ac78a9e73e8ead55936", + "nutritionFacts.cardBorderColor": "9648355f45f49c76c67b1e28de3c32118583edb8", + "nutritionFacts.cardBorderWidth": "b276cd77fb23ad24e5ba59b0fe450dbcfe78b240", + "nutritionFacts.cardPadding": "1f538402832020ee576cc23a219e2d8a72a6d49a", + "nutritionFacts.cardExplainerContainerBottomMargin": "f22aaa2a716baa95f46d3324d5e774f584f54a8f", + "nutritionFacts.cardGap": "a5c8aba6c459278e7c91382d427720595c393a67", + "nutritionFacts.bodyPadding": "4fb5cdde50414be6bdae8ac064a04ae5a1ce3410", + "nutritionFacts.blockGap": "4ab60d3047327cec39343d9785ff6844fc0fa7a4", "options.background": "2fc02e1251669173f6a17a7d3d613ee0e8b184cf", "options.labelColor": "42352531fbf7bb413abfd694a2abf57452738938", "options.labelFontWeight": "f73e91746961a4fdd3f5dc830b3a7f3dd512c0eb", @@ -3664,7 +3682,8 @@ "rebrand/component/ToggleGroup": "enabled", "rebrand/component/Billboard": "enabled", "rebrand/component/AiInformation": "enabled", - "rebrand/component/DataPermissionLevels": "enabled" + "rebrand/component/DataPermissionLevels": "enabled", + "rebrand/component/NutritionFacts": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -4869,6 +4888,14 @@ "modalBody.inverseBackgroundColor": "64676d4b58ca84ce43a59f2605eeb3b3fc7cb60a", "modalBody.padding": "e216ea8f2284b70ff23de9e1db148d459921d192", "modalBody.paddingCompact": "af56db7da95b99e589f9a13dc29a5bd451a6a5c4", + "nutritionFacts.borderRadius": "428fa5ee90c2b5ccd2881ac78a9e73e8ead55936", + "nutritionFacts.cardBorderColor": "9648355f45f49c76c67b1e28de3c32118583edb8", + "nutritionFacts.cardBorderWidth": "b276cd77fb23ad24e5ba59b0fe450dbcfe78b240", + "nutritionFacts.cardPadding": "1f538402832020ee576cc23a219e2d8a72a6d49a", + "nutritionFacts.cardExplainerContainerBottomMargin": "f22aaa2a716baa95f46d3324d5e774f584f54a8f", + "nutritionFacts.cardGap": "a5c8aba6c459278e7c91382d427720595c393a67", + "nutritionFacts.bodyPadding": "4fb5cdde50414be6bdae8ac064a04ae5a1ce3410", + "nutritionFacts.blockGap": "4ab60d3047327cec39343d9785ff6844fc0fa7a4", "options.background": "2fc02e1251669173f6a17a7d3d613ee0e8b184cf", "options.labelColor": "42352531fbf7bb413abfd694a2abf57452738938", "options.labelFontWeight": "f73e91746961a4fdd3f5dc830b3a7f3dd512c0eb", @@ -5499,7 +5526,8 @@ "rebrand/component/ToggleGroup": "enabled", "rebrand/component/Billboard": "enabled", "rebrand/component/AiInformation": "enabled", - "rebrand/component/DataPermissionLevels": "enabled" + "rebrand/component/DataPermissionLevels": "enabled", + "rebrand/component/NutritionFacts": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -6640,6 +6668,14 @@ "modalBody.inverseBackgroundColor": "64676d4b58ca84ce43a59f2605eeb3b3fc7cb60a", "modalBody.padding": "e216ea8f2284b70ff23de9e1db148d459921d192", "modalBody.paddingCompact": "af56db7da95b99e589f9a13dc29a5bd451a6a5c4", + "nutritionFacts.borderRadius": "428fa5ee90c2b5ccd2881ac78a9e73e8ead55936", + "nutritionFacts.cardBorderColor": "9648355f45f49c76c67b1e28de3c32118583edb8", + "nutritionFacts.cardBorderWidth": "b276cd77fb23ad24e5ba59b0fe450dbcfe78b240", + "nutritionFacts.cardPadding": "1f538402832020ee576cc23a219e2d8a72a6d49a", + "nutritionFacts.cardExplainerContainerBottomMargin": "f22aaa2a716baa95f46d3324d5e774f584f54a8f", + "nutritionFacts.cardGap": "a5c8aba6c459278e7c91382d427720595c393a67", + "nutritionFacts.bodyPadding": "4fb5cdde50414be6bdae8ac064a04ae5a1ce3410", + "nutritionFacts.blockGap": "4ab60d3047327cec39343d9785ff6844fc0fa7a4", "options.background": "2fc02e1251669173f6a17a7d3d613ee0e8b184cf", "options.labelColor": "42352531fbf7bb413abfd694a2abf57452738938", "options.labelFontWeight": "f73e91746961a4fdd3f5dc830b3a7f3dd512c0eb", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json new file mode 100644 index 0000000000..c98be73f0a --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json @@ -0,0 +1,36 @@ +{ + "nutritionFacts": { + "borderRadius": { + "value": "{borderRadius.md}", + "type": "borderRadius" + }, + "cardBorderColor": { + "value": "{color.stroke.muted}", + "type": "color" + }, + "cardBorderWidth": { + "value": "{borderWidth.sm}", + "type": "borderWidth" + }, + "cardPadding": { + "value": "{spacing.gap.cards.md}", + "type": "spacing" + }, + "cardExplainerContainerBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "cardGap": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "bodyPadding": { + "value": "{spacing.padding.container.md}", + "type": "spacing" + }, + "blockGap": { + "value": "{spacing.gap.cards.md}", + "type": "spacing" + } + } +} \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json new file mode 100644 index 0000000000..c98be73f0a --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json @@ -0,0 +1,36 @@ +{ + "nutritionFacts": { + "borderRadius": { + "value": "{borderRadius.md}", + "type": "borderRadius" + }, + "cardBorderColor": { + "value": "{color.stroke.muted}", + "type": "color" + }, + "cardBorderWidth": { + "value": "{borderWidth.sm}", + "type": "borderWidth" + }, + "cardPadding": { + "value": "{spacing.gap.cards.md}", + "type": "spacing" + }, + "cardExplainerContainerBottomMargin": { + "value": "{spacing.spaceSm}", + "type": "spacing" + }, + "cardGap": { + "value": "{spacing.spaceXl}", + "type": "spacing" + }, + "bodyPadding": { + "value": "{spacing.padding.container.md}", + "type": "spacing" + }, + "blockGap": { + "value": "{spacing.gap.cards.md}", + "type": "spacing" + } + } +} \ No newline at end of file From e7645438df7ab711339cd98110bcffb2f9e5fc31 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 29 Dec 2025 13:03:53 +0100 Subject: [PATCH 13/28] chore: add missing aiinformation token --- packages/ui-scripts/lib/build/tokensStudio/$themes.json | 4 ++++ .../build/tokensStudio/canvas/component/AiInformation.json | 4 ++++ .../build/tokensStudio/rebrand/component/AiInformation.json | 4 ++++ 3 files changed, 12 insertions(+) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index c0700e7d74..6758572b6f 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -520,6 +520,7 @@ "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", + "aiInformation.permissionLevelsModalTriggerBottomMargin": "d2ab3cf542bfaeae95ce701bf079b452b0ca4a7c", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -2302,6 +2303,7 @@ "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", + "aiInformation.permissionLevelsModalTriggerBottomMargin": "d2ab3cf542bfaeae95ce701bf079b452b0ca4a7c", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -4233,6 +4235,7 @@ "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", + "aiInformation.permissionLevelsModalTriggerBottomMargin": "d2ab3cf542bfaeae95ce701bf079b452b0ca4a7c", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", @@ -6013,6 +6016,7 @@ "aiInformation.dividerMargin": "b22ea2cb4d4ad3c3e4d825cd76c951fd6e9ea47b", "aiInformation.dividerColor": "31c17a7fac5d13ac045db9e5a26eeb3d15cf9d0b", "aiInformation.levelColor": "76c219e0e112ee2ac17ef2d5a068db9522facbed", + "aiInformation.permissionLevelsModalTriggerBottomMargin": "d2ab3cf542bfaeae95ce701bf079b452b0ca4a7c", "alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0", "alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a", "alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json index 94c1fffb55..0bca8e3488 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/AiInformation.json @@ -43,6 +43,10 @@ "levelColor": { "value": "{color.text.aiColor}", "type": "color" + }, + "permissionLevelsModalTriggerBottomMargin": { + "value": "{spacing.spaceXl}", + "type": "spacing" } } } \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json index 94c1fffb55..0bca8e3488 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/AiInformation.json @@ -43,6 +43,10 @@ "levelColor": { "value": "{color.text.aiColor}", "type": "color" + }, + "permissionLevelsModalTriggerBottomMargin": { + "value": "{spacing.spaceXl}", + "type": "spacing" } } } \ No newline at end of file From 429ac9c1d48ce181cce96fb8a8f39a1abfd2e12f Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 29 Dec 2025 14:50:34 +0100 Subject: [PATCH 14/28] chore: fix datapermission border radius --- .../tokensStudio/canvas/component/DataPermissionLevels.json | 2 +- .../tokensStudio/rebrand/component/DataPermissionLevels.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json index e2796ba2d5..2e54144aef 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -1,7 +1,7 @@ { "dataPermissionLevels": { "cardBorderRadius": { - "value": "{borderRadius.lg}", + "value": "{borderRadius.md}", "type": "borderRadius" }, "cardBorderColor": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json index e2796ba2d5..2e54144aef 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -1,7 +1,7 @@ { "dataPermissionLevels": { "cardBorderRadius": { - "value": "{borderRadius.lg}", + "value": "{borderRadius.md}", "type": "borderRadius" }, "cardBorderColor": { From 5881ac8f2d4849fd474187511519569b0513167c Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 29 Dec 2025 14:58:54 +0100 Subject: [PATCH 15/28] chore: fix datapermissionlevel radius --- .../tokensStudio/canvas/component/DataPermissionLevels.json | 2 +- .../tokensStudio/rebrand/component/DataPermissionLevels.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json index 2e54144aef..7bdf45791c 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -1,7 +1,7 @@ { "dataPermissionLevels": { "cardBorderRadius": { - "value": "{borderRadius.md}", + "value": "{borderRadius.sm}", "type": "borderRadius" }, "cardBorderColor": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json index 2e54144aef..7bdf45791c 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -1,7 +1,7 @@ { "dataPermissionLevels": { "cardBorderRadius": { - "value": "{borderRadius.md}", + "value": "{borderRadius.sm}", "type": "borderRadius" }, "cardBorderColor": { From 227df00fe20c05c3b611b8de6004e7a2b800df03 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 29 Dec 2025 18:21:04 +0100 Subject: [PATCH 16/28] chore: add datapermission background --- packages/ui-scripts/lib/build/tokensStudio/$themes.json | 4 ++++ .../tokensStudio/canvas/component/DataPermissionLevels.json | 4 ++++ .../tokensStudio/rebrand/component/DataPermissionLevels.json | 4 ++++ 3 files changed, 12 insertions(+) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 6758572b6f..3333adf35b 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -869,6 +869,7 @@ "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", + "dataPermissionLevels.contentContainerColor": "ec00767564cba6f10d2c2c1e5fad9843591df5e3", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -2652,6 +2653,7 @@ "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", + "dataPermissionLevels.contentContainerColor": "ec00767564cba6f10d2c2c1e5fad9843591df5e3", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -4584,6 +4586,7 @@ "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", + "dataPermissionLevels.contentContainerColor": "ec00767564cba6f10d2c2c1e5fad9843591df5e3", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -6365,6 +6368,7 @@ "dataPermissionLevels.aiTextLeftGradientColor": "68134b02158d43425ade0154a544bf3956c634cc", "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", + "dataPermissionLevels.contentContainerColor": "ec00767564cba6f10d2c2c1e5fad9843591df5e3", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json index 7bdf45791c..ae5974fdda 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -39,6 +39,10 @@ "bodyPadding": { "value": "{spacing.gap.cards.lg}", "type": "spacing" + }, + "contentContainerColor": { + "value": "{color.background.elevatedSurface.base}", + "type": "color" } } } \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json index 7bdf45791c..ae5974fdda 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -39,6 +39,10 @@ "bodyPadding": { "value": "{spacing.gap.cards.lg}", "type": "spacing" + }, + "contentContainerColor": { + "value": "{color.background.elevatedSurface.base}", + "type": "color" } } } \ No newline at end of file From 96526db408361189a481a84a969da8878a69bacb Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 29 Dec 2025 20:00:53 +0100 Subject: [PATCH 17/28] chore: fix datapermissionlevels padding --- .../tokensStudio/canvas/component/DataPermissionLevels.json | 2 +- .../tokensStudio/rebrand/component/DataPermissionLevels.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json index ae5974fdda..eeb7ceaff3 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -37,7 +37,7 @@ "type": "color" }, "bodyPadding": { - "value": "{spacing.gap.cards.lg}", + "value": "{spacing.gap.cards.sm}", "type": "spacing" }, "contentContainerColor": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json index ae5974fdda..eeb7ceaff3 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -37,7 +37,7 @@ "type": "color" }, "bodyPadding": { - "value": "{spacing.gap.cards.lg}", + "value": "{spacing.gap.cards.sm}", "type": "spacing" }, "contentContainerColor": { From 6cedaee71bb2de1d3f1fe2653ea60059b193ccd6 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Mon, 29 Dec 2025 20:13:30 +0100 Subject: [PATCH 18/28] chore: fix cardpadding --- .../tokensStudio/canvas/component/DataPermissionLevels.json | 2 +- .../lib/build/tokensStudio/canvas/component/NutritionFacts.json | 2 +- .../tokensStudio/rebrand/component/DataPermissionLevels.json | 2 +- .../build/tokensStudio/rebrand/component/NutritionFacts.json | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json index eeb7ceaff3..ae5974fdda 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -37,7 +37,7 @@ "type": "color" }, "bodyPadding": { - "value": "{spacing.gap.cards.sm}", + "value": "{spacing.gap.cards.lg}", "type": "spacing" }, "contentContainerColor": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json index c98be73f0a..cce3b0c400 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/NutritionFacts.json @@ -13,7 +13,7 @@ "type": "borderWidth" }, "cardPadding": { - "value": "{spacing.gap.cards.md}", + "value": "{spacing.gap.cards.sm}", "type": "spacing" }, "cardExplainerContainerBottomMargin": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json index eeb7ceaff3..ae5974fdda 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -37,7 +37,7 @@ "type": "color" }, "bodyPadding": { - "value": "{spacing.gap.cards.sm}", + "value": "{spacing.gap.cards.lg}", "type": "spacing" }, "contentContainerColor": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json index c98be73f0a..cce3b0c400 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json @@ -13,7 +13,7 @@ "type": "borderWidth" }, "cardPadding": { - "value": "{spacing.gap.cards.md}", + "value": "{spacing.gap.cards.sm}", "type": "spacing" }, "cardExplainerContainerBottomMargin": { From bd284828922dcf9c7c2341b643208b448bd45070 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 30 Dec 2025 09:12:53 +0100 Subject: [PATCH 19/28] chore: fix datapermission token values --- .../ui-scripts/lib/build/tokensStudio/$themes.json | 4 ++++ .../canvas/component/DataPermissionLevels.json | 8 ++++++-- .../rebrand/component/DataPermissionLevels.json | 10 +++++++--- 3 files changed, 17 insertions(+), 5 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 3333adf35b..bd8ae9e3cb 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -860,6 +860,7 @@ "checkbox.labelReadonlyColor": "2bae9dc891e8a1fe43d3f7daa0a82863eda657d4", "checkbox.controlVerticalMargin": "bd3413b396a0e57c601660f875639b1afd3a1715", "dataPermissionLevels.cardBorderRadius": "64d8413573f63c94cd0c1c6bbf57a5dd0a380a64", + "dataPermissionLevels.contentContainerBorderRadius": "28f11889502f8f6491955e8f7d5c2b94921e5d4d", "dataPermissionLevels.cardBorderColor": "a5be982ca0f32baed92d96cede335c6c4d7da61e", "dataPermissionLevels.cardBorderWidth": "c2982c58d52b1f8b26d638fa15ed9c17d2a9252a", "dataPermissionLevels.currentFeaturePaddingSides": "719b3cc1cef1a9eac84de98ca282768599b89b0a", @@ -2644,6 +2645,7 @@ "checkbox.labelReadonlyColor": "2bae9dc891e8a1fe43d3f7daa0a82863eda657d4", "checkbox.controlVerticalMargin": "bd3413b396a0e57c601660f875639b1afd3a1715", "dataPermissionLevels.cardBorderRadius": "64d8413573f63c94cd0c1c6bbf57a5dd0a380a64", + "dataPermissionLevels.contentContainerBorderRadius": "28f11889502f8f6491955e8f7d5c2b94921e5d4d", "dataPermissionLevels.cardBorderColor": "a5be982ca0f32baed92d96cede335c6c4d7da61e", "dataPermissionLevels.cardBorderWidth": "c2982c58d52b1f8b26d638fa15ed9c17d2a9252a", "dataPermissionLevels.currentFeaturePaddingSides": "719b3cc1cef1a9eac84de98ca282768599b89b0a", @@ -4587,6 +4589,7 @@ "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", "dataPermissionLevels.contentContainerColor": "ec00767564cba6f10d2c2c1e5fad9843591df5e3", + "dataPermissionLevels.contentContainerBorderRadius": "28f11889502f8f6491955e8f7d5c2b94921e5d4d", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", @@ -6369,6 +6372,7 @@ "dataPermissionLevels.aiTextRightGradientColor": "087d8ee6d687501f768a4668209cbcaea86cebda", "dataPermissionLevels.bodyPadding": "a823135b74e58b7f2b5612c3afdd2c2d8c269d5a", "dataPermissionLevels.contentContainerColor": "ec00767564cba6f10d2c2c1e5fad9843591df5e3", + "dataPermissionLevels.contentContainerBorderRadius": "28f11889502f8f6491955e8f7d5c2b94921e5d4d", "drilldown.borderColor": "dc36d3d7838dbe16d360052e7dca85f77260ae00", "drilldown.headerActionColor": "0f53eff4edc5cf9f040a3afa20ca0cc68316faf2", "drilldown.headerTitleFontWeight": "2cbcbb7c172c952c92ad5537a084f40ba2d5429e", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json index ae5974fdda..5c546fc372 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/DataPermissionLevels.json @@ -29,11 +29,11 @@ "type": "color" }, "aiTextLeftGradientColor": { - "value": "{color.stroke.aiTopGradient}", + "value": "{color.background.aiTopGradient}", "type": "color" }, "aiTextRightGradientColor": { - "value": "{color.stroke.aiBottomGradient}", + "value": "{color.background.aiBottomGradient}", "type": "color" }, "bodyPadding": { @@ -43,6 +43,10 @@ "contentContainerColor": { "value": "{color.background.elevatedSurface.base}", "type": "color" + }, + "contentContainerBorderRadius": { + "value": "0rem", + "type": "borderRadius" } } } \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json index ae5974fdda..d2a38c58ee 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/DataPermissionLevels.json @@ -1,7 +1,11 @@ { "dataPermissionLevels": { "cardBorderRadius": { - "value": "{borderRadius.sm}", + "value": "{borderRadius.lg}", + "type": "borderRadius" + }, + "contentContainerBorderRadius": { + "value": "0.625rem", "type": "borderRadius" }, "cardBorderColor": { @@ -29,11 +33,11 @@ "type": "color" }, "aiTextLeftGradientColor": { - "value": "{color.stroke.aiTopGradient}", + "value": "{color.background.aiTopGradient}", "type": "color" }, "aiTextRightGradientColor": { - "value": "{color.stroke.aiBottomGradient}", + "value": "{color.background.aiBottomGradient}", "type": "color" }, "bodyPadding": { From fd615c8ac1454df9985ad57c3028aecb53f59a1c Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 30 Dec 2025 09:21:52 +0100 Subject: [PATCH 20/28] chore: fix nutritionfacts border radius --- .../build/tokensStudio/rebrand/component/NutritionFacts.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json index cce3b0c400..9b80d080ca 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/NutritionFacts.json @@ -1,7 +1,7 @@ { "nutritionFacts": { "borderRadius": { - "value": "{borderRadius.md}", + "value": "{borderRadius.lg}", "type": "borderRadius" }, "cardBorderColor": { From deb2b4191403acbf1759e4b8447950a00ee60757 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 30 Dec 2025 10:52:26 +0100 Subject: [PATCH 21/28] chore: add rating tokens --- .../lib/build/tokensStudio/$metadata.json | 2 ++ .../tokensStudio/canvas/component/Rating.json | 28 +++++++++++++++++++ .../rebrand/component/Rating.json | 28 +++++++++++++++++++ 3 files changed, 58 insertions(+) create mode 100644 packages/ui-scripts/lib/build/tokensStudio/canvas/component/Rating.json create mode 100644 packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Rating.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index 1bdb7e29bc..4109487c36 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -37,6 +37,7 @@ "canvas/component/ProgressBar", "canvas/component/RadioInput", "canvas/component/RangeInput", + "canvas/component/Rating", "canvas/component/SharedTokens", "canvas/component/SideNavBar", "canvas/component/SourceCodeEditor", @@ -54,6 +55,7 @@ "canvas/component/Tray", "canvas/component/TreeBrowser", "canvas/component/View", + "rebrand/component/Rating", "rebrand/component/AiInformation", "rebrand/component/Alert", "rebrand/component/Avatar", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Rating.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Rating.json new file mode 100644 index 0000000000..0781a0a857 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Rating.json @@ -0,0 +1,28 @@ +{ + "ratingIcon": { + "iconMargin": { + "value": "{spacing.space2xs}", + "type": "spacing" + }, + "iconEmptyColor": { + "value": "{color.stroke.brand}", + "type": "color" + }, + "iconFilledColor": { + "value": "{color.background.brand}", + "type": "color" + }, + "smallIconFontSize": { + "value": "{icon.sizeSm}", + "type": "sizing" + }, + "mediumIconFontSize": { + "value": "1.375rem", + "type": "sizing" + }, + "largeIconFontSize": { + "value": "2.375rem", + "type": "sizing" + } + } +} \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Rating.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Rating.json new file mode 100644 index 0000000000..0781a0a857 --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Rating.json @@ -0,0 +1,28 @@ +{ + "ratingIcon": { + "iconMargin": { + "value": "{spacing.space2xs}", + "type": "spacing" + }, + "iconEmptyColor": { + "value": "{color.stroke.brand}", + "type": "color" + }, + "iconFilledColor": { + "value": "{color.background.brand}", + "type": "color" + }, + "smallIconFontSize": { + "value": "{icon.sizeSm}", + "type": "sizing" + }, + "mediumIconFontSize": { + "value": "1.375rem", + "type": "sizing" + }, + "largeIconFontSize": { + "value": "2.375rem", + "type": "sizing" + } + } +} \ No newline at end of file From ec16b2c33f0b0362865b9086dfe7620225816642 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 30 Dec 2025 11:10:25 +0100 Subject: [PATCH 22/28] chore: add rating tokens to the themes --- .../lib/build/tokensStudio/$metadata.json | 2 +- .../lib/build/tokensStudio/$themes.json | 36 ++++++++++++++++--- 2 files changed, 33 insertions(+), 5 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index 4109487c36..e7d3f7b913 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -55,7 +55,6 @@ "canvas/component/Tray", "canvas/component/TreeBrowser", "canvas/component/View", - "rebrand/component/Rating", "rebrand/component/AiInformation", "rebrand/component/Alert", "rebrand/component/Avatar", @@ -89,6 +88,7 @@ "rebrand/component/ProgressBar", "rebrand/component/RadioInput", "rebrand/component/RangeInput", + "rebrand/component/Rating", "rebrand/component/SharedTokens", "rebrand/component/SideNavBar", "rebrand/component/SourceCodeEditor", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index bd8ae9e3cb..85294b0347 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -55,7 +55,8 @@ "canvas/component/Billboard": "enabled", "canvas/component/AiInformation": "enabled", "canvas/component/DataPermissionLevels": "enabled", - "canvas/component/NutritionFacts": "enabled" + "canvas/component/NutritionFacts": "enabled", + "canvas/component/Rating": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -1337,6 +1338,12 @@ "rangeInput.minWidth": "36cd989a6988cebf4081e3a0b5280e029925f5f4", "rangeInput.handleSize": "0f1ea68169cc5c3425765f1580d329bb71492c9a", "rangeInput.handleFocusOutlineWidth": "5d6848f94594501ac6aace2d827fc7a14ef79599", + "ratingIcon.iconMargin": "75c02e73bdb6fb7fe27a34090a8aaf3555c3355b", + "ratingIcon.iconEmptyColor": "90fa0847aa58a5f48d77cf83fe15efe183c0960e", + "ratingIcon.iconFilledColor": "1def6bb579ffb1ea7ef8d4225419f3167733eb44", + "ratingIcon.smallIconFontSize": "4b1fec85d0e75d4a7130dad53708b71a414122c6", + "ratingIcon.mediumIconFontSize": "24b2a9e7cd688898e83a41838e30f58133c302bc", + "ratingIcon.largeIconFontSize": "2b97152498a144c009af358506aec029de970dc9", "sharedTokens.legacySpacing.xxxSmall": "3e4dc7f03a18a32666f12f589dceb073e92297a1", "sharedTokens.legacySpacing.xxSmall": "25f192a9ce7f94731c162b4127646c38123ec160", "sharedTokens.legacySpacing.xSmall": "22c63a9717a56fbe87a1f60e53cfb0d273f49eb2", @@ -1904,7 +1911,8 @@ "canvas/component/Billboard": "enabled", "canvas/component/AiInformation": "enabled", "canvas/component/DataPermissionLevels": "enabled", - "canvas/component/NutritionFacts": "enabled" + "canvas/component/NutritionFacts": "enabled", + "canvas/component/Rating": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -3122,6 +3130,12 @@ "rangeInput.minWidth": "36cd989a6988cebf4081e3a0b5280e029925f5f4", "rangeInput.handleSize": "0f1ea68169cc5c3425765f1580d329bb71492c9a", "rangeInput.handleFocusOutlineWidth": "5d6848f94594501ac6aace2d827fc7a14ef79599", + "ratingIcon.iconMargin": "75c02e73bdb6fb7fe27a34090a8aaf3555c3355b", + "ratingIcon.iconEmptyColor": "90fa0847aa58a5f48d77cf83fe15efe183c0960e", + "ratingIcon.iconFilledColor": "1def6bb579ffb1ea7ef8d4225419f3167733eb44", + "ratingIcon.smallIconFontSize": "4b1fec85d0e75d4a7130dad53708b71a414122c6", + "ratingIcon.mediumIconFontSize": "24b2a9e7cd688898e83a41838e30f58133c302bc", + "ratingIcon.largeIconFontSize": "2b97152498a144c009af358506aec029de970dc9", "sharedTokens.legacySpacing.xxxSmall": "3e4dc7f03a18a32666f12f589dceb073e92297a1", "sharedTokens.legacySpacing.xxSmall": "25f192a9ce7f94731c162b4127646c38123ec160", "sharedTokens.legacySpacing.xSmall": "22c63a9717a56fbe87a1f60e53cfb0d273f49eb2", @@ -3689,7 +3703,8 @@ "rebrand/component/Billboard": "enabled", "rebrand/component/AiInformation": "enabled", "rebrand/component/DataPermissionLevels": "enabled", - "rebrand/component/NutritionFacts": "enabled" + "rebrand/component/NutritionFacts": "enabled", + "rebrand/component/Rating": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -5056,6 +5071,12 @@ "rangeInput.trackBorderColor": "8872aa54c9c1caea600ae681d13f6bd41f44d7bd", "rangeInput.minWidth": "36cd989a6988cebf4081e3a0b5280e029925f5f4", "rangeInput.handleSize": "0f1ea68169cc5c3425765f1580d329bb71492c9a", + "ratingIcon.iconMargin": "75c02e73bdb6fb7fe27a34090a8aaf3555c3355b", + "ratingIcon.iconEmptyColor": "90fa0847aa58a5f48d77cf83fe15efe183c0960e", + "ratingIcon.iconFilledColor": "1def6bb579ffb1ea7ef8d4225419f3167733eb44", + "ratingIcon.smallIconFontSize": "4b1fec85d0e75d4a7130dad53708b71a414122c6", + "ratingIcon.mediumIconFontSize": "24b2a9e7cd688898e83a41838e30f58133c302bc", + "ratingIcon.largeIconFontSize": "2b97152498a144c009af358506aec029de970dc9", "sharedTokens.legacySpacing.xxxSmall": "3e4dc7f03a18a32666f12f589dceb073e92297a1", "sharedTokens.legacySpacing.xxSmall": "25f192a9ce7f94731c162b4127646c38123ec160", "sharedTokens.legacySpacing.xSmall": "22c63a9717a56fbe87a1f60e53cfb0d273f49eb2", @@ -5536,7 +5557,8 @@ "rebrand/component/Billboard": "enabled", "rebrand/component/AiInformation": "enabled", "rebrand/component/DataPermissionLevels": "enabled", - "rebrand/component/NutritionFacts": "enabled" + "rebrand/component/NutritionFacts": "enabled", + "rebrand/component/Rating": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -6839,6 +6861,12 @@ "rangeInput.trackBorderColor": "8872aa54c9c1caea600ae681d13f6bd41f44d7bd", "rangeInput.minWidth": "36cd989a6988cebf4081e3a0b5280e029925f5f4", "rangeInput.handleSize": "0f1ea68169cc5c3425765f1580d329bb71492c9a", + "ratingIcon.iconMargin": "75c02e73bdb6fb7fe27a34090a8aaf3555c3355b", + "ratingIcon.iconEmptyColor": "90fa0847aa58a5f48d77cf83fe15efe183c0960e", + "ratingIcon.iconFilledColor": "1def6bb579ffb1ea7ef8d4225419f3167733eb44", + "ratingIcon.smallIconFontSize": "4b1fec85d0e75d4a7130dad53708b71a414122c6", + "ratingIcon.mediumIconFontSize": "24b2a9e7cd688898e83a41838e30f58133c302bc", + "ratingIcon.largeIconFontSize": "2b97152498a144c009af358506aec029de970dc9", "sharedTokens.legacySpacing.xxxSmall": "3e4dc7f03a18a32666f12f589dceb073e92297a1", "sharedTokens.legacySpacing.xxSmall": "25f192a9ce7f94731c162b4127646c38123ec160", "sharedTokens.legacySpacing.xSmall": "22c63a9717a56fbe87a1f60e53cfb0d273f49eb2", From a2a7b2597cabdfe939b311028a8d1ff397f83ba4 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 30 Dec 2025 11:18:17 +0100 Subject: [PATCH 23/28] chore: rename rating set to ratingicon --- packages/ui-scripts/lib/build/tokensStudio/$metadata.json | 4 ++-- packages/ui-scripts/lib/build/tokensStudio/$themes.json | 8 ++++---- .../canvas/component/{Rating.json => RatingIcon.json} | 0 .../rebrand/component/{Rating.json => RatingIcon.json} | 0 4 files changed, 6 insertions(+), 6 deletions(-) rename packages/ui-scripts/lib/build/tokensStudio/canvas/component/{Rating.json => RatingIcon.json} (100%) rename packages/ui-scripts/lib/build/tokensStudio/rebrand/component/{Rating.json => RatingIcon.json} (100%) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index e7d3f7b913..56333ceb8d 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -37,7 +37,7 @@ "canvas/component/ProgressBar", "canvas/component/RadioInput", "canvas/component/RangeInput", - "canvas/component/Rating", + "canvas/component/RatingIcon", "canvas/component/SharedTokens", "canvas/component/SideNavBar", "canvas/component/SourceCodeEditor", @@ -88,7 +88,7 @@ "rebrand/component/ProgressBar", "rebrand/component/RadioInput", "rebrand/component/RangeInput", - "rebrand/component/Rating", + "rebrand/component/RatingIcon", "rebrand/component/SharedTokens", "rebrand/component/SideNavBar", "rebrand/component/SourceCodeEditor", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 85294b0347..08dbd8cf1a 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -56,7 +56,7 @@ "canvas/component/AiInformation": "enabled", "canvas/component/DataPermissionLevels": "enabled", "canvas/component/NutritionFacts": "enabled", - "canvas/component/Rating": "enabled" + "canvas/component/RatingIcon": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -1912,7 +1912,7 @@ "canvas/component/AiInformation": "enabled", "canvas/component/DataPermissionLevels": "enabled", "canvas/component/NutritionFacts": "enabled", - "canvas/component/Rating": "enabled" + "canvas/component/RatingIcon": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -3704,7 +3704,7 @@ "rebrand/component/AiInformation": "enabled", "rebrand/component/DataPermissionLevels": "enabled", "rebrand/component/NutritionFacts": "enabled", - "rebrand/component/Rating": "enabled" + "rebrand/component/RatingIcon": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -5558,7 +5558,7 @@ "rebrand/component/AiInformation": "enabled", "rebrand/component/DataPermissionLevels": "enabled", "rebrand/component/NutritionFacts": "enabled", - "rebrand/component/Rating": "enabled" + "rebrand/component/RatingIcon": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/Rating.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/RatingIcon.json similarity index 100% rename from packages/ui-scripts/lib/build/tokensStudio/canvas/component/Rating.json rename to packages/ui-scripts/lib/build/tokensStudio/canvas/component/RatingIcon.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Rating.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/RatingIcon.json similarity index 100% rename from packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Rating.json rename to packages/ui-scripts/lib/build/tokensStudio/rebrand/component/RatingIcon.json From 6243084f5bef4f64f5b482e2b338eeac4f399774 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Tue, 30 Dec 2025 11:24:09 +0100 Subject: [PATCH 24/28] chore: fix rating token value --- .../lib/build/tokensStudio/canvas/component/RatingIcon.json | 2 +- .../lib/build/tokensStudio/rebrand/component/RatingIcon.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/RatingIcon.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/RatingIcon.json index 0781a0a857..a24c40608e 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/RatingIcon.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/RatingIcon.json @@ -13,7 +13,7 @@ "type": "color" }, "smallIconFontSize": { - "value": "{icon.sizeSm}", + "value": "1rem", "type": "sizing" }, "mediumIconFontSize": { diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/RatingIcon.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/RatingIcon.json index 0781a0a857..a24c40608e 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/RatingIcon.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/RatingIcon.json @@ -13,7 +13,7 @@ "type": "color" }, "smallIconFontSize": { - "value": "{icon.sizeSm}", + "value": "1rem", "type": "sizing" }, "mediumIconFontSize": { From dd6652836901b68823d3eea98accad422f87685b Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Fri, 2 Jan 2026 11:10:56 +0100 Subject: [PATCH 25/28] chore: add progresscricle tokens --- .../lib/build/tokensStudio/$metadata.json | 2 + .../lib/build/tokensStudio/$themes.json | 152 +++++++++++++++++- .../canvas/component/ProgressCircle.json | 148 +++++++++++++++++ .../rebrand/component/ProgressCircle.json | 148 +++++++++++++++++ 4 files changed, 446 insertions(+), 4 deletions(-) create mode 100644 packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json create mode 100644 packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json diff --git a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json index 56333ceb8d..de3b2a7b9c 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$metadata.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$metadata.json @@ -35,6 +35,7 @@ "canvas/component/Pill", "canvas/component/Popover", "canvas/component/ProgressBar", + "canvas/component/ProgressCircle", "canvas/component/RadioInput", "canvas/component/RangeInput", "canvas/component/RatingIcon", @@ -86,6 +87,7 @@ "rebrand/component/Pill", "rebrand/component/Popover", "rebrand/component/ProgressBar", + "rebrand/component/ProgressCircle", "rebrand/component/RadioInput", "rebrand/component/RangeInput", "rebrand/component/RatingIcon", diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 08dbd8cf1a..4377d166fa 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -56,7 +56,8 @@ "canvas/component/AiInformation": "enabled", "canvas/component/DataPermissionLevels": "enabled", "canvas/component/NutritionFacts": "enabled", - "canvas/component/RatingIcon": "enabled" + "canvas/component/RatingIcon": "enabled", + "canvas/component/ProgressCircle": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -1271,6 +1272,41 @@ "progressBar.largeValueFontSize": "eb40bead74cf278a530607827edb32899501cd68", "progressBar.borderColor": "23fd85e1366ae80ed9f4244ad9d69f6ca52fc0ea", "progressBar.borderColorInverse": "5e23f4e4ca48878c9329dcd9f3ef850f52bd10f0", + "progressCircle.fontFamily": "d44655f1a7956d5a42124fd93b6aebd039d361e7", + "progressCircle.fontWeight": "402b7c01a68a5215e78cb8da4c1015ce290a7a46", + "progressCircle.xSmallSize": "ed13685741dc07d72dd2c6e844c468a47b8e09b2", + "progressCircle.xSmallCircumference": "5f1592ec16af68859fecf2beb244c4838d4d52e0", + "progressCircle.xSmallTransform": "a817f87d221dd597fbea1a2d8c735538d1b6981f", + "progressCircle.xSmallStrokeWidth": "f2e4ca72d162578408b73d86ed73008429b80e01", + "progressCircle.smallSize": "00b4dfa98d1a1432ad60bb7c27c3e81b37705213", + "progressCircle.smallCircumference": "7d88d38532ce962012e5807997b392649c3e919e", + "progressCircle.smallTransform": "9ff0cc78941ffe084138de024a1f17fbebbb979b", + "progressCircle.smallStrokeWidth": "c2107f14fed85ec597d8e94052a4774662e4a308", + "progressCircle.mediumSize": "f9dd6226a7cddaf1d27cbaa577e5974849b2a9ff", + "progressCircle.mediumCircumference": "abe83bb34ab711a350862c33b29d35b8d59100b9", + "progressCircle.mediumTransform": "6fb51f7e9a5fbc71dbf6bd358dc7f4fc5230f206", + "progressCircle.mediumStrokeWidth": "3d56a6f8cb366fe72ed2fbc525adca8b405c65a3", + "progressCircle.largeSize": "dda071535a113bed13411d8fd9aa597c93078f10", + "progressCircle.largeCircumference": "b04a3504314cb570f71edba99601715ee00d6b6e", + "progressCircle.largeTransform": "96841cc0215a806150264bb6d5ef84389b863a1c", + "progressCircle.largeStrokeWidth": "d91c8a9c66e0203226a535e9d7b8ddea4e6d89f5", + "progressCircle.color": "f7a12734f618538cfb342f211aeb7da442d53a15", + "progressCircle.colorInverse": "7b9b7ddfbd08e9f9d3bdc3c012ab32c4464401e4", + "progressCircle.trackColor": "ca64493eabba02d7c7a3aebabb481bca28d89746", + "progressCircle.trackBorderColor": "f873233097b7e79893497ffc4ace2a1676acb0ec", + "progressCircle.trackBorderColorInverse": "cbf262c7e0e09beeb96d17bafed3636abb702adc", + "progressCircle.meterColorAlert": "6967f135df2c18af2d5a040206734e7896c128ec", + "progressCircle.meterColorAlertInverse": "b86e217251f4b5a437c0d04f9a912625fc36f5ec", + "progressCircle.meterColorBrand": "8cefc5740c919012c1a025e9c9bcd227bd1cac7c", + "progressCircle.meterColorBrandInverse": "e33eb4f9e71be63f73f8c538f061c5af62c7aeea", + "progressCircle.meterColorDanger": "6730a1aad362865a458f065cf1e96c48872a6bf6", + "progressCircle.meterColorDangerInverse": "7a3f981119ec4a5bfa4e2f6f2fcbd6a42811d3be", + "progressCircle.meterColorInfo": "bb87edaff7a4b19e47fb3b0f71b80e06b00fe0d7", + "progressCircle.meterColorInfoInverse": "e44b161042d7efd1e3a42b1c5e4245fcf2eb340c", + "progressCircle.meterColorSuccess": "d6a5c9318eff1d445e5f85e624827c181e7d8eb0", + "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", + "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", + "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", @@ -1912,7 +1948,8 @@ "canvas/component/AiInformation": "enabled", "canvas/component/DataPermissionLevels": "enabled", "canvas/component/NutritionFacts": "enabled", - "canvas/component/RatingIcon": "enabled" + "canvas/component/RatingIcon": "enabled", + "canvas/component/ProgressCircle": "enabled" }, "$figmaStyleReferences": { "primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,", @@ -3063,6 +3100,41 @@ "progressBar.largeValueFontSize": "eb40bead74cf278a530607827edb32899501cd68", "progressBar.borderColor": "23fd85e1366ae80ed9f4244ad9d69f6ca52fc0ea", "progressBar.borderColorInverse": "5e23f4e4ca48878c9329dcd9f3ef850f52bd10f0", + "progressCircle.fontFamily": "d44655f1a7956d5a42124fd93b6aebd039d361e7", + "progressCircle.fontWeight": "402b7c01a68a5215e78cb8da4c1015ce290a7a46", + "progressCircle.xSmallSize": "ed13685741dc07d72dd2c6e844c468a47b8e09b2", + "progressCircle.xSmallCircumference": "5f1592ec16af68859fecf2beb244c4838d4d52e0", + "progressCircle.xSmallTransform": "a817f87d221dd597fbea1a2d8c735538d1b6981f", + "progressCircle.xSmallStrokeWidth": "f2e4ca72d162578408b73d86ed73008429b80e01", + "progressCircle.smallSize": "00b4dfa98d1a1432ad60bb7c27c3e81b37705213", + "progressCircle.smallCircumference": "7d88d38532ce962012e5807997b392649c3e919e", + "progressCircle.smallTransform": "9ff0cc78941ffe084138de024a1f17fbebbb979b", + "progressCircle.smallStrokeWidth": "c2107f14fed85ec597d8e94052a4774662e4a308", + "progressCircle.mediumSize": "f9dd6226a7cddaf1d27cbaa577e5974849b2a9ff", + "progressCircle.mediumCircumference": "abe83bb34ab711a350862c33b29d35b8d59100b9", + "progressCircle.mediumTransform": "6fb51f7e9a5fbc71dbf6bd358dc7f4fc5230f206", + "progressCircle.mediumStrokeWidth": "3d56a6f8cb366fe72ed2fbc525adca8b405c65a3", + "progressCircle.largeSize": "dda071535a113bed13411d8fd9aa597c93078f10", + "progressCircle.largeCircumference": "b04a3504314cb570f71edba99601715ee00d6b6e", + "progressCircle.largeTransform": "96841cc0215a806150264bb6d5ef84389b863a1c", + "progressCircle.largeStrokeWidth": "d91c8a9c66e0203226a535e9d7b8ddea4e6d89f5", + "progressCircle.color": "f7a12734f618538cfb342f211aeb7da442d53a15", + "progressCircle.colorInverse": "7b9b7ddfbd08e9f9d3bdc3c012ab32c4464401e4", + "progressCircle.trackColor": "ca64493eabba02d7c7a3aebabb481bca28d89746", + "progressCircle.trackBorderColor": "f873233097b7e79893497ffc4ace2a1676acb0ec", + "progressCircle.trackBorderColorInverse": "cbf262c7e0e09beeb96d17bafed3636abb702adc", + "progressCircle.meterColorAlert": "6967f135df2c18af2d5a040206734e7896c128ec", + "progressCircle.meterColorAlertInverse": "b86e217251f4b5a437c0d04f9a912625fc36f5ec", + "progressCircle.meterColorBrand": "8cefc5740c919012c1a025e9c9bcd227bd1cac7c", + "progressCircle.meterColorBrandInverse": "e33eb4f9e71be63f73f8c538f061c5af62c7aeea", + "progressCircle.meterColorDanger": "6730a1aad362865a458f065cf1e96c48872a6bf6", + "progressCircle.meterColorDangerInverse": "7a3f981119ec4a5bfa4e2f6f2fcbd6a42811d3be", + "progressCircle.meterColorInfo": "bb87edaff7a4b19e47fb3b0f71b80e06b00fe0d7", + "progressCircle.meterColorInfoInverse": "e44b161042d7efd1e3a42b1c5e4245fcf2eb340c", + "progressCircle.meterColorSuccess": "d6a5c9318eff1d445e5f85e624827c181e7d8eb0", + "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", + "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", + "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", @@ -3704,7 +3776,8 @@ "rebrand/component/AiInformation": "enabled", "rebrand/component/DataPermissionLevels": "enabled", "rebrand/component/NutritionFacts": "enabled", - "rebrand/component/RatingIcon": "enabled" + "rebrand/component/RatingIcon": "enabled", + "rebrand/component/ProgressCircle": "enabled" }, "$figmaStyleReferences": { "elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,", @@ -5004,6 +5077,41 @@ "progressBar.textColorInverse": "af2348646cb8c682b476077ab2ff904fa22385ce", "progressBar.borderColor": "23fd85e1366ae80ed9f4244ad9d69f6ca52fc0ea", "progressBar.borderColorInverse": "5e23f4e4ca48878c9329dcd9f3ef850f52bd10f0", + "progressCircle.fontFamily": "d44655f1a7956d5a42124fd93b6aebd039d361e7", + "progressCircle.fontWeight": "402b7c01a68a5215e78cb8da4c1015ce290a7a46", + "progressCircle.xSmallSize": "ed13685741dc07d72dd2c6e844c468a47b8e09b2", + "progressCircle.xSmallCircumference": "5f1592ec16af68859fecf2beb244c4838d4d52e0", + "progressCircle.xSmallTransform": "a817f87d221dd597fbea1a2d8c735538d1b6981f", + "progressCircle.xSmallStrokeWidth": "f2e4ca72d162578408b73d86ed73008429b80e01", + "progressCircle.smallSize": "00b4dfa98d1a1432ad60bb7c27c3e81b37705213", + "progressCircle.smallCircumference": "7d88d38532ce962012e5807997b392649c3e919e", + "progressCircle.smallTransform": "9ff0cc78941ffe084138de024a1f17fbebbb979b", + "progressCircle.smallStrokeWidth": "c2107f14fed85ec597d8e94052a4774662e4a308", + "progressCircle.mediumSize": "f9dd6226a7cddaf1d27cbaa577e5974849b2a9ff", + "progressCircle.mediumCircumference": "abe83bb34ab711a350862c33b29d35b8d59100b9", + "progressCircle.mediumTransform": "6fb51f7e9a5fbc71dbf6bd358dc7f4fc5230f206", + "progressCircle.mediumStrokeWidth": "3d56a6f8cb366fe72ed2fbc525adca8b405c65a3", + "progressCircle.largeSize": "dda071535a113bed13411d8fd9aa597c93078f10", + "progressCircle.largeCircumference": "b04a3504314cb570f71edba99601715ee00d6b6e", + "progressCircle.largeTransform": "96841cc0215a806150264bb6d5ef84389b863a1c", + "progressCircle.largeStrokeWidth": "d91c8a9c66e0203226a535e9d7b8ddea4e6d89f5", + "progressCircle.color": "f7a12734f618538cfb342f211aeb7da442d53a15", + "progressCircle.colorInverse": "7b9b7ddfbd08e9f9d3bdc3c012ab32c4464401e4", + "progressCircle.trackColor": "ca64493eabba02d7c7a3aebabb481bca28d89746", + "progressCircle.trackBorderColor": "f873233097b7e79893497ffc4ace2a1676acb0ec", + "progressCircle.trackBorderColorInverse": "cbf262c7e0e09beeb96d17bafed3636abb702adc", + "progressCircle.meterColorAlert": "6967f135df2c18af2d5a040206734e7896c128ec", + "progressCircle.meterColorAlertInverse": "b86e217251f4b5a437c0d04f9a912625fc36f5ec", + "progressCircle.meterColorBrand": "8cefc5740c919012c1a025e9c9bcd227bd1cac7c", + "progressCircle.meterColorBrandInverse": "e33eb4f9e71be63f73f8c538f061c5af62c7aeea", + "progressCircle.meterColorDanger": "6730a1aad362865a458f065cf1e96c48872a6bf6", + "progressCircle.meterColorDangerInverse": "7a3f981119ec4a5bfa4e2f6f2fcbd6a42811d3be", + "progressCircle.meterColorInfo": "bb87edaff7a4b19e47fb3b0f71b80e06b00fe0d7", + "progressCircle.meterColorInfoInverse": "e44b161042d7efd1e3a42b1c5e4245fcf2eb340c", + "progressCircle.meterColorSuccess": "d6a5c9318eff1d445e5f85e624827c181e7d8eb0", + "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", + "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", + "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", @@ -5558,7 +5666,8 @@ "rebrand/component/AiInformation": "enabled", "rebrand/component/DataPermissionLevels": "enabled", "rebrand/component/NutritionFacts": "enabled", - "rebrand/component/RatingIcon": "enabled" + "rebrand/component/RatingIcon": "enabled", + "rebrand/component/ProgressCircle": "enabled" }, "$figmaStyleReferences": { "avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,", @@ -6794,6 +6903,41 @@ "progressBar.textColorInverse": "af2348646cb8c682b476077ab2ff904fa22385ce", "progressBar.borderColor": "23fd85e1366ae80ed9f4244ad9d69f6ca52fc0ea", "progressBar.borderColorInverse": "5e23f4e4ca48878c9329dcd9f3ef850f52bd10f0", + "progressCircle.fontFamily": "d44655f1a7956d5a42124fd93b6aebd039d361e7", + "progressCircle.fontWeight": "402b7c01a68a5215e78cb8da4c1015ce290a7a46", + "progressCircle.xSmallSize": "ed13685741dc07d72dd2c6e844c468a47b8e09b2", + "progressCircle.xSmallCircumference": "5f1592ec16af68859fecf2beb244c4838d4d52e0", + "progressCircle.xSmallTransform": "a817f87d221dd597fbea1a2d8c735538d1b6981f", + "progressCircle.xSmallStrokeWidth": "f2e4ca72d162578408b73d86ed73008429b80e01", + "progressCircle.smallSize": "00b4dfa98d1a1432ad60bb7c27c3e81b37705213", + "progressCircle.smallCircumference": "7d88d38532ce962012e5807997b392649c3e919e", + "progressCircle.smallTransform": "9ff0cc78941ffe084138de024a1f17fbebbb979b", + "progressCircle.smallStrokeWidth": "c2107f14fed85ec597d8e94052a4774662e4a308", + "progressCircle.mediumSize": "f9dd6226a7cddaf1d27cbaa577e5974849b2a9ff", + "progressCircle.mediumCircumference": "abe83bb34ab711a350862c33b29d35b8d59100b9", + "progressCircle.mediumTransform": "6fb51f7e9a5fbc71dbf6bd358dc7f4fc5230f206", + "progressCircle.mediumStrokeWidth": "3d56a6f8cb366fe72ed2fbc525adca8b405c65a3", + "progressCircle.largeSize": "dda071535a113bed13411d8fd9aa597c93078f10", + "progressCircle.largeCircumference": "b04a3504314cb570f71edba99601715ee00d6b6e", + "progressCircle.largeTransform": "96841cc0215a806150264bb6d5ef84389b863a1c", + "progressCircle.largeStrokeWidth": "d91c8a9c66e0203226a535e9d7b8ddea4e6d89f5", + "progressCircle.color": "f7a12734f618538cfb342f211aeb7da442d53a15", + "progressCircle.colorInverse": "7b9b7ddfbd08e9f9d3bdc3c012ab32c4464401e4", + "progressCircle.trackColor": "ca64493eabba02d7c7a3aebabb481bca28d89746", + "progressCircle.trackBorderColor": "f873233097b7e79893497ffc4ace2a1676acb0ec", + "progressCircle.trackBorderColorInverse": "cbf262c7e0e09beeb96d17bafed3636abb702adc", + "progressCircle.meterColorAlert": "6967f135df2c18af2d5a040206734e7896c128ec", + "progressCircle.meterColorAlertInverse": "b86e217251f4b5a437c0d04f9a912625fc36f5ec", + "progressCircle.meterColorBrand": "8cefc5740c919012c1a025e9c9bcd227bd1cac7c", + "progressCircle.meterColorBrandInverse": "e33eb4f9e71be63f73f8c538f061c5af62c7aeea", + "progressCircle.meterColorDanger": "6730a1aad362865a458f065cf1e96c48872a6bf6", + "progressCircle.meterColorDangerInverse": "7a3f981119ec4a5bfa4e2f6f2fcbd6a42811d3be", + "progressCircle.meterColorInfo": "bb87edaff7a4b19e47fb3b0f71b80e06b00fe0d7", + "progressCircle.meterColorInfoInverse": "e44b161042d7efd1e3a42b1c5e4245fcf2eb340c", + "progressCircle.meterColorSuccess": "d6a5c9318eff1d445e5f85e624827c181e7d8eb0", + "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", + "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", + "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json new file mode 100644 index 0000000000..115706276d --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json @@ -0,0 +1,148 @@ +{ + "progressCircle": { + "fontFamily": { + "value": "{fontFamily.base}", + "type": "fontFamilies" + }, + "fontWeight": { + "value": "{fontWeight.heading.base}", + "type": "fontWeights" + }, + "lineHeight": { + "value": "{lineHeight.heading.base}", + "type": "lineHeights" + }, + "xSmallSize": { + "value": "3em", + "type": "sizing" + }, + "xSmallCircumference": { + "value": "6.25em", + "type": "sizing" + }, + "xSmallTransform": { + "value": "1.5em", + "type": "sizing" + }, + "xSmallStrokeWidth": { + "value": "0.2em", + "type": "borderWidth" + }, + "smallSize": { + "value": "5em", + "type": "sizing" + }, + "smallCircumference": { + "value": "11em", + "type": "sizing" + }, + "smallTransform": { + "value": "2.5em", + "type": "sizing" + }, + "smallStrokeWidth": { + "value": "0.5em", + "type": "borderWidth" + }, + "mediumSize": { + "value": "7em", + "type": "sizing" + }, + "mediumCircumference": { + "value": "17.25em", + "type": "sizing" + }, + "mediumTransform": { + "value": "3.5em", + "type": "sizing" + }, + "mediumStrokeWidth": { + "value": "0.625em", + "type": "borderWidth" + }, + "largeSize": { + "value": "9em", + "type": "sizing" + }, + "largeCircumference": { + "value": "22em", + "type": "sizing" + }, + "largeTransform": { + "value": "4.5em", + "type": "sizing" + }, + "largeStrokeWidth": { + "value": "0.875em", + "type": "borderWidth" + }, + "color": { + "value": "{color.text.base}", + "type": "color" + }, + "colorInverse": { + "value": "{color.text.onColor}", + "type": "color" + }, + "trackColor": { + "value": "{color.background.base}", + "type": "color" + }, + "trackBorderColor": { + "value": "{color.stroke.base}", + "type": "color" + }, + "trackBorderColorInverse": { + "value": "{color.stroke.onColor}", + "type": "color" + }, + "meterColorAlert": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorAlertInverse": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorBrand": { + "value": "{color.stroke.brand}", + "type": "color" + }, + "meterColorBrandInverse": { + "value": "{color.stroke.brand}", + "type": "color" + }, + "meterColorDanger": { + "value": "{color.stroke.error}", + "type": "color" + }, + "meterColorDangerInverse": { + "value": "{color.stroke.error}", + "type": "color" + }, + "meterColorInfo": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorInfoInverse": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorSuccess": { + "value": "{color.stroke.success}", + "type": "color" + }, + "meterColorSuccessInverse": { + "value": "{color.stroke.success}", + "type": "color" + }, + "meterColorWarning": { + "value": "{color.stroke.warning}", + "type": "color" + }, + "meterColorWarningInverse": { + "value": "{color.stroke.warning}", + "type": "color" + } + } +} \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json new file mode 100644 index 0000000000..115706276d --- /dev/null +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json @@ -0,0 +1,148 @@ +{ + "progressCircle": { + "fontFamily": { + "value": "{fontFamily.base}", + "type": "fontFamilies" + }, + "fontWeight": { + "value": "{fontWeight.heading.base}", + "type": "fontWeights" + }, + "lineHeight": { + "value": "{lineHeight.heading.base}", + "type": "lineHeights" + }, + "xSmallSize": { + "value": "3em", + "type": "sizing" + }, + "xSmallCircumference": { + "value": "6.25em", + "type": "sizing" + }, + "xSmallTransform": { + "value": "1.5em", + "type": "sizing" + }, + "xSmallStrokeWidth": { + "value": "0.2em", + "type": "borderWidth" + }, + "smallSize": { + "value": "5em", + "type": "sizing" + }, + "smallCircumference": { + "value": "11em", + "type": "sizing" + }, + "smallTransform": { + "value": "2.5em", + "type": "sizing" + }, + "smallStrokeWidth": { + "value": "0.5em", + "type": "borderWidth" + }, + "mediumSize": { + "value": "7em", + "type": "sizing" + }, + "mediumCircumference": { + "value": "17.25em", + "type": "sizing" + }, + "mediumTransform": { + "value": "3.5em", + "type": "sizing" + }, + "mediumStrokeWidth": { + "value": "0.625em", + "type": "borderWidth" + }, + "largeSize": { + "value": "9em", + "type": "sizing" + }, + "largeCircumference": { + "value": "22em", + "type": "sizing" + }, + "largeTransform": { + "value": "4.5em", + "type": "sizing" + }, + "largeStrokeWidth": { + "value": "0.875em", + "type": "borderWidth" + }, + "color": { + "value": "{color.text.base}", + "type": "color" + }, + "colorInverse": { + "value": "{color.text.onColor}", + "type": "color" + }, + "trackColor": { + "value": "{color.background.base}", + "type": "color" + }, + "trackBorderColor": { + "value": "{color.stroke.base}", + "type": "color" + }, + "trackBorderColorInverse": { + "value": "{color.stroke.onColor}", + "type": "color" + }, + "meterColorAlert": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorAlertInverse": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorBrand": { + "value": "{color.stroke.brand}", + "type": "color" + }, + "meterColorBrandInverse": { + "value": "{color.stroke.brand}", + "type": "color" + }, + "meterColorDanger": { + "value": "{color.stroke.error}", + "type": "color" + }, + "meterColorDangerInverse": { + "value": "{color.stroke.error}", + "type": "color" + }, + "meterColorInfo": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorInfoInverse": { + "value": "{color.stroke.info}", + "type": "color" + }, + "meterColorSuccess": { + "value": "{color.stroke.success}", + "type": "color" + }, + "meterColorSuccessInverse": { + "value": "{color.stroke.success}", + "type": "color" + }, + "meterColorWarning": { + "value": "{color.stroke.warning}", + "type": "color" + }, + "meterColorWarningInverse": { + "value": "{color.stroke.warning}", + "type": "color" + } + } +} \ No newline at end of file From 6a8515210219d755586bbe35fc5361745a6ab8bb Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Fri, 2 Jan 2026 11:17:20 +0100 Subject: [PATCH 26/28] chore: update progresscircle rebrand values --- .../rebrand/component/ProgressCircle.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json index 115706276d..312d8a59f2 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json @@ -101,7 +101,7 @@ "type": "color" }, "meterColorAlertInverse": { - "value": "{color.stroke.info}", + "value": "{color.stroke.onColor}", "type": "color" }, "meterColorBrand": { @@ -109,7 +109,7 @@ "type": "color" }, "meterColorBrandInverse": { - "value": "{color.stroke.brand}", + "value": "{color.stroke.onColor}", "type": "color" }, "meterColorDanger": { @@ -117,7 +117,7 @@ "type": "color" }, "meterColorDangerInverse": { - "value": "{color.stroke.error}", + "value": "{color.stroke.onColor}", "type": "color" }, "meterColorInfo": { @@ -125,7 +125,7 @@ "type": "color" }, "meterColorInfoInverse": { - "value": "{color.stroke.info}", + "value": "{color.stroke.onColor}", "type": "color" }, "meterColorSuccess": { @@ -133,7 +133,7 @@ "type": "color" }, "meterColorSuccessInverse": { - "value": "{color.stroke.success}", + "value": "{color.stroke.onColor}", "type": "color" }, "meterColorWarning": { @@ -141,7 +141,7 @@ "type": "color" }, "meterColorWarningInverse": { - "value": "{color.stroke.warning}", + "value": "{color.stroke.onColor}", "type": "color" } } From c880ae54606b7c85e0816c62df0b078b4fd235bc Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Fri, 2 Jan 2026 13:16:40 +0100 Subject: [PATCH 27/28] chore: fix xsmall progresscircle --- .../build/tokensStudio/rebrand/component/ProgressCircle.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json index 312d8a59f2..ccf018838e 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json @@ -13,7 +13,7 @@ "type": "lineHeights" }, "xSmallSize": { - "value": "3em", + "value": "3.5em", "type": "sizing" }, "xSmallCircumference": { From 892c4c6cae84cf825df06cecdd8b8fbe45d8dd90 Mon Sep 17 00:00:00 2001 From: svc-instui <231108445+svc-instui@users.noreply.github.com> Date: Fri, 2 Jan 2026 13:42:11 +0100 Subject: [PATCH 28/28] chore: add missing tokens to progressCircle --- .../lib/build/tokensStudio/$themes.json | 32 +++++++++++++++++ .../canvas/component/ProgressCircle.json | 32 +++++++++++++++++ .../rebrand/component/ProgressCircle.json | 34 ++++++++++++++++++- 3 files changed, 97 insertions(+), 1 deletion(-) diff --git a/packages/ui-scripts/lib/build/tokensStudio/$themes.json b/packages/ui-scripts/lib/build/tokensStudio/$themes.json index 4377d166fa..5805456a8a 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/$themes.json +++ b/packages/ui-scripts/lib/build/tokensStudio/$themes.json @@ -1307,6 +1307,14 @@ "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", + "progressCircle.xSmallRadius": "cc9e9fda2e65528a6d94b741261c523658fd96ad", + "progressCircle.smallRadius": "8a1a8c29f2496a1396ab4662b7dd66a30cef922b", + "progressCircle.mediumRadius": "c8cc830f53924029c97a721e03e5fda23c701b42", + "progressCircle.largeRadius": "a6c76682f92beed04db433eaeac4344e190ed9f7", + "progressCircle.xSmallBorderOffset": "537f141b357d43c07bcfe76f41ab9710a5fada12", + "progressCircle.smallBorderOffset": "20c1e08d88830cd696703ffa4dfa3d29e04d76de", + "progressCircle. mediumBorderOffset": "2432429de99978b02a3db96441c2279807a97ca2", + "progressCircle.largeBorderOffset": "435e1eb7591fccee0dadcad64281b1cd6c8de50e", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", @@ -3135,6 +3143,14 @@ "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", + "progressCircle.xSmallRadius": "cc9e9fda2e65528a6d94b741261c523658fd96ad", + "progressCircle.smallRadius": "8a1a8c29f2496a1396ab4662b7dd66a30cef922b", + "progressCircle.mediumRadius": "c8cc830f53924029c97a721e03e5fda23c701b42", + "progressCircle.largeRadius": "a6c76682f92beed04db433eaeac4344e190ed9f7", + "progressCircle.xSmallBorderOffset": "537f141b357d43c07bcfe76f41ab9710a5fada12", + "progressCircle.smallBorderOffset": "20c1e08d88830cd696703ffa4dfa3d29e04d76de", + "progressCircle. mediumBorderOffset": "2432429de99978b02a3db96441c2279807a97ca2", + "progressCircle.largeBorderOffset": "435e1eb7591fccee0dadcad64281b1cd6c8de50e", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", @@ -5112,6 +5128,14 @@ "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", + "progressCircle.xSmallRadius": "cc9e9fda2e65528a6d94b741261c523658fd96ad", + "progressCircle.smallRadius": "8a1a8c29f2496a1396ab4662b7dd66a30cef922b", + "progressCircle.mediumRadius": "c8cc830f53924029c97a721e03e5fda23c701b42", + "progressCircle.largeRadius": "a6c76682f92beed04db433eaeac4344e190ed9f7", + "progressCircle.xSmallBorderOffset": "537f141b357d43c07bcfe76f41ab9710a5fada12", + "progressCircle.smallBorderOffset": "20c1e08d88830cd696703ffa4dfa3d29e04d76de", + "progressCircle. mediumBorderOffset": "2432429de99978b02a3db96441c2279807a97ca2", + "progressCircle.largeBorderOffset": "435e1eb7591fccee0dadcad64281b1cd6c8de50e", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", @@ -6938,6 +6962,14 @@ "progressCircle.meterColorSuccessInverse": "23b9b915a1fdd4b59d34127d44bbc10067b1bd9b", "progressCircle.meterColorWarning": "24d6af90a988940a676481689c8bbb4bfe3d7eab", "progressCircle.meterColorWarningInverse": "70e72226f5edab99db884bc5567919fd89f38789", + "progressCircle.xSmallRadius": "cc9e9fda2e65528a6d94b741261c523658fd96ad", + "progressCircle.smallRadius": "8a1a8c29f2496a1396ab4662b7dd66a30cef922b", + "progressCircle.mediumRadius": "c8cc830f53924029c97a721e03e5fda23c701b42", + "progressCircle.largeRadius": "a6c76682f92beed04db433eaeac4344e190ed9f7", + "progressCircle.xSmallBorderOffset": "537f141b357d43c07bcfe76f41ab9710a5fada12", + "progressCircle.smallBorderOffset": "20c1e08d88830cd696703ffa4dfa3d29e04d76de", + "progressCircle. mediumBorderOffset": "2432429de99978b02a3db96441c2279807a97ca2", + "progressCircle.largeBorderOffset": "435e1eb7591fccee0dadcad64281b1cd6c8de50e", "radioInput.backgroundColor": "a518a7fd7a648d409acf50fe906d011010ccc3d6", "radioInput.backgroundHoverColor": "1589a210f52ea0180cd598528212665392bbd53f", "radioInput.backgroundReadonlyColor": "acb1e8bf7509616084cad4e898952594b7de8326", diff --git a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json index 115706276d..ea68410625 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json +++ b/packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressCircle.json @@ -143,6 +143,38 @@ "meterColorWarningInverse": { "value": "{color.stroke.warning}", "type": "color" + }, + "xSmallRadius": { + "value": "1em", + "type": "borderRadius" + }, + "smallRadius": { + "value": "1.8em", + "type": "borderRadius" + }, + "mediumRadius": { + "value": "2.75em", + "type": "borderRadius" + }, + "largeRadius": { + "value": "3.5em", + "type": "borderRadius" + }, + "xSmallBorderOffset": { + "value": "1.2em", + "type": "spacing" + }, + "smallBorderOffset": { + "value": "1.6125em", + "type": "spacing" + }, + " mediumBorderOffset": { + "value": "2.5em", + "type": "spacing" + }, + "largeBorderOffset": { + "value": "3.125em", + "type": "spacing" } } } \ No newline at end of file diff --git a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json index ccf018838e..5572ca76e5 100644 --- a/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json +++ b/packages/ui-scripts/lib/build/tokensStudio/rebrand/component/ProgressCircle.json @@ -13,7 +13,7 @@ "type": "lineHeights" }, "xSmallSize": { - "value": "3.5em", + "value": "3em", "type": "sizing" }, "xSmallCircumference": { @@ -143,6 +143,38 @@ "meterColorWarningInverse": { "value": "{color.stroke.onColor}", "type": "color" + }, + "xSmallRadius": { + "value": "1em", + "type": "borderRadius" + }, + "smallRadius": { + "value": "1.8em", + "type": "borderRadius" + }, + "mediumRadius": { + "value": "2.75em", + "type": "borderRadius" + }, + "largeRadius": { + "value": "3.5em", + "type": "borderRadius" + }, + "xSmallBorderOffset": { + "value": "1.2em", + "type": "spacing" + }, + "smallBorderOffset": { + "value": "1.6125em", + "type": "spacing" + }, + " mediumBorderOffset": { + "value": "2.5em", + "type": "spacing" + }, + "largeBorderOffset": { + "value": "3.125em", + "type": "spacing" } } } \ No newline at end of file