From 867e56403ce78bf947f3d3a4097d165b987d6442 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 8 Oct 2024 08:44:36 +0200 Subject: [PATCH 01/41] reafactor(tokens):renamed the offset color token in app store badge as it produced a conflict --- .../tokens/tokensstudio-generated/tokens.json | 87 ++++++++----------- 1 file changed, 37 insertions(+), 50 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 2ec7cb6721..128878ba3b 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3935,34 +3935,34 @@ } }, "Components/App store badge": { - "post-app-store": { - "google": { - "width": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.appstore.width.google}" - } - }, - "apple": { - "width": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.appstore.width.apple}" - } - }, - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.5}" - } - }, "post": { "app-store": { + "google": { + "width": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.appstore.width.google}" + } + }, + "apple": { + "width": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.appstore.width.apple}" + } + }, + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.5}" + }, "focus": { "outline": { "offset": { "$type": "spacing", "$value": "{post.device.spacing.padding.2}" }, - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "color": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + } }, "outline-width": { "$type": "borderWidth", @@ -8118,8 +8118,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Components/Form footer": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8284,8 +8283,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Components/Form footer": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8445,8 +8443,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Components/Form footer": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8605,8 +8602,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Components/Form footer": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8758,8 +8754,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Components/Form footer": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8918,8 +8913,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Components/Form footer": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -9075,8 +9069,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Components/Form footer": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9097,8 +9090,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Components/Form footer": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9129,8 +9121,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled", - "Components/Form footer": "disabled" + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9201,8 +9192,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled", - "Components/Form footer": "disabled" + "Utilities/Color": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9389,9 +9379,6 @@ "$figmaModeId": "808:0", "$figmaVariableReferences": { "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", - "post-app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", - "post-app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", - "post-app-store.height": "bfd9997022ededeb1841f9897a28d66715817016", "post.app-store.focus.outline": "92a06daa8a6092ce2812815a72e58e11122736a4", "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", @@ -9979,7 +9966,10 @@ "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", - "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371" + "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371", + "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", + "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", + "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016" } }, { @@ -10030,8 +10020,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Components/Form footer": "disabled" + "Utilities/Typo": "source" } }, { @@ -10047,8 +10036,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled", - "Components/Form footer": "disabled" + "Theme/Post": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10073,8 +10061,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled", - "Components/Form footer": "disabled" + "Theme/Cargo": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", From abeb00b3c29b5d0f749d61244d5f29e27d1d5568 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 8 Oct 2024 09:39:20 +0200 Subject: [PATCH 02/41] chore(tokens):removed a dup of the dimension tokens that was used for the creation of utility tokens chore(tokens): removed social media button as the component was removed feat(tokens):added core dimension tokens needed for list --- .../tokens/tokensstudio-generated/tokens.json | 335 +++--------------- 1 file changed, 45 insertions(+), 290 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 128878ba3b..50fcbf4d8a 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -263,6 +263,10 @@ "$type": "dimension", "$value": "16" }, + "17": { + "$type": "dimension", + "$value": "17px" + }, "18": { "$type": "dimension", "$value": "18" @@ -659,172 +663,6 @@ "$value": "none" } } - }, - "utility": { - "spacing": { - "dup": { - "0": { - "$type": "dimension", - "$value": "0" - }, - "1": { - "$type": "dimension", - "$value": "1" - }, - "2": { - "$type": "dimension", - "$value": "2" - }, - "3": { - "$type": "dimension", - "$value": "3" - }, - "4": { - "$type": "dimension", - "$value": "4" - }, - "5": { - "$type": "dimension", - "$value": "5" - }, - "6": { - "$type": "dimension", - "$value": "6" - }, - "8": { - "$type": "dimension", - "$value": "8" - }, - "10": { - "$type": "dimension", - "$value": "10" - }, - "11": { - "$type": "dimension", - "$value": "11" - }, - "12": { - "$type": "dimension", - "$value": "12" - }, - "14": { - "$type": "dimension", - "$value": "14" - }, - "15": { - "$type": "dimension", - "$value": "15" - }, - "16": { - "$type": "dimension", - "$value": "16" - }, - "18": { - "$type": "dimension", - "$value": "18" - }, - "19": { - "$type": "dimension", - "$value": "19" - }, - "20": { - "$type": "dimension", - "$value": "20" - }, - "22": { - "$type": "dimension", - "$value": "22" - }, - "24": { - "$type": "dimension", - "$value": "24" - }, - "26": { - "$type": "dimension", - "$value": "26" - }, - "28": { - "$type": "dimension", - "$value": "28" - }, - "30": { - "$type": "dimension", - "$value": "30" - }, - "32": { - "$type": "dimension", - "$value": "32" - }, - "34": { - "$type": "dimension", - "$value": "34" - }, - "36": { - "$type": "dimension", - "$value": "36" - }, - "40": { - "$type": "dimension", - "$value": "40" - }, - "48": { - "$type": "dimension", - "$value": "48" - }, - "56": { - "$type": "dimension", - "$value": "56" - }, - "64": { - "$type": "dimension", - "$value": "64" - }, - "78": { - "$type": "dimension", - "$value": "78" - }, - "80": { - "$type": "dimension", - "$value": "80" - }, - "96": { - "$type": "dimension", - "$value": "96" - }, - "100": { - "$type": "dimension", - "$value": "100" - }, - "112": { - "$type": "dimension", - "$value": "112" - }, - "5-5": { - "$type": "dimension", - "$value": "5.5" - }, - "6-5": { - "$type": "dimension", - "$value": "6.5" - }, - "4-5": { - "$type": "dimension", - "$value": "4.5" - }, - "7-5": { - "$type": "dimension", - "$value": "7.5" - }, - "1-5": { - "$type": "dimension", - "$value": "1.5" - }, - "8-5": { - "$type": "dimension", - "$value": "8.5" - } - } - } } } }, @@ -2315,6 +2153,14 @@ "21": { "$type": "spacing", "$value": "{post.core.dimension.32}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.17}" + }, + "23": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" } } }, @@ -2351,6 +2197,10 @@ "size": { "$type": "sizing", "$value": "{post.core.dimension.24}" + }, + "size2": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" } }, "textfields": { @@ -2825,6 +2675,10 @@ "19": { "$type": "spacing", "$value": "{post.core.dimension.0}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" } }, "inline": { @@ -3327,6 +3181,10 @@ "21": { "$type": "spacing", "$value": "{post.core.dimension.24}" + }, + "22": { + "$type": "spacing", + "$value": "{post.core.dimension.11}" } } }, @@ -3363,6 +3221,10 @@ "size": { "$type": "sizing", "$value": "{post.core.dimension.20}" + }, + "size2": { + "$type": "sizing", + "$value": "{post.core.dimension.20}" } }, "textfields": { @@ -5632,7 +5494,7 @@ }, "size": { "$type": "sizing", - "$value": "tbd" + "$value": "{post.device.sizing.interactive.icon.size2}" } } } @@ -6367,112 +6229,6 @@ } } }, - "Components/Social media button": { - "post": { - "social-media-button": { - "footer": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" - }, - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.3}" - }, - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.2}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" - } - }, - "content": { - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" - }, - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" - }, - "outer": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.2}" - }, - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.1}" - }, - "border-width": { - "$type": "borderWidth", - "$value": "{post.device.border-width.default}" - } - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "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.round}" - }, - "elevation": { - "$type": "boxShadow", - "$value": "{post.device.elevation.100}" - } - } - } - }, "Components/Stepper": { "post": { "stepper": { @@ -8432,8 +8188,8 @@ "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.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff" + "post.mode.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" } }, { @@ -8580,6 +8336,7 @@ "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.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", "post.mode.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", "post.mode.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", "post.mode.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", @@ -8592,8 +8349,7 @@ "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.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" } }, { @@ -8714,10 +8470,10 @@ "post.device.spacing.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.device.spacing.padding.block.9": "857855702e00b04d5681d15b4fb627619436a052", "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", + "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", - "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8819,6 +8575,7 @@ "post.device.spacing.padding.block.16": "58662a7aefe8b726678e0862bfab0bc7fcc0963d", "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", + "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", @@ -8853,7 +8610,6 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -9009,6 +8765,7 @@ "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0", "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", + "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", @@ -9054,8 +8811,7 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99" + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378" } }, { @@ -9352,7 +9108,6 @@ "Components/Popover": "enabled", "Components/Radio button": "enabled", "Components/Select": "enabled", - "Components/Social media button": "enabled", "Components/Stepper": "enabled", "Components/Switch": "enabled", "Components/Text area": "enabled", @@ -9379,7 +9134,11 @@ "$figmaModeId": "808:0", "$figmaVariableReferences": { "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", - "post.app-store.focus.outline": "92a06daa8a6092ce2812815a72e58e11122736a4", + "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", + "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", + "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016", + "post.app-store.focus.outline.offset": "d19a3aeece25bc28e189950717178de1a26a417d", + "post.app-store.focus.outline.color": "77f9914002cf889b0f53dab6fdc611a16e147a5e", "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", @@ -9646,11 +9405,11 @@ "post.list.item.enabled-fg": "4a570668b7059b0822f1e137471f2d255cc62f19", "post.list.item.hover-fg": "f7051e304ecb770746a86ddbc231512baa96245b", "post.list.item.focus.outline.offset": "d066bc28e9b22c828149b8612a34becf5837f5f6", + "post.list.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", + "post.list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", - "post.list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", - "post.list.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", @@ -9966,10 +9725,7 @@ "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", - "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371", - "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", - "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", - "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016" + "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371" } }, { @@ -10108,7 +9864,6 @@ "Components/Radio button", "Components/Select", "Components/Snackbar", - "Components/Social media button", "Components/Stepper", "Components/Switch", "Components/Text area", From 3fa1a584ee81007bf354908934c21ab7c96f169b Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 8 Oct 2024 09:52:03 +0200 Subject: [PATCH 03/41] chore(tokens): connected semantical tokens to list component tokens --- .../tokens/tokensstudio-generated/tokens.json | 36 ++++++++++++++----- 1 file changed, 28 insertions(+), 8 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 50fcbf4d8a..ceb051e187 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2161,6 +2161,10 @@ "23": { "$type": "spacing", "$value": "{post.core.dimension.16}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.3}" } } }, @@ -2679,6 +2683,14 @@ "22": { "$type": "spacing", "$value": "{post.core.dimension.16}" + }, + "23": { + "$type": "spacing", + "$value": "{post.core.dimension.15}" + }, + "24": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } }, "inline": { @@ -3185,6 +3197,14 @@ "22": { "$type": "spacing", "$value": "{post.core.dimension.11}" + }, + "23": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, + "24": { + "$type": "spacing", + "$value": "{post.button.gap.block.2}" } } }, @@ -5424,11 +5444,11 @@ "block": { "start": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.block.22}" }, "end": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.block.23}" } } }, @@ -5440,25 +5460,25 @@ }, "enabled-border": { "$type": "color", - "$value": "tbd" + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" }, "hover-border": { "$type": "color", - "$value": "tbd" + "$value": "{post.mode.color.interactive.primary.hover.stroke}" }, "enabled-fg": { "$type": "color", - "$value": "tbd" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, "hover-fg": { "$type": "color", - "$value": "tbd" + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" }, "focus": { "outline": { "offset": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.2}" } }, "outline-style": { @@ -5484,7 +5504,7 @@ "padding": { "block": { "$type": "spacing", - "$value": "tbd" + "$value": "{post.device.spacing.padding.block.24}" }, "inline": { "$type": "spacing", From a8855865d9bca272227530d9cbfc8baeff0a335a Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 8 Oct 2024 14:40:10 +0200 Subject: [PATCH 04/41] refactor(tokens):changed some list tokens according to cahgnes in Design --- .../tokens/tokensstudio-generated/tokens.json | 134 +++++++----------- 1 file changed, 55 insertions(+), 79 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index ceb051e187..83685417ba 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3196,11 +3196,11 @@ }, "22": { "$type": "spacing", - "$value": "{post.core.dimension.11}" + "$value": "{post.core.dimension.12}" }, "23": { "$type": "spacing", - "$value": "{post.core.dimension.10}" + "$value": "{post.core.dimension.11}" }, "24": { "$type": "spacing", @@ -5516,6 +5516,14 @@ "$type": "sizing", "$value": "{post.device.sizing.interactive.icon.size2}" } + }, + "switch": { + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.18}" + } + } } } } @@ -7059,6 +7067,7 @@ } } }, + "Components/Grid": {}, "Components/Validation": { "post": { "validation": { @@ -7894,7 +7903,8 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Components/Grid": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8011,46 +8021,7 @@ "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", - "post.utility.spacing.dup.3": "92418a8c1414f01fde9135db533570f4a56d5bf2", - "post.utility.spacing.dup.4": "049bc30cbd6cc4d1597e1944715a48283ae07909", - "post.utility.spacing.dup.5": "5dac4ea148ce6b07948ecb6f9bb1bb2f0181a95d", - "post.utility.spacing.dup.6": "fdc441fa3b00561385dd9a6230e3fc7084346329", - "post.utility.spacing.dup.8": "5dd07038c8e737d7040ec0468eb4bf4414dc81a9", - "post.utility.spacing.dup.10": "abced30adcada42355bf66ff3bd3cc9f438f240e", - "post.utility.spacing.dup.11": "82369c7a3310d96d1d7da25a5dabc56b0d4e75d5", - "post.utility.spacing.dup.12": "98a79282457e9f75f8738bb804f19a36ea024f1c", - "post.utility.spacing.dup.14": "8d7b26579fd636cbd2666b14ff9bd6024fbbd3d2", - "post.utility.spacing.dup.15": "032682f8602419f1c2d903c425aebe143dd13423", - "post.utility.spacing.dup.16": "48744ef9ea5485c438b925b5e50bf388a57947cb", - "post.utility.spacing.dup.18": "d8ccd430a4b1a156dbf4762b2548c2fe2ce55db1", - "post.utility.spacing.dup.19": "a497fff770eac663acb27bb4d996015697142029", - "post.utility.spacing.dup.20": "5672d6eb0a99506507d0bd86fe3f9b2f1e03904e", - "post.utility.spacing.dup.22": "84241fbdb7d964613a652a36c33c57627abc3f30", - "post.utility.spacing.dup.24": "a4bda3a398caedaf9643f5bcfa86abafdedfbd15", - "post.utility.spacing.dup.26": "37f558f9ea348b0c322a1db0a72cfd332b772983", - "post.utility.spacing.dup.28": "0aaaef1558842e14b54d645b90fe35b0d1d3b30a", - "post.utility.spacing.dup.30": "dbf41e94215d61cd23e246e9731d2f47e01e7e60", - "post.utility.spacing.dup.32": "8be8c67dd319ef96e7208a3e8e67479c6499241e", - "post.utility.spacing.dup.34": "3de224c920a25d89930c5ab4e462968e1215f1e0", - "post.utility.spacing.dup.36": "2b1cd8f1f74cf604900aee9c6b9b1a5f581b39fa", - "post.utility.spacing.dup.40": "89a7f921ac312b4a196b8ed8fdc122d0cb17c59e", - "post.utility.spacing.dup.48": "d2dd27537edc3f1a2fe80627b29f15d268a4558b", - "post.utility.spacing.dup.56": "66eb9fff444ba8eb447114037db2063c84e83947", - "post.utility.spacing.dup.64": "dbf16a71eb91f503be2a2724f1510db1b9bf4b91", - "post.utility.spacing.dup.78": "c96831555685780d4876f79013af7b8a5f525bf0", - "post.utility.spacing.dup.80": "2ca827175d302e999d8307fee39cea9b4ba4917e", - "post.utility.spacing.dup.96": "afd205b79c7fb6ba82802f1067b50d55aaebc8d6", - "post.utility.spacing.dup.100": "bcd9030f63424d12a73550be12387422cc7d6b62", - "post.utility.spacing.dup.112": "1579fffe81d7858788908ee0e6c91b60b253b46d", - "post.utility.spacing.dup.5-5": "b0544aca049a8f37bedc7a23956373d78b2dbeee", - "post.utility.spacing.dup.6-5": "5aaab350d26b274a4800b85960d830f5e48370c3", - "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.17": "c790b5e37246187bd8939e276522ca4f697d9bf0" } }, { @@ -8059,7 +8030,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Components/Grid": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8219,7 +8191,8 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Mode/Dark": "enabled", + "Components/Grid": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8378,7 +8351,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Components/Grid": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8478,6 +8452,9 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", + "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", + "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8494,6 +8471,7 @@ "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", + "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8530,7 +8508,8 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Components/Grid": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8630,6 +8609,10 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", + "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", + "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", + "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", + "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8689,7 +8672,8 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Components/Grid": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8831,7 +8815,11 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", + "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", + "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", + "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca" } }, { @@ -8845,7 +8833,8 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Components/Grid": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8866,7 +8855,8 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Components/Grid": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8897,7 +8887,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled" + "Elements/ListNumber": "enabled", + "Components/Grid": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -8968,7 +8959,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled" + "Utilities/Color": "enabled", + "Components/Grid": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9148,7 +9140,8 @@ "Components/Validation": "enabled", "Utilities/Color": "source", "Components/App store badge": "enabled", - "Components/Form footer": "enabled" + "Components/Form footer": "enabled", + "Components/Grid": "disabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9430,6 +9423,7 @@ "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", + "post.list.switch.padding.block": "f4d818760b6afc45e334e50776ad152fb18d54d9", "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", @@ -9560,28 +9554,6 @@ "post.snackbar.color.error-fg": "859c4782edc8ec6cd3569354f42336766ee272c5", "post.snackbar.color.error-stroke": "74374ac91c484a7d91f7c95779d2d1af98fd7e36", "post.snackbar.color.error-icon": "fb053dcadabccbdbe12d091934eb678e468af65c", - "post.social-media-button.footer.enabled-fg": "fa798efa74f07882ad2eb5335348341d1cd0e900", - "post.social-media-button.footer.enabled-bg": "522c78c9d29613192823e96833f28364efeea038", - "post.social-media-button.footer.enabled-stroke": "dfaffc9bb53b84fc3bb3215a02f5f1ada976d61f", - "post.social-media-button.footer.hover-fg": "354d602114a9727033a08707770636c4bcb5ab4e", - "post.social-media-button.footer.hover-bg": "888b6e5dfbbba72b4dc16f8fd45a66e38effdb2f", - "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", - "post.social-media-button.content.hover-fg": "cdaa599dec7aff1c09cefb274080121988eab79f", - "post.social-media-button.content.hover-bg": "7b7ab8fa05a4dfe13cca6b35dfe2306ccd769733", - "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.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", @@ -9796,7 +9768,8 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Components/Grid": "disabled" } }, { @@ -9812,7 +9785,8 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled" + "Theme/Post": "enabled", + "Components/Grid": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9837,7 +9811,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled" + "Theme/Cargo": "enabled", + "Components/Grid": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9892,6 +9867,7 @@ "Components/Toast", "Components/Inline notification", "Components/Lead", + "Components/Grid", "Components/Validation", "FigmaOnly", "Utilities/Spacing", From f9f25c1dc9cf97a4f39cfba5b937538eb9ae53d5 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 8 Oct 2024 15:49:16 +0200 Subject: [PATCH 05/41] feat(tokens):added grid tokens --- .../tokens/tokensstudio-generated/tokens.json | 148 ++++++++++++------ 1 file changed, 104 insertions(+), 44 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 83685417ba..f086c8edd3 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -347,6 +347,10 @@ "$type": "dimension", "$value": "112" }, + "1280": { + "$type": "dimension", + "$value": "1280px" + }, "5-5": { "$type": "dimension", "$value": "5.5" @@ -2414,6 +2418,28 @@ "$type": "borderWidth", "$value": "{post.core.dimension.1}" } + }, + "grid": { + "sizing": { + "gutter": { + "$type": "sizing", + "$value": "{post.core.dimension.24}" + }, + "container": { + "max-width": { + "$type": "sizing", + "$value": "{post.core.dimension.1280}" + } + } + }, + "padding": { + "inline": { + "container": { + "$type": "spacing", + "$value": "{post.core.dimension.40}" + } + } + } } } } @@ -2906,6 +2932,22 @@ "$type": "lineHeights", "$value": "{post.core.line-height.150}" } + }, + "grid": { + "sizing": { + "gutter": { + "$type": "sizing", + "$value": "{post.core.dimension.16}" + } + }, + "padding": { + "inline": { + "container": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + } + } + } } } } @@ -3402,6 +3444,16 @@ "$type": "lineHeights", "$value": "{post.core.line-height.150}" } + }, + "grid": { + "padding": { + "inline": { + "container": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + } + } + } } } } @@ -5036,6 +5088,28 @@ } } }, + "Components/Grid": { + "post": { + "grid": { + "gutter": { + "$type": "sizing", + "$value": "{post.device.grid.sizing.gutter}" + }, + "container": { + "max-width": { + "$type": "sizing", + "$value": "{post.device.grid.sizing.container.max-width}" + }, + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.device.grid.padding.inline.container}" + } + } + } + } + } + }, "Components/Icon button": { "post": { "icon-button": { @@ -5340,6 +5414,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/List": { "post": { "list": { @@ -7053,21 +7141,6 @@ } } }, - "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/Grid": {}, "Components/Validation": { "post": { "validation": { @@ -7903,8 +7976,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Components/Grid": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8030,8 +8102,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Components/Grid": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8191,8 +8262,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Components/Grid": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8351,8 +8421,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Components/Grid": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8508,8 +8577,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Components/Grid": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8672,8 +8740,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Components/Grid": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8833,8 +8900,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Components/Grid": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8855,8 +8921,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Components/Grid": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8887,8 +8952,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled", - "Components/Grid": "disabled" + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -8959,8 +9023,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled", - "Components/Grid": "disabled" + "Utilities/Color": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9141,7 +9204,7 @@ "Utilities/Color": "source", "Components/App store badge": "enabled", "Components/Form footer": "enabled", - "Components/Grid": "disabled" + "Components/Grid": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9768,8 +9831,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Components/Grid": "disabled" + "Utilities/Typo": "source" } }, { @@ -9785,8 +9847,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled", - "Components/Grid": "disabled" + "Theme/Post": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9811,8 +9872,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled", - "Components/Grid": "disabled" + "Theme/Cargo": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9852,7 +9912,9 @@ "Components/Checkbox", "Components/Dropdown", "Components/Form footer", + "Components/Grid", "Components/Icon button", + "Components/Lead", "Components/List", "Components/Notifications", "Components/Popover", @@ -9866,8 +9928,6 @@ "Components/Text input", "Components/Toast", "Components/Inline notification", - "Components/Lead", - "Components/Grid", "Components/Validation", "FigmaOnly", "Utilities/Spacing", From bec76dead6d0e063aaf37254995f4bc343431879 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 8 Oct 2024 16:08:04 +0200 Subject: [PATCH 06/41] feat(tokens):added a gap inline group for checkbox and radio button chore(tokens): changed a color on list on the semantical level as it was wrong before --- .../tokens/tokensstudio-generated/tokens.json | 274 +++--------------- 1 file changed, 38 insertions(+), 236 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index f086c8edd3..0bfd59cbcf 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -4848,6 +4848,10 @@ "text-start": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.12}" + }, + "group": { + "$type": "spacing", + "$value": "tbd" } } }, @@ -5560,13 +5564,17 @@ }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.mode.color.interactive.primary.hover.fg1}" }, "focus": { "outline": { "offset": { "$type": "spacing", "$value": "{post.device.spacing.padding.2}" + }, + "color": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" } }, "outline-style": { @@ -6001,6 +6009,10 @@ "text-start": { "$type": "spacing", "$value": "{post.device.spacing.gap.inline.12}" + }, + "group": { + "$type": "spacing", + "$value": "tbd" } } }, @@ -8042,6 +8054,7 @@ "post.core.dimension.14": "5603311eb30f16a10d759a9a670a69e6b3488e7a", "post.core.dimension.15": "c9b690012237e58b74ee627b94e0459b847abaeb", "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", + "post.core.dimension.17": "c790b5e37246187bd8939e276522ca4f697d9bf0", "post.core.dimension.18": "a8d771a99eb5f445437880a6f1f4176857a99e9f", "post.core.dimension.19": "b733f96e2819d633f99f2fec757ee6943d924e62", "post.core.dimension.20": "fe5b4a93e0c7b12da9cbc7e49ebb82d9459a1bc3", @@ -8093,7 +8106,7 @@ "post.core.font-family.frutiger": "7a8104756190e8b94f97c29243dd5d7d142a7065", "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea", "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20", - "post.core.dimension.17": "c790b5e37246187bd8939e276522ca4f697d9bf0" + "post.core.dimension.1280": "80e7b3e1755e8cdce684d233544da4d76fd698dc" } }, { @@ -8482,6 +8495,9 @@ "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0", + "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", + "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", + "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca", "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389", "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5", "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7", @@ -8521,9 +8537,8 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", - "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", - "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca", + "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8567,7 +8582,8 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" } }, { @@ -8643,6 +8659,9 @@ "post.device.spacing.padding.block.17": "57a8b79e7d3b5324642cb9aa7b6a784db48e53b2", "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", + "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", + "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", + "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", @@ -8650,6 +8669,7 @@ "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.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", "post.device.sizing.interactive.button.height.1": "d1728826d76d3d661dd12e94675a8747f6901a9a", @@ -8677,10 +8697,7 @@ "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", - "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", - "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", - "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", - "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca", + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8723,7 +8740,9 @@ "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", - "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378" + "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", + "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" } }, { @@ -8837,6 +8856,9 @@ "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0", "post.device.spacing.padding.block.20": "149611a109df9284e16adfbcdc0ea79e1c8e7b17", "post.device.spacing.padding.block.21": "249439e95218f5a9ea5cb14b01381d3c42758f99", + "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", + "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", + "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca", "post.device.spacing.margin.1": "1f9ac7585069a5d9f5c14c65a08b6c658bc0a0a5", "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", @@ -8844,6 +8866,7 @@ "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.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", @@ -8883,10 +8906,9 @@ "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", - "post.device.spacing.padding.block.22": "06bf3cc9f111447dd5ab49c5fcd5319f22842089", - "post.device.spacing.padding.block.23": "217fb5f28fcf01b9f362f0e45f0c0780d38150b6", - "post.device.spacing.padding.block.24": "f686d2271f0067fa4db06c30ee1db53bd954d0ca" + "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" } }, { @@ -9209,28 +9231,10 @@ "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", "$figmaVariableReferences": { - "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", - "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", - "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", - "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016", - "post.app-store.focus.outline.offset": "d19a3aeece25bc28e189950717178de1a26a417d", "post.app-store.focus.outline.color": "77f9914002cf889b0f53dab6fdc611a16e147a5e", - "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", - "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", - "post.badge.height.l": "58e1d54dd36a4f39b8209f296caf3397b827a411", - "post.badge.height.m": "2e52458086101c06edf5625ca91d13203dce37fa", - "post.badge.height.s": "8c37a52b9c2a0f213cc6587e78426720846c0ff3", - "post.badge.padding.inline.l": "b4a27b986f7b41b76706ed64f48fa0b58e5a94cd", - "post.badge.padding.inline.m": "ef5d9211fd7630f188598a1a60edadb23c990d3c", - "post.banner.spacing.padding.outer": "a4e3ea30b88cfaf40cde8d6c0ee7cbe58945eeab", - "post.banner.spacing.padding.action": "904043b311848b36126f0e5cf760dc76d330941e", - "post.banner.spacing.gap.outer": "d8da80040d9b6acc1f22c86a84bf84d40b6ac2a0", - "post.banner.spacing.gap.inner": "a7af357e6c39a573c2de40afccfb404477398ec6", - "post.banner.spacing.gap.action": "35d88e6f51c0bb6f3c9026e30e9f863496b4b12b", - "post.banner.sizing.icon": "def23942610e63363ad2812ad745696200f75f64", "post.banner.color.info-bg": "37e528a0d0af4cce9b308fc9683615c52390afa1", "post.banner.color.info-fg": "6663b4bafb74c15ee9c55cca2963764973183dc5", "post.banner.color.info-stroke": "929edf818223e55e89c20964ec5a6ea7cfc66557", @@ -9251,28 +9255,8 @@ "post.breadcrumb.hover-fg": "9848a57f5708dd944ac7a829f5031edcc927f7ba", "post.breadcrumb.selected-fg": "11ba9dc52d4c5ff12c180643b18255c8f570da7a", "post.breadcrumb.focus.outline": "54da5c7d58e96de608657b4da381c50bc4e4c96b", - "post.breadcrumb.focus.outline-width": "9f2fd3618cfdd207f8c717133600e515dbd99823", - "post.breadcrumb.focus.padding.outline": "aace328623a36b12e1a43a3ddc2967b639c050b4", - "post.breadcrumb.focus.outline-radius": "eb4bfc145bc77ac16b3af962aac5e72d5905f320", - "post.breadcrumb.padding.block.text": "79f90c13e2a49c831f794b81a04e23510cc264db", - "post.breadcrumb.padding.block.icon": "448e288b353b6b9e0fb1f8afc789b347072374df", - "post.breadcrumb.padding.inline.icon": "7a73ca6ac411c1557c22e621e2fa1129d6bdff91", - "post.breadcrumb.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052", - "post.breadcrumb.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd", - "post.breadcrumb.selected.font-weight": "c26e16ce48b87d25d173a722ccbc4f7c3c438841", "post.button.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215", "post.button.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af", - "post.button.focus.border-width": "b626550a088cd45823ccc7e199039eb3fe97067a", - "post.button.focus.outline.offset": "16f0e8f98548e4ef11e181746cf119ea8cf359ed", - "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9", - "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5", - "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62", - "post.button.large.gap.inline": "5b671e7ab0c62f109540257c2096b3676ab1b7e7", - "post.button.large.height": "51bdaab951f9777006a59997af49abde6a60b852", - "post.button.large.padding.inline": "d8fb708dad9c635bbafe39aa9099289b6e00d5f6", - "post.button.large.icon": "4d95ef492735c0698e37dbf889ed4b629ca19eb6", - "post.button.padding.block.icon-inner": "375cef56479a6a359c87c2fa3529a88d1d0056a9", - "post.button.padding.inline.icon-inner": "856a22c933dcc7cb878afb7524cb0ea66b185a6d", "post.button.primary.enabled-fg": "039ca18e2208c77d1d8a2892aa2418479c4edffe", "post.button.primary.enabled-bg": "0cdd29650833d2c7bbcb3aa7719bf17a32d36e8b", "post.button.primary.enabled-stroke": "9f499a134f7fa536b23d0d57b72ed6558186a158", @@ -9327,16 +9311,6 @@ "post.button.tertiary-inverted.disabled-fg": "26598578d2e9f8f492aaf8f6a9eb6e4254140c25", "post.button.tertiary-inverted.disabled-bg": "7ae85d982ddd188dd3bf33faa0f7ed7a7a40b713", "post.button.tertiary-inverted.disabled-stroke": "eacc46c7cab638738dba7ec112b8929ee4a031e2", - "post.button.medium.height": "48d44f831cae6e5f41d01f3eb7dcbb19d1ea572f", - "post.button.medium.gap.inline": "bc9458158633c62da2a94a576f040b70bd3d3fb4", - "post.button.medium.padding.inline": "cb2499fd2ad523f33f3ff6192abefcb356000ac3", - "post.button.medium.icon": "784a9b422bb7328a4322671591cc9ae28927fab4", - "post.button.small.height": "7ef5bf6b5fdeadf8b5a48bc9e6a4f0205272e8e1", - "post.button.small.gap.inline": "5cee69191171d877a8e84dde5deac99a87dd143a", - "post.button.small.padding.inline": "34ab1a6a2a326f3c9fbd5a71293f8d2c2e59fae2", - "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", @@ -9352,33 +9326,8 @@ "post.checkbox.selected-stroke": "9f457bf24e972f9f8a7d551d304675edee096461", "post.checkbox.disabled-stroke": "450e5256bebdcb568e9093e4dd3bfaa329f76d39", "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.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", - "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d", - "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.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", - "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", - "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", "post.dropdown.multi-select.menu.category-title.stroke": "d14601d9070126646ea0a06fadc7715113a8b867", "post.dropdown.multi-select.menu.category-title.enabled-fg": "6558708794830f02a60c5e2a9fb24f5f205624b8", - "post.dropdown.multi-select.menu.category-title.font-weight": "cdbe183f689777b5097b8f78c62c0c3e8f4214ef", - "post.dropdown.multi-select.menu.list-item.padding.inline.start": "3e53edc523387e5a64df8218b5e2c61b3d49d59c", - "post.dropdown.multi-select.menu.list-item.padding.inline.end": "a31ccebc3eedf24d9b35e58b0c2d32d87859b725", - "post.dropdown.multi-select.menu.list-item.padding.block.start": "584e851cd34060734fadb6d67ec530d027d3558f", - "post.dropdown.multi-select.menu.list-item.padding.block.end": "9b835f93c50b46cc7bc7a3f33253e8f86a93cb5b", - "post.dropdown.multi-select.menu.list-item.gap.inline.text-start": "1d4a4948d70b06601536ee22dce4255fbf846394", - "post.dropdown.multi-select.menu.list-item.border-width.bottom": "e36f940ea1f152976ccaa36cfa2cf8bdd3266573", - "post.dropdown.multi-select.menu.list-item.border-width.focus": "205907f0cfbed21a14319d1e9fb1ab48fe583828", - "post.dropdown.multi-select.menu.list-item.icon.spacing.height.outer": "0bd536964411f0d340eb3ce6cfb27426882147ee", "post.dropdown.multi-select.menu.list-item.enabled-fg": "7feb95cc1c61e3e16c1e9efb74b6944f0fe562d1", "post.dropdown.multi-select.menu.list-item.hover-fg": "f7eb371fafa736714c2b47aba317c6d1b7a57a59", "post.dropdown.multi-select.menu.list-item.enabled-bg": "64fd988b0510a71cb37d0d25ff495a6e135b0b0f", @@ -9386,18 +9335,9 @@ "post.dropdown.multi-select.menu.list-item.hover-stroke": "d456d03d81c10ee3953fa5f9adddbb5d72ff677c", "post.dropdown.multi-select.menu.list-item.focus.stroke": "4b5c7d7ddcd4d13f55f42020a216c4ed4b74d4ef", "post.dropdown.multi-select.menu.list-item.enabled-stroke": "757662a00b6fceb039c47168c52a9a96170a4996", - "post.dropdown.multi-select.menu.padding.block": "e885da1f27f58d8d77336fa1cc12b08fca18655f", - "post.dropdown.multi-select.menu.border-radius": "df7ff5e9ed31e5d3c9bab7ff70c498dbf05669a9", - "post.form-footer.border.block.start.width": "435984a357bd0e8d998641046968135544c42ca3", "post.form-footer.border.start.color": "fe40a4f98b31cb6fc9c83a1d1ba0398c677d545f", - "post.form-footer.padding.block.start": "7e99d301b97b416b17ee532a082c33e6e7e6160b", - "post.form-footer.gap": "c5fef62c41382d0294a322c4256feb0ef9f3f592", "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", - "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", - "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", "post.icon-button.primary.enabled-bg": "fb9e8925db5731ccbc31c35c7bc9ff5486c72ca9", "post.icon-button.primary.enabled-stroke": "b2b39117c955a3d67cdabd5c29c287416fbca88d", @@ -9452,46 +9392,14 @@ "post.icon-button.tertiary-inverted.disabled-fg": "20787e22827b3da3cb49028cae51ccb50c7388da", "post.icon-button.tertiary-inverted.disabled-bg": "e7126a822df078674f2aec83b0cc53dc4414e2d3", "post.icon-button.tertiary-inverted.disabled-stroke": "927bcf84be8d1e418c3db1c9d1fc64f0838b4271", - "post.icon-button.medium.outer": "bc160567508b25fb705a9a971367355385723808", - "post.icon-button.medium.icon": "11fb6d55934e5fc33d20892e98d1ae7d2d1b50a9", - "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.list.simple.checks.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", - "post.list.simple.checks.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", - "post.list.simple.checks.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", - "post.list.simple.checks.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", - "post.list.simple.checks.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", - "post.list.simple.checks.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57", - "post.list.simple.checks.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f", - "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.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", - "post.list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", - "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", - "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", - "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", - "post.list.switch.padding.block": "f4d818760b6afc45e334e50776ad152fb18d54d9", - "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", - "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", - "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", - "post.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646", - "post.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675", + "post.list.item.focus.outline.color": "0846e0ff8d338fd370fbff218c1ec6c81ba02ed3", "post.notification.color.info-bg": "dd58fcaffc293f7c3476f7c9ff3587e03d1f2c08", "post.notification.color.info-fg": "960070db1b1acfd602244a22812b2b5e13aeab75", "post.notification.color.info-stroke": "b566109ca058a5fcfe880153d6cdf4aed9357d7f", @@ -9513,31 +9421,17 @@ "post.popover.close-button.selected-fg": "090659f39fb6cbfb161bb6cd086a837563c142b2", "post.popover.close-button.hover-fg": "54c2584f67f1cdfb3028b9154a204de949b9975c", "post.popover.close-button.hover-bg": "9c3fbc005809a55251769fa02909ff85ad3b188a", - "post.popover.close-button.outer": "6e8157a3e50114fbe3be54ab0788615ab9642cf4", "post.popover.link.focus-stroke": "b7cd72baeb19c039bae4be96bfdbbf451eb2aa95", - "post.popover.link.padding.block": "013c450a779b61d44fb5948620cabe750bd71a15", "post.popover.link.enabled-fg": "18b49d57ee06ff750328b13fdb1294cc26343e16", "post.popover.link.selected-fg": "eade604686bd1b1374688e56aba1a2a9ef374c27", "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", "post.popover.icon.hover-fg": "4b3134f5e9fa6fc6ea7e8cf4440b0f955b1e217d", "post.popover.surface.bg": "fe303469406a88eca260acd78495a27e993d5546", "post.popover.surface.fg": "2ba95ba1a0133396753371b2c8d6c3dc6b9f4546", - "post.popover.surface.border-radius": "61bdae7c4acef94e7df9ea2cdab57cb2878bd129", - "post.popover.surface.padding.block": "3242c46c3db33bab169c3f5665df9989e5eecbc7", - "post.popover.surface.padding.inline.start": "7be172b774d057a329081922469f560024108915", - "post.popover.surface.padding.inline.end": "1446c8d1017fa330ef3c4137a0e1a83b341ed61e", - "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.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d", "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6", @@ -9551,22 +9445,6 @@ "post.radio-button.disabled-stroke": "5b28478865af1ccb34fa372cc316bba7c0eec8c2", "post.radio-button.selected-stroke": "e97845dba6dea97d27e389675a9f4ad2073ad586", "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.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.single": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", - "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", - "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", - "post.radio-button.label.padding.block": "9aa1af7161cf43024101355d41b51c12692a6bf9", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", @@ -9582,25 +9460,6 @@ "post.select.signal.error": "c4d5804f9170e9f941cf563670f9bff53e779621", "post.select.signal.success": "e38c6c1d1b7860808b15ad866d8c3a26442da1a2", "post.select.focus.stroke": "cbb185fea9c01ec53a6bbe7fb76e5847e200f566", - "post.select.focus.border-width": "dde13c70a45dbd41e9f1c522beb91b316a5b9d2f", - "post.select.gap.inline.section": "ac3ebd87d415a6198a37d600ba097e54572c4a64", - "post.select.filled.gap.inline.value": "119ad9b0ed6377bd24e8d0dee398b7b7ab123dd1", - "post.select.filled.padding.block.section": "1760720309a0c090e480db8b5486a8b238e74f97", - "post.select.unfilled.padding.block.section": "1a711d2c8b0bcb1dcaa9ea568fb51211b9654340", - "post.select.unfilled.padding.block.label": "6a28c8344e9ba48dca29059b3f39478806b17ee9", - "post.select.unfilled.focus.padding.block.section": "566f497dcc11af89235fae18aedc7b532c8cf8a4", - "post.select.padding.block.text-assist": "23351007b485c17d9031c72ba8971b23ab75d03d", - "post.select.padding.inline.section-start": "71d8968d54a8d6e1064464300e9b7701106d44f4", - "post.select.padding.inline.section-end": "b9a51dc4bd127de6a5378ef6e489c5d6220b091c", - "post.select.padding.inline.text-assist": "aeed8ff2cde7da9c4ffab340ce2625b4a8511cfd", - "post.select.icon.padding.droppdow-inner": "8ad0b3c04daec785f199be210ea8add0eade9b39", - "post.select.icon.signal": "45eb3379ac13b2ca5210d50e4a1c6d9df6665b5a", - "post.select.border-radius": "29949af715b324315a3f920fcc99aad9a1304e58", - "post.select.border-width": "563b42f522f5b9166a1f55a31d72facbc49aef0a", - "post.snackbar.spacing.gap.outer": "7e8a675dac556b5203604a1cef9b818396aab532", - "post.snackbar.spacing.padding.inline": "d89944e7e183261eb283eec69ecb4e35dbc6c718", - "post.snackbar.spacing.padding.block": "c7aa17bb7d398a3d5d306c986f3195a79a98afdb", - "post.snackbar.sizing.icon": "53e69292b2234d87ed1740012a1de380298c7f41", "post.snackbar.color.info-bg": "de92afdc2fb467982b2dde60e6b2ab3884380d15", "post.snackbar.color.info-fg": "4741dcdd57abe1ef0ba1bc520c9ea0fd7b165ba3", "post.snackbar.color.info-stroke": "ba831c0964f08c993580e33a4f92169a212a040e", @@ -9620,7 +9479,6 @@ "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c", "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9", "post.stepper.focus.stroke": "fff618d97ec67ceab1cde99155bc935c37cebc6f", - "post.stepper.focus.border-width": "c8107fa442b3f94a02ac89975b8d8f3d3929a2bd", "post.stepper.enabled-bg": "07e6a8499bfe2e8bd72382980b879e62f2d24749", "post.stepper.enabled-fg": "5d4a229bcb9e9a041a2716ae89eb722b6c6372c3", "post.stepper.completed-bg": "71e5b10a098d581b9d7a025b5e293f61be0fd585", @@ -9635,13 +9493,6 @@ "post.stepper.completed-stroke": "8a7170dbf027fc9505286028fd61b036d6410076", "post.stepper.hover-stroke": "8db9a0cbe8eea1f344363da9f9028510f731d44a", "post.stepper.disabled-stroke": "ab116401b9cd3fcfb532aa3eee8f011cae325132", - "post.stepper.gap.text-start": "973c3df60c62f3bb2022dfefdfcd62644cf365fd", - "post.stepper.padding.connector": "94b9a5b72406ebedaab9706b909eb686f652d0b9", - "post.stepper.border-radius.round": "bdc93fb44481875870ddfd11f0ae816c08fc4ead", - "post.stepper.indicator": "0d44c723e1c37c40adbb8d3047fc721c28cfc0ee", - "post.stepper.border-width": "0f6b907201f835723c78bd931860c49072f5601e", - "post.stepper.step-label.font-size": "0670d51aeed5a96ef2236a0a9b326a168da026f0", - "post.stepper.step-label.selected.font-weight": "a347f5456ee7834fe09e5cc0089dd31720d51a29", "post.switch.text.enabled-fg": "d8e30f4220950a7ac6d9acc5e2dd666958b89235", "post.switch.text.disabled-fg": "3b8f6ecd4ce7c901b3b6fbe19b3938b4ee30090d", "post.switch.text.selected-fg": "c20a2549fa46c4f66e04c4f6f739349ee9032798", @@ -9649,9 +9500,6 @@ "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", - "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523", "post.switch.handle.enabled": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", "post.switch.handle.selected": "2f079a496bed636dcee54a30516d00f400de1f52", "post.switch.handle.selected-stroke": "18d9b72bedfc5af7007948148e850f31754c6efb", @@ -9668,14 +9516,6 @@ "post.switch.element.hover-stroke": "3a916db6238187c672c6be218f714d9cb6bf87f3", "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696", "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11", - "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712", - "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655", - "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", - "post.switch.gap.inline.text": "247b45d301bcca98b2d94934a5bf224368055263", - "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", - "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", - "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", - "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", @@ -9691,20 +9531,8 @@ "post.textarea.color.signal.error": "a18efce3d87124d0c761a901e681d836d13b61a8", "post.textarea.color.signal.success": "cb87cd3fe7dfbd21d0be540a812560c712c212de", "post.textarea.color.focus.stroke": "0936d873439e1ea11c7db831c744fe3fd579a589", - "post.textarea.spacing.gap.inline.1": "9a27c39a9cbf50dd75969f891f6b5bb6f057c8ab", - "post.textarea.spacing.padding.block.text-assist": "fd897dc4473aaf02dcb64a89eea49eac6b57b5e1", - "post.textarea.spacing.padding.block.text4": "865d08d100de52d4423d06ee3bb82937b4d4e8ca", - "post.textarea.spacing.padding.block.textarea-top": "0ac5923f6f932a23a804931b91fe1b9f1826654f", - "post.textarea.spacing.padding.inline.text-start": "2a877a58bc4473993bedc28d4173c8a24aaedd85", - "post.textarea.spacing.padding.inline.text-end": "9dbc4fc8ea6184a3eeba4f71c5d6d333c689fc19", - "post.textarea.spacing.padding.inline.text-assist": "604885a8bec38c3de5690356837dbd20d0901a25", - "post.textarea.sizing.icon": "f1321b62580dd4cab2df1e4ef5fe5c3384a4e68e", - "post.textarea.border-radius.surface": "820ccb86ff7bca1eb9bef3fb4b560347bf7b34b4", "post.text-highlighted.bg": "27774fb04cb78f58f13895b833a4851be7e3486b", "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", @@ -9721,24 +9549,6 @@ "post.input.color.signal.error": "7ddc0bfe846c295b5a215c45e423a2fdddf6959a", "post.input.color.signal.success": "0157a5c40c9a4eb6f87cfddd9a5c3f3a8a67282e", "post.input.color.focus.stroke": "452d98281ca79ef631cedc28e552caf6c097c143", - "post.input.spacing.gap.inline.1": "ea0f287f910901d9a2754175427d33874636908d", - "post.input.spacing.gap.inline.2": "e17ec3bfeef8ad59d33f8ed4028bcbeffb3c2e65", - "post.input.spacing.padding.block.text1": "a2dbf734944c2720e08b06ba2f0d4446807214a7", - "post.input.spacing.padding.block.text2": "16e43ccd63e09b43f7078bfdc6bee6432ea4fe9a", - "post.input.spacing.padding.block.text-assist": "74fa0091e635d194f2726e8a49d63029f797d7b1", - "post.input.spacing.padding.block.text5": "be118ff83da708f6758b8dda877fadaea5a24e3d", - "post.input.spacing.padding.inline.text-start": "95d346d8cf0d15d92cbb0d838ad1d21e2196d909", - "post.input.spacing.padding.inline.text-end": "251080d245b6ce91ef6947cedb9d8710871c1e45", - "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", - "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", - "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", - "post.toast.spacing.padding.action": "7b789908238cacf3f7c6b327401296ec0a1da28c", - "post.toast.spacing.padding.inline": "014e44c5cc1c44d944c9d6df6c213c429f99c76d", - "post.toast.spacing.padding.block": "8588d5bd126b4227934aec9c655f6dbcb10a84b7", - "post.toast.spacing.gap.action": "058716a3eaaad625c77cc0677b9d50ea493ced97", - "post.toast.spacing.gap.outer": "8b9c9b71b40f08768314fc1d88b16b5a37b5aaf3", - "post.toast.spacing.gap.inner": "84a01f0f5127e1cf2eab6816f58b837d3e8d9d05", - "post.toast.sizing.icon": "757c4eaf2fd47fc952756b6b82f6b1c923ba53cb", "post.toast.color.info-bg": "9b44e71ba3660743c70532b709c7e5b2f36986f1", "post.toast.color.info-fg": "12d3e39eadce4e17b6b3ae4490031ce80a9bff22", "post.toast.color.info-stroke": "9cd0ac82e620c006770bd0061d2f608df9ffd442", @@ -9755,10 +9565,6 @@ "post.toast.color.error-fg": "3cd318ecaa756db2fe98be4cd0c2d2c5a9f231d0", "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69", "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040", - "post.inline.spacing.gap.outer": "555546c4e32aa1bc864185522fd56be3c0f71914", - "post.inline.spacing.gap.inner": "43ab45d7753ed586955faa45badffd72120e4ad1", - "post.inline.spacing.padding.block": "cebf7c4d7511b0f8492f29df50b91646d6e53ba8", - "post.inline.sizing.icon": "e325f303ff12704d2d055094df295afc039852d5", "post.inline.color.info-bg": "8ebb9328400f7884f24cefb5817dce6225f8f0dc", "post.inline.color.info-fg": "a22c6cbdd2ba4f5c77159f8fe2e243a425d861fd", "post.inline.color.info-stroke": "ddc6c3460435ba9df577e114c0127855648f1d00", @@ -9775,10 +9581,6 @@ "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.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", - "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371" } From c23d118d14c5c8c471cabf28c5fc27c1f4f54f57 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 8 Oct 2024 16:24:09 +0200 Subject: [PATCH 07/41] feat/refactor(tokens):finished the rest of the tokens for item list --- .../tokens/tokensstudio-generated/tokens.json | 233 +++++++++++++++++- 1 file changed, 232 insertions(+), 1 deletion(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 0bfd59cbcf..0549fddcbc 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3246,7 +3246,7 @@ }, "24": { "$type": "spacing", - "$value": "{post.button.gap.block.2}" + "$value": "{post.core.dimension.2}" } } }, @@ -5584,6 +5584,10 @@ "outline-width": { "$type": "borderWidth", "$value": "{post.device.border-width.focus}" + }, + "outline-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.focus}" } }, "border-width": { @@ -9231,10 +9235,28 @@ "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", "$figmaVariableReferences": { + "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", + "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", + "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", + "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016", + "post.app-store.focus.outline.offset": "d19a3aeece25bc28e189950717178de1a26a417d", "post.app-store.focus.outline.color": "77f9914002cf889b0f53dab6fdc611a16e147a5e", + "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", + "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", + "post.badge.height.l": "58e1d54dd36a4f39b8209f296caf3397b827a411", + "post.badge.height.m": "2e52458086101c06edf5625ca91d13203dce37fa", + "post.badge.height.s": "8c37a52b9c2a0f213cc6587e78426720846c0ff3", + "post.badge.padding.inline.l": "b4a27b986f7b41b76706ed64f48fa0b58e5a94cd", + "post.badge.padding.inline.m": "ef5d9211fd7630f188598a1a60edadb23c990d3c", + "post.banner.spacing.padding.outer": "a4e3ea30b88cfaf40cde8d6c0ee7cbe58945eeab", + "post.banner.spacing.padding.action": "904043b311848b36126f0e5cf760dc76d330941e", + "post.banner.spacing.gap.outer": "d8da80040d9b6acc1f22c86a84bf84d40b6ac2a0", + "post.banner.spacing.gap.inner": "a7af357e6c39a573c2de40afccfb404477398ec6", + "post.banner.spacing.gap.action": "35d88e6f51c0bb6f3c9026e30e9f863496b4b12b", + "post.banner.sizing.icon": "def23942610e63363ad2812ad745696200f75f64", "post.banner.color.info-bg": "37e528a0d0af4cce9b308fc9683615c52390afa1", "post.banner.color.info-fg": "6663b4bafb74c15ee9c55cca2963764973183dc5", "post.banner.color.info-stroke": "929edf818223e55e89c20964ec5a6ea7cfc66557", @@ -9255,8 +9277,28 @@ "post.breadcrumb.hover-fg": "9848a57f5708dd944ac7a829f5031edcc927f7ba", "post.breadcrumb.selected-fg": "11ba9dc52d4c5ff12c180643b18255c8f570da7a", "post.breadcrumb.focus.outline": "54da5c7d58e96de608657b4da381c50bc4e4c96b", + "post.breadcrumb.focus.outline-width": "9f2fd3618cfdd207f8c717133600e515dbd99823", + "post.breadcrumb.focus.padding.outline": "aace328623a36b12e1a43a3ddc2967b639c050b4", + "post.breadcrumb.focus.outline-radius": "eb4bfc145bc77ac16b3af962aac5e72d5905f320", + "post.breadcrumb.padding.block.text": "79f90c13e2a49c831f794b81a04e23510cc264db", + "post.breadcrumb.padding.block.icon": "448e288b353b6b9e0fb1f8afc789b347072374df", + "post.breadcrumb.padding.inline.icon": "7a73ca6ac411c1557c22e621e2fa1129d6bdff91", + "post.breadcrumb.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052", + "post.breadcrumb.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd", + "post.breadcrumb.selected.font-weight": "c26e16ce48b87d25d173a722ccbc4f7c3c438841", "post.button.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215", "post.button.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af", + "post.button.focus.border-width": "b626550a088cd45823ccc7e199039eb3fe97067a", + "post.button.focus.outline.offset": "16f0e8f98548e4ef11e181746cf119ea8cf359ed", + "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9", + "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5", + "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62", + "post.button.large.gap.inline": "5b671e7ab0c62f109540257c2096b3676ab1b7e7", + "post.button.large.height": "51bdaab951f9777006a59997af49abde6a60b852", + "post.button.large.padding.inline": "d8fb708dad9c635bbafe39aa9099289b6e00d5f6", + "post.button.large.icon": "4d95ef492735c0698e37dbf889ed4b629ca19eb6", + "post.button.padding.block.icon-inner": "375cef56479a6a359c87c2fa3529a88d1d0056a9", + "post.button.padding.inline.icon-inner": "856a22c933dcc7cb878afb7524cb0ea66b185a6d", "post.button.primary.enabled-fg": "039ca18e2208c77d1d8a2892aa2418479c4edffe", "post.button.primary.enabled-bg": "0cdd29650833d2c7bbcb3aa7719bf17a32d36e8b", "post.button.primary.enabled-stroke": "9f499a134f7fa536b23d0d57b72ed6558186a158", @@ -9311,6 +9353,16 @@ "post.button.tertiary-inverted.disabled-fg": "26598578d2e9f8f492aaf8f6a9eb6e4254140c25", "post.button.tertiary-inverted.disabled-bg": "7ae85d982ddd188dd3bf33faa0f7ed7a7a40b713", "post.button.tertiary-inverted.disabled-stroke": "eacc46c7cab638738dba7ec112b8929ee4a031e2", + "post.button.medium.height": "48d44f831cae6e5f41d01f3eb7dcbb19d1ea572f", + "post.button.medium.gap.inline": "bc9458158633c62da2a94a576f040b70bd3d3fb4", + "post.button.medium.padding.inline": "cb2499fd2ad523f33f3ff6192abefcb356000ac3", + "post.button.medium.icon": "784a9b422bb7328a4322671591cc9ae28927fab4", + "post.button.small.height": "7ef5bf6b5fdeadf8b5a48bc9e6a4f0205272e8e1", + "post.button.small.gap.inline": "5cee69191171d877a8e84dde5deac99a87dd143a", + "post.button.small.padding.inline": "34ab1a6a2a326f3c9fbd5a71293f8d2c2e59fae2", + "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", @@ -9326,8 +9378,34 @@ "post.checkbox.selected-stroke": "9f457bf24e972f9f8a7d551d304675edee096461", "post.checkbox.disabled-stroke": "450e5256bebdcb568e9093e4dd3bfaa329f76d39", "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.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", + "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d", + "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.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", + "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", + "post.checkbox.label.padding.block": "1f0dbe15a811f9ac9a6699131a7925b19b90da68", + "post.checkbox.gap.inline.group": "e65d5b65b7b21225e8e823f960cdc68f730d225b", + "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", "post.dropdown.multi-select.menu.category-title.stroke": "d14601d9070126646ea0a06fadc7715113a8b867", "post.dropdown.multi-select.menu.category-title.enabled-fg": "6558708794830f02a60c5e2a9fb24f5f205624b8", + "post.dropdown.multi-select.menu.category-title.font-weight": "cdbe183f689777b5097b8f78c62c0c3e8f4214ef", + "post.dropdown.multi-select.menu.list-item.padding.inline.start": "3e53edc523387e5a64df8218b5e2c61b3d49d59c", + "post.dropdown.multi-select.menu.list-item.padding.inline.end": "a31ccebc3eedf24d9b35e58b0c2d32d87859b725", + "post.dropdown.multi-select.menu.list-item.padding.block.start": "584e851cd34060734fadb6d67ec530d027d3558f", + "post.dropdown.multi-select.menu.list-item.padding.block.end": "9b835f93c50b46cc7bc7a3f33253e8f86a93cb5b", + "post.dropdown.multi-select.menu.list-item.gap.inline.text-start": "1d4a4948d70b06601536ee22dce4255fbf846394", + "post.dropdown.multi-select.menu.list-item.border-width.bottom": "e36f940ea1f152976ccaa36cfa2cf8bdd3266573", + "post.dropdown.multi-select.menu.list-item.border-width.focus": "205907f0cfbed21a14319d1e9fb1ab48fe583828", + "post.dropdown.multi-select.menu.list-item.icon.spacing.height.outer": "0bd536964411f0d340eb3ce6cfb27426882147ee", "post.dropdown.multi-select.menu.list-item.enabled-fg": "7feb95cc1c61e3e16c1e9efb74b6944f0fe562d1", "post.dropdown.multi-select.menu.list-item.hover-fg": "f7eb371fafa736714c2b47aba317c6d1b7a57a59", "post.dropdown.multi-select.menu.list-item.enabled-bg": "64fd988b0510a71cb37d0d25ff495a6e135b0b0f", @@ -9335,9 +9413,21 @@ "post.dropdown.multi-select.menu.list-item.hover-stroke": "d456d03d81c10ee3953fa5f9adddbb5d72ff677c", "post.dropdown.multi-select.menu.list-item.focus.stroke": "4b5c7d7ddcd4d13f55f42020a216c4ed4b74d4ef", "post.dropdown.multi-select.menu.list-item.enabled-stroke": "757662a00b6fceb039c47168c52a9a96170a4996", + "post.dropdown.multi-select.menu.padding.block": "e885da1f27f58d8d77336fa1cc12b08fca18655f", + "post.dropdown.multi-select.menu.border-radius": "df7ff5e9ed31e5d3c9bab7ff70c498dbf05669a9", + "post.form-footer.border.block.start.width": "435984a357bd0e8d998641046968135544c42ca3", "post.form-footer.border.start.color": "fe40a4f98b31cb6fc9c83a1d1ba0398c677d545f", + "post.form-footer.padding.block.start": "7e99d301b97b416b17ee532a082c33e6e7e6160b", + "post.form-footer.gap": "c5fef62c41382d0294a322c4256feb0ef9f3f592", + "post.grid.gutter": "f62d09ab74731ba66a0cb6d73a589a4929a4c061", + "post.grid.container.max-width": "2a1752769b46f42590f2f73e8cdb7c4629ecf4fd", + "post.grid.container.padding.inline": "56d9dc77474c3c19eb5c83a89ba155f6a7b2c262", "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e", "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119", + "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f", + "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", "post.icon-button.primary.enabled-bg": "fb9e8925db5731ccbc31c35c7bc9ff5486c72ca9", "post.icon-button.primary.enabled-stroke": "b2b39117c955a3d67cdabd5c29c287416fbca88d", @@ -9392,14 +9482,50 @@ "post.icon-button.tertiary-inverted.disabled-fg": "20787e22827b3da3cb49028cae51ccb50c7388da", "post.icon-button.tertiary-inverted.disabled-bg": "e7126a822df078674f2aec83b0cc53dc4414e2d3", "post.icon-button.tertiary-inverted.disabled-stroke": "927bcf84be8d1e418c3db1c9d1fc64f0838b4271", + "post.icon-button.medium.outer": "bc160567508b25fb705a9a971367355385723808", + "post.icon-button.medium.icon": "11fb6d55934e5fc33d20892e98d1ae7d2d1b50a9", + "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.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", + "post.list.simple.checks.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", + "post.list.simple.checks.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", + "post.list.simple.checks.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", + "post.list.simple.checks.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", + "post.list.simple.checks.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", + "post.list.simple.checks.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57", + "post.list.simple.checks.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f", + "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.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", + "post.list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", + "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", + "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", + "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", + "post.list.switch.padding.block": "f4d818760b6afc45e334e50776ad152fb18d54d9", "post.list.item.focus.outline.color": "0846e0ff8d338fd370fbff218c1ec6c81ba02ed3", + "post.list.item.focus.outline-radius": "da1e12bc7bde2114427b1ed43baeb55c0c7dd5eb", + "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", + "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", + "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", + "post.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646", + "post.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675", "post.notification.color.info-bg": "dd58fcaffc293f7c3476f7c9ff3587e03d1f2c08", "post.notification.color.info-fg": "960070db1b1acfd602244a22812b2b5e13aeab75", "post.notification.color.info-stroke": "b566109ca058a5fcfe880153d6cdf4aed9357d7f", @@ -9421,17 +9547,31 @@ "post.popover.close-button.selected-fg": "090659f39fb6cbfb161bb6cd086a837563c142b2", "post.popover.close-button.hover-fg": "54c2584f67f1cdfb3028b9154a204de949b9975c", "post.popover.close-button.hover-bg": "9c3fbc005809a55251769fa02909ff85ad3b188a", + "post.popover.close-button.outer": "6e8157a3e50114fbe3be54ab0788615ab9642cf4", "post.popover.link.focus-stroke": "b7cd72baeb19c039bae4be96bfdbbf451eb2aa95", + "post.popover.link.padding.block": "013c450a779b61d44fb5948620cabe750bd71a15", "post.popover.link.enabled-fg": "18b49d57ee06ff750328b13fdb1294cc26343e16", "post.popover.link.selected-fg": "eade604686bd1b1374688e56aba1a2a9ef374c27", "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", "post.popover.icon.hover-fg": "4b3134f5e9fa6fc6ea7e8cf4440b0f955b1e217d", "post.popover.surface.bg": "fe303469406a88eca260acd78495a27e993d5546", "post.popover.surface.fg": "2ba95ba1a0133396753371b2c8d6c3dc6b9f4546", + "post.popover.surface.border-radius": "61bdae7c4acef94e7df9ea2cdab57cb2878bd129", + "post.popover.surface.padding.block": "3242c46c3db33bab169c3f5665df9989e5eecbc7", + "post.popover.surface.padding.inline.start": "7be172b774d057a329081922469f560024108915", + "post.popover.surface.padding.inline.end": "1446c8d1017fa330ef3c4137a0e1a83b341ed61e", + "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.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d", "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6", @@ -9445,6 +9585,23 @@ "post.radio-button.disabled-stroke": "5b28478865af1ccb34fa372cc316bba7c0eec8c2", "post.radio-button.selected-stroke": "e97845dba6dea97d27e389675a9f4ad2073ad586", "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.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.single": "ef11a6bbb7ff357c7c1921022a8ec03da739c6f9", + "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", + "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", + "post.radio-button.label.padding.block": "9aa1af7161cf43024101355d41b51c12692a6bf9", + "post.radio-button.gap.inline.group": "0d348d17ca88dc80d153be265c58c3ff2c501b4f", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", @@ -9460,6 +9617,25 @@ "post.select.signal.error": "c4d5804f9170e9f941cf563670f9bff53e779621", "post.select.signal.success": "e38c6c1d1b7860808b15ad866d8c3a26442da1a2", "post.select.focus.stroke": "cbb185fea9c01ec53a6bbe7fb76e5847e200f566", + "post.select.focus.border-width": "dde13c70a45dbd41e9f1c522beb91b316a5b9d2f", + "post.select.gap.inline.section": "ac3ebd87d415a6198a37d600ba097e54572c4a64", + "post.select.filled.gap.inline.value": "119ad9b0ed6377bd24e8d0dee398b7b7ab123dd1", + "post.select.filled.padding.block.section": "1760720309a0c090e480db8b5486a8b238e74f97", + "post.select.unfilled.padding.block.section": "1a711d2c8b0bcb1dcaa9ea568fb51211b9654340", + "post.select.unfilled.padding.block.label": "6a28c8344e9ba48dca29059b3f39478806b17ee9", + "post.select.unfilled.focus.padding.block.section": "566f497dcc11af89235fae18aedc7b532c8cf8a4", + "post.select.padding.block.text-assist": "23351007b485c17d9031c72ba8971b23ab75d03d", + "post.select.padding.inline.section-start": "71d8968d54a8d6e1064464300e9b7701106d44f4", + "post.select.padding.inline.section-end": "b9a51dc4bd127de6a5378ef6e489c5d6220b091c", + "post.select.padding.inline.text-assist": "aeed8ff2cde7da9c4ffab340ce2625b4a8511cfd", + "post.select.icon.padding.droppdow-inner": "8ad0b3c04daec785f199be210ea8add0eade9b39", + "post.select.icon.signal": "45eb3379ac13b2ca5210d50e4a1c6d9df6665b5a", + "post.select.border-radius": "29949af715b324315a3f920fcc99aad9a1304e58", + "post.select.border-width": "563b42f522f5b9166a1f55a31d72facbc49aef0a", + "post.snackbar.spacing.gap.outer": "7e8a675dac556b5203604a1cef9b818396aab532", + "post.snackbar.spacing.padding.inline": "d89944e7e183261eb283eec69ecb4e35dbc6c718", + "post.snackbar.spacing.padding.block": "c7aa17bb7d398a3d5d306c986f3195a79a98afdb", + "post.snackbar.sizing.icon": "53e69292b2234d87ed1740012a1de380298c7f41", "post.snackbar.color.info-bg": "de92afdc2fb467982b2dde60e6b2ab3884380d15", "post.snackbar.color.info-fg": "4741dcdd57abe1ef0ba1bc520c9ea0fd7b165ba3", "post.snackbar.color.info-stroke": "ba831c0964f08c993580e33a4f92169a212a040e", @@ -9479,6 +9655,7 @@ "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c", "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9", "post.stepper.focus.stroke": "fff618d97ec67ceab1cde99155bc935c37cebc6f", + "post.stepper.focus.border-width": "c8107fa442b3f94a02ac89975b8d8f3d3929a2bd", "post.stepper.enabled-bg": "07e6a8499bfe2e8bd72382980b879e62f2d24749", "post.stepper.enabled-fg": "5d4a229bcb9e9a041a2716ae89eb722b6c6372c3", "post.stepper.completed-bg": "71e5b10a098d581b9d7a025b5e293f61be0fd585", @@ -9493,6 +9670,13 @@ "post.stepper.completed-stroke": "8a7170dbf027fc9505286028fd61b036d6410076", "post.stepper.hover-stroke": "8db9a0cbe8eea1f344363da9f9028510f731d44a", "post.stepper.disabled-stroke": "ab116401b9cd3fcfb532aa3eee8f011cae325132", + "post.stepper.gap.text-start": "973c3df60c62f3bb2022dfefdfcd62644cf365fd", + "post.stepper.padding.connector": "94b9a5b72406ebedaab9706b909eb686f652d0b9", + "post.stepper.border-radius.round": "bdc93fb44481875870ddfd11f0ae816c08fc4ead", + "post.stepper.indicator": "0d44c723e1c37c40adbb8d3047fc721c28cfc0ee", + "post.stepper.border-width": "0f6b907201f835723c78bd931860c49072f5601e", + "post.stepper.step-label.font-size": "0670d51aeed5a96ef2236a0a9b326a168da026f0", + "post.stepper.step-label.selected.font-weight": "a347f5456ee7834fe09e5cc0089dd31720d51a29", "post.switch.text.enabled-fg": "d8e30f4220950a7ac6d9acc5e2dd666958b89235", "post.switch.text.disabled-fg": "3b8f6ecd4ce7c901b3b6fbe19b3938b4ee30090d", "post.switch.text.selected-fg": "c20a2549fa46c4f66e04c4f6f739349ee9032798", @@ -9500,6 +9684,9 @@ "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", + "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523", "post.switch.handle.enabled": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf", "post.switch.handle.selected": "2f079a496bed636dcee54a30516d00f400de1f52", "post.switch.handle.selected-stroke": "18d9b72bedfc5af7007948148e850f31754c6efb", @@ -9516,6 +9703,14 @@ "post.switch.element.hover-stroke": "3a916db6238187c672c6be218f714d9cb6bf87f3", "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696", "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11", + "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712", + "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655", + "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5", + "post.switch.gap.inline.text": "247b45d301bcca98b2d94934a5bf224368055263", + "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2", + "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c", + "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501", + "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e", "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216", "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c", "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd", @@ -9531,8 +9726,20 @@ "post.textarea.color.signal.error": "a18efce3d87124d0c761a901e681d836d13b61a8", "post.textarea.color.signal.success": "cb87cd3fe7dfbd21d0be540a812560c712c212de", "post.textarea.color.focus.stroke": "0936d873439e1ea11c7db831c744fe3fd579a589", + "post.textarea.spacing.gap.inline.1": "9a27c39a9cbf50dd75969f891f6b5bb6f057c8ab", + "post.textarea.spacing.padding.block.text-assist": "fd897dc4473aaf02dcb64a89eea49eac6b57b5e1", + "post.textarea.spacing.padding.block.text4": "865d08d100de52d4423d06ee3bb82937b4d4e8ca", + "post.textarea.spacing.padding.block.textarea-top": "0ac5923f6f932a23a804931b91fe1b9f1826654f", + "post.textarea.spacing.padding.inline.text-start": "2a877a58bc4473993bedc28d4173c8a24aaedd85", + "post.textarea.spacing.padding.inline.text-end": "9dbc4fc8ea6184a3eeba4f71c5d6d333c689fc19", + "post.textarea.spacing.padding.inline.text-assist": "604885a8bec38c3de5690356837dbd20d0901a25", + "post.textarea.sizing.icon": "f1321b62580dd4cab2df1e4ef5fe5c3384a4e68e", + "post.textarea.border-radius.surface": "820ccb86ff7bca1eb9bef3fb4b560347bf7b34b4", "post.text-highlighted.bg": "27774fb04cb78f58f13895b833a4851be7e3486b", "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", @@ -9549,6 +9756,24 @@ "post.input.color.signal.error": "7ddc0bfe846c295b5a215c45e423a2fdddf6959a", "post.input.color.signal.success": "0157a5c40c9a4eb6f87cfddd9a5c3f3a8a67282e", "post.input.color.focus.stroke": "452d98281ca79ef631cedc28e552caf6c097c143", + "post.input.spacing.gap.inline.1": "ea0f287f910901d9a2754175427d33874636908d", + "post.input.spacing.gap.inline.2": "e17ec3bfeef8ad59d33f8ed4028bcbeffb3c2e65", + "post.input.spacing.padding.block.text1": "a2dbf734944c2720e08b06ba2f0d4446807214a7", + "post.input.spacing.padding.block.text2": "16e43ccd63e09b43f7078bfdc6bee6432ea4fe9a", + "post.input.spacing.padding.block.text-assist": "74fa0091e635d194f2726e8a49d63029f797d7b1", + "post.input.spacing.padding.block.text5": "be118ff83da708f6758b8dda877fadaea5a24e3d", + "post.input.spacing.padding.inline.text-start": "95d346d8cf0d15d92cbb0d838ad1d21e2196d909", + "post.input.spacing.padding.inline.text-end": "251080d245b6ce91ef6947cedb9d8710871c1e45", + "post.input.spacing.padding.inline.text-assist": "e265e8a8f1e63ac91a7c044560f1c84736e1167f", + "post.input.sizing.icon": "d8468d53a31f1ff5e298f2e6783a215bc1a9902c", + "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64", + "post.toast.spacing.padding.action": "7b789908238cacf3f7c6b327401296ec0a1da28c", + "post.toast.spacing.padding.inline": "014e44c5cc1c44d944c9d6df6c213c429f99c76d", + "post.toast.spacing.padding.block": "8588d5bd126b4227934aec9c655f6dbcb10a84b7", + "post.toast.spacing.gap.action": "058716a3eaaad625c77cc0677b9d50ea493ced97", + "post.toast.spacing.gap.outer": "8b9c9b71b40f08768314fc1d88b16b5a37b5aaf3", + "post.toast.spacing.gap.inner": "84a01f0f5127e1cf2eab6816f58b837d3e8d9d05", + "post.toast.sizing.icon": "757c4eaf2fd47fc952756b6b82f6b1c923ba53cb", "post.toast.color.info-bg": "9b44e71ba3660743c70532b709c7e5b2f36986f1", "post.toast.color.info-fg": "12d3e39eadce4e17b6b3ae4490031ce80a9bff22", "post.toast.color.info-stroke": "9cd0ac82e620c006770bd0061d2f608df9ffd442", @@ -9565,6 +9790,10 @@ "post.toast.color.error-fg": "3cd318ecaa756db2fe98be4cd0c2d2c5a9f231d0", "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69", "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040", + "post.inline.spacing.gap.outer": "555546c4e32aa1bc864185522fd56be3c0f71914", + "post.inline.spacing.gap.inner": "43ab45d7753ed586955faa45badffd72120e4ad1", + "post.inline.spacing.padding.block": "cebf7c4d7511b0f8492f29df50b91646d6e53ba8", + "post.inline.sizing.icon": "e325f303ff12704d2d055094df295afc039852d5", "post.inline.color.info-bg": "8ebb9328400f7884f24cefb5817dce6225f8f0dc", "post.inline.color.info-fg": "a22c6cbdd2ba4f5c77159f8fe2e243a425d861fd", "post.inline.color.info-stroke": "ddc6c3460435ba9df577e114c0127855648f1d00", @@ -9581,6 +9810,8 @@ "post.inline.color.error-fg": "8e4986f314ec11e8770b472388ef7c782fb07cee", "post.inline.color.error-stroke": "de75d6eb0a859440c39a5ac1fd26099b5f6ef793", "post.inline.color.error-icon": "71b842f358cc234da3c1fffd7919d7ae06c34790", + "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", + "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371" } From 549aeb5f222252a2b317999629345f3206bc007a Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 9 Oct 2024 10:20:38 +0200 Subject: [PATCH 08/41] refactor(tokens): removed Simple List inclusive checks list to a seperate set --- .../tokens/tokensstudio-generated/tokens.json | 277 ++++++++++-------- 1 file changed, 155 insertions(+), 122 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 0549fddcbc..a359a6e186 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -810,7 +810,7 @@ }, "bg-inverted": { "$type": "color", - "$value": "{post.core.color.sandgrey.100}" + "$value": "{post.core.color.colorless}" }, "stroke-inverted": { "$type": "color", @@ -5435,92 +5435,6 @@ "Components/List": { "post": { "list": { - "simple": { - "checks": { - "sizing": { - "icon": { - "$type": "sizing", - "$value": "{post.device.sizing.icon.1}" - } - }, - "padding": { - "icon": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.16}" - }, - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" - }, - "block": { - "outer": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.5}" - } - } - }, - "gap": { - "inline": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.2}" - } - }, - "block": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.block.3}" - } - } - }, - "icon": { - "container": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.4}" - }, - "block": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.18}" - } - } - } - }, - "bullets": { - "spacing": { - "padding": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.block.6}" - } - }, - "gap": { - "inline": { - "text": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.10}" - } - } - } - } - } - }, - "checks": { - "color": { - "icon-bg": { - "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" - }, - "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": { @@ -5624,6 +5538,108 @@ "$value": "{post.device.spacing.padding.block.18}" } } + }, + "padding": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.8}" + } + }, + "bg": { + "$type": "color", + "$value": "{post.mode.color.surface.default.bg}" + } + } + } + }, + "Components/List simple": { + "post": { + "list": { + "simple": { + "checks": { + "sizing": { + "icon": { + "$type": "sizing", + "$value": "{post.device.sizing.icon.1}" + } + }, + "padding": { + "icon": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.16}" + }, + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + }, + "block": { + "outer": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + } + } + }, + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.2}" + } + }, + "block": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.block.3}" + } + } + }, + "icon": { + "container": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.4}" + }, + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.18}" + } + } + } + }, + "bullets": { + "spacing": { + "padding": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.6}" + } + }, + "gap": { + "inline": { + "text": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.10}" + } + } + } + } + } + }, + "checks": { + "color": { + "icon-bg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.bg}" + }, + "icon-fg": { + "$type": "color", + "$value": "{post.mode.color.surface.accent4.fg}" + }, + "text-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + } + } } } } @@ -7992,7 +8008,8 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Components/List simple": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8079,6 +8096,7 @@ "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab", "post.core.dimension.100": "a6b405b6955da9114e41712fd7f8413e018c81c9", "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf", + "post.core.dimension.1280": "80e7b3e1755e8cdce684d233544da4d76fd698dc", "post.core.dimension.5-5": "972288dd1addb9aae5e34073da7683bc7f0a99fd", "post.core.dimension.6-5": "ef1aee12a8f7f938117c4de244a4f37d7dfad29f", "post.core.dimension.4-5": "4bdff2ecd88fa32f393698921bced3153c49b909", @@ -8109,8 +8127,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.core.dimension.1280": "80e7b3e1755e8cdce684d233544da4d76fd698dc" + "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20" } }, { @@ -8119,7 +8136,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Components/List simple": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8279,7 +8297,8 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Mode/Dark": "enabled", + "Components/List simple": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8438,7 +8457,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Components/List simple": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8597,7 +8617,8 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Components/List simple": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8763,7 +8784,8 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Components/List simple": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8911,8 +8933,8 @@ "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", - "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c" } }, { @@ -8926,7 +8948,8 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Components/List simple": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8947,7 +8970,8 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Components/List simple": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8978,7 +9002,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled" + "Elements/ListNumber": "enabled", + "Components/List simple": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9049,7 +9074,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled" + "Utilities/Color": "enabled", + "Components/List simple": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9230,7 +9256,8 @@ "Utilities/Color": "source", "Components/App store badge": "enabled", "Components/Form footer": "enabled", - "Components/Grid": "enabled" + "Components/Grid": "enabled", + "Components/List simple": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9383,6 +9410,7 @@ "post.checkbox.focus.border-radius": "f4e43b666081d5a3bbd1ea30f5e8e580dbb21f96", "post.checkbox.gap.block.group": "c87709f94c2c59282e5bcfc93d28ea57339d29be", "post.checkbox.gap.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7", + "post.checkbox.gap.inline.group": "e65d5b65b7b21225e8e823f960cdc68f730d225b", "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d", "post.checkbox.icon.size": "bacfefb76323eaf5cbec8ca21a1b228051dfc310", "post.checkbox.icon.padding.container": "e9e51839824fee21aa30c8e627bc8d8506989bf7", @@ -9391,7 +9419,6 @@ "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a", "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64", "post.checkbox.label.padding.block": "1f0dbe15a811f9ac9a6699131a7925b19b90da68", - "post.checkbox.gap.inline.group": "e65d5b65b7b21225e8e823f960cdc68f730d225b", "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", @@ -9490,19 +9517,6 @@ "post.icon-button.border-width": "ce734619b02f237a105c715ec54a4564e98aa0a0", "post.lead.font-size": "faf5dba2f96d4f89a72ee8e380d9c5dabd286beb", "post.lead-font-weight": "5f2c7a3dd41d479f8b11e5b1dbfe462152e54aa0", - "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", - "post.list.simple.checks.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", - "post.list.simple.checks.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", - "post.list.simple.checks.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", - "post.list.simple.checks.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", - "post.list.simple.checks.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", - "post.list.simple.checks.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57", - "post.list.simple.checks.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f", - "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", @@ -9513,14 +9527,29 @@ "post.list.item.enabled-fg": "4a570668b7059b0822f1e137471f2d255cc62f19", "post.list.item.hover-fg": "f7051e304ecb770746a86ddbc231512baa96245b", "post.list.item.focus.outline.offset": "d066bc28e9b22c828149b8612a34becf5837f5f6", + "post.list.item.focus.outline.color": "0846e0ff8d338fd370fbff218c1ec6c81ba02ed3", "post.list.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640", + "post.list.item.focus.outline-radius": "da1e12bc7bde2114427b1ed43baeb55c0c7dd5eb", "post.list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581", "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b", "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", "post.list.switch.padding.block": "f4d818760b6afc45e334e50776ad152fb18d54d9", - "post.list.item.focus.outline.color": "0846e0ff8d338fd370fbff218c1ec6c81ba02ed3", - "post.list.item.focus.outline-radius": "da1e12bc7bde2114427b1ed43baeb55c0c7dd5eb", + "post.list.padding.block": "d53e96d1e948088deafee9bd8fb5a84edacb868e", + "post.list.bg": "3ae4e2a10ad075b1d4d5f45253a54cd648336989", + "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", + "post.list.simple.checks.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", + "post.list.simple.checks.padding.text": "a8a03d1e0221fd52a61abb27246f0ee435aea686", + "post.list.simple.checks.padding.block.outer": "fc4a948d80c33f7f485e1559a701c795b136185c", + "post.list.simple.checks.gap.inline.text": "6c150a26e38d619d9d0e35a364b2fba9d86a60d7", + "post.list.simple.checks.gap.block.text": "6cf9bbb003a5295246f02134089019f9abda52ca", + "post.list.simple.checks.icon.container.inline": "7b56b23c45c26a3d4bd0dd76f84e74cede898c57", + "post.list.simple.checks.icon.container.block": "670186a5b10d70027009f3e318cc99fc0a2c822f", + "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.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", @@ -9590,6 +9619,7 @@ "post.radio-button.focus.outline.offset": "28cb3442544ef6bf2eb3dc1ad8a550d38269ac61", "post.radio-button.gap.block.group": "9c16987226587efbda8b6ca5dac00608be1e4408", "post.radio-button.gap.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5", + "post.radio-button.gap.inline.group": "0d348d17ca88dc80d153be265c58c3ff2c501b4f", "post.radio-button.icon.padding.block.inner": "f32af0ee66b9ed5d12d8b4f13d7c53e4c3d917e7", "post.radio-button.icon.padding.block.container": "7226e0dc94e9d28902b5f19ffc2849b9a09a3e96", "post.radio-button.icon.padding.inline.inner": "5002aa9fc58b02f27ae1920ed02a8eb25171ffe6", @@ -9601,7 +9631,6 @@ "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", "post.radio-button.label.padding.block": "9aa1af7161cf43024101355d41b51c12692a6bf9", - "post.radio-button.gap.inline.group": "0d348d17ca88dc80d153be265c58c3ff2c501b4f", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", @@ -9864,7 +9893,8 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Components/List simple": "disabled" } }, { @@ -9880,7 +9910,8 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled" + "Theme/Post": "enabled", + "Components/List simple": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9905,7 +9936,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled" + "Theme/Cargo": "enabled", + "Components/List simple": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9949,6 +9981,7 @@ "Components/Icon button", "Components/Lead", "Components/List", + "Components/List simple", "Components/Notifications", "Components/Popover", "Components/Radio button", From f0566291932a5910305e5cf3fbe332109072355b Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 9 Oct 2024 14:57:53 +0200 Subject: [PATCH 09/41] refactor(tokens): rewired secondary and tertiary inverted buttons on semantical level to use alpha values instead of hexcode so they can be used on other colors as well --- .../tokens/tokensstudio-generated/tokens.json | 58 +++++++++---------- 1 file changed, 26 insertions(+), 32 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index a359a6e186..dd8951a77d 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -836,7 +836,7 @@ }, "bg-inverted": { "$type": "color", - "$value": "{post.core.color.sandgrey.070}" + "$value": "{post.core.color.sandgrey.alpha.lightsand.10}" }, "stroke-inverted": { "$type": "color", @@ -862,7 +862,7 @@ }, "bg-inverted": { "$type": "color", - "$value": "{post.core.color.sandgrey.060}" + "$value": "{post.core.color.sandgrey.alpha.lightsand.30}" }, "stroke-inverted": { "$type": "color", @@ -916,7 +916,7 @@ }, "bg-inverted": { "$type": "color", - "$value": "{post.core.color.sandgrey.070}" + "$value": "{post.core.color.sandgrey.alpha.lightsand.10}" }, "stroke-inverted": { "$type": "color", @@ -942,7 +942,7 @@ }, "bg-inverted": { "$type": "color", - "$value": "{post.core.color.sandgrey.060}" + "$value": "{post.core.color.sandgrey.alpha.lightsand.30}" }, "stroke-inverted": { "$type": "color", @@ -5539,7 +5539,7 @@ } } }, - "padding": { + "margin": { "block": { "$type": "spacing", "$value": "{post.device.spacing.padding.block.8}" @@ -5639,6 +5639,12 @@ "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.fg1}" } + }, + "margin": { + "block": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.block.8}" + } } } } @@ -8008,8 +8014,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Components/List simple": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8136,8 +8141,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Components/List simple": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8297,8 +8301,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Components/List simple": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8457,8 +8460,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Components/List simple": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8617,8 +8619,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Components/List simple": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8784,8 +8785,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Components/List simple": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8948,8 +8948,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Components/List simple": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8970,8 +8969,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Components/List simple": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9002,8 +9000,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled", - "Components/List simple": "disabled" + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9074,8 +9071,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled", - "Components/List simple": "disabled" + "Utilities/Color": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9535,7 +9531,7 @@ "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf", "post.list.icon.size": "26403e806c4c3551bc29609b720cd1ee98b77132", "post.list.switch.padding.block": "f4d818760b6afc45e334e50776ad152fb18d54d9", - "post.list.padding.block": "d53e96d1e948088deafee9bd8fb5a84edacb868e", + "post.list.margin.block": "d53e96d1e948088deafee9bd8fb5a84edacb868e", "post.list.bg": "3ae4e2a10ad075b1d4d5f45253a54cd648336989", "post.list.simple.checks.sizing.icon": "bb5abf0a86b093084f08e078f8f4ad9947a52b72", "post.list.simple.checks.padding.icon": "59c39e7014cf31f71f657d6a7034186a35e63012", @@ -9550,6 +9546,7 @@ "post.list.checks.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86", "post.list.checks.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1", "post.list.checks.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d", + "post.list.checks.margin.block": "d299b40b073470d2b17eab110d34bdd43233bd69", "post.infobox.sizing.icon": "7dd519c929ff034c7e25825ed27a3d0bf99bdc1d", "post.infobox.spacing.gap.inline": "ac6c1c2265e3a937117dc72b1fc0181204661585", "post.clickable.spacing.padding.icon": "4ef4cc91db7e7d5643bfedae838969e76322b6fe", @@ -9893,8 +9890,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Components/List simple": "disabled" + "Utilities/Typo": "source" } }, { @@ -9910,8 +9906,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled", - "Components/List simple": "disabled" + "Theme/Post": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9936,8 +9931,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled", - "Components/List simple": "disabled" + "Theme/Cargo": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", From 503c33e3d86bed754d3be76481c996fb8a0cc4ba Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Fri, 11 Oct 2024 10:50:52 +0200 Subject: [PATCH 10/41] feat(tokens):added avatar tokens on component level only --- .../tokens/tokensstudio-generated/tokens.json | 85 ++++++++++++++++--- 1 file changed, 71 insertions(+), 14 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index dd8951a77d..51a5a179af 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -7179,6 +7179,48 @@ } } }, + "Components/Avatar": { + "post": { + "avatar": { + "size": { + "$type": "sizing", + "$value": "tbd" + }, + "bg-enabled": { + "$type": "color", + "$value": "tbd" + }, + "fg-enabled": { + "$type": "color", + "$value": "tbd" + }, + "border-width": { + "$type": "borderWidth", + "$value": "tbd" + }, + "border-radius": { + "$type": "borderRadius", + "$value": "tbd" + }, + "font-size": { + "$type": "fontSizes", + "$value": "tbd" + }, + "focus": { + "outline-width": { + "$type": "borderWidth", + "$value": "tbd" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "tbd" + } + } + } + } + } + }, "Components/Validation": { "post": { "validation": { @@ -8014,7 +8056,8 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Components/Avatar": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8141,7 +8184,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Components/Avatar": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8301,7 +8345,8 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Mode/Dark": "enabled", + "Components/Avatar": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8460,7 +8505,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Components/Avatar": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8619,7 +8665,8 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Components/Avatar": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8785,7 +8832,8 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Components/Avatar": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8948,7 +8996,8 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Components/Avatar": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8969,7 +9018,8 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Components/Avatar": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9000,7 +9050,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled" + "Elements/ListNumber": "enabled", + "Components/Avatar": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9071,7 +9122,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled" + "Utilities/Color": "enabled", + "Components/Avatar": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9253,7 +9305,8 @@ "Components/App store badge": "enabled", "Components/Form footer": "enabled", "Components/Grid": "enabled", - "Components/List simple": "enabled" + "Components/List simple": "enabled", + "Components/Avatar": "disabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9890,7 +9943,8 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Components/Avatar": "disabled" } }, { @@ -9906,7 +9960,8 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled" + "Theme/Post": "enabled", + "Components/Avatar": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9931,7 +9986,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled" + "Theme/Cargo": "enabled", + "Components/Avatar": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9988,6 +10044,7 @@ "Components/Text input", "Components/Toast", "Components/Inline notification", + "Components/Avatar", "Components/Validation", "FigmaOnly", "Utilities/Spacing", From 9bd4eee6cae9aa943f65892d5467135256760bc4 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 14 Oct 2024 08:54:02 +0200 Subject: [PATCH 11/41] feat/refactor(tokens): Added and connected Avatar Tokens on component and semantical level --- .../tokens/tokensstudio-generated/tokens.json | 163 ++++++++++-------- 1 file changed, 88 insertions(+), 75 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 51a5a179af..885d672f35 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -2209,6 +2209,10 @@ "size2": { "$type": "sizing", "$value": "{post.core.dimension.24}" + }, + "size3": { + "$type": "sizing", + "$value": "{post.core.dimension.40}" } }, "textfields": { @@ -2986,7 +2990,7 @@ }, "8": { "$type": "fontSizes", - "$value": "{post.core.font-size.14}" + "$value": "{post.core.font-size.16}" }, "9": { "$type": "fontSizes", @@ -3910,6 +3914,68 @@ } } }, + "Components/Avatar": { + "post": { + "avatar": { + "size": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.icon.size3}" + }, + "bg-enabled": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.bg2}" + }, + "fg-enabled": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + }, + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + }, + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.8}" + }, + "focus": { + "outline-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + }, + "outline": { + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.2}" + }, + "color": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + } + } + }, + "image": { + "fg-hover": { + "$type": "color", + "$value": "{post.core.color.sandgrey.alpha.lightsand.50}" + } + }, + "bg-hover": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.bg2}" + }, + "border": { + "color": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + } + } + } + } + }, "Components/Badge": { "post": { "badge": { @@ -7179,48 +7245,6 @@ } } }, - "Components/Avatar": { - "post": { - "avatar": { - "size": { - "$type": "sizing", - "$value": "tbd" - }, - "bg-enabled": { - "$type": "color", - "$value": "tbd" - }, - "fg-enabled": { - "$type": "color", - "$value": "tbd" - }, - "border-width": { - "$type": "borderWidth", - "$value": "tbd" - }, - "border-radius": { - "$type": "borderRadius", - "$value": "tbd" - }, - "font-size": { - "$type": "fontSizes", - "$value": "tbd" - }, - "focus": { - "outline-width": { - "$type": "borderWidth", - "$value": "tbd" - }, - "outline": { - "offset": { - "$type": "spacing", - "$value": "tbd" - } - } - } - } - } - }, "Components/Validation": { "post": { "validation": { @@ -8056,8 +8080,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Components/Avatar": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8184,8 +8207,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Components/Avatar": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8345,8 +8367,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Components/Avatar": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8505,8 +8526,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Components/Avatar": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8655,7 +8675,8 @@ "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", + "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604" } }, { @@ -8665,8 +8686,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Components/Avatar": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8815,7 +8835,8 @@ "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", + "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604" } }, { @@ -8832,8 +8853,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Components/Avatar": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8982,7 +9002,8 @@ "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c" + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", + "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604" } }, { @@ -8996,8 +9017,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Components/Avatar": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9018,8 +9038,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Components/Avatar": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9050,8 +9069,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled", - "Components/Avatar": "disabled" + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9122,8 +9140,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled", - "Components/Avatar": "disabled" + "Utilities/Color": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9305,8 +9322,7 @@ "Components/App store badge": "enabled", "Components/Form footer": "enabled", "Components/Grid": "enabled", - "Components/List simple": "enabled", - "Components/Avatar": "disabled" + "Components/List simple": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9943,8 +9959,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Components/Avatar": "disabled" + "Utilities/Typo": "source" } }, { @@ -9960,8 +9975,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled", - "Components/Avatar": "disabled" + "Theme/Post": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9986,8 +10000,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled", - "Components/Avatar": "disabled" + "Theme/Cargo": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10019,6 +10032,7 @@ "Elements/ListNumber", "Elements/Legend", "Components/App store badge", + "Components/Avatar", "Components/Badge", "Components/Banner", "Components/Breadcrumb", @@ -10044,7 +10058,6 @@ "Components/Text input", "Components/Toast", "Components/Inline notification", - "Components/Avatar", "Components/Validation", "FigmaOnly", "Utilities/Spacing", From d3a29a83742d60b39f7c570ddf8260486b161138 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 14 Oct 2024 09:30:26 +0200 Subject: [PATCH 12/41] refactor(tokens):added the component avatar to the components theme --- .../tokens/tokensstudio-generated/tokens.json | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 885d672f35..add3b0dbf6 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -9322,7 +9322,8 @@ "Components/App store badge": "enabled", "Components/Form footer": "enabled", "Components/Grid": "enabled", - "Components/List simple": "enabled" + "Components/List simple": "enabled", + "Components/Avatar": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9335,6 +9336,18 @@ "post.app-store.focus.outline.color": "77f9914002cf889b0f53dab6fdc611a16e147a5e", "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", + "post.avatar.size": "fdc1484ed63e645974c9a435ca62dd46b26a84e0", + "post.avatar.bg-enabled": "1863e011a6589c655c1f6ce1b3fa63e4153719e2", + "post.avatar.fg-enabled": "9fbe58313d6bf87fab98be4e81191e79f1a038b0", + "post.avatar.border-width": "2baed26616e4f57e9f0d918307a9ab81b5943a1f", + "post.avatar.border-radius": "678ffd41a7a2b40ecda04f9934a7c5f3a46af947", + "post.avatar.font-size": "a6f355062eaa456bf2a08bd812e990d0e799ef28", + "post.avatar.focus.outline-width": "00c1775287d56489f956cac4b326066f6484a341", + "post.avatar.focus.outline.offset": "5bd301c5170ad3d660fb070eca4341ced50b5008", + "post.avatar.image.fg-hover": "2659b79bad8b084a6be14379c73d2b9fe8ff893c", + "post.avatar.bg-hover": "ac1cb946a9c9eba579dc69e06ddbb685dbce5dd8", + "post.avatar.border.color": "90487aa720710673a56fdd65f24fe8d00ff0aeaa", + "post.avatar.focus.outline.color": "c0afc6c16022ba4ac8d1119fb79d2b6e8326a665", "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", From f574b240dd8c3099820c8a256f475582c8985f06 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 14 Oct 2024 10:58:02 +0200 Subject: [PATCH 13/41] refactor(tokens):renamed Avatar Tokens where needed --- .../tokens/tokensstudio-generated/tokens.json | 37 +++++++++++-------- 1 file changed, 21 insertions(+), 16 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index add3b0dbf6..24bf7a1396 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -3921,11 +3921,11 @@ "$type": "sizing", "$value": "{post.device.sizing.interactive.icon.size3}" }, - "bg-enabled": { + "enabled-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.bg2}" }, - "fg-enabled": { + "enabled-fg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.fg3}" }, @@ -3958,12 +3958,12 @@ } }, "image": { - "fg-hover": { + "hover-opacity": { "$type": "color", "$value": "{post.core.color.sandgrey.alpha.lightsand.50}" } }, - "bg-hover": { + "hover-bg": { "$type": "color", "$value": "{post.mode.color.interactive.primary.hover.bg2}" }, @@ -3972,6 +3972,10 @@ "$type": "color", "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" } + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg3}" } } } @@ -8666,6 +8670,7 @@ "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53", "post.device.spacing.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", @@ -8675,8 +8680,7 @@ "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" } }, { @@ -8822,6 +8826,7 @@ "post.device.spacing.padding.block.15": "b2a434eb28279be77246ffac732334fe984ed0b1", "post.device.spacing.padding.block.18": "606cdbae432937aed9642fc93f74af42c0aaeac4", "post.device.spacing.padding.block.19": "35c06becdcfcbcaca8aa9be55c071d8a595fc0b0", + "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", "post.device.sizing.interactive.button.height.5": "436a60e0ceb2a414cf67c83f22509f2eaeeba7cb", "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", @@ -8835,8 +8840,7 @@ "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" } }, { @@ -8961,6 +8965,7 @@ "post.device.sizing.interactive.icon.width": "8fea35207b61496ef007e6cf83e7983d1386be76", "post.device.sizing.interactive.icon.size": "a7269590e4d43349d7c74194f91278bacc6d7955", "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", + "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604", "post.device.sizing.interactive.textfields.icon": "c6ce6c8537f69d8dcd20f710c1fcd38ee7915e4c", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", "post.device.sizing.interactive.stepper.indicator": "da5a12871e0e8fd98b8d214909c46c5d775861dc", @@ -9002,8 +9007,7 @@ "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", - "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604" + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c" } }, { @@ -9337,17 +9341,13 @@ "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", "post.avatar.size": "fdc1484ed63e645974c9a435ca62dd46b26a84e0", - "post.avatar.bg-enabled": "1863e011a6589c655c1f6ce1b3fa63e4153719e2", - "post.avatar.fg-enabled": "9fbe58313d6bf87fab98be4e81191e79f1a038b0", "post.avatar.border-width": "2baed26616e4f57e9f0d918307a9ab81b5943a1f", "post.avatar.border-radius": "678ffd41a7a2b40ecda04f9934a7c5f3a46af947", "post.avatar.font-size": "a6f355062eaa456bf2a08bd812e990d0e799ef28", "post.avatar.focus.outline-width": "00c1775287d56489f956cac4b326066f6484a341", "post.avatar.focus.outline.offset": "5bd301c5170ad3d660fb070eca4341ced50b5008", - "post.avatar.image.fg-hover": "2659b79bad8b084a6be14379c73d2b9fe8ff893c", - "post.avatar.bg-hover": "ac1cb946a9c9eba579dc69e06ddbb685dbce5dd8", - "post.avatar.border.color": "90487aa720710673a56fdd65f24fe8d00ff0aeaa", "post.avatar.focus.outline.color": "c0afc6c16022ba4ac8d1119fb79d2b6e8326a665", + "post.avatar.border.color": "90487aa720710673a56fdd65f24fe8d00ff0aeaa", "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", @@ -9921,7 +9921,12 @@ "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", - "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371" + "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371", + "post.avatar.enabled-bg": "1863e011a6589c655c1f6ce1b3fa63e4153719e2", + "post.avatar.enabled-fg": "9fbe58313d6bf87fab98be4e81191e79f1a038b0", + "post.avatar.image.hover-opacity": "2659b79bad8b084a6be14379c73d2b9fe8ff893c", + "post.avatar.hover-bg": "ac1cb946a9c9eba579dc69e06ddbb685dbce5dd8", + "post.avatar.hover-fg": "a23cdafe5339df135a601e47dce7964ed8269528" } }, { From 291d296fca34e823e8d1d10d83235641e074926e Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 16 Oct 2024 08:01:22 +0200 Subject: [PATCH 14/41] refactor(tokens): Changed rgba values of all the alphas to hardvalues so it works in css --- .../tokens/tokensstudio-generated/tokens.json | 36 +++++++++---------- 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 24bf7a1396..ed7420c653 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -108,77 +108,77 @@ "darksand": { "10": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.1)" + "$value": "rgba(5,4,0,0.1)" }, "20": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.2)" + "$value": "rgba(5,4,0,0.2)" }, "30": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.3)" + "$value": "rgba(5,4,0,0.3)" }, "40": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.4)" + "$value": "rgba(5,4,0,0.4)" }, "50": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.5)" + "$value": "rgba(5,4,0,0.5)" }, "60": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.6)" + "$value": "rgba(5,4,0,0.6)" }, "70": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.7)" + "$value": "rgba(5,4,0,0.7)" }, "80": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.8)" + "$value": "rgba(5,4,0,0.8)" }, "90": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.100}, 0.9)" + "$value": "rgba(5,4,0,0.9)" } }, "lightsand": { "10": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.1)" + "$value": "rgba(252,252,252,0.1)" }, "20": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.2)" + "$value": "rgba(252,252,252,0.2)" }, "30": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.3)" + "$value": "rgba(252,252,252,0.3)" }, "40": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.4)" + "$value": "rgba(252,252,252,0.4)" }, "50": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.5)" + "$value": "rgba(252,252,252,0.5)" }, "60": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.6)" + "$value": "rgba(252,252,252,0.6)" }, "70": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.7)" + "$value": "rgba(252,252,252,0.7)" }, "80": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.8)" + "$value": "rgba(252,252,252,0.8)" }, "90": { "$type": "color", - "$value": "rgba( {post.core.color.sandgrey.000} , 0.9)" + "$value": "rgba(252,252,252,0.9)" } } } From 03e7801dd6d4538f1ea954351fe9ef20e3131c3e Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 16 Oct 2024 08:19:50 +0200 Subject: [PATCH 15/41] refactor(tokens):changed a border-radius token for popover on semantical level to represent design changes feat(tokens:) added first few tokens to segmented button --- .../tokens/tokensstudio-generated/tokens.json | 78 ++++++++++++++----- 1 file changed, 57 insertions(+), 21 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index ed7420c653..bd4e71e4ae 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -5926,7 +5926,7 @@ "focus": { "border-radius": { "$type": "borderRadius", - "$value": "{post.device.border-radius.focus2}" + "$value": "{post.device.border-radius.focus}" } } }, @@ -6015,6 +6015,14 @@ "$type": "fontSizes", "$value": "{post.device.font-size.6}" } + }, + "button": { + "focus": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + } + } } } } @@ -6191,6 +6199,18 @@ } } }, + "Components/Segmented button": { + "post": { + "button-segmented": { + "horizontal": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.round}" + } + } + } + } + }, "Components/Select": { "post": { "select": { @@ -8084,7 +8104,8 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Components/Segmented button": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8211,7 +8232,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Mode/Light": "enabled", + "Components/Segmented button": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8371,7 +8393,8 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Mode/Dark": "enabled", + "Components/Segmented button": "disabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8530,7 +8553,8 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Components/Segmented button": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8690,7 +8714,8 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Components/Segmented button": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8857,7 +8882,8 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Components/Segmented button": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -9021,7 +9047,8 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Components/Segmented button": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9042,7 +9069,8 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Components/Segmented button": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9073,7 +9101,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled" + "Elements/ListNumber": "enabled", + "Components/Segmented button": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9144,7 +9173,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled" + "Utilities/Color": "enabled", + "Components/Segmented button": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9327,7 +9357,8 @@ "Components/Form footer": "enabled", "Components/Grid": "enabled", "Components/List simple": "enabled", - "Components/Avatar": "enabled" + "Components/Avatar": "enabled", + "Components/Segmented button": "disabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9341,13 +9372,18 @@ "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d", "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f", "post.avatar.size": "fdc1484ed63e645974c9a435ca62dd46b26a84e0", + "post.avatar.enabled-bg": "1863e011a6589c655c1f6ce1b3fa63e4153719e2", + "post.avatar.enabled-fg": "9fbe58313d6bf87fab98be4e81191e79f1a038b0", "post.avatar.border-width": "2baed26616e4f57e9f0d918307a9ab81b5943a1f", "post.avatar.border-radius": "678ffd41a7a2b40ecda04f9934a7c5f3a46af947", "post.avatar.font-size": "a6f355062eaa456bf2a08bd812e990d0e799ef28", "post.avatar.focus.outline-width": "00c1775287d56489f956cac4b326066f6484a341", "post.avatar.focus.outline.offset": "5bd301c5170ad3d660fb070eca4341ced50b5008", "post.avatar.focus.outline.color": "c0afc6c16022ba4ac8d1119fb79d2b6e8326a665", + "post.avatar.image.hover-opacity": "2659b79bad8b084a6be14379c73d2b9fe8ff893c", + "post.avatar.hover-bg": "ac1cb946a9c9eba579dc69e06ddbb685dbce5dd8", "post.avatar.border.color": "90487aa720710673a56fdd65f24fe8d00ff0aeaa", + "post.avatar.hover-fg": "a23cdafe5339df135a601e47dce7964ed8269528", "post.badge.bg": "c20dfd9639c61755321be20d24f88bfb50fc9832", "post.badge.fg": "4b08c2c1f32eab0e4964da479f7d856f8d776cef", "post.badge.stroke": "76ca5d074874c7609f45effffb5684cdb0ae7962", @@ -9680,6 +9716,7 @@ "post.popover.focus.padding": "b8c123f52e9243087e435b9727dd17eb115bdac4", "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab", "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2", + "post.popover.button.focus.border-radius": "8f08b8ef91679f9873d69fb46060ce3c90f0df85", "post.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc", "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d", "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6", @@ -9921,12 +9958,7 @@ "post.validation.list.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2", "post.validation.list.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee", "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795", - "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371", - "post.avatar.enabled-bg": "1863e011a6589c655c1f6ce1b3fa63e4153719e2", - "post.avatar.enabled-fg": "9fbe58313d6bf87fab98be4e81191e79f1a038b0", - "post.avatar.image.hover-opacity": "2659b79bad8b084a6be14379c73d2b9fe8ff893c", - "post.avatar.hover-bg": "ac1cb946a9c9eba579dc69e06ddbb685dbce5dd8", - "post.avatar.hover-fg": "a23cdafe5339df135a601e47dce7964ed8269528" + "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371" } }, { @@ -9977,7 +10009,8 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Components/Segmented button": "disabled" } }, { @@ -9993,7 +10026,8 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled" + "Theme/Post": "enabled", + "Components/Segmented button": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10018,7 +10052,8 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled" + "Theme/Cargo": "enabled", + "Components/Segmented button": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10067,6 +10102,7 @@ "Components/Notifications", "Components/Popover", "Components/Radio button", + "Components/Segmented button", "Components/Select", "Components/Snackbar", "Components/Stepper", From 3db466c4216ac468ef721a95af9a22bf8f471678 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 16 Oct 2024 10:44:48 +0200 Subject: [PATCH 16/41] feat(tokens):Added tokens to segmented button --- .../tokens/tokensstudio-generated/tokens.json | 136 +++++++++++++----- 1 file changed, 98 insertions(+), 38 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index bd4e71e4ae..e670813447 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1178,6 +1178,10 @@ "stroke3": { "$type": "color", "$value": "{post.core.color.brand.white}" + }, + "bg4": { + "$type": "color", + "$value": "{post.core.color.sandgrey.100}" } } }, @@ -2352,6 +2356,10 @@ "$type": "borderRadius", "$value": "{post.core.dimension.4}" }, + "2": { + "$type": "borderRadius", + "$value": "{post.core.dimension.8}" + }, "round": { "$type": "borderRadius", "$value": "{post.core.dimension.100}" @@ -2359,10 +2367,6 @@ "focus": { "$type": "borderRadius", "$value": "{post.core.dimension.4}" - }, - "focus2": { - "$type": "borderRadius", - "$value": "{post.core.dimension.8}" } }, "font-weight": { @@ -6207,6 +6211,76 @@ "$type": "borderRadius", "$value": "{post.device.border-radius.round}" } + }, + "vertical": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.2}" + } + }, + "selected-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.fg3}" + }, + "selected-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.bg4}" + }, + "enabled-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + }, + "enabled-border": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + }, + "focus": { + "outline": { + "color": { + "$type": "color", + "$value": "{post.mode.color.interactive.focus.stroke}" + }, + "offset": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.2}" + } + }, + "outline-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.focus}" + } + }, + "hover-fg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.bg}" + }, + "hover-border": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.hover.stroke}" + }, + "border-width": { + "$type": "borderWidth", + "$value": "{post.device.border-width.default}" + }, + "elements": { + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.interactive.button.height.2}" + } + }, + "padding": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.11}" + } } } } @@ -8104,8 +8178,7 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled", - "Components/Segmented button": "disabled" + "core": "enabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8232,8 +8305,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Components/Segmented button": "disabled" + "Mode/Light": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8393,8 +8465,7 @@ "selectedTokenSets": { "core": "source", "Mode/Light": "enabled", - "Mode/Dark": "enabled", - "Components/Segmented button": "disabled" + "Mode/Dark": "enabled" }, "group": "Mode", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8553,8 +8624,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled", - "Components/Segmented button": "disabled" + "Device/Desktop": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8699,12 +8769,12 @@ "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.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" } }, { @@ -8714,8 +8784,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled", - "Components/Segmented button": "disabled" + "Device/Tablet": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8859,13 +8928,13 @@ "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.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" } }, { @@ -8882,8 +8951,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled", - "Components/Segmented button": "disabled" + "Device/Mobile": "enabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -9022,7 +9090,6 @@ "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", @@ -9033,7 +9100,8 @@ "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c" + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" } }, { @@ -9047,8 +9115,7 @@ "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled", - "Components/Segmented button": "disabled" + "Channel/EDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9069,8 +9136,7 @@ "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled", - "Components/Segmented button": "disabled" + "Channel/IDK": "enabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9101,8 +9167,7 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled", - "Components/Segmented button": "disabled" + "Elements/ListNumber": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9173,8 +9238,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled", - "Components/Segmented button": "disabled" + "Utilities/Color": "enabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9357,8 +9421,7 @@ "Components/Form footer": "enabled", "Components/Grid": "enabled", "Components/List simple": "enabled", - "Components/Avatar": "enabled", - "Components/Segmented button": "disabled" + "Components/Avatar": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -10009,8 +10072,7 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source", - "Components/Segmented button": "disabled" + "Utilities/Typo": "source" } }, { @@ -10026,8 +10088,7 @@ "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", - "Theme/Post": "enabled", - "Components/Segmented button": "disabled" + "Theme/Post": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10052,8 +10113,7 @@ "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "enabled", - "Theme/Cargo": "enabled", - "Components/Segmented button": "disabled" + "Theme/Cargo": "enabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", From a98ab1ccca6c4556d68f77a98f7b9ee673b1bbd7 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Wed, 16 Oct 2024 14:09:02 +0200 Subject: [PATCH 17/41] feat(tokens): Added tokens for segmented button --- .../tokens/tokensstudio-generated/tokens.json | 98 +++++++++++++++++-- 1 file changed, 88 insertions(+), 10 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index e670813447..a9d7b2a9be 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -378,6 +378,10 @@ "3-5": { "$type": "dimension", "$value": "3.5" + }, + "-2": { + "$type": "dimension", + "$value": "-2px" } }, "font-weight": { @@ -1905,6 +1909,10 @@ "$type": "spacing", "$value": "{post.core.dimension.24}" }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" + }, "block": { "1": { "$type": "spacing", @@ -1967,6 +1975,10 @@ "12": { "$type": "spacing", "$value": "{post.core.dimension.8}" + }, + "13": { + "$type": "spacing", + "$value": "{post.core.dimension.1}" } } }, @@ -3099,6 +3111,10 @@ "$type": "spacing", "$value": "{post.core.dimension.8}" }, + "6": { + "$type": "spacing", + "$value": "{post.core.dimension.-2}" + }, "block": { "2": { "$type": "spacing", @@ -3141,6 +3157,10 @@ "12": { "$type": "spacing", "$value": "{post.core.dimension.4}" + }, + "13": { + "$type": "spacing", + "$value": "{post.core.dimension.0}" } } }, @@ -6274,6 +6294,10 @@ "height": { "$type": "sizing", "$value": "{post.device.sizing.interactive.button.height.2}" + }, + "enabled-border": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" } }, "padding": { @@ -6281,6 +6305,28 @@ "$type": "spacing", "$value": "{post.device.spacing.padding.11}" } + }, + "gap": { + "inline": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.inline.13}" + } + }, + "margin": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.6}" + }, + "font-weight": { + "$type": "fontWeights", + "$value": "{post.device.font-weight.bold}" + }, + "selected-border": { + "$type": "color", + "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + }, + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.200}" } } } @@ -8296,7 +8342,8 @@ "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.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20", + "post.core.dimension.-2": "a8040ac6a48a5d42a1da856418512c0be8287c14" } }, { @@ -8455,7 +8502,8 @@ "post.mode.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.mode.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", "post.mode.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" + "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", + "post.mode.color.interactive.primary.selected.bg4": "2ff12dcb2eeefdf9269b693bbf6422ea2ad8212a" } }, { @@ -8615,7 +8663,8 @@ "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.mode.color.interactive.primary.selected.bg4": "2ff12dcb2eeefdf9269b693bbf6422ea2ad8212a" } }, { @@ -8746,6 +8795,8 @@ "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", + "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", + "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8769,12 +8820,12 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" } }, { @@ -8889,6 +8940,8 @@ "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", + "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", + "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8928,13 +8981,13 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", - "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" + "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9" } }, { @@ -9090,6 +9143,7 @@ "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", @@ -9101,7 +9155,8 @@ "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", - "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d" + "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", + "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676" } }, { @@ -9372,7 +9427,8 @@ "post.popover.elevation": "S:30d186daa8a325b5250dcbdc122d9f6158119e60,", "post.social-media-button.elevation": "S:bf4ce1d54cc7dc7662989461c6bc438cd4d31e08,", "post.icon-button.elevation": "S:e11aee1ee3b8d5b3970b8ec32871bde4871ab2f3,", - "post.button.elevation": "S:e11aee1ee3b8d5b3970b8ec32871bde4871ab2f3," + "post.button.elevation": "S:e11aee1ee3b8d5b3970b8ec32871bde4871ab2f3,", + "post.button-segmented.elevation": "S:4ac758116e586feda19870f3fb5cfe628a5b5f34," }, "selectedTokenSets": { "core": "source", @@ -9421,7 +9477,8 @@ "Components/Form footer": "enabled", "Components/Grid": "enabled", "Components/List simple": "enabled", - "Components/Avatar": "enabled" + "Components/Avatar": "enabled", + "Components/Segmented button": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9810,6 +9867,27 @@ "post.radio-button.padding.block.group": "990db7096901d16ae10b01800015dece8805bd03", "post.radio-button.group.legend.font-size": "173ff3bf123931fc8325fe9156404613a57b8b78", "post.radio-button.label.padding.block": "9aa1af7161cf43024101355d41b51c12692a6bf9", + "post.button-segmented.horizontal.border-radius": "fd01f5b8308c2c2826717c59169509fa33da4431", + "post.button-segmented.vertical.border-radius": "bb62d30e7b32d7c62d6a825888a8248af47f3532", + "post.button-segmented.selected-fg": "23623d928ead25f0bcf0b42baed2bfdf8345daad", + "post.button-segmented.selected-bg": "ab1be8b8ba0262a40eb0fb17a0b15521db92b1d7", + "post.button-segmented.enabled-fg": "56e66f94c28cd178bf343764ba04eebdb02b3602", + "post.button-segmented.enabled-bg": "288fb670e53c1f621a2d277decd09e2ace97ae09", + "post.button-segmented.enabled-border": "982aba20bb65901ee196eee64d48ecb391eb0280", + "post.button-segmented.focus.outline.color": "42b558d628f606b19791acad7ce79100a3f61593", + "post.button-segmented.hover-fg": "2a84933a4249fc8dff24532bc93406672907edd2", + "post.button-segmented.hover-bg": "4b187ee1082e23ec58943c06d9ace9fe09dab01c", + "post.button-segmented.hover-border": "8a8756906eaf89e46ea1d2962dba008a4a3b33d3", + "post.button-segmented.border-width": "4a6d13197a63b4e03477ed62b35d554f797feaf9", + "post.button-segmented.focus.outline-width": "899485d05b5979f4154eebe35f1131acfe1f557b", + "post.button-segmented.focus.outline.offset": "ffcfcb17cfee9b1a39fd207c49b88697316fb13f", + "post.button-segmented.elements.height": "305e4138ac7bb4dcb2749773bc28240a92b4b77f", + "post.button-segmented.padding.inline": "8991d47786b26e2bc1ed4800bb303f89a330de03", + "post.button-segmented.gap.inline": "edc6e1d49065d4c78b88a46af052b256e5522a7d", + "post.button-segmented.margin": "c9450d8eb85705ec1378cc12d2dc11d82292d638", + "post.button-segmented.font-weight": "69d85273017f04e159d299c17472222c517f3570", + "post.button-segmented.selected-border": "9aa8b877e676f01b6b725ad77a15d2a81f6bfce5", + "post.button-segmented.elements.enabled-border": "c5d7d56d26636bdb4d125bb90190f86b9a80ab5a", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", From 0ee9408ca242bf165dc5abb80bb19d6c2bd3472a Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Thu, 17 Oct 2024 08:24:48 +0200 Subject: [PATCH 18/41] refactor(tokens):removed old tokens for buttons as they now all have their own set --- .../tokens/tokensstudio-generated/tokens.json | 227 ------------------ 1 file changed, 227 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index a9d7b2a9be..cdcbe7cc2b 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -4240,232 +4240,6 @@ } } }, - "Components/Button_old": { - "post": { - "button": { - "color": { - "primary": { - "enabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" - }, - "enabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" - }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - }, - "disabled-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" - }, - "disabled-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" - }, - "selected-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" - }, - "selected-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" - }, - "helptext-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg2}" - }, - "enabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" - }, - "hover-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" - }, - "disabled-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" - }, - "selected-stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" - } - }, - "signal": { - "error": { - "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" - }, - "success": { - "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" - } - }, - "focus": { - "stroke": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" - }, - "stroke-inverted": { - "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" - } - } - }, - "spacing": { - "gap": { - "block": { - "1": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.4}" - }, - "2": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.block.2}" - } - }, - "inline": { - "1": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.1}" - }, - "switch": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.3}" - } - } - }, - "padding": { - "block": { - "icon-inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - } - }, - "inline": { - "icon-inner": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.1}" - } - } - } - }, - "sizing": { - "icon": { - "width-inner": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.width}" - }, - "height-inner": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.icon.height}" - } - } - }, - "segmented": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.1}" - } - }, - "spacing": { - "padding": { - "inline": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.11}" - } - } - } - }, - "small": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.1}" - } - }, - "spacing": { - "gap": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.9}" - }, - "padding": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.14}" - } - } - }, - "large": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.2}" - } - }, - "spacing": { - "gap": { - "$type": "spacing", - "$value": "{post.device.spacing.gap.inline.8}" - }, - "padding": { - "$type": "spacing", - "$value": "{post.device.spacing.padding.13}" - } - } - }, - "appstore": { - "sizing": { - "height": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.2}" - }, - "width-google": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.appstore.width.google}" - }, - "width-apple": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.appstore.width.apple}" - } - } - }, - "socialmedia": { - "sizing": { - "large": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.1}" - }, - "small": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.height.3}" - }, - "icon-large": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.1}" - }, - "icon-small": { - "$type": "sizing", - "$value": "{post.device.sizing.interactive.button.icon.2}" - } - } - }, - "border-radius": { - "round": { - "$type": "borderRadius", - "$value": "{post.device.border-radius.round}" - } - } - } - } - }, "Components/Button": { "post": { "button": { @@ -10227,7 +10001,6 @@ "Components/Badge", "Components/Banner", "Components/Breadcrumb", - "Components/Button_old", "Components/Button", "Components/Checkbox", "Components/Dropdown", From 7ba2a1cc5401b5c1c220c40a8a31001059982016 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Thu, 17 Oct 2024 11:02:32 +0200 Subject: [PATCH 19/41] refactor(tokens):changed the set mode to scheme according to ticket #3612 --- .../tokens/tokensstudio-generated/tokens.json | 1517 +++++++++-------- 1 file changed, 763 insertions(+), 754 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index cdcbe7cc2b..1dea348c21 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -674,9 +674,9 @@ } } }, - "Mode/Light": { + "Scheme/Light": { "post": { - "mode": { + "scheme": { "color": { "signal": { "success-dark": { @@ -726,7 +726,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.bg}" }, "fg-inverted": { "$type": "color", @@ -752,7 +752,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.primary.hover.bg}" }, "fg-inverted": { "$type": "color", @@ -886,7 +886,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.bg}" }, "fg-inverted": { "$type": "color", @@ -912,7 +912,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.bg}" }, "fg-inverted": { "$type": "color", @@ -1021,7 +1021,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.text_input.enabled.fg}" + "$value": "{post.scheme.color.interactive.text_input.enabled.fg}" } }, "hover": { @@ -1197,15 +1197,15 @@ }, "bg": { "$type": "color", - "$value": "{post.mode.color.signal.information-light}" + "$value": "{post.scheme.color.signal.information-light}" }, "icon": { "$type": "color", - "$value": "{post.mode.color.signal.information-dark}" + "$value": "{post.scheme.color.signal.information-dark}" }, "stroke": { "$type": "color", - "$value": "{post.mode.color.signal.information-dark}" + "$value": "{post.scheme.color.signal.information-dark}" } }, "success": { @@ -1215,15 +1215,15 @@ }, "bg": { "$type": "color", - "$value": "{post.mode.color.signal.success-light}" + "$value": "{post.scheme.color.signal.success-light}" }, "icon": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.scheme.color.signal.success-dark}" }, "stroke": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.scheme.color.signal.success-dark}" } }, "warning": { @@ -1233,15 +1233,15 @@ }, "bg": { "$type": "color", - "$value": "{post.mode.color.signal.warning-light}" + "$value": "{post.scheme.color.signal.warning-light}" }, "icon": { "$type": "color", - "$value": "{post.mode.color.signal.warning-dark}" + "$value": "{post.scheme.color.signal.warning-dark}" }, "stroke": { "$type": "color", - "$value": "{post.mode.color.signal.warning-dark}" + "$value": "{post.scheme.color.signal.warning-dark}" } }, "error": { @@ -1251,15 +1251,15 @@ }, "bg": { "$type": "color", - "$value": "{post.mode.color.signal.error-light}" + "$value": "{post.scheme.color.signal.error-light}" }, "icon": { "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" + "$value": "{post.scheme.color.signal.error-dark}" }, "stroke": { "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" + "$value": "{post.scheme.color.signal.error-dark}" } } } @@ -1350,9 +1350,9 @@ } } }, - "Mode/Dark": { + "Scheme/Dark": { "post": { - "mode": { + "scheme": { "color": { "signal": { "success-dark": { @@ -1402,7 +1402,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.bg}" } }, "hover": { @@ -1416,7 +1416,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.primary.hover.bg}" } }, "disabled": { @@ -1430,7 +1430,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.bg}" } } }, @@ -1490,7 +1490,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.bg}" } }, "hover": { @@ -1504,7 +1504,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.bg}" } }, "disabled": { @@ -1518,7 +1518,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.bg}" } } } @@ -1545,7 +1545,7 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.text_input.enabled.fg}" + "$value": "{post.scheme.color.interactive.text_input.enabled.fg}" } }, "hover": { @@ -3538,11 +3538,11 @@ "enabled": { "bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.bg}" }, "fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.fg}" } } } @@ -3601,7 +3601,7 @@ }, "color": { "$type": "color", - "$value": "{post.mode.color.surface.default.fg}" + "$value": "{post.scheme.color.surface.default.fg}" } } } @@ -3723,13 +3723,13 @@ }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "focus": { "outline": { "color": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "width": { "$type": "borderWidth", @@ -3923,7 +3923,7 @@ }, "color": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" } }, "outline-width": { @@ -3947,11 +3947,11 @@ }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg2}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg2}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg3}" }, "border-width": { "$type": "borderWidth", @@ -3977,7 +3977,7 @@ }, "color": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" } } }, @@ -3989,17 +3989,17 @@ }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg2}" + "$value": "{post.scheme.color.interactive.primary.hover.bg2}" }, "border": { "color": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke3}" } }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg3}" + "$value": "{post.scheme.color.interactive.primary.hover.fg3}" } } } @@ -4009,15 +4009,15 @@ "badge": { "bg": { "$type": "color", - "$value": "{post.mode.color.notification.badge.bg}" + "$value": "{post.scheme.color.notification.badge.bg}" }, "fg": { "$type": "color", - "$value": "{post.mode.color.notification.badge.fg}" + "$value": "{post.scheme.color.notification.badge.fg}" }, "stroke": { "$type": "color", - "$value": "{post.mode.color.notification.badge.stroke}" + "$value": "{post.scheme.color.notification.badge.stroke}" }, "height": { "l": { @@ -4086,67 +4086,67 @@ "color": { "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.scheme.color.interactive.notification.info.bg}" }, "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.scheme.color.interactive.notification.info.fg}" }, "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.scheme.color.interactive.notification.info.stroke}" }, "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.scheme.color.interactive.notification.info.icon}" }, "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.scheme.color.interactive.notification.success.bg}" }, "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.scheme.color.interactive.notification.success.fg}" }, "success-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.scheme.color.interactive.notification.success.stroke}" }, "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.scheme.color.interactive.notification.success.icon}" }, "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.scheme.color.interactive.notification.warning.bg}" }, "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.scheme.color.interactive.notification.warning.fg}" }, "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.scheme.color.interactive.notification.warning.stroke}" }, "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.scheme.color.interactive.notification.warning.icon}" }, "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.scheme.color.interactive.notification.error.bg}" }, "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.scheme.color.interactive.notification.error.fg}" }, "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "$value": "{post.scheme.color.interactive.notification.error.stroke}" }, "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "$value": "{post.scheme.color.interactive.notification.error.icon}" } } } @@ -4157,20 +4157,20 @@ "breadcrumb": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.primary.selected.fg1}" }, "focus": { "outline": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "outline-width": { "$type": "borderWidth", @@ -4246,11 +4246,11 @@ "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "stroke-inverted": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + "$value": "{post.scheme.color.interactive.focus.stroke-inverted}" }, "border-width": { "$type": "borderWidth", @@ -4320,229 +4320,229 @@ "primary": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.fg}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.bg}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg}" + "$value": "{post.scheme.color.interactive.button.primary.hover.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.primary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.button.primary.hover.stroke}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.fg}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.bg}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.stroke}" } }, "primary-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.bg-inverted}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.hover.bg-inverted}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.hover.stroke-inverted}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.fg-inverted}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.bg-inverted}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.stroke-inverted}" } }, "secondary": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.fg}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.fg}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.bg}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.stroke}" } }, "secondary-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg-inverted}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.bg-inverted}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke-inverted}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.fg-inverted}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.bg-inverted}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.stroke-inverted}" } }, "tertiary": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.fg}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.bg}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.stroke}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.fg}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.bg}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.stroke}" } }, "tertiary-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.bg-inverted}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.bg-inverted}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.stroke-inverted}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.fg-inverted}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.bg-inverted}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.stroke-inverted}" } }, "medium": { @@ -4635,56 +4635,56 @@ "checkbox": { "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.primary.hover.bg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" }, "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" + "$value": "{post.scheme.color.interactive.primary.selected.bg1}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.primary.selected.fg1}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke1}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke}" }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "border-width": { "$type": "borderWidth", @@ -4810,11 +4810,11 @@ }, "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "font-weight": { "$type": "fontWeights", @@ -4874,33 +4874,33 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.primary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" } }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke3}" } }, "padding": { @@ -4941,7 +4941,7 @@ "start": { "color": { "$type": "color", - "$value": "{post.mode.color.surface.default.stroke}" + "$value": "{post.scheme.color.surface.default.stroke}" } } }, @@ -4988,11 +4988,11 @@ "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "stroke-inverted": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + "$value": "{post.scheme.color.interactive.focus.stroke-inverted}" }, "border-width": { "$type": "borderWidth", @@ -5018,229 +5018,229 @@ "primary": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.fg}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.bg}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg}" + "$value": "{post.scheme.color.interactive.button.primary.hover.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.primary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.button.primary.hover.stroke}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.fg}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.bg}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.stroke}" } }, "primary-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.bg-inverted}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.enabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.hover.bg-inverted}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.hover.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.hover.stroke-inverted}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.fg-inverted}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.bg-inverted}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.primary.disabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.primary.disabled.stroke-inverted}" } }, "secondary": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.fg}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.fg}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.bg}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.stroke}" } }, "secondary-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg-inverted}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.enabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.bg-inverted}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.hover.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke-inverted}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.fg-inverted}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.bg-inverted}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.secondary.disabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.secondary.disabled.stroke-inverted}" } }, "tertiary": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.fg}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.bg}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.stroke}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.bg}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.stroke}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.fg}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.bg}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.stroke}" } }, "tertiary-inverted": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.fg-inverted}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.bg-inverted}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.enabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.enabled.stroke-inverted}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.fg-inverted}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.bg-inverted}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.hover.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.hover.stroke-inverted}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.fg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.fg-inverted}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.bg-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.bg-inverted}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.button.tertiary.disabled.stroke-inverted}" + "$value": "{post.scheme.color.interactive.button.tertiary.disabled.stroke-inverted}" } }, "medium": { @@ -5334,19 +5334,19 @@ }, "enabled-border": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "hover-border": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "focus": { "outline": { @@ -5356,7 +5356,7 @@ }, "color": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" } }, "outline-style": { @@ -5415,7 +5415,7 @@ }, "bg": { "$type": "color", - "$value": "{post.mode.color.surface.default.bg}" + "$value": "{post.scheme.color.surface.default.bg}" } } } @@ -5497,15 +5497,15 @@ "color": { "icon-bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" + "$value": "{post.scheme.color.surface.accent4.bg}" }, "icon-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" }, "text-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" } }, "margin": { @@ -5584,67 +5584,67 @@ "color": { "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.scheme.color.interactive.notification.info.bg}" }, "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.scheme.color.interactive.notification.info.fg}" }, "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.scheme.color.interactive.notification.info.stroke}" }, "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.scheme.color.interactive.notification.info.icon}" }, "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.scheme.color.interactive.notification.success.bg}" }, "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.scheme.color.interactive.notification.success.fg}" }, "success-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.scheme.color.interactive.notification.success.stroke}" }, "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.scheme.color.interactive.notification.success.icon}" }, "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.scheme.color.interactive.notification.warning.bg}" }, "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.scheme.color.interactive.notification.warning.fg}" }, "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.scheme.color.interactive.notification.warning.stroke}" }, "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.scheme.color.interactive.notification.warning.icon}" }, "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.scheme.color.interactive.notification.error.bg}" }, "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.scheme.color.interactive.notification.error.fg}" }, "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "$value": "{post.scheme.color.interactive.notification.error.stroke}" }, "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "$value": "{post.scheme.color.interactive.notification.error.icon}" } }, "popup": { @@ -5667,23 +5667,23 @@ "close-button": { "focus-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + "$value": "{post.scheme.color.interactive.focus.stroke-inverted}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg2}" + "$value": "{post.scheme.color.interactive.primary.hover.bg2}" }, "outer": { "$type": "sizing", @@ -5693,7 +5693,7 @@ "link": { "focus-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke-inverted}" + "$value": "{post.scheme.color.interactive.focus.stroke-inverted}" }, "padding": { "block": { @@ -5703,15 +5703,15 @@ }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.notification.popover.hover}" + "$value": "{post.scheme.color.notification.popover.hover}" }, "font-weight": { "$type": "fontWeights", @@ -5731,29 +5731,29 @@ "icon": { "focus-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent1.fg}" + "$value": "{post.scheme.color.surface.accent1.fg}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent1.fg}" + "$value": "{post.scheme.color.surface.accent1.fg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" } }, "surface": { "bg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.bg}" + "$value": "{post.scheme.color.surface.accent4.bg}" }, "fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" }, "border-radius": { "$type": "borderRadius", @@ -5785,7 +5785,7 @@ "text": { "selected-fg": { "$type": "color", - "$value": "{post.mode.color.surface.accent4.fg}" + "$value": "{post.scheme.color.surface.accent4.fg}" } }, "elevation": { @@ -5830,56 +5830,56 @@ "radio-button": { "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.primary.hover.bg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" }, "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" + "$value": "{post.scheme.color.interactive.primary.selected.bg1}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.primary.selected.fg1}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke}" }, "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke1}" }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "border-width": { "$type": "borderWidth", @@ -6014,29 +6014,41 @@ }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg3}" + "$value": "{post.scheme.color.interactive.primary.selected.fg3}" }, "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg4}" + "$value": "{post.scheme.color.interactive.primary.selected.bg4}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" }, "enabled-border": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" + }, + "hover-bg": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.hover.bg}" + }, + "hover-border": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "focus": { "outline": { "color": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "offset": { "$type": "spacing", @@ -6048,18 +6060,6 @@ "$value": "{post.device.border-width.focus}" } }, - "hover-fg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" - }, - "hover-bg": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" - }, - "hover-border": { - "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" - }, "border-width": { "$type": "borderWidth", "$value": "{post.device.border-width.default}" @@ -6071,7 +6071,7 @@ }, "enabled-border": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke3}" } }, "padding": { @@ -6096,7 +6096,7 @@ }, "selected-border": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke1}" }, "elevation": { "$type": "boxShadow", @@ -6110,66 +6110,66 @@ "select": { "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.primary.hover.bg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" }, "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" + "$value": "{post.scheme.color.interactive.primary.selected.bg1}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.primary.selected.fg1}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke}" }, "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke1}" }, "signal": { "error": { "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" + "$value": "{post.scheme.color.signal.error-dark}" }, "success": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.scheme.color.signal.success-dark}" } }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "border-width": { "$type": "borderWidth", @@ -6301,67 +6301,67 @@ "color": { "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.scheme.color.interactive.notification.info.bg}" }, "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.scheme.color.interactive.notification.info.fg}" }, "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.scheme.color.interactive.notification.info.stroke}" }, "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.scheme.color.interactive.notification.info.icon}" }, "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.scheme.color.interactive.notification.success.bg}" }, "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.scheme.color.interactive.notification.success.fg}" }, "success-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.scheme.color.interactive.notification.success.stroke}" }, "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.scheme.color.interactive.notification.success.icon}" }, "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.scheme.color.interactive.notification.warning.bg}" }, "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.scheme.color.interactive.notification.warning.fg}" }, "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.scheme.color.interactive.notification.warning.stroke}" }, "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.scheme.color.interactive.notification.warning.icon}" }, "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.scheme.color.interactive.notification.error.bg}" }, "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.scheme.color.interactive.notification.error.fg}" }, "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "$value": "{post.scheme.color.interactive.notification.error.stroke}" }, "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "$value": "{post.scheme.color.interactive.notification.error.icon}" } } } @@ -6373,17 +6373,17 @@ "text": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" } }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "border-width": { "$type": "borderWidth", @@ -6392,61 +6392,61 @@ }, "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg2}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg2}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg3}" }, "completed-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" + "$value": "{post.scheme.color.interactive.primary.selected.bg2}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg2}" + "$value": "{post.scheme.color.interactive.primary.hover.bg2}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg3}" + "$value": "{post.scheme.color.interactive.primary.hover.fg3}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg4}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg4}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg3}" }, "connector": { "active": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "completed": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" + "$value": "{post.scheme.color.interactive.primary.selected.bg2}" }, "next": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg4}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg4}" } }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke3}" }, "completed-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke3}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke3}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke3}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke3}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke3}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke3}" }, "gap": { "text-start": { @@ -6495,35 +6495,35 @@ "text": { "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.primary.selected.fg1}" } }, "icon": { "success": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.scheme.color.signal.success-dark}" }, "disabled": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" }, "hover": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" } }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" }, "border-width": { "$type": "borderWidth", @@ -6547,69 +6547,69 @@ "handle": { "enabled": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg3}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg3}" }, "selected": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg3}" + "$value": "{post.scheme.color.interactive.primary.selected.fg3}" }, "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke3}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke3}" }, "hover": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg3}" + "$value": "{post.scheme.color.interactive.primary.hover.fg3}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke3}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke3}" }, "disabled": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg3}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg3}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke2}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke3}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke3}" } }, "element": { "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg2}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg2}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg2}" + "$value": "{post.scheme.color.interactive.primary.selected.bg2}" }, "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke4}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke4}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg2}" + "$value": "{post.scheme.color.interactive.primary.hover.bg2}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg3}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg3}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke2}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke2}" }, "width": { "$type": "sizing", @@ -6675,66 +6675,66 @@ "color": { "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.primary.hover.bg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" }, "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" + "$value": "{post.scheme.color.interactive.primary.selected.bg1}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.primary.selected.fg1}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke}" }, "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke1}" }, "signal": { "error": { "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" + "$value": "{post.scheme.color.signal.error-dark}" }, "success": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.scheme.color.signal.success-dark}" } }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" } } }, @@ -6798,11 +6798,11 @@ "text-highlighted": { "bg": { "$type": "color", - "$value": "{post.mode.color.signal.information-light}" + "$value": "{post.scheme.color.signal.information-light}" }, "fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "padding": { "text": { @@ -6829,70 +6829,70 @@ "color": { "enabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" }, "enabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" }, "hover-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.primary.hover.bg}" }, "hover-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" }, "disabled-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.primary.disabled.bg}" }, "disabled-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" }, "selected-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.bg1}" + "$value": "{post.scheme.color.interactive.primary.selected.bg1}" }, "selected-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.primary.selected.fg1}" }, "helptext-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.fg2}" + "$value": "{post.scheme.color.interactive.primary.enabled.fg2}" }, "enabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" }, "hover-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.primary.hover.stroke}" }, "disabled-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.primary.disabled.stroke}" }, "selected-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.primary.selected.stroke1}" + "$value": "{post.scheme.color.interactive.primary.selected.stroke1}" }, "signal": { "error": { "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" + "$value": "{post.scheme.color.signal.error-dark}" }, "success": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.scheme.color.signal.success-dark}" } }, "focus": { "stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.focus.stroke}" + "$value": "{post.scheme.color.interactive.focus.stroke}" } } }, @@ -7001,67 +7001,67 @@ "color": { "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.scheme.color.interactive.notification.info.bg}" }, "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.scheme.color.interactive.notification.info.fg}" }, "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.scheme.color.interactive.notification.info.stroke}" }, "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.scheme.color.interactive.notification.info.icon}" }, "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.scheme.color.interactive.notification.success.bg}" }, "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.scheme.color.interactive.notification.success.fg}" }, "success-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.scheme.color.interactive.notification.success.stroke}" }, "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.scheme.color.interactive.notification.success.icon}" }, "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.scheme.color.interactive.notification.warning.bg}" }, "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.scheme.color.interactive.notification.warning.fg}" }, "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.scheme.color.interactive.notification.warning.stroke}" }, "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.scheme.color.interactive.notification.warning.icon}" }, "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.scheme.color.interactive.notification.error.bg}" }, "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.scheme.color.interactive.notification.error.fg}" }, "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "$value": "{post.scheme.color.interactive.notification.error.stroke}" }, "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "$value": "{post.scheme.color.interactive.notification.error.icon}" } } } @@ -7097,67 +7097,67 @@ "color": { "info-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.bg}" + "$value": "{post.scheme.color.interactive.notification.info.bg}" }, "info-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.fg}" + "$value": "{post.scheme.color.interactive.notification.info.fg}" }, "info-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.stroke}" + "$value": "{post.scheme.color.interactive.notification.info.stroke}" }, "info-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.info.icon}" + "$value": "{post.scheme.color.interactive.notification.info.icon}" }, "success-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.bg}" + "$value": "{post.scheme.color.interactive.notification.success.bg}" }, "success-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.fg}" + "$value": "{post.scheme.color.interactive.notification.success.fg}" }, "success-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.stroke}" + "$value": "{post.scheme.color.interactive.notification.success.stroke}" }, "success-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.success.icon}" + "$value": "{post.scheme.color.interactive.notification.success.icon}" }, "warning-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.bg}" + "$value": "{post.scheme.color.interactive.notification.warning.bg}" }, "warning-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.fg}" + "$value": "{post.scheme.color.interactive.notification.warning.fg}" }, "warning-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.stroke}" + "$value": "{post.scheme.color.interactive.notification.warning.stroke}" }, "warning-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.warning.icon}" + "$value": "{post.scheme.color.interactive.notification.warning.icon}" }, "error-bg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.bg}" + "$value": "{post.scheme.color.interactive.notification.error.bg}" }, "error-fg": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.fg}" + "$value": "{post.scheme.color.interactive.notification.error.fg}" }, "error-stroke": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.stroke}" + "$value": "{post.scheme.color.interactive.notification.error.stroke}" }, "error-icon": { "$type": "color", - "$value": "{post.mode.color.interactive.notification.error.icon}" + "$value": "{post.scheme.color.interactive.notification.error.icon}" } } } @@ -7184,11 +7184,11 @@ }, "error": { "$type": "color", - "$value": "{post.mode.color.signal.error-dark}" + "$value": "{post.scheme.color.signal.error-dark}" }, "success": { "$type": "color", - "$value": "{post.mode.color.signal.success-dark}" + "$value": "{post.scheme.color.signal.success-dark}" } } } @@ -7998,7 +7998,9 @@ "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2," }, "selectedTokenSets": { - "core": "enabled" + "core": "enabled", + "Scheme/Light": "disabled", + "Scheme/Dark": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8093,6 +8095,7 @@ "post.core.dimension.1-5": "e9a806cc8b202847d48f7843c1a5536c39fb544e", "post.core.dimension.8-5": "4806510e987f7bd5df8cf01a4ed6ddd83ee0f46f", "post.core.dimension.3-5": "fabd9da13f12377a471bcfaff026173ac38a8756", + "post.core.dimension.-2": "a8040ac6a48a5d42a1da856418512c0be8287c14", "post.core.font-weight.300": "4436d559d2383ae1a0ad88d57da9ce6360a7aef7", "post.core.font-weight.400": "2e0dea0ce52e09ecf1ea56fc61739b5dfd4c1335", "post.core.font-weight.500": "b4f03965c86694b373279706e6a7abd0f85ef831", @@ -8116,8 +8119,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.core.dimension.-2": "a8040ac6a48a5d42a1da856418512c0be8287c14" + "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20" } }, { @@ -8126,158 +8128,159 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled" + "Scheme/Light": "enabled", + "Scheme/Dark": "disabled" }, - "group": "Mode", + "group": "Scheme", "$figmaCollectionId": "VariableCollectionId:718:1666", "$figmaModeId": "718:1", "$figmaVariableReferences": { - "post.mode.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", - "post.mode.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", - "post.mode.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", - "post.mode.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", - "post.mode.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", - "post.mode.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", - "post.mode.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", - "post.mode.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", - "post.mode.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", - "post.mode.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", - "post.mode.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", - "post.mode.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", - "post.mode.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", - "post.mode.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", - "post.mode.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", - "post.mode.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", - "post.mode.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", - "post.mode.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", - "post.mode.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", - "post.mode.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", - "post.mode.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", - "post.mode.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", - "post.mode.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", - "post.mode.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", - "post.mode.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", - "post.mode.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", - "post.mode.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", - "post.mode.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", - "post.mode.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", - "post.mode.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", - "post.mode.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", - "post.mode.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", - "post.mode.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", - "post.mode.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", - "post.mode.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", - "post.mode.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", - "post.mode.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", - "post.mode.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", - "post.mode.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", - "post.mode.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", - "post.mode.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", - "post.mode.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", - "post.mode.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", - "post.mode.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", - "post.mode.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", - "post.mode.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", - "post.mode.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", - "post.mode.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", - "post.mode.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", - "post.mode.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", - "post.mode.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", - "post.mode.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", - "post.mode.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", - "post.mode.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", - "post.mode.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", - "post.mode.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", - "post.mode.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", - "post.mode.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", - "post.mode.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", - "post.mode.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", - "post.mode.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", - "post.mode.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", - "post.mode.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", - "post.mode.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", - "post.mode.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", - "post.mode.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", - "post.mode.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", - "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", - "post.mode.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", - "post.mode.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", - "post.mode.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", - "post.mode.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", - "post.mode.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", - "post.mode.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", - "post.mode.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", - "post.mode.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", - "post.mode.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", - "post.mode.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", - "post.mode.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", - "post.mode.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", - "post.mode.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", - "post.mode.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", - "post.mode.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", - "post.mode.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", - "post.mode.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", - "post.mode.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", - "post.mode.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", - "post.mode.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", - "post.mode.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", - "post.mode.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", - "post.mode.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", - "post.mode.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", - "post.mode.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", - "post.mode.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", - "post.mode.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", - "post.mode.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", - "post.mode.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", - "post.mode.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", - "post.mode.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", - "post.mode.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", - "post.mode.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", - "post.mode.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", - "post.mode.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", - "post.mode.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", - "post.mode.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", - "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", - "post.mode.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", - "post.mode.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", - "post.mode.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", - "post.mode.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", - "post.mode.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", - "post.mode.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", - "post.mode.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", - "post.mode.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", - "post.mode.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", - "post.mode.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", - "post.mode.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", - "post.mode.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", - "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.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", - "post.mode.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c", - "post.mode.color.interactive.primary.selected.bg4": "2ff12dcb2eeefdf9269b693bbf6422ea2ad8212a" + "post.scheme.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", + "post.scheme.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", + "post.scheme.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", + "post.scheme.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", + "post.scheme.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", + "post.scheme.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", + "post.scheme.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", + "post.scheme.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", + "post.scheme.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", + "post.scheme.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", + "post.scheme.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", + "post.scheme.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", + "post.scheme.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", + "post.scheme.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", + "post.scheme.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", + "post.scheme.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", + "post.scheme.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.scheme.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", + "post.scheme.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", + "post.scheme.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", + "post.scheme.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", + "post.scheme.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", + "post.scheme.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", + "post.scheme.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", + "post.scheme.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", + "post.scheme.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", + "post.scheme.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", + "post.scheme.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", + "post.scheme.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", + "post.scheme.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", + "post.scheme.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", + "post.scheme.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", + "post.scheme.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", + "post.scheme.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", + "post.scheme.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", + "post.scheme.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", + "post.scheme.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", + "post.scheme.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", + "post.scheme.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", + "post.scheme.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", + "post.scheme.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", + "post.scheme.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", + "post.scheme.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", + "post.scheme.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", + "post.scheme.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", + "post.scheme.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", + "post.scheme.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", + "post.scheme.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", + "post.scheme.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", + "post.scheme.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", + "post.scheme.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", + "post.scheme.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", + "post.scheme.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", + "post.scheme.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", + "post.scheme.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", + "post.scheme.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", + "post.scheme.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", + "post.scheme.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", + "post.scheme.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", + "post.scheme.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", + "post.scheme.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", + "post.scheme.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", + "post.scheme.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", + "post.scheme.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", + "post.scheme.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", + "post.scheme.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", + "post.scheme.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", + "post.scheme.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", + "post.scheme.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", + "post.scheme.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.scheme.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.scheme.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.scheme.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.scheme.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.scheme.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.scheme.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.scheme.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.scheme.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.scheme.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.scheme.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.scheme.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "post.scheme.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", + "post.scheme.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", + "post.scheme.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", + "post.scheme.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", + "post.scheme.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", + "post.scheme.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", + "post.scheme.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", + "post.scheme.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", + "post.scheme.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", + "post.scheme.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", + "post.scheme.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", + "post.scheme.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", + "post.scheme.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", + "post.scheme.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", + "post.scheme.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", + "post.scheme.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", + "post.scheme.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", + "post.scheme.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", + "post.scheme.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", + "post.scheme.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", + "post.scheme.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", + "post.scheme.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", + "post.scheme.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", + "post.scheme.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", + "post.scheme.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", + "post.scheme.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", + "post.scheme.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", + "post.scheme.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", + "post.scheme.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", + "post.scheme.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", + "post.scheme.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", + "post.scheme.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", + "post.scheme.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", + "post.scheme.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", + "post.scheme.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", + "post.scheme.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", + "post.scheme.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", + "post.scheme.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", + "post.scheme.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", + "post.scheme.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", + "post.scheme.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", + "post.scheme.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", + "post.scheme.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.scheme.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8", + "post.scheme.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", + "post.scheme.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", + "post.scheme.color.interactive.primary.selected.bg4": "2ff12dcb2eeefdf9269b693bbf6422ea2ad8212a", + "post.scheme.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", + "post.scheme.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", + "post.scheme.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", + "post.scheme.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", + "post.scheme.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", + "post.scheme.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", + "post.scheme.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", + "post.scheme.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", + "post.scheme.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", + "post.scheme.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", + "post.scheme.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", + "post.scheme.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", + "post.scheme.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", + "post.scheme.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", + "post.scheme.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", + "post.scheme.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", + "post.scheme.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", + "post.scheme.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" } }, { @@ -8286,159 +8289,159 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "enabled", - "Mode/Dark": "enabled" + "Scheme/Light": "enabled", + "Scheme/Dark": "enabled" }, - "group": "Mode", + "group": "Scheme", "$figmaCollectionId": "VariableCollectionId:718:1666", "$figmaModeId": "718:2", "$figmaVariableReferences": { - "post.mode.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", - "post.mode.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", - "post.mode.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", - "post.mode.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", - "post.mode.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", - "post.mode.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", - "post.mode.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", - "post.mode.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", - "post.mode.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", - "post.mode.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", - "post.mode.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", - "post.mode.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", - "post.mode.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", - "post.mode.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", - "post.mode.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", - "post.mode.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", - "post.mode.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", - "post.mode.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", - "post.mode.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", - "post.mode.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", - "post.mode.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", - "post.mode.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", - "post.mode.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", - "post.mode.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", - "post.mode.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", - "post.mode.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", - "post.mode.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", - "post.mode.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", - "post.mode.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", - "post.mode.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", - "post.mode.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", - "post.mode.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", - "post.mode.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", - "post.mode.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", - "post.mode.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", - "post.mode.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", - "post.mode.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", - "post.mode.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", - "post.mode.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", - "post.mode.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", - "post.mode.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", - "post.mode.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", - "post.mode.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", - "post.mode.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", - "post.mode.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", - "post.mode.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", - "post.mode.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", - "post.mode.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", - "post.mode.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", - "post.mode.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", - "post.mode.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", - "post.mode.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", - "post.mode.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", - "post.mode.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", - "post.mode.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", - "post.mode.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", - "post.mode.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", - "post.mode.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", - "post.mode.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", - "post.mode.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", - "post.mode.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", - "post.mode.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", - "post.mode.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", - "post.mode.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", - "post.mode.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", - "post.mode.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", - "post.mode.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", - "post.mode.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", - "post.mode.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", - "post.mode.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", - "post.mode.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", - "post.mode.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", - "post.mode.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", - "post.mode.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", - "post.mode.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", - "post.mode.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", - "post.mode.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", - "post.mode.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", - "post.mode.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", - "post.mode.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", - "post.mode.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", - "post.mode.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", - "post.mode.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", - "post.mode.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", - "post.mode.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", - "post.mode.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", - "post.mode.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", - "post.mode.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", - "post.mode.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", - "post.mode.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", - "post.mode.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", - "post.mode.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", - "post.mode.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", - "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", - "post.mode.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", - "post.mode.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", - "post.mode.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", - "post.mode.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", - "post.mode.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", - "post.mode.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", - "post.mode.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", - "post.mode.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", - "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", - "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", - "post.mode.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", - "post.mode.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", - "post.mode.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", - "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", - "post.mode.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", - "post.mode.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", - "post.mode.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", - "post.mode.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", - "post.mode.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", - "post.mode.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", - "post.mode.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", - "post.mode.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", - "post.mode.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", - "post.mode.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", - "post.mode.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", - "post.mode.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", - "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.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", - "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.interactive.primary.selected.bg4": "2ff12dcb2eeefdf9269b693bbf6422ea2ad8212a" + "post.scheme.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", + "post.scheme.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", + "post.scheme.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", + "post.scheme.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", + "post.scheme.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", + "post.scheme.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", + "post.scheme.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", + "post.scheme.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", + "post.scheme.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", + "post.scheme.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", + "post.scheme.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", + "post.scheme.color.interactive.button.primary.enabled.fg-inverted": "9c4c50f3098525a6875dbc8138d7b5f4c7fe609e", + "post.scheme.color.interactive.button.primary.enabled.bg-inverted": "939e9e1f085ca9eb5396b419d94475cb785858d0", + "post.scheme.color.interactive.button.primary.enabled.stroke-inverted": "008efefbfa81854e12d3ccd9b5999a075db8af35", + "post.scheme.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", + "post.scheme.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", + "post.scheme.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", + "post.scheme.color.interactive.button.primary.hover.fg-inverted": "6011cf5c6a221c226dbaa355e44b6ccb2a91bd93", + "post.scheme.color.interactive.button.primary.hover.bg-inverted": "f0de47eb4977063b8397d221488b64ffb45ed737", + "post.scheme.color.interactive.button.primary.hover.stroke-inverted": "c4e12a99e51f96329f7a41d11102c1fd787a6dd5", + "post.scheme.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", + "post.scheme.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", + "post.scheme.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.scheme.color.interactive.button.primary.disabled.fg-inverted": "12fc5c2f6b90f5c8434b32e45dddc61e11d0f1af", + "post.scheme.color.interactive.button.primary.disabled.bg-inverted": "4c7a06009197a22362fa5679c332a99ba98d0e14", + "post.scheme.color.interactive.button.primary.disabled.stroke-inverted": "7e62a99c63c51e31988d1c139ff9e8cd2e9fb854", + "post.scheme.color.interactive.button.secondary.enabled.fg": "3469d52ddcce21355b3935175906a721fa1859bc", + "post.scheme.color.interactive.button.secondary.enabled.bg": "190bf80c52a9cf15b08ff1abf5f299625f76bfc3", + "post.scheme.color.interactive.button.secondary.enabled.stroke": "5f993bd229b95ab4e3821a1cde5aba65d630b378", + "post.scheme.color.interactive.button.secondary.enabled.fg-inverted": "80f3d85e98301b2b7653e3292f0aa61bf2d50f35", + "post.scheme.color.interactive.button.secondary.enabled.bg-inverted": "b61b7cd70ccb8a7f536bda487a8bb47a6716eb4b", + "post.scheme.color.interactive.button.secondary.enabled.stroke-inverted": "20f42d006da53f7d083ea2a6e0cc55a93c204a57", + "post.scheme.color.interactive.button.secondary.hover.fg": "54d0b82679592c82d6aa6af72226e1b2ef6696cb", + "post.scheme.color.interactive.button.secondary.hover.bg": "6c8b5d9794913d2a615a9b06db5909ee87d74174", + "post.scheme.color.interactive.button.secondary.hover.stroke": "5145f664a3bda6b4011d89a9a226c00257b74969", + "post.scheme.color.interactive.button.secondary.hover.fg-inverted": "0d1fee577adf8d837cf54f19599cddb0c0fd1e0c", + "post.scheme.color.interactive.button.secondary.hover.bg-inverted": "df9fb7fd71fea7ad87da65b65dca8f2566c26ab5", + "post.scheme.color.interactive.button.secondary.hover.stroke-inverted": "9bf30050cf47483d9113894c694bdc7c03a330f4", + "post.scheme.color.interactive.button.secondary.disabled.fg": "7678ae5bf8fedb53f301de72e9663dcacc68436b", + "post.scheme.color.interactive.button.secondary.disabled.bg": "bba9f576556004bd616c1ffba2bc9ac28afbcb87", + "post.scheme.color.interactive.button.secondary.disabled.stroke": "23a0fa7f62b3e47a9d8c2a9e7b9a9e4cb3cb21f3", + "post.scheme.color.interactive.button.secondary.disabled.fg-inverted": "d41e3c2e712ddcf2a6d723d3d1d125533c110863", + "post.scheme.color.interactive.button.secondary.disabled.bg-inverted": "eef887fbd632ad51d1dd36cbc0e332ae82d11563", + "post.scheme.color.interactive.button.secondary.disabled.stroke-inverted": "84b8b2f331745f8fc63c90511dc27be63801c888", + "post.scheme.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", + "post.scheme.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", + "post.scheme.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", + "post.scheme.color.interactive.button.tertiary.enabled.fg-inverted": "163f8eccbe229942128f7ae4a6cd7b03fbcb697f", + "post.scheme.color.interactive.button.tertiary.enabled.bg-inverted": "3703ff8041deff9391e918005fa13aff1a89a371", + "post.scheme.color.interactive.button.tertiary.enabled.stroke-inverted": "30fad196317dedc04e9cd23444694f35a7f1597a", + "post.scheme.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", + "post.scheme.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", + "post.scheme.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", + "post.scheme.color.interactive.button.tertiary.hover.fg-inverted": "9f32cb9f6b20e479dec30e0d937f33759625a53e", + "post.scheme.color.interactive.button.tertiary.hover.bg-inverted": "1a4021bdd6faeee60b01bbac4499793060059d91", + "post.scheme.color.interactive.button.tertiary.hover.stroke-inverted": "6c2f8d3a5a548ab95e98308b891a01347d362df1", + "post.scheme.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", + "post.scheme.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", + "post.scheme.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", + "post.scheme.color.interactive.button.tertiary.disabled.fg-inverted": "3a9df8d34384032af3f986043a92eedf2a8a7a34", + "post.scheme.color.interactive.button.tertiary.disabled.bg-inverted": "a225de1829f6f8143d75e388164e2af83ea4f6a2", + "post.scheme.color.interactive.button.tertiary.disabled.stroke-inverted": "d903c412b0157b9aba7f05121c7910fb358d7ddc", + "post.scheme.color.interactive.button.segmented.enabled.fg": "3554ecebdfd85f6f19d59ca0e627042b6185651c", + "post.scheme.color.interactive.button.segmented.enabled.bg": "5eb78f4f16c59bdcd0a2e77b84e96e506db8dee6", + "post.scheme.color.interactive.button.segmented.enabled.stroke": "03350a4f7f5ad7a07443c5af06c501082a63ffb0", + "post.scheme.color.interactive.button.segmented.hover.fg": "3228743c2d44067bc7d6e15265126ebc7ae99095", + "post.scheme.color.interactive.button.segmented.hover.bg": "2d1cc833ed68cdc8cdf79c03f10622ac25ec332e", + "post.scheme.color.interactive.button.segmented.hover.stroke": "8b88a28dc223c684ce98bc666557dece624bafbf", + "post.scheme.color.interactive.button.segmented.selected.fg": "4f20e0fda02c643125c61e257302a707b9c3f8b7", + "post.scheme.color.interactive.button.segmented.selected.bg": "f63f7f62748a6ac610b3a829ce61d47d3aa1e93c", + "post.scheme.color.interactive.button.segmented.selected.stroke": "1ee321b15affc73036772f9aa307e06bb4106d1d", + "post.scheme.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", + "post.scheme.color.interactive.focus.stroke-inverted": "184708805253951b9cc84f76b000665cef64cf96", + "post.scheme.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", + "post.scheme.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", + "post.scheme.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", + "post.scheme.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", + "post.scheme.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", + "post.scheme.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", + "post.scheme.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", + "post.scheme.color.interactive.primary.enabled.bg1": "a584b17b8f7242193ff9ac51339a43e2413799a2", + "post.scheme.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", + "post.scheme.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", + "post.scheme.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", + "post.scheme.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", + "post.scheme.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191", + "post.scheme.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681", + "post.scheme.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", + "post.scheme.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", + "post.scheme.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", + "post.scheme.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", + "post.scheme.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262", + "post.scheme.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", + "post.scheme.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68", + "post.scheme.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", + "post.scheme.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", + "post.scheme.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", + "post.scheme.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", + "post.scheme.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", + "post.scheme.color.interactive.primary.disabled.fg3": "4275db2a6373672622a84d83f7c05115fef5f074", + "post.scheme.color.interactive.primary.disabled.bg3": "061a3f68548e0983b90e8c5602848734e2b220e4", + "post.scheme.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", + "post.scheme.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6", + "post.scheme.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee", + "post.scheme.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd", + "post.scheme.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", + "post.scheme.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", + "post.scheme.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b", + "post.scheme.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", + "post.scheme.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.scheme.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8", + "post.scheme.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad", + "post.scheme.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022", + "post.scheme.color.interactive.primary.selected.bg4": "2ff12dcb2eeefdf9269b693bbf6422ea2ad8212a", + "post.scheme.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a", + "post.scheme.color.interactive.notification.info.bg": "5413400d383e63c8ef41b861dd49e30a2a70d78a", + "post.scheme.color.interactive.notification.info.icon": "bf3375dff6e916fd7615d086700df213eedcf5db", + "post.scheme.color.interactive.notification.info.stroke": "1a9a8d8d07255f00eeb45bf48d6e218a7c44dfe4", + "post.scheme.color.interactive.notification.success.fg": "c927f86c81d037c8dc7715ac874684dddef14ff0", + "post.scheme.color.interactive.notification.success.bg": "85e608348e1a810d8ac56488a49ae062c00d2cdc", + "post.scheme.color.interactive.notification.success.icon": "b430cdecf6c026834e748dc25e3139dc02ab425b", + "post.scheme.color.interactive.notification.success.stroke": "594f675749fdf13f0907e7478d700c0828e4e8a8", + "post.scheme.color.interactive.notification.warning.fg": "60b6eab3b66be2f95c597182dfb71d86ebe26fff", + "post.scheme.color.interactive.notification.warning.bg": "12d40a075e8031b50de3fc343349c62fa5f4ab2f", + "post.scheme.color.interactive.notification.warning.icon": "2b3c9da36fd8f441b93a002db1801c787c09483d", + "post.scheme.color.interactive.notification.warning.stroke": "83ae90d730ab973486648f98474ffe8748da9002", + "post.scheme.color.interactive.notification.error.fg": "dedb0ba182c263df37463ac05c1f1073ed6c0078", + "post.scheme.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", + "post.scheme.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", + "post.scheme.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", + "post.scheme.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.scheme.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.scheme.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", + "post.scheme.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.scheme.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.scheme.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.scheme.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.scheme.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.scheme.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.scheme.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.scheme.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.scheme.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "post.scheme.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", + "post.scheme.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", + "post.scheme.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", + "post.scheme.color.notification.popover.hover": "9e2793c01c18d6947c2d4e898afcb379426d952c" } }, { @@ -8447,7 +8450,9 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Device/Desktop": "enabled" + "Device/Desktop": "enabled", + "Scheme/Light": "disabled", + "Scheme/Dark": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8554,8 +8559,10 @@ "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", + "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", "post.device.spacing.padding.16": "5c97812e8a03280e5250015efd024a5ed171833e", "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1", @@ -8569,8 +8576,6 @@ "post.device.spacing.margin.2": "a03e875bcb67b48b5fe0cd53d733c77d6824e86f", "post.device.spacing.margin.3": "eaf0d9d533154fc10cd38699804e027093e4d482", "post.device.sizing.interactive.icon.size2": "7cea78d105586f14c382f30667405f5ac18545f6", - "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", - "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8592,9 +8597,9 @@ "post.device.sizing.interactive.icon.size3": "2d6b0a326866829ebae61170bdd76c65456bd604", "post.device.sizing.interactive.textfields.dropdown": "2c0942fd50bd63a9509f8550fc6a38642e9001d8", "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", - "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", @@ -8609,7 +8614,9 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Device/Tablet": "enabled" + "Device/Tablet": "enabled", + "Scheme/Light": "disabled", + "Scheme/Dark": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8641,6 +8648,7 @@ "post.device.font-family.default": "38fff1548814bdde018a1ba905997904160c681b", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676", "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", "post.device.spacing.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", @@ -8651,6 +8659,7 @@ "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.device.spacing.padding.4": "b1950da007ad30face2777f7f4561ea1bc394785", "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae", @@ -8714,8 +8723,6 @@ "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf", "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", - "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", - "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676", "post.device.spacing.gap.1": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.device.spacing.gap.2": "0e3be5c3cc6b23c8827bc5fb005a234c558199fc", "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", @@ -8753,9 +8760,9 @@ "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67", "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", - "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6", "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc", "post.device.border-width.alternative2": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30", @@ -8778,7 +8785,9 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Device/Mobile": "enabled" + "Device/Mobile": "enabled", + "Scheme/Light": "disabled", + "Scheme/Dark": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8813,6 +8822,7 @@ "post.device.spacing.gap.3": "91cd08dcbce598d4f63e04fc4e646796d943a377", "post.device.spacing.gap.4": "18a97621a6b8cd79f7f4424a6afbc99f49a4104e", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b", + "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676", "post.device.spacing.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", "post.device.spacing.gap.block.2": "4a1dd1f5413efe360cfb36bdd2ecdfd3395c365b", "post.device.spacing.gap.block.3": "dce52190596c6cc980495a8f1ef9fbdae012b26b", @@ -8828,6 +8838,7 @@ "post.device.spacing.gap.inline.10": "81e09d5b1f61262740353488c84a3e1dc09d83c0", "post.device.spacing.gap.inline.11": "405d0145989ecb75d86a7ed2e64daac180a40c14", "post.device.spacing.gap.inline.12": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", "post.device.spacing.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.device.spacing.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.device.spacing.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", @@ -8915,9 +8926,9 @@ "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1", "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb", "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d", + "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2", "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc", - "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d", "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc", "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327", "post.device.font-weight.medium": "906f12eaebe84e176fd21156d1a6e524c9e3414f", @@ -8928,9 +8939,7 @@ "post.device.border-width.alternative1": "3304b579ebb55075ec45251e69d38c803cecf378", "post.device.grid.sizing.gutter": "c96f1602983aa56f2a1a13cbba9b908b06fd0e05", "post.device.grid.sizing.container.max-width": "a4dfb3cf0e2934a7d714a31ae35fded45be08be9", - "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c", - "post.device.spacing.gap.inline.13": "a774444950bb137a0bde2badf1eeba102edc35e8", - "post.device.spacing.gap.6": "d3f0e06bad0472f9dec52560b44068444b9f9676" + "post.device.grid.padding.inline.container": "ac3bea992f765c2b35b8b7b8e0213bc1471cd22c" } }, { @@ -8939,12 +8948,12 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", - "Channel/EDK": "enabled" + "Channel/EDK": "enabled", + "Scheme/Light": "source", + "Scheme/Dark": "source" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8959,13 +8968,13 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "enabled", - "Channel/IDK": "enabled" + "Channel/IDK": "enabled", + "Scheme/Light": "source", + "Scheme/Dark": "source" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8980,8 +8989,6 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", @@ -8996,7 +9003,9 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Elements/ListBullet": "enabled", - "Elements/ListNumber": "enabled" + "Elements/ListNumber": "enabled", + "Scheme/Light": "source", + "Scheme/Dark": "source" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9059,15 +9068,15 @@ "core": "source", "Utilities/Spacing": "enabled", "Utilities/Typo": "enabled", - "Mode/Light": "source", - "Mode/Dark": "source", "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", "Channel/EDK": "source", "Channel/IDK": "source", "Theme/Post": "source", - "Utilities/Color": "enabled" + "Utilities/Color": "enabled", + "Scheme/Light": "source", + "Scheme/Dark": "source" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9206,8 +9215,6 @@ }, "selectedTokenSets": { "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", @@ -9252,12 +9259,13 @@ "Components/Grid": "enabled", "Components/List simple": "enabled", "Components/Avatar": "enabled", - "Components/Segmented button": "enabled" + "Components/Segmented button": "enabled", + "Scheme/Light": "source", + "Scheme/Dark": "source" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", "$figmaVariableReferences": { - "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1", "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84", "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016", @@ -9392,6 +9400,7 @@ "post.button.medium.gap.inline": "bc9458158633c62da2a94a576f040b70bd3d3fb4", "post.button.medium.padding.inline": "cb2499fd2ad523f33f3ff6192abefcb356000ac3", "post.button.medium.icon": "784a9b422bb7328a4322671591cc9ae28927fab4", + "post.button.border-radius.round": "379af7e758794402e587301b6ca44898347d9279", "post.button.small.height": "7ef5bf6b5fdeadf8b5a48bc9e6a4f0205272e8e1", "post.button.small.gap.inline": "5cee69191171d877a8e84dde5deac99a87dd143a", "post.button.small.padding.inline": "34ab1a6a2a326f3c9fbd5a71293f8d2c2e59fae2", @@ -9648,20 +9657,20 @@ "post.button-segmented.enabled-fg": "56e66f94c28cd178bf343764ba04eebdb02b3602", "post.button-segmented.enabled-bg": "288fb670e53c1f621a2d277decd09e2ace97ae09", "post.button-segmented.enabled-border": "982aba20bb65901ee196eee64d48ecb391eb0280", - "post.button-segmented.focus.outline.color": "42b558d628f606b19791acad7ce79100a3f61593", "post.button-segmented.hover-fg": "2a84933a4249fc8dff24532bc93406672907edd2", "post.button-segmented.hover-bg": "4b187ee1082e23ec58943c06d9ace9fe09dab01c", "post.button-segmented.hover-border": "8a8756906eaf89e46ea1d2962dba008a4a3b33d3", - "post.button-segmented.border-width": "4a6d13197a63b4e03477ed62b35d554f797feaf9", - "post.button-segmented.focus.outline-width": "899485d05b5979f4154eebe35f1131acfe1f557b", + "post.button-segmented.focus.outline.color": "42b558d628f606b19791acad7ce79100a3f61593", "post.button-segmented.focus.outline.offset": "ffcfcb17cfee9b1a39fd207c49b88697316fb13f", + "post.button-segmented.focus.outline-width": "899485d05b5979f4154eebe35f1131acfe1f557b", + "post.button-segmented.border-width": "4a6d13197a63b4e03477ed62b35d554f797feaf9", "post.button-segmented.elements.height": "305e4138ac7bb4dcb2749773bc28240a92b4b77f", + "post.button-segmented.elements.enabled-border": "c5d7d56d26636bdb4d125bb90190f86b9a80ab5a", "post.button-segmented.padding.inline": "8991d47786b26e2bc1ed4800bb303f89a330de03", "post.button-segmented.gap.inline": "edc6e1d49065d4c78b88a46af052b256e5522a7d", "post.button-segmented.margin": "c9450d8eb85705ec1378cc12d2dc11d82292d638", "post.button-segmented.font-weight": "69d85273017f04e159d299c17472222c517f3570", "post.button-segmented.selected-border": "9aa8b877e676f01b6b725ad77a15d2a81f6bfce5", - "post.button-segmented.elements.enabled-border": "c5d7d56d26636bdb4d125bb90190f86b9a80ab5a", "post.select.enabled-bg": "56831cf2f49031708c75a392aa1d337d53265db8", "post.select.enabled-fg": "f84ea1c81840d02a75bcf62682632a8853f85ad7", "post.select.hover-bg": "1c8c858d517f620cf044cb2cb8ebfa29233d2115", @@ -9909,8 +9918,6 @@ }, "selectedTokenSets": { "core": "source", - "Mode/Light": "source", - "Mode/Dark": "source", "Device/Desktop": "source", "Device/Tablet": "source", "Device/Mobile": "source", @@ -9924,7 +9931,9 @@ "Elements/Legend": "source", "FigmaOnly": "enabled", "Utilities/Spacing": "source", - "Utilities/Typo": "source" + "Utilities/Typo": "source", + "Scheme/Light": "source", + "Scheme/Dark": "source" } }, { @@ -9933,14 +9942,14 @@ "$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/Post": "enabled", + "Scheme/Light": "source", + "Scheme/Dark": "source" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9957,15 +9966,15 @@ "$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" + "Theme/Cargo": "enabled", + "Scheme/Light": "source", + "Scheme/Dark": "source" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9980,8 +9989,8 @@ "$metadata": { "tokenSetOrder": [ "core", - "Mode/Light", - "Mode/Dark", + "Scheme/Light", + "Scheme/Dark", "Device/Desktop", "Device/Tablet", "Device/Mobile", From f861c609f80bc98db6a2dbd216fc3c0e4e3908db Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Thu, 17 Oct 2024 14:30:52 +0200 Subject: [PATCH 20/41] feat(tokens):added semantic tokens for the accordion component --- .../tokens/tokensstudio-generated/tokens.json | 121 +++++++++++++++--- 1 file changed, 101 insertions(+), 20 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 1dea348c21..72c752cbd7 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -327,6 +327,10 @@ "$type": "dimension", "$value": "64" }, + "72": { + "$type": "dimension", + "$value": "72" + }, "78": { "$type": "dimension", "$value": "78" @@ -349,7 +353,7 @@ }, "1280": { "$type": "dimension", - "$value": "1280px" + "$value": "1280" }, "5-5": { "$type": "dimension", @@ -381,7 +385,19 @@ }, "-2": { "$type": "dimension", - "$value": "-2px" + "$value": "-2" + }, + "15-5": { + "$type": "dimension", + "$value": "15.5" + }, + "16-5": { + "$type": "dimension", + "$value": "16.5" + }, + "17-5": { + "$type": "dimension", + "$value": "17.5" } }, "font-weight": { @@ -1913,6 +1929,10 @@ "$type": "spacing", "$value": "{post.core.dimension.0}" }, + "7": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, "block": { "1": { "$type": "spacing", @@ -2055,6 +2075,18 @@ "$type": "spacing", "$value": "{post.core.dimension.0}" }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.17-5}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.15-5}" + }, + "21": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, "inline": { "1": { "$type": "spacing", @@ -2185,6 +2217,10 @@ "24": { "$type": "spacing", "$value": "{post.core.dimension.3}" + }, + "25": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" } } }, @@ -2361,6 +2397,12 @@ "$type": "sizing", "$value": "{post.core.dimension.16}" } + }, + "logo": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.72}" + } } }, "border-radius": { @@ -2661,6 +2703,14 @@ "$type": "spacing", "$value": "{post.core.dimension.12}" }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.14}" + }, "block": { "1": { "$type": "spacing", @@ -2911,6 +2961,12 @@ "$type": "sizing", "$value": "{post.core.dimension.14}" } + }, + "logo": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.64}" + } } }, "font-weight": { @@ -3197,6 +3253,14 @@ "$type": "spacing", "$value": "{post.core.dimension.4}" }, + "19": { + "$type": "spacing", + "$value": "{post.core.dimension.12}" + }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.10}" + }, "inline": { "5": { "$type": "spacing", @@ -3275,6 +3339,10 @@ "24": { "$type": "spacing", "$value": "{post.core.dimension.2}" + }, + "25": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" } } }, @@ -3431,6 +3499,12 @@ "$type": "sizing", "$value": "{post.core.dimension.12}" } + }, + "logo": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.56}" + } } }, "font-weight": { @@ -3896,6 +3970,7 @@ } } }, + "Components/Accordion": {}, "Components/App store badge": { "post": { "app-store": { @@ -7999,8 +8074,7 @@ }, "selectedTokenSets": { "core": "enabled", - "Scheme/Light": "disabled", - "Scheme/Dark": "disabled" + "Components/Accordion": "disabled" }, "$figmaCollectionId": "VariableCollectionId:718:1595", "$figmaModeId": "718:0", @@ -8129,7 +8203,7 @@ "selectedTokenSets": { "core": "source", "Scheme/Light": "enabled", - "Scheme/Dark": "disabled" + "Components/Accordion": "disabled" }, "group": "Scheme", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8290,7 +8364,8 @@ "selectedTokenSets": { "core": "source", "Scheme/Light": "enabled", - "Scheme/Dark": "enabled" + "Scheme/Dark": "enabled", + "Components/Accordion": "disabled" }, "group": "Scheme", "$figmaCollectionId": "VariableCollectionId:718:1666", @@ -8451,8 +8526,7 @@ "selectedTokenSets": { "core": "source", "Device/Desktop": "enabled", - "Scheme/Light": "disabled", - "Scheme/Dark": "disabled" + "Components/Accordion": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8615,8 +8689,7 @@ "core": "source", "Device/Desktop": "enabled", "Device/Tablet": "enabled", - "Scheme/Light": "disabled", - "Scheme/Dark": "disabled" + "Components/Accordion": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8786,8 +8859,7 @@ "Device/Desktop": "enabled", "Device/Tablet": "enabled", "Device/Mobile": "enabled", - "Scheme/Light": "disabled", - "Scheme/Dark": "disabled" + "Components/Accordion": "disabled" }, "group": "Device", "$figmaCollectionId": "VariableCollectionId:718:1733", @@ -8953,7 +9025,8 @@ "Device/Mobile": "source", "Channel/EDK": "enabled", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -8974,7 +9047,8 @@ "Channel/EDK": "enabled", "Channel/IDK": "enabled", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" }, "group": "Channel", "$figmaCollectionId": "VariableCollectionId:718:1734", @@ -9005,7 +9079,8 @@ "Elements/ListBullet": "enabled", "Elements/ListNumber": "enabled", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16769", "$figmaModeId": "3180:1", @@ -9076,7 +9151,8 @@ "Theme/Post": "source", "Utilities/Color": "enabled", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" }, "$figmaCollectionId": "VariableCollectionId:3180:16768", "$figmaModeId": "3180:0", @@ -9261,7 +9337,8 @@ "Components/Avatar": "enabled", "Components/Segmented button": "enabled", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -9933,7 +10010,8 @@ "Utilities/Spacing": "source", "Utilities/Typo": "source", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" } }, { @@ -9949,7 +10027,8 @@ "Channel/IDK": "source", "Theme/Post": "enabled", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -9974,7 +10053,8 @@ "Theme/Post": "enabled", "Theme/Cargo": "enabled", "Scheme/Light": "source", - "Scheme/Dark": "source" + "Scheme/Dark": "source", + "Components/Accordion": "disabled" }, "group": "Theme", "$figmaCollectionId": "VariableCollectionId:4178:5613", @@ -10005,6 +10085,7 @@ "Elements/ListBullet", "Elements/ListNumber", "Elements/Legend", + "Components/Accordion", "Components/App store badge", "Components/Avatar", "Components/Badge", From 19190b509d15e3d64dedf22c154582a9e70c17c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Fri, 18 Oct 2024 09:45:49 +0200 Subject: [PATCH 21/41] chore: rename color "mode" to "scheme" (#3794) --- .github/workflows/build-tokens.yaml | 2 +- .../addons/styles-switcher/StylesSwitcher.tsx | 42 +++++------ packages/documentation/.storybook/preview.ts | 4 +- .../.storybook/styles/preview.scss | 2 +- .../components/link/link.snapshot.stories.ts | 2 +- .../internet-header/internet-header.docs.mdx | 22 +++--- .../patterns/metadata/metadata.docs.mdx | 20 +++--- .../src/utils/codeOrSourceMdx.tsx | 4 +- packages/styles/src/placeholders/_modes.scss | 10 --- .../styles/src/placeholders/_schemes.scss | 10 +++ packages/styles/src/post-tokens-external.scss | 2 +- packages/styles/src/post-tokens-internal.scss | 2 +- packages/styles/src/tokens/_modes.scss | 11 --- packages/styles/src/tokens/_schemes.scss | 11 +++ pnpm-lock.yaml | 69 ++++++++++++++----- 15 files changed, 125 insertions(+), 88 deletions(-) delete mode 100644 packages/styles/src/placeholders/_modes.scss create mode 100644 packages/styles/src/placeholders/_schemes.scss delete mode 100644 packages/styles/src/tokens/_modes.scss create mode 100644 packages/styles/src/tokens/_schemes.scss diff --git a/.github/workflows/build-tokens.yaml b/.github/workflows/build-tokens.yaml index c72c148e50..5bc19a4479 100644 --- a/.github/workflows/build-tokens.yaml +++ b/.github/workflows/build-tokens.yaml @@ -40,7 +40,7 @@ jobs: const outputOrder = [ 'index.scss', 'core.scss', - 'mode.scss', + 'scheme.scss', 'device.scss', 'channel.scss', 'theme.scss', diff --git a/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx b/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx index adebf7a66d..6b3ca6c08e 100644 --- a/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx +++ b/packages/documentation/.storybook/addons/styles-switcher/StylesSwitcher.tsx @@ -3,7 +3,7 @@ import { IconButton, WithTooltip } from '@storybook/components'; const THEMES = ['Post'] as const; const CHANNELS = ['External', 'Internal'] as const; -const MODES = ['Light', 'Dark'] as const; +const SCHEMES = ['Light', 'Dark'] as const; /* * Stylesheets @@ -18,14 +18,14 @@ const possibleStylesheets = THEMES.flatMap(theme => { /* * Backgrounds */ -const backgroundClasses: { [key in (typeof MODES)[number]]: string } = { +const backgroundClasses: { [key in (typeof SCHEMES)[number]]: string } = { Light: 'bg-white', Dark: 'bg-dark', }; -const getBackgroundClass = (mode: string) => { - return mode in backgroundClasses ? backgroundClasses[mode] : ''; +const getBackgroundClass = (scheme: string) => { + return scheme in backgroundClasses ? backgroundClasses[scheme] : ''; }; -const possibleBackgrounds = MODES.map(mode => getBackgroundClass(mode)); +const possibleBackgrounds = SCHEMES.map(scheme => getBackgroundClass(scheme)); /* * Local storage access @@ -56,7 +56,7 @@ function StylesSwitcher() { const [currentTheme, setCurrentTheme] = useState(stored('theme') || THEMES[0]); const [currentChannel, setCurrentChannel] = useState(stored('channel') || CHANNELS[0]); - const [currentMode, setCurrentMode] = useState(stored('mode') || MODES[0]); + const [currentScheme, setCurrentScheme] = useState(stored('scheme') || SCHEMES[0]); const [preview, setPreview] = useState(); const [stories, setStories] = useState>(); @@ -107,17 +107,17 @@ function StylesSwitcher() { }, [preview, currentTheme, currentChannel]); /** - * Sets the expected 'data-color-mode' attribute on all story containers when the mode changes + * Sets the expected 'data-color-scheme' attribute on all story containers when the scheme changes */ useEffect(() => { if (!stories) return; stories.forEach(story => { story.classList.remove(...possibleBackgrounds); - story.classList.add(getBackgroundClass(currentMode)); - story.setAttribute('data-color-mode', currentMode.toLowerCase()); + story.classList.add(getBackgroundClass(currentScheme)); + story.setAttribute('data-color-scheme', currentScheme.toLowerCase()); }); - }, [stories, currentMode]); + }, [stories, currentScheme]); /** * Applies selected theme and registers it to the local storage @@ -136,11 +136,11 @@ function StylesSwitcher() { }; /** - * Applies selected mode and registers it to the local storage + * Applies selected scheme and registers it to the local storage */ - const applyMode = (mode: string) => { - store('mode', mode); - setCurrentMode(mode); + const applyScheme = (scheme: string) => { + store('scheme', scheme); + setCurrentScheme(scheme); }; return ( @@ -193,27 +193,27 @@ function StylesSwitcher() { - {/* Mode dropdown */} + {/* Scheme dropdown */} - {MODES.map(mode => ( + {SCHEMES.map(scheme => ( applyMode(mode)} + className={'addon-dropdown__item' + (scheme === currentScheme ? ' active' : '')} + key={scheme} + onClick={() => applyScheme(scheme)} > - {mode} + {scheme} ))} } > - Mode: {currentMode} + Color Scheme: {currentScheme} diff --git a/packages/documentation/.storybook/preview.ts b/packages/documentation/.storybook/preview.ts index ba2aca3353..3f3c253f82 100644 --- a/packages/documentation/.storybook/preview.ts +++ b/packages/documentation/.storybook/preview.ts @@ -18,7 +18,7 @@ import scss from 'react-syntax-highlighter/dist/esm/languages/prism/scss'; SyntaxHighlighter.registerLanguage('scss', scss); -export const SourceDarkMode = true; +export const SourceDarkScheme = true; const preview: Preview = { decorators: [fullScreenUrlDecorator], @@ -85,7 +85,7 @@ const preview: Preview = { }, source: { excludeDecorators: true, - dark: SourceDarkMode, + dark: SourceDarkScheme, transform: (snippet: string) => format(snippet, prettierOptions), }, components: resetComponents, diff --git a/packages/documentation/.storybook/styles/preview.scss b/packages/documentation/.storybook/styles/preview.scss index 3cc1177fed..712fc0d078 100644 --- a/packages/documentation/.storybook/styles/preview.scss +++ b/packages/documentation/.storybook/styles/preview.scss @@ -170,7 +170,7 @@ overflow-x: hidden; } -.sbdocs-preview:not([data-color-mode]) { +.sbdocs-preview:not([data-color-scheme]) { display: none; } diff --git a/packages/documentation/src/stories/components/link/link.snapshot.stories.ts b/packages/documentation/src/stories/components/link/link.snapshot.stories.ts index dfab463bd6..8c82117d55 100644 --- a/packages/documentation/src/stories/components/link/link.snapshot.stories.ts +++ b/packages/documentation/src/stories/components/link/link.snapshot.stories.ts @@ -20,7 +20,7 @@ export const Link: Story = { bg => html`
${bombArgs({ text: ['Link Text', 'Lorem ipsum dolor sit amet consectetur'], diff --git a/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx b/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx index b2b07858e8..58a59a05ea 100644 --- a/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx +++ b/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx @@ -10,7 +10,7 @@ import SampleInstall from './internet-header-install.sample.html?raw'; import SampleFixAppStyles from './internet-header-fix-app-styles.sample.html?raw'; import SampleOld from './internet-header-old.sample.html?raw'; import * as GettingStartedStories from './internet-header.stories'; -import { SourceDarkMode } from '@/../.storybook/preview'; +import { SourceDarkScheme } from '@/../.storybook/preview'; @@ -75,9 +75,9 @@ Internet-header package provide two versions: When working with Angular or any other framework, the easiest installation method is via npm. - + - +
@@ -85,8 +85,8 @@ Internet-header package provide two versions:
Bare Component
-
-
+
+
@@ -107,8 +107,8 @@ Internet-header package provide two versions:
Bare Component
-
-
+
+
@@ -126,11 +126,11 @@ This stylesheet allows you to access CSS variables to implement styling relative Sass Import - + HTML Import - `} dark={SourceDarkMode} language="html" /> + `} dark={SourceDarkScheme} language="html" /> @@ -201,7 +201,7 @@ Please refer to the [Internet Header installation instructions](/?path=/docs/9b0 After installation, you're ready to add the new tags to your markup: - + Place the new elements as described (and needed) as shown above. The breadcrumbs need a `container` wrapper to align themselves with the content of your page, @@ -212,6 +212,6 @@ If you don't have breadcrumbs, you can just delete the `