From 06dbe361e8658af5d4fdf5ddd9566745bb1be877 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Thu, 19 Sep 2024 15:25:31 +0200 Subject: [PATCH 01/18] feat(tokens): add bullet list margin block token --- .../tokens/tokensstudio-generated/tokens.json | 35 +++++++------------ 1 file changed, 12 insertions(+), 23 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 71ae18f3e4..4e84694cf9 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3663,7 +3663,7 @@ "margin": { "block": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.block.8}" } } } @@ -7357,8 +7357,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Elements/ListBullet": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -7519,8 +7518,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Elements/ListBullet": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7678,8 +7676,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Elements/ListBullet": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7836,8 +7833,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Elements/ListBullet": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -7977,8 +7973,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Elements/ListBullet": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8125,8 +8120,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Elements/ListBullet": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8270,8 +8264,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Elements/ListBullet": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8292,8 +8285,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Elements/ListBullet": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8384,8 +8376,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "source", - "Elements/ListBullet": "disabled" + "Theme/Post": "source" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -8519,8 +8510,7 @@ "Components/Inline notification": "enabled", "Utilities/Spacing": "source", "Utilities/Typo": "source", - "Components/Icon button": "enabled", - "Elements/ListBullet": "disabled" + "Components/Icon button": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9086,8 +9076,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Elements/ListBullet": "disabled" + "Utilities/Typo": "source" } } ], From fc464694540b30dc4d0bb6a68bf504174bd603db Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Fri, 20 Sep 2024 09:24:52 +0200 Subject: [PATCH 02/18] feat(tokens):added tokens for lead and ListNumbers refactor(tokens): rewired some tokens on a semantic level that were put in wrong before --- .../tokens/tokensstudio-generated/tokens.json | 210 +++++++++++++++--- 1 file changed, 175 insertions(+), 35 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 4e84694cf9..53b8532931 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -237,6 +237,10 @@ "$type": "dimension", "$value": "12" }, + "13": { + "$type": "dimension", + "$value": "13" + }, "14": { "$type": "dimension", "$value": "14" @@ -2256,7 +2260,7 @@ }, "16": { "$type": "spacing", - "$value": "{post.device.spacing.padding.13}" + "$value": "{post.core.dimension.13}" }, "17": { "$type": "spacing", @@ -2431,6 +2435,10 @@ "focus": { "$type": "borderRadius", "$value": "{post.core.dimension.4}" + }, + "focus2": { + "$type": "borderRadius", + "$value": "{post.core.dimension.8}" } }, "font-weight": { @@ -3670,6 +3678,44 @@ } } }, + "Elements/ListNumber": { + "post": { + "list": { + "number": { + "margin": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.8}" + } + }, + "item": { + "gap": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.1}" + } + }, + "icon": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } + }, + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + }, + "size": { + "$type": "sizing", + "$value": "{post.device.sizing.notification.icon.3}" + } + } + } + } + } + } + }, "Elements/Legend": { "post": { "legend": { @@ -4074,9 +4120,11 @@ "$type": "borderWidth", "$value": "{post.device.border-width.focus}" }, - "padding": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } }, "gap": { @@ -4920,6 +4968,12 @@ "font-size": { "$type": "fontSizes", "$value": "{post.device.font-size.7}" + }, + "focus": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus2}" + } } }, "icon": { @@ -4990,6 +5044,10 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "padding": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" } }, "paragraph": { @@ -6417,6 +6475,20 @@ } } }, + "Components/Lead": { + "post": { + "lead": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.5}" + } + }, + "lead-font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + } + } + }, "Components/Icon button": { "post": { "icon-button": { @@ -6433,9 +6505,11 @@ "$type": "borderWidth", "$value": "{post.device.border-width.focus}" }, - "padding": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.2}" + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } }, "large": { @@ -6788,11 +6862,11 @@ "lead": { "$type": "typography", "$value": { - "fontFamily": "{post.device.font-family.default}", - "fontWeight": "{post.device.font-weight.bold}", - "fontSize": "{post.device.font-size.5}", - "lineHeight": "{post.device.line-height.content}", - "letterSpacing": "{post.core.letter-spacing.default}" + "fontFamily": "{post.body.font-family}", + "fontWeight": "{post.lead-font-weight}", + "fontSize": "{post.lead.font-size}", + "letterSpacing": "{post.body.letter-spacing}", + "lineHeight": "{post.body.line-height}" } }, "paragraph-l": { @@ -7357,7 +7431,9 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -7509,7 +7585,8 @@ "post.utility.spacing.dup.4-5": "8372bdf49b50971b3f86fd487b0979e0789e91f2", "post.utility.spacing.dup.7-5": "23a11db07aa175a0c3b25b0f1b736ceb6f66369d", "post.utility.spacing.dup.1-5": "3f6063d3df9de0e70a07cef75914575893e70c44", - "post.utility.spacing.dup.8-5": "9f0f84964a19f4af27f52e3c7ec5f02a30d41491" + "post.utility.spacing.dup.8-5": "9f0f84964a19f4af27f52e3c7ec5f02a30d41491", + "post.core.dimension.13": "57eca14cad26acf0f518fdd8faa940e9658b7ae6" } }, { @@ -7518,7 +7595,9 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7676,7 +7755,9 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Mode/Dark": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7833,7 +7914,9 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -7912,6 +7995,7 @@ "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", @@ -7926,7 +8010,6 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -7963,7 +8046,8 @@ "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" } }, { @@ -7973,7 +8057,9 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8096,6 +8182,7 @@ "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", @@ -8103,7 +8190,7 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67" + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" } }, { @@ -8120,7 +8207,9 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8230,6 +8319,7 @@ "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", + "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.interactive.footer.socialmedia": "c9658424b69d2f8a0a41d4595d9e24aeb32f0ad7", "post.device.sizing.notification.1": "b31cec42f3942fd3aa657850a14206eff1005cd0", "post.device.sizing.notification.2": "e0b179767552f36122fe6c80a31d5ff2fbc76e3c", @@ -8250,7 +8340,7 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67" + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" } }, { @@ -8264,7 +8354,9 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8285,7 +8377,9 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8315,7 +8409,8 @@ "Elements/Legend": "enabled", "Utilities/Spacing": "source", "Utilities/Typo": "source", - "Elements/ListBullet": "enabled" + "Elements/ListBullet": "enabled", + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -8354,11 +8449,17 @@ "post.legend.large.margin-block-start": "07195a6aef820a17e21fa4e2dd416d3ea3ed53db", "post.legend.large.padding-block-end": "5c0406008577b8a2c8cf3c7e0c6786fbda04323f", "post.legend.large.margin-block-end": "b8ff9bf1150e33ccf55f3838c5eb03813b07c55e", + "post.list.bullet.item.text.padding.block": "b1703ba0ecf1f34852b9c997f00db741172255a2", "post.list.bullet.item.icon.gap.inline": "417de136821935345d45e075c52b60de8fde8473", - "post.list.bullet.item.gap.block": "a5f90062a491c6218f50ef94c18720ed58b403d4", "post.list.bullet.item.icon.size": "21ec3fb665c341394250b7a7a521ca6540b8b284", "post.list.bullet.item.icon.bullet.size": "0ea7e671b89eb9346a05ed0c32e016164db6eeb0", - "post.list.bullet.item.text.padding.block": "b1703ba0ecf1f34852b9c997f00db741172255a2" + "post.list.bullet.item.gap.block": "a5f90062a491c6218f50ef94c18720ed58b403d4", + "post.list.bullet.margin.block": "0a03d565e28c8afdc3842ac22f2f62f2a4f7f8de", + "post.list.number.margin.block": "8a9700b0107268c1539bc2e248dd627484dc3844", + "post.list.number.item.gap.block": "7a608865a46a967977c44caa05ac15dd6d8abc74", + "post.list.number.item.icon.gap.inline": "dc904ddb93c06290622e4149e5f56e744db0b699", + "post.list.number.item.icon.font-weight": "977a4fd6e98420de0f912f44bde60a504c91039a", + "post.list.number.item.icon.size": "16fe87b7c9a34800e73202918c7a19ef3c3bf64b" } }, { @@ -8376,7 +8477,9 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "source" + "Theme/Post": "source", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -8510,7 +8613,9 @@ "Components/Inline notification": "enabled", "Utilities/Spacing": "source", "Utilities/Typo": "source", - "Components/Icon button": "enabled" + "Components/Icon button": "enabled", + "Components/Lead": "enabled", + "Elements/ListNumber": "disabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -8538,7 +8643,7 @@ "post.button.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215", "post.button.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af", "post.button.focus.border-width": "b626550a088cd45823ccc7e199039eb3fe97067a", - "post.button.focus.padding": "16f0e8f98548e4ef11e181746cf119ea8cf359ed", + "post.button.focus.outline.offset": "16f0e8f98548e4ef11e181746cf119ea8cf359ed", "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9", "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5", "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62", @@ -8712,6 +8817,8 @@ "post.popover.focus.border-width": "e36a17d8bc0589e40b0032ea711da6a4bf31962d", "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab", "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2", + "post.popover.focus.padding": "b8c123f52e9243087e435b9727dd17eb115bdac4", + "post.popover.link.focus.border-radius": "f88b4d76680b954249f4474c892c53dfc4de896f", "post.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d", "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6", @@ -8990,7 +9097,7 @@ "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", - "post.icon-button.focus.padding": "403f4a0c4cea74d6aaf6694077bc62cb04fed2c2", + "post.icon-button.focus.outline.offset": "403f4a0c4cea74d6aaf6694077bc62cb04fed2c2", "post.icon-button.large.outer": "9ffdef1ca1ec6310ab8d817f88ffeff6901054d7", "post.icon-button.large.icon": "f227ab508396638380cc60e0d16ebe56eb02134c", "post.icon-button.primary.enabled-fg": "61ff031535fb5f65632aa0e24c0db4559804bfed", @@ -9052,13 +9159,42 @@ "post.icon-button.border-radius.round": "d8101a6970d39985ce0b64b6bdad4442a168d1db", "post.icon-button.small.outer": "397d250211d996c86c264457b4495132b61cae03", "post.icon-button.small.icon": "316299c3216da324e94be81dc65e2d479626c516", - "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0" + "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", + "post.lead.font-size": "faf5dba2f96d4f89a72ee8e380d9c5dabd286beb", + "post.lead-font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0" } }, { "id": "727187468c242be266169728abc6ed1a2a8dff72", "name": "Figma Only", - "$figmaStyleReferences": {}, + "$figmaStyleReferences": { + "utility.typo.heading.h1": "S:2b0d57a92a320fb261b7b12287e96e4ace999a1a,", + "utility.typo.heading.h2": "S:1d4041d0030b6b48499437a90cd356554d881955,", + "utility.typo.heading.h3": "S:36dfbd75ae851abbc688d79b70a59e0947c46cbe,", + "utility.typo.heading.h4": "S:033842229340d112dddc238d9421cc25b6a86ed3,", + "utility.typo.heading.h5": "S:e1c57808419f8cd7edc03d5cb4c6b57d93a4e36a,", + "utility.typo.heading.h6": "S:4451f0c4b2bbc9e9898e3637a3d100b3f17389d9,", + "utility.typo.content.lead": "S:36a9449b8b79c0e92df32d2ea9e058eeaaae6eff,", + "utility.typo.content.paragraph-l": "S:6eb3409be2642088d544ecc509ba1338e71f8f2a,", + "utility.typo.content.paragraph-m": "S:04f2c929c456cecba7b75de20e3a82b60dc0ac5f,", + "utility.typo.content.paragraph-s": "S:20c772a4cece3f2327f5ae1343eb7d4f39229579,", + "utility.typo.legend.small": "S:68eb1a6c22eff58487de197dcafe80186a8f181d,", + "utility.typo.legend.large": "S:3acda38013ae0f8f7b0cebf733f984118c3f8406,", + "utility.typo.label.default": "S:4a0a01649da41f52b07feb06ba27151f8e4eef41,", + "utility.typo.label.default-bold": "S:00e2a110184d89ffd4e5f6a2ca6e75b5923792e4,", + "utility.typo.label.medium": "S:5b88d987150b0ab7eeb0a467e96f09b3e2694fe6,", + "utility.typo.label.medium-bold": "S:2b5a282976baa6c747bf562295133687bf061097,", + "utility.typo.label.small": "S:08071d380dc7f37e83ee785328afd76be5f950bb,", + "utility.typo.label.smaller": "S:e796b4e08581273fb63209571f98a2e757749a30,", + "utility.typo.label.extrasmall": "S:f9f712258922b096c31ac26fd7878314f12ddbaf,", + "utility.typo.link.default-underline": "S:8e810c351fe7d59904ae770a6b4ada445d27d638,", + "utility.typo.link.default": "S:6b8910f6848b7cf689370b61c92bcebb4e0442f2,", + "utility.typo.link.selected": "S:c38314eab9d0f81af2bbb25d2171df9f11a8e6a8,", + "utility.typo.link.small-underline": "S:45b69963e5992e986eb2273e8e01ff3148adfd60,", + "utility.typo.link.small": "S:1ba06fe73589aaacb95ee478bd084b94494e15cd,", + "utility.typo.link.small-selected": "S:7f068c77dd2de50daa4bdde9ce016b7bdd724491,", + "utility.typo.default": "S:d0a39e1ad9f3161858121d95248a517c53772f96," + }, "selectedTokenSets": { "core": "source", "Mode/Light": "source", @@ -9076,7 +9212,9 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Components/Lead": "disabled", + "Elements/ListNumber": "disabled" } } ], @@ -9096,6 +9234,7 @@ "Elements/Paragraph", "Elements/Link", "Elements/ListBullet", + "Elements/ListNumber", "Elements/Legend", "Components/Badge", "Components/Breadcrumb", @@ -9118,6 +9257,7 @@ "Components/Toast", "Components/Snackbar", "Components/Inline notification", + "Components/Lead", "Components/Icon button", "FigmaOnly", "Utilities/Spacing", From ec4549b085d5d89bcf394be3719bea2905f35313 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Fri, 20 Sep 2024 11:23:18 +0200 Subject: [PATCH 03/18] Feat(tokens):added Tokens for listBullet, might need further discussion --- .../tokens/tokensstudio-generated/tokens.json | 64 +++++++++---------- 1 file changed, 31 insertions(+), 33 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 53b8532931..80a07561ef 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3709,6 +3709,24 @@ "size": { "$type": "sizing", "$value": "{post.device.sizing.notification.icon.3}" + }, + "padding": { + "start": { + "$type": "spacing", + "$value": "tbd" + }, + "end": { + "$type": "spacing", + "$value": "tbd" + } + } + }, + "text": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + } } } } @@ -7431,9 +7449,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -7595,9 +7611,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7755,9 +7769,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -7914,9 +7926,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8057,9 +8067,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8207,9 +8215,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8354,9 +8360,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8377,9 +8381,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8459,7 +8461,8 @@ "post.list.number.item.gap.block": "7a608865a46a967977c44caa05ac15dd6d8abc74", "post.list.number.item.icon.gap.inline": "dc904ddb93c06290622e4149e5f56e744db0b699", "post.list.number.item.icon.font-weight": "977a4fd6e98420de0f912f44bde60a504c91039a", - "post.list.number.item.icon.size": "16fe87b7c9a34800e73202918c7a19ef3c3bf64b" + "post.list.number.item.icon.size": "16fe87b7c9a34800e73202918c7a19ef3c3bf64b", + "post.list.number.item.text.padding.block": "e8f4ca5bfa27171f1305cbcf48109951c6291783" } }, { @@ -8477,9 +8480,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "source", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Theme/Post": "source" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -8614,8 +8615,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Components/Icon button": "enabled", - "Components/Lead": "enabled", - "Elements/ListNumber": "disabled" + "Components/Lead": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9212,9 +9212,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Components/Lead": "disabled", - "Elements/ListNumber": "disabled" + "Utilities/Typo": "source" } } ], From d021374a8b5e2e6c0f79fa7f3fa30c1d6392cb81 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 23 Sep 2024 12:06:48 +0200 Subject: [PATCH 04/18] Feat(tokens):Added some bordertokens for social media button --- .../tokens/tokensstudio-generated/tokens.json | 67 ++++++++++++++++--- 1 file changed, 56 insertions(+), 11 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 80a07561ef..ca8f5f84b9 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2195,6 +2195,14 @@ "7": { "$type": "spacing", "$value": "{post.core.dimension.14}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } }, "block": { @@ -2769,6 +2777,10 @@ "7": { "$type": "spacing", "$value": "{post.core.dimension.10}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" } } }, @@ -3179,6 +3191,14 @@ "7": { "$type": "spacing", "$value": "{post.core.dimension.8}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "9": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } }, "block": { @@ -3713,11 +3733,11 @@ "padding": { "start": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.inline.8}" }, "end": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.inline.9}" } } }, @@ -5432,6 +5452,10 @@ "icon": { "$type": "sizing", "$value": "{post.device.sizing.interactive.button.icon.2}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" } }, "content": { @@ -5466,6 +5490,10 @@ "icon": { "$type": "sizing", "$value": "{post.device.sizing.interactive.button.icon.1}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" } }, "focus": { @@ -5476,6 +5504,12 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } }, "border-radius": { @@ -7509,6 +7543,7 @@ "post.core.dimension.10": "0b8ab9e8f85d59a203c115bacd0e1467302b37d8", "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", "post.core.dimension.12": "18a70da736ae375c78e6364b2eb8cc56dc9003c4", + "post.core.dimension.13": "57eca14cad26acf0f518fdd8faa940e9658b7ae6", "post.core.dimension.14": "5603311eb30f16a10d759a9a670a69e6b3488e7a", "post.core.dimension.15": "c9b690012237e58b74ee627b94e0459b847abaeb", "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", @@ -7601,8 +7636,7 @@ "post.utility.spacing.dup.4-5": "8372bdf49b50971b3f86fd487b0979e0789e91f2", "post.utility.spacing.dup.7-5": "23a11db07aa175a0c3b25b0f1b736ceb6f66369d", "post.utility.spacing.dup.1-5": "3f6063d3df9de0e70a07cef75914575893e70c44", - "post.utility.spacing.dup.8-5": "9f0f84964a19f4af27f52e3c7ec5f02a30d41491", - "post.core.dimension.13": "57eca14cad26acf0f518fdd8faa940e9658b7ae6" + "post.utility.spacing.dup.8-5": "9f0f84964a19f4af27f52e3c7ec5f02a30d41491" } }, { @@ -8020,6 +8054,7 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8032,6 +8067,7 @@ "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8054,10 +8090,10 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8160,6 +8196,8 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8195,10 +8233,10 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8339,6 +8377,7 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", @@ -8346,7 +8385,8 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724" } }, { @@ -8462,6 +8502,8 @@ "post.list.number.item.icon.gap.inline": "dc904ddb93c06290622e4149e5f56e744db0b699", "post.list.number.item.icon.font-weight": "977a4fd6e98420de0f912f44bde60a504c91039a", "post.list.number.item.icon.size": "16fe87b7c9a34800e73202918c7a19ef3c3bf64b", + "post.list.number.item.icon.padding.start": "90081f89eeb3ff639cefef2b72356b5bfc3432ab", + "post.list.number.item.icon.padding.end": "ea89e2b8b01d8b76c5a387dcb5adb8b963ded569", "post.list.number.item.text.padding.block": "e8f4ca5bfa27171f1305cbcf48109951c6291783" } }, @@ -8802,6 +8844,7 @@ "post.popover.link.hover-fg": "9e0bdb99581ebca38755c4b48ddb2da7ba680f9e", "post.popover.link.font-weight": "64484112952c2ee1fd52b4962a0fdb4d8a1a55c7", "post.popover.link.font-size": "aec530731cd682043df846504a468038385a67a3", + "post.popover.link.focus.border-radius": "f88b4d76680b954249f4474c892c53dfc4de896f", "post.popover.icon.focus-stroke": "e75d00d2633e2306ed997ffb4d9c5f2af216a6bf", "post.popover.icon.enabled-fg": "81e93275e93e9c63e5bbb66839c992173edf837c", "post.popover.icon.selected-fg": "9ea5ba4d7668cf88874ed37430859e758080a3d7", @@ -8815,10 +8858,9 @@ "post.popover.surface.gap.inline": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008", "post.popover.text.selected-fg": "963b9d422b963ed3acdf1500f4aebfd93e4e98fc", "post.popover.focus.border-width": "e36a17d8bc0589e40b0032ea711da6a4bf31962d", + "post.popover.focus.padding": "b8c123f52e9243087e435b9727dd17eb115bdac4", "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab", "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2", - "post.popover.focus.padding": "b8c123f52e9243087e435b9727dd17eb115bdac4", - "post.popover.link.focus.border-radius": "f88b4d76680b954249f4474c892c53dfc4de896f", "post.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d", "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6", @@ -8896,6 +8938,9 @@ "post.social-media-button.focus.stroke": "6ff27984f2b2cfe8a3ab8bd8723d0e735104d59d", "post.social-media-button.focus.border-width": "5a189cc382e1e2fbb6faad451fadef1269252caf", "post.social-media-button.border-radius": "b26808858a7de99bec1ec31ebfbd65dc49e734f4", + "post.social-media-button.footer.border-width": "aaeecf27450ac6f1e9adf122a38a022d5d96f2cf", + "post.social-media-button.content.border-width": "d4f7bbf8f9ec82e477129f37f467544a74c67fa3", + "post.social-media-button.focus.outline.offset": "33140a9698f27556ecdd801a76ef207e838a7715", "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c", "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9", "post.stepper.focus.stroke": "fff618d97ec67ceab1cde99155bc935c37cebc6f", From fc203afd3ddec1f9f44fc998848227f2ed2133b9 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 23 Sep 2024 14:08:31 +0200 Subject: [PATCH 05/18] feat(tokens):added utlity gap tokens refactor(tokens):shortened utility spacing tokens --- .../tokens/tokensstudio-generated/tokens.json | 834 ++++++++++-------- 1 file changed, 485 insertions(+), 349 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index ca8f5f84b9..18973731b8 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -7126,286 +7126,422 @@ "Utilities/Spacing": { "post": { "utility": { - "spacing": { - "margin": { - "0": { - "$type": "spacing", - "$value": "{post.core.dimension.0}" - }, - "1": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.2}" - }, - "3": { - "$type": "spacing", - "$value": "{post.core.dimension.3}" - }, - "4": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" - }, - "5": { - "$type": "spacing", - "$value": "{post.core.dimension.5}" - }, - "6": { - "$type": "spacing", - "$value": "{post.core.dimension.6}" - }, - "8": { - "$type": "spacing", - "$value": "{post.core.dimension.8}" - }, - "10": { - "$type": "spacing", - "$value": "{post.core.dimension.10}" - }, - "11": { - "$type": "spacing", - "$value": "{post.core.dimension.11}" - }, - "12": { - "$type": "spacing", - "$value": "{post.core.dimension.12}" - }, - "14": { - "$type": "spacing", - "$value": "{post.core.dimension.14}" - }, - "15": { - "$type": "spacing", - "$value": "{post.core.dimension.15}" - }, - "16": { - "$type": "spacing", - "$value": "{post.core.dimension.16}" - }, - "18": { - "$type": "spacing", - "$value": "{post.core.dimension.18}" - }, - "19": { - "$type": "spacing", - "$value": "{post.core.dimension.19}" - }, - "20": { - "$type": "spacing", - "$value": "{post.core.dimension.20}" - }, - "22": { - "$type": "spacing", - "$value": "{post.core.dimension.22}" - }, - "24": { - "$type": "spacing", - "$value": "{post.core.dimension.24}" - }, - "26": { - "$type": "spacing", - "$value": "{post.core.dimension.26}" - }, - "28": { - "$type": "spacing", - "$value": "{post.core.dimension.28}" - }, - "30": { - "$type": "spacing", - "$value": "{post.core.dimension.30}" - }, - "32": { - "$type": "spacing", - "$value": "{post.core.dimension.32}" - }, - "34": { - "$type": "spacing", - "$value": "{post.core.dimension.34}" - }, - "36": { - "$type": "spacing", - "$value": "{post.core.dimension.36}" - }, - "40": { - "$type": "spacing", - "$value": "{post.core.dimension.40}" - }, - "48": { - "$type": "spacing", - "$value": "{post.core.dimension.48}" - }, - "56": { - "$type": "spacing", - "$value": "{post.core.dimension.56}" - }, - "64": { - "$type": "spacing", - "$value": "{post.core.dimension.64}" - }, - "78": { - "$type": "spacing", - "$value": "{post.core.dimension.78}" - }, - "80": { - "$type": "spacing", - "$value": "{post.core.dimension.80}" - }, - "96": { - "$type": "spacing", - "$value": "{post.core.dimension.96}" - }, - "100": { - "$type": "spacing", - "$value": "{post.core.dimension.100}" - }, - "112": { - "$type": "spacing", - "$value": "{post.core.dimension.112}" - }, - "auto": { - "$type": "spacing", - "$value": "\"auto\"" - } + "margin": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" + }, + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" + }, + "auto": { + "$type": "spacing", + "$value": "\"auto\"" + } + }, + "padding": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" }, - "padding": { - "0": { - "$type": "spacing", - "$value": "{post.core.dimension.0}" - }, - "1": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" - }, - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.2}" - }, - "3": { - "$type": "spacing", - "$value": "{post.core.dimension.3}" - }, - "4": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" - }, - "5": { - "$type": "spacing", - "$value": "{post.core.dimension.5}" - }, - "6": { - "$type": "spacing", - "$value": "{post.core.dimension.6}" - }, - "8": { - "$type": "spacing", - "$value": "{post.core.dimension.8}" - }, - "10": { - "$type": "spacing", - "$value": "{post.core.dimension.10}" - }, - "11": { - "$type": "spacing", - "$value": "{post.core.dimension.11}" - }, - "12": { - "$type": "spacing", - "$value": "{post.core.dimension.12}" - }, - "14": { - "$type": "spacing", - "$value": "{post.core.dimension.14}" - }, - "15": { - "$type": "spacing", - "$value": "{post.core.dimension.15}" - }, - "16": { - "$type": "spacing", - "$value": "{post.core.dimension.16}" - }, - "18": { - "$type": "spacing", - "$value": "{post.core.dimension.18}" - }, - "19": { - "$type": "spacing", - "$value": "{post.core.dimension.19}" - }, - "20": { - "$type": "spacing", - "$value": "{post.core.dimension.20}" - }, - "22": { - "$type": "spacing", - "$value": "{post.core.dimension.22}" - }, - "24": { - "$type": "spacing", - "$value": "{post.core.dimension.24}" - }, - "26": { - "$type": "spacing", - "$value": "{post.core.dimension.26}" - }, - "28": { - "$type": "spacing", - "$value": "{post.core.dimension.28}" - }, - "30": { - "$type": "spacing", - "$value": "{post.core.dimension.30}" - }, - "32": { - "$type": "spacing", - "$value": "{post.core.dimension.32}" - }, - "34": { - "$type": "spacing", - "$value": "{post.core.dimension.34}" - }, - "36": { - "$type": "spacing", - "$value": "{post.core.dimension.36}" - }, - "40": { - "$type": "spacing", - "$value": "{post.core.dimension.40}" - }, - "48": { - "$type": "spacing", - "$value": "{post.core.dimension.48}" - }, - "56": { - "$type": "spacing", - "$value": "{post.core.dimension.56}" - }, - "64": { - "$type": "spacing", - "$value": "{post.core.dimension.64}" - }, - "78": { - "$type": "spacing", - "$value": "{post.core.dimension.78}" - }, - "80": { - "$type": "spacing", - "$value": "{post.core.dimension.80}" - }, - "96": { - "$type": "spacing", - "$value": "{post.core.dimension.96}" - }, - "100": { - "$type": "spacing", - "$value": "{post.core.dimension.100}" - }, - "112": { - "$type": "spacing", - "$value": "{post.core.dimension.112}" - } + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" + } + }, + "gap": { + "0": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, + "1": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "2": { + "$type": "spacing", + "$value": "{post.core.dimension.2}" + }, + "3": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" + }, + "4": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" + }, + "5": { + "$type": "spacing", + "$value": "{post.core.dimension.5}" + }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + }, + "8": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" + }, + "10": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "11": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "14": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, + "15": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "16": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.18}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.19}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.20}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.22}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, + "26": { + "$type": "spacing", + "$value": "{post.core.dimension.26}" + }, + "28": { + "$type": "spacing", + "$value": "{post.core.dimension.28}" + }, + "30": { + "$type": "spacing", + "$value": "{post.core.dimension.30}" + }, + "32": { + "$type": "spacing", + "$value": "{post.core.dimension.32}" + }, + "34": { + "$type": "spacing", + "$value": "{post.core.dimension.34}" + }, + "36": { + "$type": "spacing", + "$value": "{post.core.dimension.36}" + }, + "40": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + }, + "48": { + "$type": "spacing", + "$value": "{post.core.dimension.48}" + }, + "56": { + "$type": "spacing", + "$value": "{post.core.dimension.56}" + }, + "64": { + "$type": "spacing", + "$value": "{post.core.dimension.64}" + }, + "78": { + "$type": "spacing", + "$value": "{post.core.dimension.78}" + }, + "80": { + "$type": "spacing", + "$value": "{post.core.dimension.80}" + }, + "96": { + "$type": "spacing", + "$value": "{post.core.dimension.96}" + }, + "100": { + "$type": "spacing", + "$value": "{post.core.dimension.100}" + }, + "112": { + "$type": "spacing", + "$value": "{post.core.dimension.112}" } } } @@ -8527,82 +8663,82 @@ "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", "$figmaVariableReferences": { - "post.utility.spacing.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09", - "post.utility.spacing.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678", - "post.utility.spacing.margin.2": "792cd18025c16779f22642524cf2693d2862e869", - "post.utility.spacing.margin.3": "27ce33728cc54ac5a99be072e27a3a475a14c686", - "post.utility.spacing.margin.4": "2aab29a903bc89ea2a05c5a87e713f2fb1d4661c", - "post.utility.spacing.margin.5": "82af2359fae4b8c94c0b76d1da4b8caf81949aff", - "post.utility.spacing.margin.6": "e9bb2abc1a1baef7ffc2f8b39ee7a5f5546cea76", - "post.utility.spacing.margin.8": "90ff6adc1edda38c2d15c314ab3852e80cbfec33", - "post.utility.spacing.margin.10": "c891b7a77cd6d59f3f03cbab7ed15ce66293b736", - "post.utility.spacing.margin.11": "fe39dcf19a64718ef33824e807cb382ea5a4dcda", - "post.utility.spacing.margin.12": "58a6661d3d463224b90fd0c2a9a7f3acab2943bf", - "post.utility.spacing.margin.14": "4d6a23adae274bb2dab7b588899114fd4a44a64e", - "post.utility.spacing.margin.15": "609322b57dca6ee8c9c67d1f5bf4ce012a20ff8c", - "post.utility.spacing.margin.16": "b4097837cfd32639b97e94abf9281e1416a2183b", - "post.utility.spacing.margin.18": "bf74cf2199d1310ce16d5fa74dc819aea937729b", - "post.utility.spacing.margin.19": "ef7da0322d4e4427ec5ad6540b6f45b7fbd001bd", - "post.utility.spacing.margin.20": "733f9d8b7c98e2ba38bbfe4f71eff2166d265861", - "post.utility.spacing.margin.22": "e3f672480236a3ad0a16c10ced09cf21cfdce93f", - "post.utility.spacing.margin.24": "5ce997ccaacbbf05f4bd2aa4c87b10223c5178d4", - "post.utility.spacing.margin.26": "282562f391624cd4118db369d58b5eeda298a0c4", - "post.utility.spacing.margin.28": "744128b0e883692813d6a97e56ca4018999a3362", - "post.utility.spacing.margin.30": "0d4c9ee2dec67b27c109a2ebfcc371b0f3168350", - "post.utility.spacing.margin.32": "8fe22b1e34c37027c5d463c67497bad181be501b", - "post.utility.spacing.margin.34": "93128cb33d7f22e162fbee9eecf7df44292080af", - "post.utility.spacing.margin.36": "32147c44bb4af2f149bd41fc7b3a54c2fc6b8fa6", - "post.utility.spacing.margin.40": "7267f95965a012d30525c0d3631d4ae35fc7d53f", - "post.utility.spacing.margin.48": "61a9daf8e4cdcab8b4673c8c04f4afc8447d6333", - "post.utility.spacing.margin.56": "d0304781240330c45ba7430a90c2a7793143d803", - "post.utility.spacing.margin.64": "aa839477a59b5fae122796732fb1204166283fc9", - "post.utility.spacing.margin.78": "aa8942443a30ba878d75a3677e2ca3939a14daa4", - "post.utility.spacing.margin.80": "0c70d505eccbfae9707e0e5ae615552341ccdf64", - "post.utility.spacing.margin.96": "ff8e3f6d36789c9fe0269e784937863d9d89c453", - "post.utility.spacing.margin.100": "f792a346dca2bdf369b3d258717d7a15c40c4a54", - "post.utility.spacing.margin.112": "c0e0dea454dc89bb5f3dd4500d47fe0664eebb28", - "post.utility.spacing.margin.auto": "e62bc497929339c1a9dfd82c6d4e247eef9bdfa9", - "post.utility.spacing.padding.0": "99bb8fec49b7cf9985db6da52e4c7164284c9aa3", - "post.utility.spacing.padding.1": "ddb32b13437a08aa59f373371b666b874ff268a8", - "post.utility.spacing.padding.2": "3cccff01dc64fc2a9e7d6a0be1bdf537615f0fef", - "post.utility.spacing.padding.3": "f237ba426222468ed4938562bed02a8b6e85da47", - "post.utility.spacing.padding.4": "358f104d69400746c9d3c7987c719dd22928296a", - "post.utility.spacing.padding.5": "8fa9325acbef13f590f50697b059d8df0bd8e8dd", - "post.utility.spacing.padding.6": "33fbc1e48972e3389b0a719675feaf91c24ca363", - "post.utility.spacing.padding.8": "d090e48cf1172ee2320e15a678bad95aaf42a490", - "post.utility.spacing.padding.10": "b0cfa11fd3087f042726e16b2c36e19a0281e10b", - "post.utility.spacing.padding.11": "aca9ebd2d2bea34dbf283bd66bccfdaf6edffcb3", - "post.utility.spacing.padding.12": "86a022b8ada31b4fddb5bfac81b7cf61b640fa76", - "post.utility.spacing.padding.14": "bc598ab6fd384f42b3146339a23b92fa80fa2786", - "post.utility.spacing.padding.15": "8500a1c95486070177b8c5e2406928aa90af085f", - "post.utility.spacing.padding.16": "80031ac7edec87d10436df66940ec729ad1f67e9", - "post.utility.spacing.padding.18": "d4aa14c8ecd220b7debcd94ddd331c67a6b5f191", - "post.utility.spacing.padding.19": "1f18d20cb711d2157375f85a65afe5f2a2a76f65", - "post.utility.spacing.padding.20": "a5432ff1b645f048a46d4e3ff20fed03b6d2e733", - "post.utility.spacing.padding.22": "54a443d60134a3b50b596ee4073c1b5bc62f6494", - "post.utility.spacing.padding.24": "a2b5c5f7294e3c08f9b7fdb689eb7bf9b64c1f0b", - "post.utility.spacing.padding.26": "02594f3cb97607860e6297c4d3f3146277ff5f59", - "post.utility.spacing.padding.28": "ea71f0a6d0595df12a23e4bfd6835cf571d15c1a", - "post.utility.spacing.padding.30": "768b990b8c7d18ba088ef56f6bfed4656b262b04", - "post.utility.spacing.padding.32": "03af2409261f64081f8aabcca73e472023000354", - "post.utility.spacing.padding.34": "7e7c47901fe0f44866541f90db942d97845680cc", - "post.utility.spacing.padding.36": "7a0c0693689769b96a6a6d0f835489071aa794d3", - "post.utility.spacing.padding.40": "32a590dc1f608b6cb067cf8f4c369e0dda1ef6dc", - "post.utility.spacing.padding.48": "1abff7489bdbe35c52d494e90b51c5997d1ad003", - "post.utility.spacing.padding.56": "18c72e41e17ee3bc5da54d5df66d6be1be653210", - "post.utility.spacing.padding.64": "cbbf8e81b37159f2b788c01a4eba6ebd6de72f71", - "post.utility.spacing.padding.78": "97b313258f8cc6795013d3d36c7e0fbe6f1d3e79", - "post.utility.spacing.padding.80": "1605213520b2a110091a49300bf88355a715ed74", - "post.utility.spacing.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e", - "post.utility.spacing.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd", - "post.utility.spacing.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012", "post.utility.typo.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", "post.utility.typo.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", "post.utility.typo.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", "post.utility.typo.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", "post.utility.typo.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", "post.utility.typo.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", - "post.utility.typo.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0" + "post.utility.typo.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0", + "post.utility.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09", + "post.utility.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678", + "post.utility.margin.2": "792cd18025c16779f22642524cf2693d2862e869", + "post.utility.margin.3": "27ce33728cc54ac5a99be072e27a3a475a14c686", + "post.utility.margin.4": "2aab29a903bc89ea2a05c5a87e713f2fb1d4661c", + "post.utility.margin.5": "82af2359fae4b8c94c0b76d1da4b8caf81949aff", + "post.utility.margin.6": "e9bb2abc1a1baef7ffc2f8b39ee7a5f5546cea76", + "post.utility.margin.8": "90ff6adc1edda38c2d15c314ab3852e80cbfec33", + "post.utility.margin.10": "c891b7a77cd6d59f3f03cbab7ed15ce66293b736", + "post.utility.margin.11": "fe39dcf19a64718ef33824e807cb382ea5a4dcda", + "post.utility.margin.12": "58a6661d3d463224b90fd0c2a9a7f3acab2943bf", + "post.utility.margin.14": "4d6a23adae274bb2dab7b588899114fd4a44a64e", + "post.utility.margin.15": "609322b57dca6ee8c9c67d1f5bf4ce012a20ff8c", + "post.utility.margin.16": "b4097837cfd32639b97e94abf9281e1416a2183b", + "post.utility.margin.18": "bf74cf2199d1310ce16d5fa74dc819aea937729b", + "post.utility.margin.19": "ef7da0322d4e4427ec5ad6540b6f45b7fbd001bd", + "post.utility.margin.20": "733f9d8b7c98e2ba38bbfe4f71eff2166d265861", + "post.utility.margin.22": "e3f672480236a3ad0a16c10ced09cf21cfdce93f", + "post.utility.margin.24": "5ce997ccaacbbf05f4bd2aa4c87b10223c5178d4", + "post.utility.margin.26": "282562f391624cd4118db369d58b5eeda298a0c4", + "post.utility.margin.28": "744128b0e883692813d6a97e56ca4018999a3362", + "post.utility.margin.30": "0d4c9ee2dec67b27c109a2ebfcc371b0f3168350", + "post.utility.margin.32": "8fe22b1e34c37027c5d463c67497bad181be501b", + "post.utility.margin.34": "93128cb33d7f22e162fbee9eecf7df44292080af", + "post.utility.margin.36": "32147c44bb4af2f149bd41fc7b3a54c2fc6b8fa6", + "post.utility.margin.40": "7267f95965a012d30525c0d3631d4ae35fc7d53f", + "post.utility.margin.48": "61a9daf8e4cdcab8b4673c8c04f4afc8447d6333", + "post.utility.margin.56": "d0304781240330c45ba7430a90c2a7793143d803", + "post.utility.margin.64": "aa839477a59b5fae122796732fb1204166283fc9", + "post.utility.margin.78": "aa8942443a30ba878d75a3677e2ca3939a14daa4", + "post.utility.margin.80": "0c70d505eccbfae9707e0e5ae615552341ccdf64", + "post.utility.margin.96": "ff8e3f6d36789c9fe0269e784937863d9d89c453", + "post.utility.margin.100": "f792a346dca2bdf369b3d258717d7a15c40c4a54", + "post.utility.margin.112": "c0e0dea454dc89bb5f3dd4500d47fe0664eebb28", + "post.utility.margin.auto": "e62bc497929339c1a9dfd82c6d4e247eef9bdfa9", + "post.utility.padding.0": "99bb8fec49b7cf9985db6da52e4c7164284c9aa3", + "post.utility.padding.1": "ddb32b13437a08aa59f373371b666b874ff268a8", + "post.utility.padding.2": "3cccff01dc64fc2a9e7d6a0be1bdf537615f0fef", + "post.utility.padding.3": "f237ba426222468ed4938562bed02a8b6e85da47", + "post.utility.padding.4": "358f104d69400746c9d3c7987c719dd22928296a", + "post.utility.padding.5": "8fa9325acbef13f590f50697b059d8df0bd8e8dd", + "post.utility.padding.6": "33fbc1e48972e3389b0a719675feaf91c24ca363", + "post.utility.padding.8": "d090e48cf1172ee2320e15a678bad95aaf42a490", + "post.utility.padding.10": "b0cfa11fd3087f042726e16b2c36e19a0281e10b", + "post.utility.padding.11": "aca9ebd2d2bea34dbf283bd66bccfdaf6edffcb3", + "post.utility.padding.12": "86a022b8ada31b4fddb5bfac81b7cf61b640fa76", + "post.utility.padding.14": "bc598ab6fd384f42b3146339a23b92fa80fa2786", + "post.utility.padding.15": "8500a1c95486070177b8c5e2406928aa90af085f", + "post.utility.padding.16": "80031ac7edec87d10436df66940ec729ad1f67e9", + "post.utility.padding.18": "d4aa14c8ecd220b7debcd94ddd331c67a6b5f191", + "post.utility.padding.19": "1f18d20cb711d2157375f85a65afe5f2a2a76f65", + "post.utility.padding.20": "a5432ff1b645f048a46d4e3ff20fed03b6d2e733", + "post.utility.padding.22": "54a443d60134a3b50b596ee4073c1b5bc62f6494", + "post.utility.padding.24": "a2b5c5f7294e3c08f9b7fdb689eb7bf9b64c1f0b", + "post.utility.padding.26": "02594f3cb97607860e6297c4d3f3146277ff5f59", + "post.utility.padding.28": "ea71f0a6d0595df12a23e4bfd6835cf571d15c1a", + "post.utility.padding.30": "768b990b8c7d18ba088ef56f6bfed4656b262b04", + "post.utility.padding.32": "03af2409261f64081f8aabcca73e472023000354", + "post.utility.padding.34": "7e7c47901fe0f44866541f90db942d97845680cc", + "post.utility.padding.36": "7a0c0693689769b96a6a6d0f835489071aa794d3", + "post.utility.padding.40": "32a590dc1f608b6cb067cf8f4c369e0dda1ef6dc", + "post.utility.padding.48": "1abff7489bdbe35c52d494e90b51c5997d1ad003", + "post.utility.padding.56": "18c72e41e17ee3bc5da54d5df66d6be1be653210", + "post.utility.padding.64": "cbbf8e81b37159f2b788c01a4eba6ebd6de72f71", + "post.utility.padding.78": "97b313258f8cc6795013d3d36c7e0fbe6f1d3e79", + "post.utility.padding.80": "1605213520b2a110091a49300bf88355a715ed74", + "post.utility.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e", + "post.utility.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd", + "post.utility.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012" } }, { From 8b4258cbefec48a5b366855f57cb5dbf54d305e8 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 23 Sep 2024 14:11:15 +0200 Subject: [PATCH 06/18] refactor(tokens): shortened utility typo tokens --- .../tokens/tokensstudio-generated/tokens.json | 124 +++++++++--------- 1 file changed, 61 insertions(+), 63 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 18973731b8..52061a5072 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -7072,7 +7072,7 @@ "$type": "typography", "$value": { "fontFamily": "{post.body.font-family}", - "fontWeight": "{post.utility.typo.font-weight.bold}", + "fontWeight": "{post.utility.font-weight.bold}", "fontSize": "{post.body.font-size}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}" @@ -7081,8 +7081,8 @@ "small-underline": { "$type": "typography", "$value": { - "fontWeight": "{post.utility.typo.font-weight.bold}", - "fontSize": "{post.utility.typo.font-size.sm}", + "fontWeight": "{post.utility.font-weight.bold}", + "fontSize": "{post.utility.font-size.sm}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}", "textDecoration": "{post.link.decoration}", @@ -7094,7 +7094,7 @@ "$value": { "fontFamily": "{post.body.font-family}", "fontWeight": "{post.body.font-weight}", - "fontSize": "{post.utility.typo.font-size.sm}", + "fontSize": "{post.utility.font-size.sm}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}" } @@ -7102,8 +7102,8 @@ "small-selected": { "$type": "typography", "$value": { - "fontWeight": "{post.utility.typo.font-weight.bold}", - "fontSize": "{post.utility.typo.font-size.sm}", + "fontWeight": "{post.utility.font-weight.bold}", + "fontSize": "{post.utility.font-size.sm}", "lineHeight": "{post.body.line-height}", "letterSpacing": "{post.body.letter-spacing}", "fontFamily": "{post.body.font-family}" @@ -7550,58 +7550,56 @@ "Utilities/Typo": { "post": { "utility": { - "typo": { - "font-size": { - "sm": { - "$type": "fontSizes", - "$value": "{post.device.font-size.7}" - }, - "md": { - "$type": "fontSizes", - "$value": "{post.device.font-size.6}" - }, - "lg": { - "$type": "fontSizes", - "$value": "{post.device.font-size.5}" - } + "font-size": { + "sm": { + "$type": "fontSizes", + "$value": "{post.device.font-size.7}" }, - "font-weight": { - "regular": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.400}" - }, - "bold": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.700}" - }, - "black": { - "$type": "fontWeights", - "$value": "{post.core.font-weight.900}" - } + "md": { + "$type": "fontSizes", + "$value": "{post.device.font-size.6}" }, - "line-height": { - "1": { - "$type": "lineHeights", - "$value": "{post.core.line-height.100}" - }, - "sm": { - "$type": "lineHeights", - "$value": "{post.core.line-height.120}" - }, - "lg": { - "$type": "lineHeights", - "$value": "{post.core.line-height.150}" - } + "lg": { + "$type": "fontSizes", + "$value": "{post.device.font-size.5}" + } + }, + "font-weight": { + "regular": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.400}" }, - "letter-spacing": { - "none": { - "$type": "letterSpacing", - "$value": "{post.core.letter-spacing.none}" - }, - "default": { - "$type": "letterSpacing", - "$value": "{post.core.letter-spacing.default}" - } + "bold": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.700}" + }, + "black": { + "$type": "fontWeights", + "$value": "{post.core.font-weight.900}" + } + }, + "line-height": { + "1": { + "$type": "lineHeights", + "$value": "{post.core.line-height.100}" + }, + "sm": { + "$type": "lineHeights", + "$value": "{post.core.line-height.120}" + }, + "lg": { + "$type": "lineHeights", + "$value": "{post.core.line-height.150}" + } + }, + "letter-spacing": { + "none": { + "$type": "letterSpacing", + "$value": "{post.core.letter-spacing.none}" + }, + "default": { + "$type": "letterSpacing", + "$value": "{post.core.letter-spacing.default}" } } } @@ -8663,13 +8661,6 @@ "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", "$figmaVariableReferences": { - "post.utility.typo.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", - "post.utility.typo.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", - "post.utility.typo.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", - "post.utility.typo.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", - "post.utility.typo.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", - "post.utility.typo.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", - "post.utility.typo.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0", "post.utility.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09", "post.utility.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678", "post.utility.margin.2": "792cd18025c16779f22642524cf2693d2862e869", @@ -8738,7 +8729,14 @@ "post.utility.padding.80": "1605213520b2a110091a49300bf88355a715ed74", "post.utility.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e", "post.utility.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd", - "post.utility.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012" + "post.utility.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012", + "post.utility.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", + "post.utility.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", + "post.utility.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", + "post.utility.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", + "post.utility.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", + "post.utility.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", + "post.utility.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0" } }, { From 51439762b70f4233dac7f27b76c1a83cbbe2b426 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 23 Sep 2024 16:26:25 +0200 Subject: [PATCH 07/18] feat(tokens): added a border token for switch --- .../tokens/tokensstudio-generated/tokens.json | 71 +++++++++++++++---- 1 file changed, 58 insertions(+), 13 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 52061a5072..aac47ad70e 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -5755,6 +5755,12 @@ "$type": "borderRadius", "$value": "{post.device.border-radius.round}" } + }, + "border-style": { + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" + } } } } @@ -5905,6 +5911,10 @@ "$type": "sizing", "$value": "{post.core.dimension.24}" } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.1}" } } } @@ -8157,6 +8167,7 @@ "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", @@ -8188,7 +8199,6 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8196,12 +8206,12 @@ "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", - "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8289,6 +8299,8 @@ "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", @@ -8330,8 +8342,6 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", - "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8460,6 +8470,8 @@ "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", + "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", + "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724", "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", @@ -8518,9 +8530,7 @@ "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.spacing.padding.inline.8": "e12a41c3f362750227aa81584d4cab825b08d4e9", - "post.device.spacing.padding.inline.9": "cc8ef1e866b261b2cd183c99e60f5eb3ee64b724" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8730,12 +8740,46 @@ "post.utility.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e", "post.utility.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd", "post.utility.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012", - "post.utility.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", - "post.utility.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", - "post.utility.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", + "post.utility.gap.0": "b035f04869df26bda872715dfab8acab5d4bdbe7", + "post.utility.gap.1": "8d400834fbfe7592ffb74200a67ba4c165c44b94", + "post.utility.gap.2": "f3f7d4be8e6c522169c5474cf69e3255763362a2", + "post.utility.gap.3": "6667a670f66ed029b92505c60ef792cfc098e51e", + "post.utility.gap.4": "65df6a057c82d6cbbebec02d50983e74cc43f9aa", + "post.utility.gap.5": "a47df22e4a7cb99e73f9ffe020efca9153a00697", + "post.utility.gap.6": "ae8d4076b9039829ce59c0b8c823d4dcfc9e1ffe", + "post.utility.gap.8": "90e29025252e6b22b82601264abf66dbc67901ec", + "post.utility.gap.10": "27ff3c142bb89f0239083b9e74bb4252e0b71005", + "post.utility.gap.11": "c81e46b0e659b706c061a95f10d3f080b257ab4e", + "post.utility.gap.12": "cc0852a70a194a9033ed2e57844e5dbaf2360ab4", + "post.utility.gap.14": "49e457403f8b3d3c36f634251ea8fe0ce7a87067", + "post.utility.gap.15": "df28ef55e1e9077de3fea8ff62951724fd80d35d", + "post.utility.gap.16": "c67e4fee3b260b07c10a1aeb1a0742f282c60f8c", + "post.utility.gap.18": "143f1f9f45772f4c6fef9dc663ab722cf0463ed7", + "post.utility.gap.19": "3168281b5f51180f236f567f642c23a60752dfdb", + "post.utility.gap.20": "e6c22067e83a7356bd2619f574ac874708f0d31a", + "post.utility.gap.22": "b12f454c60cac02a85e48ab9cbe68f282279ba6d", + "post.utility.gap.24": "682bfbf749d0aac98b101441ce1c653c6efe3bce", + "post.utility.gap.26": "830115993da9150d7910064a79faa1de54a2e04e", + "post.utility.gap.28": "e55c15b5acd4cfbecd903ecdbe64acc27fd9e891", + "post.utility.gap.30": "347738a186a8d52e19cc98192d32050bdd153a71", + "post.utility.gap.32": "94b304c51f0dd554241dc8652115eae3acf9c6ee", + "post.utility.gap.34": "4b8df586e9f9b915918b9a27b623d4fbfba842bb", + "post.utility.gap.36": "c6af274526ccb0796ee7916b55b8b4972d52176c", + "post.utility.gap.40": "3f392bb4ff26eddce82b3ddc7e2d10ac9efee560", + "post.utility.gap.48": "e541671e61d78bd86de2ee1b35981495d31ab7f1", + "post.utility.gap.56": "0a1522c5cfbc35bafd1188956c2cf598fa66d10c", + "post.utility.gap.64": "ed40c5cca7e432e0d99194c3adbae5a10d916930", + "post.utility.gap.78": "0e6f03756e05a6ca40c91a1390482c1e897ac85b", + "post.utility.gap.80": "d516093cca9f45668e6f2a2bf3dabc2c7ff73be3", + "post.utility.gap.96": "dd43f02351d0bd44d8e5ced92fdf23910bd0cd2f", + "post.utility.gap.100": "e28e8b44e65e54a5138fa5db3ab7c1911d2addee", + "post.utility.gap.112": "56bcda2c0c1206e6d7c1b6978dfedeef862764d0", "post.utility.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", "post.utility.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", "post.utility.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", + "post.utility.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2", + "post.utility.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9", + "post.utility.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3", "post.utility.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0" } }, @@ -9061,6 +9105,7 @@ "post.social-media-button.footer.hover-stroke": "948411353d3e1d04026f7a23c77367ef7303923e", "post.social-media-button.footer.outer": "d32211165497f124da269359b6ec9b4e5eab2116", "post.social-media-button.footer.icon": "a2c88941c990e2288caa1e2d71320dfc3f89912a", + "post.social-media-button.footer.border-width": "aaeecf27450ac6f1e9adf122a38a022d5d96f2cf", "post.social-media-button.content.enabled-fg": "74d8297201af8d2f2f5020dae45c3a8fd302b1e7", "post.social-media-button.content.enabled-bg": "86cf14b7bd0cc9b9e4cd210ba73cfc76ea243294", "post.social-media-button.content.enabled-stroke": "0526de97fb85fdf8e39b24d27c58bc5762516597", @@ -9069,12 +9114,11 @@ "post.social-media-button.content.hover-stroke": "63870c9c43cb3a8e9208ee01f4755c6b5564002d", "post.social-media-button.content.outer": "6be54af1a4cbc7d122566deb0eb1a9b7249eb3e1", "post.social-media-button.content.icon": "3a470a93d7f76db28c47a929778d3a95d531d5cd", + "post.social-media-button.content.border-width": "d4f7bbf8f9ec82e477129f37f467544a74c67fa3", "post.social-media-button.focus.stroke": "6ff27984f2b2cfe8a3ab8bd8723d0e735104d59d", "post.social-media-button.focus.border-width": "5a189cc382e1e2fbb6faad451fadef1269252caf", - "post.social-media-button.border-radius": "b26808858a7de99bec1ec31ebfbd65dc49e734f4", - "post.social-media-button.footer.border-width": "aaeecf27450ac6f1e9adf122a38a022d5d96f2cf", - "post.social-media-button.content.border-width": "d4f7bbf8f9ec82e477129f37f467544a74c67fa3", "post.social-media-button.focus.outline.offset": "33140a9698f27556ecdd801a76ef207e838a7715", + "post.social-media-button.border-radius": "b26808858a7de99bec1ec31ebfbd65dc49e734f4", "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c", "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9", "post.stepper.focus.stroke": "fff618d97ec67ceab1cde99155bc935c37cebc6f", @@ -9150,6 +9194,7 @@ "post.text-highlighted.fg": "8416d4e5337654acf592f5345f7c151d3cd63a4d", "post.text-highlighted.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b", "post.text-highlighted.height.space-bottom": "976910163c8b39d9502d771bb4f11e2a2364dd76", + "post.text-highlighted.border-radius": "2bccd82a887bdae362ce9ec367f93f0b852aa07e", "post.input.color.enabled-bg": "ef37b9e75a548b9fe95566029fc133edf190f9ab", "post.input.color.enabled-fg": "c2447695deab7ef09b877d2cc72b036d3092c92b", "post.input.color.hover-bg": "36cd814b79e876dfe958dc3552ddf5bfa0ce52b8", From 85d36f6aebe4b39b778e5356674ff92a166f78d9 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 25 Sep 2024 09:44:25 +0200 Subject: [PATCH 08/18] feat(tokens):added new tokens to the switch component to represent design refactor(tokens): rewrote some tokens in the switch component for better understanding --- .../tokens/tokensstudio-generated/tokens.json | 110 +++++++++++++++--- 1 file changed, 95 insertions(+), 15 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index aac47ad70e..f814a04777 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1311,6 +1311,10 @@ "$type": "color", "$value": "{post.core.color.notification.green}" }, + "stroke4": { + "$type": "color", + "$value": "{post.core.color.notification.green}" + }, "stroke2": { "$type": "color", "$value": "{post.core.color.brand.white}" @@ -2501,6 +2505,10 @@ "dropdown": { "$type": "borderWidth", "$value": "{post.core.dimension.3}" + }, + "switch": { + "$type": "borderWidth", + "$value": "{post.core.dimension.1}" } } } @@ -5666,6 +5674,10 @@ "success": { "$type": "color", "$value": "{post.mode.color.signal.success-dark}" + }, + "disabled": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg1}" } }, "focus": { @@ -5676,36 +5688,80 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus}" + }, + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" } }, - "element": { - "enabled-fg": { + "handle": { + "enabled": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.fg3}" }, + "selected": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.fg3}" + }, + "selected-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.stroke3}" + }, + "hover": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg3}" + }, + "hover-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.stroke3}" + }, + "disabled": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + }, + "disabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" + }, + "enabled-stroke": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + } + }, + "element": { "enabled-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.bg2}" }, - "selected-fg": { + "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg3}" + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" }, "selected-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.selected.bg2}" }, - "hover-fg": { + "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + "$value": "{post.mode.color.interactive.primary.selected.stroke4}" }, "hover-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.hover.bg2}" }, - "disabled-fg": { + "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + "$value": "{post.mode.color.interactive.primary.hover.stroke}" }, "disabled-bg": { "$type": "color", @@ -5760,7 +5816,15 @@ "disabled": { "$type": "other", "$value": "{post.core.border-style.dash}" + }, + "default": { + "$type": "other", + "$value": "{post.core.border-style.solid}" } + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.switch}" } } } @@ -7919,6 +7983,7 @@ "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.mode.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8", "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", @@ -8063,6 +8128,7 @@ "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.mode.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8", "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", @@ -8237,7 +8303,8 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -8380,7 +8447,8 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -8530,7 +8598,8 @@ "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -9150,15 +9219,21 @@ "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621", "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a", "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08", - "post.switch.element.enabled-fg": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", + "post.switch.handle.enabled": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", "post.switch.element.enabled-bg": "37fb6c23301facfc96d382de26a14360537fdd97", - "post.switch.element.selected-fg": "2f079a496bed636dcee54a30516d00f400de1f52", + "post.switch.element.enabled-stroke": "00a540c9a955281331681f6fc44963f93bb85ce7", + "post.switch.handle.selected": "2f079a496bed636dcee54a30516d00f400de1f52", + "post.switch.handle.selected-stroke": "18d9b72bedfc5af7007948148e850f31754c6efb", "post.switch.element.selected-bg": "292407a115b9c5819acd71fbbb8a7994c4b17b5a", - "post.switch.element.hover-fg": "367b21171b85011ace3484d3caaf20ca4de50580", + "post.switch.element.selected-stroke": "d7bda56904422c2dc2873f41275e915ce36fbdd6", + "post.switch.handle.hover": "367b21171b85011ace3484d3caaf20ca4de50580", + "post.switch.handle.hover-stroke": "9a48352912e77688b3638c63de7b650745b69c0e", "post.switch.element.hover-bg": "beaf5e6053691c5f8676c64899f0d146c194f8ff", - "post.switch.element.disabled-fg": "87edfd0659df5be763802e5b407c9cd64220fb49", + "post.switch.element.hover-stroke": "3a916db6238187c672c6be218f714d9cb6bf87f3", + "post.switch.handle.disabled": "87edfd0659df5be763802e5b407c9cd64220fb49", "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696", "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11", + "post.switch.handle.disabled-stroke": "68580f77c8c59cfe3fd6ed8092787242604fa765", "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712", "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655", "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", @@ -9166,6 +9241,11 @@ "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", + "post.switch.handle.enabled-stroke": "5faf69a23034b7d86ae53ae4b6e45d758ad291a5", + "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", + "post.switch.icon.disabled": "34c32196503b8fd0e443b51da233db8104427d3f", + "post.switch.focus.outline.offset": "2c42767ea35fb51cdc8dc4a15d6cbb3f6f26ac63", + "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523", "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", From 3db2cb0f6d2cba3cb4e17c259c2588ff46412c7d Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 25 Sep 2024 10:59:30 +0200 Subject: [PATCH 09/18] feat(tokens): added some coretokens for cargo --- packages/tokens/tokensstudio-generated/tokens.json | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index f814a04777..3aeba6d967 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -186,6 +186,16 @@ "colorless": { "$type": "color", "$value": "rgba(255,255,255,0)" + }, + "cargo": { + "green": { + "$type": "color", + "$value": "#00411C" + }, + "blue": { + "$type": "color", + "$value": "#AADCFF" + } } }, "dimension": { @@ -482,6 +492,10 @@ "swiss-post": { "$type": "fontFamilies", "$value": "Swiss Post Sans v005" + }, + "caveat": { + "$type": "fontFamilies", + "$value": "Caveat" } }, "elevation": { From b5066ffb559c76c651a0565a526a5f9c67256f39 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 25 Sep 2024 14:43:46 +0200 Subject: [PATCH 10/18] (refactor(tokens): changed dashed border --- .../tokens/tokensstudio-generated/tokens.json | 117 ++++++++++-------- 1 file changed, 62 insertions(+), 55 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 3aeba6d967..adb70515f3 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -641,7 +641,7 @@ }, "dash": { "$type": "other", - "$value": "dash", + "$value": "dashed", "$description": "Only used for Border tokens as this was the only way one could use it as a token" } }, @@ -6156,53 +6156,57 @@ "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.fg1}" } - }, - "spacing": { - "padding": { - "icon": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.16}" - }, - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" - }, - "block": { - "outer": { + } + }, + "simple": { + "checks": { + "spacing": { + "padding": { + "icon": { "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - } - } - }, - "gap": { - "inline": { + "$value": "{post.device.spacing.padding.16}" + }, "text": { "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.2}" + "$value": "{post.device.spacing.padding.block.6}" + }, + "block": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + } } }, - "block": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.block.3}" + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.2}" + } + }, + "block": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.block.3}" + } } } } - } - }, - "bullets": { - "spacing": { - "padding": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" - } - }, - "gap": { - "inline": { + }, + "bullets": { + "spacing": { + "padding": { "text": { "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" + "$value": "{post.device.spacing.padding.block.6}" + } + }, + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } } } } @@ -7753,6 +7757,8 @@ "post.core.color.sandgrey.alpha.lightsand.80": "3d2bec28282aa25e40831de22df52defd7af4a3e", "post.core.color.sandgrey.alpha.lightsand.90": "a27931f39c2f5fe6bce1e53337bf973fc0160b3a", "post.core.color.colorless": "28411178dcd53a19586b729f27355f6a510d4d96", + "post.core.color.cargo.green": "f1a9626c558742ab4c1ba57e6a45e7079826d5be", + "post.core.color.cargo.blue": "a3640cc0d83e91bc8d8b448cb62e6b2367d8bb5f", "post.core.dimension.0": "812facbf5bdccac17ef2b362a51a8f0880fa0ae8", "post.core.dimension.1": "633af9102376b2b86a280d4487c01379eac42357", "post.core.dimension.2": "12b3a5b4d32b0f2ccf010673077f46b14ffd8d7b", @@ -7819,6 +7825,7 @@ "post.core.letter-spacing.none": "195c468fa2f255470e6e8077bfc5cb14da225064", "post.core.font-family.frutiger": "7a8104756190e8b94f97c29243dd5d7d142a7065", "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea", + "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20", "post.utility.spacing.dup.0": "52e996045a110cbecb60141125745fc61e305aaf", "post.utility.spacing.dup.1": "5caf57906c734d7a50161d804911c891a9cf9479", "post.utility.spacing.dup.2": "730a1bb47cd8aa5fa3fd65bbe6822e49d7831737", @@ -9231,23 +9238,27 @@ "post.switch.text.disabled-fg": "3b8f6ecd4ce7c901b3b6fbe19b3938b4ee30090d", "post.switch.text.selected-fg": "c20a2549fa46c4f66e04c4f6f739349ee9032798", "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621", + "post.switch.icon.disabled": "34c32196503b8fd0e443b51da233db8104427d3f", "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a", "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08", + "post.switch.focus.outline.offset": "2c42767ea35fb51cdc8dc4a15d6cbb3f6f26ac63", + "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523", "post.switch.handle.enabled": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", - "post.switch.element.enabled-bg": "37fb6c23301facfc96d382de26a14360537fdd97", - "post.switch.element.enabled-stroke": "00a540c9a955281331681f6fc44963f93bb85ce7", "post.switch.handle.selected": "2f079a496bed636dcee54a30516d00f400de1f52", "post.switch.handle.selected-stroke": "18d9b72bedfc5af7007948148e850f31754c6efb", - "post.switch.element.selected-bg": "292407a115b9c5819acd71fbbb8a7994c4b17b5a", - "post.switch.element.selected-stroke": "d7bda56904422c2dc2873f41275e915ce36fbdd6", "post.switch.handle.hover": "367b21171b85011ace3484d3caaf20ca4de50580", "post.switch.handle.hover-stroke": "9a48352912e77688b3638c63de7b650745b69c0e", + "post.switch.handle.disabled": "87edfd0659df5be763802e5b407c9cd64220fb49", + "post.switch.handle.disabled-stroke": "68580f77c8c59cfe3fd6ed8092787242604fa765", + "post.switch.handle.enabled-stroke": "5faf69a23034b7d86ae53ae4b6e45d758ad291a5", + "post.switch.element.enabled-bg": "37fb6c23301facfc96d382de26a14360537fdd97", + "post.switch.element.enabled-stroke": "00a540c9a955281331681f6fc44963f93bb85ce7", + "post.switch.element.selected-bg": "292407a115b9c5819acd71fbbb8a7994c4b17b5a", + "post.switch.element.selected-stroke": "d7bda56904422c2dc2873f41275e915ce36fbdd6", "post.switch.element.hover-bg": "beaf5e6053691c5f8676c64899f0d146c194f8ff", "post.switch.element.hover-stroke": "3a916db6238187c672c6be218f714d9cb6bf87f3", - "post.switch.handle.disabled": "87edfd0659df5be763802e5b407c9cd64220fb49", "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696", "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11", - "post.switch.handle.disabled-stroke": "68580f77c8c59cfe3fd6ed8092787242604fa765", "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712", "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655", "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", @@ -9255,11 +9266,7 @@ "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", - "post.switch.handle.enabled-stroke": "5faf69a23034b7d86ae53ae4b6e45d758ad291a5", "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", - "post.switch.icon.disabled": "34c32196503b8fd0e443b51da233db8104427d3f", - "post.switch.focus.outline.offset": "2c42767ea35fb51cdc8dc4a15d6cbb3f6f26ac63", - "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523", "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", @@ -9320,13 +9327,13 @@ "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", - "post.list.checks.spacing.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", - "post.list.checks.spacing.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", - "post.list.checks.spacing.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", - "post.list.checks.spacing.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", - "post.list.checks.spacing.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", - "post.list.bullets.spacing.padding.text": "f20b175bc4f0a3da29a9c6838af1231fa0a67400", - "post.list.bullets.spacing.gap.inline.text": "7a53d3141b532fd4204d2ab1fc49c676b10c0107", + "post.list.simple.checks.spacing.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", + "post.list.simple.checks.spacing.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", + "post.list.simple.checks.spacing.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", + "post.list.simple.checks.spacing.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", + "post.list.simple.checks.spacing.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", + "post.list.simple.bullets.spacing.padding.text": "f20b175bc4f0a3da29a9c6838af1231fa0a67400", + "post.list.simple.bullets.spacing.gap.inline.text": "7a53d3141b532fd4204d2ab1fc49c676b10c0107", "post.banner.spacing.padding.outer": "a4e3ea30b88cfaf40cde8d6c0ee7cbe58945eeab", "post.banner.spacing.padding.action": "904043b311848b36126f0e5cf760dc76d330941e", "post.banner.spacing.gap.outer": "d8da80040d9b6acc1f22c86a84bf84d40b6ac2a0", From b421eb5d81b21846cdc4e3433b6cde07f0e47254 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Thu, 26 Sep 2024 10:52:26 +0200 Subject: [PATCH 11/18] feat(tokens): added a themelayer for cargo and some testing token that later get deleted again --- .../tokens/tokensstudio-generated/tokens.json | 124 ++++++++++++++++-- 1 file changed, 115 insertions(+), 9 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index adb70515f3..a6f04c6d8c 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3492,6 +3492,48 @@ } } } + }, + "color": { + "interactive": { + "button": { + "primary": { + "enabled": { + "bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + }, + "fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" + } + } + } + } + } + } + } + } + }, + "Theme/Cargo": { + "post": { + "theme": { + "color": { + "interactive": { + "button": { + "primary": { + "enabled": { + "bg": { + "$type": "color", + "$value": "{post.core.color.cargo.green}" + }, + "fg": { + "$type": "color", + "$value": "{post.core.color.cargo.blue}" + } + } + } + } + } } } } @@ -4538,6 +4580,18 @@ "$type": "other", "$value": "{post.core.border-style.dash}" } + }, + "test": { + "cargo": { + "bg": { + "$type": "color", + "$value": "{post.theme.color.interactive.button.primary.enabled.bg}" + }, + "fg": { + "$type": "color", + "$value": "{post.theme.color.interactive.button.primary.enabled.fg}" + } + } } } } @@ -8720,11 +8774,6 @@ "post.link.focus.outline.width": "88b0ea4d5e0c004630155130b7616a5787201440", "post.link.focus.outline.offset": "5d7bd1219e9cb94fbb4c036a4fd4853d97d94365", "post.link.border-radius": "8a9d3378910dc9411f8d0f0a6d32ee1939504cb0", - "post.legend.font-weight": "f0a4f4aecd22adca404a06057036f32f535db108", - "post.legend.large.font-size": "d3d186f427003c6303030a4f6fbd344f2977aed4", - "post.legend.large.margin-block-start": "07195a6aef820a17e21fa4e2dd416d3ea3ed53db", - "post.legend.large.padding-block-end": "5c0406008577b8a2c8cf3c7e0c6786fbda04323f", - "post.legend.large.margin-block-end": "b8ff9bf1150e33ccf55f3838c5eb03813b07c55e", "post.list.bullet.item.text.padding.block": "b1703ba0ecf1f34852b9c997f00db741172255a2", "post.list.bullet.item.icon.gap.inline": "417de136821935345d45e075c52b60de8fde8473", "post.list.bullet.item.icon.size": "21ec3fb665c341394250b7a7a521ca6540b8b284", @@ -8738,7 +8787,12 @@ "post.list.number.item.icon.size": "16fe87b7c9a34800e73202918c7a19ef3c3bf64b", "post.list.number.item.icon.padding.start": "90081f89eeb3ff639cefef2b72356b5bfc3432ab", "post.list.number.item.icon.padding.end": "ea89e2b8b01d8b76c5a387dcb5adb8b963ded569", - "post.list.number.item.text.padding.block": "e8f4ca5bfa27171f1305cbcf48109951c6291783" + "post.list.number.item.text.padding.block": "e8f4ca5bfa27171f1305cbcf48109951c6291783", + "post.legend.font-weight": "f0a4f4aecd22adca404a06057036f32f535db108", + "post.legend.large.font-size": "d3d186f427003c6303030a4f6fbd344f2977aed4", + "post.legend.large.margin-block-start": "07195a6aef820a17e21fa4e2dd416d3ea3ed53db", + "post.legend.large.padding-block-end": "5c0406008577b8a2c8cf3c7e0c6786fbda04323f", + "post.legend.large.margin-block-end": "b8ff9bf1150e33ccf55f3838c5eb03813b07c55e" } }, { @@ -9027,6 +9081,8 @@ "post.button.small.icon": "f71a1e6ed0333399ca14370d5d684f196342a890", "post.button.border-width": "eefdbbcdfe797014914e8bb2b2ab4456cac6396c", "post.button.label.font-weight": "423ec64d2c0daf8df8e67bfe1ff5ff7b2d8fb9d8", + "post.button.test.cargo.bg": "4e4176c6f2a21fdda75eeb41d00659e8f5f03ba9", + "post.button.test.cargo.fg": "0cde7189e4d6977e96817d445e67f039e39814f7", "post.checkbox.enabled-bg": "511b9da046efffab0af4a6e72d7f452db03ab780", "post.checkbox.enabled-fg": "1a3dd51d23e3681320793f129272ebe44941ed72", "post.checkbox.hover-bg": "c7c5e44f736cacf7e8b7553498dbfbb720dbe2e0", @@ -9419,6 +9475,8 @@ "post.inline.color.error-fg": "8e4986f314ec11e8770b472388ef7c782fb07cee", "post.inline.color.error-stroke": "de75d6eb0a859440c39a5ac1fd26099b5f6ef793", "post.inline.color.error-icon": "71b842f358cc234da3c1fffd7919d7ae06c34790", + "post.lead.font-size": "faf5dba2f96d4f89a72ee8e380d9c5dabd286beb", + "post.lead-font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0", "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", @@ -9484,9 +9542,7 @@ "post.icon-button.border-radius.round": "d8101a6970d39985ce0b64b6bdad4442a168d1db", "post.icon-button.small.outer": "397d250211d996c86c264457b4495132b61cae03", "post.icon-button.small.icon": "316299c3216da324e94be81dc65e2d479626c516", - "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", - "post.lead.font-size": "faf5dba2f96d4f89a72ee8e380d9c5dabd286beb", - "post.lead-font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0" + "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0" } }, { @@ -9539,6 +9595,55 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source" } + }, + { + "id": "4848fa9cb5a9da01ed0e675e83324dea13d233e3", + "name": "Post", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Device/Tablet": "source", + "Device/Mobile": "source", + "Channel/EDK": "source", + "Channel/IDK": "source", + "Theme/Post": "enabled" + }, + "group": "Theme", + "$figmaCollectionId": "VariableCollectionId:4178:5613", + "$figmaModeId": "4178:0", + "$figmaVariableReferences": { + "post.theme.color.interactive.button.primary.enabled.bg": "ff3e8b8d280d06d3d02154bd91a8883220bd1486", + "post.theme.color.interactive.button.primary.enabled.fg": "5a8d8ec5970f04330fa76d9aeeb8e9df8721c2f1", + "post.theme.sizing.interactive.height.filler": "97194ce6b90a0e2d0e57249f8ef9d31582623961" + } + }, + { + "id": "506e9e4bd59b4c7053c176752eb6903ce5271a5d", + "name": "Cargo", + "$figmaStyleReferences": {}, + "selectedTokenSets": { + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Device/Tablet": "source", + "Device/Mobile": "source", + "Channel/EDK": "source", + "Channel/IDK": "source", + "Theme/Post": "enabled", + "Theme/Cargo": "enabled" + }, + "group": "Theme", + "$figmaCollectionId": "VariableCollectionId:4178:5613", + "$figmaModeId": "4178:1", + "$figmaVariableReferences": { + "post.theme.sizing.interactive.height.filler": "97194ce6b90a0e2d0e57249f8ef9d31582623961", + "post.theme.color.interactive.button.primary.enabled.bg": "ff3e8b8d280d06d3d02154bd91a8883220bd1486", + "post.theme.color.interactive.button.primary.enabled.fg": "5a8d8ec5970f04330fa76d9aeeb8e9df8721c2f1" + } } ], "$metadata": { @@ -9552,6 +9657,7 @@ "Channel/EDK", "Channel/IDK", "Theme/Post", + "Theme/Cargo", "Elements/Body", "Elements/Heading", "Elements/Paragraph", From ce6feb15fb4b1b6ce8915583a7dc97558ee1df2e Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Thu, 26 Sep 2024 13:06:33 +0200 Subject: [PATCH 12/18] feat(tokens): added missing tokens for radio-button --- .../tokens/tokensstudio-generated/tokens.json | 82 +++++++++++++++++-- 1 file changed, 74 insertions(+), 8 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index a6f04c6d8c..3ac8d11be7 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2323,6 +2323,10 @@ "width": { "$type": "sizing", "$value": "{post.core.dimension.24}" + }, + "size": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" } }, "textfields": { @@ -2446,6 +2450,10 @@ "2": { "$type": "sizing", "$value": "{post.core.dimension.30}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" } } }, @@ -2823,6 +2831,10 @@ "width": { "$type": "sizing", "$value": "{post.core.dimension.22}" + }, + "size": { + "$type": "sizing", + "$value": "{post.core.dimension.22}" } }, "textfields": { @@ -2942,6 +2954,10 @@ "2": { "$type": "sizing", "$value": "{post.core.dimension.24}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.14}" } } }, @@ -3291,6 +3307,10 @@ "width": { "$type": "sizing", "$value": "{post.core.dimension.20}" + }, + "size": { + "$type": "sizing", + "$value": "{post.core.dimension.20}" } }, "textfields": { @@ -3402,6 +3422,10 @@ "1": { "$type": "sizing", "$value": "{post.core.dimension.12}" + }, + "3": { + "$type": "sizing", + "$value": "{post.core.dimension.12}" } } }, @@ -5244,6 +5268,20 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.switch.focus.border-radius}" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } } }, "gap": { @@ -5286,6 +5324,30 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.default}" + }, + "border-radius": { + "round": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + } + }, + "border-style": { + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" + }, + "default": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + } + }, + "dot": { + "$type": "sizing", + "$value": "{post.device.sizing.icon.3}" + }, + "ring": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.icon.size}" } }, "padding": { @@ -5310,12 +5372,6 @@ } } }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" - } - }, "group": { "legend": { "font-size": { @@ -8340,6 +8396,8 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", + "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8484,6 +8542,8 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", + "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8674,7 +8734,9 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", + "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955" } }, { @@ -9211,8 +9273,12 @@ "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", "post.radio-button.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", "post.radio-button.padding.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", - "post.radio-button.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", + "post.radio-button.icon.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", + "post.radio-button.focus.border-radius": "c91b9ccc2f75cd1af277b8238645872165b083f9", + "post.radio-button.focus.outline.offset": "28cb3442544ef6bf2eb3dc1ad8a550d38269ac61", + "post.radio-button.icon.dot": "5f6c31447209eb8e1a12e67c4920e2b23a788ee8", + "post.radio-button.icon.ring": "1115baedbed8e37836c10696a0457ece5b1aca57", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", From 1a88919350b47ba4a63f1c957284a68b0464071f Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Thu, 26 Sep 2024 13:35:24 +0200 Subject: [PATCH 13/18] feat(tokens):added missing tokens for checkbox --- .../tokens/tokensstudio-generated/tokens.json | 36 +++++++++++++------ 1 file changed, 26 insertions(+), 10 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 3ac8d11be7..3acd539040 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -4685,6 +4685,20 @@ "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus}" + }, + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" } }, "gap": { @@ -4762,6 +4776,16 @@ "$value": "{post.device.font-size.6}" } } + }, + "border-style": { + "default": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + }, + "disabled": { + "$type": "other", + "$value": "{post.core.border-style.dash}" + } } } } @@ -5313,14 +5337,6 @@ } } }, - "width-inner": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.width}" - }, - "height-inner": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.height}" - }, "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.default}" @@ -9173,6 +9189,8 @@ "post.checkbox.padding.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", + "post.checkbox.focus.outline.offset": "a88da544b2c1625f6dbfd8bf72516b11b14bd1e8", + "post.checkbox.focus.border-radius": "f4e43b666081d5a3bbd1ea30f5e8e580dbb21f96", "post.dropdown.multi-select.menu.category-title.padding.block.outer": "ee99f5a05a5b1c84a69b677a1834d61fead11820", "post.dropdown.multi-select.menu.category-title.padding.block.inner": "0c237bda42bc614b0d40c3063b8cd837f6764301", "post.dropdown.multi-select.menu.category-title.padding.inline.inner": "3818d730a903399bea6f0a252a8fcad51001a230", @@ -9266,8 +9284,6 @@ "post.radio-button.gap.inline.error": "97e469bd64e32ba258627aa71e5babbc0efb435f", "post.radio-button.icon.padding.block.inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7", "post.radio-button.icon.padding.inline.inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6", - "post.radio-button.icon.width-inner": "4c2f84ac113b5446199016720b0d05c135fa8cbb", - "post.radio-button.icon.height-inner": "779afbc26754afe59e3ea5cb3bd9bdacd76d9abf", "post.radio-button.icon.border-width": "0637ab3988b8c72d4ae9d3f552e34eab1ff264b4", "post.radio-button.padding.block.text": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", From dcc52a086479d0ea96bbc30b5a38a38493815eae Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Fri, 27 Sep 2024 09:46:59 +0200 Subject: [PATCH 14/18] feat(tokens): added and rearanged some of the checkbox and radio button tokens --- .../tokens/tokensstudio-generated/tokens.json | 72 ++++++++----------- 1 file changed, 29 insertions(+), 43 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 3acd539040..66dc9b81cd 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2192,7 +2192,7 @@ }, "2": { "$type": "spacing", - "$value": "{post.core.dimension.32}" + "$value": "{post.core.dimension.8}" }, "3": { "$type": "spacing", @@ -2790,7 +2790,7 @@ "inline": { "2": { "$type": "spacing", - "$value": "{post.core.dimension.30}" + "$value": "{post.core.dimension.6}" }, "3": { "$type": "spacing", @@ -3216,7 +3216,7 @@ "inline": { "2": { "$type": "spacing", - "$value": "{post.core.dimension.28}" + "$value": "{post.core.dimension.4}" }, "5": { "$type": "spacing", @@ -4716,31 +4716,19 @@ } }, "icon": { - "padding": { - "block": { - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - } - }, - "inline": { - "inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - } - } - }, - "width-inner": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.width}" - }, - "height-inner": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.height}" - }, "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.default}" + }, + "size": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.icon.size}" + }, + "padding": { + "container": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.1}" + } } }, "padding": { @@ -8384,6 +8372,7 @@ "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", @@ -8408,12 +8397,11 @@ "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", + "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", - "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8532,6 +8520,7 @@ "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", @@ -8554,12 +8543,11 @@ "post.device.sizing.notification.icon.3": "25fe90689a1f0731cfcef45f0a75526e918445ed", "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", + "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", - "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8714,6 +8702,7 @@ "post.device.spacing.margin.4": "da53f4155b9f08ff30bddf3a07a176a6d7eeb94b", "post.device.sizing.interactive.icon.height": "23ca5ccbf3e98e4780aa20aef636cb50fad8809e", "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", + "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", @@ -8739,6 +8728,7 @@ "post.device.sizing.notification.icon.4": "88522334d630ee0e3f1d60cdd8730cfbfc4a1917", "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9", "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", + "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", @@ -8750,9 +8740,7 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", - "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955" + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -9176,12 +9164,10 @@ "post.checkbox.signal.error-fg": "55815485860923907b221cf69cc3988c2ebc37de", "post.checkbox.focus.stroke": "cb037b8e2fd22c55053450954d98cfd5bda4449c", "post.checkbox.focus.border-width": "d2702de45e2af881ed2bdc380f7a6c013751eb84", + "post.checkbox.focus.outline.offset": "a88da544b2c1625f6dbfd8bf72516b11b14bd1e8", + "post.checkbox.focus.border-radius": "f4e43b666081d5a3bbd1ea30f5e8e580dbb21f96", "post.checkbox.gap.block.group": "c87709f94c2c59282e5bcfc93d28ea57339d29be", "post.checkbox.gap.inline.error": "cf016af223d52353d2880a3b1caaed3022e0e0d6", - "post.checkbox.icon.padding.block.inner": "2c00841389f889fc1d44d9ca10354e0328aba20d", - "post.checkbox.icon.padding.inline.inner": "74dd6caa91b2d4172ac7ba6bf1b02664bd605e9d", - "post.checkbox.icon.width-inner": "9d966e0c5c0e775240006dd6278b3eb1a710b795", - "post.checkbox.icon.height-inner": "629427f94c10fdeede5ff452f188828bc0699736", "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d", "post.checkbox.padding.block.text": "1778f14657ae6d552d6bc38fa839a264a0ce1a30", "post.checkbox.padding.block.group": "b39040700cb53d4bdf17a0c4efea819a6f461382", @@ -9189,8 +9175,8 @@ "post.checkbox.padding.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", - "post.checkbox.focus.outline.offset": "a88da544b2c1625f6dbfd8bf72516b11b14bd1e8", - "post.checkbox.focus.border-radius": "f4e43b666081d5a3bbd1ea30f5e8e580dbb21f96", + "post.checkbox.icon.size": "bacfefb76323eaf5cbec8ca21a1b228051dfc310", + "post.checkbox.icon.padding.container": "e9e51839824fee21aa30c8e627bc8d8506989bf7", "post.dropdown.multi-select.menu.category-title.padding.block.outer": "ee99f5a05a5b1c84a69b677a1834d61fead11820", "post.dropdown.multi-select.menu.category-title.padding.block.inner": "0c237bda42bc614b0d40c3063b8cd837f6764301", "post.dropdown.multi-select.menu.category-title.padding.inline.inner": "3818d730a903399bea6f0a252a8fcad51001a230", @@ -9280,21 +9266,21 @@ "post.radio-button.signal.error": "f01f1309eab2bca4c61e36d7ef00f60facff692f", "post.radio-button.focus.stroke": "a3f22ab0ca03a56411199f5eb396c47a28db5918", "post.radio-button.focus.border-width": "9a82da1a6855536b1aa8ec4867d05000ae98b68b", + "post.radio-button.focus.border-radius": "c91b9ccc2f75cd1af277b8238645872165b083f9", + "post.radio-button.focus.outline.offset": "28cb3442544ef6bf2eb3dc1ad8a550d38269ac61", "post.radio-button.gap.block.group": "9c16987226587efbda8b6ca5dac00608be1e4408", "post.radio-button.gap.inline.error": "97e469bd64e32ba258627aa71e5babbc0efb435f", "post.radio-button.icon.padding.block.inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7", "post.radio-button.icon.padding.inline.inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6", "post.radio-button.icon.border-width": "0637ab3988b8c72d4ae9d3f552e34eab1ff264b4", + "post.radio-button.icon.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", + "post.radio-button.icon.dot": "5f6c31447209eb8e1a12e67c4920e2b23a788ee8", + "post.radio-button.icon.ring": "1115baedbed8e37836c10696a0457ece5b1aca57", "post.radio-button.padding.block.text": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", "post.radio-button.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", "post.radio-button.padding.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", - "post.radio-button.icon.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", - "post.radio-button.focus.border-radius": "c91b9ccc2f75cd1af277b8238645872165b083f9", - "post.radio-button.focus.outline.offset": "28cb3442544ef6bf2eb3dc1ad8a550d38269ac61", - "post.radio-button.icon.dot": "5f6c31447209eb8e1a12e67c4920e2b23a788ee8", - "post.radio-button.icon.ring": "1115baedbed8e37836c10696a0457ece5b1aca57", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", From 99b854cad50c9236bd922ad3c8787111de050165 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Fri, 27 Sep 2024 10:53:32 +0200 Subject: [PATCH 15/18] feat(tokens): added a validation component and defined some tokens for the items checkbox and radio button --- .../tokens/tokensstudio-generated/tokens.json | 149 ++++++++++++------ 1 file changed, 103 insertions(+), 46 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 66dc9b81cd..dbe51980cd 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2113,6 +2113,10 @@ "11": { "$type": "spacing", "$value": "{post.core.dimension.6}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.8}" } } }, @@ -2190,10 +2194,6 @@ "$type": "spacing", "$value": "{post.core.dimension.14}" }, - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.8}" - }, "3": { "$type": "spacing", "$value": "{post.core.dimension.16}" @@ -2291,6 +2291,10 @@ "17": { "$type": "spacing", "$value": "{post.core.dimension.10}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" } } }, @@ -2705,6 +2709,10 @@ "10": { "$type": "spacing", "$value": "{post.core.dimension.6}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" } } }, @@ -2785,13 +2793,13 @@ "17": { "$type": "spacing", "$value": "{post.core.dimension.9}" + }, + "18": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } }, "inline": { - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.6}" - }, "3": { "$type": "spacing", "$value": "{post.core.dimension.12}" @@ -3181,6 +3189,10 @@ "11": { "$type": "spacing", "$value": "{post.core.dimension.4}" + }, + "12": { + "$type": "spacing", + "$value": "{post.core.dimension.4}" } } }, @@ -3214,10 +3226,6 @@ "$value": "{post.core.dimension.8}" }, "inline": { - "2": { - "$type": "spacing", - "$value": "{post.core.dimension.4}" - }, "5": { "$type": "spacing", "$value": "{post.core.dimension.14}" @@ -4712,6 +4720,10 @@ "error": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.10}" + }, + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.12}" } } }, @@ -4745,12 +4757,6 @@ "$type": "spacing", "$value": "{post.core.dimension.1}" } - }, - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.2}" - } } }, "border-radius": { @@ -5307,6 +5313,10 @@ "error": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.10}" + }, + "text-start": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.12}" } } }, @@ -5316,6 +5326,10 @@ "inner": { "$type": "spacing", "$value": "{post.device.spacing.padding.1}" + }, + "container": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.18}" } }, "inline": { @@ -5368,12 +5382,6 @@ "$type": "spacing", "$value": "{post.core.dimension.1}" } - }, - "inline": { - "text-start": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.inline.2}" - } } }, "group": { @@ -6747,6 +6755,36 @@ } } }, + "Components/Validation": { + "post": { + "validation": { + "list": { + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } + }, + "padding": { + "block": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.12}" + } + } + } + }, + "error": { + "$type": "color", + "$value": "{post.mode.color.signal.error-dark}" + }, + "success": { + "$type": "color", + "$value": "{post.mode.color.signal.success-dark}" + } + } + } + }, "Components/Icon button": { "post": { "icon-button": { @@ -7823,7 +7861,8 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Components/Validation": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -7988,7 +8027,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Components/Validation": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8147,7 +8187,8 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Mode/Dark": "enabled", + "Components/Validation": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8305,7 +8346,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Components/Validation": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8363,7 +8405,6 @@ "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", - "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", @@ -8402,6 +8443,7 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8441,7 +8483,8 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" } }, { @@ -8451,7 +8494,8 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Components/Validation": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8499,7 +8543,6 @@ "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", - "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", @@ -8587,7 +8630,9 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" } }, { @@ -8604,7 +8649,8 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Components/Validation": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8671,7 +8717,6 @@ "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.device.spacing.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", @@ -8740,7 +8785,9 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" } }, { @@ -8754,7 +8801,8 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Components/Validation": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8775,7 +8823,8 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Components/Validation": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8806,7 +8855,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled" + "Elements/ListNumber": "enabled", + "Components/Validation": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -8876,7 +8926,8 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "source" + "Theme/Post": "source", + "Components/Validation": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9045,7 +9096,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Components/Icon button": "enabled", - "Components/Lead": "enabled" + "Components/Lead": "enabled", + "Components/Validation": "disabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9172,7 +9224,7 @@ "post.checkbox.padding.block.text": "1778f14657ae6d552d6bc38fa839a264a0ce1a30", "post.checkbox.padding.block.group": "b39040700cb53d4bdf17a0c4efea819a6f461382", "post.checkbox.padding.block.text-error": "3013fb8783467fa3abea043b22becf7cd82a1dae", - "post.checkbox.padding.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", + "post.checkbox.gap.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", "post.checkbox.icon.size": "bacfefb76323eaf5cbec8ca21a1b228051dfc310", @@ -9279,8 +9331,9 @@ "post.radio-button.padding.block.text": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", "post.radio-button.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", - "post.radio-button.padding.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", + "post.radio-button.gap.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", + "post.radio-button.icon.padding.block.container": "7226e0dc94e9d28902b5f19ffc2849b9a09a3e96", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", @@ -9661,7 +9714,8 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Components/Validation": "disabled" } }, { @@ -9677,7 +9731,8 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled" + "Theme/Post": "enabled", + "Components/Validation": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9702,7 +9757,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled" + "Theme/Cargo": "enabled", + "Components/Validation": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9755,6 +9811,7 @@ "Components/Snackbar", "Components/Inline notification", "Components/Lead", + "Components/Validation", "Components/Icon button", "FigmaOnly", "Utilities/Spacing", From 7a7318af2664895bdaba8e1b98e0ab5aaa87d19b Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 30 Sep 2024 13:29:06 +0200 Subject: [PATCH 16/18] feat(tokens): added an utility set for surface colors --- .../tokens/tokensstudio-generated/tokens.json | 153 +++++++++++------- 1 file changed, 96 insertions(+), 57 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index dbe51980cd..3db90986e1 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3595,7 +3595,7 @@ }, "color": { "$type": "color", - "$value": "{post.mode.color.surface.default.fg}" + "$value": "{post.utility.color.surface.default.fg}" } } } @@ -5075,15 +5075,15 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" }, "hover-bg": { "$type": "color", @@ -5107,11 +5107,11 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" }, "hover-fg": { "$type": "color", @@ -5139,11 +5139,11 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent1.fg}" + "$value": "{post.utility.color.surface.accent1.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent1.fg}" + "$value": "{post.utility.color.surface.accent1.fg}" }, "hover-fg": { "$type": "color", @@ -5153,11 +5153,11 @@ "surface": { "bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" + "$value": "{post.utility.surface.accent4}" }, "fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" }, "border-radius": { "$type": "borderRadius", @@ -5189,7 +5189,7 @@ "text": { "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" } }, "elevation": { @@ -5814,6 +5814,10 @@ "disabled": { "$type": "color", "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + }, + "hover": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg1}" } }, "focus": { @@ -6268,11 +6272,11 @@ "color": { "icon-bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" + "$value": "{post.utility.surface.accent4}" }, "icon-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.utility.color.surface.accent4.fg}" }, "text-fg": { "$type": "color", @@ -7791,6 +7795,39 @@ } } }, + "Utilities/Color": { + "post": { + "utility": { + "surface": { + "default": { + "$type": "color", + "$value": "{post.core.color.sandgrey.002}", + "$description": "On this surface the only color allowed for text is #050400" + }, + "accent1": { + "$type": "color", + "$value": "{post.core.color.brand.white}", + "$description": "On this surface the only color allowed for text is #050400" + }, + "accent2": { + "$type": "color", + "$value": "{post.core.color.sandgrey.006}", + "$description": "On this surface the only color allowed for text is #050400" + }, + "accent3": { + "$type": "color", + "$value": "{post.core.color.brand.postyellow}", + "$description": "On this surface the only color allowed for text is #050400" + }, + "accent4": { + "$type": "color", + "$value": "{post.core.color.sandgrey.080}", + "$description": "On this surface the main colorfor text is #FFFFFF. There is also the option to use #FFCC00 to be used for Headings for example" + } + } + } + } + }, "Utilities/Typo": { "post": { "utility": { @@ -7862,7 +7899,7 @@ }, "selectedTokenSets": { "core": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8028,7 +8065,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8104,17 +8141,6 @@ "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", - "post.mode.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", - "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", - "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", - "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", - "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", - "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", - "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", - "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", - "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", - "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", - "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", "post.mode.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", "post.mode.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", "post.mode.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", @@ -8177,7 +8203,18 @@ "post.mode.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", "post.mode.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.mode.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", + "post.utility.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.utility.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.utility.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.utility.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.utility.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.utility.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "post.utility.surface.default": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.utility.surface.accent1": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.utility.surface.accent2": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.utility.surface.accent3": "5882e06454efa138fece081c28b7788f52e81621", + "post.utility.surface.accent4": "e3fe18387eb6baccd0e82d158ea15da28536615d" } }, { @@ -8188,7 +8225,7 @@ "core": "source", "Mode/Light": "enabled", "Mode/Dark": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8323,21 +8360,21 @@ "post.mode.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", "post.mode.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.mode.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", - "post.mode.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", - "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", - "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", - "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", - "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", - "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", - "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", - "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", - "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", - "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", - "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", "post.mode.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", "post.mode.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", "post.mode.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", + "post.utility.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.utility.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.utility.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.utility.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.utility.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.utility.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "post.utility.surface.default": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.utility.surface.accent1": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.utility.surface.accent2": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.utility.surface.accent3": "5882e06454efa138fece081c28b7788f52e81621", + "post.utility.surface.accent4": "e3fe18387eb6baccd0e82d158ea15da28536615d" } }, { @@ -8347,7 +8384,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8405,6 +8442,7 @@ "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", @@ -8483,8 +8521,7 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" + "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -8495,7 +8532,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8543,6 +8580,7 @@ "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", @@ -8631,8 +8669,7 @@ "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", - "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4" } }, { @@ -8650,7 +8687,7 @@ "Device/Desktop": "enabled", "Device/Tablet": "enabled", "Device/Mobile": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8717,6 +8754,7 @@ "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", @@ -8786,8 +8824,7 @@ "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", - "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4" } }, { @@ -8802,7 +8839,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8824,7 +8861,7 @@ "Device/Mobile": "source", "Channel/EDK": "enabled", "Channel/IDK": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8856,7 +8893,7 @@ "Utilities/Typo": "source", "Elements/ListBullet": "enabled", "Elements/ListNumber": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -8927,7 +8964,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Components/Validation": "disabled" + "Utilities/Color": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9097,7 +9134,7 @@ "Utilities/Typo": "source", "Components/Icon button": "enabled", "Components/Lead": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9444,6 +9481,7 @@ "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", + "post.switch.icon.hover": "5c750ce20d8456d07e02fbbb43b14b5090f8f87b", "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", @@ -9715,7 +9753,7 @@ "FigmaOnly": "enabled", "Utilities/Spacing": "source", "Utilities/Typo": "source", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" } }, { @@ -9732,7 +9770,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9758,7 +9796,7 @@ "Channel/IDK": "source", "Theme/Post": "enabled", "Theme/Cargo": "enabled", - "Components/Validation": "disabled" + "Utilities/Color": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9815,6 +9853,7 @@ "Components/Icon button", "FigmaOnly", "Utilities/Spacing", + "Utilities/Color", "Utilities/Typo" ] } From dbd204b87cddf6264343ed189aa42b761d96c46a Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 30 Sep 2024 16:43:57 +0200 Subject: [PATCH 17/18] feat(tokens) created tokens for lists --- .../tokens/tokensstudio-generated/tokens.json | 223 ++++++++++++------ 1 file changed, 152 insertions(+), 71 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 3db90986e1..1ac84ef13a 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2528,11 +2528,11 @@ "$type": "borderWidth", "$value": "{post.core.dimension.2}" }, - "dropdown": { + "alternative2": { "$type": "borderWidth", "$value": "{post.core.dimension.3}" }, - "switch": { + "alternative1": { "$type": "borderWidth", "$value": "{post.core.dimension.1}" } @@ -4855,7 +4855,7 @@ "border-width": { "bottom": { "$type": "borderWidth", - "$value": "{post.device.border-width.dropdown}" + "$value": "{post.device.border-width.alternative2}" }, "focus": { "$type": "borderWidth", @@ -5075,15 +5075,15 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" + "$value": "{post.mode.color.surface.accent4.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" + "$value": "{post.mode.color.surface.accent4.fg}" }, "hover-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" + "$value": "{post.mode.color.surface.accent4.fg}" }, "hover-bg": { "$type": "color", @@ -5107,11 +5107,11 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" + "$value": "{post.mode.color.surface.accent4.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" + "$value": "{post.mode.color.surface.accent4.fg}" }, "hover-fg": { "$type": "color", @@ -5139,11 +5139,11 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent1.fg}" + "$value": "{post.mode.color.surface.accent1.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent1.fg}" + "$value": "{post.mode.color.surface.accent1.fg}" }, "hover-fg": { "$type": "color", @@ -5157,7 +5157,7 @@ }, "fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" + "$value": "{post.mode.color.surface.accent4.fg}" }, "border-radius": { "$type": "borderRadius", @@ -5189,7 +5189,7 @@ "text": { "selected-fg": { "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" + "$value": "{post.mode.color.surface.accent4.fg}" } }, "elevation": { @@ -5964,7 +5964,7 @@ }, "border-width": { "$type": "borderWidth", - "$value": "{post.device.border-width.switch}" + "$value": "{post.device.border-width.alternative1}" } } } @@ -6262,30 +6262,14 @@ "Components/List": { "post": { "list": { - "checks": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.icon.1}" - } - }, - "color": { - "icon-bg": { - "$type": "color", - "$value": "{post.utility.surface.accent4}" - }, - "icon-fg": { - "$type": "color", - "$value": "{post.utility.color.surface.accent4.fg}" - }, - "text-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - } - } - }, "simple": { "checks": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.icon.1}" + } + }, "spacing": { "padding": { "icon": { @@ -6337,6 +6321,116 @@ } } } + }, + "checks": { + "color": { + "icon-bg": { + "$type": "color", + "$value": "{post.utility.surface.accent4}" + }, + "icon-fg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.fg}" + }, + "text-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + } + } + }, + "item": { + "padding": { + "inline": { + "start": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + }, + "end": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.inline.4}" + } + }, + "block": { + "start": { + "$type": "spacing", + "$value": "tbd" + }, + "end": { + "$type": "spacing", + "$value": "tbd" + } + } + }, + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.4}" + } + }, + "enabled-border": { + "$type": "color", + "$value": "tbd" + }, + "hover-border": { + "$type": "color", + "$value": "tbd" + }, + "enabled-fg": { + "$type": "color", + "$value": "tbd" + }, + "hover-fg": { + "$type": "color", + "$value": "tbd" + }, + "focus": { + "outline": { + "offset": { + "$type": "spacing", + "$value": "tbd" + } + } + } + }, + "icon": { + "container": { + "padding": { + "block": { + "$type": "spacing", + "$value": "tbd" + }, + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.4}" + } + } + }, + "size": { + "$type": "sizing", + "$value": "tbd" + } + } + } + }, + "list": { + "item": { + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.alternative1}" + }, + "border-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + }, + "focus": { + "outline-style": { + "$type": "other", + "$value": "{post.core.border-style.solid}" + }, + "outline-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } } } } @@ -7898,8 +7992,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Utilities/Color": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8064,8 +8157,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Utilities/Color": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8224,8 +8316,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Utilities/Color": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8383,8 +8474,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Utilities/Color": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8520,8 +8610,8 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8531,8 +8621,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Utilities/Color": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8667,9 +8756,9 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4" + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8686,8 +8775,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Utilities/Color": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8822,9 +8910,9 @@ "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4" + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" } }, { @@ -8838,8 +8926,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Utilities/Color": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8860,8 +8947,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Utilities/Color": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8892,8 +8978,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled", - "Utilities/Color": "disabled" + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9133,8 +9218,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Components/Icon button": "enabled", - "Components/Lead": "enabled", - "Utilities/Color": "disabled" + "Components/Lead": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9538,7 +9622,6 @@ "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", - "post.list.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", @@ -9701,7 +9784,8 @@ "post.icon-button.border-radius.round": "d8101a6970d39985ce0b64b6bdad4442a168d1db", "post.icon-button.small.outer": "397d250211d996c86c264457b4495132b61cae03", "post.icon-button.small.icon": "316299c3216da324e94be81dc65e2d479626c516", - "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0" + "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", + "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72" } }, { @@ -9752,8 +9836,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Utilities/Color": "disabled" + "Utilities/Typo": "source" } }, { @@ -9769,8 +9852,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled", - "Utilities/Color": "disabled" + "Theme/Post": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9795,8 +9877,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled", - "Utilities/Color": "disabled" + "Theme/Cargo": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", From 855713b6d891d321943072775dc60310112b4d21 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 1 Oct 2024 09:37:53 +0200 Subject: [PATCH 18/18] feat/refactor(token): Changed and added tokens to radio button and checkbox to represent changes in the design --- .../tokens/tokensstudio-generated/tokens.json | 207 ++++++++++-------- 1 file changed, 121 insertions(+), 86 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 1ac84ef13a..3ae330f8fe 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2295,6 +2295,14 @@ "18": { "$type": "spacing", "$value": "{post.core.dimension.3}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } } }, @@ -2797,6 +2805,10 @@ "18": { "$type": "spacing", "$value": "{post.core.dimension.0}" + }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } }, "inline": { @@ -3283,6 +3295,10 @@ "17": { "$type": "spacing", "$value": "{post.core.dimension.5}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.1-5}" } } }, @@ -4679,12 +4695,6 @@ "$type": "color", "$value": "{post.mode.color.interactive.primary.disabled.stroke}" }, - "signal": { - "error-fg": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - } - }, "focus": { "stroke": { "$type": "color", @@ -4717,10 +4727,6 @@ } }, "inline": { - "error": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" - }, "text-start": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.12}" @@ -4745,17 +4751,13 @@ }, "padding": { "block": { - "text": { + "single": { "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" + "$value": "{post.device.spacing.padding.block.19}" }, "group": { "$type": "spacing", "$value": "{post.device.spacing.padding.block.8}" - }, - "text-error": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" } } }, @@ -4780,6 +4782,14 @@ "$type": "other", "$value": "{post.core.border-style.dash}" } + }, + "label": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.20}" + } + } } } } @@ -5272,12 +5282,6 @@ "$type": "color", "$value": "{post.mode.color.interactive.primary.selected.stroke1}" }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - } - }, "focus": { "stroke": { "$type": "color", @@ -5310,10 +5314,6 @@ } }, "inline": { - "error": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" - }, "text-start": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.12}" @@ -5370,17 +5370,13 @@ }, "padding": { "block": { - "text": { + "single": { "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" + "$value": "{post.device.spacing.padding.block.19}" }, "group": { "$type": "spacing", "$value": "{post.device.spacing.padding.block.8}" - }, - "error": { - "$type": "spacing", - "$value": "{post.core.dimension.1}" } } }, @@ -5391,6 +5387,14 @@ "$value": "{post.device.font-size.6}" } } + }, + "label": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.20}" + } + } } } } @@ -8233,6 +8237,17 @@ "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.mode.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", "post.mode.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", "post.mode.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", "post.mode.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", @@ -8295,18 +8310,7 @@ "post.mode.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", "post.mode.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.mode.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", - "post.utility.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", - "post.utility.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", - "post.utility.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", - "post.utility.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", - "post.utility.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", - "post.utility.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", - "post.utility.surface.default": "76160b240c5dee3ecddf678e49fb08e554103e19", - "post.utility.surface.accent1": "46ea4599ed012313784386b9f279a68828a2fa83", - "post.utility.surface.accent2": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", - "post.utility.surface.accent3": "5882e06454efa138fece081c28b7788f52e81621", - "post.utility.surface.accent4": "e3fe18387eb6baccd0e82d158ea15da28536615d" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" } }, { @@ -8451,21 +8455,21 @@ "post.mode.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", "post.mode.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.mode.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", + "post.mode.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.mode.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.mode.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.mode.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.mode.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.mode.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.mode.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.mode.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", "post.mode.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", "post.mode.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", "post.mode.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", - "post.utility.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", - "post.utility.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", - "post.utility.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", - "post.utility.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", - "post.utility.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", - "post.utility.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", - "post.utility.surface.default": "76160b240c5dee3ecddf678e49fb08e554103e19", - "post.utility.surface.accent1": "46ea4599ed012313784386b9f279a68828a2fa83", - "post.utility.surface.accent2": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", - "post.utility.surface.accent3": "5882e06454efa138fece081c28b7788f52e81621", - "post.utility.surface.accent4": "e3fe18387eb6baccd0e82d158ea15da28536615d" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" } }, { @@ -8513,6 +8517,7 @@ "post.device.spacing.gap.inline.8": "c01a1cb0094c47c2ab7ef20490cdca7bb02b0994", "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93", "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", @@ -8532,7 +8537,7 @@ "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", - "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", @@ -8571,7 +8576,7 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", + "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8585,6 +8590,7 @@ "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", + "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8610,8 +8616,8 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -8662,6 +8668,7 @@ "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", @@ -8669,7 +8676,6 @@ "post.device.spacing.padding.14": "ab58b4544fe4afbc5016cf045ac83ad8c7edd36d", "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", - "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa", @@ -8718,6 +8724,7 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8747,6 +8754,7 @@ "post.device.spacing.padding.block.12": "8cbc9dc0f8b9f97d0c87eeb056bf472b0cd818c8", "post.device.spacing.padding.block.13": "64e1647cf27b478cbd23e48dba9b7dd8811cb5e7", "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", @@ -8756,9 +8764,9 @@ "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", + "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0" } }, { @@ -8824,6 +8832,7 @@ "post.device.spacing.gap.inline.9": "c6407a7f58dff16bf016eded51c55a20048cc510", "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", + "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", @@ -8842,7 +8851,6 @@ "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", @@ -8867,6 +8875,7 @@ "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", + "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", @@ -8910,9 +8919,10 @@ "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", - "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", + "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30" + "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0", + "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17" } }, { @@ -9157,6 +9167,11 @@ "post.utility.gap.96": "dd43f02351d0bd44d8e5ced92fdf23910bd0cd2f", "post.utility.gap.100": "e28e8b44e65e54a5138fa5db3ab7c1911d2addee", "post.utility.gap.112": "56bcda2c0c1206e6d7c1b6978dfedeef862764d0", + "post.utility.surface.default": "fe79c476f68e126de95b52abfdcbc7a291ac9e17", + "post.utility.surface.accent1": "4508df50b67a70b3aa949a33175a1da72271b75f", + "post.utility.surface.accent2": "99e52a1d022a46128469f81b4085d2852f50d55a", + "post.utility.surface.accent3": "55d28ddd8474489c0143eb926bca89ab5a534805", + "post.utility.surface.accent4": "d512d2f16a3486e242bedf306dac85b3b7ba1ee5", "post.utility.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3", "post.utility.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b", "post.utility.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d", @@ -9218,7 +9233,12 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Components/Icon button": "enabled", - "Components/Lead": "enabled" + "Components/Lead": "enabled", + "Theme/Cargo": "source", + "Elements/ListBullet": "source", + "Elements/ListNumber": "source", + "Components/Validation": "enabled", + "Utilities/Color": "source" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9334,22 +9354,20 @@ "post.checkbox.hover-stroke": "09fd9bb754b50d6b5d66a08cb9b5aa02b81f1eb1", "post.checkbox.selected-stroke": "9f457bf24e972f9f8a7d551d304675edee096461", "post.checkbox.disabled-stroke": "450e5256bebdcb568e9093e4dd3bfaa329f76d39", - "post.checkbox.signal.error-fg": "55815485860923907b221cf69cc3988c2ebc37de", "post.checkbox.focus.stroke": "cb037b8e2fd22c55053450954d98cfd5bda4449c", "post.checkbox.focus.border-width": "d2702de45e2af881ed2bdc380f7a6c013751eb84", "post.checkbox.focus.outline.offset": "a88da544b2c1625f6dbfd8bf72516b11b14bd1e8", "post.checkbox.focus.border-radius": "f4e43b666081d5a3bbd1ea30f5e8e580dbb21f96", "post.checkbox.gap.block.group": "c87709f94c2c59282e5bcfc93d28ea57339d29be", - "post.checkbox.gap.inline.error": "cf016af223d52353d2880a3b1caaed3022e0e0d6", + "post.checkbox.gap.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d", - "post.checkbox.padding.block.text": "1778f14657ae6d552d6bc38fa839a264a0ce1a30", + "post.checkbox.icon.size": "bacfefb76323eaf5cbec8ca21a1b228051dfc310", + "post.checkbox.icon.padding.container": "e9e51839824fee21aa30c8e627bc8d8506989bf7", + "post.checkbox.padding.block.single": "1778f14657ae6d552d6bc38fa839a264a0ce1a30", "post.checkbox.padding.block.group": "b39040700cb53d4bdf17a0c4efea819a6f461382", - "post.checkbox.padding.block.text-error": "3013fb8783467fa3abea043b22becf7cd82a1dae", - "post.checkbox.gap.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", - "post.checkbox.icon.size": "bacfefb76323eaf5cbec8ca21a1b228051dfc310", - "post.checkbox.icon.padding.container": "e9e51839824fee21aa30c8e627bc8d8506989bf7", + "post.checkbox.label.padding.block": "1f0dbe15a811f9ac9a6699131a7925b19b90da68", "post.dropdown.multi-select.menu.category-title.padding.block.outer": "ee99f5a05a5b1c84a69b677a1834d61fead11820", "post.dropdown.multi-select.menu.category-title.padding.block.inner": "0c237bda42bc614b0d40c3063b8cd837f6764301", "post.dropdown.multi-select.menu.category-title.padding.inline.inner": "3818d730a903399bea6f0a252a8fcad51001a230", @@ -9436,25 +9454,23 @@ "post.radio-button.hover-stroke": "efd5e0b0f302879c355da5d057adaf8ffe41471e", "post.radio-button.disabled-stroke": "5b28478865af1ccb34fa372cc316bba7c0eec8c2", "post.radio-button.selected-stroke": "e97845dba6dea97d27e389675a9f4ad2073ad586", - "post.radio-button.signal.error": "f01f1309eab2bca4c61e36d7ef00f60facff692f", "post.radio-button.focus.stroke": "a3f22ab0ca03a56411199f5eb396c47a28db5918", "post.radio-button.focus.border-width": "9a82da1a6855536b1aa8ec4867d05000ae98b68b", "post.radio-button.focus.border-radius": "c91b9ccc2f75cd1af277b8238645872165b083f9", "post.radio-button.focus.outline.offset": "28cb3442544ef6bf2eb3dc1ad8a550d38269ac61", "post.radio-button.gap.block.group": "9c16987226587efbda8b6ca5dac00608be1e4408", - "post.radio-button.gap.inline.error": "97e469bd64e32ba258627aa71e5babbc0efb435f", + "post.radio-button.gap.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", "post.radio-button.icon.padding.block.inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7", + "post.radio-button.icon.padding.block.container": "7226e0dc94e9d28902b5f19ffc2849b9a09a3e96", "post.radio-button.icon.padding.inline.inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6", "post.radio-button.icon.border-width": "0637ab3988b8c72d4ae9d3f552e34eab1ff264b4", "post.radio-button.icon.border-radius.round": "fa3bd7cf137455a4b4433d3b6d6bac419d3cfdc2", "post.radio-button.icon.dot": "5f6c31447209eb8e1a12e67c4920e2b23a788ee8", "post.radio-button.icon.ring": "1115baedbed8e37836c10696a0457ece5b1aca57", - "post.radio-button.padding.block.text": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", + "post.radio-button.padding.block.single": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", - "post.radio-button.padding.block.error": "c29dec6b7bcab674d15c04ce066c550d7ea9c802", - "post.radio-button.gap.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", - "post.radio-button.icon.padding.block.container": "7226e0dc94e9d28902b5f19ffc2849b9a09a3e96", + "post.radio-button.label.padding.block": "9aa1af7161cf43024101355d41b51c12692a6bf9", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", @@ -9537,6 +9553,7 @@ "post.switch.text.selected-fg": "c20a2549fa46c4f66e04c4f6f739349ee9032798", "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621", "post.switch.icon.disabled": "34c32196503b8fd0e443b51da233db8104427d3f", + "post.switch.icon.hover": "5c750ce20d8456d07e02fbbb43b14b5090f8f87b", "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a", "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08", "post.switch.focus.outline.offset": "2c42767ea35fb51cdc8dc4a15d6cbb3f6f26ac63", @@ -9565,7 +9582,6 @@ "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", - "post.switch.icon.hover": "5c750ce20d8456d07e02fbbb43b14b5090f8f87b", "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", @@ -9622,9 +9638,7 @@ "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", - "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", - "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", - "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", + "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", "post.list.simple.checks.spacing.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", "post.list.simple.checks.spacing.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", "post.list.simple.checks.spacing.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", @@ -9632,6 +9646,24 @@ "post.list.simple.checks.spacing.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", "post.list.simple.bullets.spacing.padding.text": "f20b175bc4f0a3da29a9c6838af1231fa0a67400", "post.list.simple.bullets.spacing.gap.inline.text": "7a53d3141b532fd4204d2ab1fc49c676b10c0107", + "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", + "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", + "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", + "post.list.item.padding.inline.start": "f7f1ba4ae736cfe139c14f5d2da5834c6555c8c0", + "post.list.item.padding.inline.end": "f89ce359dcd178ea9994cf93e962e4c8ac437b7e", + "post.list.item.padding.block.start": "11f6bc404467908a5a162c5d014ba825e488fe4a", + "post.list.item.padding.block.end": "447bfceda1d7a538c45cf4a8718cf51c530e015c", + "post.list.item.gap.inline": "8b3c47bf71962080480e4c42f24084f04677a0d0", + "post.list.item.enabled-border": "f2d45321cc1bd8ed7def7ff6eb299a50f9f8d7fe", + "post.list.item.hover-border": "5d8301e5915b941f7b54b6e23469c2148e76791f", + "post.list.item.enabled-fg": "4a570668b7059b0822f1e137471f2d255cc62f19", + "post.list.item.hover-fg": "f7051e304ecb770746a86ddbc231512baa96245b", + "post.list.item.focus.outline.offset": "d066bc28e9b22c828149b8612a34becf5837f5f6", + "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", + "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", + "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", + "list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", + "list.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", "post.banner.spacing.padding.outer": "a4e3ea30b88cfaf40cde8d6c0ee7cbe58945eeab", "post.banner.spacing.padding.action": "904043b311848b36126f0e5cf760dc76d330941e", "post.banner.spacing.gap.outer": "d8da80040d9b6acc1f22c86a84bf84d40b6ac2a0", @@ -9719,6 +9751,10 @@ "post.inline.color.error-icon": "71b842f358cc234da3c1fffd7919d7ae06c34790", "post.lead.font-size": "faf5dba2f96d4f89a72ee8e380d9c5dabd286beb", "post.lead-font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0", + "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", + "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", + "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", + "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371", "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", @@ -9784,8 +9820,7 @@ "post.icon-button.border-radius.round": "d8101a6970d39985ce0b64b6bdad4442a168d1db", "post.icon-button.small.outer": "397d250211d996c86c264457b4495132b61cae03", "post.icon-button.small.icon": "316299c3216da324e94be81dc65e2d479626c516", - "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", - "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72" + "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0" } }, {