diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json index 32dd6e83..95578f25 100644 --- a/data/tokens/$themes.json +++ b/data/tokens/$themes.json @@ -2,7 +2,15 @@ { "id": "31a38b74a9a34550c4ce757a0cfe9168b336aafe", "name": "All", - "$figmaStyleReferences": {}, + "$figmaStyleReferences": { + "primitives.box-shadow.downward.0": "S:6be7cb1a2b37f24f8e6ca04f1d374757d146d979,", + "primitives.box-shadow.downward.1": "S:150f66d9fdab27b8623f7d9af3f37fb0c35f33ec,", + "primitives.box-shadow.downward.2": "S:2658c680b65006e252ed0e8129cd11c930cf941e,", + "primitives.box-shadow.downward.3": "S:5fc14c90391714be56257592238b391240620602,", + "primitives.box-shadow.upward.1": "S:1f80f1d37d3b3f7388ae438db82a9d0354728974,", + "primitives.box-shadow.upward.3": "S:f4c3b27c08eadcc4ff119a5214370d776bfe1a9f,", + "primitives.box-shadow.solid.border": "S:add2379246179c0c2a4ff0b334c37b9f84b2a7a8," + }, "selectedTokenSets": { "primitives": "enabled" }, @@ -14,7 +22,7 @@ "primitives.colors.blueBright": "fe1f345ef1bf0061c308b028d451f0a95749c27b", "primitives.colors.brilliantGreen": "5d343447fd57716fb12fa447a89f03f732cc8a88", "primitives.colors.emerald": "3ece6b999afc363b080c5b35a68880f039f13558", - "primitives.colors.jade": "87a7de84ab45496e6cc64ce21ab2766de414b4f8", + "primitives.colors.frozenJade": "87a7de84ab45496e6cc64ce21ab2766de414b4f8", "primitives.colors.emeraldLight": "9f5fb0629ff82e578756951337b2ccee960a7aef", "primitives.colors.green": "ccfabc49d84361f0c1b861032382012684d51d68", "primitives.colors.greenBright": "237ad80532906e4bd73759747e1a8208adbfe4cf", @@ -81,21 +89,32 @@ "primitives.fontWeights.medium": "df54093ebe767f7a1bec04290d78805e3c2030f1", "primitives.fontWeights.bold": "9b8e6bcd50f41a50fdffdd5cdd03539088295b0c", "primitives.fontWeights.black": "df3982f3149b308b573dd5dda5325c360b4a3bf4", - "primitives.fontSize.responsive.step-2": "eb748c3898b287d319d3474ea5d7f5db7c8fe882", - "primitives.fontSize.responsive.step-1": "395030bf10db366ce81625d9a7dd6692717f1276", - "primitives.fontSize.responsive.step0": "12f1017d9038913a155c664395a2e7c07df0f377", - "primitives.fontSize.responsive.step1": "8a7c965cddcfd2f9fa7b57fe6b7bf254502f7d07", - "primitives.fontSize.responsive.step2": "a5e5abb13350f862af3f083f9f77814e2cdf9e5d", - "primitives.fontSize.responsive.step3": "2419b6febbc88d0b08bf15143f910170b09e6499", - "primitives.fontSize.responsive.step4": "d53ac6f0c6b431b3aa77c8748b90db5ea0482ba7", - "primitives.fontSize.responsive.step5": "de645650c71531409b7553c23de365e725af3879", - "primitives.fontSize.responsive.step6": "569722e634466215539da15d283c09dbf74f7255", - "primitives.fontSize.responsive.step7": "14795234ca53d6813274849fab9d461ef76056ed", - "primitives.fontSize.responsive.step8": "b158ad5d717e27d7a269097cd556f8f51142d70c", - "primitives.fontSize.responsive.step9": "330e3413a18d9f98edd30870fa3a39af405d1954", - "primitives.fontSize.responsive.step10": "7c534ebe522f5b14dd8dbdb61819cdf881045134", - "primitives.fontSize.responsive.step11": "8444b946df7df26ccae602951f2bc40d4fd7cc8d", - "primitives.fontSize.responsive.step12": "4c604b8442d5bb3ea1611768a5cfe493bdf6a728", + "primitives.fontSize.responsive.product.step-2": "eb748c3898b287d319d3474ea5d7f5db7c8fe882", + "primitives.fontSize.responsive.product.step-1": "395030bf10db366ce81625d9a7dd6692717f1276", + "primitives.fontSize.responsive.product.step0": "12f1017d9038913a155c664395a2e7c07df0f377", + "primitives.fontSize.responsive.product.step1": "8a7c965cddcfd2f9fa7b57fe6b7bf254502f7d07", + "primitives.fontSize.responsive.product.step2": "a5e5abb13350f862af3f083f9f77814e2cdf9e5d", + "primitives.fontSize.responsive.product.step3": "2419b6febbc88d0b08bf15143f910170b09e6499", + "primitives.fontSize.responsive.product.step4": "d53ac6f0c6b431b3aa77c8748b90db5ea0482ba7", + "primitives.fontSize.responsive.product.step5": "de645650c71531409b7553c23de365e725af3879", + "primitives.fontSize.responsive.product.step6": "569722e634466215539da15d283c09dbf74f7255", + "primitives.fontSize.responsive.product.step7": "14795234ca53d6813274849fab9d461ef76056ed", + "primitives.fontSize.responsive.product.step8": "b158ad5d717e27d7a269097cd556f8f51142d70c", + "primitives.fontSize.responsive.product.step9": "330e3413a18d9f98edd30870fa3a39af405d1954", + "primitives.fontSize.responsive.product.step10": "7c534ebe522f5b14dd8dbdb61819cdf881045134", + "primitives.fontSize.responsive.marketing.step-2": "ada5a9f0c3f38685e18fc8d793fbf16739d81382", + "primitives.fontSize.responsive.marketing.step-1": "a9245785efbb9ee0a2f1970f05e5fd817b46b298", + "primitives.fontSize.responsive.marketing.step0": "485c7152ae8ebc1f022f7662f2f91f5758d91915", + "primitives.fontSize.responsive.marketing.step1": "2f9ef6908c161ba8e88dbcaf9dbc511c1b3b9871", + "primitives.fontSize.responsive.marketing.step2": "46b1e3156e4eb953263bbfed48f10ee8d0d8e083", + "primitives.fontSize.responsive.marketing.step3": "6493e497a1d4da4189764c1ca3ec4eba84801156", + "primitives.fontSize.responsive.marketing.step4": "50bb469b57f3a942230c2d8fe16aa62cd7bb6a19", + "primitives.fontSize.responsive.marketing.step5": "041a3b8142c0a0e8e7acd68a73101bd771f9d0d2", + "primitives.fontSize.responsive.marketing.step6": "615d3c566423991dc7ff88f2faf13d6c85ef2b7a", + "primitives.fontSize.responsive.marketing.step7": "8331a33b415d1887922ed8689adc42cb66534283", + "primitives.fontSize.responsive.marketing.step8": "94cca76bd75df25cf4e86ce0cadf5f6819d2dd25", + "primitives.fontSize.responsive.marketing.step9": "465245589ac6ea83bcdc7e11eb7bacf2438f260e", + "primitives.fontSize.responsive.marketing.step10": "780cee806aa6337d419fb2eca876132563181e11", "primitives.fontSize.icon.step0": "2eb281aaf3f2c6ff496d3f1fbdc5f53195359354", "primitives.paragraphSpacing.0": "a5b9a3e7fd607af56775374bdb70cbdb0e89cf73", "primitives.paragraphSpacing.150": "e04a8a4e0fa1c4a331611e5f3928f11d0b6af750", @@ -147,8 +166,17 @@ "$figmaModeId": "89711:0", "$figmaVariableReferences": { "modes.color.none": "f1a023bc3bbfc5335e65ade4b6d450f6f3191b1b", - "modes.color.brandreference.custom1": "e75cefc18d44d8e122d4ba64778d8b77d1772f07", - "modes.color.brandreference.custom2": "12e4ccc8df1dcccc92e71c4e215e42a3ac5cfe49", + "modes.color.brand.default": "94e67212e52b0a2ba01c97dc32dbea92f8e1601b", + "modes.color.brand.defaultAlt": "3cb3b5868bd6def2c7123c49437aaafed4ace887", + "modes.color.brand.withDefaultAlt": "36809d5c40f56404d81fbe4327a9cb427e77022a", + "modes.color.brand.copilot.AIIdentifier.default": "4c3f864d595cc83b34a71330e96363b6b7754eae", + "modes.color.brand.copilot.AIIdentifier.withDefault": "a9ffa309e0e6bf186f68fb17024a0e02cca6e8f0", + "modes.color.brand.copilot.noBg.S": "2eb542260f2b55c1ba3c5d0cb0ddc3ac4ebd0f46", + "modes.color.brand.copilot.noBg.star": "c9bdc0e31eab36c21cf750ed8c789c3f6f78016f", + "modes.color.brand.copilot.noBg.mono": "19888467fc8c8aa99475050ed369c2bd7daf1407", + "modes.color.brand.copilot.withBg.star": "f990f25e2b4a4afa3f72073a2995be1945ad80d3", + "modes.color.brand.copilot.withBg.bg": "281e72a2b5b20ab27f449399f9a1d689195c3468", + "modes.color.custom.default": "12e4ccc8df1dcccc92e71c4e215e42a3ac5cfe49", "modes.color.generic.bg.nought": "e28a5842ad93f9c83628fa9b247333193197d97f", "modes.color.generic.bg.faint": "042e9ce16ad97cd71261ae564c3a72bbb64333fd", "modes.color.generic.bg.delicate": "70e63935aea8dd8e91953514f0c2b6d0dca4acd4", @@ -187,7 +215,6 @@ "modes.color.interactive.dataEntry.defaultAlt": "231c9921acdfa4b275036533887dbf3b1acea851", "modes.color.interactive.dataEntry.content": "b405958dc16d7317cca9a01fa5d39457a24e3e95", "modes.color.interactive.dataEntry.contentAlt": "41071477d83386782a00d3086c68bf5b4b1bb79d", - "modes.color.interactive.dataEntry.legacy.withDefault": "8d8ea72c8c4e200759a2fe4b3517e2824def47d8", "modes.color.interactive.focus.withDefault": "3bad52eec0fff62d34a991679f0d9746693b5062", "modes.color.interactive.focus.content": "3a47f0004a3ec39d13f877dcb10e22404785ab9e", "modes.color.interactive.focus.withDefaultAlt": "e32e836f84b17cf62f799c2acc67db412d758e42", @@ -199,25 +226,20 @@ "modes.color.interactive.inactive.contentAlt": "1de5579a502a24e2c46151f81dbc715707d212b2", "modes.color.interactive.inactive.icon": "ebc7e73e8922712256fc66143580f186e53c3cfb", "modes.color.interactive.inactive.iconAlt": "5437a401cb92f6417374a66aae9cda65e38d8305", - "modes.color.interactive.monochrome.active": "439bb54c8db531063615e9e12cfb47905ea252a4", - "modes.color.interactive.monochrome.activeAlt": "0d492c07f35a1c3a267fd6146c35adb13ac5567a", - "modes.color.interactive.monochrome.default": "ded4c6aa5f7f2edd0d3fa2ed77ec9d7077e409df", - "modes.color.interactive.monochrome.defaultAlt": "c7b7391aa602565f0251eb14be0fae29df4c4fdc", - "modes.color.interactive.monochrome.defaultAlt2": "faf188f63a785e581e56e9f117e3f9a82f9245ec", - "modes.color.interactive.monochrome.defaultAlt3": "c4f2d77b7d7840161f4727862eecb508033b05cc", - "modes.color.interactive.monochrome.hover": "9fab741c2fd0388115eb335b7ab91f0dc4a628ab", - "modes.color.interactive.monochrome.hoverAlt": "09feeb0e8ad5d18cccdc6843160d4d8e14e9a079", - "modes.color.interactive.monochrome.withActive": "887389d805161efbd1f2f90fbee941a9e0d5a6eb", - "modes.color.interactive.monochrome.withActiveAlt": "d8ec92fae1f72eb5a3da4036c8429fdeaa094453", - "modes.color.interactive.monochrome.withDefault": "e20ab26dc36d43d60f4874550bceefb3a6981b71", - "modes.color.interactive.monochrome.withHover": "6010d79dc384cae6a1c7fb780e88ab15fb431c52", + "modes.color.interactive.monochrome.generic.active": "439bb54c8db531063615e9e12cfb47905ea252a4", + "modes.color.interactive.monochrome.generic.activeAlt": "0d492c07f35a1c3a267fd6146c35adb13ac5567a", + "modes.color.interactive.monochrome.generic.default": "ded4c6aa5f7f2edd0d3fa2ed77ec9d7077e409df", + "modes.color.interactive.monochrome.generic.defaultAlt": "c7b7391aa602565f0251eb14be0fae29df4c4fdc", + "modes.color.interactive.monochrome.generic.hoverAlt": "09feeb0e8ad5d18cccdc6843160d4d8e14e9a079", + "modes.color.interactive.monochrome.generic.hover": "9fab741c2fd0388115eb335b7ab91f0dc4a628ab", + "modes.color.interactive.monochrome.generic.withActive": "887389d805161efbd1f2f90fbee941a9e0d5a6eb", + "modes.color.interactive.monochrome.generic.withActiveAlt": "d8ec92fae1f72eb5a3da4036c8429fdeaa094453", + "modes.color.interactive.monochrome.generic.withDefault": "e20ab26dc36d43d60f4874550bceefb3a6981b71", + "modes.color.interactive.monochrome.generic.withHover": "6010d79dc384cae6a1c7fb780e88ab15fb431c52", + "modes.color.interactive.monochrome.subtle.defaultAlt": "faf188f63a785e581e56e9f117e3f9a82f9245ec", + "modes.color.interactive.monochrome.subtle.default": "c4f2d77b7d7840161f4727862eecb508033b05cc", "modes.color.interactive.monochrome.marketing.withActive": "e2f3afa487694c43068b7d71d50e598dee94f1f9", "modes.color.interactive.monochrome.marketing.active": "89ed28924a24e1382d25810d4aab503b7ac116bd", - "modes.color.interactive.monochrome.legacy.active": "c2f7a7583e2f98699077df6e1d8f2f89245fc956", - "modes.color.interactive.monochrome.legacy.activeAlt": "88ec5826eb83ff215cdf7a86a485c924152b034b", - "modes.color.interactive.monochrome.legacy.default": "1eb7fb4dd6d6578f8125da2953ad1e6033715874", - "modes.color.interactive.monochrome.legacy.hoverAlt": "aefe6356c87406e87d23f480460e115de4e7d60f", - "modes.color.interactive.monochrome.legacy.withHover": "cd2b7df92e8f00d93d803b86576e02d2ee0e8b95", "modes.color.interactive.primary.active": "d9ad6b91dfbd141d672ad6bd5b1c74e24ea8f2a5", "modes.color.interactive.primary.default": "15a7d0d6b132f565a79c64874c0bd825c8847b27", "modes.color.interactive.primary.defaultAlt": "8014117e78d0f5ff5da146a8d5b6d5ed4aaf2291", @@ -226,10 +248,8 @@ "modes.color.interactive.primary.withActive": "8ec5643b092fbf06f3703f57f602b04bfaf15bd0", "modes.color.interactive.primary.withDefault": "2269fd481a514095909731e5af243f09f802bcdb", "modes.color.interactive.primary.withHover": "41d9a824c9bcc7061b4f387119ae510fdd6df938", - "modes.color.interactive.primary.legacy.active": "06523d24606d799f33b925d093ce951741be732e", - "modes.color.interactive.primary.legacy.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc", - "modes.color.interactive.primary.legacy.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a", "modes.color.interactive.progress.bg": "30c14cd0017e0a3a32be14e610f1bc84e528adad", + "modes.color.interactive.progress.bgAlt": "660ee5f53f893a98f65b03f5267c6657909b3e8a", "modes.color.status.ai.default": "ceaacdb03620c4e36b8146280d3184eb8bbff8d2", "modes.color.status.ai.defaultAlt": "b00eaa03c3766fa865821a37034c3e440107daf6", "modes.color.status.generic.default": "55559de090799ef8c45e1cffc77e010c95a5c755", @@ -261,11 +281,21 @@ "modes.color.status.success.defaultAlt": "487b50bfc92b5b1575081419b84bd3aafa16c49f", "modes.color.status.success.hover": "0705b821d04cdb73659c906462977dff185b1c0b", "modes.color.status.success.hoverAlt": "cc20b78be580143e3c48aa7a8bc0e78299c7cc23", - "modes.color.status.callout.default": "71e207d65e4e4b2bc5278901e46fc1f32c75d514", + "modes.color.status.callout.defaultAlt": "71e207d65e4e4b2bc5278901e46fc1f32c75d514", + "modes.color.status.callout.hoverAlt": "535d142dc19f9fa3ded556e4c9f48a89bc731be0", "modes.color.status.reviews.default": "9d192fd3843b352796d9b32f4a287ff2534079c3", "modes.color.status.reviews.hover": "ba35bfc3dc5cc1e269c6d4840f8d3ba2668872c2", "modes.color.modifier.contrastLess": "7aca5a3b336cadb2696c48c5f7f69563fe0edd59", - "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568" + "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568", + "modes.color.interactive.primary.frozen.active": "06523d24606d799f33b925d093ce951741be732e", + "modes.color.interactive.primary.frozen.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc", + "modes.color.interactive.primary.frozen.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a", + "modes.color.interactive.monochrome.frozen.active": "c2f7a7583e2f98699077df6e1d8f2f89245fc956", + "modes.color.interactive.monochrome.frozen.activeAlt": "88ec5826eb83ff215cdf7a86a485c924152b034b", + "modes.color.interactive.monochrome.frozen.default": "1eb7fb4dd6d6578f8125da2953ad1e6033715874", + "modes.color.interactive.monochrome.frozen.hoverAlt": "aefe6356c87406e87d23f480460e115de4e7d60f", + "modes.color.interactive.monochrome.frozen.withHover": "cd2b7df92e8f00d93d803b86576e02d2ee0e8b95", + "modes.color.interactive.dataEntry.frozen.withDefault": "8d8ea72c8c4e200759a2fe4b3517e2824def47d8" }, "group": "Mode" }, @@ -281,8 +311,17 @@ "$figmaModeId": "89711:1", "$figmaVariableReferences": { "modes.color.none": "f1a023bc3bbfc5335e65ade4b6d450f6f3191b1b", - "modes.color.brandreference.custom1": "e75cefc18d44d8e122d4ba64778d8b77d1772f07", - "modes.color.brandreference.custom2": "12e4ccc8df1dcccc92e71c4e215e42a3ac5cfe49", + "modes.color.brand.default": "94e67212e52b0a2ba01c97dc32dbea92f8e1601b", + "modes.color.brand.defaultAlt": "3cb3b5868bd6def2c7123c49437aaafed4ace887", + "modes.color.brand.withDefaultAlt": "36809d5c40f56404d81fbe4327a9cb427e77022a", + "modes.color.brand.copilot.AIIdentifier.default": "4c3f864d595cc83b34a71330e96363b6b7754eae", + "modes.color.brand.copilot.AIIdentifier.withDefault": "a9ffa309e0e6bf186f68fb17024a0e02cca6e8f0", + "modes.color.brand.copilot.noBg.star": "c9bdc0e31eab36c21cf750ed8c789c3f6f78016f", + "modes.color.brand.copilot.noBg.mono": "19888467fc8c8aa99475050ed369c2bd7daf1407", + "modes.color.brand.copilot.withBg.S": "72e372412996dc36033681e40dac02d81925a2ce", + "modes.color.brand.copilot.withBg.star": "f990f25e2b4a4afa3f72073a2995be1945ad80d3", + "modes.color.brand.copilot.withBg.bg": "281e72a2b5b20ab27f449399f9a1d689195c3468", + "modes.color.custom.default": "12e4ccc8df1dcccc92e71c4e215e42a3ac5cfe49", "modes.color.generic.bg.nought": "e28a5842ad93f9c83628fa9b247333193197d97f", "modes.color.generic.bg.faint": "042e9ce16ad97cd71261ae564c3a72bbb64333fd", "modes.color.generic.bg.delicate": "70e63935aea8dd8e91953514f0c2b6d0dca4acd4", @@ -305,6 +344,7 @@ "modes.color.generic.backdrop.nought": "ac75a1a5d4a4958ed297a4830bdae4dde4275366", "modes.color.generic.backdrop.faint": "c6633f80c7203285118bf553fe81378e9ae689f0", "modes.color.interactive.progress.bg": "30c14cd0017e0a3a32be14e610f1bc84e528adad", + "modes.color.interactive.progress.bgAlt": "660ee5f53f893a98f65b03f5267c6657909b3e8a", "modes.color.interactive.danger.active": "842599789add7bf5cfd5984400fd4fab1231dc7a", "modes.color.interactive.danger.default": "3145ddef47eb42aa4bfa564a5d6c54e32f40f769", "modes.color.interactive.danger.defaultAlt": "1e4ee330d7fbbb0dd33b6ab7de25005fcc76b3e3", @@ -322,7 +362,6 @@ "modes.color.interactive.dataEntry.defaultAlt": "231c9921acdfa4b275036533887dbf3b1acea851", "modes.color.interactive.dataEntry.content": "b405958dc16d7317cca9a01fa5d39457a24e3e95", "modes.color.interactive.dataEntry.contentAlt": "41071477d83386782a00d3086c68bf5b4b1bb79d", - "modes.color.interactive.dataEntry.legacy.withDefault": "8d8ea72c8c4e200759a2fe4b3517e2824def47d8", "modes.color.interactive.focus.withDefault": "3bad52eec0fff62d34a991679f0d9746693b5062", "modes.color.interactive.focus.withDefaultAlt": "e32e836f84b17cf62f799c2acc67db412d758e42", "modes.color.interactive.focus.default": "b464b9f17590d8247cd8653bf16180a145b7b17b", @@ -334,23 +373,18 @@ "modes.color.interactive.inactive.contentAlt": "1de5579a502a24e2c46151f81dbc715707d212b2", "modes.color.interactive.inactive.icon": "ebc7e73e8922712256fc66143580f186e53c3cfb", "modes.color.interactive.inactive.iconAlt": "5437a401cb92f6417374a66aae9cda65e38d8305", - "modes.color.interactive.monochrome.active": "439bb54c8db531063615e9e12cfb47905ea252a4", - "modes.color.interactive.monochrome.activeAlt": "0d492c07f35a1c3a267fd6146c35adb13ac5567a", - "modes.color.interactive.monochrome.default": "ded4c6aa5f7f2edd0d3fa2ed77ec9d7077e409df", - "modes.color.interactive.monochrome.defaultAlt": "c7b7391aa602565f0251eb14be0fae29df4c4fdc", - "modes.color.interactive.monochrome.defaultAlt2": "faf188f63a785e581e56e9f117e3f9a82f9245ec", - "modes.color.interactive.monochrome.defaultAlt3": "c4f2d77b7d7840161f4727862eecb508033b05cc", - "modes.color.interactive.monochrome.hover": "9fab741c2fd0388115eb335b7ab91f0dc4a628ab", - "modes.color.interactive.monochrome.hoverAlt": "09feeb0e8ad5d18cccdc6843160d4d8e14e9a079", - "modes.color.interactive.monochrome.withActive": "887389d805161efbd1f2f90fbee941a9e0d5a6eb", - "modes.color.interactive.monochrome.withActiveAlt": "d8ec92fae1f72eb5a3da4036c8429fdeaa094453", - "modes.color.interactive.monochrome.withDefault": "e20ab26dc36d43d60f4874550bceefb3a6981b71", - "modes.color.interactive.monochrome.withHover": "6010d79dc384cae6a1c7fb780e88ab15fb431c52", - "modes.color.interactive.monochrome.legacy.active": "c2f7a7583e2f98699077df6e1d8f2f89245fc956", - "modes.color.interactive.monochrome.legacy.activeAlt": "88ec5826eb83ff215cdf7a86a485c924152b034b", - "modes.color.interactive.monochrome.legacy.default": "1eb7fb4dd6d6578f8125da2953ad1e6033715874", - "modes.color.interactive.monochrome.legacy.hoverAlt": "aefe6356c87406e87d23f480460e115de4e7d60f", - "modes.color.interactive.monochrome.legacy.withHover": "cd2b7df92e8f00d93d803b86576e02d2ee0e8b95", + "modes.color.interactive.monochrome.generic.active": "439bb54c8db531063615e9e12cfb47905ea252a4", + "modes.color.interactive.monochrome.generic.activeAlt": "0d492c07f35a1c3a267fd6146c35adb13ac5567a", + "modes.color.interactive.monochrome.generic.default": "ded4c6aa5f7f2edd0d3fa2ed77ec9d7077e409df", + "modes.color.interactive.monochrome.generic.defaultAlt": "c7b7391aa602565f0251eb14be0fae29df4c4fdc", + "modes.color.interactive.monochrome.generic.hoverAlt": "09feeb0e8ad5d18cccdc6843160d4d8e14e9a079", + "modes.color.interactive.monochrome.generic.hover": "9fab741c2fd0388115eb335b7ab91f0dc4a628ab", + "modes.color.interactive.monochrome.generic.withActive": "887389d805161efbd1f2f90fbee941a9e0d5a6eb", + "modes.color.interactive.monochrome.generic.withActiveAlt": "d8ec92fae1f72eb5a3da4036c8429fdeaa094453", + "modes.color.interactive.monochrome.generic.withDefault": "e20ab26dc36d43d60f4874550bceefb3a6981b71", + "modes.color.interactive.monochrome.generic.withHover": "6010d79dc384cae6a1c7fb780e88ab15fb431c52", + "modes.color.interactive.monochrome.subtle.defaultAlt": "faf188f63a785e581e56e9f117e3f9a82f9245ec", + "modes.color.interactive.monochrome.subtle.default": "c4f2d77b7d7840161f4727862eecb508033b05cc", "modes.color.interactive.monochrome.marketing.active": "89ed28924a24e1382d25810d4aab503b7ac116bd", "modes.color.interactive.monochrome.marketing.withActive": "e2f3afa487694c43068b7d71d50e598dee94f1f9", "modes.color.interactive.primary.active": "d9ad6b91dfbd141d672ad6bd5b1c74e24ea8f2a5", @@ -361,9 +395,6 @@ "modes.color.interactive.primary.withActive": "8ec5643b092fbf06f3703f57f602b04bfaf15bd0", "modes.color.interactive.primary.withDefault": "2269fd481a514095909731e5af243f09f802bcdb", "modes.color.interactive.primary.withHover": "41d9a824c9bcc7061b4f387119ae510fdd6df938", - "modes.color.interactive.primary.legacy.active": "06523d24606d799f33b925d093ce951741be732e", - "modes.color.interactive.primary.legacy.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc", - "modes.color.interactive.primary.legacy.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a", "modes.color.status.ai.default": "ceaacdb03620c4e36b8146280d3184eb8bbff8d2", "modes.color.status.ai.defaultAlt": "b00eaa03c3766fa865821a37034c3e440107daf6", "modes.color.status.generic.default": "55559de090799ef8c45e1cffc77e010c95a5c755", @@ -395,11 +426,21 @@ "modes.color.status.success.defaultAlt": "487b50bfc92b5b1575081419b84bd3aafa16c49f", "modes.color.status.success.hover": "0705b821d04cdb73659c906462977dff185b1c0b", "modes.color.status.success.hoverAlt": "cc20b78be580143e3c48aa7a8bc0e78299c7cc23", - "modes.color.status.callout.default": "71e207d65e4e4b2bc5278901e46fc1f32c75d514", + "modes.color.status.callout.defaultAlt": "71e207d65e4e4b2bc5278901e46fc1f32c75d514", + "modes.color.status.callout.hoverAlt": "535d142dc19f9fa3ded556e4c9f48a89bc731be0", "modes.color.status.reviews.default": "9d192fd3843b352796d9b32f4a287ff2534079c3", "modes.color.status.reviews.hover": "ba35bfc3dc5cc1e269c6d4840f8d3ba2668872c2", "modes.color.modifier.contrastLess": "7aca5a3b336cadb2696c48c5f7f69563fe0edd59", - "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568" + "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568", + "modes.color.interactive.primary.frozen.active": "06523d24606d799f33b925d093ce951741be732e", + "modes.color.interactive.primary.frozen.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc", + "modes.color.interactive.primary.frozen.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a", + "modes.color.interactive.monochrome.frozen.active": "c2f7a7583e2f98699077df6e1d8f2f89245fc956", + "modes.color.interactive.monochrome.frozen.activeAlt": "88ec5826eb83ff215cdf7a86a485c924152b034b", + "modes.color.interactive.monochrome.frozen.default": "1eb7fb4dd6d6578f8125da2953ad1e6033715874", + "modes.color.interactive.monochrome.frozen.hoverAlt": "aefe6356c87406e87d23f480460e115de4e7d60f", + "modes.color.interactive.monochrome.frozen.withHover": "cd2b7df92e8f00d93d803b86576e02d2ee0e8b95", + "modes.color.interactive.dataEntry.frozen.withDefault": "8d8ea72c8c4e200759a2fe4b3517e2824def47d8" }, "group": "Mode" }, @@ -436,6 +477,19 @@ "$figmaCollectionId": "VariableCollectionId:91874:43409", "$figmaModeId": "91874:0", "$figmaVariableReferences": { + "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", + "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", + "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", + "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", + "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", + "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", + "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", + "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", + "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", + "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", + "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", + "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", + "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", "button.color.typical.secondary.bg-active": "469ef15554a2981f40b84e6c2994150305e23891", "button.color.typical.secondary.bg-hover": "b8590daeedee66cbb5b735906e870175f91f63c3", "button.color.typical.secondary.border-active": "0972222e0dacc76147b5fa8221aea071e7aa98cf", @@ -445,8 +499,6 @@ "button.color.typical.tertiary.bg-active": "0cdeec1baee884371690b794cf334c1c58798c63", "button.color.typical.tertiary.bg-hover": "a72c2b52de96848da07176ecd79c1e3982df851d", "button.color.typical.tertiary.border-active": "343304e18f39b2e5aa679c68f082cc54367ecca0", - "button.color.typical.tertiary.border-enabled": "b46990ba806c16b0135aa197ed2ff5ed816d1863", - "button.color.typical.tertiary.border-hover": "2d7a2b2db822cc4b6ed0ebd55f888527c1c5a388", "button.color.typical.tertiary.label-enabled": "af8918e7910c3a8732526c70197a178ae4c119ec", "button.color.typical.tertiary.bg-enabled": "3dcb0d649cc7ee11ea3c88f011bcf726c897d449", "button.color.typical.primary.bg-active": "d73bba74a7bfcb13765ab2fd9bf5254f1a83a228", @@ -475,20 +527,6 @@ "container.radius.tileselect.moderate": "a91c28c6bfe62386153d4fb99ed98908955fa4d7", "container.radius.tileselect.curved": "8e48c75f1fce2ef7e14b68a79a6bc8e44e3d40fe", "container.radius.tileselect.sweeping": "09b8126121e9cf47f799f46a0d38b57c57a2e28d", - "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", - "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", - "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", - "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", - "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", - "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", - "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", - "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", - "global.fontSize.adaptive.step11": "1e19f3c39473ead40d11e5fffee7395a2e62ad4d", - "global.fontSize.adaptive.heading.step1": "c724b2e903a578c01a49b5672c24ac6789425559", - "global.fontSize.adaptive.heading.step2": "c5149676f720ae0ec030fb6ccaaff4fde45f0f34", - "global.fontSize.adaptive.heading.step3": "d0f3d2aaae61cb7bb6662e7a661ec6f87f63f7f9", - "global.fontSize.adaptive.heading.step4": "6109c45f0b2f5069db3ba267fd44405e47a326ee", - "global.fontSize.adaptive.heading.step5": "09fc1029452eaa8d4fa5c4705848353cd518d4ec", "global.fontFamilies.sage-headline": "92ddf73b4d64ef38642fd31efc706823ac9239ca", "global.fontFamilies.sage-text": "5cf21cdfc3429470cc46ae06c752e1f50dfa1b96", "tab.radius.M": "9b41239ac391dc378c6834e731e92a52c36a254e", @@ -502,7 +540,10 @@ "popover.color.label-enabled": "40060a0d39cd1441bd95e31c1e6a3fcfd43f3a32", "status.radius.pill": "0dd94e256d2fbb8573a7f6e76aa6470a28e67a73", "button.color.typical.toggle.label-active": "fb2b9da58241b710974fbcd0eea0550b4de12a0a", + "button.color.video.primary.bg-enabled": "6f59ec78791cd546cd21a07051cb1156a2f131d5", + "button.color.video.primary.bg-hover": "92f977de52635d4af44834e4acf29c0d722b698d", "button.color.video.primary.label-enabled": "e05763f4fb7fcad3939185e52c8fd69858ce7f34", + "button.color.video.primary.label-hover": "e8c1c7b438d0eb29a6a6bdfd54484281e0ffc166", "button.borderwidth.tertiary": "0f7a0e519985bfd3b58c742ead9ba00e6ed92e5c", "button.space.tertiary.x.S": "d7a60de50c8054e45d32967668d1bad34a2990d2", "button.space.tertiary.x.M": "07c990a58996686d0a489e63e154a7c664b5d9c2", @@ -517,13 +558,8 @@ "form.color.switch.bg-active": "ce1251804c65070fdaab00ed6621d61635ba51fc", "tab.color.border-active": "a05b8f2c29911df079aaeb47c2ed00602fb849ed", "progress.color.fg-default": "4533513cc279fa48e296b2a5bc8b54b527508322", + "global.size.breakpoint-min-width": "11fea4981ba36f253b7418d43fe449f5e804fc95", "global.space.macroScale": "fbe65c255d4034d004dc832ca3070a12ce16722d", - "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", - "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", - "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", - "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", - "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", - "global.fontSize.adaptive.step12": "cb793b50ea074e405109fa6051347a176d346ca8", "page.space.x.L": "0a8e4a263a6edbb9bb9e1cefdff08a310f2ebb8b", "page.space.y.L": "8f9695158d7d040e8aab2f071e7cd1d1e016d74e", "global.borderwidth.scale": "6dac19533b6c095d2c97938020e7a45074cacacd", @@ -555,13 +591,6 @@ "global.radius.interactive.XXL": "f267ea3e7f80ecf9d368bc17a4adf143389f9b48", "global.size.scale": "429f82853556b8b99d9d951fcde1d70de832f4a8", "global.size.none": "788ed4fbcbe0d86bfe5b68fce34af566f261a5b7", - "global.size.breakpoint.none": "b6fa16b08edc8bc8e71517ed8dcc7df90a76302c", - "global.size.breakpoint.XXS": "57cd9f5541125dcf83f1ec16209e3392ca9e957e", - "global.size.breakpoint.XS": "afed97cfb7f2afd047b61cd336fc7a870350ccb9", - "global.size.breakpoint.S": "d8f25c7e82e1e512d14b143f8b131111548ce41e", - "global.size.breakpoint.M": "896c61f95a5ff2ab6a777103ada82134d6b9c10d", - "global.size.breakpoint.L": "cafb947c0861b40e20e2126e4d0ab155183a16f5", - "global.size.breakpoint.XL": "3105396d7a679ad1a923c0869dab12cfaec8b649", "global.size.container.M": "1f767617f85d97964506322bfa029084ba1b0b6d", "global.size.container.L": "4d3d90d8b7cb9297526dda4b3aa1c04d4430106a", "global.size.icon.S": "e5eaae0ca8999da2dbf48ffc143c5d1e55c11981", @@ -602,6 +631,8 @@ "global.space.micro.L": "e27480ab505bfed290c3a932befb888f0fddf58b", "global.space.micro.XL": "f9ff60e244d1950fa8f95d47ec6f1daf091f10e3", "global.space.micro.XXL": "6158c55ba26fc5ee4e94f0582dc15ebc4595eff9", + "global.space.macro.XXXS": "26df82c582e7128eeb8430ece99a47997e08c77f", + "global.space.macro.XXS": "16a092c8e18a44c1a276b853244a89b2a9074b06", "global.space.macro.XS": "ae9b37f3824479cb2f5ca43995c019f9ed0f132b", "global.space.macro.S": "30986195ab1775c8ed4ea4e6e38973946ada8f21", "global.space.macro.M": "1167c39e44e08d65aeda3b5aa7c8c2241b2b0375", @@ -756,9 +787,6 @@ "button.color.typical.tertiary.label-disabled": "55ac76cec8eb098dddc9c9c3738904d382c15dfa", "button.color.typical.tertiary.label-hover": "beecf025dd3c88b151f351579f9bdecc245c52d4", "button.color.video.bg-blur": "5ca05788abdf06ed7e45adcfbadfcc2632382fa1", - "button.color.video.primary.bg-enabled": "6f59ec78791cd546cd21a07051cb1156a2f131d5", - "button.color.video.primary.bg-hover": "92f977de52635d4af44834e4acf29c0d722b698d", - "button.color.video.primary.label-hover": "e8c1c7b438d0eb29a6a6bdfd54484281e0ffc166", "button.color.video.secondary.bg-hover": "b945538aa07596cbe037db6178a97af29066ac4f", "button.color.video.secondary.border-enabled": "73aec28491cde9caefdc9109fbce49718951064f", "button.color.video.secondary.border-hover": "91186232df4315b8142e0baf5859a93dea82d59e", @@ -768,7 +796,6 @@ "button.radius.S": "9be6589bb53f7c088eb706c66fa690ccbd184b51", "button.radius.M": "fd40c459fcfde74b645c27c481e48a87e3a1422d", "button.radius.L": "db10ef5781cb4177cce9fd564f7aeb2c701a2a88", - "button.radius.subtle": "0e6d01c217a72ee04fac39ff507f7fd1a0d0aa86", "button.radius.chip": "7f8929bf1ab8df4555c1e2633cf6cff6b4f907a5", "button.radius.FAB": "f1aea9e173620dd9985fa37ef8b22d2d42caa93a", "button.radius.primary.S": "b3aae451125c794ecdd67e52da40d8d4d6112444", @@ -777,6 +804,9 @@ "button.radius.secondary.S": "8473d996cb2655692595b6cd1fff0ccb15dd5539", "button.radius.secondary.M": "1e9c1feb6181aacfae2c06c7761f87ac0776bc2d", "button.radius.secondary.L": "0207ad545b37abbafa7ae5c1374855251f5ed61b", + "button.radius.subtle.S": "e9593bf7c0044781b0de6ed1d73f98a4bbaac546", + "button.radius.subtle.M": "1765c659775b270fe5be71bcc45910549d2fd127", + "button.radius.subtle.L": "8c8ff005226970623313446d2b85c371c6ec999c", "button.borderwidth.none": "c236b99022379587f3c6a5fac1a2c2bb3ee456e8", "button.borderwidth.chip": "94fd1b7fbda35bfa2b8197ce722c51859acad510", "button.borderwidth.secondary": "dd0a0cd72a110b4ccbed0278bda939d55bdf5b88", @@ -1141,6 +1171,15 @@ "form.space.texteditor.processing.x.S": "68d686168d46d3c9aa1aafe1a5bbae7ad0930a28", "form.space.texteditor.processing.x.M": "5b8742432a2e2457857eceea046b2b94ecd55ac0", "form.space.texteditor.processing.x.L": "3253cc2826610a6b5ae0edec27088a553ca050ce", + "form.space.password.requirement.xg.S": "9007d935f3a9659443ce476c53b0ddda2f05e408", + "form.space.password.requirement.xg.M": "e6e8263e44c7d4fae4d592774a3c5771e83d44f8", + "form.space.password.requirement.xg.L": "75546a6ba40a4a55b15ff9584c587de15f67073f", + "form.space.password.requirement.x.S": "33d89336368519b6002877951472813a3d0e8d8f", + "form.space.password.requirement.x.M": "88ca13be94f409a000fd501cc6e2233fc3cfe445", + "form.space.password.requirement.x.L": "714c8124e20d591dd90a8687efdce34423067cbb", + "form.space.password.requirement.y.S": "4678e4cd191856caa0ea7429ac1d076391826eac", + "form.space.password.requirement.y.M": "c045202a20124d3beea7cbec865a5df18420fc06", + "form.space.password.requirement.y.L": "812f6d8ba4ae5c0b5c4634bfb04f67c92e3aff50", "form.size.none": "a25b32b0405166743ea387d2ead26b827cc0fe07", "form.size.calendar.date": "05cbce2cbb2a82b087b00b0d0dbc2352c879fa3e", "form.size.calendar.day": "6efc2a3dcbc277e082969b478cde1563adf1449d", @@ -1254,6 +1293,7 @@ "form.color.validation.bar-error": "0ad75542195e5c719ee8db50327e4b0d7d7faf50", "form.color.validation.bar-warning": "ed7ae9d160e8873fad771d4334afd7eaa9aa8784", "form.color.validation.label-error": "c47f07276d7c743d528fa7ba75f35fda237b8e61", + "form.color.validation.label-success": "265920295c17bc684a24aa36dfa17e831a382410", "form.color.validation.label-warning": "af7a0557dec877c8fa4d1d8acf2cbec03a52c326", "form.radius.none": "efee6278496063a72ab7b79be1775dc100cb9836", "form.radius.radio": "643f462784b03795162e6ba7dad7734068250578", @@ -1290,7 +1330,15 @@ "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf", "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37", "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381", - "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.copilot.noBg.bg-star": "da56b1e1732804d510f092d0f083dd07c48a0774", + "logo.color.copilot.noBg.fg-default": "395284d7da4f0c599691707823ec461336c43766", + "logo.color.copilot.withBg.bg-S": "51078746fc01ddc633f7f05563173b88681e860e", + "logo.color.copilot.withBg.bg-star": "4692ceb2d703ac16b5e6fa0da55ec679ebc5b22a", + "logo.color.copilot.withBg.bg-default": "2c46b6042a18b67af472e5daaf33a0e9563a408b", + "logo.color.AIIdentifier.bg-star": "c7503be9a3ba93460dd15d608e5553811558fae5", + "logo.color.AIIdentifier.bg-dot": "6aee04adc22efb6cdb8d60b830ea6fcba86c1603", + "logo.color.AIIdentifier.outline": "342bfc3643e5a916607236ddc4d6d1229addd8b3", "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8", "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090", "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc", @@ -1306,9 +1354,11 @@ "nav.color.menu.bg-default": "36906d3d6048072bcc384355439d189c5b190496", "nav.color.menu.bg-alt": "649425622bfb76795abefd14e424ae291acd6cd7", "nav.color.menu.bg-alt2": "1fda48e60c42278d289a8c0abd8a2d1f200a8b92", + "nav.color.menu.border-default": "277b1e7970c90781b74cf249e5582e9c739e1c0f", "nav.radius.menu": "31d367e4dc424f9f54e3d1a0a262b0215203175f", "nav.radius.menuitem": "aba07f4523958ab04e679d32b473cf797c34e9bc", "nav.borderwidth.divider.item": "6aaf1770f1e207dd13457ee810d653232af5a4a9", + "nav.borderwidth.divider.menu": "3dafeb6edca38a3d36fe50f946d763562db9078f", "nav.borderwidth.divider.segment": "9fb4fe7505b14ddbac5ebf7b60af731ea5b07e2b", "nav.size.menu.content.y.M": "942012e158d3856451b48b2e37d509b0e3cb2aa9", "nav.size.menu.content.icon.M": "5c917fed46e4c1e13916d988d6fbb5087c904423", @@ -1434,6 +1484,12 @@ "progress.color.label-alt": "a0ffbafcc2a21f5f052097ecaa48a6e72f25f660", "progress.color.label-default": "b2908ca5d930099cfe4b10d979f3b185730946e1", "progress.color.datavis.fg-default": "cff357250b27f66dfcc0bccad7197995318948cd", + "progress.color.loader.bg-default": "9942537975dc6f8dab1b4373ad2997c7c39e8065", + "progress.color.loader.bg-alt": "2fe7a47a838af6740e2b0a1c344ea05e9e3463e9", + "progress.color.loader.fg-default": "1228162d10254417ec4a275e91984409df44a3eb", + "progress.color.loader.fg-alt": "ae49b86487e447c821d7d87d353485cf97ab4fda", + "progress.color.loader.fg-error": "5907505b88cfd15e7f81a97a65890103b54d9c2e", + "progress.color.loader.fg-complete": "10eb4d680e6e8941e0e1aa5b5d4140976ff7407d", "progress.color.stepflow.bg-active": "3b2263e1e268c06ee76be6ec5642cfd98155a0b3", "progress.color.stepflow.bg-complete": "95d4dbd98b93d22451be8ed5090d75aad5ea0346", "progress.color.stepflow.bg-default": "99e3d23184bc00fb08fc9848e6ad052b2bb5f609", @@ -1555,7 +1611,8 @@ "status.color.warning.bgAlt-hover": "1202dbb1091770a5fc41468b0a71804f491b8c9a", "status.color.warning.bg-hover": "6c1d23d8b776dee456a98f40f69bfe3f2aea93e9", "status.color.warning.border-default": "8be0ca1ca4bffc234290465b7a0618ad3749a51d", - "status.color.callout.bg-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-hover": "8f086adfadbe1db40b7738446ea9ca8242b53cdc", "status.color.rating.bg-default": "2ca253f3c33b0595d3ca575eea21234d33ad293e", "status.color.rating.bg-hover": "533b0fe14cc0883d889c1ecdbbe4edf1354ad210", "status.color.rating.border-default": "5b3b0fe3ff286d065087b09e036bbdaafd855588", @@ -1564,6 +1621,7 @@ "status.size.pill.L": "2b0865efe4ea91cfcaf48b1b7204dcba437c9ad9", "status.size.message.statuscontainer.M": "7fc335d570bd63c77312771a4a9cfc7241ef552f", "status.size.message.statuscontainer.L": "6613bcea99acf6d4e15c53e0ae4b96d2591eba18", + "status.size.message.messagecontent.maxwidth": "194050b31dad1b5bb16f157e1c73b8a84bd001c6", "status.size.message.global.M": "013dbc7505bbc5077e89e56a975b34de1fa0bccd", "status.size.icon.M": "81a49bc7ad7d78591e4737ef2cfda1caa1499b32", "status.radius.none": "0e7313dbe9272c0e9999e4f4576ea43a0a23e996", @@ -1591,6 +1649,8 @@ "status.space.message.global.y.M": "c99f27737807368c79e53e31434326c0251f2596", "status.space.message.global.xg.M": "f36c8cbd941e3ad17252d71e65cbdeb9b1f423b9", "status.space.message.global.yg.M": "e0eb8b0b2c6afe9264dca8d1c1e536cbbe831d4f", + "status.space.message.global.CTA.Y.M": "8508aee34b59147e4e31c6bf656c8c33c959af5d", + "status.space.message.global.CTA.yg.M": "1ce92e9d6b7be0346da6e764e032cf1e34505caf", "status.space.message.global.iconwrapper.y.M": "942ff02363a89293193f0473e5b22ce1b6176d7b", "profile.size.profileeditor": "b648e5eeccc41c7f3e49d8e9a108ddbefa678d74", "profile.size.outside.XS": "5a8f5fc7217b820a548a46dd8cd651bae3a0ca4d", @@ -1656,7 +1716,6 @@ "tab.radius.indicator.M": "e5888b008834291b355d1e863f29458eb1f21fde", "tab.radius.indicator.L": "27c7787a478823ed61c31f44b571133e5a9a1a6c", "tab.radius.none": "3ed8fdaf076a3e458dae4009cc4e063436436ab8", - "tab.borderwidth.navigation": "323d8a64942ff09abb1427d89f7a9d767b31240b", "table.color.header.subtle.bg-alt": "a600e4e5f34f1597ea7be9338cff74f395fd4f1d", "table.color.header.subtle.bg-default": "ed04ab8c95edea05ffca7ffa15d6965a1f0ddc86", "table.color.header.subtle.bg-hover": "9e74bf051bae01ad69e984549b974db65f370372", @@ -1715,7 +1774,8 @@ "table.size.row.doubleheight.M": "d9ed70bebc6a97f35494d24e788d2def8aba9a57", "table.size.row.doubleheight.L": "9bf3f4bf28b0b16c6dad124a85a4b1d3b70f7622", "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf", - "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1" + "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1", + "tab.borderwidth.navigation.bottom": "323d8a64942ff09abb1427d89f7a9d767b31240b" }, "group": "Context" }, @@ -1752,6 +1812,19 @@ "$figmaCollectionId": "VariableCollectionId:91874:43409", "$figmaModeId": "91874:1", "$figmaVariableReferences": { + "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", + "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", + "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", + "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", + "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", + "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", + "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", + "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", + "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", + "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", + "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", + "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", + "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", "button.color.typical.secondary.bg-active": "469ef15554a2981f40b84e6c2994150305e23891", "button.color.typical.secondary.bg-hover": "b8590daeedee66cbb5b735906e870175f91f63c3", "button.color.typical.secondary.border-active": "0972222e0dacc76147b5fa8221aea071e7aa98cf", @@ -1761,8 +1834,6 @@ "button.color.typical.tertiary.bg-active": "0cdeec1baee884371690b794cf334c1c58798c63", "button.color.typical.tertiary.bg-hover": "a72c2b52de96848da07176ecd79c1e3982df851d", "button.color.typical.tertiary.border-active": "343304e18f39b2e5aa679c68f082cc54367ecca0", - "button.color.typical.tertiary.border-enabled": "b46990ba806c16b0135aa197ed2ff5ed816d1863", - "button.color.typical.tertiary.border-hover": "2d7a2b2db822cc4b6ed0ebd55f888527c1c5a388", "button.color.typical.tertiary.label-enabled": "af8918e7910c3a8732526c70197a178ae4c119ec", "button.color.typical.tertiary.bg-enabled": "3dcb0d649cc7ee11ea3c88f011bcf726c897d449", "button.color.typical.primary.bg-active": "d73bba74a7bfcb13765ab2fd9bf5254f1a83a228", @@ -1791,20 +1862,6 @@ "container.radius.tileselect.moderate": "a91c28c6bfe62386153d4fb99ed98908955fa4d7", "container.radius.tileselect.curved": "8e48c75f1fce2ef7e14b68a79a6bc8e44e3d40fe", "container.radius.tileselect.sweeping": "09b8126121e9cf47f799f46a0d38b57c57a2e28d", - "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", - "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", - "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", - "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", - "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", - "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", - "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", - "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", - "global.fontSize.adaptive.step11": "1e19f3c39473ead40d11e5fffee7395a2e62ad4d", - "global.fontSize.adaptive.heading.step1": "c724b2e903a578c01a49b5672c24ac6789425559", - "global.fontSize.adaptive.heading.step2": "c5149676f720ae0ec030fb6ccaaff4fde45f0f34", - "global.fontSize.adaptive.heading.step3": "d0f3d2aaae61cb7bb6662e7a661ec6f87f63f7f9", - "global.fontSize.adaptive.heading.step4": "6109c45f0b2f5069db3ba267fd44405e47a326ee", - "global.fontSize.adaptive.heading.step5": "09fc1029452eaa8d4fa5c4705848353cd518d4ec", "global.fontFamilies.sage-headline": "92ddf73b4d64ef38642fd31efc706823ac9239ca", "global.fontFamilies.sage-text": "5cf21cdfc3429470cc46ae06c752e1f50dfa1b96", "tab.radius.M": "9b41239ac391dc378c6834e731e92a52c36a254e", @@ -1818,7 +1875,10 @@ "popover.color.label-enabled": "40060a0d39cd1441bd95e31c1e6a3fcfd43f3a32", "status.radius.pill": "0dd94e256d2fbb8573a7f6e76aa6470a28e67a73", "button.color.typical.toggle.label-active": "fb2b9da58241b710974fbcd0eea0550b4de12a0a", + "button.color.video.primary.bg-enabled": "6f59ec78791cd546cd21a07051cb1156a2f131d5", + "button.color.video.primary.bg-hover": "92f977de52635d4af44834e4acf29c0d722b698d", "button.color.video.primary.label-enabled": "e05763f4fb7fcad3939185e52c8fd69858ce7f34", + "button.color.video.primary.label-hover": "e8c1c7b438d0eb29a6a6bdfd54484281e0ffc166", "button.borderwidth.tertiary": "0f7a0e519985bfd3b58c742ead9ba00e6ed92e5c", "button.space.tertiary.x.S": "d7a60de50c8054e45d32967668d1bad34a2990d2", "button.space.tertiary.x.M": "07c990a58996686d0a489e63e154a7c664b5d9c2", @@ -1833,6 +1893,7 @@ "form.color.switch.bg-active": "ce1251804c65070fdaab00ed6621d61635ba51fc", "tab.color.border-active": "a05b8f2c29911df079aaeb47c2ed00602fb849ed", "progress.color.fg-default": "4533513cc279fa48e296b2a5bc8b54b527508322", + "global.size.breakpoint-min-width": "11fea4981ba36f253b7418d43fe449f5e804fc95", "global.space.macroScale": "fbe65c255d4034d004dc832ca3070a12ce16722d", "global.borderwidth.scale": "6dac19533b6c095d2c97938020e7a45074cacacd", "global.borderwidth.none": "2a8a3c6099a7842aef9b8fdc3e586ed91fdb0871", @@ -1863,13 +1924,6 @@ "global.radius.interactive.XXL": "f267ea3e7f80ecf9d368bc17a4adf143389f9b48", "global.size.scale": "429f82853556b8b99d9d951fcde1d70de832f4a8", "global.size.none": "788ed4fbcbe0d86bfe5b68fce34af566f261a5b7", - "global.size.breakpoint.none": "b6fa16b08edc8bc8e71517ed8dcc7df90a76302c", - "global.size.breakpoint.XXS": "57cd9f5541125dcf83f1ec16209e3392ca9e957e", - "global.size.breakpoint.XS": "afed97cfb7f2afd047b61cd336fc7a870350ccb9", - "global.size.breakpoint.S": "d8f25c7e82e1e512d14b143f8b131111548ce41e", - "global.size.breakpoint.M": "896c61f95a5ff2ab6a777103ada82134d6b9c10d", - "global.size.breakpoint.L": "cafb947c0861b40e20e2126e4d0ab155183a16f5", - "global.size.breakpoint.XL": "3105396d7a679ad1a923c0869dab12cfaec8b649", "global.size.container.M": "1f767617f85d97964506322bfa029084ba1b0b6d", "global.size.container.L": "4d3d90d8b7cb9297526dda4b3aa1c04d4430106a", "global.size.icon.S": "e5eaae0ca8999da2dbf48ffc143c5d1e55c11981", @@ -1910,6 +1964,8 @@ "global.space.micro.L": "e27480ab505bfed290c3a932befb888f0fddf58b", "global.space.micro.XL": "f9ff60e244d1950fa8f95d47ec6f1daf091f10e3", "global.space.micro.XXL": "6158c55ba26fc5ee4e94f0582dc15ebc4595eff9", + "global.space.macro.XXXS": "26df82c582e7128eeb8430ece99a47997e08c77f", + "global.space.macro.XXS": "16a092c8e18a44c1a276b853244a89b2a9074b06", "global.space.macro.XS": "ae9b37f3824479cb2f5ca43995c019f9ed0f132b", "global.space.macro.S": "30986195ab1775c8ed4ea4e6e38973946ada8f21", "global.space.macro.M": "1167c39e44e08d65aeda3b5aa7c8c2241b2b0375", @@ -1917,12 +1973,6 @@ "global.space.macro.L": "99f87301c1a57417fc5994c753d2df439a9edf0b", "global.space.macro.XL": "3639b9bf49ab56afea314e72204a9e8b2265ff6a", "global.space.macro.XXL": "648457b1a03a31a2867e74d641897bc403581e24", - "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", - "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", - "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", - "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", - "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", - "global.fontSize.adaptive.step12": "cb793b50ea074e405109fa6051347a176d346ca8", "global.fontFamilies.sage-icons": "e5b555cde4f0a7e88c38140a232780b2424185c7", "global.fontFamilies.sage-ui": "fa3e9e5fe05491ebdcf290fc68a7a09f7819308f", "global.fontFamilies.other": "52d376e77553b95b6c69fdd78b91591469dd74fd", @@ -2070,9 +2120,6 @@ "button.color.typical.tertiary.label-disabled": "55ac76cec8eb098dddc9c9c3738904d382c15dfa", "button.color.typical.tertiary.label-hover": "beecf025dd3c88b151f351579f9bdecc245c52d4", "button.color.video.bg-blur": "5ca05788abdf06ed7e45adcfbadfcc2632382fa1", - "button.color.video.primary.bg-enabled": "6f59ec78791cd546cd21a07051cb1156a2f131d5", - "button.color.video.primary.bg-hover": "92f977de52635d4af44834e4acf29c0d722b698d", - "button.color.video.primary.label-hover": "e8c1c7b438d0eb29a6a6bdfd54484281e0ffc166", "button.color.video.secondary.bg-hover": "b945538aa07596cbe037db6178a97af29066ac4f", "button.color.video.secondary.border-enabled": "73aec28491cde9caefdc9109fbce49718951064f", "button.color.video.secondary.border-hover": "91186232df4315b8142e0baf5859a93dea82d59e", @@ -2082,7 +2129,6 @@ "button.radius.S": "9be6589bb53f7c088eb706c66fa690ccbd184b51", "button.radius.M": "fd40c459fcfde74b645c27c481e48a87e3a1422d", "button.radius.L": "db10ef5781cb4177cce9fd564f7aeb2c701a2a88", - "button.radius.subtle": "0e6d01c217a72ee04fac39ff507f7fd1a0d0aa86", "button.radius.chip": "7f8929bf1ab8df4555c1e2633cf6cff6b4f907a5", "button.radius.FAB": "f1aea9e173620dd9985fa37ef8b22d2d42caa93a", "button.radius.primary.S": "b3aae451125c794ecdd67e52da40d8d4d6112444", @@ -2091,6 +2137,9 @@ "button.radius.secondary.S": "8473d996cb2655692595b6cd1fff0ccb15dd5539", "button.radius.secondary.M": "1e9c1feb6181aacfae2c06c7761f87ac0776bc2d", "button.radius.secondary.L": "0207ad545b37abbafa7ae5c1374855251f5ed61b", + "button.radius.subtle.S": "e9593bf7c0044781b0de6ed1d73f98a4bbaac546", + "button.radius.subtle.M": "1765c659775b270fe5be71bcc45910549d2fd127", + "button.radius.subtle.L": "8c8ff005226970623313446d2b85c371c6ec999c", "button.borderwidth.none": "c236b99022379587f3c6a5fac1a2c2bb3ee456e8", "button.borderwidth.chip": "94fd1b7fbda35bfa2b8197ce722c51859acad510", "button.borderwidth.secondary": "dd0a0cd72a110b4ccbed0278bda939d55bdf5b88", @@ -2455,6 +2504,15 @@ "form.space.texteditor.processing.x.S": "68d686168d46d3c9aa1aafe1a5bbae7ad0930a28", "form.space.texteditor.processing.x.M": "5b8742432a2e2457857eceea046b2b94ecd55ac0", "form.space.texteditor.processing.x.L": "3253cc2826610a6b5ae0edec27088a553ca050ce", + "form.space.password.requirement.xg.S": "9007d935f3a9659443ce476c53b0ddda2f05e408", + "form.space.password.requirement.xg.M": "e6e8263e44c7d4fae4d592774a3c5771e83d44f8", + "form.space.password.requirement.xg.L": "75546a6ba40a4a55b15ff9584c587de15f67073f", + "form.space.password.requirement.x.S": "33d89336368519b6002877951472813a3d0e8d8f", + "form.space.password.requirement.x.M": "88ca13be94f409a000fd501cc6e2233fc3cfe445", + "form.space.password.requirement.x.L": "714c8124e20d591dd90a8687efdce34423067cbb", + "form.space.password.requirement.y.S": "4678e4cd191856caa0ea7429ac1d076391826eac", + "form.space.password.requirement.y.M": "c045202a20124d3beea7cbec865a5df18420fc06", + "form.space.password.requirement.y.L": "812f6d8ba4ae5c0b5c4634bfb04f67c92e3aff50", "form.size.none": "a25b32b0405166743ea387d2ead26b827cc0fe07", "form.size.calendar.date": "05cbce2cbb2a82b087b00b0d0dbc2352c879fa3e", "form.size.calendar.day": "6efc2a3dcbc277e082969b478cde1563adf1449d", @@ -2568,6 +2626,7 @@ "form.color.validation.bar-error": "0ad75542195e5c719ee8db50327e4b0d7d7faf50", "form.color.validation.bar-warning": "ed7ae9d160e8873fad771d4334afd7eaa9aa8784", "form.color.validation.label-error": "c47f07276d7c743d528fa7ba75f35fda237b8e61", + "form.color.validation.label-success": "265920295c17bc684a24aa36dfa17e831a382410", "form.color.validation.label-warning": "af7a0557dec877c8fa4d1d8acf2cbec03a52c326", "form.radius.none": "efee6278496063a72ab7b79be1775dc100cb9836", "form.radius.radio": "643f462784b03795162e6ba7dad7734068250578", @@ -2604,7 +2663,15 @@ "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf", "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37", "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381", - "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.copilot.noBg.bg-star": "da56b1e1732804d510f092d0f083dd07c48a0774", + "logo.color.copilot.noBg.fg-default": "395284d7da4f0c599691707823ec461336c43766", + "logo.color.copilot.withBg.bg-S": "51078746fc01ddc633f7f05563173b88681e860e", + "logo.color.copilot.withBg.bg-star": "4692ceb2d703ac16b5e6fa0da55ec679ebc5b22a", + "logo.color.copilot.withBg.bg-default": "2c46b6042a18b67af472e5daaf33a0e9563a408b", + "logo.color.AIIdentifier.bg-star": "c7503be9a3ba93460dd15d608e5553811558fae5", + "logo.color.AIIdentifier.bg-dot": "6aee04adc22efb6cdb8d60b830ea6fcba86c1603", + "logo.color.AIIdentifier.outline": "342bfc3643e5a916607236ddc4d6d1229addd8b3", "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8", "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090", "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc", @@ -2620,9 +2687,11 @@ "nav.color.menu.bg-default": "36906d3d6048072bcc384355439d189c5b190496", "nav.color.menu.bg-alt": "649425622bfb76795abefd14e424ae291acd6cd7", "nav.color.menu.bg-alt2": "1fda48e60c42278d289a8c0abd8a2d1f200a8b92", + "nav.color.menu.border-default": "277b1e7970c90781b74cf249e5582e9c739e1c0f", "nav.radius.menu": "31d367e4dc424f9f54e3d1a0a262b0215203175f", "nav.radius.menuitem": "aba07f4523958ab04e679d32b473cf797c34e9bc", "nav.borderwidth.divider.item": "6aaf1770f1e207dd13457ee810d653232af5a4a9", + "nav.borderwidth.divider.menu": "3dafeb6edca38a3d36fe50f946d763562db9078f", "nav.borderwidth.divider.segment": "9fb4fe7505b14ddbac5ebf7b60af731ea5b07e2b", "nav.size.menu.content.y.M": "942012e158d3856451b48b2e37d509b0e3cb2aa9", "nav.size.menu.content.icon.M": "5c917fed46e4c1e13916d988d6fbb5087c904423", @@ -2750,6 +2819,12 @@ "progress.color.label-alt": "a0ffbafcc2a21f5f052097ecaa48a6e72f25f660", "progress.color.label-default": "b2908ca5d930099cfe4b10d979f3b185730946e1", "progress.color.datavis.fg-default": "cff357250b27f66dfcc0bccad7197995318948cd", + "progress.color.loader.bg-default": "9942537975dc6f8dab1b4373ad2997c7c39e8065", + "progress.color.loader.bg-alt": "2fe7a47a838af6740e2b0a1c344ea05e9e3463e9", + "progress.color.loader.fg-default": "1228162d10254417ec4a275e91984409df44a3eb", + "progress.color.loader.fg-alt": "ae49b86487e447c821d7d87d353485cf97ab4fda", + "progress.color.loader.fg-error": "5907505b88cfd15e7f81a97a65890103b54d9c2e", + "progress.color.loader.fg-complete": "10eb4d680e6e8941e0e1aa5b5d4140976ff7407d", "progress.color.stepflow.bg-active": "3b2263e1e268c06ee76be6ec5642cfd98155a0b3", "progress.color.stepflow.bg-complete": "95d4dbd98b93d22451be8ed5090d75aad5ea0346", "progress.color.stepflow.bg-default": "99e3d23184bc00fb08fc9848e6ad052b2bb5f609", @@ -2871,7 +2946,8 @@ "status.color.warning.bgAlt-hover": "1202dbb1091770a5fc41468b0a71804f491b8c9a", "status.color.warning.bg-hover": "6c1d23d8b776dee456a98f40f69bfe3f2aea93e9", "status.color.warning.border-default": "8be0ca1ca4bffc234290465b7a0618ad3749a51d", - "status.color.callout.bg-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-hover": "8f086adfadbe1db40b7738446ea9ca8242b53cdc", "status.color.rating.bg-default": "2ca253f3c33b0595d3ca575eea21234d33ad293e", "status.color.rating.bg-hover": "533b0fe14cc0883d889c1ecdbbe4edf1354ad210", "status.color.rating.border-default": "5b3b0fe3ff286d065087b09e036bbdaafd855588", @@ -2880,6 +2956,7 @@ "status.size.pill.L": "2b0865efe4ea91cfcaf48b1b7204dcba437c9ad9", "status.size.message.statuscontainer.M": "7fc335d570bd63c77312771a4a9cfc7241ef552f", "status.size.message.statuscontainer.L": "6613bcea99acf6d4e15c53e0ae4b96d2591eba18", + "status.size.message.messagecontent.maxwidth": "194050b31dad1b5bb16f157e1c73b8a84bd001c6", "status.size.message.global.M": "013dbc7505bbc5077e89e56a975b34de1fa0bccd", "status.size.icon.M": "81a49bc7ad7d78591e4737ef2cfda1caa1499b32", "status.radius.none": "0e7313dbe9272c0e9999e4f4576ea43a0a23e996", @@ -2907,6 +2984,8 @@ "status.space.message.global.y.M": "c99f27737807368c79e53e31434326c0251f2596", "status.space.message.global.xg.M": "f36c8cbd941e3ad17252d71e65cbdeb9b1f423b9", "status.space.message.global.yg.M": "e0eb8b0b2c6afe9264dca8d1c1e536cbbe831d4f", + "status.space.message.global.CTA.Y.M": "8508aee34b59147e4e31c6bf656c8c33c959af5d", + "status.space.message.global.CTA.yg.M": "1ce92e9d6b7be0346da6e764e032cf1e34505caf", "status.space.message.global.iconwrapper.y.M": "942ff02363a89293193f0473e5b22ce1b6176d7b", "profile.size.profileeditor": "b648e5eeccc41c7f3e49d8e9a108ddbefa678d74", "profile.size.outside.XS": "5a8f5fc7217b820a548a46dd8cd651bae3a0ca4d", @@ -2972,7 +3051,6 @@ "tab.radius.indicator.M": "e5888b008834291b355d1e863f29458eb1f21fde", "tab.radius.indicator.L": "27c7787a478823ed61c31f44b571133e5a9a1a6c", "tab.radius.none": "3ed8fdaf076a3e458dae4009cc4e063436436ab8", - "tab.borderwidth.navigation": "323d8a64942ff09abb1427d89f7a9d767b31240b", "table.color.header.subtle.bg-alt": "a600e4e5f34f1597ea7be9338cff74f395fd4f1d", "table.color.header.subtle.bg-default": "ed04ab8c95edea05ffca7ffa15d6965a1f0ddc86", "table.color.header.subtle.bg-hover": "9e74bf051bae01ad69e984549b974db65f370372", @@ -3031,7 +3109,8 @@ "table.size.row.doubleheight.M": "d9ed70bebc6a97f35494d24e788d2def8aba9a57", "table.size.row.doubleheight.L": "9bf3f4bf28b0b16c6dad124a85a4b1d3b70f7622", "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf", - "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1" + "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1", + "tab.borderwidth.navigation.bottom": "323d8a64942ff09abb1427d89f7a9d767b31240b" }, "group": "Context" }, @@ -3093,14 +3172,26 @@ "components/status": "enabled" }, "$figmaVariableReferences": { - "global.fontSize.adaptive.heading.step1": "c724b2e903a578c01a49b5672c24ac6789425559", - "global.fontSize.adaptive.heading.step2": "c5149676f720ae0ec030fb6ccaaff4fde45f0f34", - "global.fontSize.adaptive.heading.step3": "d0f3d2aaae61cb7bb6662e7a661ec6f87f63f7f9", - "global.fontSize.adaptive.heading.step4": "6109c45f0b2f5069db3ba267fd44405e47a326ee", - "global.fontSize.adaptive.heading.step5": "09fc1029452eaa8d4fa5c4705848353cd518d4ec", + "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", + "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", + "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", + "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", + "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", + "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", + "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", + "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", + "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", + "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", + "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", + "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", + "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", + "global.space.macroScale": "fbe65c255d4034d004dc832ca3070a12ce16722d", "button.color.typical.toggle.label-active": "fb2b9da58241b710974fbcd0eea0550b4de12a0a", "button.color.typical.tertiary.bg-enabled": "3dcb0d649cc7ee11ea3c88f011bcf726c897d449", + "button.color.video.primary.bg-enabled": "6f59ec78791cd546cd21a07051cb1156a2f131d5", + "button.color.video.primary.bg-hover": "92f977de52635d4af44834e4acf29c0d722b698d", "button.color.video.primary.label-enabled": "e05763f4fb7fcad3939185e52c8fd69858ce7f34", + "button.color.video.primary.label-hover": "e8c1c7b438d0eb29a6a6bdfd54484281e0ffc166", "button.borderwidth.tertiary": "0f7a0e519985bfd3b58c742ead9ba00e6ed92e5c", "button.space.tertiary.x.S": "d7a60de50c8054e45d32967668d1bad34a2990d2", "button.space.tertiary.x.M": "07c990a58996686d0a489e63e154a7c664b5d9c2", @@ -3124,22 +3215,7 @@ "container.radius.tileselect.moderate": "a91c28c6bfe62386153d4fb99ed98908955fa4d7", "container.radius.tileselect.curved": "8e48c75f1fce2ef7e14b68a79a6bc8e44e3d40fe", "container.radius.tileselect.sweeping": "09b8126121e9cf47f799f46a0d38b57c57a2e28d", - "global.space.macroScale": "fbe65c255d4034d004dc832ca3070a12ce16722d", - "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", - "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", - "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", - "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", - "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", - "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", - "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", - "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", - "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", - "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", - "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", - "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", - "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", - "global.fontSize.adaptive.step11": "1e19f3c39473ead40d11e5fffee7395a2e62ad4d", - "global.fontSize.adaptive.step12": "cb793b50ea074e405109fa6051347a176d346ca8", + "global.size.breakpoint-min-width": "11fea4981ba36f253b7418d43fe449f5e804fc95", "page.space.x.L": "0a8e4a263a6edbb9bb9e1cefdff08a310f2ebb8b", "page.space.y.L": "8f9695158d7d040e8aab2f071e7cd1d1e016d74e", "global.borderwidth.scale": "6dac19533b6c095d2c97938020e7a45074cacacd", @@ -3171,13 +3247,6 @@ "global.radius.interactive.XXL": "f267ea3e7f80ecf9d368bc17a4adf143389f9b48", "global.size.scale": "429f82853556b8b99d9d951fcde1d70de832f4a8", "global.size.none": "788ed4fbcbe0d86bfe5b68fce34af566f261a5b7", - "global.size.breakpoint.none": "b6fa16b08edc8bc8e71517ed8dcc7df90a76302c", - "global.size.breakpoint.XXS": "57cd9f5541125dcf83f1ec16209e3392ca9e957e", - "global.size.breakpoint.XS": "afed97cfb7f2afd047b61cd336fc7a870350ccb9", - "global.size.breakpoint.S": "d8f25c7e82e1e512d14b143f8b131111548ce41e", - "global.size.breakpoint.M": "896c61f95a5ff2ab6a777103ada82134d6b9c10d", - "global.size.breakpoint.L": "cafb947c0861b40e20e2126e4d0ab155183a16f5", - "global.size.breakpoint.XL": "3105396d7a679ad1a923c0869dab12cfaec8b649", "global.size.container.M": "1f767617f85d97964506322bfa029084ba1b0b6d", "global.size.container.L": "4d3d90d8b7cb9297526dda4b3aa1c04d4430106a", "global.size.icon.S": "e5eaae0ca8999da2dbf48ffc143c5d1e55c11981", @@ -3218,6 +3287,8 @@ "global.space.micro.L": "e27480ab505bfed290c3a932befb888f0fddf58b", "global.space.micro.XL": "f9ff60e244d1950fa8f95d47ec6f1daf091f10e3", "global.space.micro.XXL": "6158c55ba26fc5ee4e94f0582dc15ebc4595eff9", + "global.space.macro.XXXS": "26df82c582e7128eeb8430ece99a47997e08c77f", + "global.space.macro.XXS": "16a092c8e18a44c1a276b853244a89b2a9074b06", "global.space.macro.XS": "ae9b37f3824479cb2f5ca43995c019f9ed0f132b", "global.space.macro.S": "30986195ab1775c8ed4ea4e6e38973946ada8f21", "global.space.macro.M": "1167c39e44e08d65aeda3b5aa7c8c2241b2b0375", @@ -3387,16 +3458,11 @@ "button.color.typical.tertiary.bg-hover": "a72c2b52de96848da07176ecd79c1e3982df851d", "button.color.typical.tertiary.border-active": "343304e18f39b2e5aa679c68f082cc54367ecca0", "button.color.typical.tertiary.border-disabled": "130f4b8a0bb497d9086be10fff1a0f9c526130cf", - "button.color.typical.tertiary.border-enabled": "b46990ba806c16b0135aa197ed2ff5ed816d1863", - "button.color.typical.tertiary.border-hover": "2d7a2b2db822cc4b6ed0ebd55f888527c1c5a388", "button.color.typical.tertiary.label-active": "755faa1ea3687787885ab3d6eef6818b6b7fa4cf", "button.color.typical.tertiary.label-disabled": "55ac76cec8eb098dddc9c9c3738904d382c15dfa", "button.color.typical.tertiary.label-enabled": "af8918e7910c3a8732526c70197a178ae4c119ec", "button.color.typical.tertiary.label-hover": "beecf025dd3c88b151f351579f9bdecc245c52d4", "button.color.video.bg-blur": "5ca05788abdf06ed7e45adcfbadfcc2632382fa1", - "button.color.video.primary.bg-enabled": "6f59ec78791cd546cd21a07051cb1156a2f131d5", - "button.color.video.primary.bg-hover": "92f977de52635d4af44834e4acf29c0d722b698d", - "button.color.video.primary.label-hover": "e8c1c7b438d0eb29a6a6bdfd54484281e0ffc166", "button.color.video.secondary.bg-hover": "b945538aa07596cbe037db6178a97af29066ac4f", "button.color.video.secondary.border-enabled": "73aec28491cde9caefdc9109fbce49718951064f", "button.color.video.secondary.border-hover": "91186232df4315b8142e0baf5859a93dea82d59e", @@ -3406,7 +3472,6 @@ "button.radius.S": "9be6589bb53f7c088eb706c66fa690ccbd184b51", "button.radius.M": "fd40c459fcfde74b645c27c481e48a87e3a1422d", "button.radius.L": "db10ef5781cb4177cce9fd564f7aeb2c701a2a88", - "button.radius.subtle": "0e6d01c217a72ee04fac39ff507f7fd1a0d0aa86", "button.radius.chip": "7f8929bf1ab8df4555c1e2633cf6cff6b4f907a5", "button.radius.FAB": "f1aea9e173620dd9985fa37ef8b22d2d42caa93a", "button.radius.primary.S": "b3aae451125c794ecdd67e52da40d8d4d6112444", @@ -3415,6 +3480,9 @@ "button.radius.secondary.S": "8473d996cb2655692595b6cd1fff0ccb15dd5539", "button.radius.secondary.M": "1e9c1feb6181aacfae2c06c7761f87ac0776bc2d", "button.radius.secondary.L": "0207ad545b37abbafa7ae5c1374855251f5ed61b", + "button.radius.subtle.S": "e9593bf7c0044781b0de6ed1d73f98a4bbaac546", + "button.radius.subtle.M": "1765c659775b270fe5be71bcc45910549d2fd127", + "button.radius.subtle.L": "8c8ff005226970623313446d2b85c371c6ec999c", "button.borderwidth.none": "c236b99022379587f3c6a5fac1a2c2bb3ee456e8", "button.borderwidth.chip": "94fd1b7fbda35bfa2b8197ce722c51859acad510", "button.borderwidth.secondary": "dd0a0cd72a110b4ccbed0278bda939d55bdf5b88", @@ -3779,6 +3847,15 @@ "form.space.texteditor.processing.x.S": "68d686168d46d3c9aa1aafe1a5bbae7ad0930a28", "form.space.texteditor.processing.x.M": "5b8742432a2e2457857eceea046b2b94ecd55ac0", "form.space.texteditor.processing.x.L": "3253cc2826610a6b5ae0edec27088a553ca050ce", + "form.space.password.requirement.xg.S": "9007d935f3a9659443ce476c53b0ddda2f05e408", + "form.space.password.requirement.xg.M": "e6e8263e44c7d4fae4d592774a3c5771e83d44f8", + "form.space.password.requirement.xg.L": "75546a6ba40a4a55b15ff9584c587de15f67073f", + "form.space.password.requirement.x.S": "33d89336368519b6002877951472813a3d0e8d8f", + "form.space.password.requirement.x.M": "88ca13be94f409a000fd501cc6e2233fc3cfe445", + "form.space.password.requirement.x.L": "714c8124e20d591dd90a8687efdce34423067cbb", + "form.space.password.requirement.y.S": "4678e4cd191856caa0ea7429ac1d076391826eac", + "form.space.password.requirement.y.M": "c045202a20124d3beea7cbec865a5df18420fc06", + "form.space.password.requirement.y.L": "812f6d8ba4ae5c0b5c4634bfb04f67c92e3aff50", "form.size.none": "a25b32b0405166743ea387d2ead26b827cc0fe07", "form.size.calendar.date": "05cbce2cbb2a82b087b00b0d0dbc2352c879fa3e", "form.size.calendar.day": "6efc2a3dcbc277e082969b478cde1563adf1449d", @@ -3893,6 +3970,7 @@ "form.color.validation.bar-error": "0ad75542195e5c719ee8db50327e4b0d7d7faf50", "form.color.validation.bar-warning": "ed7ae9d160e8873fad771d4334afd7eaa9aa8784", "form.color.validation.label-error": "c47f07276d7c743d528fa7ba75f35fda237b8e61", + "form.color.validation.label-success": "265920295c17bc684a24aa36dfa17e831a382410", "form.color.validation.label-warning": "af7a0557dec877c8fa4d1d8acf2cbec03a52c326", "form.radius.none": "efee6278496063a72ab7b79be1775dc100cb9836", "form.radius.checkbox": "151ce4c8aea200afc0abf9c767d63cc00ececa28", @@ -3937,7 +4015,15 @@ "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf", "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37", "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381", - "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.copilot.noBg.bg-star": "da56b1e1732804d510f092d0f083dd07c48a0774", + "logo.color.copilot.noBg.fg-default": "395284d7da4f0c599691707823ec461336c43766", + "logo.color.copilot.withBg.bg-S": "51078746fc01ddc633f7f05563173b88681e860e", + "logo.color.copilot.withBg.bg-star": "4692ceb2d703ac16b5e6fa0da55ec679ebc5b22a", + "logo.color.copilot.withBg.bg-default": "2c46b6042a18b67af472e5daaf33a0e9563a408b", + "logo.color.AIIdentifier.bg-star": "c7503be9a3ba93460dd15d608e5553811558fae5", + "logo.color.AIIdentifier.bg-dot": "6aee04adc22efb6cdb8d60b830ea6fcba86c1603", + "logo.color.AIIdentifier.outline": "342bfc3643e5a916607236ddc4d6d1229addd8b3", "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8", "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090", "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc", @@ -3953,10 +4039,12 @@ "nav.color.menu.bg-default": "36906d3d6048072bcc384355439d189c5b190496", "nav.color.menu.bg-alt": "649425622bfb76795abefd14e424ae291acd6cd7", "nav.color.menu.bg-alt2": "1fda48e60c42278d289a8c0abd8a2d1f200a8b92", + "nav.color.menu.border-default": "277b1e7970c90781b74cf249e5582e9c739e1c0f", "nav.radius.menu": "31d367e4dc424f9f54e3d1a0a262b0215203175f", "nav.radius.menuitem": "aba07f4523958ab04e679d32b473cf797c34e9bc", "nav.radius.menumodal": "b14e6c31eadb905a0aada5cdb38819af475648bc", "nav.borderwidth.divider.item": "6aaf1770f1e207dd13457ee810d653232af5a4a9", + "nav.borderwidth.divider.menu": "3dafeb6edca38a3d36fe50f946d763562db9078f", "nav.borderwidth.divider.segment": "9fb4fe7505b14ddbac5ebf7b60af731ea5b07e2b", "nav.size.menu.content.y.M": "942012e158d3856451b48b2e37d509b0e3cb2aa9", "nav.size.menu.content.icon.M": "5c917fed46e4c1e13916d988d6fbb5087c904423", @@ -4088,6 +4176,12 @@ "progress.color.label-alt": "a0ffbafcc2a21f5f052097ecaa48a6e72f25f660", "progress.color.label-default": "b2908ca5d930099cfe4b10d979f3b185730946e1", "progress.color.datavis.fg-default": "cff357250b27f66dfcc0bccad7197995318948cd", + "progress.color.loader.bg-default": "9942537975dc6f8dab1b4373ad2997c7c39e8065", + "progress.color.loader.bg-alt": "2fe7a47a838af6740e2b0a1c344ea05e9e3463e9", + "progress.color.loader.fg-default": "1228162d10254417ec4a275e91984409df44a3eb", + "progress.color.loader.fg-alt": "ae49b86487e447c821d7d87d353485cf97ab4fda", + "progress.color.loader.fg-error": "5907505b88cfd15e7f81a97a65890103b54d9c2e", + "progress.color.loader.fg-complete": "10eb4d680e6e8941e0e1aa5b5d4140976ff7407d", "progress.color.stepflow.bg-active": "3b2263e1e268c06ee76be6ec5642cfd98155a0b3", "progress.color.stepflow.bg-complete": "95d4dbd98b93d22451be8ed5090d75aad5ea0346", "progress.color.stepflow.bg-default": "99e3d23184bc00fb08fc9848e6ad052b2bb5f609", @@ -4209,7 +4303,8 @@ "status.color.warning.bgAlt-hover": "1202dbb1091770a5fc41468b0a71804f491b8c9a", "status.color.warning.bg-hover": "6c1d23d8b776dee456a98f40f69bfe3f2aea93e9", "status.color.warning.border-default": "8be0ca1ca4bffc234290465b7a0618ad3749a51d", - "status.color.callout.bg-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-hover": "8f086adfadbe1db40b7738446ea9ca8242b53cdc", "status.color.rating.bg-default": "2ca253f3c33b0595d3ca575eea21234d33ad293e", "status.color.rating.bg-hover": "533b0fe14cc0883d889c1ecdbbe4edf1354ad210", "status.color.rating.border-default": "5b3b0fe3ff286d065087b09e036bbdaafd855588", @@ -4218,6 +4313,7 @@ "status.size.pill.L": "2b0865efe4ea91cfcaf48b1b7204dcba437c9ad9", "status.size.message.statuscontainer.M": "7fc335d570bd63c77312771a4a9cfc7241ef552f", "status.size.message.statuscontainer.L": "6613bcea99acf6d4e15c53e0ae4b96d2591eba18", + "status.size.message.messagecontent.maxwidth": "194050b31dad1b5bb16f157e1c73b8a84bd001c6", "status.size.message.global.M": "013dbc7505bbc5077e89e56a975b34de1fa0bccd", "status.size.icon.M": "81a49bc7ad7d78591e4737ef2cfda1caa1499b32", "status.radius.none": "0e7313dbe9272c0e9999e4f4576ea43a0a23e996", @@ -4246,6 +4342,8 @@ "status.space.message.global.y.M": "c99f27737807368c79e53e31434326c0251f2596", "status.space.message.global.xg.M": "f36c8cbd941e3ad17252d71e65cbdeb9b1f423b9", "status.space.message.global.yg.M": "e0eb8b0b2c6afe9264dca8d1c1e536cbbe831d4f", + "status.space.message.global.CTA.Y.M": "8508aee34b59147e4e31c6bf656c8c33c959af5d", + "status.space.message.global.CTA.yg.M": "1ce92e9d6b7be0346da6e764e032cf1e34505caf", "status.space.message.global.iconwrapper.y.M": "942ff02363a89293193f0473e5b22ce1b6176d7b", "profile.size.profileeditor": "b648e5eeccc41c7f3e49d8e9a108ddbefa678d74", "profile.size.outside.XS": "5a8f5fc7217b820a548a46dd8cd651bae3a0ca4d", @@ -4313,7 +4411,6 @@ "tab.radius.indicator.M": "e5888b008834291b355d1e863f29458eb1f21fde", "tab.radius.indicator.L": "27c7787a478823ed61c31f44b571133e5a9a1a6c", "tab.radius.none": "3ed8fdaf076a3e458dae4009cc4e063436436ab8", - "tab.borderwidth.navigation": "323d8a64942ff09abb1427d89f7a9d767b31240b", "table.color.header.subtle.bg-alt": "a600e4e5f34f1597ea7be9338cff74f395fd4f1d", "table.color.header.subtle.bg-default": "ed04ab8c95edea05ffca7ffa15d6965a1f0ddc86", "table.color.header.subtle.bg-hover": "9e74bf051bae01ad69e984549b974db65f370372", @@ -4372,7 +4469,10 @@ "table.size.row.doubleheight.M": "d9ed70bebc6a97f35494d24e788d2def8aba9a57", "table.size.row.doubleheight.L": "9bf3f4bf28b0b16c6dad124a85a4b1d3b70f7622", "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf", - "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1" + "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1", + "button.color.typical.tertiary.border-enabled": "ce5e263d572b6bc804d00a38544b1a76ea8def85", + "button.color.typical.tertiary.border-hover": "948e5eee5d705d93fea25ad1f54d9ea2d7aa1371", + "tab.borderwidth.navigation.bottom": "323d8a64942ff09abb1427d89f7a9d767b31240b" }, "$figmaCollectionId": "VariableCollectionId:91874:43409", "$figmaModeId": "91874:2", @@ -4400,15 +4500,15 @@ "feedback.typography.responsive.heading.S": "S:7c66c6673c7051e9635e91ac4fb0359a625a6ff7,", "feedback.typography.responsive.heading.M": "S:d043c94069339f7387693fc1cd12216a7e07a7b6,", "feedback.typography.responsive.heading.L": "S:8027caeb11f3973ca963b7fcf203ed0b657ee91f,", - "global.boxshadow.cleanedge.near": "S:6387246dce49803d7051bd36833ac910b0aaa975,", - "global.boxshadow.container.near": "S:1211ab79a9d56c1e6614e25961a5c392ead45265,", - "global.boxshadow.container.far": "S:58e8f7ee894b907c21460f8cf917d0db4a82b289,", - "global.boxshadow.container.distant": "S:d96ee3470d1f0011ae793503e478b86aa6856c9f,", - "global.boxshadow.container.sticky-footer": "S:f8f7d4524076385696c69a1d3b4cc589ddbfae63,", - "global.boxshadow.container.solid-border": "S:79aca561cf1cead600e56c27a9f4909151feb9b0,", - "global.boxshadow.interactive.enabled": "S:6933f95e0925b4fdd91dafc320de05eb843d1b45,", - "global.boxshadow.interactive.hover": "S:78029f2fe360246098ff9da29694b7497aa0ec88,", - "global.boxshadow.interactive.drag": "S:ca7699dbc21b99231f7ead33b70a26b121a7c87f,", + "global.boxshadow.cleanedge.near": "S:40da1d2031ef6c9b01a8e092d1cef032f715ff16,", + "global.boxshadow.container.near": "S:7d98b3dc46cb3a063b5bb6162367c432d4f72775,", + "global.boxshadow.container.far": "S:aab2732afadb73d5b47366d89c0981066fa77ebc,", + "global.boxshadow.container.distant": "S:5c32f9589a09dde5ae83cd9c18c4c989327dffc0,", + "global.boxshadow.container.sticky-footer": "S:350af1b694e3c36becaf48dd7880dea6a0dc7f51,", + "global.boxshadow.container.solid-border": "S:e239c1b7b5a32ecad6b4719b697941fce718f88f,", + "global.boxshadow.interactive.enabled": "S:ed71ee4434bad6ae46b35b55282c089fc069fd9b,", + "global.boxshadow.interactive.hover": "S:76671b11a11e523f1a3aa99b790cc7c68c088169,", + "global.boxshadow.interactive.drag": "S:1c963b81981e3d24c2630a5a086a3902b1145b98,", "container.boxshadow.card.enabled": "S:9d0f2ab75f25985fb1ee6789d59d599d4b1281f3,", "container.boxshadow.card.hover": "S:31c56c98ecf66c7e8559c6ddb0e0682f32c1dd05,", "container.boxshadow.card.drag": "S:b83f6f975b53d8983260f0cda84ed34c4bfbf72f,", @@ -4455,11 +4555,20 @@ "$figmaCollectionId": "VariableCollectionId:91874:43409", "$figmaModeId": "91874:3", "$figmaVariableReferences": { - "global.fontSize.adaptive.heading.step1": "c724b2e903a578c01a49b5672c24ac6789425559", - "global.fontSize.adaptive.heading.step2": "c5149676f720ae0ec030fb6ccaaff4fde45f0f34", - "global.fontSize.adaptive.heading.step3": "d0f3d2aaae61cb7bb6662e7a661ec6f87f63f7f9", - "global.fontSize.adaptive.heading.step4": "6109c45f0b2f5069db3ba267fd44405e47a326ee", - "global.fontSize.adaptive.heading.step5": "09fc1029452eaa8d4fa5c4705848353cd518d4ec", + "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", + "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", + "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", + "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", + "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", + "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", + "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", + "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", + "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", + "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", + "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", + "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", + "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", + "global.space.macroScale": "fbe65c255d4034d004dc832ca3070a12ce16722d", "button.color.typical.secondary.bg-active": "469ef15554a2981f40b84e6c2994150305e23891", "button.color.typical.secondary.bg-hover": "b8590daeedee66cbb5b735906e870175f91f63c3", "button.color.typical.secondary.border-active": "0972222e0dacc76147b5fa8221aea071e7aa98cf", @@ -4469,8 +4578,6 @@ "button.color.typical.tertiary.bg-active": "0cdeec1baee884371690b794cf334c1c58798c63", "button.color.typical.tertiary.bg-hover": "a72c2b52de96848da07176ecd79c1e3982df851d", "button.color.typical.tertiary.border-active": "343304e18f39b2e5aa679c68f082cc54367ecca0", - "button.color.typical.tertiary.border-enabled": "b46990ba806c16b0135aa197ed2ff5ed816d1863", - "button.color.typical.tertiary.border-hover": "2d7a2b2db822cc4b6ed0ebd55f888527c1c5a388", "button.color.typical.tertiary.label-enabled": "af8918e7910c3a8732526c70197a178ae4c119ec", "button.color.typical.tertiary.bg-enabled": "3dcb0d649cc7ee11ea3c88f011bcf726c897d449", "button.color.typical.primary.bg-active": "d73bba74a7bfcb13765ab2fd9bf5254f1a83a228", @@ -4499,15 +4606,6 @@ "container.radius.tileselect.moderate": "a91c28c6bfe62386153d4fb99ed98908955fa4d7", "container.radius.tileselect.curved": "8e48c75f1fce2ef7e14b68a79a6bc8e44e3d40fe", "container.radius.tileselect.sweeping": "09b8126121e9cf47f799f46a0d38b57c57a2e28d", - "global.fontSize.adaptive.step-2": "10272d618719e45f0b1e7290bbcc9e978a9ec20a", - "global.fontSize.adaptive.step-1": "78b7dd776264e1df644891c3fb4f1ca55be70e4b", - "global.fontSize.adaptive.step0": "122767b7d1c6676613aa587480bcecfb33f9f9ed", - "global.fontSize.adaptive.step1": "a9235815329f8600d188144eb99a7eaeb17c7493", - "global.fontSize.adaptive.step2": "af1a43abcca339628af8a516f6c9a4efcbf75c9e", - "global.fontSize.adaptive.step3": "af4b38f95830dc56f4faff6c4dd308ab8292f564", - "global.fontSize.adaptive.step4": "f4e0becf36be2b09a6b2b8eb2fa6f6ff71b43f37", - "global.fontSize.adaptive.step5": "5a1cb74373c3ca7d02e309b244747063969323c2", - "global.fontSize.adaptive.step11": "1e19f3c39473ead40d11e5fffee7395a2e62ad4d", "global.fontFamilies.sage-headline": "92ddf73b4d64ef38642fd31efc706823ac9239ca", "global.fontFamilies.sage-text": "5cf21cdfc3429470cc46ae06c752e1f50dfa1b96", "tab.radius.M": "9b41239ac391dc378c6834e731e92a52c36a254e", @@ -4520,13 +4618,7 @@ "popover.color.label-hover": "65b11448c1cd42ddc62b7249fd146f9c78b81e9c", "popover.color.label-enabled": "40060a0d39cd1441bd95e31c1e6a3fcfd43f3a32", "status.radius.pill": "0dd94e256d2fbb8573a7f6e76aa6470a28e67a73", - "global.space.macroScale": "fbe65c255d4034d004dc832ca3070a12ce16722d", - "global.fontSize.adaptive.step6": "7041efb769c00e49a0cde545eded593e09e762c6", - "global.fontSize.adaptive.step7": "fe9d1662d81e3433ea60ea29e47bedcff6713d0d", - "global.fontSize.adaptive.step8": "b1de717a8bee18f771de9506269d91d09dc9c15d", - "global.fontSize.adaptive.step9": "ef9f822c7c93c6bf692365b8a3f7c5c6051cad5d", - "global.fontSize.adaptive.step10": "884edb6ee0a92f29412ed182f21b18d28272a7e3", - "global.fontSize.adaptive.step12": "cb793b50ea074e405109fa6051347a176d346ca8", + "global.size.breakpoint-min-width": "11fea4981ba36f253b7418d43fe449f5e804fc95", "page.space.x.L": "0a8e4a263a6edbb9bb9e1cefdff08a310f2ebb8b", "page.space.y.L": "8f9695158d7d040e8aab2f071e7cd1d1e016d74e", "global.borderwidth.scale": "6dac19533b6c095d2c97938020e7a45074cacacd", @@ -4558,13 +4650,6 @@ "global.radius.interactive.XXL": "f267ea3e7f80ecf9d368bc17a4adf143389f9b48", "global.size.scale": "429f82853556b8b99d9d951fcde1d70de832f4a8", "global.size.none": "788ed4fbcbe0d86bfe5b68fce34af566f261a5b7", - "global.size.breakpoint.none": "b6fa16b08edc8bc8e71517ed8dcc7df90a76302c", - "global.size.breakpoint.XXS": "57cd9f5541125dcf83f1ec16209e3392ca9e957e", - "global.size.breakpoint.XS": "afed97cfb7f2afd047b61cd336fc7a870350ccb9", - "global.size.breakpoint.S": "d8f25c7e82e1e512d14b143f8b131111548ce41e", - "global.size.breakpoint.M": "896c61f95a5ff2ab6a777103ada82134d6b9c10d", - "global.size.breakpoint.L": "cafb947c0861b40e20e2126e4d0ab155183a16f5", - "global.size.breakpoint.XL": "3105396d7a679ad1a923c0869dab12cfaec8b649", "global.size.container.M": "1f767617f85d97964506322bfa029084ba1b0b6d", "global.size.container.L": "4d3d90d8b7cb9297526dda4b3aa1c04d4430106a", "global.size.icon.S": "e5eaae0ca8999da2dbf48ffc143c5d1e55c11981", @@ -4605,6 +4690,8 @@ "global.space.micro.L": "e27480ab505bfed290c3a932befb888f0fddf58b", "global.space.micro.XL": "f9ff60e244d1950fa8f95d47ec6f1daf091f10e3", "global.space.micro.XXL": "6158c55ba26fc5ee4e94f0582dc15ebc4595eff9", + "global.space.macro.XXXS": "26df82c582e7128eeb8430ece99a47997e08c77f", + "global.space.macro.XXS": "16a092c8e18a44c1a276b853244a89b2a9074b06", "global.space.macro.XS": "ae9b37f3824479cb2f5ca43995c019f9ed0f132b", "global.space.macro.S": "30986195ab1775c8ed4ea4e6e38973946ada8f21", "global.space.macro.M": "1167c39e44e08d65aeda3b5aa7c8c2241b2b0375", @@ -4779,7 +4866,6 @@ "button.radius.S": "9be6589bb53f7c088eb706c66fa690ccbd184b51", "button.radius.M": "fd40c459fcfde74b645c27c481e48a87e3a1422d", "button.radius.L": "db10ef5781cb4177cce9fd564f7aeb2c701a2a88", - "button.radius.subtle": "0e6d01c217a72ee04fac39ff507f7fd1a0d0aa86", "button.radius.chip": "7f8929bf1ab8df4555c1e2633cf6cff6b4f907a5", "button.radius.FAB": "f1aea9e173620dd9985fa37ef8b22d2d42caa93a", "button.radius.primary.S": "b3aae451125c794ecdd67e52da40d8d4d6112444", @@ -4791,6 +4877,9 @@ "button.radius.tertiary.S": "8caca3394ff2fb1973181e2bb8f45f50ff35b0d7", "button.radius.tertiary.M": "f5e8854d9bb360178f5844e409092d53c22a367c", "button.radius.tertiary.L": "8e099d72cbb07fdc157879882ffd0d489f00fbfa", + "button.radius.subtle.S": "e9593bf7c0044781b0de6ed1d73f98a4bbaac546", + "button.radius.subtle.M": "1765c659775b270fe5be71bcc45910549d2fd127", + "button.radius.subtle.L": "8c8ff005226970623313446d2b85c371c6ec999c", "button.borderwidth.none": "c236b99022379587f3c6a5fac1a2c2bb3ee456e8", "button.borderwidth.chip": "94fd1b7fbda35bfa2b8197ce722c51859acad510", "button.borderwidth.secondary": "dd0a0cd72a110b4ccbed0278bda939d55bdf5b88", @@ -5156,6 +5245,15 @@ "form.space.texteditor.processing.x.S": "68d686168d46d3c9aa1aafe1a5bbae7ad0930a28", "form.space.texteditor.processing.x.M": "5b8742432a2e2457857eceea046b2b94ecd55ac0", "form.space.texteditor.processing.x.L": "3253cc2826610a6b5ae0edec27088a553ca050ce", + "form.space.password.requirement.xg.S": "9007d935f3a9659443ce476c53b0ddda2f05e408", + "form.space.password.requirement.xg.M": "e6e8263e44c7d4fae4d592774a3c5771e83d44f8", + "form.space.password.requirement.xg.L": "75546a6ba40a4a55b15ff9584c587de15f67073f", + "form.space.password.requirement.x.S": "33d89336368519b6002877951472813a3d0e8d8f", + "form.space.password.requirement.x.M": "88ca13be94f409a000fd501cc6e2233fc3cfe445", + "form.space.password.requirement.x.L": "714c8124e20d591dd90a8687efdce34423067cbb", + "form.space.password.requirement.y.S": "4678e4cd191856caa0ea7429ac1d076391826eac", + "form.space.password.requirement.y.M": "c045202a20124d3beea7cbec865a5df18420fc06", + "form.space.password.requirement.y.L": "812f6d8ba4ae5c0b5c4634bfb04f67c92e3aff50", "form.size.none": "a25b32b0405166743ea387d2ead26b827cc0fe07", "form.size.calendar.date": "05cbce2cbb2a82b087b00b0d0dbc2352c879fa3e", "form.size.calendar.day": "6efc2a3dcbc277e082969b478cde1563adf1449d", @@ -5271,6 +5369,7 @@ "form.color.validation.bar-error": "0ad75542195e5c719ee8db50327e4b0d7d7faf50", "form.color.validation.bar-warning": "ed7ae9d160e8873fad771d4334afd7eaa9aa8784", "form.color.validation.label-error": "c47f07276d7c743d528fa7ba75f35fda237b8e61", + "form.color.validation.label-success": "265920295c17bc684a24aa36dfa17e831a382410", "form.color.validation.label-warning": "af7a0557dec877c8fa4d1d8acf2cbec03a52c326", "form.radius.none": "efee6278496063a72ab7b79be1775dc100cb9836", "form.radius.radio": "643f462784b03795162e6ba7dad7734068250578", @@ -5307,7 +5406,15 @@ "logo.color.sage.bg-default": "176fa4bdfdde2c1d90543d62f76c86a4210d33bf", "logo.color.sage.bg-alt": "08a6379727481535a381a2ce3a86af9f9555ff37", "logo.color.trust.bg-default": "d54eaa67a5b1054ecb788b2b7d0e1fc30fb5c381", - "logo.color.trust.bg-alt": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.trust.outline": "a460c2cd601a494fe58a6b921226da2b3e7a5692", + "logo.color.copilot.noBg.bg-star": "da56b1e1732804d510f092d0f083dd07c48a0774", + "logo.color.copilot.noBg.fg-default": "395284d7da4f0c599691707823ec461336c43766", + "logo.color.copilot.withBg.bg-S": "51078746fc01ddc633f7f05563173b88681e860e", + "logo.color.copilot.withBg.bg-star": "4692ceb2d703ac16b5e6fa0da55ec679ebc5b22a", + "logo.color.copilot.withBg.bg-default": "2c46b6042a18b67af472e5daaf33a0e9563a408b", + "logo.color.AIIdentifier.bg-star": "c7503be9a3ba93460dd15d608e5553811558fae5", + "logo.color.AIIdentifier.bg-dot": "6aee04adc22efb6cdb8d60b830ea6fcba86c1603", + "logo.color.AIIdentifier.outline": "342bfc3643e5a916607236ddc4d6d1229addd8b3", "logo.size.AI.M": "840ea6236181a2a446dd992b2f877f85211ec3f8", "logo.space.AI.xg.M": "b9e01b0611dcee1c94b1f0f49527f17a1283e090", "nav.color.bg-default": "c20289a3ebe37707383b8259b014d64a4f7a7ddc", @@ -5323,9 +5430,11 @@ "nav.color.menu.bg-default": "36906d3d6048072bcc384355439d189c5b190496", "nav.color.menu.bg-alt": "649425622bfb76795abefd14e424ae291acd6cd7", "nav.color.menu.bg-alt2": "1fda48e60c42278d289a8c0abd8a2d1f200a8b92", + "nav.color.menu.border-default": "277b1e7970c90781b74cf249e5582e9c739e1c0f", "nav.radius.menu": "31d367e4dc424f9f54e3d1a0a262b0215203175f", "nav.radius.menuitem": "aba07f4523958ab04e679d32b473cf797c34e9bc", "nav.borderwidth.divider.item": "6aaf1770f1e207dd13457ee810d653232af5a4a9", + "nav.borderwidth.divider.menu": "3dafeb6edca38a3d36fe50f946d763562db9078f", "nav.borderwidth.divider.segment": "9fb4fe7505b14ddbac5ebf7b60af731ea5b07e2b", "nav.size.menu.content.y.M": "942012e158d3856451b48b2e37d509b0e3cb2aa9", "nav.size.menu.content.icon.M": "5c917fed46e4c1e13916d988d6fbb5087c904423", @@ -5452,6 +5561,12 @@ "progress.color.label-alt": "a0ffbafcc2a21f5f052097ecaa48a6e72f25f660", "progress.color.label-default": "b2908ca5d930099cfe4b10d979f3b185730946e1", "progress.color.datavis.fg-default": "cff357250b27f66dfcc0bccad7197995318948cd", + "progress.color.loader.bg-default": "9942537975dc6f8dab1b4373ad2997c7c39e8065", + "progress.color.loader.bg-alt": "2fe7a47a838af6740e2b0a1c344ea05e9e3463e9", + "progress.color.loader.fg-default": "1228162d10254417ec4a275e91984409df44a3eb", + "progress.color.loader.fg-alt": "ae49b86487e447c821d7d87d353485cf97ab4fda", + "progress.color.loader.fg-error": "5907505b88cfd15e7f81a97a65890103b54d9c2e", + "progress.color.loader.fg-complete": "10eb4d680e6e8941e0e1aa5b5d4140976ff7407d", "progress.color.stepflow.bg-active": "3b2263e1e268c06ee76be6ec5642cfd98155a0b3", "progress.color.stepflow.bg-complete": "95d4dbd98b93d22451be8ed5090d75aad5ea0346", "progress.color.stepflow.bg-default": "99e3d23184bc00fb08fc9848e6ad052b2bb5f609", @@ -5573,7 +5688,8 @@ "status.color.warning.bgAlt-hover": "1202dbb1091770a5fc41468b0a71804f491b8c9a", "status.color.warning.bg-hover": "6c1d23d8b776dee456a98f40f69bfe3f2aea93e9", "status.color.warning.border-default": "8be0ca1ca4bffc234290465b7a0618ad3749a51d", - "status.color.callout.bg-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-default": "e57268906bd6d63de73023a84ffe3786301da10b", + "status.color.callout.bgAlt-hover": "8f086adfadbe1db40b7738446ea9ca8242b53cdc", "status.color.rating.bg-default": "2ca253f3c33b0595d3ca575eea21234d33ad293e", "status.color.rating.bg-hover": "533b0fe14cc0883d889c1ecdbbe4edf1354ad210", "status.color.rating.border-default": "5b3b0fe3ff286d065087b09e036bbdaafd855588", @@ -5582,6 +5698,7 @@ "status.size.pill.L": "2b0865efe4ea91cfcaf48b1b7204dcba437c9ad9", "status.size.message.statuscontainer.M": "7fc335d570bd63c77312771a4a9cfc7241ef552f", "status.size.message.statuscontainer.L": "6613bcea99acf6d4e15c53e0ae4b96d2591eba18", + "status.size.message.messagecontent.maxwidth": "194050b31dad1b5bb16f157e1c73b8a84bd001c6", "status.size.message.global.M": "013dbc7505bbc5077e89e56a975b34de1fa0bccd", "status.size.icon.M": "81a49bc7ad7d78591e4737ef2cfda1caa1499b32", "status.radius.none": "0e7313dbe9272c0e9999e4f4576ea43a0a23e996", @@ -5609,6 +5726,8 @@ "status.space.message.global.y.M": "c99f27737807368c79e53e31434326c0251f2596", "status.space.message.global.xg.M": "f36c8cbd941e3ad17252d71e65cbdeb9b1f423b9", "status.space.message.global.yg.M": "e0eb8b0b2c6afe9264dca8d1c1e536cbbe831d4f", + "status.space.message.global.CTA.Y.M": "8508aee34b59147e4e31c6bf656c8c33c959af5d", + "status.space.message.global.CTA.yg.M": "1ce92e9d6b7be0346da6e764e032cf1e34505caf", "status.space.message.global.iconwrapper.y.M": "942ff02363a89293193f0473e5b22ce1b6176d7b", "profile.size.profileeditor": "b648e5eeccc41c7f3e49d8e9a108ddbefa678d74", "profile.size.outside.XS": "5a8f5fc7217b820a548a46dd8cd651bae3a0ca4d", @@ -5675,7 +5794,6 @@ "tab.radius.indicator.M": "e5888b008834291b355d1e863f29458eb1f21fde", "tab.radius.indicator.L": "27c7787a478823ed61c31f44b571133e5a9a1a6c", "tab.radius.none": "3ed8fdaf076a3e458dae4009cc4e063436436ab8", - "tab.borderwidth.navigation": "323d8a64942ff09abb1427d89f7a9d767b31240b", "table.color.header.subtle.bg-alt": "a600e4e5f34f1597ea7be9338cff74f395fd4f1d", "table.color.header.subtle.bg-default": "ed04ab8c95edea05ffca7ffa15d6965a1f0ddc86", "table.color.header.subtle.bg-hover": "9e74bf051bae01ad69e984549b974db65f370372", @@ -5734,7 +5852,8 @@ "table.size.row.doubleheight.M": "d9ed70bebc6a97f35494d24e788d2def8aba9a57", "table.size.row.doubleheight.L": "9bf3f4bf28b0b16c6dad124a85a4b1d3b70f7622", "table.size.row.doubleheight.XL": "51afd57e24b71c667406bf432f1d01f6a22e1dbf", - "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1" + "table.size.icon.M": "e500529d7f0e4a77331b7c8ae6e5e2556c3da8a1", + "tab.borderwidth.navigation.bottom": "323d8a64942ff09abb1427d89f7a9d767b31240b" }, "group": "Context" } diff --git a/data/tokens/components/button.json b/data/tokens/components/button.json index 53e176e3..73d378bb 100644 --- a/data/tokens/components/button.json +++ b/data/tokens/components/button.json @@ -29,15 +29,15 @@ }, "video": { "S": { - "value": "{global.size.macro.S}", + "value": "{global.size.macro.M}", "type": "sizing" }, "M": { - "value": "{global.size.macro.L}", + "value": "{global.size.macro.XXL}", "type": "sizing" }, "L": { - "value": "{global.size.macro.XXL}", + "value": "{global.size.macro.M} * 2", "type": "sizing" } } @@ -82,7 +82,7 @@ "child": { "x": { "M": { - "value": "{global.space.macro.XS} / 2", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Left padding on FAB child container and text within FAB single\n" }, @@ -120,7 +120,7 @@ "layout": { "x": { "XS": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "XS left and right padding" }, @@ -142,7 +142,7 @@ }, "y": { "XS": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "XS top and bottom padding" }, @@ -164,7 +164,7 @@ }, "xg": { "S": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Horizontal spacing between small buttons" }, @@ -181,7 +181,7 @@ }, "yg": { "S": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Vertical spacing between small buttons" }, @@ -200,7 +200,7 @@ "primary": { "x": { "S": { - "value": "{global.space.micro.XXL}", + "value": "{global.space.macro.XXS}", "type": "spacing", "description": "Left and right padding on small buttons" }, @@ -217,17 +217,17 @@ }, "xg": { "S": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside buttons" }, "M": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XS} / 2", "type": "spacing", "description": "Item spacing inside buttons" }, "L": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XS} / 2", "type": "spacing", "description": "Item spacing inside buttons" } @@ -289,17 +289,17 @@ }, "xg": { "S": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside buttons" }, "M": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside buttons" }, "L": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside buttons" } @@ -344,17 +344,17 @@ "subtle": { "x": { "S": { - "value": "{global.space.micro.XS}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "left and right padding on subtle buttons" }, "M": { - "value": "{global.space.micro.XS}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "left and right padding on subtle buttons" }, "L": { - "value": "{global.space.micro.XS}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "left and right padding on subtle buttons" } @@ -388,7 +388,7 @@ "description": "Top and bottom padding on medium buttons\n" }, "L": { - "value": "{global.space.micro.XXL}", + "value": "{global.space.micro.XL}", "type": "spacing", "description": "Top and bottom padding on Large buttons\n" } @@ -397,7 +397,7 @@ "tertiary": { "x": { "S": { - "value": "{global.space.micro.XXL}", + "value": "{global.space.macro.XXS}", "type": "spacing", "description": "Left and right padding on small buttons" }, @@ -414,17 +414,17 @@ }, "xg": { "S": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside buttons" }, "M": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside buttons" }, "L": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside buttons" } @@ -482,12 +482,12 @@ }, "xg": { "M": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside toggle buttons" }, "L": { - "value": "{global.space.micro.L}", + "value": "{global.space.macro.XXXS}", "type": "spacing", "description": "Item spacing inside toggle buttons" } @@ -596,7 +596,7 @@ "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActiveAlt}", + "value": "{modes.color.interactive.monochrome.generic.withActiveAlt}", "type": "color" }, "label-disabled": { @@ -604,11 +604,11 @@ "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" } }, @@ -720,19 +720,19 @@ "type": "color" }, "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "border-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "label-disabled": { @@ -740,25 +740,25 @@ "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" } }, "secondary": { "bg-active": { - "value": "{modes.color.interactive.monochrome.activeAlt}", + "value": "{modes.color.interactive.monochrome.generic.activeAlt}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "border-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-disabled": { @@ -766,15 +766,15 @@ "type": "color" }, "border-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "border-hover": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActiveAlt}", + "value": "{modes.color.interactive.monochrome.generic.withActiveAlt}", "type": "color" }, "label-disabled": { @@ -782,25 +782,25 @@ "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" } }, "subtle": { "bg-active": { - "value": "{modes.color.interactive.monochrome.activeAlt}", + "value": "{modes.color.interactive.monochrome.generic.activeAlt}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActiveAlt}", + "value": "{modes.color.interactive.monochrome.generic.withActiveAlt}", "type": "color" }, "label-disabled": { @@ -808,17 +808,17 @@ "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" } }, "tertiary": { "bg-active": { - "value": "{modes.color.interactive.monochrome.activeAlt}", + "value": "{modes.color.interactive.monochrome.generic.activeAlt}", "type": "color" }, "bg-activeDisabled": { @@ -826,31 +826,23 @@ "type": "color" }, "bg-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt3}", + "value": "{modes.color.interactive.monochrome.subtle.default}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "border-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-disabled": { "value": "{modes.color.interactive.inactive.default}", "type": "color" }, - "border-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", - "type": "color" - }, - "border-hover": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", - "type": "color" - }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActiveAlt}", + "value": "{modes.color.interactive.monochrome.generic.withActiveAlt}", "type": "color" }, "label-disabled": { @@ -858,57 +850,57 @@ "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" } } }, "video": { "bg-blur": { - "value": "{modes.color.interactive.monochrome.hover}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "primary": { "bg-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.withDefault}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" } }, "secondary": { "bg-hover": { - "value": "{modes.color.interactive.monochrome.hover}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "border-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "border-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" } } @@ -935,11 +927,6 @@ "type": "borderRadius", "description": "Buttons L (typical and destructive, and inc bar, split and multi), Button toggle L (parent container)" }, - "subtle": { - "value": "{global.radius.interactive.M}", - "type": "borderRadius", - "description": "Buttons subtle" - }, "chip": { "value": "{global.radius.interactive.M}", "type": "borderRadius", @@ -1000,6 +987,23 @@ "type": "borderRadius", "description": "large tertiary button" } + }, + "subtle": { + "S": { + "value": "{global.radius.interactive.L}", + "type": "borderRadius", + "description": "Buttons S (typical and destructive, and inc bar, split and multi), \nButton toggle M (parent container)" + }, + "M": { + "value": "{global.radius.interactive.XL}", + "type": "borderRadius", + "description": "Buttons M (typical and destructive, and inc bar, split and multi), \nButton toggle L (parent container), Button toggle M (parent container)" + }, + "L": { + "value": "{global.radius.interactive.XXL}", + "type": "borderRadius", + "description": "large subtle button" + } } }, "borderwidth": { diff --git a/data/tokens/components/container.json b/data/tokens/components/container.json index 2def5115..41625667 100644 --- a/data/tokens/components/container.json +++ b/data/tokens/components/container.json @@ -16,7 +16,7 @@ "description": "tile footer bg color\n" }, "border-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-alt": { @@ -85,7 +85,7 @@ "interactive": { "detailedicon": { "bg": { - "value": "{modes.color.brandreference.custom1}", + "value": "{modes.color.custom.default}", "type": "color", "description": "\n" } @@ -96,7 +96,7 @@ "description": "\n" }, "bgFooter-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-activated": { @@ -117,12 +117,12 @@ "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color", "description": "Used for accordion hover backgrounds\n" }, "border-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-alt": { @@ -154,35 +154,35 @@ "type": "color" }, "icon-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color", "description": "Active chevron for any accordion." }, "icon-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color", "description": "Enabled chevron for any accordion." }, "iconAlt-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color", "description": "Enabled label for subtle accordion." }, "icon-hover": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color", "description": "Hover chevron for any accordion." }, "labelFooter-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "labelFooter-activated": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "text-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color", "description": "Active label for any accordion." }, @@ -201,7 +201,7 @@ "description": "Enabled label for subtle accordion." }, "text-hover": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color", "description": "Hover label for any accordion." } @@ -1161,7 +1161,7 @@ "description": "bottom padding for each section title" }, "L": { - "value": "{global.space.macro.XXL}", + "value": "{global.space.macro.L}", "type": "spacing", "description": "top padding for each section title" } @@ -1585,19 +1585,19 @@ "adaptive": { "heading": { "M": { - "value": "{global.typography.adaptive.heading.XS}", + "value": "{global.typography.adaptive.heading.S}", "type": "typography", "description": "Accordion, Subscription tile, Tile select and generic tile or card headings" }, "L": { - "value": "{global.typography.adaptive.heading.S}", + "value": "{global.typography.adaptive.heading.M}", "type": "typography", "description": "Dialog, drawer and sidebar headings" } }, "subheading": { "M": { - "value": "{global.typography.adaptive.subheading.S}", + "value": "{global.typography.adaptive.subheading.M}", "type": "typography", "description": "Accordion subheading, Step flow subheading, tile select subheading, dialog, drawer and sidebar subheading" } @@ -1634,19 +1634,19 @@ "responsive": { "heading": { "M": { - "value": "{global.typography.responsive.heading.XS}", + "value": "{global.typography.responsive.heading.S}", "type": "typography", "description": "Accordion, Subscription tile, Tile select and generic tile or card headings" }, "L": { - "value": "{global.typography.responsive.heading.S}", + "value": "{global.typography.responsive.heading.M}", "type": "typography", "description": "Dialog, drawer and sidebar headings" } }, "subheading": { "M": { - "value": "{global.typography.responsive.subheading.S}", + "value": "{global.typography.responsive.subheading.M}", "type": "typography", "description": "Accordion subheading, Step flow subheading, tile select subheading, dialog, drawer and sidebar subheading" } diff --git a/data/tokens/components/form.json b/data/tokens/components/form.json index 2e7e626e..424f5735 100644 --- a/data/tokens/components/form.json +++ b/data/tokens/components/form.json @@ -182,6 +182,23 @@ "type": "spacing", "description": "REF POPOVER. Top and bottom padding on container" } + }, + "x": { + "S": { + "value": "{global.space.macro.S}", + "type": "spacing", + "description": "left and right padding of menu parent container to make message content align with the option text" + }, + "M": { + "value": "{global.space.macro.S}", + "type": "spacing", + "description": "left and right padding of menu parent container to make message content align with the option text" + }, + "L": { + "value": "{global.space.macro.S}", + "type": "spacing", + "description": "left and right padding of menu parent container to make message content align with the option text" + } } }, "option": { @@ -235,6 +252,42 @@ "type": "spacing", "description": "REF POPOVER. Vertical padding on option." } + }, + "subtext": { + "x": { + "S": { + "value": "{global.space.macro.S}", + "type": "spacing", + "description": "used for left indentation on descriptive hint text underneath main option text" + }, + "M": { + "value": "{global.space.macro.S}", + "type": "spacing", + "description": "used for left indentation on descriptive hint text underneath main option text" + }, + "L": { + "value": "{global.space.macro.S}", + "type": "spacing", + "description": "used for left indentation on descriptive hint text underneath main option text" + } + }, + "y": { + "S": { + "value": "{global.space.micro.XS}", + "type": "spacing", + "description": "top padding for the subtext text underneath standard option text" + }, + "M": { + "value": "{global.space.micro.S}", + "type": "spacing", + "description": "top padding for the subtext text underneath standard option text" + }, + "L": { + "value": "{global.space.micro.S}", + "type": "spacing", + "description": "top padding for the subtext text underneath standard option text" + } + } } }, "pill": { @@ -678,6 +731,52 @@ } } } + }, + "password": { + "requirement": { + "xg": { + "S": { + "value": "{global.space.micro.M}", + "type": "spacing" + }, + "M": { + "value": "{global.space.micro.L}", + "type": "spacing" + }, + "L": { + "value": "{global.space.micro.XL}", + "type": "spacing" + } + }, + "x": { + "S": { + "value": "{global.space.micro.XS}", + "type": "spacing" + }, + "M": { + "value": "{global.space.micro.S}", + "type": "spacing" + }, + "L": { + "value": "{global.space.micro.S}", + "type": "spacing" + } + }, + "y": { + "S": { + "value": "{global.space.micro.XS}", + "type": "spacing" + }, + "M": { + "value": "{global.space.micro.S}", + "type": "spacing" + }, + "L": { + "value": "{global.space.micro.S}", + "type": "spacing" + } + } + } } }, "size": { @@ -965,7 +1064,7 @@ "color": { "calendar": { "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "bg-disabled": { @@ -977,15 +1076,15 @@ "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "border-duration": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "text-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "text-alt": { @@ -1006,7 +1105,7 @@ "type": "color" }, "text-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" }, "textAlt-enabled": { @@ -1021,11 +1120,11 @@ "description": "REF POPOVER\n" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "label-alt": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-disabled": { @@ -1033,11 +1132,11 @@ "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" } }, @@ -1174,7 +1273,7 @@ }, "switch": { "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "bg-activedisabled": { @@ -1204,11 +1303,11 @@ "type": "color" }, "border-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt2}", + "value": "{modes.color.interactive.monochrome.subtle.defaultAlt}", "type": "color" }, "fg-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "fg-activedisabled": { @@ -1220,7 +1319,7 @@ "type": "color" }, "fg-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt2}", + "value": "{modes.color.interactive.monochrome.subtle.defaultAlt}", "type": "color" }, "label-active": { @@ -1263,6 +1362,10 @@ "value": "{modes.color.status.negative.text}", "type": "color" }, + "label-success": { + "value": "{modes.color.status.success.default}", + "type": "color" + }, "label-warning": { "value": "{modes.color.status.caution.text}", "type": "color" diff --git a/data/tokens/components/link.json b/data/tokens/components/link.json index 893cfded..47498139 100644 --- a/data/tokens/components/link.json +++ b/data/tokens/components/link.json @@ -24,11 +24,11 @@ }, "subtle": { "label-default": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" } } diff --git a/data/tokens/components/logo.json b/data/tokens/components/logo.json index 83d0ae30..cc79168a 100644 --- a/data/tokens/components/logo.json +++ b/data/tokens/components/logo.json @@ -3,12 +3,12 @@ "color": { "sage": { "bg-default": { - "value": "{modes.color.generic.content.extreme}", + "value": "{modes.color.brand.default}", "type": "color", "description": "sage logo" }, "bg-alt": { - "value": "{modes.color.generic.content.firm}", + "value": "{modes.color.brand.defaultAlt}", "type": "color" } }, @@ -18,10 +18,56 @@ "type": "color", "description": "filled" }, - "bg-alt": { + "outline": { "value": "{modes.color.generic.content.extreme}", "type": "color" } + }, + "copilot": { + "noBg": { + "bg-S": { + "value": "{modes.color.brand.copilot.noBg.S}", + "type": "color" + }, + "bg-star": { + "value": "{modes.color.brand.copilot.noBg.star}", + "type": "color" + }, + "fg-default": { + "value": "{modes.color.brand.copilot.noBg.mono}", + "type": "color" + } + }, + "withBg": { + "bg-S": { + "value": "{modes.color.brand.copilot.withBg.S}", + "type": "color" + }, + "bg-star": { + "value": "{modes.color.brand.copilot.withBg.star}", + "type": "color" + }, + "bg-default": { + "value": "{modes.color.brand.copilot.withBg.bg}", + "type": "color" + } + } + }, + "AIIdentifier": { + "bg-star": { + "value": "{modes.color.brand.copilot.AIIdentifier.default}", + "type": "color", + "description": "star bg color" + }, + "bg-dot": { + "value": "{modes.color.brand.copilot.AIIdentifier.withDefault}", + "type": "color" + }, + "outline": { + "value": "{modes.color.brand.copilot.AIIdentifier.default}", + "type": "color", + "description": "star outline variant" + } } }, "size": { diff --git a/data/tokens/components/nav.json b/data/tokens/components/nav.json index cb296546..c531a0b3 100644 --- a/data/tokens/components/nav.json +++ b/data/tokens/components/nav.json @@ -8,11 +8,11 @@ }, "item": { "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "bg-activealt": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "bg-enabled": { @@ -20,27 +20,27 @@ "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "label-activealt": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" }, "label-alt": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" } }, @@ -59,6 +59,11 @@ "value": "{modes.color.generic.bg.soft}", "type": "color", "description": "level 3 nav bg" + }, + "border-default": { + "value": "{modes.color.generic.fg.delicate}", + "type": "color", + "description": "level 1 border" } } }, @@ -93,6 +98,11 @@ "type": "borderWidth", "description": "Menu (option divider)" }, + "menu": { + "value": "{global.borderwidth.XS}", + "type": "borderWidth", + "description": "level 1 border" + }, "segment": { "value": "{global.borderwidth.L}", "type": "borderWidth", diff --git a/data/tokens/components/page.json b/data/tokens/components/page.json index ee508492..7bcebaa4 100644 --- a/data/tokens/components/page.json +++ b/data/tokens/components/page.json @@ -149,23 +149,23 @@ "typography": { "responsive": { "H1": { - "value": "{global.typography.responsive.heading.M}", + "value": "{global.typography.responsive.heading.L}", "type": "typography" }, "H2": { - "value": "{global.typography.responsive.heading.S}", + "value": "{global.typography.responsive.heading.M}", "type": "typography" }, "H3": { - "value": "{global.typography.responsive.heading.XS}", + "value": "{global.typography.responsive.heading.S}", "type": "typography" }, "H4": { - "value": "{global.typography.responsive.subheading.M}", + "value": "{global.typography.responsive.subheading.L}", "type": "typography" }, "H5": { - "value": "{global.typography.responsive.subheading.S}", + "value": "{global.typography.responsive.subheading.M}", "type": "typography" }, "p": { @@ -174,65 +174,30 @@ "type": "typography" }, "large": { - "value": "{global.typography.responsive.body.M}", - "type": "typography" - } - }, - "hero": { - "h1": { - "value": "{global.typography.responsive.display.L}", - "type": "typography" - }, - "h2": { - "value": "{global.typography.responsive.display.M}", + "value": "{global.typography.responsive.body.S}", "type": "typography" } } }, "adaptive": { "H1": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.bold}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step5}" - }, + "value": "{global.typography.adaptive.heading.L}", "type": "typography" }, "H2": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.bold}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step4}" - }, + "value": "{global.typography.adaptive.heading.M}", "type": "typography" }, "H3": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.bold}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step3}" - }, + "value": "{global.typography.adaptive.heading.S}", "type": "typography" }, "H4": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.medium}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step2}" - }, + "value": "{global.typography.adaptive.subheading.L}", "type": "typography" }, "H5": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.medium}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step1}" - }, + "value": "{global.typography.adaptive.subheading.M}", "type": "typography" }, "p": { @@ -241,17 +206,7 @@ "type": "typography" }, "large": { - "value": "{global.typography.adaptive.body.M}", - "type": "typography" - } - }, - "hero": { - "h1": { - "value": "{global.typography.adaptive.display.L}", - "type": "typography" - }, - "h2": { - "value": "{global.typography.adaptive.display.M}", + "value": "{global.typography.adaptive.body.S}", "type": "typography" } } diff --git a/data/tokens/components/popover.json b/data/tokens/components/popover.json index 01914cde..d7237924 100644 --- a/data/tokens/components/popover.json +++ b/data/tokens/components/popover.json @@ -161,12 +161,12 @@ }, "color": { "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color", "description": "previously action minor 850" }, "bg-activealt": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color", "description": "REF'D IN FORM.\n" }, @@ -176,16 +176,16 @@ "description": "REF'D IN FORM. Popover container bg" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color", "description": "REF'D IN FORM.\n" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "label-activealt": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" }, "label-disabled": { @@ -193,11 +193,11 @@ "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" }, "submenu": { diff --git a/data/tokens/components/profile.json b/data/tokens/components/profile.json index df80b6ae..f29d8127 100644 --- a/data/tokens/components/profile.json +++ b/data/tokens/components/profile.json @@ -216,19 +216,19 @@ "type": "typography" }, "M": { - "value": "{global.typography.adaptive.subheading.M}", + "value": "{global.typography.adaptive.subheading.L}", "type": "typography" }, "ML": { - "value": "{global.typography.adaptive.subheading.M}", + "value": "{global.typography.adaptive.subheading.L}", "type": "typography" }, "L": { - "value": "{global.typography.adaptive.subheading.M}", + "value": "{global.typography.adaptive.subheading.L}", "type": "typography" }, "XL": { - "value": "{global.typography.adaptive.subheading.M}", + "value": "{global.typography.adaptive.subheading.L}", "type": "typography" }, "XXL": { @@ -306,19 +306,19 @@ "type": "typography" }, "M": { - "value": "{global.typography.responsive.subheading.M}", + "value": "{global.typography.responsive.subheading.L}", "type": "typography" }, "ML": { - "value": "{global.typography.responsive.subheading.M}", + "value": "{global.typography.responsive.subheading.L}", "type": "typography" }, "L": { - "value": "{global.typography.responsive.subheading.M}", + "value": "{global.typography.responsive.subheading.L}", "type": "typography" }, "XL": { - "value": "{global.typography.responsive.subheading.M}", + "value": "{global.typography.responsive.subheading.L}", "type": "typography" }, "XXL": { diff --git a/data/tokens/components/progress.json b/data/tokens/components/progress.json index e13c1dcd..c4caba5c 100644 --- a/data/tokens/components/progress.json +++ b/data/tokens/components/progress.json @@ -68,27 +68,27 @@ "responsive": { "text": { "XS": { - "value": "{primitives.fontSize.responsive.step0}", + "value": "{primitives.fontSize.responsive.product.step0}", "type": "sizing", "description": "Skeleton paragraph and H5" }, "S": { - "value": "{primitives.fontSize.responsive.step2}", + "value": "{primitives.fontSize.responsive.product.step2}", "type": "sizing", "description": "H4 Skeletons" }, "M": { - "value": "{primitives.fontSize.responsive.step2}", + "value": "{primitives.fontSize.responsive.product.step2}", "type": "sizing", "description": "H3 Skeletons" }, "L": { - "value": "{primitives.fontSize.responsive.step3}", + "value": "{primitives.fontSize.responsive.product.step3}", "type": "sizing", "description": "H2 Skeletons" }, "XL": { - "value": "{primitives.fontSize.responsive.step5}", + "value": "{primitives.fontSize.responsive.product.step5}", "type": "sizing", "description": "H1 Skeletons" } @@ -102,22 +102,22 @@ "description": "Skeleton paragraph and H5" }, "S": { - "value": "{global.fontSize.adaptive.heading.step2}", + "value": "{global.fontSize.adaptive.step2}", "type": "sizing", "description": "H4 Skeletons" }, "M": { - "value": "{global.fontSize.adaptive.heading.step2}", + "value": "{global.fontSize.adaptive.step2}", "type": "sizing", "description": "H3 Skeletons" }, "L": { - "value": "{global.fontSize.adaptive.heading.step3}", + "value": "{global.fontSize.adaptive.step3}", "type": "sizing", "description": "H2 Skeletons" }, "XL": { - "value": "{global.fontSize.adaptive.heading.step5}", + "value": "{global.fontSize.adaptive.step5}", "type": "sizing", "description": "H1 Skeletons" } @@ -182,7 +182,7 @@ "type": "color" }, "fg-default": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "fg-error": { @@ -207,9 +207,38 @@ "type": "color" } }, + "loader": { + "bg-default": { + "value": "{modes.color.interactive.progress.bg}", + "type": "color" + }, + "bg-alt": { + "value": "{modes.color.interactive.progress.bgAlt}", + "type": "color", + "description": "used for inverse loader bgs" + }, + "fg-default": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "description": "used for loader standard loader spinner" + }, + "fg-alt": { + "value": "{modes.color.interactive.monochrome.generic.withActive}", + "type": "color", + "description": "used on inverse loading spinner" + }, + "fg-error": { + "value": "{modes.color.status.negative.default}", + "type": "color" + }, + "fg-complete": { + "value": "{modes.color.status.success.default}", + "type": "color" + } + }, "stepflow": { "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "bg-complete": { @@ -225,7 +254,7 @@ "type": "color" }, "border-active-outer": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-default": { @@ -243,7 +272,7 @@ }, "stepindicator": { "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "bg-complete": { @@ -251,7 +280,7 @@ "type": "color" }, "border-active-outer": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-default": { @@ -267,7 +296,7 @@ "type": "color" }, "label-complete": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "label-default": { @@ -365,12 +394,12 @@ "description": "Step flow default (not started)" }, "active-inner": { - "value": "{global.borderwidth.XS}", + "value": "{global.borderwidth.S}", "type": "borderWidth", "description": "Step flow active step border outer" }, "active-outer": { - "value": "{global.borderwidth.S}", + "value": "{global.borderwidth.L}", "type": "borderWidth", "description": "Step flow active step border outermost" } diff --git a/data/tokens/components/status.json b/data/tokens/components/status.json index 7e8bd5e3..acf16f7b 100644 --- a/data/tokens/components/status.json +++ b/data/tokens/components/status.json @@ -26,11 +26,11 @@ "description": "Decorative message icons" }, "label-default": { - "value": "{modes.color.interactive.monochrome.withDefault}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "label-readonly": { - "value": "{modes.color.interactive.monochrome.withDefault}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color", "description": "Pill (all types, readonly, when nested in disabled parent components)" }, @@ -182,8 +182,13 @@ } }, "callout": { - "bg-default": { - "value": "{modes.color.status.callout.default}", + "bgAlt-default": { + "value": "{modes.color.status.callout.defaultAlt}", + "type": "color", + "description": "Subtle message bg" + }, + "bgAlt-hover": { + "value": "{modes.color.status.callout.hoverAlt}", "type": "color", "description": "Subtle message bg" } @@ -238,6 +243,13 @@ "description": "message and toast icon container width" } }, + "messagecontent": { + "maxwidth": { + "value": "{container.size.responsive.XXXL}", + "type": "sizing", + "description": "max width of content inside message to make sure there are roughly 12 works per line" + } + }, "global": { "M": { "value": "{global.size.macro.M}", @@ -418,6 +430,22 @@ "description": "Gap between heading and other content." } }, + "CTA": { + "Y": { + "M": { + "value": "{global.space.macro.XS}", + "type": "spacing", + "description": "Top and bottom padding on global message for countdown" + } + }, + "yg": { + "M": { + "value": "{global.space.macro.M}", + "type": "spacing", + "description": "Gap between countdown spacing for global message" + } + } + }, "iconwrapper": { "y": { "M": { diff --git a/data/tokens/components/tab.json b/data/tokens/components/tab.json index eadd4525..b6fc9617 100644 --- a/data/tokens/components/tab.json +++ b/data/tokens/components/tab.json @@ -20,12 +20,12 @@ }, "baseline": { "M": { - "value": "{global.size.micro.XXS}", + "value": "{global.size.micro.XS}", "type": "sizing", "description": "Thickness of baseline." }, "L": { - "value": "{global.size.micro.XXS}", + "value": "{global.size.micro.XS}", "type": "sizing", "description": "Thickness of baseline." } @@ -93,12 +93,12 @@ }, "color": { "bg-hover": { - "value": "{modes.color.interactive.monochrome.hoverAlt}", + "value": "{modes.color.interactive.monochrome.generic.hoverAlt}", "type": "color", "description": "For anchor nav, not tab." }, "border-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "border-enabled": { @@ -110,27 +110,27 @@ "type": "color" }, "icon-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" }, "icon-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "icon-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.withHover}", + "value": "{modes.color.interactive.monochrome.generic.withHover}", "type": "color" }, "navigation": { @@ -158,11 +158,11 @@ "type": "color" }, "label-error": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" }, "label-warning": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color" } } @@ -208,9 +208,16 @@ }, "borderwidth": { "navigation": { - "value": "{global.borderwidth.S}", - "type": "borderWidth", - "description": "Tab (enabled and hover bottom border)" + "bottom": { + "value": "{global.borderwidth.L}", + "type": "borderWidth", + "description": "Tab (enabled and hover bottom border)" + }, + "side": { + "value": "{global.borderwidth.S}", + "type": "borderWidth", + "description": "Tab (enabled and hover bottom border)" + } } }, "typography": { diff --git a/data/tokens/components/table.json b/data/tokens/components/table.json index 269ff295..c0305114 100644 --- a/data/tokens/components/table.json +++ b/data/tokens/components/table.json @@ -4,7 +4,7 @@ "header": { "subtle": { "bg-alt": { - "value": "{modes.color.interactive.monochrome.defaultAlt3}", + "value": "{modes.color.interactive.monochrome.subtle.default}", "type": "color", "description": "header alt" }, @@ -13,7 +13,7 @@ "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hover}", + "value": "{modes.color.interactive.monochrome.generic.hover}", "type": "color" }, "border-default": { @@ -22,38 +22,38 @@ "description": "Header borders" }, "label-default": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" } }, "harsh": { "bg-alt": { - "value": "{modes.color.interactive.monochrome.defaultAlt}", + "value": "{modes.color.interactive.monochrome.generic.defaultAlt}", "type": "color", "description": "header alt" }, "bg-default": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.hover}", + "value": "{modes.color.interactive.monochrome.generic.hover}", "type": "color" }, "border-default": { - "value": "{modes.color.interactive.monochrome.defaultAlt2}", + "value": "{modes.color.interactive.monochrome.subtle.defaultAlt}", "type": "color" }, "label-default": { - "value": "{modes.color.interactive.monochrome.withDefault}", + "value": "{modes.color.interactive.monochrome.generic.withDefault}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" } } @@ -64,7 +64,7 @@ "type": "color" }, "bg-active": { - "value": "{modes.color.interactive.monochrome.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color" }, "bg-default": { @@ -95,11 +95,11 @@ "type": "color" }, "label-activated": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.withActive}", + "value": "{modes.color.interactive.monochrome.generic.withActive}", "type": "color" }, "label-default": { @@ -122,7 +122,7 @@ "description": "Header borders" }, "label-default": { - "value": "{modes.color.interactive.monochrome.default}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" } } diff --git a/data/tokens/context/frozenproduct.json b/data/tokens/context/frozenproduct.json index 97b0c7fb..18c007a3 100644 --- a/data/tokens/context/frozenproduct.json +++ b/data/tokens/context/frozenproduct.json @@ -4,53 +4,53 @@ "typical": { "secondary": { "bg-active": { - "value": "{modes.color.interactive.primary.legacy.active}", + "value": "{modes.color.interactive.primary.frozen.active}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.primary.legacy.hover}", + "value": "{modes.color.interactive.primary.frozen.hover}", "type": "color" }, "border-active": { - "value": "{modes.color.interactive.primary.legacy.active}", + "value": "{modes.color.interactive.primary.frozen.active}", "type": "color" }, "border-enabled": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color" }, "border-hover": { - "value": "{modes.color.interactive.primary.legacy.hover}", + "value": "{modes.color.interactive.primary.frozen.hover}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color" } }, "tertiary": { "bg-active": { - "value": "{modes.color.interactive.primary.legacy.active}", + "value": "{modes.color.interactive.primary.frozen.active}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.primary.legacy.hover}", + "value": "{modes.color.interactive.primary.frozen.hover}", "type": "color" }, "border-active": { - "value": "{modes.color.interactive.primary.legacy.active}", + "value": "{modes.color.interactive.primary.frozen.active}", "type": "color" }, "border-enabled": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color" }, "border-hover": { - "value": "{modes.color.interactive.primary.legacy.hover}", + "value": "{modes.color.interactive.primary.frozen.hover}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color" }, "bg-enabled": { @@ -60,96 +60,60 @@ }, "primary": { "bg-active": { - "value": "{modes.color.interactive.primary.legacy.active}", + "value": "{modes.color.interactive.primary.frozen.active}", "type": "color" }, "bg-enabled": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.primary.legacy.hover}", + "value": "{modes.color.interactive.primary.frozen.hover}", "type": "color" } }, "subtle": { "bg-active": { - "value": "{modes.color.interactive.monochrome.legacy.activeAlt}", + "value": "{modes.color.interactive.monochrome.frozen.activeAlt}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.legacy.hoverAlt}", + "value": "{modes.color.interactive.monochrome.frozen.hoverAlt}", "type": "color" }, "label-active": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{modes.color.interactive.monochrome.frozen.active}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.legacy.default}", + "value": "{modes.color.interactive.monochrome.frozen.default}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.legacy.withHover}", + "value": "{modes.color.interactive.monochrome.frozen.withHover}", "type": "color" } } } } }, - "form": { - "radius": { - "checkbox": { - "value": "{global.radius.interactive.XS}", - "type": "borderRadius", - "description": "S and M checkbox" - }, - "texteditorfooter": { - "value": "{global.radius.interactive.S}", - "type": "borderRadius", - "description": "AI text editor footer" - }, - "colorpicker": { - "value": "{global.radius.interactive.L}", - "type": "borderRadius", - "description": "Color picker (swatch container), \n" - }, - "dropdown": { - "value": "{popover.radius.container}", - "type": "borderRadius", - "description": "REF POPOVER. Popover container." - }, - "fileupload": { - "value": "{global.radius.interactive.S}", - "type": "borderRadius", - "description": "File input (file uploads)" - }, - "fileselector": { - "value": "{global.radius.interactive.S}", - "type": "borderRadius", - "description": "File preview (file selector asset)" - }, - "input": { - "value": "{global.radius.interactive.S}", - "type": "borderRadius", - "description": "Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input" - }, - "validationbar": { - "value": "{global.radius.interactive.XXS}", - "type": "borderRadius", - "description": "Validation bar" - } - }, + "container": { "color": { - "typical": { - "border-enabled": { - "value": "{modes.color.interactive.dataEntry.legacy.withDefault}", + "interactive": { + "detailedicon": { + "bg": { + "value": "{modes.color.custom.frozen}", + "type": "color" + } + } + }, + "blockquote": { + "border": { + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color" } } - } - }, - "container": { + }, "radius": { "card": { "moderate": { @@ -203,15 +167,81 @@ } } }, + "form": { + "radius": { + "checkbox": { + "value": "{global.radius.interactive.XS}", + "type": "borderRadius", + "description": "S and M checkbox" + }, + "texteditorfooter": { + "value": "{global.radius.interactive.S}", + "type": "borderRadius", + "description": "AI text editor footer" + }, + "colorpicker": { + "value": "{global.radius.interactive.L}", + "type": "borderRadius", + "description": "Color picker (swatch container), \n" + }, + "dropdown": { + "value": "{popover.radius.container}", + "type": "borderRadius", + "description": "REF POPOVER. Popover container." + }, + "fileupload": { + "value": "{global.radius.interactive.S}", + "type": "borderRadius", + "description": "File input (file uploads)" + }, + "fileselector": { + "value": "{global.radius.interactive.S}", + "type": "borderRadius", + "description": "File preview (file selector asset)" + }, + "input": { + "value": "{global.radius.interactive.S}", + "type": "borderRadius", + "description": "Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input" + }, + "validationbar": { + "value": "{global.radius.interactive.XXS}", + "type": "borderRadius", + "description": "Validation bar" + } + }, + "color": { + "typical": { + "border-enabled": { + "value": "{modes.color.interactive.dataEntry.frozen.withDefault}", + "type": "color" + } + } + } + }, + "link": { + "color": { + "typical": { + "label-default": { + "value": "{modes.color.interactive.primary.frozen.defaultAlt}", + "type": "color" + }, + "label-hover": { + "value": "{modes.color.interactive.primary.frozen.hoverAlt}", + "type": "color" + } + } + } + }, "global": { "fontSize": { "adaptive": { "step-2": { - "value": "11", + "value": "12", "type": "fontSizes" }, "step-1": { - "value": "12", + "value": "13", "type": "fontSizes" }, "step0": { @@ -237,32 +267,6 @@ "step5": { "value": "24", "type": "fontSizes" - }, - "step11": { - "value": "82", - "type": "fontSizes" - }, - "heading": { - "step1": { - "value": "16", - "type": "fontSizes" - }, - "step2": { - "value": "18", - "type": "fontSizes" - }, - "step3": { - "value": "20", - "type": "fontSizes" - }, - "step4": { - "value": "22", - "type": "fontSizes" - }, - "step5": { - "value": "24", - "type": "fontSizes" - } } } }, @@ -305,32 +309,52 @@ "popover": { "color": { "bg-active": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{modes.color.interactive.monochrome.frozen.active}", "type": "color" }, "bg-activealt": { - "value": "{modes.color.interactive.monochrome.legacy.hoverAlt}", + "value": "{modes.color.interactive.monochrome.frozen.hoverAlt}", "type": "color" }, "bg-hover": { - "value": "{modes.color.interactive.monochrome.legacy.hoverAlt}", + "value": "{modes.color.interactive.monochrome.frozen.hoverAlt}", "type": "color" }, "label-activealt": { - "value": "{modes.color.interactive.monochrome.legacy.withHover}", + "value": "{modes.color.interactive.monochrome.frozen.withHover}", "type": "color" }, "label-hover": { - "value": "{modes.color.interactive.monochrome.legacy.withHover}", + "value": "{modes.color.interactive.monochrome.frozen.withHover}", "type": "color" }, "label-enabled": { - "value": "{modes.color.interactive.monochrome.legacy.default}", + "value": "{modes.color.interactive.monochrome.frozen.default}", "type": "color" } } }, "status": { + "color": { + "rating": { + "bg-default": { + "value": "{modes.color.status.reviews.frozen.default}", + "type": "color" + }, + "bg-defaultAlt": { + "value": "{modes.color.status.reviews.frozen.defaultAlt}", + "type": "color" + }, + "bg-hover": { + "value": "{modes.color.status.reviews.frozen.hover}", + "type": "color" + }, + "border-default": { + "value": "{modes.color.status.reviews.frozen.default}", + "type": "color" + } + } + }, "radius": { "pill": { "value": "{global.radius.container.XS}", @@ -338,5 +362,15 @@ "description": "Pill (outer corners)" } } + }, + "table": { + "color": { + "row": { + "bg-activated": { + "value": "{modes.color.interactive.primary.frozen.default}", + "type": "color" + } + } + } } } \ No newline at end of file diff --git a/data/tokens/context/marketing.json b/data/tokens/context/marketing.json index 9e729811..4049ca88 100644 --- a/data/tokens/context/marketing.json +++ b/data/tokens/context/marketing.json @@ -1,98 +1,4 @@ { - "page": { - "typography": { - "responsive": { - "hero": { - "h1": { - "value": "{global.typography.responsive.display.L}", - "type": "typography" - }, - "h2": { - "value": "{global.typography.responsive.display.M}", - "type": "typography" - } - }, - "H1": { - "value": "{global.typography.responsive.heading.XL}", - "type": "typography" - }, - "H2": { - "value": "{global.typography.responsive.heading.L}", - "type": "typography" - }, - "H3": { - "value": "{global.typography.responsive.heading.M}", - "type": "typography" - }, - "H4": { - "value": "{global.typography.responsive.heading.S}", - "type": "typography" - }, - "H5": { - "value": "{global.typography.responsive.subheading.M}", - "type": "typography" - }, - "p": { - "typical": { - "value": "{global.typography.responsive.body.M}", - "type": "typography" - }, - "large": { - "value": "{global.typography.responsive.body.L}", - "type": "typography" - } - } - }, - "adaptive": { - "H1": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step5}" - }, - "type": "typography" - }, - "H2": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step4}" - }, - "type": "typography" - }, - "H4": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.bold}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step2}" - }, - "type": "typography" - }, - "H5": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.medium}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.heading.step1}" - }, - "type": "typography" - }, - "p": { - "typical": { - "value": "{global.typography.adaptive.body.M}", - "type": "typography" - }, - "large": { - "value": "{global.typography.adaptive.body.L}", - "type": "typography" - } - } - } - } - }, "button": { "color": { "typical": { @@ -111,9 +17,21 @@ }, "video": { "primary": { - "label-enabled": { + "bg-enabled": { "value": "{modes.color.interactive.monochrome.marketing.withActive}", "type": "color" + }, + "bg-hover": { + "value": "{modes.color.interactive.monochrome.marketing.withActive}", + "type": "color" + }, + "label-enabled": { + "value": "{modes.color.interactive.monochrome.generic.default}", + "type": "color" + }, + "label-hover": { + "value": "{modes.color.interactive.monochrome.generic.default}", + "type": "color" } } } @@ -270,31 +188,241 @@ } }, "global": { - "fontSize": { + "typography": { + "responsive": { + "heading": { + "S": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{primitives.fontSize.responsive.marketing.step4}" + }, + "type": "typography", + "description": "Small Viewports: 18.66, Large Viewports: 21.53" + }, + "M": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{primitives.fontSize.responsive.marketing.step5}" + }, + "type": "typography", + "description": "Small Viewports: 20.16, Large Viewports: 24.97" + }, + "L": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{primitives.fontSize.responsive.marketing.step7}" + }, + "type": "typography", + "description": "Small Viewports: 23.51, Large Viewports: 33.61" + } + }, + "subheading": { + "M": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{primitives.fontSize.responsive.marketing.step0}" + }, + "type": "typography", + "description": "Small Viewports: 17.28, Large Viewports: 18.56" + }, + "L": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{primitives.fontSize.responsive.marketing.step2}" + }, + "type": "typography", + "description": "Small Viewports: 18.66, Large Viewports: 21.53" + } + }, + "body": { + "S": { + "value": { + "fontFamily": "{global.fontFamilies.sage-text}", + "fontWeight": "{primitives.fontWeights.regular}", + "lineHeight": "{primitives.lineHeights.500}", + "fontSize": "{primitives.fontSize.responsive.marketing.step-1}", + "paragraphSpacing": "{primitives.paragraphSpacing.200}" + }, + "type": "typography", + "description": "Small Viewports: 16, Large Viewports: 16" + }, + "M": { + "value": { + "fontFamily": "{global.fontFamilies.sage-text}", + "fontWeight": "{primitives.fontWeights.regular}", + "lineHeight": "{primitives.lineHeights.500}", + "fontSize": "{primitives.fontSize.responsive.marketing.step0}", + "paragraphSpacing": "{primitives.paragraphSpacing.300}" + }, + "type": "typography", + "description": "Small Viewports: 17.28, Large Viewports: 18.56" + }, + "L": { + "value": { + "fontFamily": "{global.fontFamilies.sage-text}", + "fontWeight": "{primitives.fontWeights.regular}", + "lineHeight": "{primitives.lineHeights.500}", + "fontSize": "{primitives.fontSize.responsive.marketing.step1}", + "paragraphSpacing": "{primitives.paragraphSpacing.300}" + }, + "type": "typography", + "description": "Small Viewports: 17.28, Large Viewports: 18.56" + } + } + }, "adaptive": { "heading": { - "step1": { - "value": "22", - "type": "fontSizes" + "S": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{global.fontSize.adaptive.step4}" + }, + "type": "typography" }, - "step2": { - "value": "25", - "type": "fontSizes" + "M": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{global.fontSize.adaptive.step5}" + }, + "type": "typography" }, - "step3": { - "value": "34", - "type": "fontSizes" + "L": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{global.fontSize.adaptive.step7}" + }, + "type": "typography" + } + }, + "subheading": { + "M": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{global.fontSize.adaptive.step0}" + }, + "type": "typography" }, - "step4": { - "value": "45", - "type": "fontSizes" + "L": { + "value": { + "fontFamily": "{global.fontFamilies.sage-headline}", + "fontWeight": "{primitives.fontWeights.bold}", + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{global.fontSize.adaptive.step2}" + }, + "type": "typography", + "description": "Small Viewports: 18.66, Large Viewports: 21.53" + } + }, + "body": { + "S": { + "value": { + "fontFamily": "{global.fontFamilies.sage-text}", + "fontWeight": "{primitives.fontWeights.regular}", + "lineHeight": "{primitives.lineHeights.500}", + "fontSize": "{global.fontSize.adaptive.step-1}", + "paragraphSpacing": "{primitives.paragraphSpacing.200}" + }, + "type": "typography", + "description": "Small Viewports: 16, Large Viewports: 16" }, - "step5": { - "value": "52", - "type": "fontSizes" + "M": { + "value": { + "fontFamily": "{global.fontFamilies.sage-text}", + "fontWeight": "{primitives.fontWeights.regular}", + "lineHeight": "{primitives.lineHeights.500}", + "fontSize": "{global.fontSize.adaptive.step0}", + "paragraphSpacing": "{primitives.paragraphSpacing.300}" + }, + "type": "typography", + "description": "Small Viewports: 17.28, Large Viewports: 18.56" + }, + "L": { + "value": { + "fontFamily": "{global.fontFamilies.sage-text}", + "fontWeight": "{primitives.fontWeights.regular}", + "lineHeight": "{primitives.lineHeights.500}", + "fontSize": "{global.fontSize.adaptive.step1}", + "paragraphSpacing": "{primitives.paragraphSpacing.300}" + }, + "type": "typography", + "description": "Small Viewports: 17.28, Large Viewports: 18.56" } } } + }, + "fontSize": { + "adaptive": { + "step-2": { + "value": "13.38", + "type": "fontSizes" + }, + "step-1": { + "value": "15.52", + "type": "fontSizes" + }, + "step0": { + "value": "18", + "type": "fontSizes" + }, + "step1": { + "value": "20.88", + "type": "fontSizes" + }, + "step2": { + "value": "24.22", + "type": "fontSizes" + }, + "step3": { + "value": "28.10", + "type": "fontSizes" + }, + "step4": { + "value": "32.59", + "type": "fontSizes" + }, + "step5": { + "value": "37.81", + "type": "fontSizes" + }, + "step6": { + "value": "43.86", + "type": "fontSizes" + }, + "step7": { + "value": "50.87", + "type": "fontSizes" + }, + "step8": { + "value": "59.01", + "type": "fontSizes" + }, + "step9": { + "value": "68.45", + "type": "fontSizes" + }, + "step10": { + "value": "79.41", + "type": "fontSizes" + } + } } } } \ No newline at end of file diff --git a/data/tokens/context/product.json b/data/tokens/context/product.json index 9020d73f..f3546003 100644 --- a/data/tokens/context/product.json +++ b/data/tokens/context/product.json @@ -1,29 +1,10 @@ { "global": { - "fontSize": { - "adaptive": { - "heading": { - "step1": { - "value": "19", - "type": "fontSizes" - }, - "step2": { - "value": "22", - "type": "fontSizes" - }, - "step3": { - "value": "25", - "type": "fontSizes" - }, - "step4": { - "value": "29", - "type": "fontSizes" - }, - "step5": { - "value": "34", - "type": "fontSizes" - } - } + "space": { + "macroScale": { + "value": "1", + "type": "spacing", + "description": "included so that dev can build the product context token set (not needed for design purposes)" } } } diff --git a/data/tokens/global/space.json b/data/tokens/global/space.json index e510106a..09025299 100644 --- a/data/tokens/global/space.json +++ b/data/tokens/global/space.json @@ -44,6 +44,14 @@ } }, "macro": { + "XXXS": { + "value": "{primitives.dimension.100} * {global.space.macroScale}", + "type": "spacing" + }, + "XXS": { + "value": "{primitives.dimension.150} * {global.space.macroScale}", + "type": "spacing" + }, "XS": { "value": "{primitives.dimension.200} * {global.space.macroScale}", "type": "spacing" diff --git a/data/tokens/global/typography.json b/data/tokens/global/typography.json index 34b67c89..64f83d23 100644 --- a/data/tokens/global/typography.json +++ b/data/tokens/global/typography.json @@ -2,110 +2,58 @@ "global": { "typography": { "responsive": { - "display": { - "M": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{primitives.fontSize.responsive.step10}" - }, - "type": "typography", - "description": "Small Viewports: 34.54, Large Viewports: 70.58" - }, - "L": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{primitives.fontSize.responsive.step12}" - }, - "type": "typography", - "description": "Small Viewports: 40.30, Large Viewports: 94.96" - } - }, "heading": { - "XS": { + "S": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.bold}", - "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step2}" + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{primitives.fontSize.responsive.product.step2}" }, "type": "typography", "description": "Small Viewports: 18.66, Large Viewports: 21.53" }, - "S": { + "M": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.bold}", - "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step3}" + "lineHeight": "{primitives.lineHeights.400}", + "fontSize": "{primitives.fontSize.responsive.product.step3}" }, "type": "typography", "description": "Small Viewports: 20.16, Large Viewports: 24.97" }, - "M": { + "L": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.bold}", "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{primitives.fontSize.responsive.step5}" + "fontSize": "{primitives.fontSize.responsive.product.step5}" }, "type": "typography", "description": "Small Viewports: 23.51, Large Viewports: 33.61" - }, - "L": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{primitives.fontSize.responsive.step7}" - }, - "type": "typography", - "description": "Small Viewports: 27.42, Large Viewports: 45.22" - }, - "XL": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{primitives.fontSize.responsive.step8}" - }, - "type": "typography", - "description": "Small Viewports: 29.61, Large Viewports: 52.45" } }, "subheading": { - "S": { + "M": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step1}" + "fontSize": "{primitives.fontSize.responsive.product.step1}" }, "type": "typography", "description": "Small Viewports: 17.28, Large Viewports: 18.56" }, - "M": { + "L": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step2}" + "fontSize": "{primitives.fontSize.responsive.product.step2}" }, "type": "typography", "description": "Small Viewports: 18.66, Large Viewports: 21.53" - }, - "L": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.medium}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{primitives.fontSize.responsive.step5}" - }, - "type": "typography", - "description": "Small Viewports: 23.51, Large Viewports: 33.61" } }, "body": { @@ -114,7 +62,7 @@ "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step0}", + "fontSize": "{primitives.fontSize.responsive.product.step0}", "paragraphSpacing": "{primitives.paragraphSpacing.200}" }, "type": "typography", @@ -125,7 +73,7 @@ "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step2}", + "fontSize": "{primitives.fontSize.responsive.product.step1}", "paragraphSpacing": "{primitives.paragraphSpacing.300}" }, "type": "typography", @@ -136,11 +84,11 @@ "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step3}", - "paragraphSpacing": "{primitives.paragraphSpacing.400}" + "fontSize": "{primitives.fontSize.responsive.product.step2}", + "paragraphSpacing": "{primitives.paragraphSpacing.300}" }, "type": "typography", - "description": "Small Viewports: 20.16, Large Viewports: 24.97" + "description": "Small Viewports: 18.66, Large Viewports: 21.53" } }, "component": { @@ -150,7 +98,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step-2}", + "fontSize": "{primitives.fontSize.responsive.product.step-2}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -161,7 +109,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step-1}", + "fontSize": "{primitives.fontSize.responsive.product.step-1}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -172,7 +120,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step0}", + "fontSize": "{primitives.fontSize.responsive.product.step0}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -183,7 +131,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step1}", + "fontSize": "{primitives.fontSize.responsive.product.step1}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -196,7 +144,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step-1}", + "fontSize": "{primitives.fontSize.responsive.product.step-1}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -207,7 +155,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step-1}", + "fontSize": "{primitives.fontSize.responsive.product.step-1}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -218,7 +166,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step0}", + "fontSize": "{primitives.fontSize.responsive.product.step0}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -229,7 +177,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step1}", + "fontSize": "{primitives.fontSize.responsive.product.step1}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -272,7 +220,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step-1}", + "fontSize": "{primitives.fontSize.responsive.product.step-1}", "textDecoration": "{primitives.textDecoration.underline}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, @@ -284,7 +232,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step0}", + "fontSize": "{primitives.fontSize.responsive.product.step0}", "textDecoration": "{primitives.textDecoration.underline}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, @@ -296,7 +244,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step1}", + "fontSize": "{primitives.fontSize.responsive.product.step1}", "textDecoration": "{primitives.textDecoration.underline}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, @@ -310,7 +258,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step-1}", + "fontSize": "{primitives.fontSize.responsive.product.step-1}", "textDecoration": "{primitives.textDecoration.underline}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, @@ -322,7 +270,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step0}", + "fontSize": "{primitives.fontSize.responsive.product.step0}", "textDecoration": "{primitives.textDecoration.underline}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, @@ -334,7 +282,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step1}", + "fontSize": "{primitives.fontSize.responsive.product.step1}", "textDecoration": "{primitives.textDecoration.underline}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, @@ -349,7 +297,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step-2}", + "fontSize": "{primitives.fontSize.responsive.product.step-2}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -360,7 +308,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step0}", + "fontSize": "{primitives.fontSize.responsive.product.step0}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -371,7 +319,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step2}", + "fontSize": "{primitives.fontSize.responsive.product.step2}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -382,7 +330,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step4}", + "fontSize": "{primitives.fontSize.responsive.product.step4}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -393,7 +341,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step6}", + "fontSize": "{primitives.fontSize.responsive.product.step6}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -404,7 +352,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step8}", + "fontSize": "{primitives.fontSize.responsive.product.step8}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -415,7 +363,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{primitives.fontSize.responsive.step10}", + "fontSize": "{primitives.fontSize.responsive.product.step10}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -428,7 +376,7 @@ "fontFamily": "{global.fontFamilies.sage-ui}", "fontWeight": "{primitives.fontWeights.medium}", "lineHeight": "{primitives.lineHeights.300}", - "fontSize": "{primitives.fontSize.responsive.step-2}", + "fontSize": "{primitives.fontSize.responsive.product.step-2}", "paragraphSpacing": "{primitives.paragraphSpacing.0}" }, "type": "typography", @@ -438,28 +386,8 @@ } }, "adaptive": { - "display": { - "M": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.step10}" - }, - "type": "typography" - }, - "L": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.step12}" - }, - "type": "typography" - } - }, "heading": { - "XS": { + "S": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.bold}", @@ -468,7 +396,7 @@ }, "type": "typography" }, - "S": { + "M": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.bold}", @@ -477,7 +405,7 @@ }, "type": "typography" }, - "M": { + "L": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.bold}", @@ -485,29 +413,10 @@ "fontSize": "{global.fontSize.adaptive.step5}" }, "type": "typography" - }, - "L": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.step7}" - }, - "type": "typography", - "description": "Small Viewports: 27.42, Large Viewports: 45.22" - }, - "XL": { - "value": { - "fontFamily": "{global.fontFamilies.sage-headline}", - "fontWeight": "{primitives.fontWeights.black}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.step8}" - }, - "type": "typography" } }, "subheading": { - "S": { + "M": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.medium}", @@ -516,7 +425,7 @@ }, "type": "typography" }, - "M": { + "L": { "value": { "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.medium}", @@ -525,15 +434,6 @@ }, "type": "typography", "description": "Small Viewports: 18.66, Large Viewports: 21.53" - }, - "L": { - "value": { - "fontFamily": "{global.fontFamilies.sage-text}", - "fontWeight": "{primitives.fontWeights.medium}", - "lineHeight": "{primitives.lineHeights.400}", - "fontSize": "{global.fontSize.adaptive.step5}" - }, - "type": "typography" } }, "body": { @@ -553,7 +453,7 @@ "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{global.fontSize.adaptive.step2}", + "fontSize": "{global.fontSize.adaptive.step1}", "paragraphSpacing": "{primitives.paragraphSpacing.300}" }, "type": "typography", @@ -564,11 +464,11 @@ "fontFamily": "{global.fontFamilies.sage-text}", "fontWeight": "{primitives.fontWeights.regular}", "lineHeight": "{primitives.lineHeights.500}", - "fontSize": "{global.fontSize.adaptive.step3}", - "paragraphSpacing": "{primitives.paragraphSpacing.400}" + "fontSize": "{global.fontSize.adaptive.step2}", + "paragraphSpacing": "{primitives.paragraphSpacing.300}" }, "type": "typography", - "description": "Small Viewports: 20.16, Large Viewports: 24.97" + "description": "Small Viewports: 18.66, Large Viewports: 21.53" } }, "component": { @@ -919,36 +819,6 @@ "step10": { "value": "71", "type": "fontSizes" - }, - "step11": { - "value": "82", - "type": "fontSizes" - }, - "step12": { - "value": "95", - "type": "fontSizes" - }, - "heading": { - "step1": { - "value": "19", - "type": "fontSizes" - }, - "step2": { - "value": "22", - "type": "fontSizes" - }, - "step3": { - "value": "25", - "type": "fontSizes" - }, - "step4": { - "value": "29", - "type": "fontSizes" - }, - "step5": { - "value": "34", - "type": "fontSizes" - } } } }, diff --git a/data/tokens/modes/dark.json b/data/tokens/modes/dark.json index 06f82a01..e743c1df 100644 --- a/data/tokens/modes/dark.json +++ b/data/tokens/modes/dark.json @@ -14,16 +14,70 @@ } } }, - "brandreference": { - "custom1": { - "value": "{primitives.colors.emerald}", + "brand": { + "default": { + "value": "{primitives.colors.brilliantGreen}", + "type": "color" + }, + "defaultAlt": { + "value": "{primitives.colors.white}", + "type": "color" + }, + "withDefaultAlt": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "copilot": { + "AIIdentifier": { + "default": { + "value": "{primitives.colors.white}", + "type": "color" + }, + "withDefault": { + "value": "{primitives.colors.brilliantGreen}", + "type": "color" + } + }, + "noBg": { + "S": { + "value": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)", + "type": "color" + }, + "star": { + "value": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)", + "type": "color" + }, + "mono": { + "value": "{primitives.colors.white}", + "type": "color" + } + }, + "withBg": { + "S": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "star": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "bg": { + "value": "{primitives.colors.white}", + "type": "color" + } + } + } + }, + "custom": { + "default": { + "value": "{primitives.colors.brilliantGreen}", "type": "color", - "description": "This is the color to replace in white label products. \nEnsure luminousity of custom color = 46.8 (see hsluv.org). \nAAA against FFFFFF bg." + "description": "This is the color to replace in white label products. Dark mode recommended luminosity is 75.1 (tested), but above 52.1 may be ok. See hsluv.org) to be AAA text on 000000 bgs." }, - "custom2": { + "frozen": { "value": "{primitives.colors.brilliantGreen}", "type": "color", - "description": "This is the color to replace in white label products. Ensure luminousity of custom color is >=52.1 (see hsluv.org) to be AAA text on 000000 bgs." + "description": "Replace this color in white label products that use the FROZEN theme. \nEnsure luminousity of custom color = 46.8 (see hsluv.org). \nAAA against FFFFFF bg." } }, "generic": { @@ -144,8 +198,7 @@ "modify": { "type": "alpha", "value": "0.95", - "space": "lch", - "color": "{modes.color.modifier.contrastLess}" + "space": "lch" } } } @@ -199,8 +252,7 @@ "modify": { "type": "alpha", "value": "0.3", - "space": "lch", - "color": "{modes.color.modifier.contrastLess}" + "space": "lch" } } }, @@ -297,11 +349,11 @@ "interactive": { "ai": { "active": { - "value": "linear-gradient(90deg, rgba(#00D639,0.15) 0%, rgba(#00d6de,0.15) 40%, rgba(#9d60ff,0.15) 90%)", + "value": "linear-gradient(90deg, #00D63926 0%, #00d6de26 40%, #9d60ff26 90%)", "type": "color" }, "hover": { - "value": "linear-gradient(90deg, rgba(#00D639,0.08) 0%, rgba(#00d6de,0.08) 40%, rgba(#9d60ff,0.08) 90%)", + "value": "linear-gradient(90deg, #00D63914 0%, #00d6de14 40%, #9d60ff14 90%)", "type": "color" }, "default": { @@ -366,8 +418,7 @@ "modify": { "type": "alpha", "value": "{modes.color.modifiers.button.hover} ", - "space": "lch", - "color": "{modes.color.modifier.contrastMore}" + "space": "lch" } } }, @@ -452,7 +503,7 @@ "type": "color", "description": "Hint text, placeholder text, character count etc" }, - "legacy": { + "frozen": { "withDefault": { "value": "{modes.color.generic.fg.moderate}", "type": "color", @@ -525,183 +576,186 @@ } }, "monochrome": { - "active": { - "value": "{primitives.colors.white}", - "type": "color" - }, - "activeAlt": { - "value": "{modes.color.interactive.monochrome.default}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.activeAlt}", - "space": "lch" - } - } - } - }, - "default": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.9", - "space": "lch" - } - } - } - }, - "defaultAlt": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.67", - "space": "lch" - } - } - } - }, - "defaultAlt2": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.50", - "space": "lch" - } - } + "frozen": { + "active": { + "value": "{primitives.colors.white}", + "type": "color" }, - "description": "border color for off switches" - }, - "defaultAlt3": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.04", - "space": "lch" + "activeAlt": { + "value": "{modes.color.interactive.monochrome.frozen.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "{modes.color.modifiers.button.activeAlt} ", + "space": "lch" + } } } }, - "description": "default bg color for tertiary button" - }, - "hover": { - "value": "{primitives.colors.white}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover}", - "space": "lch" - } - } - } - }, - "hoverAlt": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hoverAlt} ", - "space": "lch", - "color": "{modes.color.modifier.contrastMore}" + "default": { + "value": "{modes.color.interactive.monochrome.frozen.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.9", + "space": "lch" + } } } }, - "description": "Accordion and menu bg on hover\n" - }, - "withActive": { - "value": "{primitives.colors.black}", - "type": "color" - }, - "withActiveAlt": { - "value": "{modes.color.interactive.monochrome.default}", - "type": "color" - }, - "withDefault": { - "value": "{primitives.colors.black}", - "type": "color" - }, - "withHover": { - "value": "{modes.color.generic.content.extreme}", - "type": "color" - }, - "marketing": { - "withActive": { - "value": "{primitives.colors.black}", + "hoverAlt": { + "value": "{modes.color.interactive.monochrome.frozen.active}", "type": "color", - "description": "use for marketing overrides for switch handle on standard" + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "{modes.color.modifiers.button.hoverAlt} ", + "space": "lch" + } + } + } }, - "active": { - "value": "{primitives.colors.brilliantGreen}", - "type": "color", - "description": "needed for specific marketing usecase on light bg" + "withHover": { + "value": "{modes.color.interactive.monochrome.frozen.active}", + "type": "color" } }, - "legacy": { + "generic": { "active": { "value": "{primitives.colors.white}", "type": "color" }, "activeAlt": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "alpha", - "value": "{modes.color.modifiers.button.activeAlt} ", + "value": "{modes.color.modifiers.button.activeAlt}", "space": "lch" } } } }, "default": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "alpha", "value": "0.9", - "space": "lch", - "color": "{modes.color.modifier.contrastLess} " + "space": "lch" } } } }, + "defaultAlt": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.67", + "space": "lch" + } + } + }, + "description": "subtle and toggle button text" + }, "hoverAlt": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{primitives.colors.white}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "alpha", - "value": "{modes.color.modifiers.button.hoverAlt} ", - "space": "lch", - "color": "{modes.color.modifier.contrastMore}" + "value": "{modes.color.modifiers.button.hoverAlt}", + "space": "lch" } } - } + }, + "description": "Accordion, secondary, tertiary, menu bg on hover" + }, + "hover": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "{modes.color.modifiers.button.hover} ", + "space": "lch" + } + } + }, + "description": "subtle table header hover" + }, + "withActive": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "withActiveAlt": { + "value": "{modes.color.interactive.monochrome.generic.default}", + "type": "color" + }, + "withDefault": { + "value": "{primitives.colors.black}", + "type": "color" }, "withHover": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{modes.color.generic.content.extreme}", "type": "color" } + }, + "marketing": { + "withActive": { + "value": "{primitives.colors.black}", + "type": "color", + "description": "use for marketing overrides for switch handle on standard" + }, + "active": { + "value": "{primitives.colors.brilliantGreen}", + "type": "color", + "description": "needed for specific marketing usecase on light bg" + } + }, + "subtle": { + "defaultAlt": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.50", + "space": "lch" + } + } + }, + "description": "border color for off switches" + }, + "default": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.08", + "space": "lch" + } + } + }, + "description": "subtle table header hover" + } } }, "primary": { @@ -720,7 +774,7 @@ } }, "default": { - "value": "{modes.color.brandreference.custom2}", + "value": "{modes.color.custom.default}", "type": "color" }, "defaultAlt": { @@ -730,7 +784,7 @@ "studio.tokens": { "modify": { "type": "mix", - "value": "{modes.color.modifiers.link.default}", + "value": "{modes.color.modifiers.link.enabled}", "space": "lch", "color": "{modes.color.modifier.contrastLess} " } @@ -779,9 +833,9 @@ "value": "{primitives.colors.black}", "type": "color" }, - "legacy": { + "frozen": { "active": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color", "$extensions": { "studio.tokens": { @@ -795,11 +849,25 @@ } }, "default": { - "value": "{modes.color.brandreference.custom2}", + "value": "{modes.color.custom.default}", "type": "color" }, + "defaultAlt": { + "value": "{modes.color.interactive.primary.frozen.default}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "{modes.color.modifiers.link.enabled}", + "space": "lch", + "color": "{modes.color.modifier.contrastMore}" + } + } + } + }, "hover": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color", "$extensions": { "studio.tokens": { @@ -811,6 +879,21 @@ } } } + }, + "hoverAlt": { + "value": "{modes.color.interactive.primary.frozen.defaultAlt}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "{modes.color.modifiers.link.hover} ", + "space": "lch", + "color": "{modes.color.modifier.contrastMore} " + } + } + }, + "description": "for link hover" } } }, @@ -822,7 +905,20 @@ "studio.tokens": { "modify": { "type": "alpha", - "value": "0.04", + "value": "0.08", + "space": "lch" + } + } + } + }, + "bgAlt": { + "value": "{primitives.colors.black}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.08", "space": "lch" } } @@ -852,7 +948,7 @@ }, "generic": { "default": { - "value": "{primitives.colors.teal}", + "value": "{primitives.colors.tealBright}", "type": "color" } }, @@ -862,18 +958,8 @@ "type": "color" }, "defaultAlt": { - "value": "{modes.color.modifier.contrastLess}", + "value": "{primitives.colors.orange}", "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "mix", - "value": "0.1", - "space": "lch", - "color": "{primitives.colors.orangeBright}" - } - } - }, "description": "Subtle message bg" }, "hover": { @@ -892,13 +978,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.caution.default}", + "value": "{modes.color.status.caution.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "{modes.color.modifiers.button.hoverAlt} ", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -929,7 +1015,7 @@ "type": "color" }, "loading": { - "value": "linear-gradient(135deg, rgba(#FFF,0.36) 0%, rgba(#FFF, 0.04) 100%)", + "value": "linear-gradient(135deg, #FFFFFF5C 0%, #FFFFFF0A 100%)", "type": "color", "description": "used on skeleton text" } @@ -952,18 +1038,8 @@ "type": "color" }, "defaultAlt": { - "value": "{primitives.colors.white}", + "value": "{primitives.colors.blue}", "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "mix", - "value": "0.1", - "space": "lch", - "color": "{primitives.colors.blueBright} " - } - } - }, "description": "Subtle message bg" }, "hover": { @@ -982,13 +1058,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.info.default}", + "value": "{modes.color.status.info.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "{modes.color.modifiers.button.hoverAlt} ", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1003,18 +1079,8 @@ "type": "color" }, "defaultAlt": { - "value": "{modes.color.modifier.contrastLess}", + "value": "{primitives.colors.red}", "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "mix", - "value": "0.1", - "space": "lch", - "color": "{primitives.colors.redBright}" - } - } - }, "description": "Subtle message bg" }, "hover": { @@ -1033,13 +1099,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.negative.default}", + "value": "{modes.color.status.negative.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "{modes.color.modifiers.button.hoverAlt} ", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1058,18 +1124,8 @@ "type": "color" }, "defaultAlt": { - "value": "{modes.color.modifier.contrastLess}", + "value": "{primitives.colors.storm}", "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "mix", - "value": "0.1", - "space": "lch", - "color": "{primitives.colors.stormBright}" - } - } - }, "description": "Subtle message bg" }, "hover": { @@ -1088,13 +1144,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.neutral.default}", + "value": "{modes.color.status.neutral.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "{modes.color.modifiers.button.hoverAlt} ", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1109,18 +1165,8 @@ "type": "color" }, "defaultAlt": { - "value": "{modes.color.modifier.contrastLess}", + "value": "{primitives.colors.green}", "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "mix", - "value": "0.1", - "space": "lch", - "color": "{modes.color.status.success.default} " - } - } - }, "description": "Subtle message bg" }, "hover": { @@ -1139,13 +1185,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.success.default}", + "value": "{modes.color.status.success.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "{modes.color.modifiers.button.hoverAlt}", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1155,33 +1201,48 @@ } }, "callout": { - "default": { - "value": "{modes.color.modifier.contrastLess}", + "defaultAlt": { + "value": "{primitives.colors.brilliantGreen}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "mix", - "value": "0.15", + "value": "0.4", "space": "lch", - "color": "{primitives.colors.brilliantGreen}" + "color": "{modes.color.modifier.contrastMore} " } } }, "description": "used for marketing banners" + }, + "hoverAlt": { + "value": "{modes.color.status.callout.defaultAlt}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "{modes.color.modifiers.button.hoverAlt} ", + "space": "lch", + "color": "{modes.color.modifier.contrastMore} " + } + } + }, + "description": "marketing banner hover\n" } }, "reviews": { "default": { - "value": "{primitives.colors.brilliantGreen}", + "value": "{modes.color.custom.default}", "type": "color" }, "defaultAlt": { - "value": "linear-gradient(90deg, #00D639 0%, #00D639 50%, #4B4B4B 50%, #4B4B4B 100%)", + "value": "linear-gradient(90deg, {modes.color.custom.default} 0%, {modes.color.custom.default} 50%, {modes.color.generic.bg.moderate} 50%, {modes.color.generic.bg.moderate} 100%)", "type": "color" }, "hover": { - "value": "{modes.color.status.success.default}", + "value": "{modes.color.custom.default}", "type": "color", "$extensions": { "studio.tokens": { @@ -1194,6 +1255,31 @@ } }, "description": "used on pill hover states" + }, + "frozen": { + "default": { + "value": "{modes.color.custom.frozen}", + "type": "color" + }, + "defaultAlt": { + "value": "linear-gradient(90deg, {modes.color.custom.frozen} 0%, {modes.color.custom.frozen} 50%, {modes.color.generic.bg.moderate} 50%, {modes.color.generic.bg.moderate} 100%)", + "type": "color" + }, + "hover": { + "value": "{modes.color.custom.frozen}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "{modes.color.modifiers.button.hover}", + "space": "lch", + "color": "{modes.color.modifier.contrastLess}" + } + } + }, + "description": "used on pill hover states" + } } } }, @@ -1243,7 +1329,7 @@ } }, "link": { - "default": { + "enabled": { "value": "0.12", "type": "other", "description": "for links - these need to be slightly darker than buttons for accessible contrast ratio in tables." diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json index e3e95c9e..09a9bf43 100644 --- a/data/tokens/modes/light.json +++ b/data/tokens/modes/light.json @@ -14,16 +14,70 @@ } } }, - "brandreference": { - "custom1": { + "brand": { + "default": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "defaultAlt": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "withDefaultAlt": { + "value": "{primitives.colors.white}", + "type": "color" + }, + "copilot": { + "AIIdentifier": { + "default": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "withDefault": { + "value": "{primitives.colors.brilliantGreen}", + "type": "color" + } + }, + "noBg": { + "S": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "star": { + "value": "{primitives.colors.black}", + "type": "color" + }, + "mono": { + "value": "{primitives.colors.black}", + "type": "color" + } + }, + "withBg": { + "S": { + "value": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)", + "type": "color" + }, + "star": { + "value": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)", + "type": "color" + }, + "bg": { + "value": "{primitives.colors.black}", + "type": "color" + } + } + } + }, + "custom": { + "default": { "value": "{primitives.colors.emerald}", "type": "color", "description": "This is the color to replace in white label products. \nEnsure luminousity of custom color = 46.8 (see hsluv.org). \nAAA against FFFFFF bg." }, - "custom2": { - "value": "{primitives.colors.brilliantGreen}", + "frozen": { + "value": "{primitives.colors.frozenJade}", "type": "color", - "description": "This is the color to replace in white label products. Ensure luminousity of custom color is =52.1 (see hsluv.org) to be AAA text on 000000 bgs." + "description": "This is a derivative of Jade, and is the color to replace in white label products that use the FROZEN theme. \nEnsure luminousity of custom color = 46.8 (see hsluv.org). \nAAA against FFFFFF bg." } }, "generic": { @@ -144,8 +198,7 @@ "modify": { "type": "alpha", "value": "0.95", - "space": "lch", - "color": "{modes.color.modifier.contrastLess}" + "space": "lch" } } } @@ -199,8 +252,7 @@ "modify": { "type": "alpha", "value": "0.32", - "space": "lch", - "color": "{modes.color.modifier.contrastLess}" + "space": "lch" } } }, @@ -295,28 +347,13 @@ } }, "interactive": { - "progress": { - "bg": { - "value": "{primitives.colors.black}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.04", - "space": "lch" - } - } - } - } - }, "ai": { "active": { - "value": "linear-gradient(90deg, rgba(#13A038,0.15) 0%, rgba(#149197,0.15) 40%, rgba(#a87cfb,0.15) 90%)", + "value": "linear-gradient(90deg, #13A03826 0%, #14919726 40%, #a87cfb26 90%)", "type": "color" }, "hover": { - "value": "linear-gradient(90deg, rgba(#13A038,0.08) 0%, rgba(#149197,0.08) 40%, rgba(#a87cfb,0.08) 90%)", + "value": "linear-gradient(90deg, #13A03814 0%, #14919714 40%, #a87cfb14 90%)", "type": "color" }, "default": { @@ -382,8 +419,7 @@ "modify": { "type": "alpha", "value": "{modes.color.modifiers.button.hover} ", - "space": "lch", - "color": "{modes.color.modifier.contrastMore}" + "space": "lch" } } }, @@ -468,7 +504,7 @@ "type": "color", "description": "Hint text, placeholder text, character count etc" }, - "legacy": { + "frozen": { "withDefault": { "value": "{primitives.colors.navy}", "type": "color", @@ -552,130 +588,63 @@ } }, "monochrome": { - "active": { - "value": "{primitives.colors.black}", - "type": "color" - }, - "activeAlt": { - "value": "{modes.color.interactive.monochrome.default}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.activeAlt} ", - "space": "lch" - } - } - } - }, - "default": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.9", - "space": "lch" - } - } - } - }, - "defaultAlt": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.67", - "space": "lch" - } - } - } - }, - "defaultAlt2": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.50", - "space": "lch" - } - } + "frozen": { + "active": { + "value": "{primitives.colors.navy}", + "type": "color" }, - "description": "border color for off switches" - }, - "defaultAlt3": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "0.04", - "space": "lch" + "activeAlt": { + "value": "{modes.color.interactive.monochrome.frozen.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "{modes.color.modifiers.button.activeAlt} ", + "space": "lch" + } } } }, - "description": "bg color for tertiary buttons" - }, - "hover": { - "value": "{primitives.colors.black}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover}", - "space": "lch" + "default": { + "value": "{modes.color.interactive.monochrome.frozen.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "0.2", + "space": "lch", + "color": "{modes.color.modifier.contrastLess} " + } } } }, - "description": "Tertiary button bg on hover" - }, - "hoverAlt": { - "value": "{modes.color.interactive.monochrome.active}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hoverAlt} ", - "space": "lch", - "color": "{modes.color.modifier.contrastMore}" + "hoverAlt": { + "value": "{modes.color.interactive.monochrome.frozen.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "{modes.color.modifiers.button.hoverAlt} ", + "space": "lch" + } } } }, - "description": "Accordion and menu bg on hover\n" - }, - "withActive": { - "value": "{primitives.colors.white}", - "type": "color" - }, - "withActiveAlt": { - "value": "{modes.color.interactive.monochrome.default}", - "type": "color" - }, - "withDefault": { - "value": "{primitives.colors.white}", - "type": "color" - }, - "withHover": { - "value": "{modes.color.generic.content.extreme}", - "type": "color", - "description": "maybe should be white to align with primary group logic\n" + "withHover": { + "value": "{modes.color.interactive.monochrome.frozen.active}", + "type": "color" + } }, - "legacy": { + "generic": { "active": { - "value": "{primitives.colors.navy}", + "value": "{primitives.colors.black}", "type": "color" }, "activeAlt": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color", "$extensions": { "studio.tokens": { @@ -688,36 +657,76 @@ } }, "default": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{modes.color.interactive.monochrome.generic.active}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "mix", - "value": "0.2", - "space": "lch", - "color": "{modes.color.modifier.contrastLess} " + "type": "alpha", + "value": "0.9", + "space": "lch" } } } }, + "defaultAlt": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.67", + "space": "lch" + } + } + }, + "description": "subtle and toggle button text" + }, "hoverAlt": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "value": "{primitives.colors.black}", "type": "color", "$extensions": { "studio.tokens": { "modify": { "type": "alpha", - "value": "{modes.color.modifiers.button.hoverAlt} ", - "space": "lch", - "color": "{modes.color.modifier.contrastMore}" + "value": "{modes.color.modifiers.button.hoverAlt}", + "space": "lch" } } - } + }, + "description": "Accordion, secondary, tertiary, menu bg on hover\n" }, - "withHover": { - "value": "{modes.color.interactive.monochrome.legacy.active}", + "hover": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "{modes.color.modifiers.button.hover} ", + "space": "lch" + } + } + }, + "description": "subtle table header hover" + }, + "withActive": { + "value": "{primitives.colors.white}", + "type": "color" + }, + "withActiveAlt": { + "value": "{modes.color.interactive.monochrome.generic.default}", "type": "color" + }, + "withDefault": { + "value": "{primitives.colors.white}", + "type": "color" + }, + "withHover": { + "value": "{modes.color.generic.content.extreme}", + "type": "color", + "description": "maybe should be white to align with primary group logic\n" } }, "marketing": { @@ -731,6 +740,36 @@ "type": "color", "description": "needed for specific marketing usecase on light bg" } + }, + "subtle": { + "defaultAlt": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.50", + "space": "lch" + } + } + }, + "description": "border color for off switches" + }, + "default": { + "value": "{modes.color.interactive.monochrome.generic.active}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.04", + "space": "lch" + } + } + }, + "description": "bg color for tertiary buttons and table headers" + } } }, "primary": { @@ -749,7 +788,7 @@ } }, "default": { - "value": "{modes.color.brandreference.custom1}", + "value": "{modes.color.custom.default}", "type": "color" }, "defaultAlt": { @@ -759,7 +798,7 @@ "studio.tokens": { "modify": { "type": "mix", - "value": "{modes.color.modifiers.link.default}", + "value": "{modes.color.modifiers.link.enabled}", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -808,9 +847,9 @@ "value": "{primitives.colors.white}", "type": "color" }, - "legacy": { + "frozen": { "active": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color", "$extensions": { "studio.tokens": { @@ -824,11 +863,26 @@ } }, "default": { - "value": "{primitives.colors.jade}", + "value": "{modes.color.custom.frozen}", "type": "color" }, + "defaultAlt": { + "value": "{modes.color.interactive.primary.frozen.default}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "{modes.color.modifiers.link.enabled}", + "space": "lch", + "color": "{modes.color.modifier.contrastMore}" + } + } + }, + "description": "for links" + }, "hover": { - "value": "{modes.color.interactive.primary.legacy.default}", + "value": "{modes.color.interactive.primary.frozen.default}", "type": "color", "$extensions": { "studio.tokens": { @@ -840,6 +894,49 @@ } } } + }, + "hoverAlt": { + "value": "{modes.color.interactive.primary.frozen.defaultAlt}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "{modes.color.modifiers.link.hover}", + "space": "lch", + "color": "{modes.color.modifier.contrastMore}" + } + } + }, + "description": "for link hover" + } + } + }, + "progress": { + "bg": { + "value": "{primitives.colors.black}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.08", + "space": "lch" + } + } + } + }, + "bgAlt": { + "value": "{primitives.colors.white}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.08", + "space": "lch" + } + } } } } @@ -906,13 +1003,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.caution.default}", + "value": "{modes.color.status.caution.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "0.05", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -943,7 +1040,7 @@ "type": "color" }, "loading": { - "value": "linear-gradient(135deg, rgba(#6F6F6F,0.36) 0%, rgba(#6F6F6F, 0.04) 100%)", + "value": "linear-gradient(135deg, #6F6F6F5c 0%, #6F6F6F0A 100%)", "type": "color", "description": "used on skeleton text" } @@ -996,13 +1093,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.info.default}", + "value": "{modes.color.status.info.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "0.05", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1047,13 +1144,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.negative.default}", + "value": "{modes.color.status.negative.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "0.05", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1102,13 +1199,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.neutral.default}", + "value": "{modes.color.status.neutral.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "0.05", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1153,13 +1250,13 @@ "description": "used on pill hover states" }, "hoverAlt": { - "value": "{modes.color.status.success.default}", + "value": "{modes.color.status.success.defaultAlt}", "type": "color", "$extensions": { "studio.tokens": { "modify": { - "type": "alpha", - "value": "{modes.color.modifiers.button.hover} ", + "type": "mix", + "value": "0.05", "space": "lch", "color": "{modes.color.modifier.contrastMore}" } @@ -1169,7 +1266,7 @@ } }, "callout": { - "default": { + "defaultAlt": { "value": "{modes.color.modifier.contrastLess}", "type": "color", "$extensions": { @@ -1183,20 +1280,35 @@ } }, "description": "used for marketing banners" + }, + "hoverAlt": { + "value": "{modes.color.status.callout.defaultAlt}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "0.05", + "space": "lch", + "color": "{modes.color.modifier.contrastMore}" + } + } + }, + "description": "used for marketing banners" } }, "reviews": { "default": { - "value": "{primitives.colors.green}", + "value": "{modes.color.custom.default}", "type": "color" }, "defaultAlt": { - "value": "linear-gradient(90deg, #008047 0%, #008047 50%, #A6A6A6 50%, #A6A6A6 100%)", + "value": "linear-gradient(90deg, {modes.color.custom.default} 0%, {modes.color.custom.default} 50%, {modes.color.generic.bg.moderate} 50%, {modes.color.generic.bg.moderate} 100%)", "type": "color", "description": "half fill" }, "hover": { - "value": "{modes.color.status.success.default}", + "value": "{modes.color.custom.default}", "type": "color", "$extensions": { "studio.tokens": { @@ -1207,8 +1319,32 @@ "color": "{modes.color.modifier.contrastMore}" } } + } + }, + "frozen": { + "default": { + "value": "{modes.color.custom.frozen}", + "type": "color" }, - "description": "used on pill hover states" + "defaultAlt": { + "value": "linear-gradient(90deg, {modes.color.custom.frozen} 0%, {modes.color.custom.frozen} 50%, {modes.color.generic.bg.moderate} 50%, {modes.color.generic.bg.moderate} 100%)", + "type": "color", + "description": "half fill" + }, + "hover": { + "value": "{modes.color.custom.frozen}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "mix", + "value": "{modes.color.modifiers.button.hover}", + "space": "lch", + "color": "{modes.color.modifier.contrastMore}" + } + } + } + } } } }, @@ -1258,7 +1394,7 @@ } }, "link": { - "default": { + "enabled": { "value": "0.12", "type": "other", "description": "for links - these need to be slightly darker than buttons for accessible contrast ratio in tables." diff --git a/data/tokens/primitives.json b/data/tokens/primitives.json index d1fa0f65..f15b705b 100644 --- a/data/tokens/primitives.json +++ b/data/tokens/primitives.json @@ -21,16 +21,16 @@ "type": "color", "description": "Sage Logo color\nPrimary buttons on dark backgrounds" }, + "frozenJade": { + "value": "#008046", + "type": "color", + "description": "Legacy green used on old product theme" + }, "emerald": { "value": "#00811F", "type": "color", "description": "Primary buttons on light backgrounds. Was #008047 Jade. Luminosity 46.8." }, - "jade": { - "value": "#007E45", - "type": "color", - "description": "Legacy green used on old product theme" - }, "emeraldLight": { "value": "#009024", "type": "color", @@ -96,6 +96,11 @@ "type": "color", "description": "Alternative colour with no semantic meaning. Used in progress tracker.\nAAA against FFFFFF bg. \nLuminosity 46.8." }, + "tealBright": { + "value": "#009695", + "type": "color", + "description": "Alternative colour with no semantic meaning. Used in progress tracker.\nLuminosity 56.1." + }, "transparent": { "value": "rgba(0,0,0,0)", "type": "color", @@ -515,80 +520,139 @@ }, "fontSize": { "responsive": { - "step-2": { - "value": "clamp(0.7431rem, 0.8804rem + -0.1144vw, 0.8575rem)", - "type": "fontSizes", - "description": "Small Viewports: 13.72, Large Viewports: 11.89" - }, - "step-1": { - "value": "clamp(0.8619rem, 0.9384rem + -0.0637vw, 0.9256rem)", - "type": "fontSizes", - "description": "Small Viewports: 14.81, Large Viewports: 13.79" - }, - "step0": { - "value": "clamp(1rem, 1rem + 0vw, 1rem)", - "type": "fontSizes", - "description": "Small Viewports: 16, Large Viewports: 16" - }, - "step1": { - "value": "clamp(1.08rem, 1.064rem + 0.08vw, 1.16rem)", - "type": "fontSizes", - "description": "Small Viewports: 17.28, Large Viewports: 18.56" - }, - "step2": { - "value": "clamp(1.1663rem, 1.1304rem + 0.1794vw, 1.3456rem)", - "type": "fontSizes", - "description": "Small Viewports: 18.66, Large Viewports: 21.53" - }, - "step3": { - "value": "clamp(1.26rem, 1.1999rem + 0.3006vw, 1.5606rem)", - "type": "fontSizes", - "description": "Small Viewports: 20.16, Large Viewports: 24.97" - }, - "step4": { - "value": "clamp(1.3606rem, 1.2706rem + 0.45vw, 1.8106rem)", - "type": "fontSizes", - "description": "Small Viewports: 21.77, Large Viewports: 28.97" - }, - "step5": { - "value": "clamp(1.4694rem, 1.3431rem + 0.6313vw, 2.1006rem)", - "type": "fontSizes", - "description": "Small Viewports: 23.51, Large Viewports: 33.61" - }, - "step6": { - "value": "clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)", - "type": "fontSizes", - "description": "Small Viewports: 25.39, Large Viewports: 38.98" - }, - "step7": { - "value": "clamp(1.7138rem, 1.4913rem + 1.1125vw, 2.8263rem)", - "type": "fontSizes", - "description": "Small Viewports: 27.42, Large Viewports: 45.22" - }, - "step8": { - "value": "clamp(1.8506rem, 1.5651rem + 1.4275vw, 3.2781rem)", - "type": "fontSizes", - "description": "Small Viewports: 29.61, Large Viewports: 52.45" - }, - "step9": { - "value": "clamp(1.9988rem, 1.6379rem + 1.8044vw, 3.8031rem)", - "type": "fontSizes", - "description": "Small Viewports: 31.98, Large Viewports: 60.85" - }, - "step10": { - "value": "clamp(2.1588rem, 1.7083rem + 2.2525vw, 4.4113rem)", - "type": "fontSizes", - "description": "Small Viewports: 34.54, Large Viewports: 70.58" - }, - "step11": { - "value": "clamp(2.3322rem, 1.6361rem + 3.4803vi, 5.1164rem)", - "type": "fontSizes", - "description": "Small Viewports: 37.31, Large Viewports: 81.86" + "product": { + "step-2": { + "value": "clamp(0.7431rem, 0.8804rem + -0.1144vw, 0.8575rem)", + "type": "fontSizes", + "description": "Small Viewports: 13.72, Large Viewports: 11.89" + }, + "step-1": { + "value": "clamp(0.8619rem, 0.9384rem + -0.0637vw, 0.9256rem)", + "type": "fontSizes", + "description": "Small Viewports: 14.81, Large Viewports: 13.79" + }, + "step0": { + "value": "clamp(1rem, 1rem + 0vw, 1rem)", + "type": "fontSizes", + "description": "Small Viewports: 16, Large Viewports: 16" + }, + "step1": { + "value": "clamp(1.08rem, 1.064rem + 0.08vw, 1.16rem)", + "type": "fontSizes", + "description": "Small Viewports: 17.28, Large Viewports: 18.56" + }, + "step2": { + "value": "clamp(1.1663rem, 1.1304rem + 0.1794vw, 1.3456rem)", + "type": "fontSizes", + "description": "Small Viewports: 18.66, Large Viewports: 21.53" + }, + "step3": { + "value": "clamp(1.26rem, 1.1999rem + 0.3006vw, 1.5606rem)", + "type": "fontSizes", + "description": "Small Viewports: 20.16, Large Viewports: 24.97" + }, + "step4": { + "value": "clamp(1.3606rem, 1.2706rem + 0.45vw, 1.8106rem)", + "type": "fontSizes", + "description": "Small Viewports: 21.77, Large Viewports: 28.97" + }, + "step5": { + "value": "clamp(1.4694rem, 1.3431rem + 0.6313vw, 2.1006rem)", + "type": "fontSizes", + "description": "Small Viewports: 23.51, Large Viewports: 33.61" + }, + "step6": { + "value": "clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)", + "type": "fontSizes", + "description": "Small Viewports: 25.39, Large Viewports: 38.98" + }, + "step7": { + "value": "clamp(1.7138rem, 1.4913rem + 1.1125vw, 2.8263rem)", + "type": "fontSizes", + "description": "Small Viewports: 27.42, Large Viewports: 45.22" + }, + "step8": { + "value": "clamp(1.8506rem, 1.5651rem + 1.4275vw, 3.2781rem)", + "type": "fontSizes", + "description": "Small Viewports: 29.61, Large Viewports: 52.45" + }, + "step9": { + "value": "clamp(1.9988rem, 1.6379rem + 1.8044vw, 3.8031rem)", + "type": "fontSizes", + "description": "Small Viewports: 31.98, Large Viewports: 60.85" + }, + "step10": { + "value": "clamp(2.1588rem, 1.7083rem + 2.2525vw, 4.4113rem)", + "type": "fontSizes", + "description": "Small Viewports: 34.54, Large Viewports: 70.58" + } }, - "step12": { - "value": "clamp(2.5187rem, 1.6647rem + 4.2703vi, 5.935rem)", - "type": "fontSizes", - "description": "Small Viewports: 40.30, Large Viewports: 94.96" + "marketing": { + "step-2": { + "value": "clamp(0.8264rem, 0.8237rem + 0.0118vw, 0.8361rem)", + "type": "fontSizes", + "description": "Small Viewports: 13.22, Large Viewports: 13.38" + }, + "step-1": { + "value": "clamp(0.9091rem, 0.8916rem + 0.0745vw, 0.9698rem)", + "type": "fontSizes", + "description": "Small Viewports: 14.55, Large Viewports: 15.52" + }, + "step0": { + "value": "clamp(1rem, 0.9641rem + 0.1533vw, 1.125rem)", + "type": "fontSizes", + "description": "Small Viewports: 16, Large Viewports: 18" + }, + "step1": { + "value": "clamp(1.1rem, 1.0411rem + 0.2513vw, 1.305rem)", + "type": "fontSizes", + "description": "Small Viewports: 17.60, Large Viewports: 20.88" + }, + "step2": { + "value": "clamp(1.21rem, 1.1227rem + 0.3725vw, 1.5138rem)", + "type": "fontSizes", + "description": "Small Viewports: 19.36, Large Viewports: 24.22" + }, + "step3": { + "value": "clamp(1.331rem, 1.2089rem + 0.5211vw, 1.756rem)", + "type": "fontSizes", + "description": "Small Viewports: 21.30, Large Viewports: 28.10" + }, + "step4": { + "value": "clamp(1.4641rem, 1.2995rem + 0.7024vw, 2.037rem)", + "type": "fontSizes", + "description": "Small Viewports: 23.43, Large Viewports: 32.59" + }, + "step5": { + "value": "clamp(1.6105rem, 1.3943rem + 0.9225vw, 2.3629rem)", + "type": "fontSizes", + "description": "Small Viewports: 25.77, Large Viewports: 37.81" + }, + "step6": { + "value": "clamp(1.7716rem, 1.493rem + 1.1885vw, 2.7409rem)", + "type": "fontSizes", + "description": "Small Viewports: 28.34, Large Viewports: 43.86" + }, + "step7": { + "value": "clamp(1.9487rem, 1.595rem + 1.509vw, 3.1795rem)", + "type": "fontSizes", + "description": "Small Viewports: 31.18, Large Viewports: 50.87" + }, + "step8": { + "value": "clamp(2.1436rem, 1.6997rem + 1.8938vw, 3.6882rem)", + "type": "fontSizes", + "description": "Small Viewports: 34.30, Large Viewports: 59.01" + }, + "step9": { + "value": "clamp(2.3579rem, 1.8061rem + 2.3545vw, 4.2783rem)", + "type": "fontSizes", + "description": "Small Viewports: 37.73, Large Viewports: 68.45" + }, + "step10": { + "value": "clamp(2.5937rem, 1.913rem + 2.9047vw, 4.9629rem)", + "type": "fontSizes", + "description": "Small Viewports: 41.50, Large Viewports: 79.41" + } } }, "icon": { diff --git a/data/tokens/screensize/small.json b/data/tokens/screensize/small.json index f0bb3f9c..8987dcd2 100644 --- a/data/tokens/screensize/small.json +++ b/data/tokens/screensize/small.json @@ -66,36 +66,6 @@ "step10": { "value": "35", "type": "fontSizes" - }, - "step11": { - "value": "37", - "type": "fontSizes" - }, - "step12": { - "value": "40", - "type": "fontSizes" - }, - "heading": { - "step1": { - "value": "17", - "type": "fontSizes" - }, - "step2": { - "value": "19", - "type": "fontSizes" - }, - "step3": { - "value": "19", - "type": "fontSizes" - }, - "step4": { - "value": "20", - "type": "fontSizes" - }, - "step5": { - "value": "24", - "type": "fontSizes" - } } } }