From 6d869793e9cc70e0c80cf69adda2417cf3729aee Mon Sep 17 00:00:00 2001 From: Lasse Febakke Straum <33222679+Febakke@users.noreply.github.com> Date: Thu, 2 Jan 2025 13:23:55 +0100 Subject: [PATCH] chore: changed order on size sets (#2936) Tiny change to order of size sets so that the default size is medium in Figma. --------- Co-authored-by: Michael Marszalek --- design-tokens/$themes.json | 118 +++++++++--------- .../cli/src/tokens/write/generate$themes.ts | 20 +-- 2 files changed, 69 insertions(+), 69 deletions(-) diff --git a/design-tokens/$themes.json b/design-tokens/$themes.json index d7a4300b35..e449b5de03 100644 --- a/design-tokens/$themes.json +++ b/design-tokens/$themes.json @@ -1,15 +1,15 @@ [ { - "id": "fb11567729c298ca37c9da4e3a27716a23480824", - "name": "small", + "id": "8b2c8cc86611a34b135cb22948666779361fd729", + "name": "medium", "$figmaStyleReferences": {}, "selectedTokenSets": { - "primitives/modes/size/small": "source", + "primitives/modes/size/medium": "source", "primitives/modes/size/global": "enabled", - "primitives/modes/typography/size/small": "enabled" + "primitives/modes/typography/size/medium": "enabled" }, "$figmaCollectionId": "VariableCollectionId:42212:29109", - "$figmaModeId": "42212:0", + "$figmaModeId": "42212:1", "$figmaVariableReferences": { "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307", "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c", @@ -49,16 +49,65 @@ "group": "Size" }, { - "id": "8b2c8cc86611a34b135cb22948666779361fd729", - "name": "medium", + "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e", + "name": "large", "$figmaStyleReferences": {}, "selectedTokenSets": { - "primitives/modes/size/medium": "source", + "primitives/modes/size/large": "source", "primitives/modes/size/global": "enabled", - "primitives/modes/typography/size/medium": "enabled" + "primitives/modes/typography/size/large": "enabled" }, "$figmaCollectionId": "VariableCollectionId:42212:29109", - "$figmaModeId": "42212:1", + "$figmaModeId": "42212:2", + "$figmaVariableReferences": { + "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307", + "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c", + "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905", + "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa", + "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18", + "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845", + "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb", + "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb", + "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be", + "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b", + "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6", + "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb", + "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d", + "size.2": "d786893051954a518025ea8817dde0c0713ebd8d", + "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9", + "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1", + "size.5": "405596765ee5bbb371a9479e527b49ba43580d19", + "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb", + "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269", + "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e", + "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c", + "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed", + "size.11": "050087517351340be3a7f65b249a9ae8d01d6286", + "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4", + "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce", + "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b", + "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240", + "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35", + "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b", + "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a", + "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75", + "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1", + "size._base": "b20d311a4235705c45973df78540c01cb0f4b490", + "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823" + }, + "group": "Size" + }, + { + "id": "fb11567729c298ca37c9da4e3a27716a23480824", + "name": "small", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "primitives/modes/size/small": "source", + "primitives/modes/size/global": "enabled", + "primitives/modes/typography/size/small": "enabled" + }, + "$figmaCollectionId": "VariableCollectionId:42212:29109", + "$figmaModeId": "42212:0", "$figmaVariableReferences": { "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307", "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c", @@ -2061,54 +2110,5 @@ "color.support.contrast-subtle": "128d9b8eae01f0cdfe53c87560181ed6a67a8d69" }, "group": "Support color" - }, - { - "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e", - "name": "large", - "$figmaStyleReferences": {}, - "selectedTokenSets": { - "primitives/modes/size/large": "source", - "primitives/modes/size/global": "enabled", - "primitives/modes/typography/size/large": "enabled" - }, - "$figmaCollectionId": "VariableCollectionId:42212:29109", - "$figmaModeId": "42212:2", - "$figmaVariableReferences": { - "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307", - "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c", - "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905", - "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa", - "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18", - "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845", - "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb", - "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb", - "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be", - "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b", - "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6", - "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb", - "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d", - "size.2": "d786893051954a518025ea8817dde0c0713ebd8d", - "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9", - "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1", - "size.5": "405596765ee5bbb371a9479e527b49ba43580d19", - "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb", - "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269", - "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e", - "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c", - "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed", - "size.11": "050087517351340be3a7f65b249a9ae8d01d6286", - "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4", - "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce", - "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b", - "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240", - "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35", - "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b", - "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a", - "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75", - "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1", - "size._base": "b20d311a4235705c45973df78540c01cb0f4b490", - "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823" - }, - "group": "Size" } ] \ No newline at end of file diff --git a/packages/cli/src/tokens/write/generate$themes.ts b/packages/cli/src/tokens/write/generate$themes.ts index ee5b2bfb45..51c773c9e2 100644 --- a/packages/cli/src/tokens/write/generate$themes.ts +++ b/packages/cli/src/tokens/write/generate$themes.ts @@ -81,16 +81,16 @@ function generateSizeGroup(): ThemeObject_[] { group: 'Size', }, { - id: 'fb11567729c298ca37c9da4e3a27716a23480824', - name: 'small', + id: 'd49b9eebeb48a4f165a74b7261733d0a73370f0e', + name: 'large', $figmaStyleReferences: {}, selectedTokenSets: { - 'primitives/modes/size/small': TokenSetStatus.SOURCE, + 'primitives/modes/size/large': TokenSetStatus.SOURCE, 'primitives/modes/size/global': TokenSetStatus.ENABLED, - 'primitives/modes/typography/size/small': TokenSetStatus.ENABLED, + 'primitives/modes/typography/size/large': TokenSetStatus.ENABLED, }, $figmaCollectionId: 'VariableCollectionId:42212:29109', - $figmaModeId: '42212:0', + $figmaModeId: '42212:2', $figmaVariableReferences: { 'font-size.1': '0918a6e18af0d0626e986d0d974c3710c9543307', 'font-size.2': 'd83453adb39699bc5dac07323a8521c42298658c', @@ -130,16 +130,16 @@ function generateSizeGroup(): ThemeObject_[] { group: 'Size', }, { - id: 'd49b9eebeb48a4f165a74b7261733d0a73370f0e', - name: 'large', + id: 'fb11567729c298ca37c9da4e3a27716a23480824', + name: 'small', $figmaStyleReferences: {}, selectedTokenSets: { - 'primitives/modes/size/large': TokenSetStatus.SOURCE, + 'primitives/modes/size/small': TokenSetStatus.SOURCE, 'primitives/modes/size/global': TokenSetStatus.ENABLED, - 'primitives/modes/typography/size/large': TokenSetStatus.ENABLED, + 'primitives/modes/typography/size/small': TokenSetStatus.ENABLED, }, $figmaCollectionId: 'VariableCollectionId:42212:29109', - $figmaModeId: '42212:2', + $figmaModeId: '42212:0', $figmaVariableReferences: { 'font-size.1': '0918a6e18af0d0626e986d0d974c3710c9543307', 'font-size.2': 'd83453adb39699bc5dac07323a8521c42298658c',