diff --git a/packages/genesys-spark-tokens/data/$themes.json b/packages/genesys-spark-tokens/data/$themes.json index a143197238..668669490d 100644 --- a/packages/genesys-spark-tokens/data/$themes.json +++ b/packages/genesys-spark-tokens/data/$themes.json @@ -39,57 +39,6 @@ "color.white": "b17cea8d42fd8a109a522ea4021749c13c40f40f", "color.black": "e436bdb3a3f6180e87f0d4ed71c073d6afee06e2", "color.transparent": "f7e26f5f2b1620f6260a51e755f2eda768d9ab24", - "color.cornflower.100": "df696d6db23cd174146053c3b4cabd4ebb866c2b", - "color.cornflower.200": "a9d843f69d678a39395b2626d3347731ce834f1f", - "color.cornflower.300": "c8e1d0c1efe1ff0e5cdb930c3568bb4a1413f3f3", - "color.cornflower.400": "5ca5509bea3fe5bf736ff69786497bbd0d4dbdc4", - "color.cornflower.500": "080a62d1bae2acd655429c96ebab2dc31a390a8e", - "color.cornflower.600": "0bc2a2aa8ed46c55e59ead86dd1524ade05e058a", - "color.cornflower.700": "30e0c59a5d24c218556ff33c9ba15e11b8fc578d", - "color.cornflower.800": "4ab36f9bfd7036889d7ed8d3819648f7b3582d2d", - "color.cornflower.900": "f629b469a7c070a910294c99a1f6abfb7ff50a31", - "color.cornflower.1000": "3193d9c5a5e500b787e64d38498eeb24c8fb50f6", - "color.islandaqua.100": "6ce0d38328ecf8e9de34893b09322fd0fddb6ee3", - "color.islandaqua.200": "e512505d7d59080a21e533975ca3c7675b02b873", - "color.islandaqua.300": "5e6af08ae0f24debc4a0eef6355441cec01ca476", - "color.islandaqua.400": "c058ca2c51f776fa61efea3b1a3391f838733739", - "color.islandaqua.500": "078bf2084c54cb1fc9e624c53609593aee1329df", - "color.islandaqua.600": "4a4a80c31bbc8ca64f22cd5fe2f707a6853b8eb9", - "color.islandaqua.700": "11d1f447dd1ef1b5f9f4bf9f8429d0abb1716d7e", - "color.islandaqua.800": "b9c19a8616470dba6d03e4bc1d1716c08e6aae04", - "color.islandaqua.900": "ecb6968c918dfc915d545d84ad92f5a091eaf547", - "color.islandaqua.1000": "67c7a3e029739bd43c11e9472a104763b76a1639", - "color.tomato.100": "9e9572844d9fa732e5bb3f8d325e9bc9daf8e671", - "color.tomato.200": "9d278530940b1c5e426237ba2a124dd5f9a0d6d2", - "color.tomato.300": "61ec6a6757a8930d766e78373f3518f77ecc556c", - "color.tomato.400": "e7e34f3a03db5ee7fb8ec0c17bbfd5ed3fbe7d43", - "color.tomato.500": "fa4e2c9a5709a3491867f73c443b120b31d4c03f", - "color.tomato.600": "6d4e201cd77d2c595e0f99a3eb8fe003b09ff18a", - "color.tomato.700": "5c3c5d3241edf17c3d8bf6a969c8afc66da48855", - "color.tomato.800": "2d6929ac4b9ba6d6599f22d495b1c98d13b40ba2", - "color.tomato.900": "1c8a8b9f85a97884d8a41526ff6a6a1071d543ba", - "color.tomato.1000": "4090df54cee41c260b9b296ea53f7a27a2c5bdd9", - "color.lavenderhaze.100": "0b1b25532a93cc3774f271c191ff8c4a63b55be2", - "color.lavenderhaze.200": "d614b603ee67048d748b0e7fe2c61fef192aab42", - "color.lavenderhaze.300": "1a42e713631b29d2f5c564dc71c6813debdcbdc9", - "color.lavenderhaze.400": "673be7778d7ed32210fd2e86bf74e64fcaeab046", - "color.lavenderhaze.500": "2b3bbb526da937f1923ba8b8c32dabcb79af462d", - "color.lavenderhaze.600": "7075afbfcee7bf95ad5b62abccd768c8c561bb35", - "color.lavenderhaze.700": "7503795216ca603a11d925a7b21ce9209ebcda88", - "color.lavenderhaze.800": "4d1a026809483ac115e009ff1a21ab3fb838a4e5", - "color.lavenderhaze.900": "be5a29a20657c96cb16c2b80b2352fa1c0aed035", - "color.lavenderhaze.1000": "0a068fa83d59df52d8e1969e3da4c714af178776", - "color.blueberry.50": "0032e236405cee5650513823cdd358250caaa6cc", - "color.blueberry.100": "289be5d2e74d69017a6678851da1691e07152e91", - "color.blueberry.200": "206d51bee06379f1e9e8c0c1cf0a3bbaac7bfadb", - "color.blueberry.300": "cd8f68824c63afd871f924c2be431dbe105bfaf7", - "color.blueberry.400": "fea07a3ae4f778ff0d270f126cab472fa2734011", - "color.blueberry.500": "deb0409768c08d0ca0bc9ec59c03926d6e52b7b7", - "color.blueberry.600": "f19761c6d2d311463fc94ff3dc6d20d7cde4c902", - "color.blueberry.700": "3879059c90c8ef08204adfdd18447ce0959ad4b1", - "color.blueberry.800": "69a06f876dbc11fc0a79bec1541cfec02e0d67a3", - "color.blueberry.900": "d93aa1b9cd8d4a748c4295eee1fd6928c9f527bd", - "color.blueberry.1000": "30023e3c98c8e3c54bfae6a717386409aa54d5c5", "color.mineral.100": "46ee8f37b1d83244e6f03ef8d74b548eca8b125e", "color.mineral.200": "350813d5703cfd9ea0e4a8c12d0da05027004ae7", "color.mineral.300": "83c09753412d20a7a382cf8e780abc476db2aa57", @@ -226,6 +175,68 @@ "color.violet.800": "1b2604166028d7d8427bdc5e095e9ec4674aebe3", "color.violet.900": "0007ec1ac2cc97406e10f9796efd35ea31dea3b2", "color.violet.1000": "a797b4546c6e7ee0eb1f87372dff209869dab58a", + "color.genesys_navy.50": "678a7422a97db9ab5ca13374648f91c09f327955", + "color.genesys_navy.100": "baea42008a73f01c3a1d487876aff0d28dcc2e09", + "color.genesys_navy.200": "f5f4fa2b5a2beb7283420929c8520a56c35e4692", + "color.genesys_navy.300": "c441a88131aed12edbebffdf2c21a4c6de405762", + "color.genesys_navy.400": "6b15de6deeafa87025971e38e5ea4d450b8fc157", + "color.genesys_navy.500": "a4f819e65f3856ea64dab41d1adbb204d292eeb7", + "color.genesys_navy.600": "6e78cf80e9e5270d294e89ace1bd461bd9f82c83", + "color.genesys_navy.700": "d298bb70cbb4853bfa000ff3bae08967b7025a93", + "color.genesys_navy.800": "13268b2d3555e411fad4e1b26a72b3a96bbaa267", + "color.genesys_navy.900": "6fe68016f0de67d8d8d8985cfee869cebb6c0c43", + "color.genesys_navy.950": "ac5684aa2d05dc32748f533c2a16c9b70403aa77", + "color.genesys_navy.1000": "b346317318d292e1c5a6a18e84384158301f61f0", + "color.island.50": "9d8f010804c0bf57c11057ab60105b63765bb05c", + "color.island.100": "e59640f0fa00cda9b6080d2941ab93a3f6b0ac39", + "color.island.200": "5746f6e2873134a080265953b8ca114c769e8fff", + "color.island.300": "8ea6a0abd7cc4ff6d652b5d601b900fcde6d449a", + "color.island.400": "f7aece2ef2bc69adf08a3b80b1f1c7bb4fd3d785", + "color.island.500": "5c4470d36ced85a073add78e1b1194edb9ba39e4", + "color.island.600": "15915f59bd08adb070db4c61ee4649e4c747375c", + "color.island.700": "35b3c354d0f83aa395adfe31120bedad7fc0061d", + "color.island.800": "503473e17d10fcfd79df25028451b3a557c1025b", + "color.island.900": "11283b04dcba596da9223713cd598eef506d86a2", + "color.island.950": "27cb8b4dd0d56b9a4ba73c8d20986eb6a435911d", + "color.island.1000": "b564d495feebf2fd5dd7607d54a73f7380fa64b8", + "color.genesys_orange.50": "95ef22c330c4cca1a4de960fbc1ff1dbad12004d", + "color.genesys_orange.100": "7168f488955cd83362eedad4bee344a752bcf360", + "color.genesys_orange.200": "e2b352c0e5c2ea0961344421e8648fa27a057074", + "color.genesys_orange.300": "a450cafb0653be93251218fc6e4367334e8ffef5", + "color.genesys_orange.400": "a904764e911716e089e37a83248a022ec9dfefe4", + "color.genesys_orange.500": "b01136bf70def4449f799c0623c6f570802ed673", + "color.genesys_orange.600": "340c5118d712081a02e6606af53ccde344832e7f", + "color.genesys_orange.700": "f96e649273dbd2c2df0fe1ac183fd7d8b8edb5c5", + "color.genesys_orange.800": "338567dcd8e221598301a6bd588d09f2b8039dc8", + "color.genesys_orange.900": "8a28c1fef13e13acd04740e03e53616c2093d2fa", + "color.genesys_orange.950": "113e54c555cfd70886096109c1d2127635a65647", + "color.genesys_orange.1000": "a7f22b4403ecea2aa2d3cbf95119a783bf065716", + "color.azure_blue.50": "8f3f9ef51433c43bfe85a0ef3f5255a832e7efff", + "color.azure_blue.100": "9df7f6287c5931e70ccc4707bd44e6a2defdb02a", + "color.azure_blue.200": "618ef7ab53ac7aa86bcc66880ee5529fc76f05fc", + "color.azure_blue.300": "32f3f25ccc597ad11ed4e2780b2374c02302887e", + "color.azure_blue.400": "b6b9502b6a1922fc6fa6986e911bef3cad337a78", + "color.azure_blue.500": "4c5129600bab41d3de1a81157541797489ec0a98", + "color.azure_blue.600": "b0218ad8c073642ca3f09d61edce02b5af2c2d98", + "color.azure_blue.700": "0ee3342ea800a99815643a0a50cabeebd804d64c", + "color.azure_blue.800": "a893018cce98c53472003eb2c21e7493c50274f2", + "color.azure_blue.900": "fa635503ed32ae4ab18dbd09212087cf51004716", + "color.azure_blue.950": "f6483c4d08203a14556121d9dd125956a82c6f61", + "color.azure_blue.1000": "42786642704a0080ce6cc9ce5ce38be131d962bc", + "color.haze.50": "97dfaf5ff5337467ba580f3463d48e659bbe08c4", + "color.haze.100": "04823147f5a869c9d3cf09a4186f84b62b4adc06", + "color.haze.150": "753fbf2035494293e1fb34b8cbfccb66972e9408", + "color.haze.200": "087d1ff3de714f8e1164e7bae3a8c29e7ee84509", + "color.haze.300": "120a93eb8aba3ea875bd67c38456c0cfadc95805", + "color.haze.400": "7de3074a00e6a6f42906837c7b33f13e939279ed", + "color.haze.500": "1ead43a82d0ad00fdb908a3ff45b6e0e9b9a91ec", + "color.haze.600": "3ca2e29cdb7491875ce4ce6ff133bd263a3a310c", + "color.haze.700": "f6276de8882183b067ae9d07e754418e561a85f1", + "color.haze.800": "0277bed417683959ff55d5faeb6f074525acc706", + "color.haze.850": "315f190d6186d0afd3c47a8e5de92363389243eb", + "color.haze.900": "7ef521d069fa54b2d0c54c2abb12308defccc1c2", + "color.haze.950": "b6a3d16d109077b13b30d59f6abebf3953b97155", + "color.haze.1000": "b2aa5a05820dadfb894d390c2b55a52d85da944b", "font_family.roboto": "dc50b068ce1b65a0841dcad9bc92dfdfb0243ad4", "font_family.urbanist": "baea2b16c89fe165379efda844872ea548909e86", "font_family.noto_sans": "bcbe9161d03b94bda69433360e05fb456cc68af9", @@ -378,6 +389,7 @@ "theme.background.system.success.10": "ecffd321b1e517e0f2454a4e1262befb8f562861", "theme.background.system.success.20": "4fde2a3e1368a3eca31ac1e56d5a931529ff9c18", "theme.background.system.success.30": "6f5f23afca51e05ed70ddc5cff037c9022154efb", + "theme.background.system.success.35": "ba1fafeed55af36feac4874667162e64b4487143", "theme.background.system.success.40": "54d1332380fe9fecd77b8f2569366ac9c104f484", "theme.background.system.success.50": "cfe25fc7b8857821e0f9953ebb7ec30b968b7d0e", "theme.background.system.warning.5": "5cd3b8ee3ac86c95b20f3b57c111b613ac1d8fdd", @@ -537,6 +549,7 @@ "theme.background.system.success.10": "ecffd321b1e517e0f2454a4e1262befb8f562861", "theme.background.system.success.20": "4fde2a3e1368a3eca31ac1e56d5a931529ff9c18", "theme.background.system.success.30": "6f5f23afca51e05ed70ddc5cff037c9022154efb", + "theme.background.system.success.35": "ba1fafeed55af36feac4874667162e64b4487143", "theme.background.system.success.40": "54d1332380fe9fecd77b8f2569366ac9c104f484", "theme.background.system.success.50": "cfe25fc7b8857821e0f9953ebb7ec30b968b7d0e", "theme.background.system.warning.5": "5cd3b8ee3ac86c95b20f3b57c111b613ac1d8fdd", @@ -723,12 +736,16 @@ "background.container.high_constrast.hover": "b26335a02a3799a85826ee4d09c15ccf7970c4e9", "background.container.high_constrast.active": "6f626f5143c6cf443bf4daa8b16addf64ceb19c1", "background.system.error.tonal_medium": "eb1d70fb324a430a6c43b1beccee24efa627ee01", + "background.system.error.tonal_high": "8b008ad1bcc3127247a82776cc29393a7fd79576", "background.system.error.tonal_subtle": "53774f44d6fa173c1e13d1d6963ff84cfdf5c282", "background.system.warning.tonal_medium": "0f67556fcf9f0463caf256c8c168aaa25e1f1de4", + "background.system.warning.tonal_high": "d56aa88a39517cd3801c34d090488109b25e2345", "background.system.warning.tonal_subtle": "2fb1bfd61dd223df58c35e1d01b575d6de9c3797", "background.system.success.tonal_medium": "c6c5380e5324310774886af6f0ccbda9a974fbdb", + "background.system.success.tonal_high": "e83522eae58aec05aac2cad51f29d36ea3f6c416", "background.system.success.tonal_subtle": "09c366968a711a1f733f0b55ac36d0aabba4eb23", "background.system.info.tonal_medium": "8cb29a05b12d8675295e35ac29e5560a6bf99406", + "background.system.info.tonal_high": "a0538f14468b79a62f38653bcd41443aa9781916", "background.system.info.tonal_subtle": "7ec6764cb44cb0f82efde5d8b5394b765dac883f", "background.system.primary.tonal_medium": "cbb30e5d8594cd95d639c060816b7b534026d7d7", "background.system.primary.tonal_subtle": "16e5dc70a304b763af79cf6b16669b19c79de6f2", @@ -852,6 +869,7 @@ "border.form_control.text_input.hover": "b17184819c452568acfcd801a4fe6f1447fff6fd", "border.form_control.text_input.active": "e1b4aa0aabf2c98798f4a4398cd595662788d885", "border.form_control.text_input.error": "fda8b6c47004e0aed432433f4bf02d3876416ccc", + "background.system.primary.tonal_high": "50f8db0ad1964b1b34bf4b55f0b33d1e489a0f81", "opacity.disabled": "57b30140a548ab8a62a5a54618d391cb8c0e8aeb", "opacity.shroud": "1279e7d8432b628af26abdd6657a42e06627835b", "interactive.md.size": "8a539dfcb71fd7e0b92035647f128a5deb87562f", @@ -1026,12 +1044,16 @@ "background.container.high_constrast.hover": "b26335a02a3799a85826ee4d09c15ccf7970c4e9", "background.container.high_constrast.active": "6f626f5143c6cf443bf4daa8b16addf64ceb19c1", "background.system.error.tonal_medium": "eb1d70fb324a430a6c43b1beccee24efa627ee01", + "background.system.error.tonal_high": "8b008ad1bcc3127247a82776cc29393a7fd79576", "background.system.error.tonal_subtle": "53774f44d6fa173c1e13d1d6963ff84cfdf5c282", "background.system.warning.tonal_medium": "0f67556fcf9f0463caf256c8c168aaa25e1f1de4", + "background.system.warning.tonal_high": "d56aa88a39517cd3801c34d090488109b25e2345", "background.system.warning.tonal_subtle": "2fb1bfd61dd223df58c35e1d01b575d6de9c3797", "background.system.success.tonal_medium": "c6c5380e5324310774886af6f0ccbda9a974fbdb", + "background.system.success.tonal_high": "e83522eae58aec05aac2cad51f29d36ea3f6c416", "background.system.success.tonal_subtle": "09c366968a711a1f733f0b55ac36d0aabba4eb23", "background.system.info.tonal_medium": "8cb29a05b12d8675295e35ac29e5560a6bf99406", + "background.system.info.tonal_high": "a0538f14468b79a62f38653bcd41443aa9781916", "background.system.info.tonal_subtle": "7ec6764cb44cb0f82efde5d8b5394b765dac883f", "background.system.primary.tonal_medium": "cbb30e5d8594cd95d639c060816b7b534026d7d7", "background.system.primary.tonal_subtle": "16e5dc70a304b763af79cf6b16669b19c79de6f2", @@ -1155,6 +1177,7 @@ "border.form_control.text_input.hover": "b17184819c452568acfcd801a4fe6f1447fff6fd", "border.form_control.text_input.active": "e1b4aa0aabf2c98798f4a4398cd595662788d885", "border.form_control.text_input.error": "fda8b6c47004e0aed432433f4bf02d3876416ccc", + "background.system.primary.tonal_medium-copy": "6317c9541e3bc60a00bee79be631489b087a3480", "opacity.disabled": "57b30140a548ab8a62a5a54618d391cb8c0e8aeb", "opacity.shroud": "1279e7d8432b628af26abdd6657a42e06627835b", "interactive.md.size": "8a539dfcb71fd7e0b92035647f128a5deb87562f", @@ -1373,6 +1396,257 @@ "$figmaModeId": "28327:5", "$figmaVariableReferences": { "color.focus": "4903357e580485abfbc7eec7c53a94eb42f7f2fd", + "card.background-color": "f1ee3f17d5190864c318ecdf9f74569843a5a447", + "card.border_radius": "27d8a98ce6e6f6132f91ec3fd77a758a74c2969a", + "card.padding": "af1ed011aaf01f9be7575a712353e25bb6aaeeda", + "tooltip.light.background_color": "05ae3c8ab3aa8ad19b4e54e876c7ddb015649050", + "tooltip.light.foreground_color": "22a3415175c18086f4a0ec30fe57099d874f0618", + "tooltip.dark.background_color": "bf65dd11afdeb56537f297f46d96aaf081fe1575", + "tooltip.dark.foreground_color": "aad6bd6cd15b82fb51b3d9098e9fc956492c018e", + "tooltip.dark.icon_color": "a33bb53c22e9565f495b1f607360a8a3c4eb630b", + "tooltip.height": "451c9968eea2a5fd8ca8fa8b055c16e8a93c07d5", + "tooltip.gap": "809739f9c2be3e7dae33599229a5a64f7b2ccab5", + "tooltip.border_radius": "b63c3a0940002aaabc65802c8cf1cc1a2b5a7af6", + "tooltip.target_offset": "57a7867aa099d958512fcb4adc775a9e482ffa98", + "tag.border_radius": "13a2f21bf65ab489d6d6351eb91ba5da318971cf", + "tag.default.bold.background_color": "f0801cada48224bb5dcc4de3c93e18c7ee4356e6", + "tag.default.bold.foreground_color": "9c8e2f2e2fa84a26de8931b23b29612eabe2c576", + "tag.default.subtle.background_color": "6bc27b11979757f5a19b50df729b688896e10af1", + "tag.default.subtle.foreground_color": "d95cb0b5aa910c56793207e62de945f43a4446c2", + "tag.accent1.bold.background_color": "beafa3f96bec0c7a7c32c6c92c6ccdf0c0bd53af", + "tag.accent1.bold.foreground_color": "4b19618943e877c66b376e4e2f1aa95a62a9b351", + "tag.accent1.subtle.background_color": "d1135607b2be2ae6a671889c94279d7fc388c99f", + "tag.accent1.subtle.foreground_color": "78f92d3a7e949d5c41c47213cd5dec027a633602", + "tag.accent2.bold.background_color": "37407422be0fbc9e2211b0ff9b3cce98bf823ff5", + "tag.accent2.bold.foreground_color": "a574129fc6dcc93587b348f2c658f6e674e58427", + "tag.accent2.subtle.background_color": "329855aefd78e6af41f4e82c11c6cb9e89798e33", + "tag.accent2.subtle.foreground_color": "a5c41a966e0bd181cd214a6f8eec6c02fe129351", + "tag.accent3.bold.background_color": "5606a0c113a969c8360ed8f9cf97db35c5cba530", + "tag.accent3.bold.foreground_color": "5e41c5d86930a8353b32fa1f487a042ff5da051c", + "tag.accent3.subtle.background_color": "49d89e2720a91de6ffcf5b9369f4f1d6031fdf70", + "tag.accent3.subtle.foreground_color": "309df2fb8a51b4d422ac90b6161fbf6e723715e1", + "tag.accent4.bold.background_color": "00d09cef981a59709f8d214d61dcb548767e5feb", + "tag.accent4.bold.foreground_color": "36b0666809680acafdec872dabc1256cb152f170", + "tag.accent4.subtle.background_color": "8844e28bedb43b52a83e1ad59d54de6e85f88f36", + "tag.accent4.subtle.foreground_color": "dc33d65d3723bd5ebc779c79d74869db35cb7bf5", + "tag.accent5.bold.background_color": "eb46c726f84b68a6bf04e2159d79e88362201cde", + "tag.accent5.bold.foreground_color": "7690cbfae35b58008681bc24c0e4200d46e99fd7", + "tag.accent5.subtle.background_color": "b75bf6929ec3de604629579f4e4839e47df6aff5", + "tag.accent5.subtle.foreground_color": "efdbf971b6fb7526101c368d020ac552a116d551", + "tag.accent6.subtle.background_color": "bd01472b7efd8ec08d79fc981fcfff17d796c9ec", + "tag.accent6.subtle.foreground_color": "d6236da5b2577b04109774c3f6757347efc3faf7", + "tag.accent6.bold.background_color": "f0eb3f7874e78a4860216fe083edb86020a07d94", + "tag.accent6.bold.foreground_color": "119637db5cc9fd74a4e77285674ed048865d1669", + "tag.removable.gap": "9058105f6808e515e7d8f56bb577e09b32b29712", + "tag.accent7.bold.background_color": "3a30a6a170f35bafa3ec12510fe787d5cb41549f", + "tag.accent7.bold.foreground_color": "21159398e825e5313cf35187847777c31c739087", + "tag.accent7.subtle.background_color": "751cf8bbec934c5a2cfdff30e891fdeb50b58c8f", + "tag.accent7.subtle.foreground_color": "b3631fb7deea51407c2d6aea4795f3f9ed35ad0b", + "tag.height": "e9309fcc80d32def245cdc96775974d4e981581f", + "tag.accent8.bold.background_color": "73aa087317949a561808a6cc5559acb864666c63", + "tag.accent8.bold.foreground_color": "47fda7dd66e6a4142390c8f7e71cd79ea84b7291", + "tag.accent8.subtle.background_color": "3b84bc6d40c7f0b2b605cba0614a5358abbe7e00", + "tag.accent8.subtle.foreground_color": "20ccb00ab45db6be7b394d047f1b41358c18516c", + "tag.accent9.bold.background_color": "7c9e21f0980823838b4f06a092c2b502a3d46b4e", + "tag.accent9.bold.foreground_color": "1a54c5425366fd1006b152f94a5d78789502545b", + "tag.accent9.subtle.background_color": "a62e8ef230f3521e314249247c3f2c36112d75ed", + "tag.accent9.subtle.foreground_color": "9329bd44cde0f501761dd33a8fb9d804600bd18e", + "tag.accent10.bold.background_color": "8a4a37be57151ddc9a0343ca35a0fe815bce0430", + "tag.accent10.bold.foreground_color": "d24a955466cc455408713180dd46468a296aaac3", + "tag.accent10.subtle.background_color": "6e78d36bd1153272c497766a7893d4a557d4cec5", + "tag.accent10.subtle.foreground_color": "de9d2643795b82f12764d2772eebcaa9aaa19f5b", + "tag.button.size": "b89944815d1348e8e100e9e15164ee02addcc328", + "tag.disabled.opacity": "4686e04bf41023acfe02f0c0f3996b11bf386586", + "tag.small.height": "6c20853da8857242e63911e57cf0ccdcc200e7c3", + "tag.large.height": "5b70fbd8c51df5515944db83ca92427a32e1b3a0", + "badge.border_radius": "fb9b771968e3d2aa1547680c49d74d5f7e5a1a21", + "badge.height": "88bd7ef802b516665aa3e763d4a3965dab8709ce", + "badge.gap": "3cfe1b1e02eea560bdb398fc2d08c10774cf5b73", + "badge.info.bold.background_color": "cb3c8465483ad611e783476ac912060bdbd2488e", + "badge.info.bold.foreground_color": "82d40846575f861cbaf30a223888d909951e39c8", + "badge.info.regular.background_color": "e05588f7d163258d580f20d24173d6635d0ffe20", + "badge.info.regular.foreground_color": "62c6444020ed704fdd2db185f295eb347b948e8d", + "badge.success.bold.background_color": "ed2d601ee6cf1764cc5e5fe95f9cb949f87b070e", + "badge.success.bold.foreground_color": "d83ec5e29ed9a0059955b5d3673c6fc57be9475d", + "badge.success.regular.background_color": "3544ff08346f7dbf6671a71c50898d4d51bbaffd", + "badge.success.regular.foreground_color": "227eeb4d05c984f0da7898f2d5e677fab9a8c070", + "badge.warning.bold.background_color": "ac2a1529a77a335e75a81e7999e5856229ca6cd8", + "badge.warning.bold.foreground_color": "39f6bf3c0f8a44032f937c9c71bc77df25cdbaca", + "badge.warning.regular.background_color": "16f7276bb4acb61c678ab53d36e68a9275bf468e", + "badge.warning.regular.foreground_color": "5aecbd68cf547e4eca00050c3f937771e42c096f", + "badge.error.bold.background_color": "2d0fe3c970f8ef05b24ef98f0ef2e7a65d20ce19", + "badge.error.bold.foreground_color": "ffe2b5ee5cd8364ff2d04b60e0f887d790b265b2", + "badge.error.regular.background_color": "16665e85e31f82623f6862ea6b439fd127222b9d", + "badge.error.regular.foreground_color": "ebb30a11c3ee8aa59833f875c9f86a5177828e42", + "icon.small.size": "f9e82f0373fd079ede6735bd78c52a6e549b71b0", + "icon.medium.size": "13b7eaa882a7e0d4cbdf0b2c71e8a903d787d711", + "icon.large.size": "76850618a70c2e8a3b70d7e78e8805d5cfae4b3f", + "icon.color": "ca5de8c4cd9790146ab3703aff601167640a2b3f", + "alert.gap": "f25dc8e33c902fc7b92c02249f017b53a565556f", + "alert.info.background_color": "b06353b25fda08941b50a976e517f5ec049a6413", + "alert.info.foreground_color": "c2ab4a1329b12a6e96425c2425ee7c8b8b3ed26a", + "alert.info.icon_color": "3378ad2d261fcd0a807c5959b599c00e1c20b70d", + "alert.success.background_color": "9c250ce9c474695bbcdcfaae0a5dccbfee7d8a66", + "alert.success.foreground_color": "5d1849c59324b1ccf23013969c130518d640b835", + "alert.success.icon_color": "efc102a878e0a1626a4999d8c0ba451381798687", + "alert.warning.background_color": "46c4d58a952ccd61e0f5e72d618a93665c2d7617", + "alert.warning.foreground_color": "304b4ee8ee77f3f6fa2ffff274af525f9253f587", + "alert.warning.icon_color": "e494305e7c2a6aea9f7c851d92d4632501b0aabf", + "alert.error.background_color": "bffa25bf00c1a715fa9ce76e3e1e5b47bee6d044", + "alert.error.foreground_color": "2e2aca1c408159347c38578c5a56ac163815ed37", + "alert.error.icon_color": "cfd2be88f84a30a85d574dad2eacf5d8a69a2ec1", + "alert.border_radius": "791ee2e0a0a58f36bd6e7717176b11316f9940ff", + "rating.default.color": "e0f06d402e54165be7068e89bdc78562e105d29e", + "rating.active.color": "06dd7a36bd9f43ab8662492f72f09af7c1c51945", + "rating.hover.color": "8a5c56bfc9d2aa60ea88064feaf56e97f3dfabbe", + "rating.disabled.color": "f2a71724fb1f4610e543e1b7dac0cd232a5d8761", + "rating.disabled.opacity": "b6947bfb98536fc1e8f3237440cf750eccd793ae", + "rating.size": "d2190374146c90579ac7ab880dcd369b477b0b50", + "rating.star.gap": "5e912ecfa0a6f621bedce72bace0f2793a011868", + "breadcrumbs.primary.height": "4cf8e7ee9cf37606f8fa853034e6a3454285f20b", + "breadcrumbs.secondary.height": "a2b5dd743b257f4666ad24649d3da9c200d1fc60", + "breadcrumbs.separator.color": "5c6ae92648b02d9ddf098be8d91e0fab335c6645", + "breadcrumbs.border_radius": "78630522a3d4a5508711f97c1a2ed85b754fa2ef", + "segmented_control.button.gap": "b9ea50de532ef24a6919b01071b9265dab1dc23e", + "segmented_control.button.middle.border_radius": "ebfa483bd42a8aee4119101177bdfffa70b7dd6a", + "segmented_control.button.disabled.opacity": "85d6f9974a72e4bf4a16f6771af7113d38917928", + "segmented_control.button.disabled.background_color": "312c173943ba2a8faeb0a5e98b822ca5e687ad1d", + "segmented_control.button.disabled.foreground_color": "decbc1bd7b7e7c43f83e500883ab4749c5249abe", + "segmented_control.button.default.background_color": "d1f5f2acb6df2e7fe5db5f21fac8b73cd5f5201f", + "segmented_control.button.default.foreground_color": "a1b63d9526165bb30624b0e3a37be05c9bc0d17c", + "segmented_control.button.hover.background_color": "443e77f24aa1720feda75ce70d0253e4590cadb1", + "segmented_control.button.hover.foreground_color": "5ac33d2c94e94cf9184dcabcfc72bbf6965feefc", + "segmented_control.button.active.background_color": "d5444acf89bbcc1f538fc7707350b4dab59d1b97", + "segmented_control.button.active.foreground_color": "16a1733644819abe1ac32f39ea6e41b4be325162", + "segmented_control.border_radius": "c424ce6a693de298491e62d0769e536c52a1d604", + "segmented_control.height": "debcde88da731ee099c2676aa641d2694c12bee9", + "segmented_control.focus.offset": "37ee9842b7dfaeca6597c9aaa7acf49a771cd7eb", + "form_footer.page.desktop.bottom_padding": "441544687995cf3958a7d284d2fc9237d73ef75f", + "form_footer.page.desktop.top_padding": "f148215482260ad835f5c1289fc9bb4722c76c3c", + "form_footer.page.desktop.horizontal_padding": "3f5aaf7eea6641cc9b1a29502cb2a7ac284a9856", + "form_footer.page.desktop.gap": "898a31b962c7fa2bb45f7e79c354da79888cd06e", + "form_footer.page.mobile.bottom_padding": "7fdeeee11eefb6bbcb6f001fd87f45f2f4202134", + "form_footer.page.mobile.top_padding": "ad0622e379b61c89f8de582cb8734d54082d4e43", + "form_footer.page.mobile.horizontal_padding": "b3b3a70360ea0d91f5ff0584d4736e4ce6a3fae3", + "form_footer.page.mobile.gap": "5649171dd07005c619effa45639d11fac759f25c", + "form_footer.side_sheet.desktop.bottom_padding": "8eb64280a113da818b151e58c02a48c9b1d4d5a3", + "form_footer.side_sheet.desktop.top_padding": "19b69efbcbbde698673baada12ad259c851d87d7", + "form_footer.side_sheet.desktop.horizontal_padding": "2476529718295157f5d82e19f13cd7af10d6fe52", + "form_footer.side_sheet.desktop.gap": "e6e26dfee97b80b82b14c32854d5a067e9844470", + "form_footer.modal.desktop.bottom_padding": "8a83b6640dbdd60b149beeae4693167863759082", + "form_footer.modal.desktop.top_padding": "b14d3a9ad6947a042fdc3ddd106217b6345bea7f", + "form_footer.modal.desktop.horizontal_padding": "2dafc1786b3dbe723af13d827a6360ecdc41d1c1", + "form_footer.modal.desktop.gap": "4a66b95f5b7f40506f5610ad53edc1f48e1df87e", + "form_footer.background_color": "175ccc38d28e5344f21ced588c099d07abda0aa4", + "copy_to_clipboard.label.active.background_color": "db7de504f66bde8b493ed20638e9564cc6e8db9d", + "copy_to_clipboard.label.foreground_color": "5dc78c49255fbbfea8d0c89f94a867d02ba2cd8a", + "copy_to_clipboard.label.border_radius": "e45a308dd7a57c0fcef003fef8a9ef951dbca93a", + "copy_to_clipboard.gap": "4939b9066c65ea6bdda0e7ba2abc60c445be0ccb", + "copy_to_clipboard.content_container.gap": "dfde5b25e6acb83756dc1c38c8482ef2560044e5", + "copy_to_clipboard.icon_container.padding": "2f28a37a7cd0daf84dc06bf3e7fd17df8ded5ffa", + "copy_to_clipboard.tooltip_icon.success.foreground_color": "73bb47ccd4f842b424b1663d793d88126509c2ee", + "copy_to_clipboard.tooltip_icon.error.foreground_color": "83c7d936ce7e9b7a65825f0353ac1d49f4a692f4", + "dismiss_button.foreground_color": "b5b8858cccd92ade4915178cfde1299198727ff6", + "button.default.height": "124ecd552c9e06a1f4a56008da535c60229ae2e1", + "button.default.padding_icon_only": "a294507baf550d23a88ca1d618f15808c519578c", + "button.dismiss.small.height": "737b60b9d2e5243aebf8b9bc3747b2b5fc893455", + "button.dismiss.small.width": "d1b20553265e609e1c9550b0e7f5814f2c04cb7d", + "button.dismiss.medium.height": "c7dba80a62df52f0f0e016342acab35b7a93c913", + "button.dismiss.medium.width": "fca2e29f36f0ae561eaa33df9733d3a21b0c3c30", + "button.icon_only.width": "b9514d062f00cda296d36a6efe1737c28a27ad54", + "button.icon.size": "f8f235ee08730d2f59cb1962a0d64ca83da13830", + "button.compact.height": "e55acdc27bda26224c4c1a363dbc1363f18094bf", + "button.compact.padding_icon_only": "f0e9f4bf32b049b7dd033d0fa502ce4334083bae", + "button.gap": "310b8269d38f338b56949fc7b5fd31657215c9b8", + "button.primary.default.background_color": "bfe97315c4cfe88baf89874f5ef1b63b266bc034", + "button.primary.default.foreground_color": "09aa7ceb9dc319ed3efa3791ee743bd581f2614c", + "button.primary.hover.background_color": "70079037072b02e8f41e77f853441984d8286b25", + "button.primary.hover.foreground_color": "5f7b8348d96b3819b09ece32bb9ad23f39a2cb04", + "button.primary.active.background_color": "4e886e7be8a4208a3b8e568b85a7a1876037e6f5", + "button.primary.active.foreground_color": "95c8be610e6257b6688c260595de510323643fc6", + "button.secondary.default.background_color": "6a25f14847dfaf881d13206dd4e2da3192c416ad", + "button.secondary.default.foreground_color": "41d5051f9f04264bde7eec9e7592241a4ea98111", + "button.secondary.hover.background_color": "20b018d0327b6b4fc2fd1dea6bb0ba41cd869e2d", + "button.secondary.hover.foreground_color": "4ee157bb3758b039425cd82964dd0f229555e710", + "button.secondary.active.background_color": "db162e90b7359f0c387f1c8922caae1d5752cb43", + "button.secondary.active.foreground_color": "0bd172e42dba5cf88e35af457084ba01b57ced14", + "button.tertiary.default.background_color": "4b4312bc399534292864a568e887ad56a3961101", + "button.tertiary.default.foreground_color": "cfc65bf3c372514a2fe0ad96005508a00780bb67", + "button.tertiary.hover.background_color": "74b3f1f972cff1b190ed7da2fccc46e272afa6ab", + "button.tertiary.hover.foreground_color": "d1399ef34506efcb10c5a64ade3a7f32b4525c34", + "button.tertiary.active.background_color": "39f163b7096350d8b19c7109f48dcd10bef22c73", + "button.tertiary.active.foreground_color": "ee22a149df7f1b122798f0e70f6db2689ea30276", + "button.ghost.default.background_color": "d1088f47fa2e5395e76b64ae8bc3c16ec8bc25e6", + "button.ghost.default.foreground_color": "5b4e064a08354124fad500c8c7404db2cae93813", + "button.ghost.hover.background_color": "e58003fd6b372aabfa3f19a6e8c4b28dd2cd6070", + "button.ghost.hover.foreground_color": "b2aff0dad536881ea1835122aa63c3b77c76dde1", + "button.ghost.active.background_color": "7c03c89e4eba458b49cccb2b2e1ed5f409ec583e", + "button.ghost.active.foreground_color": "ec76a03955492350eca3f04a084307794c75b0df", + "button.danger.default.background_color": "81f7653587a89c995bb566aeb7dcee02de467ccb", + "button.danger.default.foreground_color": "63c64cec70a0412b67e8decb7aad7e44aad0fb15", + "button.danger.hover.background_color": "d6d5c7c2932450c3322359e292d4b3c61cebe6eb", + "button.danger.hover.foreground_color": "e5709b922b7e3e4583709f0d3adca72d7a8b2217", + "button.danger.active.background_color": "c09c72f5bd5008ed045c61199c33643f57a0bc38", + "button.danger.active.foreground_color": "19023a1bc25114eec9877f2d63d44c2adf93dc92", + "button.border_radius": "4c06c4ebb5f152b18fd3a5974e3241646fab4dc3", + "button.disabled.opacity": "4f1ed75171d42021ca97df977920747ff82ba02b", + "action_button.right_segment.size": "67f86eb222626f7e4c839dd168aa7f920a325593", + "action_button.height": "4070314212b52d24753525d41e82f1ccc81727b7", + "action_button.focus.height": "2d8294fb50954ab385e79e9a6d094036eba9af2a", + "action_button.left_segment.gap": "6612e9289bf7077473e295600be04f8782b2f972", + "action_button.border_radius": "f2411b15d6dbad9d76f608c0f2ee0c7e858fd188", + "links.as_button.height": "e6bd3038d01ad73eae8e87cd2a48d3456d3148a1", + "links.as_button.padding": "f53865e1622aa1e03234f91ea1fb333e637e036a", + "links.as_button.gap": "b0201df9c1aa51d3fae32092d113b87e8d417d40", + "links.in_line.medium.height": "1e346f6214fefb8820ec4e9c997c1607087ebab2", + "links.in_line.small.height": "aaab9b25951cd802995ed08e25f1af5b7d2e807f", + "links.in_line.padding": "5cf3107e92f49bae81657a362827a8bc7aa7a238", + "links.icon": "f24ede73090df2430ddbe4f0e3fe45f80114d814", + "links.default.foregroundColor": "eeade26948539e4e8fd5b584100a5c60884ba68b", + "links.disabled.foregroundColor": "71d9f3b0ba03a2b5fd344a952144bd78607c801c", + "links.hover.foregroundColor": "77bc001d3ff96f0b4fde2286575460b24bdadb02", + "links.active.foregroundColor": "0b600d072d7fb4e394001b58e8b5d795631986a0", + "links.visited.foregroundColor": "c0e6dc5838666ca34191b3a36cc363975e6f43cb", + "links.border_radius": "0c52eb9474d3a8595cdd56a99241423644d9ae47", + "form_control.input.disabled.opacity": "bd24a866582d19e37e0f31fb79358ee74e7a1456", + "form_control.input.border_radius": "e68f08dc8c312096b042f7ec96d21e27c1830c89", + "form_control.input.background_color": "fe7d4683ebda46180fbfffdaa1650a97d03a4c4e", + "form_control.input.placeholder_color": "32c2a0cde5018e45e968f945fa259238b07b20de", + "form_control.input.suggestion_color": "0f491d08ddf5c38bd5ba475bc298262e325194f3", + "form_control.input.populated_color": "46142cc13e2ebfd051612c628db90a4b52139e43", + "form_control.input.input_clearable.input_clearable_color": "054c598b1a3e37b1ba49955e6648db67a36ae6b6", + "form_control.input.input_clearable.size": "e6fb3909901e677fbc24c1f8f16b654e54f4ea21", + "form_control.input.gap": "1fdac909a71caae01c0b7af9086e44b52b585569", + "form_control.input.top": "870e01932716c076347f0063e78f97f3f381eee2", + "form_control.input.prefix_sufix.height": "38b31c82a38120d9f96b6f9b87122abc4e660b09", + "form_control.input.prefix_sufix.default_color": "fc0d66b914bd4136dc3f15f6662ce10b68ae188c", + "form_control.input.textfield.height": "4f58f1fd4d6ca0d1474aa2396b9f81b0a4c99baa", + "form_control.input.textfield.min_width": "238ed624c4aee10692033cff7631e0d9376613ee", + "form_control.input.color_picker.size": "b903e444ef0c017397fb96e996ecde925da5f0fa", + "form_control.input.input_icon.size": "f18942f77926a6fbde1ad4359cb5adc9c2ff2c84", + "form_control.input.input_icon.default_color": "744af6f4e4985d8dfc948fdc1af9868779a5edbd", + "form_control.input.input_icon.icon_end_color": "54ce680c782050ccde404a958d7bfe90d6cac949", + "form_control.input.focus_ring.default_color": "5e7f9dfa6d619bfb38067d67af7e79dddef6d930", + "form_control.input.textarea.height": "795a35ce2fdb5e1d9d1b486ad04d524c14128add", + "form_control.input.spinbutton_icon.size": "92fba778575f6985c42477cb1399119f8dc82bab", + "form_control.input.focus_selection.background_color": "8c6b546367ccf0c87a5cdf3e30fe6d573924ab6b", + "form_control.label.label_color": "1f704c1d0b4ad156f0476b6eded850c18fbacad3", + "form_control.label.indicator.required_color": "c654752381145e516d25dd2981ea954d3b9fe9c5", + "form_control.label.indicator.optional_color": "b3a4ef01fc2ddd171e95d82aadfe77e558a5b3f4", + "form_control.label.icon_size": "69dfa1a47154cfbc4f9a596f1602d0cd96d7ed27", + "form_control.label.tooltip_trigger.color": "a51fa73548d3d486cd6a0079bcf13830d7e14823", + "form_control.label.tooltip_trigger.border_radius": "745899192109572fd30ad59c70b78e660dcd7c15", + "form_control.form_field.gap": "395de836d3d61aabbe60f3eda9b8525bddcbaedc", + "form_control.group.gap_items": "e0836e29b0ba2c5561a5b6ff57b5a2e125705a2e", + "form_control.helper.gap": "aa3ea794acd979a5add34d1430993049a1c30829", + "form_control.helper.default_color": "9fdcf96126d689c4425bfa4d43dfdb9f340c4355", + "form_control.helper.error_color": "89dfc8a3ca291c1b121c003be1468be90fad2fa5", + "form_control.helper.icon_size": "f62ff13cb087d2bfe0d6a33a0760330700ba246d", + "form_control.spin_button.gap": "bf9b841f855ecece7686248a5a96737d8c5a34de", + "form_control.spinner.track": "f2eb74752623ec02a04e23f57ce17f966c652e64", + "form_control.spinner.error_color": "7efb455078e7b890c94381dd59c4c94b2b6e2d50", + "form_control.textarea.padding": "1c230cbf31f4982864cf2d9b2a95a95be49c5752", + "form_control.focus_ring.border_radius": "af3685c87465820397da12b09f59a184b9688fb2", "radio_button.icon.default.unselected_foreground_color": "262e5350c2b84876e2b2c44cda746ab7e77f02ed", "radio_button.icon.default.selected_foreground_color": "c320c5887a8ed088e0e48eb6867f73c8d85d9cb0", "radio_button.icon.hover.foreground_color": "123508246c9089bc00991532cd61dd4eb6067375", @@ -1596,273 +1870,6 @@ "selector_card.disabled.selected_indicator.selected.foreground_color": "7c92122f2bae2f13720954cfa46383a333b0a546", "selector_card.disabled.selected_indicator.unselected.foreground_color": "7260bb429270e2d0002b4e467c772bb4a74a1738", "cta_group.gap": "6a7c25f79e1025f0d0439588d2c0f48ad53b5e65", - "form_control.input.disabled.opacity": "bd24a866582d19e37e0f31fb79358ee74e7a1456", - "form_control.input.border_radius": "e68f08dc8c312096b042f7ec96d21e27c1830c89", - "form_control.input.background_color": "fe7d4683ebda46180fbfffdaa1650a97d03a4c4e", - "form_control.input.placeholder_color": "32c2a0cde5018e45e968f945fa259238b07b20de", - "form_control.input.suggestion_color": "0f491d08ddf5c38bd5ba475bc298262e325194f3", - "form_control.input.populated_color": "46142cc13e2ebfd051612c628db90a4b52139e43", - "form_control.input.input_clearable.input_clearable_color": "054c598b1a3e37b1ba49955e6648db67a36ae6b6", - "form_control.input.input_clearable.size": "e6fb3909901e677fbc24c1f8f16b654e54f4ea21", - "form_control.input.gap": "1fdac909a71caae01c0b7af9086e44b52b585569", - "form_control.input.top": "870e01932716c076347f0063e78f97f3f381eee2", - "form_control.input.prefix_sufix.height": "38b31c82a38120d9f96b6f9b87122abc4e660b09", - "form_control.input.prefix_sufix.default_color": "fc0d66b914bd4136dc3f15f6662ce10b68ae188c", - "form_control.input.textfield.height": "4f58f1fd4d6ca0d1474aa2396b9f81b0a4c99baa", - "form_control.input.textfield.min_width": "238ed624c4aee10692033cff7631e0d9376613ee", - "form_control.input.color_picker.size": "b903e444ef0c017397fb96e996ecde925da5f0fa", - "form_control.input.input_icon.size": "f18942f77926a6fbde1ad4359cb5adc9c2ff2c84", - "form_control.input.input_icon.default_color": "744af6f4e4985d8dfc948fdc1af9868779a5edbd", - "form_control.input.input_icon.icon_end_color": "54ce680c782050ccde404a958d7bfe90d6cac949", - "form_control.input.focus_ring.default_color": "5e7f9dfa6d619bfb38067d67af7e79dddef6d930", - "form_control.input.textarea.height": "795a35ce2fdb5e1d9d1b486ad04d524c14128add", - "form_control.input.spinbutton_icon.size": "92fba778575f6985c42477cb1399119f8dc82bab", - "form_control.input.focus_selection.background_color": "8c6b546367ccf0c87a5cdf3e30fe6d573924ab6b", - "form_control.label.label_color": "1f704c1d0b4ad156f0476b6eded850c18fbacad3", - "form_control.label.indicator.required_color": "c654752381145e516d25dd2981ea954d3b9fe9c5", - "form_control.label.indicator.optional_color": "b3a4ef01fc2ddd171e95d82aadfe77e558a5b3f4", - "form_control.label.icon_size": "69dfa1a47154cfbc4f9a596f1602d0cd96d7ed27", - "form_control.label.tooltip_trigger.color": "a51fa73548d3d486cd6a0079bcf13830d7e14823", - "form_control.label.tooltip_trigger.border_radius": "745899192109572fd30ad59c70b78e660dcd7c15", - "form_control.form_field.gap": "287a7f4fa84b57c6d2d1ea1f04b9f7d59199ebe3", - "form_control.group.gap_items": "e0836e29b0ba2c5561a5b6ff57b5a2e125705a2e", - "form_control.helper.gap": "aa3ea794acd979a5add34d1430993049a1c30829", - "form_control.helper.default_color": "9fdcf96126d689c4425bfa4d43dfdb9f340c4355", - "form_control.helper.error_color": "89dfc8a3ca291c1b121c003be1468be90fad2fa5", - "form_control.helper.icon_size": "f62ff13cb087d2bfe0d6a33a0760330700ba246d", - "form_control.spin_button.gap": "bf9b841f855ecece7686248a5a96737d8c5a34de", - "form_control.spinner.track": "f2eb74752623ec02a04e23f57ce17f966c652e64", - "form_control.spinner.error_color": "7efb455078e7b890c94381dd59c4c94b2b6e2d50", - "form_control.textarea.padding": "1c230cbf31f4982864cf2d9b2a95a95be49c5752", - "form_control.focus_ring.border_radius": "af3685c87465820397da12b09f59a184b9688fb2", - "copy_to_clipboard.label.active.background_color": "db7de504f66bde8b493ed20638e9564cc6e8db9d", - "copy_to_clipboard.label.foreground_color": "5dc78c49255fbbfea8d0c89f94a867d02ba2cd8a", - "copy_to_clipboard.label.border_radius": "e45a308dd7a57c0fcef003fef8a9ef951dbca93a", - "copy_to_clipboard.gap": "4939b9066c65ea6bdda0e7ba2abc60c445be0ccb", - "copy_to_clipboard.content_container.gap": "dfde5b25e6acb83756dc1c38c8482ef2560044e5", - "copy_to_clipboard.icon_container.padding": "2f28a37a7cd0daf84dc06bf3e7fd17df8ded5ffa", - "copy_to_clipboard.tooltip_icon.success.foreground_color": "73bb47ccd4f842b424b1663d793d88126509c2ee", - "copy_to_clipboard.tooltip_icon.error.foreground_color": "83c7d936ce7e9b7a65825f0353ac1d49f4a692f4", - "dismiss_button.foreground_color": "b5b8858cccd92ade4915178cfde1299198727ff6", - "button.default.height": "124ecd552c9e06a1f4a56008da535c60229ae2e1", - "button.default.padding_icon_only": "a294507baf550d23a88ca1d618f15808c519578c", - "button.icon_only.width": "b9514d062f00cda296d36a6efe1737c28a27ad54", - "button.icon.size": "f8f235ee08730d2f59cb1962a0d64ca83da13830", - "button.compact.height": "e55acdc27bda26224c4c1a363dbc1363f18094bf", - "button.compact.padding_icon_only": "f0e9f4bf32b049b7dd033d0fa502ce4334083bae", - "button.gap": "310b8269d38f338b56949fc7b5fd31657215c9b8", - "button.primary.default.background_color": "bfe97315c4cfe88baf89874f5ef1b63b266bc034", - "button.primary.default.foreground_color": "09aa7ceb9dc319ed3efa3791ee743bd581f2614c", - "button.primary.hover.background_color": "70079037072b02e8f41e77f853441984d8286b25", - "button.primary.hover.foreground_color": "5f7b8348d96b3819b09ece32bb9ad23f39a2cb04", - "button.primary.active.background_color": "4e886e7be8a4208a3b8e568b85a7a1876037e6f5", - "button.primary.active.foreground_color": "95c8be610e6257b6688c260595de510323643fc6", - "button.secondary.default.background_color": "6a25f14847dfaf881d13206dd4e2da3192c416ad", - "button.secondary.default.foreground_color": "41d5051f9f04264bde7eec9e7592241a4ea98111", - "button.secondary.hover.background_color": "20b018d0327b6b4fc2fd1dea6bb0ba41cd869e2d", - "button.secondary.hover.foreground_color": "4ee157bb3758b039425cd82964dd0f229555e710", - "button.secondary.active.background_color": "db162e90b7359f0c387f1c8922caae1d5752cb43", - "button.secondary.active.foreground_color": "0bd172e42dba5cf88e35af457084ba01b57ced14", - "button.tertiary.default.background_color": "4b4312bc399534292864a568e887ad56a3961101", - "button.tertiary.default.foreground_color": "cfc65bf3c372514a2fe0ad96005508a00780bb67", - "button.tertiary.hover.background_color": "74b3f1f972cff1b190ed7da2fccc46e272afa6ab", - "button.tertiary.hover.foreground_color": "d1399ef34506efcb10c5a64ade3a7f32b4525c34", - "button.tertiary.active.background_color": "39f163b7096350d8b19c7109f48dcd10bef22c73", - "button.tertiary.active.foreground_color": "ee22a149df7f1b122798f0e70f6db2689ea30276", - "button.ghost.default.background_color": "d1088f47fa2e5395e76b64ae8bc3c16ec8bc25e6", - "button.ghost.default.foreground_color": "5b4e064a08354124fad500c8c7404db2cae93813", - "button.ghost.hover.background_color": "e58003fd6b372aabfa3f19a6e8c4b28dd2cd6070", - "button.ghost.hover.foreground_color": "b2aff0dad536881ea1835122aa63c3b77c76dde1", - "button.ghost.active.background_color": "7c03c89e4eba458b49cccb2b2e1ed5f409ec583e", - "button.ghost.active.foreground_color": "ec76a03955492350eca3f04a084307794c75b0df", - "button.danger.default.background_color": "81f7653587a89c995bb566aeb7dcee02de467ccb", - "button.danger.default.foreground_color": "63c64cec70a0412b67e8decb7aad7e44aad0fb15", - "button.danger.hover.background_color": "d6d5c7c2932450c3322359e292d4b3c61cebe6eb", - "button.danger.hover.foreground_color": "e5709b922b7e3e4583709f0d3adca72d7a8b2217", - "button.danger.active.background_color": "c09c72f5bd5008ed045c61199c33643f57a0bc38", - "button.danger.active.foreground_color": "19023a1bc25114eec9877f2d63d44c2adf93dc92", - "button.border_radius": "4c06c4ebb5f152b18fd3a5974e3241646fab4dc3", - "button.disabled.opacity": "4f1ed75171d42021ca97df977920747ff82ba02b", - "action_button.right_segment.size": "67f86eb222626f7e4c839dd168aa7f920a325593", - "action_button.height": "4070314212b52d24753525d41e82f1ccc81727b7", - "action_button.focus.height": "2d8294fb50954ab385e79e9a6d094036eba9af2a", - "action_button.left_segment.gap": "6612e9289bf7077473e295600be04f8782b2f972", - "action_button.border_radius": "f2411b15d6dbad9d76f608c0f2ee0c7e858fd188", - "links.as_button.height": "e6bd3038d01ad73eae8e87cd2a48d3456d3148a1", - "links.as_button.padding": "f53865e1622aa1e03234f91ea1fb333e637e036a", - "links.as_button.gap": "b0201df9c1aa51d3fae32092d113b87e8d417d40", - "links.in_line.medium.height": "1e346f6214fefb8820ec4e9c997c1607087ebab2", - "links.in_line.small.height": "aaab9b25951cd802995ed08e25f1af5b7d2e807f", - "links.in_line.padding": "5cf3107e92f49bae81657a362827a8bc7aa7a238", - "links.icon": "f24ede73090df2430ddbe4f0e3fe45f80114d814", - "links.default.foregroundColor": "eeade26948539e4e8fd5b584100a5c60884ba68b", - "links.disabled.foregroundColor": "71d9f3b0ba03a2b5fd344a952144bd78607c801c", - "links.hover.foregroundColor": "77bc001d3ff96f0b4fde2286575460b24bdadb02", - "links.active.foregroundColor": "0b600d072d7fb4e394001b58e8b5d795631986a0", - "links.visited.foregroundColor": "c0e6dc5838666ca34191b3a36cc363975e6f43cb", - "links.border_radius": "0c52eb9474d3a8595cdd56a99241423644d9ae47", - "card.background-color": "f1ee3f17d5190864c318ecdf9f74569843a5a447", - "card.border_radius": "27d8a98ce6e6f6132f91ec3fd77a758a74c2969a", - "card.border_radius-copy": "87d0cb9888261fffa790be906f39a7b790747a7c", - "card.padding": "af1ed011aaf01f9be7575a712353e25bb6aaeeda", - "tooltip.light.background_color": "05ae3c8ab3aa8ad19b4e54e876c7ddb015649050", - "tooltip.light.foreground_color": "22a3415175c18086f4a0ec30fe57099d874f0618", - "tooltip.dark.background_color": "bf65dd11afdeb56537f297f46d96aaf081fe1575", - "tooltip.dark.foreground_color": "aad6bd6cd15b82fb51b3d9098e9fc956492c018e", - "tooltip.dark.icon_color": "a33bb53c22e9565f495b1f607360a8a3c4eb630b", - "tooltip.height": "451c9968eea2a5fd8ca8fa8b055c16e8a93c07d5", - "tooltip.gap": "809739f9c2be3e7dae33599229a5a64f7b2ccab5", - "tooltip.border_radius": "b63c3a0940002aaabc65802c8cf1cc1a2b5a7af6", - "tag.border_radius": "13a2f21bf65ab489d6d6351eb91ba5da318971cf", - "tag.default.background_color": "b7e4ffa7b67305ef64b38ac203ea8143b068c9b3", - "tag.default.foreground_color": "9b776711ebbcb5d89d7428640c37fdde20d8a516", - "tag.default.bold.background_color": "f0801cada48224bb5dcc4de3c93e18c7ee4356e6", - "tag.default.bold.foreground_color": "9c8e2f2e2fa84a26de8931b23b29612eabe2c576", - "tag.default.subtle.background_color": "6bc27b11979757f5a19b50df729b688896e10af1", - "tag.default.subtle.foreground_color": "d95cb0b5aa910c56793207e62de945f43a4446c2", - "tag.accent1.background_color": "9fd1c9402b8afc26961e02195ce433f5cb82eb52", - "tag.accent1.foreground_color": "a1370c20816222dcb925f46ec6631e08b1974977", - "tag.accent1.bold.background_color": "beafa3f96bec0c7a7c32c6c92c6ccdf0c0bd53af", - "tag.accent1.bold.foreground_color": "4b19618943e877c66b376e4e2f1aa95a62a9b351", - "tag.accent1.subtle.background_color": "d1135607b2be2ae6a671889c94279d7fc388c99f", - "tag.accent1.subtle.foreground_color": "78f92d3a7e949d5c41c47213cd5dec027a633602", - "tag.accent2.background_color": "396d0a42a431289c980805df27d216dac9c3dd8a", - "tag.accent2.foreground_color": "752ad35e686e1706a8ca424768bb87de39d40561", - "tag.accent2.bold.background_color": "37407422be0fbc9e2211b0ff9b3cce98bf823ff5", - "tag.accent2.bold.foreground_color": "a574129fc6dcc93587b348f2c658f6e674e58427", - "tag.accent2.subtle.background_color": "329855aefd78e6af41f4e82c11c6cb9e89798e33", - "tag.accent2.subtle.foreground_color": "a5c41a966e0bd181cd214a6f8eec6c02fe129351", - "tag.accent3.background_color": "bfe99a33ca0ac72dab2dd2af4c634c192715c6f4", - "tag.accent3.foreground_color": "0f757713ff7bd225f87248a46e4cd313d9f8ea22", - "tag.accent3.bold.background_color": "5606a0c113a969c8360ed8f9cf97db35c5cba530", - "tag.accent3.bold.foreground_color": "5e41c5d86930a8353b32fa1f487a042ff5da051c", - "tag.accent3.subtle.background_color": "49d89e2720a91de6ffcf5b9369f4f1d6031fdf70", - "tag.accent3.subtle.foreground_color": "309df2fb8a51b4d422ac90b6161fbf6e723715e1", - "tag.accent4.background_color": "b6bda1527a1e7e5a9116adbf37756f1a17ae39af", - "tag.accent4.foreground_color": "cba87338617fe00d16667207ad1566a4f3e3cfd9", - "tag.accent4.bold.background_color": "00d09cef981a59709f8d214d61dcb548767e5feb", - "tag.accent4.bold.foreground_color": "36b0666809680acafdec872dabc1256cb152f170", - "tag.accent4.subtle.background_color": "8844e28bedb43b52a83e1ad59d54de6e85f88f36", - "tag.accent4.subtle.foreground_color": "dc33d65d3723bd5ebc779c79d74869db35cb7bf5", - "tag.accent5.background_color": "25a66388d8a3ebaaaf8bb0deec4b489bf51ea30d", - "tag.accent5.foreground_color": "58f43e1eb770a60ea044513cf7e5520ab2acef49", - "tag.accent5.bold.background_color": "eb46c726f84b68a6bf04e2159d79e88362201cde", - "tag.accent5.bold.foreground_color": "7690cbfae35b58008681bc24c0e4200d46e99fd7", - "tag.accent5.subtle.background_color": "b75bf6929ec3de604629579f4e4839e47df6aff5", - "tag.accent5.subtle.foreground_color": "efdbf971b6fb7526101c368d020ac552a116d551", - "tag.accent6.background_color": "7ba6b63f80f6d96eef51c2c8175d32cc2f657549", - "tag.accent6.foreground_color": "3f5bbc5370b8979fa490f66029f441d058ccef97", - "tag.accent6.subtle.background_color": "bd01472b7efd8ec08d79fc981fcfff17d796c9ec", - "tag.accent6.subtle.foreground_color": "d6236da5b2577b04109774c3f6757347efc3faf7", - "tag.accent6.bold.background_color": "f0eb3f7874e78a4860216fe083edb86020a07d94", - "tag.accent6.bold.foreground_color": "119637db5cc9fd74a4e77285674ed048865d1669", - "tag.removable.gap": "9058105f6808e515e7d8f56bb577e09b32b29712", - "tag.accent7.background_color": "0d03495d887cf027b21ef5c8f524a0277a5f4fd1", - "tag.accent7.foreground_color": "dc70425e228ac9a2feb547c0c01ebbc724241d1d", - "tag.accent7.bold.background_color": "3a30a6a170f35bafa3ec12510fe787d5cb41549f", - "tag.accent7.bold.foreground_color": "21159398e825e5313cf35187847777c31c739087", - "tag.accent7.subtle.background_color": "751cf8bbec934c5a2cfdff30e891fdeb50b58c8f", - "tag.accent7.subtle.foreground_color": "b3631fb7deea51407c2d6aea4795f3f9ed35ad0b", - "tag.height": "e9309fcc80d32def245cdc96775974d4e981581f", - "tag.accent8.background_color": "41af2051ec00a33ab4a5fc2607fc1fb6521e657b", - "tag.accent8.foreground_color": "e78ee58cb2982ccfa563361330691e8c9b630ece", - "tag.accent8.bold.background_color": "73aa087317949a561808a6cc5559acb864666c63", - "tag.accent8.bold.foreground_color": "47fda7dd66e6a4142390c8f7e71cd79ea84b7291", - "tag.accent8.subtle.background_color": "3b84bc6d40c7f0b2b605cba0614a5358abbe7e00", - "tag.accent8.subtle.foreground_color": "20ccb00ab45db6be7b394d047f1b41358c18516c", - "tag.accent9.background_color": "bf3baa7cfa3b8b82a391eb78d1b053f051b76028", - "tag.accent9.foreground_color": "bc46797aa573d7cf1bf798dce7586b4b74db7bcd", - "tag.accent9.bold.background_color": "7c9e21f0980823838b4f06a092c2b502a3d46b4e", - "tag.accent9.bold.foreground_color": "1a54c5425366fd1006b152f94a5d78789502545b", - "tag.accent9.subtle.background_color": "a62e8ef230f3521e314249247c3f2c36112d75ed", - "tag.accent9.subtle.foreground_color": "9329bd44cde0f501761dd33a8fb9d804600bd18e", - "tag.accent10.background_color": "28562113da211759274d487b679c5c952440d59c", - "tag.accent10.foreground_color": "8ed48317feb1e6c1573a0d19bde9c7d194c2f71c", - "tag.accent10.bold.background_color": "8a4a37be57151ddc9a0343ca35a0fe815bce0430", - "tag.accent10.bold.foreground_color": "d24a955466cc455408713180dd46468a296aaac3", - "tag.accent10.subtle.background_color": "6e78d36bd1153272c497766a7893d4a557d4cec5", - "tag.accent10.subtle.foreground_color": "de9d2643795b82f12764d2772eebcaa9aaa19f5b", - "tag.button.size": "b89944815d1348e8e100e9e15164ee02addcc328", - "tag.disabled.opacity": "4686e04bf41023acfe02f0c0f3996b11bf386586", - "badge.border_radius": "fb9b771968e3d2aa1547680c49d74d5f7e5a1a21", - "badge.height": "88bd7ef802b516665aa3e763d4a3965dab8709ce", - "badge.gap": "3cfe1b1e02eea560bdb398fc2d08c10774cf5b73", - "badge.info.bold.background_color": "cb3c8465483ad611e783476ac912060bdbd2488e", - "badge.info.bold.foreground_color": "82d40846575f861cbaf30a223888d909951e39c8", - "badge.info.regular.background_color": "e05588f7d163258d580f20d24173d6635d0ffe20", - "badge.info.regular.foreground_color": "62c6444020ed704fdd2db185f295eb347b948e8d", - "badge.success.bold.background_color": "ed2d601ee6cf1764cc5e5fe95f9cb949f87b070e", - "badge.success.bold.foreground_color": "d83ec5e29ed9a0059955b5d3673c6fc57be9475d", - "badge.success.regular.background_color": "3544ff08346f7dbf6671a71c50898d4d51bbaffd", - "badge.success.regular.foreground_color": "227eeb4d05c984f0da7898f2d5e677fab9a8c070", - "badge.warning.bold.background_color": "ac2a1529a77a335e75a81e7999e5856229ca6cd8", - "badge.warning.bold.foreground_color": "39f6bf3c0f8a44032f937c9c71bc77df25cdbaca", - "badge.warning.regular.background_color": "16f7276bb4acb61c678ab53d36e68a9275bf468e", - "badge.warning.regular.foreground_color": "5aecbd68cf547e4eca00050c3f937771e42c096f", - "badge.error.bold.background_color": "2d0fe3c970f8ef05b24ef98f0ef2e7a65d20ce19", - "badge.error.bold.foreground_color": "ffe2b5ee5cd8364ff2d04b60e0f887d790b265b2", - "badge.error.regular.background_color": "16665e85e31f82623f6862ea6b439fd127222b9d", - "badge.error.regular.foreground_color": "ebb30a11c3ee8aa59833f875c9f86a5177828e42", - "icon.small.size": "f9e82f0373fd079ede6735bd78c52a6e549b71b0", - "icon.medium.size": "13b7eaa882a7e0d4cbdf0b2c71e8a903d787d711", - "icon.large.size": "76850618a70c2e8a3b70d7e78e8805d5cfae4b3f", - "icon.color": "ca5de8c4cd9790146ab3703aff601167640a2b3f", - "alert.gap": "f25dc8e33c902fc7b92c02249f017b53a565556f", - "alert.info.background_color": "b06353b25fda08941b50a976e517f5ec049a6413", - "alert.info.foreground_color": "c2ab4a1329b12a6e96425c2425ee7c8b8b3ed26a", - "alert.info.icon_color": "3378ad2d261fcd0a807c5959b599c00e1c20b70d", - "alert.success.background_color": "9c250ce9c474695bbcdcfaae0a5dccbfee7d8a66", - "alert.success.foreground_color": "5d1849c59324b1ccf23013969c130518d640b835", - "alert.success.icon_color": "efc102a878e0a1626a4999d8c0ba451381798687", - "alert.warning.background_color": "46c4d58a952ccd61e0f5e72d618a93665c2d7617", - "alert.warning.foreground_color": "304b4ee8ee77f3f6fa2ffff274af525f9253f587", - "alert.warning.icon_color": "e494305e7c2a6aea9f7c851d92d4632501b0aabf", - "alert.error.background_color": "bffa25bf00c1a715fa9ce76e3e1e5b47bee6d044", - "alert.error.foreground_color": "2e2aca1c408159347c38578c5a56ac163815ed37", - "alert.error.icon_color": "cfd2be88f84a30a85d574dad2eacf5d8a69a2ec1", - "alert.border_radius": "791ee2e0a0a58f36bd6e7717176b11316f9940ff", - "rating.default.color": "e0f06d402e54165be7068e89bdc78562e105d29e", - "rating.active.color": "06dd7a36bd9f43ab8662492f72f09af7c1c51945", - "rating.hover.color": "8a5c56bfc9d2aa60ea88064feaf56e97f3dfabbe", - "rating.disabled.color": "f2a71724fb1f4610e543e1b7dac0cd232a5d8761", - "rating.disabled.opacity": "b6947bfb98536fc1e8f3237440cf750eccd793ae", - "rating.size": "d2190374146c90579ac7ab880dcd369b477b0b50", - "rating.star.gap": "5e912ecfa0a6f621bedce72bace0f2793a011868", - "breadcrumbs.primary.height": "4cf8e7ee9cf37606f8fa853034e6a3454285f20b", - "breadcrumbs.secondary.height": "a2b5dd743b257f4666ad24649d3da9c200d1fc60", - "breadcrumbs.separator.color": "5c6ae92648b02d9ddf098be8d91e0fab335c6645", - "breadcrumbs.border_radius": "78630522a3d4a5508711f97c1a2ed85b754fa2ef", - "segmented_control.button.gap": "b9ea50de532ef24a6919b01071b9265dab1dc23e", - "segmented_control.button.middle.border_radius": "ebfa483bd42a8aee4119101177bdfffa70b7dd6a", - "segmented_control.button.disabled.opacity": "85d6f9974a72e4bf4a16f6771af7113d38917928", - "segmented_control.button.disabled.background_color": "312c173943ba2a8faeb0a5e98b822ca5e687ad1d", - "segmented_control.button.disabled.foreground_color": "decbc1bd7b7e7c43f83e500883ab4749c5249abe", - "segmented_control.button.default.background_color": "d1f5f2acb6df2e7fe5db5f21fac8b73cd5f5201f", - "segmented_control.button.default.foreground_color": "a1b63d9526165bb30624b0e3a37be05c9bc0d17c", - "segmented_control.button.hover.background_color": "443e77f24aa1720feda75ce70d0253e4590cadb1", - "segmented_control.button.hover.foreground_color": "5ac33d2c94e94cf9184dcabcfc72bbf6965feefc", - "segmented_control.button.active.background_color": "d5444acf89bbcc1f538fc7707350b4dab59d1b97", - "segmented_control.button.active.foreground_color": "16a1733644819abe1ac32f39ea6e41b4be325162", - "segmented_control.border_radius": "c424ce6a693de298491e62d0769e536c52a1d604", - "segmented_control.height": "debcde88da731ee099c2676aa641d2694c12bee9", - "segmented_control.focus.offset": "37ee9842b7dfaeca6597c9aaa7acf49a771cd7eb", - "form_footer.page.desktop.bottom_padding": "441544687995cf3958a7d284d2fc9237d73ef75f", - "form_footer.page.desktop.top_padding": "f148215482260ad835f5c1289fc9bb4722c76c3c", - "form_footer.page.desktop.horizontal_padding": "3f5aaf7eea6641cc9b1a29502cb2a7ac284a9856", - "form_footer.page.desktop.gap": "898a31b962c7fa2bb45f7e79c354da79888cd06e", - "form_footer.page.mobile.bottom_padding": "7fdeeee11eefb6bbcb6f001fd87f45f2f4202134", - "form_footer.page.mobile.top_padding": "ad0622e379b61c89f8de582cb8734d54082d4e43", - "form_footer.page.mobile.horizontal_padding": "b3b3a70360ea0d91f5ff0584d4736e4ce6a3fae3", - "form_footer.page.mobile.gap": "5649171dd07005c619effa45639d11fac759f25c", - "form_footer.side_sheet.desktop.bottom_padding": "8eb64280a113da818b151e58c02a48c9b1d4d5a3", - "form_footer.side_sheet.desktop.top_padding": "19b69efbcbbde698673baada12ad259c851d87d7", - "form_footer.side_sheet.desktop.horizontal_padding": "2476529718295157f5d82e19f13cd7af10d6fe52", - "form_footer.side_sheet.desktop.gap": "e6e26dfee97b80b82b14c32854d5a067e9844470", - "form_footer.modal.desktop.bottom_padding": "8a83b6640dbdd60b149beeae4693167863759082", - "form_footer.modal.desktop.top_padding": "b14d3a9ad6947a042fdc3ddd106217b6345bea7f", - "form_footer.modal.desktop.horizontal_padding": "2dafc1786b3dbe723af13d827a6360ecdc41d1c1", - "form_footer.modal.desktop.gap": "4a66b95f5b7f40506f5610ad53edc1f48e1df87e", - "form_footer.background_color": "175ccc38d28e5344f21ced588c099d07abda0aa4", "search.counter.default.foreground_color": "e5de080b19affe2ef5e547992204cb36def8159f", "search.counter.hover.foreground_color": "f127cad01e368199f1d70db2952b4313b386e758", "search.counter.divider.foreground_color": "62ea55cb86ba9e8271103206b8d18be1179f087f", @@ -2257,4 +2264,4 @@ }, "group": ".ui" } -] +] \ No newline at end of file diff --git a/packages/genesys-spark-tokens/data/core.json b/packages/genesys-spark-tokens/data/core.json index f34413bd22..479256e64d 100644 --- a/packages/genesys-spark-tokens/data/core.json +++ b/packages/genesys-spark-tokens/data/core.json @@ -123,679 +123,723 @@ "value": "#00000000", "type": "color" }, - "cornflower": { + "mineral": { "100": { - "value": "#f2f2f3", + "value": "#DDEAF7", "type": "color" }, "200": { - "value": "#e4e5e7", + "value": "#CDE0F4", "type": "color" }, "300": { - "value": "#c6c8ce", + "value": "#BCD6F0", "type": "color" }, "400": { - "value": "#a3a7b0", + "value": "#9AC1E8", "type": "color" }, "500": { - "value": "#767c8d", + "value": "#79ADE1", "type": "color" }, "600": { - "value": "#626e84", + "value": "#5798D9", "type": "color" }, "700": { - "value": "#3e5374", + "value": "#467AAE", "type": "color" }, "800": { - "value": "#23395d", + "value": "#345B82", "type": "color" }, "900": { - "value": "#1b2c48", + "value": "#233D57", "type": "color" }, "1000": { - "value": "#0f1929", + "value": "#1A2E41", "type": "color" } }, - "islandaqua": { + "plum": { "100": { - "value": "#EDF8F9", + "value": "#EEE3FF", "type": "color" }, "200": { - "value": "#DAF0F4", + "value": "#E6D6FF", "type": "color" }, "300": { - "value": "#B5E2E8", + "value": "#DEC8FF", "type": "color" }, "400": { - "value": "#90D3DD", + "value": "#CDACFF", "type": "color" }, "500": { - "value": "#6BC5D1", + "value": "#BD91FF", "type": "color" }, "600": { - "value": "#46B6C6", + "value": "#AC75FF", "type": "color" }, "700": { - "value": "#2C808C", + "value": "#8A5ECC", "type": "color" }, "800": { - "value": "#0C6D7E", + "value": "#674699", "type": "color" }, "900": { - "value": "#115D71", + "value": "#452F66", "type": "color" }, "1000": { - "value": "#094052", + "value": "#34234D", "type": "color" } }, - "tomato": { + "raspberry": { "100": { - "value": "#fef3f3", + "value": "#FADFF5", "type": "color" }, "200": { - "value": "#fee8e6", + "value": "#F7CFF0", "type": "color" }, "300": { - "value": "#fecfcb", + "value": "#F5BFEB", "type": "color" }, "400": { - "value": "#feb2ab", + "value": "#EF9EE1", "type": "color" }, "500": { - "value": "#fe8f85", + "value": "#EA7ED7", "type": "color" }, "600": { - "value": "#fe624d", + "value": "#E55ECD", "type": "color" }, "700": { - "value": "#e35744", + "value": "#B74BA4", "type": "color" }, "800": { - "value": "#c44b3b", + "value": "#89387B", "type": "color" }, "900": { - "value": "#a03d30", + "value": "#5C2652", "type": "color" }, "1000": { - "value": "#712b22", + "value": "#451C3E", "type": "color" } }, - "lavenderhaze": { + "coral": { "100": { - "value": "#fbfcfe", + "value": "#FFDEE4", "type": "color" }, "200": { - "value": "#f3f5fb", + "value": "#FFCED6", "type": "color" }, "300": { - "value": "#e8ebf7", + "value": "#FFBEC9", "type": "color" }, "400": { - "value": "#d1d7ef", + "value": "#FF9DAD", "type": "color" }, "500": { - "value": "#c6ceec", + "value": "#FF7D92", "type": "color" }, "600": { - "value": "#b5bfe6", + "value": "#FF5C77", "type": "color" }, "700": { - "value": "#a8b4e2", + "value": "#CC4A5F", "type": "color" }, "800": { - "value": "#9ba9dd", + "value": "#993747", "type": "color" }, "900": { - "value": "#7785b8", + "value": "#662530", "type": "color" }, "1000": { - "value": "#626d97", + "value": "#4D1C24", "type": "color" } }, - "blueberry": { - "50": { - "value": "#EFF0FE", - "type": "color" - }, + "mango": { "100": { - "value": "#DEE1FD", + "value": "#FFF4DC", "type": "color" }, "200": { - "value": "#CED2FC", + "value": "#FFEECA", "type": "color" }, "300": { - "value": "#9CA6F9", + "value": "#FFE8B9", "type": "color" }, "400": { - "value": "#7B88F7", + "value": "#FFDD96", "type": "color" }, "500": { - "value": "#5A6AF5", + "value": "#FFD173", "type": "color" }, "600": { - "value": "#4856CB", + "value": "#FFC650", "type": "color" }, "700": { - "value": "#3742A2", + "value": "#CC9E40", "type": "color" }, "800": { - "value": "#252E78", + "value": "#997730", "type": "color" }, "900": { - "value": "#1C2463", + "value": "#664F20", "type": "color" }, "1000": { - "value": "#141A4F", + "value": "#4D3B18", "type": "color" } }, - "mineral": { + "pear": { "100": { - "value": "#DDEAF7", + "value": "#EDF5DF", "type": "color" }, "200": { - "value": "#CDE0F4", + "value": "#E3EECC", "type": "color" }, "300": { - "value": "#BCD6F0", + "value": "#D9E8BB", "type": "color" }, "400": { - "value": "#9AC1E8", + "value": "#C6DD98", "type": "color" }, "500": { - "value": "#79ADE1", + "value": "#B3D176", "type": "color" }, "600": { - "value": "#5798D9", + "value": "#A0C654", "type": "color" }, "700": { - "value": "#467AAE", + "value": "#809E43", "type": "color" }, "800": { - "value": "#345B82", + "value": "#607732", "type": "color" }, "900": { - "value": "#233D57", + "value": "#404F22", "type": "color" }, "1000": { - "value": "#1A2E41", + "value": "#303B19", "type": "color" } }, - "plum": { + "jade": { "100": { - "value": "#EEE3FF", + "value": "#DFF5F0", "type": "color" }, "200": { - "value": "#E6D6FF", + "value": "#CCEEE6", "type": "color" }, "300": { - "value": "#DEC8FF", + "value": "#BBE8DE", "type": "color" }, "400": { - "value": "#CDACFF", + "value": "#98DDCD", "type": "color" }, "500": { - "value": "#BD91FF", + "value": "#76D1BC", "type": "color" }, "600": { - "value": "#AC75FF", + "value": "#54C6AB", "type": "color" }, "700": { - "value": "#8A5ECC", + "value": "#439E89", "type": "color" }, "800": { - "value": "#674699", + "value": "#327767", "type": "color" }, "900": { - "value": "#452F66", + "value": "#224F45", "type": "color" }, "1000": { - "value": "#34234D", + "value": "#193B33", "type": "color" } }, - "raspberry": { + "pepper": { "100": { - "value": "#FADFF5", + "value": "#F9D3DA", "type": "color" }, "200": { - "value": "#F7CFF0", + "value": "#F3A7B5", "type": "color" }, "300": { - "value": "#F5BFEB", + "value": "#EE7A8F", "type": "color" }, "400": { - "value": "#EF9EE1", + "value": "#E84E6A", "type": "color" }, "500": { - "value": "#EA7ED7", + "value": "#E22245", "type": "color" }, "600": { - "value": "#E55ECD", + "value": "#B51B37", "type": "color" }, "700": { - "value": "#B74BA4", + "value": "#881429", "type": "color" }, "800": { - "value": "#89387B", + "value": "#5A0E1C", "type": "color" }, "900": { - "value": "#5C2652", + "value": "#440A15", "type": "color" }, "1000": { - "value": "#451C3E", + "value": "#2D070E", "type": "color" } }, - "coral": { + "honey": { "100": { - "value": "#FFDEE4", + "value": "#FEF4D8", "type": "color" }, "200": { - "value": "#FFCED6", + "value": "#FCE9B2", "type": "color" }, "300": { - "value": "#FFBEC9", + "value": "#FBDD8B", "type": "color" }, "400": { - "value": "#FF9DAD", + "value": "#F9D265", "type": "color" }, "500": { - "value": "#FF7D92", + "value": "#F8C73E", "type": "color" }, "600": { - "value": "#FF5C77", + "value": "#C9A132", "type": "color" }, "700": { - "value": "#CC4A5F", + "value": "#9A7B25", "type": "color" }, "800": { - "value": "#993747", + "value": "#6C5619", "type": "color" }, "900": { - "value": "#662530", + "value": "#3D300C", "type": "color" }, "1000": { - "value": "#4D1C24", + "value": "#251D06", "type": "color" } }, - "mango": { + "emerald": { "100": { - "value": "#FFF4DC", + "value": "#CEF0E6", "type": "color" }, "200": { - "value": "#FFEECA", + "value": "#9DE1CD", "type": "color" }, "300": { - "value": "#FFE8B9", + "value": "#6BD3B3", "type": "color" }, "400": { - "value": "#FFDD96", + "value": "#3AC49A", "type": "color" }, "500": { - "value": "#FFD173", + "value": "#09B581", "type": "color" }, "600": { - "value": "#FFC650", + "value": "#079167", "type": "color" }, "700": { - "value": "#CC9E40", + "value": "#056D4D", "type": "color" }, "800": { - "value": "#997730", + "value": "#044834", "type": "color" }, "900": { - "value": "#664F20", + "value": "#033627", "type": "color" }, "1000": { - "value": "#4D3B18", + "value": "#02241A", "type": "color" } }, - "pear": { + "violet": { "100": { - "value": "#EDF5DF", + "value": "#E2DFF8", "type": "color" }, "200": { - "value": "#E3EECC", + "value": "#C5BEF1", "type": "color" }, "300": { - "value": "#D9E8BB", + "value": "#A89EE9", "type": "color" }, "400": { - "value": "#C6DD98", + "value": "#8B7DE2", "type": "color" }, "500": { - "value": "#B3D176", + "value": "#6E5DDB", "type": "color" }, "600": { - "value": "#A0C654", + "value": "#594BB2", "type": "color" }, "700": { - "value": "#809E43", + "value": "#443989", "type": "color" }, "800": { - "value": "#607732", + "value": "#2E275F", "type": "color" }, "900": { - "value": "#404F22", + "value": "#241E4B", "type": "color" }, "1000": { - "value": "#303B19", + "value": "#191536", "type": "color" } }, - "jade": { + "genesys_navy": { + "50": { + "value": "#f0f1f5", + "type": "color" + }, "100": { - "value": "#DFF5F0", + "value": "#dfe3ec", "type": "color" }, "200": { - "value": "#CCEEE6", + "value": "#bfc6d9", "type": "color" }, "300": { - "value": "#BBE8DE", + "value": "#9faac6", "type": "color" }, "400": { - "value": "#98DDCD", + "value": "#808db2", "type": "color" }, "500": { - "value": "#76D1BC", + "value": "#596ea6", "type": "color" }, "600": { - "value": "#54C6AB", + "value": "#3d538f", "type": "color" }, "700": { - "value": "#439E89", + "value": "#263b73", "type": "color" }, "800": { - "value": "#327767", + "value": "#152550", "type": "color" }, "900": { - "value": "#224F45", + "value": "#141c34", + "type": "color" + }, + "950": { + "value": "#141929", "type": "color" }, "1000": { - "value": "#193B33", + "value": "#0f1219", "type": "color" } }, - "pepper": { + "island": { + "50": { + "value": "#e6f4fa", + "type": "color" + }, "100": { - "value": "#F9D3DA", + "value": "#cdeaf5", "type": "color" }, "200": { - "value": "#F3A7B5", + "value": "#9fd6ea", "type": "color" }, "300": { - "value": "#EE7A8F", + "value": "#81cbe5", "type": "color" }, "400": { - "value": "#E84E6A", + "value": "#53bee5", "type": "color" }, "500": { - "value": "#E22245", + "value": "#28afe0", "type": "color" }, "600": { - "value": "#B51B37", + "value": "#1589b2", "type": "color" }, "700": { - "value": "#881429", + "value": "#056385", "type": "color" }, "800": { - "value": "#5A0E1C", + "value": "#04445c", "type": "color" }, "900": { - "value": "#440A15", + "value": "#003447", + "type": "color" + }, + "950": { + "value": "#002533", "type": "color" }, "1000": { - "value": "#2D070E", + "value": "#00161f", "type": "color" } }, - "honey": { + "genesys_orange": { + "50": { + "value": "#ffece8", + "type": "color" + }, "100": { - "value": "#FEF4D8", + "value": "#ffdad1", "type": "color" }, "200": { - "value": "#FCE9B2", + "value": "#ffb5a3", "type": "color" }, "300": { - "value": "#FBDD8B", + "value": "#ff8f76", "type": "color" }, "400": { - "value": "#F9D265", + "value": "#ff6a48", "type": "color" }, "500": { - "value": "#F8C73E", + "value": "#ff451a", "type": "color" }, "600": { - "value": "#C9A132", + "value": "#cc3715", "type": "color" }, "700": { - "value": "#9A7B25", + "value": "#992910", "type": "color" }, "800": { - "value": "#6C5619", + "value": "#661c0a", "type": "color" }, "900": { - "value": "#3D300C", + "value": "#4d1508", + "type": "color" + }, + "950": { + "value": "#330e05", "type": "color" }, "1000": { - "value": "#251D06", + "value": "#1a0703", "type": "color" } }, - "emerald": { + "azure_blue": { + "50": { + "value": "#eff3ff", + "type": "color" + }, "100": { - "value": "#CEF0E6", + "value": "#d5def7", "type": "color" }, "200": { - "value": "#9DE1CD", + "value": "#adbff0", "type": "color" }, "300": { - "value": "#6BD3B3", + "value": "#829ce5", "type": "color" }, "400": { - "value": "#3AC49A", + "value": "#5476d5", "type": "color" }, "500": { - "value": "#09B581", + "value": "#2954cb", "type": "color" }, "600": { - "value": "#079167", + "value": "#2143a2", "type": "color" }, "700": { - "value": "#056D4D", + "value": "#19327a", "type": "color" }, "800": { - "value": "#044834", + "value": "#102251", "type": "color" }, "900": { - "value": "#033627", + "value": "#0c193d", + "type": "color" + }, + "950": { + "value": "#081129", "type": "color" }, "1000": { - "value": "#02241A", + "value": "#040814", "type": "color" } }, - "violet": { + "haze": { + "50": { + "value": "#f5f6fa", + "type": "color" + }, "100": { - "value": "#E2DFF8", + "value": "#ebedf5", + "type": "color" + }, + "150": { + "value": "#dce1ed", "type": "color" }, "200": { - "value": "#C5BEF1", + "value": "#cad1e1", "type": "color" }, "300": { - "value": "#A89EE9", + "value": "#c1c6d4", "type": "color" }, "400": { - "value": "#8B7DE2", + "value": "#b2b7c4", "type": "color" }, "500": { - "value": "#6E5DDB", + "value": "#a3a8b5", "type": "color" }, "600": { - "value": "#594BB2", + "value": "#848891", "type": "color" }, "700": { - "value": "#443989", + "value": "#6a6d75", "type": "color" }, "800": { - "value": "#2E275F", + "value": "#4f5157", + "type": "color" + }, + "850": { + "value": "#3e4044", "type": "color" }, "900": { - "value": "#241E4B", + "value": "#2a2a2e", + "type": "color" + }, + "950": { + "value": "#1e1e21", "type": "color" }, "1000": { - "value": "#191536", + "value": "#131315", "type": "color" } } diff --git a/packages/genesys-spark-tokens/data/semantic/mode/dark.json b/packages/genesys-spark-tokens/data/semantic/mode/dark.json index a14b4e92f9..a93e260b45 100644 --- a/packages/genesys-spark-tokens/data/semantic/mode/dark.json +++ b/packages/genesys-spark-tokens/data/semantic/mode/dark.json @@ -183,6 +183,11 @@ "type": "color", "description": "The default background color for smaller error elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.error.30}", + "type": "color", + "description": "The default background color for bold error elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.error.5}", "type": "color", @@ -195,6 +200,11 @@ "type": "color", "description": "The default background color for smaller warning elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.warning.30}", + "type": "color", + "description": "The default background color for bold warning elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.warning.5}", "type": "color", @@ -207,6 +217,11 @@ "type": "color", "description": "The default background color for smaller success elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.success.30}", + "type": "color", + "description": "The default background color for bold success elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.success.5}", "type": "color", @@ -219,6 +234,11 @@ "type": "color", "description": "The default background color for smaller info elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.info.30}", + "type": "color", + "description": "The default background color for bold info elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.info.5}", "type": "color", @@ -231,6 +251,11 @@ "type": "color", "description": "Although this tokens has the same value as tonal_subtle, it is needed to match the structure of the other statuses." }, + "tonal_medium-copy": { + "value": "{theme.background.system.primary.30}", + "type": "color", + "description": "Although this tokens has no current use, it is needed to match the structure of the other statuses." + }, "tonal_subtle": { "value": "{theme.background.system.primary.10}", "type": "color", diff --git a/packages/genesys-spark-tokens/data/semantic/mode/light.json b/packages/genesys-spark-tokens/data/semantic/mode/light.json index a14b4e92f9..58a1e481eb 100644 --- a/packages/genesys-spark-tokens/data/semantic/mode/light.json +++ b/packages/genesys-spark-tokens/data/semantic/mode/light.json @@ -183,6 +183,11 @@ "type": "color", "description": "The default background color for smaller error elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.error.30}", + "type": "color", + "description": "The default background color for bold error elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.error.5}", "type": "color", @@ -195,6 +200,11 @@ "type": "color", "description": "The default background color for smaller warning elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.warning.30}", + "type": "color", + "description": "The default background color for bold warning elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.warning.5}", "type": "color", @@ -207,6 +217,11 @@ "type": "color", "description": "The default background color for smaller success elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.success.30}", + "type": "color", + "description": "The default background color for bold success elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.success.5}", "type": "color", @@ -219,6 +234,11 @@ "type": "color", "description": "The default background color for smaller info elements like badges that need a slightly more saturated color that tonal_subtle because of their size." }, + "tonal_high": { + "value": "{theme.background.system.info.30}", + "type": "color", + "description": "The default background color for bold info elements like bold badges." + }, "tonal_subtle": { "value": "{theme.background.system.info.5}", "type": "color", @@ -231,6 +251,11 @@ "type": "color", "description": "Although this tokens has the same value as tonal_subtle, it is needed to match the structure of the other statuses." }, + "tonal_high": { + "value": "{theme.background.system.primary.30}", + "type": "color", + "description": "Although this tokens has no current use, it is needed to match the structure of the other statuses." + }, "tonal_subtle": { "value": "{theme.background.system.primary.10}", "type": "color", diff --git a/packages/genesys-spark-tokens/data/semantic/theme/flare.json b/packages/genesys-spark-tokens/data/semantic/theme/flare.json index e8e8722bf6..acc6de057f 100644 --- a/packages/genesys-spark-tokens/data/semantic/theme/flare.json +++ b/packages/genesys-spark-tokens/data/semantic/theme/flare.json @@ -20,37 +20,37 @@ "type": "color" }, "20": { - "value": "{color.lavenderhaze.100}", + "value": "{color.haze.50}", "type": "color" }, "30": { - "value": "{color.lavenderhaze.200}", + "value": "{color.haze.100}", "type": "color" }, "40": { - "value": "{color.blueberry.50}", + "value": "{color.azure_blue.50}", "type": "color" }, "50": { - "value": "{color.blueberry.100}", + "value": "{color.azure_blue.100}", "type": "color" }, "60": { - "value": "{color.blueberry.200}", + "value": "{color.azure_blue.200}", "type": "color" } }, "secondary": { "10": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" }, "20": { - "value": "{color.blueberry.700}", + "value": "{color.azure_blue.700}", "type": "color" }, "30": { - "value": "{color.blueberry.800}", + "value": "{color.azure_blue.800}", "type": "color" } }, @@ -60,25 +60,25 @@ "type": "color" }, "20": { - "value": "{color.cornflower.300}", + "value": "{color.haze.300}", "type": "color" } }, "high_contrast": { "10": { - "value": "{color.cornflower.900}", + "value": "{color.haze.900}", "type": "color" }, "20": { - "value": "{color.blueberry.900}", + "value": "{color.azure_blue.900}", "type": "color" }, "30": { - "value": "{color.blueberry.1000}", + "value": "{color.azure_blue.950}", "type": "color" }, "40": { - "value": "{color.black}", + "value": "{color.haze.1000}", "type": "color" } } @@ -90,14 +90,14 @@ "type": "color" }, "20": { - "value": "{color.cornflower.300}", + "value": "{color.haze.300}", "type": "color" } } }, "overlay": { "10": { - "value": "{color.cornflower.700}", + "value": "{color.genesys_navy.700}", "type": "color", "$extensions": { "studio.tokens": { @@ -113,49 +113,49 @@ "system": { "primary": { "10": { - "value": "{color.blueberry.100}", + "value": "{color.azure_blue.100}", "type": "color" }, "20": { - "value": "{color.blueberry.300}", + "value": "{color.azure_blue.300}", "type": "color" }, "30": { - "value": "{color.blueberry.500}", + "value": "{color.azure_blue.500}", "type": "color" }, "40": { - "value": "{color.blueberry.700}", + "value": "{color.azure_blue.700}", "type": "color" }, "50": { - "value": "{color.blueberry.900}", + "value": "{color.azure_blue.900}", "type": "color" } }, "info": { "5": { - "value": "{color.violet.100}", + "value": "{color.genesys_navy.50}", "type": "color" }, "10": { - "value": "{color.violet.200}", + "value": "{color.genesys_navy.100}", "type": "color" }, "20": { - "value": "{color.violet.300}", + "value": "{color.genesys_navy.300}", "type": "color" }, "30": { - "value": "{color.violet.500}", + "value": "{color.genesys_navy.600}", "type": "color" }, "40": { - "value": "{color.violet.700}", + "value": "{color.genesys_navy.700}", "type": "color" }, "50": { - "value": "{color.violet.900}", + "value": "{color.genesys_navy.900}", "type": "color" } }, @@ -176,6 +176,10 @@ "value": "{color.emerald.500}", "type": "color" }, + "35": { + "value": "{color.emerald.600}", + "type": "color" + }, "40": { "value": "{color.emerald.700}", "type": "color" @@ -241,11 +245,11 @@ "custom_accents": { "bold": { "10": { - "value": "{color.cornflower.700}", + "value": "{color.genesys_navy.700}", "type": "color" }, "20": { - "value": "{color.lavenderhaze.1000}", + "value": "{color.genesys_navy.500}", "type": "color" }, "30": { @@ -253,7 +257,7 @@ "type": "color" }, "40": { - "value": "{color.islandaqua.800}", + "value": "{color.island.700}", "type": "color" }, "50": { @@ -277,7 +281,7 @@ "type": "color" }, "100": { - "value": "{color.tomato.800}", + "value": "{color.genesys_orange.700}", "type": "color" }, "110": { @@ -285,7 +289,7 @@ "type": "color" }, "120": { - "value": "{color.islandaqua.300}", + "value": "{color.island.300}", "type": "color" }, "130": { @@ -295,11 +299,11 @@ }, "subtle": { "10": { - "value": "{color.cornflower.300}", + "value": "{color.genesys_navy.300}", "type": "color" }, "20": { - "value": "{color.lavenderhaze.400}", + "value": "{color.haze.400}", "type": "color" }, "30": { @@ -307,7 +311,7 @@ "type": "color" }, "40": { - "value": "{color.islandaqua.400}", + "value": "{color.island.300}", "type": "color" }, "50": { @@ -331,7 +335,7 @@ "type": "color" }, "100": { - "value": "{color.tomato.400}", + "value": "{color.genesys_orange.200}", "type": "color" }, "110": { @@ -339,7 +343,7 @@ "type": "color" }, "120": { - "value": "{color.islandaqua.200}", + "value": "{color.island.200}", "type": "color" } }, @@ -357,11 +361,11 @@ "type": "color" }, "40": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" }, "50": { - "value": "{color.cornflower.600}", + "value": "{color.haze.600}", "type": "color" }, "60": { @@ -369,7 +373,7 @@ "type": "color" }, "70": { - "value": "{color.tomato.600}", + "value": "{color.genesys_orange.500}", "type": "color" } } @@ -378,15 +382,15 @@ "foreground": { "primary": { "10": { - "value": "{color.cornflower.700}", + "value": "{color.haze.800}", "type": "color" }, "20": { - "value": "{color.cornflower.800}", + "value": "{color.haze.850}", "type": "color" }, "30": { - "value": "{color.cornflower.900}", + "value": "{color.haze.900}", "type": "color" } }, @@ -396,29 +400,29 @@ "type": "color" }, "20": { - "value": "{color.cornflower.500}", + "value": "{color.haze.600}", "type": "color" }, "30": { - "value": "{color.cornflower.600}", + "value": "{color.haze.700}", "type": "color" } }, "tertiary": { "10": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" }, "20": { - "value": "{color.blueberry.700}", + "value": "{color.azure_blue.700}", "type": "color" }, "30": { - "value": "{color.blueberry.800}", + "value": "{color.azure_blue.800}", "type": "color" }, "05": { - "value": "{color.blueberry.300}", + "value": "{color.azure_blue.400}", "type": "color" } }, @@ -428,42 +432,42 @@ "type": "color" }, "20": { - "value": "{color.lavenderhaze.300}", + "value": "{color.haze.150}", "type": "color" }, "30": { - "value": "{color.lavenderhaze.500}", + "value": "{color.haze.300}", "type": "color" } }, "system": { "primary": { "10": { - "value": "{color.blueberry.500}", + "value": "{color.azure_blue.500}", "type": "color" } }, "info": { "10": { - "value": "{color.violet.500}", + "value": "{color.genesys_navy.600}", "type": "color" } }, "success": { "10": { - "value": "{color.emerald.500}", + "value": "{color.emerald.600}", "type": "color" } }, "warning": { "10": { - "value": "{color.honey.500}", + "value": "{color.honey.700}", "type": "color" } }, "error": { "10": { - "value": "{color.pepper.500}", + "value": "{color.pepper.600}", "type": "color" } } @@ -471,7 +475,7 @@ "special_accents": { "brand": { "10": { - "value": "{color_legacy.brand.brand_orange}", + "value": "{color.genesys_orange.500}", "type": "color" } }, @@ -484,44 +488,44 @@ }, "link": { "10": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" }, "20": { - "value": "{color.blueberry.700}", + "value": "{color.azure_blue.700}", "type": "color" }, "30": { - "value": "{color.blueberry.800}", + "value": "{color.azure_blue.800}", "type": "color" }, "40": { - "value": "{color.plum.700}", + "value": "{color.genesys_navy.600}", "type": "color" } }, "icon": { "10": { - "value": "{color.cornflower.700}", + "value": "{color.haze.800}", "type": "color" } }, "form_control": { "click_input": { "10": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" }, "20": { - "value": "{color.blueberry.700}", + "value": "{color.azure_blue.700}", "type": "color" }, "30": { - "value": "{color.blueberry.800}", + "value": "{color.azure_blue.800}", "type": "color" }, "50": { - "value": "{color.cornflower.500}", + "value": "{color.haze.500}", "type": "color" } } @@ -530,7 +534,7 @@ "border": { "focus": { "10": { - "value": "{color.blueberry.400}", + "value": "{color.azure_blue.400}", "type": "color" } }, @@ -540,52 +544,52 @@ "type": "color" }, "20": { - "value": "{color.cornflower.300}", + "value": "{color.haze.300}", "type": "color" }, "30": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" } }, "edges": { "default": { "10": { - "value": "{color.cornflower.300}", + "value": "{color.haze.300}", "type": "color" }, "20": { - "value": "{color.cornflower.700}", + "value": "{color.haze.800}", "type": "color" }, "30": { - "value": "{color.cornflower.900}", + "value": "{color.haze.850}", "type": "color" }, "05": { - "value": "{color.lavenderhaze.300}", + "value": "{color.haze.200}", "type": "color" } }, "enabled": { "10": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" } }, "hover": { "10": { - "value": "{color.blueberry.400}", + "value": "{color.azure_blue.400}", "type": "color" }, "20": { - "value": "{color.blueberry.800}", + "value": "{color.azure_blue.800}", "type": "color" } }, "active": { "10": { - "value": "{color.blueberry.700}", + "value": "{color.azure_blue.700}", "type": "color" } } @@ -593,7 +597,7 @@ "system": { "primary": { "10": { - "value": "{color.blueberry.300}", + "value": "{color.azure_blue.300}", "type": "color" } }, @@ -629,19 +633,19 @@ "inputs": { "default": { "10": { - "value": "{color.cornflower.400}", + "value": "{color.haze.500}", "type": "color" } }, "hover": { "10": { - "value": "{color.blueberry.700}", + "value": "{color.azure_blue.700}", "type": "color" } }, "active": { "10": { - "value": "{color.blueberry.800}", + "value": "{color.azure_blue.800}", "type": "color" } } diff --git a/packages/genesys-spark-tokens/data/semantic/theme/legacy.json b/packages/genesys-spark-tokens/data/semantic/theme/legacy.json index 665681bf41..2d7755ebb4 100644 --- a/packages/genesys-spark-tokens/data/semantic/theme/legacy.json +++ b/packages/genesys-spark-tokens/data/semantic/theme/legacy.json @@ -173,6 +173,10 @@ "type": "color" }, "30": { + "value": "{color_legacy.green.80}", + "type": "color" + }, + "35": { "value": "{color_legacy.green.60}", "type": "color" }, @@ -357,11 +361,11 @@ "type": "color" }, "40": { - "value": "{color.blueberry.600}", + "value": "{color.azure_blue.600}", "type": "color" }, "50": { - "value": "{color.cornflower.600}", + "value": "{color.haze.600}", "type": "color" }, "60": { @@ -369,7 +373,7 @@ "type": "color" }, "70": { - "value": "{color.tomato.600}", + "value": "{color.genesys_orange.500}", "type": "color" } } diff --git a/packages/genesys-spark-tokens/data/ui/data_display.json b/packages/genesys-spark-tokens/data/ui/data_display.json index 364b255fdb..ee5554dc3b 100644 --- a/packages/genesys-spark-tokens/data/ui/data_display.json +++ b/packages/genesys-spark-tokens/data/ui/data_display.json @@ -352,7 +352,7 @@ "type": "color" }, "foreground_color": { - "value": "{color.cornflower.900}", + "value": "{foreground.container.high_emphasis}", "type": "color" }, "count-display": { @@ -433,7 +433,7 @@ "type": "color" }, "offline": { - "value": "linear-gradient(135deg, {color.cornflower.500} 0%, {color.cornflower.400} 100%)", + "value": "linear-gradient(135deg, {background.system.status.offline} 0%, {background.system.status.offline} 100%)", "type": "color" }, "out_of_office": { @@ -711,7 +711,7 @@ }, "initials_foreground": { "default": { - "value": "{color.cornflower.900}", + "value": "{foreground.container.high_emphasis}", "type": "color" }, "inverse": { diff --git a/packages/genesys-spark-tokens/data/ui/feedback.json b/packages/genesys-spark-tokens/data/ui/feedback.json index e74b50a0b4..64f0186b6b 100644 --- a/packages/genesys-spark-tokens/data/ui/feedback.json +++ b/packages/genesys-spark-tokens/data/ui/feedback.json @@ -674,4 +674,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/genesys-spark-tokens/data/ui/forms_and_inputs.json b/packages/genesys-spark-tokens/data/ui/forms_and_inputs.json index 80b8272751..0798917b78 100644 --- a/packages/genesys-spark-tokens/data/ui/forms_and_inputs.json +++ b/packages/genesys-spark-tokens/data/ui/forms_and_inputs.json @@ -419,7 +419,7 @@ } }, "padding": { - "value": "{container.xs.padding} {container.2xs.padding}", + "value": "{container.xs.padding} 1px", "type": "spacing" }, "divider": { @@ -454,7 +454,7 @@ "type": "typography" }, "foreground_color": { - "value": "{color.cornflower.800}", + "value": "{foreground.container.high_emphasis}", "type": "color" } }, @@ -469,7 +469,7 @@ "type": "typography" }, "foreground_color": { - "value": "{color.cornflower.600}", + "value": "{foreground.container.mid_emphasis}", "type": "color" } } @@ -503,10 +503,6 @@ } }, "header_text": { - "foreground_color": { - "value": "{color.cornflower.600}", - "type": "color" - }, "value": "{body.sm.bold}", "type": "typography" }, @@ -576,23 +572,11 @@ }, "default_text": { "value": "{body.sm.regular}", - "type": "typography", - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color" - }, - "background_color": { - "value": "{color.cornflower.900}", - "type": "color" - } + "type": "typography" }, "current_text": { "value": "{body.sm.bold}", - "type": "typography", - "foreground_color": { - "value": "{color.cornflower.600}", - "type": "color" - } + "type": "typography" }, "focus_border_radius": { "value": "{theme.border_radius.focus.xlarge}", @@ -670,23 +654,11 @@ "date": { "default_text": { "value": "{body.sm.regular}", - "type": "typography", - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color" - }, - "background_color": { - "value": "{color.cornflower.900}", - "type": "color" - } + "type": "typography" }, "current_text": { "value": "{body.sm.bold}", - "type": "typography", - "foreground_color": { - "value": "{color.cornflower.600}", - "type": "color" - } + "type": "typography" }, "selected": { "foreground_color": { @@ -819,7 +791,7 @@ "type": "spacing" }, "background_color": { - "value": "{color.blueberry.100}", + "value": "{background.container.elevated.hover}", "type": "color" } }, @@ -836,22 +808,18 @@ } }, "icon_hover": { - "value": "{color.blueberry.700}", + "value": "{foreground.interactive.subtle.hover}", "type": "color" }, "icon_focus": { - "value": "{color.blueberry.700}", + "value": "{foreground.interactive.subtle.active}", "type": "color" } }, "toggle": { "label": { "value": "{body.sm.regular}", - "type": "typography", - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color" - } + "type": "typography" }, "gap": { "value": "{form_control.field.click_input.gap}", @@ -1293,18 +1261,18 @@ "dropdown": { "hover": { "background_color": { - "value": "#EFF0FE", + "value": "{background.container.elevated.hover}", "type": "color" } }, "active": { "background_color": { - "value": "#CED2FC", + "value": "{background.container.elevated.active}", "type": "color" } }, "foreground_color": { - "value": "#626E84", + "value": "{foreground.form_control.text_input.icon}", "type": "color" }, "flag": { @@ -1354,7 +1322,7 @@ }, "country_code": { "foreground_color": { - "value": "#626E84", + "value": "{foreground.container.high_emphasis}", "type": "color" } }, diff --git a/packages/genesys-spark-tokens/data/ui/navigation.json b/packages/genesys-spark-tokens/data/ui/navigation.json index a9f69b5c7f..b2b22b08a3 100644 --- a/packages/genesys-spark-tokens/data/ui/navigation.json +++ b/packages/genesys-spark-tokens/data/ui/navigation.json @@ -386,8 +386,8 @@ "focus": { "border": { "value": { - "color": "{color.blueberry.400}", - "width": "3px", + "color": "{border.focus}", + "width": "{focus_outline.md.border_width}", "style": "solid" }, "type": "border" @@ -412,33 +412,33 @@ }, "default": { "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.default}", "type": "color" } }, "hover": { "background_color": { - "value": "{color.blueberry.800}", + "value": "{background.interactive.primary.active}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.active}", "type": "color" } }, "selected": { "background_color": { - "value": "{color.blueberry.600}", + "value": "{background.interactive.primary.default}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.active}", "type": "color" } }, "disabled": { "background_color": { - "value": "{color.white}", + "value": "{background.container.elevated.default}", "type": "color" } }, @@ -458,50 +458,59 @@ }, "selected_panel": { "background_color": { - "value": "{color.blueberry.700}", + "value": "{background.interactive.primary.hover}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.hover}", "type": "color" } }, "return": { "default": { "background_color": { - "value": "{color.blueberry.900}", + "value": "{background.interactive.primary.hover}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.hover}", "type": "color" } }, "hover": { "background_color": { - "value": "{color.blueberry.1000}", + "value": "{background.interactive.primary.active}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.active}", "type": "color" } }, "selected": { "background_color": { - "value": "{color.blueberry.600}", + "value": "{background.interactive.primary.default}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.default}", "type": "color" } } }, "tree_view": { "bar": { - "value": "#314669", - "type": "color" + "value": "{border.container.divider}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": ".3", + "space": "lch" + } + } + } } } }, @@ -526,8 +535,8 @@ "tree_view": { "border": { "value": { - "color": "{color.cornflower.700}", - "width": "2px", + "color": "{global_nav.menu_option.tree_view.bar}", + "width": "{interactive.divider.lg.border_width}", "style": "solid" }, "type": "border" @@ -612,16 +621,16 @@ }, "frame": { "background_color": { - "value": "{color.white}", + "value": "{background.container.elevated.default}", "type": "color" }, "stroke": { - "value": "{color.lavenderhaze.500}", + "value": "{border.container.edges.default}", "type": "color" } }, "logo": { - "value": "#FF4F1F", + "value": "{foreground.container.special_accents.brand}", "type": "color", "description": "Brand Orange from Spark 1.0" }, @@ -629,21 +638,21 @@ "closed": { "default": { "foreground_color": { - "value": "{color.blueberry.600}", + "value": "{background.interactive.primary.default}", "type": "color" } }, "hover": { "background_color": { - "value": "{color.blueberry.700}", + "value": "{background.interactive.primary.hover}", "type": "color" }, "foreground_color_stroke": { - "value": "{color.blueberry.600}", + "value": "{background.interactive.primary.default}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.default}", "type": "color" } } @@ -651,17 +660,17 @@ "open": { "default": { "foreground_color_stroke": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.default}", "type": "color" } }, "hover": { "background_color": { - "value": "{color.blueberry.700}", + "value": "{background.interactive.primary.hover}", "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.hover}", "type": "color" } } diff --git a/packages/genesys-spark-tokens/data/ui/unordered.json b/packages/genesys-spark-tokens/data/ui/unordered.json index f2b10d6ba8..15d090714a 100644 --- a/packages/genesys-spark-tokens/data/ui/unordered.json +++ b/packages/genesys-spark-tokens/data/ui/unordered.json @@ -5,11 +5,7 @@ "type": "color" }, "border_radius": { - "value": "{theme.border_radius.container.large}", - "type": "borderRadius" - }, - "border_radius-copy": { - "value": "{theme.border_radius.container.large}", + "value": "{container.md.border_radius}", "type": "borderRadius" }, "default": { @@ -111,6 +107,10 @@ "text": { "value": "{body.sm.regular}", "type": "typography" + }, + "target_offset": { + "value": "{container.lg.gap}", + "type": "spacing" } }, "tag": { @@ -119,16 +119,6 @@ "type": "borderRadius" }, "default": { - "background_color": { - "value": "{color.cornflower.800}", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.white}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_1}", @@ -151,16 +141,6 @@ } }, "accent1": { - "background_color": { - "value": "{color.cornflower.200}", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_2}", @@ -183,16 +163,6 @@ } }, "accent2": { - "background_color": { - "value": "{color.islandaqua.400}", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_3}", @@ -215,16 +185,6 @@ } }, "accent3": { - "background_color": { - "value": "{color.islandaqua.800}", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.white}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_4}", @@ -247,16 +207,6 @@ } }, "accent4": { - "background_color": { - "value": "#547688", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.white}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_5}", @@ -279,16 +229,6 @@ } }, "accent5": { - "background_color": { - "value": "#a5cae0", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_13}", @@ -311,16 +251,6 @@ } }, "accent6": { - "background_color": { - "value": "{color.lavenderhaze.600}", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color", - "description": "To be deprecated in V5" - }, "subtle": { "background_color": { "value": "{background.system.custom_accents.subtle.accent_7}", @@ -361,16 +291,6 @@ } }, "accent7": { - "background_color": { - "value": "#A05195", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.white}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_8}", @@ -397,16 +317,6 @@ "type": "sizing" }, "accent8": { - "background_color": { - "value": "#F95D6A", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_9}", @@ -429,16 +339,6 @@ } }, "accent9": { - "background_color": { - "value": "#FE8F85", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_10}", @@ -461,16 +361,6 @@ } }, "accent10": { - "background_color": { - "value": "#FFC650", - "type": "color", - "description": "To be deprecated in V5" - }, - "foreground_color": { - "value": "{color.cornflower.900}", - "type": "color", - "description": "To be deprecated in V5" - }, "bold": { "background_color": { "value": "{background.system.custom_accents.bold.accent_11}", @@ -545,7 +435,7 @@ "info": { "bold": { "background_color": { - "value": "{foreground.system.info.accent}", + "value": "{background.system.info.tonal_high}", "type": "color" }, "foreground_color": { @@ -567,7 +457,7 @@ "success": { "bold": { "background_color": { - "value": "{foreground.system.success.accent}", + "value": "{background.system.success.tonal_high}", "type": "color" }, "foreground_color": { @@ -589,7 +479,7 @@ "warning": { "bold": { "background_color": { - "value": "{foreground.system.warning.accent}", + "value": "{background.system.warning.tonal_high}", "type": "color" }, "foreground_color": { @@ -611,7 +501,7 @@ "error": { "bold": { "background_color": { - "value": "{foreground.system.error.accent}", + "value": "{background.system.error.tonal_high}", "type": "color" }, "foreground_color": { @@ -903,7 +793,7 @@ }, "hover": { "background_color": { - "value": "{color.blueberry.100}", + "value": "{background.interactive.ghost.hover}", "type": "color" }, "foreground_color": { @@ -917,7 +807,7 @@ "type": "color" }, "foreground_color": { - "value": "{color.white}", + "value": "{foreground.interactive.primary.default}", "type": "color" } } diff --git a/packages/genesys-spark-tokens/reports/missing-old-tokens.json b/packages/genesys-spark-tokens/reports/missing-old-tokens.json index b730133100..d06ca202c2 100644 --- a/packages/genesys-spark-tokens/reports/missing-old-tokens.json +++ b/packages/genesys-spark-tokens/reports/missing-old-tokens.json @@ -1,4 +1,55 @@ [ + "--gse-core-color-blueberry-100", + "--gse-core-color-blueberry-1000", + "--gse-core-color-blueberry-200", + "--gse-core-color-blueberry-300", + "--gse-core-color-blueberry-400", + "--gse-core-color-blueberry-50", + "--gse-core-color-blueberry-500", + "--gse-core-color-blueberry-600", + "--gse-core-color-blueberry-700", + "--gse-core-color-blueberry-800", + "--gse-core-color-blueberry-900", + "--gse-core-color-cornflower-100", + "--gse-core-color-cornflower-1000", + "--gse-core-color-cornflower-200", + "--gse-core-color-cornflower-300", + "--gse-core-color-cornflower-400", + "--gse-core-color-cornflower-500", + "--gse-core-color-cornflower-600", + "--gse-core-color-cornflower-700", + "--gse-core-color-cornflower-800", + "--gse-core-color-cornflower-900", + "--gse-core-color-islandaqua-100", + "--gse-core-color-islandaqua-1000", + "--gse-core-color-islandaqua-200", + "--gse-core-color-islandaqua-300", + "--gse-core-color-islandaqua-400", + "--gse-core-color-islandaqua-500", + "--gse-core-color-islandaqua-600", + "--gse-core-color-islandaqua-700", + "--gse-core-color-islandaqua-800", + "--gse-core-color-islandaqua-900", + "--gse-core-color-lavenderhaze-100", + "--gse-core-color-lavenderhaze-1000", + "--gse-core-color-lavenderhaze-200", + "--gse-core-color-lavenderhaze-300", + "--gse-core-color-lavenderhaze-400", + "--gse-core-color-lavenderhaze-500", + "--gse-core-color-lavenderhaze-600", + "--gse-core-color-lavenderhaze-700", + "--gse-core-color-lavenderhaze-800", + "--gse-core-color-lavenderhaze-900", + "--gse-core-color-tomato-100", + "--gse-core-color-tomato-1000", + "--gse-core-color-tomato-200", + "--gse-core-color-tomato-300", + "--gse-core-color-tomato-400", + "--gse-core-color-tomato-500", + "--gse-core-color-tomato-600", + "--gse-core-color-tomato-700", + "--gse-core-color-tomato-800", + "--gse-core-color-tomato-900", "--gse-core-elevation-high-x", "--gse-core-elevation-high-y", "--gse-core-elevation-low-x", @@ -205,6 +256,7 @@ "--gse-ui-avatar-badge-away", "--gse-ui-calendarMenu-boxShadow-x", "--gse-ui-calendarMenu-boxShadow-y", + "--gse-ui-card-borderRadiusCopy", "--gse-ui-card-raised-boxShadow-x", "--gse-ui-card-raised-boxShadow-y", "--gse-ui-dataTableComposed-boxShadow-x", @@ -263,6 +315,28 @@ "--gse-ui-modal-heading-letterSpacing", "--gse-ui-popover-boxShadow-x", "--gse-ui-popover-boxShadow-y", + "--gse-ui-tag-accent1-backgroundColor", + "--gse-ui-tag-accent1-foregroundColor", + "--gse-ui-tag-accent10-backgroundColor", + "--gse-ui-tag-accent10-foregroundColor", + "--gse-ui-tag-accent2-backgroundColor", + "--gse-ui-tag-accent2-foregroundColor", + "--gse-ui-tag-accent3-backgroundColor", + "--gse-ui-tag-accent3-foregroundColor", + "--gse-ui-tag-accent4-backgroundColor", + "--gse-ui-tag-accent4-foregroundColor", + "--gse-ui-tag-accent5-backgroundColor", + "--gse-ui-tag-accent5-foregroundColor", + "--gse-ui-tag-accent6-backgroundColor", + "--gse-ui-tag-accent6-foregroundColor", + "--gse-ui-tag-accent7-backgroundColor", + "--gse-ui-tag-accent7-foregroundColor", + "--gse-ui-tag-accent8-backgroundColor", + "--gse-ui-tag-accent8-foregroundColor", + "--gse-ui-tag-accent9-backgroundColor", + "--gse-ui-tag-accent9-foregroundColor", + "--gse-ui-tag-default-backgroundColor", + "--gse-ui-tag-default-foregroundColor", "--gse-ui-tag-large-label-fontFamily", "--gse-ui-tag-large-label-fontSize", "--gse-ui-tag-large-label-fontWeight", diff --git a/packages/genesys-spark-tokens/reports/missing-used-tokens.json b/packages/genesys-spark-tokens/reports/missing-used-tokens.json index fe51488c70..d60e8b14bd 100644 --- a/packages/genesys-spark-tokens/reports/missing-used-tokens.json +++ b/packages/genesys-spark-tokens/reports/missing-used-tokens.json @@ -1 +1,6 @@ -[] +[ + "--gse-ui-tag-accent1-backgroundColor", + "--gse-ui-tag-accent1-foregroundColor", + "--gse-ui-tag-default-backgroundColor", + "--gse-ui-tag-default-foregroundColor" +] diff --git a/packages/genesys-spark-tokens/reports/new-new-tokens.json b/packages/genesys-spark-tokens/reports/new-new-tokens.json index 82bb621b03..7db94aeb94 100644 --- a/packages/genesys-spark-tokens/reports/new-new-tokens.json +++ b/packages/genesys-spark-tokens/reports/new-new-tokens.json @@ -3,6 +3,18 @@ "--gse-core-borderWidth-1", "--gse-core-borderWidth-2", "--gse-core-borderWidth-3", + "--gse-core-color-azureBlue-100", + "--gse-core-color-azureBlue-1000", + "--gse-core-color-azureBlue-200", + "--gse-core-color-azureBlue-300", + "--gse-core-color-azureBlue-400", + "--gse-core-color-azureBlue-50", + "--gse-core-color-azureBlue-500", + "--gse-core-color-azureBlue-600", + "--gse-core-color-azureBlue-700", + "--gse-core-color-azureBlue-800", + "--gse-core-color-azureBlue-900", + "--gse-core-color-azureBlue-950", "--gse-core-color-emerald-100", "--gse-core-color-emerald-1000", "--gse-core-color-emerald-200", @@ -13,6 +25,44 @@ "--gse-core-color-emerald-700", "--gse-core-color-emerald-800", "--gse-core-color-emerald-900", + "--gse-core-color-genesysNavy-100", + "--gse-core-color-genesysNavy-1000", + "--gse-core-color-genesysNavy-200", + "--gse-core-color-genesysNavy-300", + "--gse-core-color-genesysNavy-400", + "--gse-core-color-genesysNavy-50", + "--gse-core-color-genesysNavy-500", + "--gse-core-color-genesysNavy-600", + "--gse-core-color-genesysNavy-700", + "--gse-core-color-genesysNavy-800", + "--gse-core-color-genesysNavy-900", + "--gse-core-color-genesysNavy-950", + "--gse-core-color-genesysOrange-100", + "--gse-core-color-genesysOrange-1000", + "--gse-core-color-genesysOrange-200", + "--gse-core-color-genesysOrange-300", + "--gse-core-color-genesysOrange-400", + "--gse-core-color-genesysOrange-50", + "--gse-core-color-genesysOrange-500", + "--gse-core-color-genesysOrange-600", + "--gse-core-color-genesysOrange-700", + "--gse-core-color-genesysOrange-800", + "--gse-core-color-genesysOrange-900", + "--gse-core-color-genesysOrange-950", + "--gse-core-color-haze-100", + "--gse-core-color-haze-1000", + "--gse-core-color-haze-150", + "--gse-core-color-haze-200", + "--gse-core-color-haze-300", + "--gse-core-color-haze-400", + "--gse-core-color-haze-50", + "--gse-core-color-haze-500", + "--gse-core-color-haze-600", + "--gse-core-color-haze-700", + "--gse-core-color-haze-800", + "--gse-core-color-haze-850", + "--gse-core-color-haze-900", + "--gse-core-color-haze-950", "--gse-core-color-honey-100", "--gse-core-color-honey-1000", "--gse-core-color-honey-200", @@ -23,6 +73,18 @@ "--gse-core-color-honey-700", "--gse-core-color-honey-800", "--gse-core-color-honey-900", + "--gse-core-color-island-100", + "--gse-core-color-island-1000", + "--gse-core-color-island-200", + "--gse-core-color-island-300", + "--gse-core-color-island-400", + "--gse-core-color-island-50", + "--gse-core-color-island-500", + "--gse-core-color-island-600", + "--gse-core-color-island-700", + "--gse-core-color-island-800", + "--gse-core-color-island-900", + "--gse-core-color-island-950", "--gse-core-color-pepper-100", "--gse-core-color-pepper-1000", "--gse-core-color-pepper-200", @@ -213,11 +275,15 @@ "--gse-semantic-background-system-customAccents-subtle-accent_7", "--gse-semantic-background-system-customAccents-subtle-accent_8", "--gse-semantic-background-system-customAccents-subtle-accent_9", + "--gse-semantic-background-system-error-tonalHigh", "--gse-semantic-background-system-error-tonalMedium", "--gse-semantic-background-system-error-tonalSubtle", + "--gse-semantic-background-system-info-tonalHigh", "--gse-semantic-background-system-info-tonalMedium", "--gse-semantic-background-system-info-tonalSubtle", + "--gse-semantic-background-system-primary-tonalHigh", "--gse-semantic-background-system-primary-tonalMedium", + "--gse-semantic-background-system-primary-tonalMediumCopy", "--gse-semantic-background-system-primary-tonalSubtle", "--gse-semantic-background-system-progressAndLoading-default", "--gse-semantic-background-system-progressAndLoading-progressed", @@ -228,8 +294,10 @@ "--gse-semantic-background-system-status-offline", "--gse-semantic-background-system-status-onQueue", "--gse-semantic-background-system-status-outOfOffice", + "--gse-semantic-background-system-success-tonalHigh", "--gse-semantic-background-system-success-tonalMedium", "--gse-semantic-background-system-success-tonalSubtle", + "--gse-semantic-background-system-warning-tonalHigh", "--gse-semantic-background-system-warning-tonalMedium", "--gse-semantic-background-system-warning-tonalSubtle", "--gse-semantic-body-lg-bold-fontFamily", @@ -606,6 +674,7 @@ "--gse-semantic-theme-background-system-success-10", "--gse-semantic-theme-background-system-success-20", "--gse-semantic-theme-background-system-success-30", + "--gse-semantic-theme-background-system-success-35", "--gse-semantic-theme-background-system-success-40", "--gse-semantic-theme-background-system-success-5", "--gse-semantic-theme-background-system-success-50", @@ -807,5 +876,6 @@ "--gse-ui-toast-boxShadow-offsetX", "--gse-ui-toast-boxShadow-offsetY", "--gse-ui-tooltip-boxShadow-offsetX", - "--gse-ui-tooltip-boxShadow-offsetY" + "--gse-ui-tooltip-boxShadow-offsetY", + "--gse-ui-tooltip-targetOffset" ] diff --git a/packages/genesys-spark-tokens/reports/used-tokens.json b/packages/genesys-spark-tokens/reports/used-tokens.json index d8bbc6abcf..ef0a36b50e 100644 --- a/packages/genesys-spark-tokens/reports/used-tokens.json +++ b/packages/genesys-spark-tokens/reports/used-tokens.json @@ -65,7 +65,6 @@ "--gse-semantic-focusOutline-sm-borderWidth", "--gse-semantic-focusRing-cornerRadius", "--gse-semantic-focusRing-default-border-color", - "--gse-semantic-focusRing-default-border-style", "--gse-semantic-focusRing-default-border-width", "--gse-semantic-focusRing-offset", "--gse-semantic-focusRing-small-border-color", diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json index 58ea8b18c5..638c8150b1 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-core.json @@ -35,67 +35,6 @@ "white": "#ffffff", "black": "#000000", "transparent": "rgba(0, 0, 0, 0)", - "cornflower": { - "100": "#f2f2f3", - "200": "#e4e5e7", - "300": "#c6c8ce", - "400": "#a3a7b0", - "500": "#767c8d", - "600": "#626e84", - "700": "#3e5374", - "800": "#23395d", - "900": "#1b2c48", - "1000": "#0f1929" - }, - "islandaqua": { - "100": "#edf8f9", - "200": "#daf0f4", - "300": "#b5e2e8", - "400": "#90d3dd", - "500": "#6bc5d1", - "600": "#46b6c6", - "700": "#2c808c", - "800": "#0c6d7e", - "900": "#115d71", - "1000": "#094052" - }, - "tomato": { - "100": "#fef3f3", - "200": "#fee8e6", - "300": "#fecfcb", - "400": "#feb2ab", - "500": "#fe8f85", - "600": "#fe624d", - "700": "#e35744", - "800": "#c44b3b", - "900": "#a03d30", - "1000": "#712b22" - }, - "lavenderhaze": { - "100": "#fbfcfe", - "200": "#f3f5fb", - "300": "#e8ebf7", - "400": "#d1d7ef", - "500": "#c6ceec", - "600": "#b5bfe6", - "700": "#a8b4e2", - "800": "#9ba9dd", - "900": "#7785b8", - "1000": "#626d97" - }, - "blueberry": { - "50": "#eff0fe", - "100": "#dee1fd", - "200": "#ced2fc", - "300": "#9ca6f9", - "400": "#7b88f7", - "500": "#5a6af5", - "600": "#4856cb", - "700": "#3742a2", - "800": "#252e78", - "900": "#1c2463", - "1000": "#141a4f" - }, "mineral": { "100": "#ddeaf7", "200": "#cde0f4", @@ -227,6 +166,78 @@ "800": "#2e275f", "900": "#241e4b", "1000": "#191536" + }, + "genesys_navy": { + "50": "#f0f1f5", + "100": "#dfe3ec", + "200": "#bfc6d9", + "300": "#9faac6", + "400": "#808db2", + "500": "#596ea6", + "600": "#3d538f", + "700": "#263b73", + "800": "#152550", + "900": "#141c34", + "950": "#141929", + "1000": "#0f1219" + }, + "island": { + "50": "#e6f4fa", + "100": "#cdeaf5", + "200": "#9fd6ea", + "300": "#81cbe5", + "400": "#53bee5", + "500": "#28afe0", + "600": "#1589b2", + "700": "#056385", + "800": "#04445c", + "900": "#003447", + "950": "#002533", + "1000": "#00161f" + }, + "genesys_orange": { + "50": "#ffece8", + "100": "#ffdad1", + "200": "#ffb5a3", + "300": "#ff8f76", + "400": "#ff6a48", + "500": "#ff451a", + "600": "#cc3715", + "700": "#992910", + "800": "#661c0a", + "900": "#4d1508", + "950": "#330e05", + "1000": "#1a0703" + }, + "azure_blue": { + "50": "#eff3ff", + "100": "#d5def7", + "200": "#adbff0", + "300": "#829ce5", + "400": "#5476d5", + "500": "#2954cb", + "600": "#2143a2", + "700": "#19327a", + "800": "#102251", + "900": "#0c193d", + "950": "#081129", + "1000": "#040814" + }, + "haze": { + "50": "#f5f6fa", + "100": "#ebedf5", + "150": "#dce1ed", + "200": "#cad1e1", + "300": "#c1c6d4", + "400": "#b2b7c4", + "500": "#a3a8b5", + "600": "#848891", + "700": "#6a6d75", + "800": "#4f5157", + "850": "#3e4044", + "900": "#2a2a2e", + "950": "#1e1e21", + "1000": "#131315" } }, "font_family": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json index 5129646153..1232cc16a2 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-semantic.json @@ -25,58 +25,59 @@ "container": { "primary": { "10": "#ffffff", - "20": "#fbfcfe", - "30": "#f3f5fb", - "40": "#eff0fe", - "50": "#dee1fd", - "60": "#ced2fc" + "20": "#f5f6fa", + "30": "#ebedf5", + "40": "#eff3ff", + "50": "#d5def7", + "60": "#adbff0" }, "secondary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251" }, "tertiary": { "10": "rgba(0, 0, 0, 0)", - "20": "#c6c8ce" + "20": "#c1c6d4" }, "high_contrast": { - "10": "#1b2c48", - "20": "#1c2463", - "30": "#141a4f", - "40": "#000000" + "10": "#2a2a2e", + "20": "#0c193d", + "30": "#081129", + "40": "#131315" } }, "form_control": { "input": { "10": "#ffffff", - "20": "#c6c8ce" + "20": "#c1c6d4" } }, "overlay": { - "10": "#3e5374cc" + "10": "#263b73cc" }, "system": { "primary": { - "10": "#dee1fd", - "20": "#9ca6f9", - "30": "#5a6af5", - "40": "#3742a2", - "50": "#1c2463" + "10": "#d5def7", + "20": "#829ce5", + "30": "#2954cb", + "40": "#19327a", + "50": "#0c193d" }, "info": { - "5": "#e2dff8", - "10": "#c5bef1", - "20": "#a89ee9", - "30": "#6e5ddb", - "40": "#443989", - "50": "#241e4b" + "5": "#f0f1f5", + "10": "#dfe3ec", + "20": "#9faac6", + "30": "#3d538f", + "40": "#263b73", + "50": "#141c34" }, "success": { "5": "#cef0e6", "10": "#9de1cd", "20": "#6bd3b3", "30": "#09b581", + "35": "#079167", "40": "#056d4d", "50": "#033627" }, @@ -99,140 +100,140 @@ }, "custom_accents": { "bold": { - "10": "#3e5374", - "20": "#626d97", + "10": "#263b73", + "20": "#596ea6", "30": "#3ac49a", - "40": "#0c6d7e", + "40": "#056385", "50": "#607732", "60": "#467aae", "70": "#8a5ecc", "80": "#89387b", "90": "#ff5c77", - "100": "#c44b3b", + "100": "#992910", "110": "#ffc650", - "120": "#b5e2e8", + "120": "#81cbe5", "130": "#5798d9" }, "subtle": { - "10": "#c6c8ce", - "20": "#d1d7ef", + "10": "#9faac6", + "20": "#b2b7c4", "30": "#9de1cd", - "40": "#90d3dd", + "40": "#81cbe5", "50": "#c6dd98", "60": "#9ac1e8", "70": "#cdacff", "80": "#ef9ee1", "90": "#ff9dad", - "100": "#feb2ab", + "100": "#ffb5a3", "110": "#ffdd96", - "120": "#daf0f4" + "120": "#9fd6ea" }, "status": { "10": "#09b581", "20": "#e22245", "30": "#f8c73e", - "40": "#4856cb", - "50": "#626e84", + "40": "#2143a2", + "50": "#848891", "60": "#b74ba4", - "70": "#fe624d" + "70": "#ff451a" } } }, "foreground": { "primary": { - "10": "#3e5374", - "20": "#23395d", - "30": "#1b2c48" + "10": "#4f5157", + "20": "#3e4044", + "30": "#2a2a2e" }, "secondary": { "10": "#ffffff", - "20": "#767c8d", - "30": "#626e84" + "20": "#848891", + "30": "#6a6d75" }, "tertiary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "05": "#9ca6f9" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "05": "#5476d5" }, "high_contrast": { "10": "#ffffff", - "20": "#e8ebf7", - "30": "#c6ceec" + "20": "#dce1ed", + "30": "#c1c6d4" }, "system": { "primary": { - "10": "#5a6af5" + "10": "#2954cb" }, "info": { - "10": "#6e5ddb" + "10": "#3d538f" }, "success": { - "10": "#09b581" + "10": "#079167" }, "warning": { - "10": "#f8c73e" + "10": "#9a7b25" }, "error": { - "10": "#e22245" + "10": "#b51b37" } }, "special_accents": { "brand": { - "10": "#ff4f1f" + "10": "#ff451a" }, "ai": { "10": "#8a5ecc" } }, "link": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "40": "#8a5ecc" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "40": "#3d538f" }, "icon": { - "10": "#3e5374" + "10": "#4f5157" }, "form_control": { "click_input": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "50": "#767c8d" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "50": "#a3a8b5" } } }, "border": { "focus": { - "10": "#7b88f7" + "10": "#5476d5" }, "divider": { "10": "#ffffff", - "20": "#c6c8ce", - "30": "#4856cb" + "20": "#c1c6d4", + "30": "#2143a2" }, "edges": { "default": { - "10": "#c6c8ce", - "20": "#3e5374", - "30": "#1b2c48", - "05": "#e8ebf7" + "10": "#c1c6d4", + "20": "#4f5157", + "30": "#3e4044", + "05": "#cad1e1" }, "enabled": { - "10": "#4856cb" + "10": "#2143a2" }, "hover": { - "10": "#7b88f7", - "20": "#252e78" + "10": "#5476d5", + "20": "#102251" }, "active": { - "10": "#3742a2" + "10": "#19327a" } }, "system": { "primary": { - "10": "#9ca6f9" + "10": "#829ce5" }, "info": { "10": "#c5bef1" @@ -250,13 +251,13 @@ }, "inputs": { "default": { - "10": "#a3a7b0" + "10": "#a3a8b5" }, "hover": { - "10": "#3742a2" + "10": "#19327a" }, "active": { - "10": "#252e78" + "10": "#102251" } } }, @@ -291,29 +292,29 @@ "background": { "interactive": { "primary": { - "default": "#4856cb", - "hover": "#3742a2", - "active": "#252e78" + "default": "#2143a2", + "hover": "#19327a", + "active": "#102251" }, "secondary": { - "default": "#eff0fe", - "hover": "#dee1fd", - "active": "#ced2fc" + "default": "#eff3ff", + "hover": "#d5def7", + "active": "#adbff0" }, "tertiary": { "default": "rgba(0, 0, 0, 0)", - "hover": "#3742a2", - "active": "#252e78" + "hover": "#19327a", + "active": "#102251" }, "ghost": { "default": "rgba(0, 0, 0, 0)", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "subtle": { "default": "#ffffff", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "danger": { "default": "#e22245", @@ -323,97 +324,102 @@ }, "overlay": { "shroud": { - "default": "#3e5374cc" + "default": "#263b73cc" } }, "container": { "page": { "default": "#ffffff", - "tonal_subtle": "#fbfcfe", - "tonal_medium": "#f3f5fb", - "tonal_high": "#dee1fd" + "tonal_subtle": "#f5f6fa", + "tonal_medium": "#ebedf5", + "tonal_high": "#d5def7" }, "elevated": { "default": "#ffffff", - "hover": "#eff0fe", - "active": "#ced2fc", + "hover": "#eff3ff", + "active": "#adbff0", "error": "#f3a7b5" }, "high_constrast": { - "default": "#1b2c48", - "hover": "#141a4f", - "active": "#1c2463" + "default": "#2a2a2e", + "hover": "#081129", + "active": "#0c193d" } }, "system": { "error": { "tonal_medium": "#f3a7b5", + "tonal_high": "#e22245", "tonal_subtle": "#f9d3da" }, "warning": { "tonal_medium": "#fce9b2", + "tonal_high": "#f8c73e", "tonal_subtle": "#fef4d8" }, "success": { "tonal_medium": "#9de1cd", + "tonal_high": "#09b581", "tonal_subtle": "#cef0e6" }, "info": { - "tonal_medium": "#c5bef1", - "tonal_subtle": "#e2dff8" + "tonal_medium": "#dfe3ec", + "tonal_high": "#3d538f", + "tonal_subtle": "#f0f1f5" }, "primary": { - "tonal_medium": "#dee1fd", - "tonal_subtle": "#dee1fd" + "tonal_medium": "#d5def7", + "tonal_medium-copy": "#2954cb", + "tonal_subtle": "#d5def7" }, "custom_accents": { "bold": { - "accent_1": "#3e5374", - "accent_2": "#626d97", + "accent_1": "#263b73", + "accent_2": "#596ea6", "accent_3": "#3ac49a", - "accent_4": "#0c6d7e", + "accent_4": "#056385", "accent_5": "#607732", "accent_6": "#467aae", "accent_7": "#8a5ecc", "accent_8": "#89387b", "accent_9": "#ff5c77", - "accent_10": "#c44b3b", + "accent_10": "#992910", "accent_11": "#ffc650", - "accent_12": "#b5e2e8", + "accent_12": "#81cbe5", "accent_13": "#5798d9" }, "subtle": { - "accent_1": "#c6c8ce", - "accent_2": "#d1d7ef", + "accent_1": "#9faac6", + "accent_2": "#b2b7c4", "accent_3": "#9de1cd", - "accent_4": "#90d3dd", + "accent_4": "#81cbe5", "accent_5": "#c6dd98", "accent_6": "#9ac1e8", "accent_7": "#cdacff", "accent_8": "#ef9ee1", "accent_9": "#ff9dad", - "accent_10": "#feb2ab", + "accent_10": "#ffb5a3", "accent_11": "#ffdd96", - "accent_12": "#daf0f4" + "accent_12": "#9fd6ea" } }, "progress_and_loading": { - "default": "#dee1fd", - "progressed": "#4856cb" + "default": "#d5def7", + "progressed": "#2143a2" }, "status": { "available": "#09b581", "busy": "#e22245", "away": "#f8c73e", - "on_queue": "#4856cb", - "offline": "#626e84", + "on_queue": "#2143a2", + "offline": "#848891", "out_of_office": "#b74ba4", - "notification": "#fe624d" + "notification": "#ff451a" } }, "form_control": { "click_input": { - "track": "#c6c8ce" + "track": "#c1c6d4" }, "text_input": { "track": "#ffffff" @@ -428,24 +434,24 @@ "hover": "#ffffff" }, "secondary": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "tertiary": { - "default": "#4856cb", + "default": "#2143a2", "active": "#ffffff", "hover": "#ffffff" }, "ghost": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "subtle": { - "default": "#3e5374", - "active": "#1b2c48", - "hover": "#23395d" + "default": "#4f5157", + "active": "#2a2a2e", + "hover": "#3e4044" }, "danger": { "default": "#ffffff", @@ -453,103 +459,103 @@ "hover": "#ffffff" }, "link": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2", - "visited": "#8a5ecc" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a", + "visited": "#3d538f" }, "indicator": { - "default": "#9ca6f9" + "default": "#5476d5" } }, "container": { - "high_emphasis": "#1b2c48", - "mid_emphasis": "#3e5374", - "low_emphasis": "#626e84", + "high_emphasis": "#2a2a2e", + "mid_emphasis": "#4f5157", + "low_emphasis": "#6a6d75", "high_contrast": { "high_emphasis": "#ffffff", - "mid_emphasis": "#e8ebf7", - "low_emphasis": "#c6ceec" + "mid_emphasis": "#dce1ed", + "low_emphasis": "#c1c6d4" }, "special_accents": { "ai": "#8a5ecc", - "brand": "#ff4f1f" + "brand": "#ff451a" } }, "system": { "custom_accents": { "light": "#ffffff", - "dark": "#1b2c48" + "dark": "#2a2a2e" }, "progress_and_loading": { - "default": "#23395d", + "default": "#3e4044", "progressed": "#ffffff" }, "info": { - "high_emphasis": "#1b2c48", - "accent": "#6e5ddb" + "high_emphasis": "#2a2a2e", + "accent": "#3d538f" }, "success": { - "high_emphasis": "#1b2c48", - "accent": "#09b581" + "high_emphasis": "#2a2a2e", + "accent": "#079167" }, "warning": { - "high_emphasis": "#1b2c48", - "accent": "#f8c73e" + "high_emphasis": "#2a2a2e", + "accent": "#9a7b25" }, "error": { - "high_emphasis": "#1b2c48", - "accent": "#e22245" + "high_emphasis": "#2a2a2e", + "accent": "#b51b37" }, "icon": { - "default": "#3e5374" + "default": "#4f5157" } }, "form_control": { "help_text": { - "default": "#626e84", - "error": "#e22245" + "default": "#6a6d75", + "error": "#b51b37" }, "text_input": { - "placeholder": "#626e84", - "populated": "#1b2c48", - "icon": "#626e84" + "placeholder": "#6a6d75", + "populated": "#2a2a2e", + "icon": "#6a6d75" }, "click_input": { - "enabled": "#767c8d", - "selected": "#4856cb", - "hover": "#3742a2", - "active": "#252e78", - "error": "#e22245" + "enabled": "#a3a8b5", + "selected": "#2143a2", + "hover": "#19327a", + "active": "#102251", + "error": "#b51b37" }, "label": { - "default": "#1b2c48", - "required_accent": "#e22245", - "optional_accent": "#3e5374", - "tooltip": "#3e5374" + "default": "#2a2a2e", + "required_accent": "#b51b37", + "optional_accent": "#4f5157", + "tooltip": "#4f5157" } } }, "border": { - "focus": "#7b88f7", + "focus": "#5476d5", "container": { - "divider": "#c6c8ce", + "divider": "#c1c6d4", "edges": { - "default": "#c6c8ce", - "hover": "#7b88f7", + "default": "#c1c6d4", + "hover": "#5476d5", "error": "#e22245", - "enabled": "#4856cb", - "active": "#3742a2", - "high_emphasis": "#1b2c48", + "enabled": "#2143a2", + "active": "#19327a", + "high_emphasis": "#3e4044", "data_table": { - "default": "#e8ebf7" + "default": "#cad1e1" } }, "high_constrast": { - "default": "#3e5374", - "enabled": "#4856cb", - "hover": "#252e78", - "active": "#3742a2" + "default": "#4f5157", + "enabled": "#2143a2", + "hover": "#102251", + "active": "#19327a" } }, "system": { @@ -557,7 +563,7 @@ "warning": "#fce9b2", "success": "#9de1cd", "error": "#f3a7b5", - "primary": "#9ca6f9" + "primary": "#829ce5" }, "interactive": { "primary": { @@ -567,7 +573,7 @@ "divider": "#ffffff" }, "tertiary": { - "divider": "#4856cb" + "divider": "#2143a2" }, "danger": { "divider": "#ffffff" @@ -575,9 +581,9 @@ }, "form_control": { "text_input": { - "default": "#a3a7b0", - "hover": "#3742a2", - "active": "#252e78", + "default": "#a3a8b5", + "hover": "#19327a", + "active": "#102251", "error": "#e22245" } } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json index c31917e78b..5353c85fc6 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-dark-ui.json @@ -1,6 +1,6 @@ { "color": { - "focus": "#7b88f7" + "focus": "#5476d5" }, "form_control": { "input": { @@ -12,21 +12,21 @@ }, "default": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" } }, "hover": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } }, "active": { "border": { - "color": "#252e78", + "color": "#102251", "width": "1px", "style": "solid" } @@ -40,7 +40,7 @@ }, "disabled": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, @@ -48,11 +48,11 @@ }, "border_radius": "4px", "background_color": "#ffffff", - "placeholder_color": "#626e84", - "suggestion_color": "#626e84", - "populated_color": "#1b2c48", + "placeholder_color": "#6a6d75", + "suggestion_color": "#6a6d75", + "populated_color": "#2a2a2e", "input_clearable": { - "input_clearable_color": "#626e84", + "input_clearable_color": "#6a6d75", "size": "16px" }, "gap": "12px", @@ -66,7 +66,7 @@ "lineHeight": "20px" }, "height": "32px", - "default_color": "#626e84" + "default_color": "#6a6d75" }, "textfield": { "height": "32px", @@ -77,18 +77,18 @@ }, "input_icon": { "size": "16px", - "default_color": "#1b2c48", - "icon_end_color": "#626e84" + "default_color": "#2a2a2e", + "icon_end_color": "#6a6d75" }, "focus_ring": { - "default_color": "#7b88f7" + "default_color": "#5476d5" }, "textarea": { "height": "98px" }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -97,7 +97,7 @@ "size": "16px" }, "focus_selection": { - "background_color": "#7b88f7" + "background_color": "#5476d5" } }, "label": { @@ -114,7 +114,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "indicator": { "text": { "fontFamily": "'Noto Sans'", @@ -122,12 +122,12 @@ "fontSize": "12px", "lineHeight": "18px" }, - "required_color": "#e22245", - "optional_color": "#3e5374" + "required_color": "#b51b37", + "optional_color": "#4f5157" }, "icon_size": "16px", "tooltip_trigger": { - "color": "#3e5374", + "color": "#4f5157", "border_radius": "2px" } }, @@ -151,16 +151,16 @@ }, "padding_small": "4px 0 0 0", "error_padding": "4px 0 0 0", - "default_color": "#626e84", - "error_color": "#e22245", + "default_color": "#6a6d75", + "error_color": "#b51b37", "icon_size": "16px" }, "spin_button": { "gap": "8px" }, "spinner": { - "track": "#4856cb", - "error_color": "#dee1fd" + "track": "#2143a2", + "error_color": "#d5def7" }, "textarea": { "padding": "8px" @@ -171,18 +171,17 @@ }, "card": { "background-color": "#ffffff", - "border_radius": "16px", - "border_radius-copy": "16px", + "border_radius": "8px", "default": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "raised": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -207,20 +206,20 @@ "tooltip": { "light": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, "background_color": "#ffffff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "dark": { "border": { - "color": "#1b2c48", + "color": "#3e4044", "width": "1px", "style": "solid" }, - "background_color": "#1b2c48", + "background_color": "#2a2a2e", "foreground_color": "#ffffff", "icon_color": "#ffffff" }, @@ -241,88 +240,75 @@ "fontWeight": "400", "fontSize": "12px", "lineHeight": "18px" - } + }, + "target_offset": "16px" }, "tag": { "border_radius": "16px", "default": { - "background_color": "#23395d", - "foreground_color": "#ffffff", "bold": { - "background_color": "#3e5374", + "background_color": "#263b73", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#c6c8ce", - "foreground_color": "#1b2c48" + "background_color": "#9faac6", + "foreground_color": "#2a2a2e" } }, "accent1": { - "background_color": "#e4e5e7", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#626d97", + "background_color": "#596ea6", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#d1d7ef", - "foreground_color": "#1b2c48" + "background_color": "#b2b7c4", + "foreground_color": "#2a2a2e" } }, "accent2": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48", "bold": { "background_color": "#3ac49a", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent3": { - "background_color": "#0c6d7e", - "foreground_color": "#ffffff", "bold": { - "background_color": "#0c6d7e", + "background_color": "#056385", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48" + "background_color": "#81cbe5", + "foreground_color": "#2a2a2e" } }, "accent4": { - "background_color": "#547688", - "foreground_color": "#ffffff", "bold": { "background_color": "#607732", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#c6dd98", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent5": { - "background_color": "#a5cae0", - "foreground_color": "#1b2c48", "bold": { "background_color": "#5798d9", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9ac1e8", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent6": { - "background_color": "#b5bfe6", - "foreground_color": "#1b2c48", "subtle": { "background_color": "#cdacff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bold": { "background_color": "#8a5ecc", @@ -341,52 +327,44 @@ "gap": "4px" }, "accent7": { - "background_color": "#a05195", - "foreground_color": "#ffffff", "bold": { "background_color": "#89387b", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#ef9ee1", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "height": "20px", "accent8": { - "background_color": "#f95d6a", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ff5c77", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ff9dad", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent9": { - "background_color": "#fe8f85", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#c44b3b", + "background_color": "#992910", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#feb2ab", - "foreground_color": "#1b2c48" + "background_color": "#ffb5a3", + "foreground_color": "#2a2a2e" } }, "accent10": { - "background_color": "#ffc650", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ffc650", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ffdd96", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "button": { @@ -415,32 +393,32 @@ "gap": "4px", "info": { "bold": { - "background_color": "#6e5ddb", + "background_color": "#3d538f", "foreground_color": "#ffffff" }, "regular": { - "background_color": "#c5bef1", - "foreground_color": "#1b2c48" + "background_color": "#dfe3ec", + "foreground_color": "#2a2a2e" } }, "success": { "bold": { "background_color": "#09b581", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "warning": { "bold": { "background_color": "#f8c73e", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#fce9b2", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "error": { @@ -450,7 +428,7 @@ }, "regular": { "background_color": "#f3a7b5", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } } }, @@ -464,15 +442,15 @@ "large": { "size": "32px" }, - "color": "#3e5374" + "color": "#4f5157" }, "alert": { "padding": "8px 16px", "gap": "8px", "info": { - "background_color": "#e2dff8", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb", + "background_color": "#f0f1f5", + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f", "border": { "color": "#c5bef1", "width": "1px", @@ -481,8 +459,8 @@ }, "success": { "background_color": "#cef0e6", - "foreground_color": "#1b2c48", - "icon_color": "#09b581", + "foreground_color": "#2a2a2e", + "icon_color": "#079167", "border": { "color": "#9de1cd", "width": "1px", @@ -491,8 +469,8 @@ }, "warning": { "background_color": "#fef4d8", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e", + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25", "border": { "color": "#fce9b2", "width": "1px", @@ -501,8 +479,8 @@ }, "error": { "background_color": "#f9d3da", - "foreground_color": "#1b2c48", - "icon_color": "#e22245", + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37", "border": { "color": "#f3a7b5", "width": "1px", @@ -525,16 +503,16 @@ }, "rating": { "default": { - "color": "#767c8d" + "color": "#a3a8b5" }, "active": { - "color": "#4856cb" + "color": "#2143a2" }, "hover": { - "color": "#3742a2" + "color": "#19327a" }, "disabled": { - "color": "#767c8d", + "color": "#a3a8b5", "opacity": ".5" }, "size": "16px", @@ -568,7 +546,7 @@ } }, "separator": { - "color": "#c6c8ce" + "color": "#c1c6d4" }, "border_radius": "0" }, @@ -588,30 +566,30 @@ "disabled": { "opacity": ".5", "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "border_radius": "4px", "height": "32px", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, @@ -638,7 +616,7 @@ } }, "separator": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -660,7 +638,7 @@ }, "background_color": "#ffffff", "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -668,9 +646,9 @@ "copy_to_clipboard": { "label": { "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "padding": "2px 4px", "border_radius": "4px", "text": { @@ -690,15 +668,15 @@ }, "tooltip_icon": { "success": { - "foreground_color": "#09b581" + "foreground_color": "#079167" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" } } }, "dismiss_button": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "button": { "default": { @@ -730,63 +708,63 @@ "gap": "8px", "primary": { "default": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "secondary": { "default": { - "background_color": "#eff0fe", - "foreground_color": "#4856cb" + "background_color": "#eff3ff", + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "tertiary": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" } }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "ghost": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "danger": { @@ -834,7 +812,7 @@ "border_radius": "4px", "tertiary": { "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "2px", "style": "solid" } @@ -917,42 +895,42 @@ }, "icon": "16px", "default": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "disabled": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "hover": { - "foregroundColor": "#3742a2" + "foregroundColor": "#19327a" }, "active": { - "foregroundColor": "#252e78" + "foregroundColor": "#102251" }, "visited": { - "foregroundColor": "#8a5ecc" + "foregroundColor": "#3d538f" }, "border_radius": "0" }, "radio_button": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -970,7 +948,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -981,23 +959,23 @@ "checkbox": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1015,7 +993,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1053,7 +1031,7 @@ "lineHeight": "18px" } }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "shortcut": { "text": { @@ -1063,17 +1041,17 @@ "lineHeight": "20px" }, "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "disabled": { "opacity": ".5" @@ -1081,24 +1059,24 @@ "checkbox": { "unchecked": { "default": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "checked": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } } }, @@ -1106,18 +1084,18 @@ "width": "16px", "height": "16px", "default": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "hover": { - "foreground_color": "#23395d" + "foreground_color": "#3e4044" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "1px", "style": "solid" } @@ -1129,7 +1107,7 @@ "max_height": "344px", "border_radius": "4px", "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1144,10 +1122,10 @@ "padding": "8px 1px", "background_color": "#ffffff", "scrollbar": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "divider": { - "background_color": "#c6c8ce", + "background_color": "#c1c6d4", "margin": "4px 0 8px 0", "height": "1px" }, @@ -1155,7 +1133,7 @@ "title": { "padding": "8px 12px 4px", "height": "32px", - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "text": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -1165,13 +1143,13 @@ "letterSpacing": "1px" } }, - "padding": "8px 2px", + "padding": "8px 1px", "divider": { "padding": "4px 0px 8px", "height": "13px" }, "subtext": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" } } }, @@ -1185,7 +1163,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#23395d" + "foreground_color": "#2a2a2e" }, "subheader": { "text": { @@ -1194,7 +1172,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#626e84" + "foreground_color": "#4f5157" } } }, @@ -1224,7 +1202,7 @@ "width": "250px", "month": { "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "single": { "header": { @@ -1268,11 +1246,11 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" } }, "date_body": { @@ -1280,7 +1258,7 @@ "gap": "8px" }, "header": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff", "gap": "8px", "padding": "12px 16px", @@ -1304,17 +1282,17 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "range": { - "background_color": "#dee1fd" + "background_color": "#d5def7" }, "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "single": { @@ -1376,7 +1354,7 @@ }, "date_typed": { "gap": "10px", - "background_color": "#dee1fd" + "background_color": "#eff3ff" }, "disabled": { "opacity": ".5" @@ -1384,8 +1362,8 @@ "focus_calendar": { "gap": "2px" }, - "icon_hover": "#3742a2", - "icon_focus": "#3742a2" + "icon_hover": "#3e4044", + "icon_focus": "#2a2a2e" }, "toggle": { "label": { @@ -1401,18 +1379,18 @@ "height": "16px", "enabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "disabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "error": { @@ -1420,15 +1398,15 @@ "background_color": "#f3a7b5" }, "on": { - "background_color": "#e22245" + "background_color": "#b51b37" } }, "hover": { "off": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "on": { - "background_color": "#3742a2" + "background_color": "#19327a" } }, "border_radius": "100%" @@ -1440,20 +1418,20 @@ "border": { "width": "2px", "style": "solid", - "color": "#7b88f7" + "color": "#5476d5" } }, "enabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, "disabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, @@ -1465,7 +1443,7 @@ } }, "background_color": "#ffffff", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border_radius": "16px" }, "disabled": { @@ -1473,7 +1451,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1486,14 +1464,14 @@ "padding": "2px" }, "clock_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480" + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780" }, "focus_clock": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1501,7 +1479,7 @@ }, "focus_ampm": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1509,7 +1487,7 @@ }, "focus_time": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1521,8 +1499,8 @@ }, "color_picker": { "label": { - "required_symbol_color": "#e22245", - "text_color": "#1b2c48", + "required_symbol_color": "#b51b37", + "text_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1533,9 +1511,9 @@ "input_container": { "background_color": "#ffffff", "border": { - "default_color": "#a3a7b0", - "hover_color": "#3742a2", - "active_color": "#252e78", + "default_color": "#a3a8b5", + "hover_color": "#19327a", + "active_color": "#102251", "error_color": "#e22245" } }, @@ -1551,16 +1529,16 @@ "width": "20px", "height": "20px", "default": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "hover": { - "background_color": "#3742a2" + "background_color": "#19327a" }, "active": { - "background_color": "#252e78" + "background_color": "#102251" }, "disabled": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "border_radius": "100%" }, @@ -1574,14 +1552,14 @@ "fontSize": "14px", "lineHeight": "20px" }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bar": { "selected": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "default": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "height": "4px" }, @@ -1612,12 +1590,12 @@ "phone_input": { "dropdown": { "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "flag": { "height": "12px", "width": "16px" @@ -1637,7 +1615,7 @@ "gap": "4px" }, "country_code": { - "foreground_color": "#626e84" + "foreground_color": "#2a2a2e" }, "min_width": "230px" }, @@ -1654,13 +1632,13 @@ }, "month_picker": { "calendar_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480", + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780", "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -1669,38 +1647,38 @@ }, "selector_card": { "ilustrative_icon": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "text": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "default": { "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } }, "hover": { - "background_color": "#eff0fe", + "background_color": "#eff3ff", "selected_indicator": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" } }, "active": { - "background_color": "#ced2fc", + "background_color": "#adbff0", "selected_indicator": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "error": { "background_color": "#f3a7b5", "selected_indicator": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "border": { "color": "#e22245", @@ -1736,7 +1714,7 @@ "badge": { "margin_top": "8px" }, - "border_radius": "16px", + "border_radius": "8px", "label": { "fontFamily": "Urbanist", "fontWeight": "700", @@ -1752,14 +1730,14 @@ }, "unselected": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "selected": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -1769,10 +1747,10 @@ "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } } @@ -1783,18 +1761,18 @@ "search": { "counter": { "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "divider": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, - "foreground_color": "#a3a7b0" + "foreground_color": "#a3a8b5" }, "text": { "fontFamily": "'Noto Sans'", @@ -1811,12 +1789,12 @@ "width": "320px", "match": { "first_level": { - "background_color": "#b5e2e8", - "foreground_colour": "#1b2c48" + "background_color": "#81cbe5", + "foreground_colour": "#2a2a2e" }, "subsequent_level": { - "foreground_colour": "#1b2c48", - "background_color": "#daf0f4" + "foreground_colour": "#2a2a2e", + "background_color": "#9fd6ea" } } }, @@ -1849,12 +1827,12 @@ } } }, - "selected_indicator_color": "#9ca6f9", + "selected_indicator_color": "#5476d5", "default_background_color": "#ffffff", - "fixed_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "fixed_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "sort": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "default": { "height": "40px", @@ -1872,21 +1850,21 @@ } }, "divider": { - "color": "#e8ebf7", + "color": "#cad1e1", "width": "1px", "style": "solid" }, "scrollbar": { "border_radius": "45px", - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "cell": { - "alt_background_color": "#f3f5fb", + "alt_background_color": "#ebedf5", "default_background_color": "#ffffff", - "hover_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "hover_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "chevron": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "multiselect": { "default": { @@ -1919,7 +1897,7 @@ "padding": "0 12px", "gap": "8px", "icon": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "text": { "fontFamily": "'Noto Sans'", @@ -1945,7 +1923,7 @@ "edit_column": { "edit_column_item": { "gap": "8px", - "foreground_color": "#3e5374", + "foreground_color": "#4f5157", "height": "18px" }, "edit_column_content": { @@ -1958,7 +1936,7 @@ "gap": "4px" }, "gap": "4px", - "divider_color": "#c6c8ce", + "divider_color": "#c1c6d4", "divider": { "width": "1px", "height": "32px" @@ -1971,7 +1949,7 @@ }, "padding": "12px", "divider": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1988,7 +1966,7 @@ "lineHeight": "18px" }, "default_background_color": "#ffffff", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "count-display": { "gap": "4px" } @@ -2023,11 +2001,11 @@ } }, "presence_ring": { - "available": "linear-gradient(135deg, #09b581 0%, #9de1cd 100%)", - "busy": "linear-gradient(135deg, #e22245 0%, #f3a7b5 100%)", - "away": "linear-gradient(135deg, #f8c73e 0%, #fce9b2 100%)", - "on-queue": "linear-gradient(135deg, #4856cb 0%, #9ca6f9 100%)", - "offline": "linear-gradient(135deg, #767c8d 0%, #a3a7b0 100%)", + "available": "linear-gradient(135deg, #079167 0%, #9de1cd 100%)", + "busy": "linear-gradient(135deg, #b51b37 0%, #f3a7b5 100%)", + "away": "linear-gradient(135deg, #9a7b25 0%, #fce9b2 100%)", + "on-queue": "linear-gradient(135deg, #2143a2 0%, #829ce5 100%)", + "offline": "linear-gradient(135deg, #848891 0%, #848891 100%)", "out_of_office": "linear-gradient(135deg, #b74ba4 0%, #f5bfeb 100%)" }, "medium": { @@ -2110,20 +2088,20 @@ } }, "on-queue": { - "color": "#4856cb" + "color": "#2143a2" }, "offline": { - "color": "#626e84" + "color": "#848891" }, "out-of-office": "#b74ba4", "notification": { - "color": "#fe624d" + "color": "#ff451a" }, "foreground_default": { "color": "#ffffff" }, "foreground_dark": { - "color": "#3e5374" + "color": "#4f5157" }, "notifications": { "icon": { @@ -2138,30 +2116,30 @@ }, "media": { "initials_background": { - "default": "#3e5374", - "accent1": "#626d97", - "accent2": "#90d3dd", - "accent3": "#0c6d7e", + "default": "#263b73", + "accent1": "#596ea6", + "accent2": "#81cbe5", + "accent3": "#056385", "accent4": "#467aae", "accent5": "#9ac1e8", - "accent6": "#d1d7ef", + "accent6": "#b2b7c4", "accent7": "#89387b", "accent8": "#ff5c77", "accent9": "#ff9dad", "accent10": "#ffc650", - "accent11": "#feb2ab", - "accent12": "#c44b3b", - "overflow_count": "#626e84", - "add": "#eff0fe" + "accent11": "#ffb5a3", + "accent12": "#992910", + "overflow_count": "#6a6d75", + "add": "#eff3ff" }, "initials_foreground": { - "default": "#1b2c48", + "default": "#2a2a2e", "inverse": "#ffffff", - "add": "#4856cb" + "add": "#2143a2" } }, "hover_modal": { - "shroud-color": "#3e5374cc", + "shroud-color": "#263b73cc", "foreground-color": "#ffffff", "opacity": ".8" }, @@ -2189,7 +2167,7 @@ "large": { "border_radius": "100%", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -2199,27 +2177,27 @@ }, "medium": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "small": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "xsmall": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } } }, - "focus": "#7b88f7", + "focus": "#5476d5", "add-change-image": { "hover-modal": { "shroud-size": "84px" @@ -2258,8 +2236,8 @@ }, "focus": { "border": { - "color": "#7b88f7", - "width": "3px", + "color": "#5476d5", + "width": "2px", "style": "solid" } }, @@ -2272,11 +2250,11 @@ "foreground_color": "#ffffff" }, "hover": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "disabled": { @@ -2288,25 +2266,25 @@ "border_radius": "4px", "disable_opacity": "0.5", "selected_panel": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "return": { "default": { - "background_color": "#1c2463", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#141a4f", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "tree_view": { - "bar": "#314669" + "bar": "#c1c6d44d" } }, "button_return": { @@ -2317,7 +2295,7 @@ }, "tree_view": { "border": { - "color": "#3e5374", + "color": "#c1c6d44d", "width": "2px", "style": "solid" }, @@ -2335,17 +2313,17 @@ "height": "64px", "frame": { "background_color": "#ffffff", - "stroke": "#c6ceec" + "stroke": "#c1c6d4" }, - "logo": "#ff4f1f", + "logo": "#ff451a", "menu_button": { "closed": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#3742a2", - "foreground_color_stroke": "#4856cb", + "background_color": "#19327a", + "foreground_color_stroke": "#2143a2", "foreground_color": "#ffffff" } }, @@ -2354,7 +2332,7 @@ "foreground_color_stroke": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" } } @@ -2378,7 +2356,7 @@ "width": "1440px" }, "focus": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2396,7 +2374,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "item_text_color": "#1b2c48", + "item_text_color": "#2a2a2e", "divider": { "horizontal": { "height": "1px" @@ -2405,7 +2383,7 @@ "height": "40px", "width": "1px" }, - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "indicator": { "vertical": { @@ -2415,11 +2393,11 @@ "horizontal": { "height": "2px" }, - "hover_color": "#4856cb", - "active_color": "#3742a2" + "hover_color": "#2143a2", + "active_color": "#19327a" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "gap": "8px", @@ -2454,7 +2432,7 @@ }, "focus_ring": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2463,7 +2441,7 @@ }, "advanced_tabs": { "divider": { - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "item": { "padding": "11px 12px 10px", @@ -2471,7 +2449,7 @@ "focus": { "border_radius": "8px", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2495,24 +2473,24 @@ } }, "text": { - "color": "#1b2c48", + "color": "#2a2a2e", "height": "9px" }, "indicator": { - "hover_color": "#4856cb", - "active_color": "#3742a2", + "hover_color": "#2143a2", + "active_color": "#19327a", "height": "2px" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "menu_button": { "gap": "4px", "height": "45px", "width": "32px", - "default_color": "#3e5374", - "active_color": "#1b2c48", + "default_color": "#4f5157", + "active_color": "#2a2a2e", "focus": { "height": "53px", "width": "40px" @@ -2534,38 +2512,38 @@ } }, "set": { - "background_color": "#f3f5fb", + "background_color": "#ebedf5", "standard": { "width": "920px" } } }, "toast": { - "close_button_color": "#3e5374", + "close_button_color": "#4f5157", "success": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#09b581" + "foreground_color": "#2a2a2e", + "icon_color": "#079167" }, "warning": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e" + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25" }, "info": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb" + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f" }, "action": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#4856cb" + "foreground_color": "#2a2a2e", + "icon_color": "#2143a2" }, "error": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#e22245" + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37" }, "heading": { "fontFamily": "Urbanist", @@ -2602,10 +2580,10 @@ } }, "modal": { - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", - "shroud_color": "#3e5374cc", + "shroud_color": "#263b73cc", "header": { "gap": "12px" }, @@ -2657,8 +2635,8 @@ "offsetX": "0", "offsetY": "0" }, - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", "gap": "16px", "padding": "24px", @@ -2694,8 +2672,8 @@ }, "progress_and_loading": { "spinner": { - "foreground": "#4856cb", - "base": "#dee1fd", + "foreground": "#2143a2", + "base": "#d5def7", "large": "48px", "small": "16px", "text": { @@ -2705,7 +2683,7 @@ "lineHeight": "18px" } }, - "text_color": "#1b2c48", + "text_color": "#2a2a2e", "loading_state": { "large": { "header": { @@ -2820,21 +2798,21 @@ "gap_message": "4px", "gap_main": "12px", "gap_content": "24px", - "icon_color": "#626e84", - "foreground_color": "#1b2c48", + "icon_color": "#6a6d75", + "foreground_color": "#2a2a2e", "background_color": "rgba(0, 0, 0, 0)", "border_radius": "8px" }, "modal_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", - "shroud_color": "#3e5374cc", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", + "shroud_color": "#263b73cc", "shroud": { "opacity": ".8" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2870,9 +2848,9 @@ }, "dynamic_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", "box_shadow": { "blur": "6px", "spread": "1px", @@ -2881,7 +2859,7 @@ "offsetX": "0", "offsetY": "0" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2922,11 +2900,11 @@ "gap": "8px", "default": { "foreground": { - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "chevron_icon": { - "closed": "#3e5374", - "open": "#1b2c48", - "hover": "#23395d" + "closed": "#4f5157", + "open": "#2a2a2e", + "hover": "#3e4044" } } }, @@ -2950,29 +2928,29 @@ "gap": "8px", "default": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#3e5374" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#4f5157" } }, "hover": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#23395d" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#3e4044" }, - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#1b2c48", - "parent_icon_color": "#1b2c48" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#2a2a2e", + "parent_icon_color": "#2a2a2e" }, - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "focus": { "border_radius": "4px" @@ -3001,14 +2979,14 @@ } }, "focus_border": { - "color": "#7b88f7", + "color": "#5476d5", "style": "solid", "width": "2px" }, "content_item": { "padding": "16px", "gap": "16px", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "background_color": "#ffffff", "default_text": { "fontFamily": "'Noto Sans'", @@ -3019,7 +2997,7 @@ }, "wrapper": { "divider_border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json index 58ea8b18c5..638c8150b1 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-core.json @@ -35,67 +35,6 @@ "white": "#ffffff", "black": "#000000", "transparent": "rgba(0, 0, 0, 0)", - "cornflower": { - "100": "#f2f2f3", - "200": "#e4e5e7", - "300": "#c6c8ce", - "400": "#a3a7b0", - "500": "#767c8d", - "600": "#626e84", - "700": "#3e5374", - "800": "#23395d", - "900": "#1b2c48", - "1000": "#0f1929" - }, - "islandaqua": { - "100": "#edf8f9", - "200": "#daf0f4", - "300": "#b5e2e8", - "400": "#90d3dd", - "500": "#6bc5d1", - "600": "#46b6c6", - "700": "#2c808c", - "800": "#0c6d7e", - "900": "#115d71", - "1000": "#094052" - }, - "tomato": { - "100": "#fef3f3", - "200": "#fee8e6", - "300": "#fecfcb", - "400": "#feb2ab", - "500": "#fe8f85", - "600": "#fe624d", - "700": "#e35744", - "800": "#c44b3b", - "900": "#a03d30", - "1000": "#712b22" - }, - "lavenderhaze": { - "100": "#fbfcfe", - "200": "#f3f5fb", - "300": "#e8ebf7", - "400": "#d1d7ef", - "500": "#c6ceec", - "600": "#b5bfe6", - "700": "#a8b4e2", - "800": "#9ba9dd", - "900": "#7785b8", - "1000": "#626d97" - }, - "blueberry": { - "50": "#eff0fe", - "100": "#dee1fd", - "200": "#ced2fc", - "300": "#9ca6f9", - "400": "#7b88f7", - "500": "#5a6af5", - "600": "#4856cb", - "700": "#3742a2", - "800": "#252e78", - "900": "#1c2463", - "1000": "#141a4f" - }, "mineral": { "100": "#ddeaf7", "200": "#cde0f4", @@ -227,6 +166,78 @@ "800": "#2e275f", "900": "#241e4b", "1000": "#191536" + }, + "genesys_navy": { + "50": "#f0f1f5", + "100": "#dfe3ec", + "200": "#bfc6d9", + "300": "#9faac6", + "400": "#808db2", + "500": "#596ea6", + "600": "#3d538f", + "700": "#263b73", + "800": "#152550", + "900": "#141c34", + "950": "#141929", + "1000": "#0f1219" + }, + "island": { + "50": "#e6f4fa", + "100": "#cdeaf5", + "200": "#9fd6ea", + "300": "#81cbe5", + "400": "#53bee5", + "500": "#28afe0", + "600": "#1589b2", + "700": "#056385", + "800": "#04445c", + "900": "#003447", + "950": "#002533", + "1000": "#00161f" + }, + "genesys_orange": { + "50": "#ffece8", + "100": "#ffdad1", + "200": "#ffb5a3", + "300": "#ff8f76", + "400": "#ff6a48", + "500": "#ff451a", + "600": "#cc3715", + "700": "#992910", + "800": "#661c0a", + "900": "#4d1508", + "950": "#330e05", + "1000": "#1a0703" + }, + "azure_blue": { + "50": "#eff3ff", + "100": "#d5def7", + "200": "#adbff0", + "300": "#829ce5", + "400": "#5476d5", + "500": "#2954cb", + "600": "#2143a2", + "700": "#19327a", + "800": "#102251", + "900": "#0c193d", + "950": "#081129", + "1000": "#040814" + }, + "haze": { + "50": "#f5f6fa", + "100": "#ebedf5", + "150": "#dce1ed", + "200": "#cad1e1", + "300": "#c1c6d4", + "400": "#b2b7c4", + "500": "#a3a8b5", + "600": "#848891", + "700": "#6a6d75", + "800": "#4f5157", + "850": "#3e4044", + "900": "#2a2a2e", + "950": "#1e1e21", + "1000": "#131315" } }, "font_family": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json index 5129646153..5be30f15f6 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-semantic.json @@ -25,58 +25,59 @@ "container": { "primary": { "10": "#ffffff", - "20": "#fbfcfe", - "30": "#f3f5fb", - "40": "#eff0fe", - "50": "#dee1fd", - "60": "#ced2fc" + "20": "#f5f6fa", + "30": "#ebedf5", + "40": "#eff3ff", + "50": "#d5def7", + "60": "#adbff0" }, "secondary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251" }, "tertiary": { "10": "rgba(0, 0, 0, 0)", - "20": "#c6c8ce" + "20": "#c1c6d4" }, "high_contrast": { - "10": "#1b2c48", - "20": "#1c2463", - "30": "#141a4f", - "40": "#000000" + "10": "#2a2a2e", + "20": "#0c193d", + "30": "#081129", + "40": "#131315" } }, "form_control": { "input": { "10": "#ffffff", - "20": "#c6c8ce" + "20": "#c1c6d4" } }, "overlay": { - "10": "#3e5374cc" + "10": "#263b73cc" }, "system": { "primary": { - "10": "#dee1fd", - "20": "#9ca6f9", - "30": "#5a6af5", - "40": "#3742a2", - "50": "#1c2463" + "10": "#d5def7", + "20": "#829ce5", + "30": "#2954cb", + "40": "#19327a", + "50": "#0c193d" }, "info": { - "5": "#e2dff8", - "10": "#c5bef1", - "20": "#a89ee9", - "30": "#6e5ddb", - "40": "#443989", - "50": "#241e4b" + "5": "#f0f1f5", + "10": "#dfe3ec", + "20": "#9faac6", + "30": "#3d538f", + "40": "#263b73", + "50": "#141c34" }, "success": { "5": "#cef0e6", "10": "#9de1cd", "20": "#6bd3b3", "30": "#09b581", + "35": "#079167", "40": "#056d4d", "50": "#033627" }, @@ -99,140 +100,140 @@ }, "custom_accents": { "bold": { - "10": "#3e5374", - "20": "#626d97", + "10": "#263b73", + "20": "#596ea6", "30": "#3ac49a", - "40": "#0c6d7e", + "40": "#056385", "50": "#607732", "60": "#467aae", "70": "#8a5ecc", "80": "#89387b", "90": "#ff5c77", - "100": "#c44b3b", + "100": "#992910", "110": "#ffc650", - "120": "#b5e2e8", + "120": "#81cbe5", "130": "#5798d9" }, "subtle": { - "10": "#c6c8ce", - "20": "#d1d7ef", + "10": "#9faac6", + "20": "#b2b7c4", "30": "#9de1cd", - "40": "#90d3dd", + "40": "#81cbe5", "50": "#c6dd98", "60": "#9ac1e8", "70": "#cdacff", "80": "#ef9ee1", "90": "#ff9dad", - "100": "#feb2ab", + "100": "#ffb5a3", "110": "#ffdd96", - "120": "#daf0f4" + "120": "#9fd6ea" }, "status": { "10": "#09b581", "20": "#e22245", "30": "#f8c73e", - "40": "#4856cb", - "50": "#626e84", + "40": "#2143a2", + "50": "#848891", "60": "#b74ba4", - "70": "#fe624d" + "70": "#ff451a" } } }, "foreground": { "primary": { - "10": "#3e5374", - "20": "#23395d", - "30": "#1b2c48" + "10": "#4f5157", + "20": "#3e4044", + "30": "#2a2a2e" }, "secondary": { "10": "#ffffff", - "20": "#767c8d", - "30": "#626e84" + "20": "#848891", + "30": "#6a6d75" }, "tertiary": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "05": "#9ca6f9" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "05": "#5476d5" }, "high_contrast": { "10": "#ffffff", - "20": "#e8ebf7", - "30": "#c6ceec" + "20": "#dce1ed", + "30": "#c1c6d4" }, "system": { "primary": { - "10": "#5a6af5" + "10": "#2954cb" }, "info": { - "10": "#6e5ddb" + "10": "#3d538f" }, "success": { - "10": "#09b581" + "10": "#079167" }, "warning": { - "10": "#f8c73e" + "10": "#9a7b25" }, "error": { - "10": "#e22245" + "10": "#b51b37" } }, "special_accents": { "brand": { - "10": "#ff4f1f" + "10": "#ff451a" }, "ai": { "10": "#8a5ecc" } }, "link": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "40": "#8a5ecc" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "40": "#3d538f" }, "icon": { - "10": "#3e5374" + "10": "#4f5157" }, "form_control": { "click_input": { - "10": "#4856cb", - "20": "#3742a2", - "30": "#252e78", - "50": "#767c8d" + "10": "#2143a2", + "20": "#19327a", + "30": "#102251", + "50": "#a3a8b5" } } }, "border": { "focus": { - "10": "#7b88f7" + "10": "#5476d5" }, "divider": { "10": "#ffffff", - "20": "#c6c8ce", - "30": "#4856cb" + "20": "#c1c6d4", + "30": "#2143a2" }, "edges": { "default": { - "10": "#c6c8ce", - "20": "#3e5374", - "30": "#1b2c48", - "05": "#e8ebf7" + "10": "#c1c6d4", + "20": "#4f5157", + "30": "#3e4044", + "05": "#cad1e1" }, "enabled": { - "10": "#4856cb" + "10": "#2143a2" }, "hover": { - "10": "#7b88f7", - "20": "#252e78" + "10": "#5476d5", + "20": "#102251" }, "active": { - "10": "#3742a2" + "10": "#19327a" } }, "system": { "primary": { - "10": "#9ca6f9" + "10": "#829ce5" }, "info": { "10": "#c5bef1" @@ -250,13 +251,13 @@ }, "inputs": { "default": { - "10": "#a3a7b0" + "10": "#a3a8b5" }, "hover": { - "10": "#3742a2" + "10": "#19327a" }, "active": { - "10": "#252e78" + "10": "#102251" } } }, @@ -291,29 +292,29 @@ "background": { "interactive": { "primary": { - "default": "#4856cb", - "hover": "#3742a2", - "active": "#252e78" + "default": "#2143a2", + "hover": "#19327a", + "active": "#102251" }, "secondary": { - "default": "#eff0fe", - "hover": "#dee1fd", - "active": "#ced2fc" + "default": "#eff3ff", + "hover": "#d5def7", + "active": "#adbff0" }, "tertiary": { "default": "rgba(0, 0, 0, 0)", - "hover": "#3742a2", - "active": "#252e78" + "hover": "#19327a", + "active": "#102251" }, "ghost": { "default": "rgba(0, 0, 0, 0)", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "subtle": { "default": "#ffffff", - "hover": "#dee1fd", - "active": "#ced2fc" + "hover": "#d5def7", + "active": "#adbff0" }, "danger": { "default": "#e22245", @@ -323,97 +324,102 @@ }, "overlay": { "shroud": { - "default": "#3e5374cc" + "default": "#263b73cc" } }, "container": { "page": { "default": "#ffffff", - "tonal_subtle": "#fbfcfe", - "tonal_medium": "#f3f5fb", - "tonal_high": "#dee1fd" + "tonal_subtle": "#f5f6fa", + "tonal_medium": "#ebedf5", + "tonal_high": "#d5def7" }, "elevated": { "default": "#ffffff", - "hover": "#eff0fe", - "active": "#ced2fc", + "hover": "#eff3ff", + "active": "#adbff0", "error": "#f3a7b5" }, "high_constrast": { - "default": "#1b2c48", - "hover": "#141a4f", - "active": "#1c2463" + "default": "#2a2a2e", + "hover": "#081129", + "active": "#0c193d" } }, "system": { "error": { "tonal_medium": "#f3a7b5", + "tonal_high": "#e22245", "tonal_subtle": "#f9d3da" }, "warning": { "tonal_medium": "#fce9b2", + "tonal_high": "#f8c73e", "tonal_subtle": "#fef4d8" }, "success": { "tonal_medium": "#9de1cd", + "tonal_high": "#09b581", "tonal_subtle": "#cef0e6" }, "info": { - "tonal_medium": "#c5bef1", - "tonal_subtle": "#e2dff8" + "tonal_medium": "#dfe3ec", + "tonal_high": "#3d538f", + "tonal_subtle": "#f0f1f5" }, "primary": { - "tonal_medium": "#dee1fd", - "tonal_subtle": "#dee1fd" + "tonal_medium": "#d5def7", + "tonal_high": "#2954cb", + "tonal_subtle": "#d5def7" }, "custom_accents": { "bold": { - "accent_1": "#3e5374", - "accent_2": "#626d97", + "accent_1": "#263b73", + "accent_2": "#596ea6", "accent_3": "#3ac49a", - "accent_4": "#0c6d7e", + "accent_4": "#056385", "accent_5": "#607732", "accent_6": "#467aae", "accent_7": "#8a5ecc", "accent_8": "#89387b", "accent_9": "#ff5c77", - "accent_10": "#c44b3b", + "accent_10": "#992910", "accent_11": "#ffc650", - "accent_12": "#b5e2e8", + "accent_12": "#81cbe5", "accent_13": "#5798d9" }, "subtle": { - "accent_1": "#c6c8ce", - "accent_2": "#d1d7ef", + "accent_1": "#9faac6", + "accent_2": "#b2b7c4", "accent_3": "#9de1cd", - "accent_4": "#90d3dd", + "accent_4": "#81cbe5", "accent_5": "#c6dd98", "accent_6": "#9ac1e8", "accent_7": "#cdacff", "accent_8": "#ef9ee1", "accent_9": "#ff9dad", - "accent_10": "#feb2ab", + "accent_10": "#ffb5a3", "accent_11": "#ffdd96", - "accent_12": "#daf0f4" + "accent_12": "#9fd6ea" } }, "progress_and_loading": { - "default": "#dee1fd", - "progressed": "#4856cb" + "default": "#d5def7", + "progressed": "#2143a2" }, "status": { "available": "#09b581", "busy": "#e22245", "away": "#f8c73e", - "on_queue": "#4856cb", - "offline": "#626e84", + "on_queue": "#2143a2", + "offline": "#848891", "out_of_office": "#b74ba4", - "notification": "#fe624d" + "notification": "#ff451a" } }, "form_control": { "click_input": { - "track": "#c6c8ce" + "track": "#c1c6d4" }, "text_input": { "track": "#ffffff" @@ -428,24 +434,24 @@ "hover": "#ffffff" }, "secondary": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "tertiary": { - "default": "#4856cb", + "default": "#2143a2", "active": "#ffffff", "hover": "#ffffff" }, "ghost": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a" }, "subtle": { - "default": "#3e5374", - "active": "#1b2c48", - "hover": "#23395d" + "default": "#4f5157", + "active": "#2a2a2e", + "hover": "#3e4044" }, "danger": { "default": "#ffffff", @@ -453,103 +459,103 @@ "hover": "#ffffff" }, "link": { - "default": "#4856cb", - "active": "#252e78", - "hover": "#3742a2", - "visited": "#8a5ecc" + "default": "#2143a2", + "active": "#102251", + "hover": "#19327a", + "visited": "#3d538f" }, "indicator": { - "default": "#9ca6f9" + "default": "#5476d5" } }, "container": { - "high_emphasis": "#1b2c48", - "mid_emphasis": "#3e5374", - "low_emphasis": "#626e84", + "high_emphasis": "#2a2a2e", + "mid_emphasis": "#4f5157", + "low_emphasis": "#6a6d75", "high_contrast": { "high_emphasis": "#ffffff", - "mid_emphasis": "#e8ebf7", - "low_emphasis": "#c6ceec" + "mid_emphasis": "#dce1ed", + "low_emphasis": "#c1c6d4" }, "special_accents": { "ai": "#8a5ecc", - "brand": "#ff4f1f" + "brand": "#ff451a" } }, "system": { "custom_accents": { "light": "#ffffff", - "dark": "#1b2c48" + "dark": "#2a2a2e" }, "progress_and_loading": { - "default": "#23395d", + "default": "#3e4044", "progressed": "#ffffff" }, "info": { - "high_emphasis": "#1b2c48", - "accent": "#6e5ddb" + "high_emphasis": "#2a2a2e", + "accent": "#3d538f" }, "success": { - "high_emphasis": "#1b2c48", - "accent": "#09b581" + "high_emphasis": "#2a2a2e", + "accent": "#079167" }, "warning": { - "high_emphasis": "#1b2c48", - "accent": "#f8c73e" + "high_emphasis": "#2a2a2e", + "accent": "#9a7b25" }, "error": { - "high_emphasis": "#1b2c48", - "accent": "#e22245" + "high_emphasis": "#2a2a2e", + "accent": "#b51b37" }, "icon": { - "default": "#3e5374" + "default": "#4f5157" } }, "form_control": { "help_text": { - "default": "#626e84", - "error": "#e22245" + "default": "#6a6d75", + "error": "#b51b37" }, "text_input": { - "placeholder": "#626e84", - "populated": "#1b2c48", - "icon": "#626e84" + "placeholder": "#6a6d75", + "populated": "#2a2a2e", + "icon": "#6a6d75" }, "click_input": { - "enabled": "#767c8d", - "selected": "#4856cb", - "hover": "#3742a2", - "active": "#252e78", - "error": "#e22245" + "enabled": "#a3a8b5", + "selected": "#2143a2", + "hover": "#19327a", + "active": "#102251", + "error": "#b51b37" }, "label": { - "default": "#1b2c48", - "required_accent": "#e22245", - "optional_accent": "#3e5374", - "tooltip": "#3e5374" + "default": "#2a2a2e", + "required_accent": "#b51b37", + "optional_accent": "#4f5157", + "tooltip": "#4f5157" } } }, "border": { - "focus": "#7b88f7", + "focus": "#5476d5", "container": { - "divider": "#c6c8ce", + "divider": "#c1c6d4", "edges": { - "default": "#c6c8ce", - "hover": "#7b88f7", + "default": "#c1c6d4", + "hover": "#5476d5", "error": "#e22245", - "enabled": "#4856cb", - "active": "#3742a2", - "high_emphasis": "#1b2c48", + "enabled": "#2143a2", + "active": "#19327a", + "high_emphasis": "#3e4044", "data_table": { - "default": "#e8ebf7" + "default": "#cad1e1" } }, "high_constrast": { - "default": "#3e5374", - "enabled": "#4856cb", - "hover": "#252e78", - "active": "#3742a2" + "default": "#4f5157", + "enabled": "#2143a2", + "hover": "#102251", + "active": "#19327a" } }, "system": { @@ -557,7 +563,7 @@ "warning": "#fce9b2", "success": "#9de1cd", "error": "#f3a7b5", - "primary": "#9ca6f9" + "primary": "#829ce5" }, "interactive": { "primary": { @@ -567,7 +573,7 @@ "divider": "#ffffff" }, "tertiary": { - "divider": "#4856cb" + "divider": "#2143a2" }, "danger": { "divider": "#ffffff" @@ -575,9 +581,9 @@ }, "form_control": { "text_input": { - "default": "#a3a7b0", - "hover": "#3742a2", - "active": "#252e78", + "default": "#a3a8b5", + "hover": "#19327a", + "active": "#102251", "error": "#e22245" } } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json index c31917e78b..5353c85fc6 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-flare-light-ui.json @@ -1,6 +1,6 @@ { "color": { - "focus": "#7b88f7" + "focus": "#5476d5" }, "form_control": { "input": { @@ -12,21 +12,21 @@ }, "default": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" } }, "hover": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } }, "active": { "border": { - "color": "#252e78", + "color": "#102251", "width": "1px", "style": "solid" } @@ -40,7 +40,7 @@ }, "disabled": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, @@ -48,11 +48,11 @@ }, "border_radius": "4px", "background_color": "#ffffff", - "placeholder_color": "#626e84", - "suggestion_color": "#626e84", - "populated_color": "#1b2c48", + "placeholder_color": "#6a6d75", + "suggestion_color": "#6a6d75", + "populated_color": "#2a2a2e", "input_clearable": { - "input_clearable_color": "#626e84", + "input_clearable_color": "#6a6d75", "size": "16px" }, "gap": "12px", @@ -66,7 +66,7 @@ "lineHeight": "20px" }, "height": "32px", - "default_color": "#626e84" + "default_color": "#6a6d75" }, "textfield": { "height": "32px", @@ -77,18 +77,18 @@ }, "input_icon": { "size": "16px", - "default_color": "#1b2c48", - "icon_end_color": "#626e84" + "default_color": "#2a2a2e", + "icon_end_color": "#6a6d75" }, "focus_ring": { - "default_color": "#7b88f7" + "default_color": "#5476d5" }, "textarea": { "height": "98px" }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -97,7 +97,7 @@ "size": "16px" }, "focus_selection": { - "background_color": "#7b88f7" + "background_color": "#5476d5" } }, "label": { @@ -114,7 +114,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "indicator": { "text": { "fontFamily": "'Noto Sans'", @@ -122,12 +122,12 @@ "fontSize": "12px", "lineHeight": "18px" }, - "required_color": "#e22245", - "optional_color": "#3e5374" + "required_color": "#b51b37", + "optional_color": "#4f5157" }, "icon_size": "16px", "tooltip_trigger": { - "color": "#3e5374", + "color": "#4f5157", "border_radius": "2px" } }, @@ -151,16 +151,16 @@ }, "padding_small": "4px 0 0 0", "error_padding": "4px 0 0 0", - "default_color": "#626e84", - "error_color": "#e22245", + "default_color": "#6a6d75", + "error_color": "#b51b37", "icon_size": "16px" }, "spin_button": { "gap": "8px" }, "spinner": { - "track": "#4856cb", - "error_color": "#dee1fd" + "track": "#2143a2", + "error_color": "#d5def7" }, "textarea": { "padding": "8px" @@ -171,18 +171,17 @@ }, "card": { "background-color": "#ffffff", - "border_radius": "16px", - "border_radius-copy": "16px", + "border_radius": "8px", "default": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "raised": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -207,20 +206,20 @@ "tooltip": { "light": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, "background_color": "#ffffff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "dark": { "border": { - "color": "#1b2c48", + "color": "#3e4044", "width": "1px", "style": "solid" }, - "background_color": "#1b2c48", + "background_color": "#2a2a2e", "foreground_color": "#ffffff", "icon_color": "#ffffff" }, @@ -241,88 +240,75 @@ "fontWeight": "400", "fontSize": "12px", "lineHeight": "18px" - } + }, + "target_offset": "16px" }, "tag": { "border_radius": "16px", "default": { - "background_color": "#23395d", - "foreground_color": "#ffffff", "bold": { - "background_color": "#3e5374", + "background_color": "#263b73", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#c6c8ce", - "foreground_color": "#1b2c48" + "background_color": "#9faac6", + "foreground_color": "#2a2a2e" } }, "accent1": { - "background_color": "#e4e5e7", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#626d97", + "background_color": "#596ea6", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#d1d7ef", - "foreground_color": "#1b2c48" + "background_color": "#b2b7c4", + "foreground_color": "#2a2a2e" } }, "accent2": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48", "bold": { "background_color": "#3ac49a", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent3": { - "background_color": "#0c6d7e", - "foreground_color": "#ffffff", "bold": { - "background_color": "#0c6d7e", + "background_color": "#056385", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48" + "background_color": "#81cbe5", + "foreground_color": "#2a2a2e" } }, "accent4": { - "background_color": "#547688", - "foreground_color": "#ffffff", "bold": { "background_color": "#607732", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#c6dd98", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent5": { - "background_color": "#a5cae0", - "foreground_color": "#1b2c48", "bold": { "background_color": "#5798d9", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#9ac1e8", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent6": { - "background_color": "#b5bfe6", - "foreground_color": "#1b2c48", "subtle": { "background_color": "#cdacff", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bold": { "background_color": "#8a5ecc", @@ -341,52 +327,44 @@ "gap": "4px" }, "accent7": { - "background_color": "#a05195", - "foreground_color": "#ffffff", "bold": { "background_color": "#89387b", "foreground_color": "#ffffff" }, "subtle": { "background_color": "#ef9ee1", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "height": "20px", "accent8": { - "background_color": "#f95d6a", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ff5c77", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ff9dad", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "accent9": { - "background_color": "#fe8f85", - "foreground_color": "#1b2c48", "bold": { - "background_color": "#c44b3b", + "background_color": "#992910", "foreground_color": "#ffffff" }, "subtle": { - "background_color": "#feb2ab", - "foreground_color": "#1b2c48" + "background_color": "#ffb5a3", + "foreground_color": "#2a2a2e" } }, "accent10": { - "background_color": "#ffc650", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ffc650", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "subtle": { "background_color": "#ffdd96", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "button": { @@ -415,32 +393,32 @@ "gap": "4px", "info": { "bold": { - "background_color": "#6e5ddb", + "background_color": "#3d538f", "foreground_color": "#ffffff" }, "regular": { - "background_color": "#c5bef1", - "foreground_color": "#1b2c48" + "background_color": "#dfe3ec", + "foreground_color": "#2a2a2e" } }, "success": { "bold": { "background_color": "#09b581", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#9de1cd", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "warning": { "bold": { "background_color": "#f8c73e", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "regular": { "background_color": "#fce9b2", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "error": { @@ -450,7 +428,7 @@ }, "regular": { "background_color": "#f3a7b5", - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } } }, @@ -464,15 +442,15 @@ "large": { "size": "32px" }, - "color": "#3e5374" + "color": "#4f5157" }, "alert": { "padding": "8px 16px", "gap": "8px", "info": { - "background_color": "#e2dff8", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb", + "background_color": "#f0f1f5", + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f", "border": { "color": "#c5bef1", "width": "1px", @@ -481,8 +459,8 @@ }, "success": { "background_color": "#cef0e6", - "foreground_color": "#1b2c48", - "icon_color": "#09b581", + "foreground_color": "#2a2a2e", + "icon_color": "#079167", "border": { "color": "#9de1cd", "width": "1px", @@ -491,8 +469,8 @@ }, "warning": { "background_color": "#fef4d8", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e", + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25", "border": { "color": "#fce9b2", "width": "1px", @@ -501,8 +479,8 @@ }, "error": { "background_color": "#f9d3da", - "foreground_color": "#1b2c48", - "icon_color": "#e22245", + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37", "border": { "color": "#f3a7b5", "width": "1px", @@ -525,16 +503,16 @@ }, "rating": { "default": { - "color": "#767c8d" + "color": "#a3a8b5" }, "active": { - "color": "#4856cb" + "color": "#2143a2" }, "hover": { - "color": "#3742a2" + "color": "#19327a" }, "disabled": { - "color": "#767c8d", + "color": "#a3a8b5", "opacity": ".5" }, "size": "16px", @@ -568,7 +546,7 @@ } }, "separator": { - "color": "#c6c8ce" + "color": "#c1c6d4" }, "border_radius": "0" }, @@ -588,30 +566,30 @@ "disabled": { "opacity": ".5", "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "border_radius": "4px", "height": "32px", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" }, @@ -638,7 +616,7 @@ } }, "separator": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -660,7 +638,7 @@ }, "background_color": "#ffffff", "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -668,9 +646,9 @@ "copy_to_clipboard": { "label": { "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "padding": "2px 4px", "border_radius": "4px", "text": { @@ -690,15 +668,15 @@ }, "tooltip_icon": { "success": { - "foreground_color": "#09b581" + "foreground_color": "#079167" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" } } }, "dismiss_button": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "button": { "default": { @@ -730,63 +708,63 @@ "gap": "8px", "primary": { "default": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "secondary": { "default": { - "background_color": "#eff0fe", - "foreground_color": "#4856cb" + "background_color": "#eff3ff", + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "tertiary": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border": { - "color": "#4856cb", + "color": "#2143a2", "width": "1px", "style": "solid" } }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "active": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" } }, "ghost": { "default": { "background_color": "rgba(0, 0, 0, 0)", - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#dee1fd", - "foreground_color": "#3742a2" + "background_color": "#d5def7", + "foreground_color": "#19327a" }, "active": { - "background_color": "#ced2fc", - "foreground_color": "#252e78" + "background_color": "#adbff0", + "foreground_color": "#102251" } }, "danger": { @@ -834,7 +812,7 @@ "border_radius": "4px", "tertiary": { "divider": { - "color": "#4856cb", + "color": "#2143a2", "width": "2px", "style": "solid" } @@ -917,42 +895,42 @@ }, "icon": "16px", "default": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "disabled": { - "foregroundColor": "#4856cb" + "foregroundColor": "#2143a2" }, "hover": { - "foregroundColor": "#3742a2" + "foregroundColor": "#19327a" }, "active": { - "foregroundColor": "#252e78" + "foregroundColor": "#102251" }, "visited": { - "foregroundColor": "#8a5ecc" + "foregroundColor": "#3d538f" }, "border_radius": "0" }, "radio_button": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -970,7 +948,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -981,23 +959,23 @@ "checkbox": { "icon": { "default": { - "unselected_foreground_color": "#767c8d", - "selected_foreground_color": "#4856cb" + "unselected_foreground_color": "#a3a8b5", + "selected_foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "active": { - "foreground_color": "#252e78" + "foreground_color": "#102251" }, "error": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "height": "16px", "width": "16px" }, "label": { - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1015,7 +993,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1053,7 +1031,7 @@ "lineHeight": "18px" } }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "shortcut": { "text": { @@ -1063,17 +1041,17 @@ "lineHeight": "20px" }, "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "disabled": { "opacity": ".5" @@ -1081,24 +1059,24 @@ "checkbox": { "unchecked": { "default": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "checked": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "selected": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } } }, @@ -1106,18 +1084,18 @@ "width": "16px", "height": "16px", "default": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "hover": { - "foreground_color": "#23395d" + "foreground_color": "#3e4044" }, "selected": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "1px", "style": "solid" } @@ -1129,7 +1107,7 @@ "max_height": "344px", "border_radius": "4px", "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1144,10 +1122,10 @@ "padding": "8px 1px", "background_color": "#ffffff", "scrollbar": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "divider": { - "background_color": "#c6c8ce", + "background_color": "#c1c6d4", "margin": "4px 0 8px 0", "height": "1px" }, @@ -1155,7 +1133,7 @@ "title": { "padding": "8px 12px 4px", "height": "32px", - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "text": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -1165,13 +1143,13 @@ "letterSpacing": "1px" } }, - "padding": "8px 2px", + "padding": "8px 1px", "divider": { "padding": "4px 0px 8px", "height": "13px" }, "subtext": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" } } }, @@ -1185,7 +1163,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#23395d" + "foreground_color": "#2a2a2e" }, "subheader": { "text": { @@ -1194,7 +1172,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#626e84" + "foreground_color": "#4f5157" } } }, @@ -1224,7 +1202,7 @@ "width": "250px", "month": { "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "single": { "header": { @@ -1268,11 +1246,11 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" } }, "date_body": { @@ -1280,7 +1258,7 @@ "gap": "8px" }, "header": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff", "gap": "8px", "padding": "12px 16px", @@ -1304,17 +1282,17 @@ }, "selected": { "foreground_color": "#ffffff", - "background_color": "#4856cb", - "hover_background_color": "#3742a2" + "background_color": "#2143a2", + "hover_background_color": "#19327a" }, "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "range": { - "background_color": "#dee1fd" + "background_color": "#d5def7" }, "default": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" } }, "single": { @@ -1376,7 +1354,7 @@ }, "date_typed": { "gap": "10px", - "background_color": "#dee1fd" + "background_color": "#eff3ff" }, "disabled": { "opacity": ".5" @@ -1384,8 +1362,8 @@ "focus_calendar": { "gap": "2px" }, - "icon_hover": "#3742a2", - "icon_focus": "#3742a2" + "icon_hover": "#3e4044", + "icon_focus": "#2a2a2e" }, "toggle": { "label": { @@ -1401,18 +1379,18 @@ "height": "16px", "enabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "disabled": { "off": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "on": { - "background_color": "#4856cb" + "background_color": "#2143a2" } }, "error": { @@ -1420,15 +1398,15 @@ "background_color": "#f3a7b5" }, "on": { - "background_color": "#e22245" + "background_color": "#b51b37" } }, "hover": { "off": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "on": { - "background_color": "#3742a2" + "background_color": "#19327a" } }, "border_radius": "100%" @@ -1440,20 +1418,20 @@ "border": { "width": "2px", "style": "solid", - "color": "#7b88f7" + "color": "#5476d5" } }, "enabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, "disabled": { "border": { "width": "2px", - "color": "#4856cb", + "color": "#2143a2", "style": "solid" } }, @@ -1465,7 +1443,7 @@ } }, "background_color": "#ffffff", - "foreground_color": "#4856cb", + "foreground_color": "#2143a2", "border_radius": "16px" }, "disabled": { @@ -1473,7 +1451,7 @@ }, "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1486,14 +1464,14 @@ "padding": "2px" }, "clock_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480" + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780" }, "focus_clock": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1501,7 +1479,7 @@ }, "focus_ampm": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1509,7 +1487,7 @@ }, "focus_time": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -1521,8 +1499,8 @@ }, "color_picker": { "label": { - "required_symbol_color": "#e22245", - "text_color": "#1b2c48", + "required_symbol_color": "#b51b37", + "text_color": "#2a2a2e", "text": { "fontFamily": "'Noto Sans'", "fontWeight": "400", @@ -1533,9 +1511,9 @@ "input_container": { "background_color": "#ffffff", "border": { - "default_color": "#a3a7b0", - "hover_color": "#3742a2", - "active_color": "#252e78", + "default_color": "#a3a8b5", + "hover_color": "#19327a", + "active_color": "#102251", "error_color": "#e22245" } }, @@ -1551,16 +1529,16 @@ "width": "20px", "height": "20px", "default": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "hover": { - "background_color": "#3742a2" + "background_color": "#19327a" }, "active": { - "background_color": "#252e78" + "background_color": "#102251" }, "disabled": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "border_radius": "100%" }, @@ -1574,14 +1552,14 @@ "fontSize": "14px", "lineHeight": "20px" }, - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "bar": { "selected": { - "background_color": "#4856cb" + "background_color": "#2143a2" }, "default": { - "background_color": "#c6c8ce" + "background_color": "#c1c6d4" }, "height": "4px" }, @@ -1612,12 +1590,12 @@ "phone_input": { "dropdown": { "hover": { - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "active": { - "background_color": "#ced2fc" + "background_color": "#adbff0" }, - "foreground_color": "#626e84", + "foreground_color": "#6a6d75", "flag": { "height": "12px", "width": "16px" @@ -1637,7 +1615,7 @@ "gap": "4px" }, "country_code": { - "foreground_color": "#626e84" + "foreground_color": "#2a2a2e" }, "min_width": "230px" }, @@ -1654,13 +1632,13 @@ }, "month_picker": { "calendar_states": { - "default_color": "#3e5374", - "hover_color": "#23395d", - "active_color": "#1b2c48", - "disabled_color": "#3e537480", + "default_color": "#4f5157", + "hover_color": "#3e4044", + "active_color": "#2a2a2e", + "disabled_color": "#4f515780", "focus": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -1669,38 +1647,38 @@ }, "selector_card": { "ilustrative_icon": { - "foreground_color": "#3e5374" + "foreground_color": "#4f5157" }, "text": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "default": { "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } }, "hover": { - "background_color": "#eff0fe", + "background_color": "#eff3ff", "selected_indicator": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" } }, "active": { - "background_color": "#ced2fc", + "background_color": "#adbff0", "selected_indicator": { - "foreground_color": "#252e78" + "foreground_color": "#102251" } }, "error": { "background_color": "#f3a7b5", "selected_indicator": { - "foreground_color": "#e22245" + "foreground_color": "#b51b37" }, "border": { "color": "#e22245", @@ -1736,7 +1714,7 @@ "badge": { "margin_top": "8px" }, - "border_radius": "16px", + "border_radius": "8px", "label": { "fontFamily": "Urbanist", "fontWeight": "700", @@ -1752,14 +1730,14 @@ }, "unselected": { "border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } }, "selected": { "border": { - "color": "#3742a2", + "color": "#19327a", "width": "1px", "style": "solid" } @@ -1769,10 +1747,10 @@ "background_color": "#ffffff", "selected_indicator": { "selected": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "unselected": { - "foreground_color": "#767c8d" + "foreground_color": "#a3a8b5" } } } @@ -1783,18 +1761,18 @@ "search": { "counter": { "default": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "hover": { - "foreground_color": "#3742a2" + "foreground_color": "#19327a" }, "divider": { "border": { - "color": "#a3a7b0", + "color": "#a3a8b5", "width": "1px", "style": "solid" }, - "foreground_color": "#a3a7b0" + "foreground_color": "#a3a8b5" }, "text": { "fontFamily": "'Noto Sans'", @@ -1811,12 +1789,12 @@ "width": "320px", "match": { "first_level": { - "background_color": "#b5e2e8", - "foreground_colour": "#1b2c48" + "background_color": "#81cbe5", + "foreground_colour": "#2a2a2e" }, "subsequent_level": { - "foreground_colour": "#1b2c48", - "background_color": "#daf0f4" + "foreground_colour": "#2a2a2e", + "background_color": "#9fd6ea" } } }, @@ -1849,12 +1827,12 @@ } } }, - "selected_indicator_color": "#9ca6f9", + "selected_indicator_color": "#5476d5", "default_background_color": "#ffffff", - "fixed_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "fixed_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "sort": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "default": { "height": "40px", @@ -1872,21 +1850,21 @@ } }, "divider": { - "color": "#e8ebf7", + "color": "#cad1e1", "width": "1px", "style": "solid" }, "scrollbar": { "border_radius": "45px", - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "cell": { - "alt_background_color": "#f3f5fb", + "alt_background_color": "#ebedf5", "default_background_color": "#ffffff", - "hover_background_color": "#dee1fd", - "foreground_color": "#1b2c48", + "hover_background_color": "#d5def7", + "foreground_color": "#2a2a2e", "chevron": { - "foreground_color": "#626e84" + "foreground_color": "#6a6d75" }, "multiselect": { "default": { @@ -1919,7 +1897,7 @@ "padding": "0 12px", "gap": "8px", "icon": { - "foreground_color": "#1b2c48" + "foreground_color": "#2a2a2e" }, "text": { "fontFamily": "'Noto Sans'", @@ -1945,7 +1923,7 @@ "edit_column": { "edit_column_item": { "gap": "8px", - "foreground_color": "#3e5374", + "foreground_color": "#4f5157", "height": "18px" }, "edit_column_content": { @@ -1958,7 +1936,7 @@ "gap": "4px" }, "gap": "4px", - "divider_color": "#c6c8ce", + "divider_color": "#c1c6d4", "divider": { "width": "1px", "height": "32px" @@ -1971,7 +1949,7 @@ }, "padding": "12px", "divider": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" }, @@ -1988,7 +1966,7 @@ "lineHeight": "18px" }, "default_background_color": "#ffffff", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "count-display": { "gap": "4px" } @@ -2023,11 +2001,11 @@ } }, "presence_ring": { - "available": "linear-gradient(135deg, #09b581 0%, #9de1cd 100%)", - "busy": "linear-gradient(135deg, #e22245 0%, #f3a7b5 100%)", - "away": "linear-gradient(135deg, #f8c73e 0%, #fce9b2 100%)", - "on-queue": "linear-gradient(135deg, #4856cb 0%, #9ca6f9 100%)", - "offline": "linear-gradient(135deg, #767c8d 0%, #a3a7b0 100%)", + "available": "linear-gradient(135deg, #079167 0%, #9de1cd 100%)", + "busy": "linear-gradient(135deg, #b51b37 0%, #f3a7b5 100%)", + "away": "linear-gradient(135deg, #9a7b25 0%, #fce9b2 100%)", + "on-queue": "linear-gradient(135deg, #2143a2 0%, #829ce5 100%)", + "offline": "linear-gradient(135deg, #848891 0%, #848891 100%)", "out_of_office": "linear-gradient(135deg, #b74ba4 0%, #f5bfeb 100%)" }, "medium": { @@ -2110,20 +2088,20 @@ } }, "on-queue": { - "color": "#4856cb" + "color": "#2143a2" }, "offline": { - "color": "#626e84" + "color": "#848891" }, "out-of-office": "#b74ba4", "notification": { - "color": "#fe624d" + "color": "#ff451a" }, "foreground_default": { "color": "#ffffff" }, "foreground_dark": { - "color": "#3e5374" + "color": "#4f5157" }, "notifications": { "icon": { @@ -2138,30 +2116,30 @@ }, "media": { "initials_background": { - "default": "#3e5374", - "accent1": "#626d97", - "accent2": "#90d3dd", - "accent3": "#0c6d7e", + "default": "#263b73", + "accent1": "#596ea6", + "accent2": "#81cbe5", + "accent3": "#056385", "accent4": "#467aae", "accent5": "#9ac1e8", - "accent6": "#d1d7ef", + "accent6": "#b2b7c4", "accent7": "#89387b", "accent8": "#ff5c77", "accent9": "#ff9dad", "accent10": "#ffc650", - "accent11": "#feb2ab", - "accent12": "#c44b3b", - "overflow_count": "#626e84", - "add": "#eff0fe" + "accent11": "#ffb5a3", + "accent12": "#992910", + "overflow_count": "#6a6d75", + "add": "#eff3ff" }, "initials_foreground": { - "default": "#1b2c48", + "default": "#2a2a2e", "inverse": "#ffffff", - "add": "#4856cb" + "add": "#2143a2" } }, "hover_modal": { - "shroud-color": "#3e5374cc", + "shroud-color": "#263b73cc", "foreground-color": "#ffffff", "opacity": ".8" }, @@ -2189,7 +2167,7 @@ "large": { "border_radius": "100%", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } @@ -2199,27 +2177,27 @@ }, "medium": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "small": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } }, "xsmall": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" } } }, - "focus": "#7b88f7", + "focus": "#5476d5", "add-change-image": { "hover-modal": { "shroud-size": "84px" @@ -2258,8 +2236,8 @@ }, "focus": { "border": { - "color": "#7b88f7", - "width": "3px", + "color": "#5476d5", + "width": "2px", "style": "solid" } }, @@ -2272,11 +2250,11 @@ "foreground_color": "#ffffff" }, "hover": { - "background_color": "#252e78", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" }, "disabled": { @@ -2288,25 +2266,25 @@ "border_radius": "4px", "disable_opacity": "0.5", "selected_panel": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "return": { "default": { - "background_color": "#1c2463", + "background_color": "#19327a", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#141a4f", + "background_color": "#102251", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2143a2", "foreground_color": "#ffffff" } }, "tree_view": { - "bar": "#314669" + "bar": "#c1c6d44d" } }, "button_return": { @@ -2317,7 +2295,7 @@ }, "tree_view": { "border": { - "color": "#3e5374", + "color": "#c1c6d44d", "width": "2px", "style": "solid" }, @@ -2335,17 +2313,17 @@ "height": "64px", "frame": { "background_color": "#ffffff", - "stroke": "#c6ceec" + "stroke": "#c1c6d4" }, - "logo": "#ff4f1f", + "logo": "#ff451a", "menu_button": { "closed": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2143a2" }, "hover": { - "background_color": "#3742a2", - "foreground_color_stroke": "#4856cb", + "background_color": "#19327a", + "foreground_color_stroke": "#2143a2", "foreground_color": "#ffffff" } }, @@ -2354,7 +2332,7 @@ "foreground_color_stroke": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#19327a", "foreground_color": "#ffffff" } } @@ -2378,7 +2356,7 @@ "width": "1440px" }, "focus": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2396,7 +2374,7 @@ "fontSize": "12px", "lineHeight": "18px" }, - "item_text_color": "#1b2c48", + "item_text_color": "#2a2a2e", "divider": { "horizontal": { "height": "1px" @@ -2405,7 +2383,7 @@ "height": "40px", "width": "1px" }, - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "indicator": { "vertical": { @@ -2415,11 +2393,11 @@ "horizontal": { "height": "2px" }, - "hover_color": "#4856cb", - "active_color": "#3742a2" + "hover_color": "#2143a2", + "active_color": "#19327a" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "gap": "8px", @@ -2454,7 +2432,7 @@ }, "focus_ring": { "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2463,7 +2441,7 @@ }, "advanced_tabs": { "divider": { - "divider_color": "#c6c8ce" + "divider_color": "#c1c6d4" }, "item": { "padding": "11px 12px 10px", @@ -2471,7 +2449,7 @@ "focus": { "border_radius": "8px", "border": { - "color": "#7b88f7", + "color": "#5476d5", "width": "2px", "style": "solid" }, @@ -2495,24 +2473,24 @@ } }, "text": { - "color": "#1b2c48", + "color": "#2a2a2e", "height": "9px" }, "indicator": { - "hover_color": "#4856cb", - "active_color": "#3742a2", + "hover_color": "#2143a2", + "active_color": "#19327a", "height": "2px" }, "icon": { - "icon_color": "#1b2c48", + "icon_color": "#2a2a2e", "size": "16px" }, "menu_button": { "gap": "4px", "height": "45px", "width": "32px", - "default_color": "#3e5374", - "active_color": "#1b2c48", + "default_color": "#4f5157", + "active_color": "#2a2a2e", "focus": { "height": "53px", "width": "40px" @@ -2534,38 +2512,38 @@ } }, "set": { - "background_color": "#f3f5fb", + "background_color": "#ebedf5", "standard": { "width": "920px" } } }, "toast": { - "close_button_color": "#3e5374", + "close_button_color": "#4f5157", "success": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#09b581" + "foreground_color": "#2a2a2e", + "icon_color": "#079167" }, "warning": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#f8c73e" + "foreground_color": "#2a2a2e", + "icon_color": "#9a7b25" }, "info": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#6e5ddb" + "foreground_color": "#2a2a2e", + "icon_color": "#3d538f" }, "action": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#4856cb" + "foreground_color": "#2a2a2e", + "icon_color": "#2143a2" }, "error": { "background_color": "#ffffff", - "foreground_color": "#1b2c48", - "icon_color": "#e22245" + "foreground_color": "#2a2a2e", + "icon_color": "#b51b37" }, "heading": { "fontFamily": "Urbanist", @@ -2602,10 +2580,10 @@ } }, "modal": { - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", - "shroud_color": "#3e5374cc", + "shroud_color": "#263b73cc", "header": { "gap": "12px" }, @@ -2657,8 +2635,8 @@ "offsetX": "0", "offsetY": "0" }, - "close_button_color": "#3e5374", - "header_color": "#1b2c48", + "close_button_color": "#4f5157", + "header_color": "#2a2a2e", "background_color": "#ffffff", "gap": "16px", "padding": "24px", @@ -2694,8 +2672,8 @@ }, "progress_and_loading": { "spinner": { - "foreground": "#4856cb", - "base": "#dee1fd", + "foreground": "#2143a2", + "base": "#d5def7", "large": "48px", "small": "16px", "text": { @@ -2705,7 +2683,7 @@ "lineHeight": "18px" } }, - "text_color": "#1b2c48", + "text_color": "#2a2a2e", "loading_state": { "large": { "header": { @@ -2820,21 +2798,21 @@ "gap_message": "4px", "gap_main": "12px", "gap_content": "24px", - "icon_color": "#626e84", - "foreground_color": "#1b2c48", + "icon_color": "#6a6d75", + "foreground_color": "#2a2a2e", "background_color": "rgba(0, 0, 0, 0)", "border_radius": "8px" }, "modal_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", - "shroud_color": "#3e5374cc", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", + "shroud_color": "#263b73cc", "shroud": { "opacity": ".8" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2870,9 +2848,9 @@ }, "dynamic_side_sheet": { "background_color": "#ffffff", - "header_color": "#1b2c48", - "close_color": "#3e5374", - "divider_color": "#c6c8ce", + "header_color": "#2a2a2e", + "close_color": "#4f5157", + "divider_color": "#c1c6d4", "box_shadow": { "blur": "6px", "spread": "1px", @@ -2881,7 +2859,7 @@ "offsetX": "0", "offsetY": "0" }, - "description_color": "#3e5374", + "description_color": "#4f5157", "heading": { "fontFamily": "Urbanist", "fontWeight": "600", @@ -2922,11 +2900,11 @@ "gap": "8px", "default": { "foreground": { - "label_color": "#1b2c48", + "label_color": "#2a2a2e", "chevron_icon": { - "closed": "#3e5374", - "open": "#1b2c48", - "hover": "#23395d" + "closed": "#4f5157", + "open": "#2a2a2e", + "hover": "#3e4044" } } }, @@ -2950,29 +2928,29 @@ "gap": "8px", "default": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#3e5374" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#4f5157" } }, "hover": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#626e84", - "parent_icon_color": "#23395d" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#6a6d75", + "parent_icon_color": "#3e4044" }, - "background_color": "#eff0fe" + "background_color": "#eff3ff" }, "selected": { "foreground": { - "start_icon_color": "#1b2c48", - "label_color": "#1b2c48", - "start_shortcut_color": "#1b2c48", - "parent_icon_color": "#1b2c48" + "start_icon_color": "#2a2a2e", + "label_color": "#2a2a2e", + "start_shortcut_color": "#2a2a2e", + "parent_icon_color": "#2a2a2e" }, - "background_color": "#ced2fc" + "background_color": "#adbff0" }, "focus": { "border_radius": "4px" @@ -3001,14 +2979,14 @@ } }, "focus_border": { - "color": "#7b88f7", + "color": "#5476d5", "style": "solid", "width": "2px" }, "content_item": { "padding": "16px", "gap": "16px", - "foreground_color": "#1b2c48", + "foreground_color": "#2a2a2e", "background_color": "#ffffff", "default_text": { "fontFamily": "'Noto Sans'", @@ -3019,7 +2997,7 @@ }, "wrapper": { "divider_border": { - "color": "#c6c8ce", + "color": "#c1c6d4", "width": "1px", "style": "solid" } diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json index 58ea8b18c5..638c8150b1 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-core.json @@ -35,67 +35,6 @@ "white": "#ffffff", "black": "#000000", "transparent": "rgba(0, 0, 0, 0)", - "cornflower": { - "100": "#f2f2f3", - "200": "#e4e5e7", - "300": "#c6c8ce", - "400": "#a3a7b0", - "500": "#767c8d", - "600": "#626e84", - "700": "#3e5374", - "800": "#23395d", - "900": "#1b2c48", - "1000": "#0f1929" - }, - "islandaqua": { - "100": "#edf8f9", - "200": "#daf0f4", - "300": "#b5e2e8", - "400": "#90d3dd", - "500": "#6bc5d1", - "600": "#46b6c6", - "700": "#2c808c", - "800": "#0c6d7e", - "900": "#115d71", - "1000": "#094052" - }, - "tomato": { - "100": "#fef3f3", - "200": "#fee8e6", - "300": "#fecfcb", - "400": "#feb2ab", - "500": "#fe8f85", - "600": "#fe624d", - "700": "#e35744", - "800": "#c44b3b", - "900": "#a03d30", - "1000": "#712b22" - }, - "lavenderhaze": { - "100": "#fbfcfe", - "200": "#f3f5fb", - "300": "#e8ebf7", - "400": "#d1d7ef", - "500": "#c6ceec", - "600": "#b5bfe6", - "700": "#a8b4e2", - "800": "#9ba9dd", - "900": "#7785b8", - "1000": "#626d97" - }, - "blueberry": { - "50": "#eff0fe", - "100": "#dee1fd", - "200": "#ced2fc", - "300": "#9ca6f9", - "400": "#7b88f7", - "500": "#5a6af5", - "600": "#4856cb", - "700": "#3742a2", - "800": "#252e78", - "900": "#1c2463", - "1000": "#141a4f" - }, "mineral": { "100": "#ddeaf7", "200": "#cde0f4", @@ -227,6 +166,78 @@ "800": "#2e275f", "900": "#241e4b", "1000": "#191536" + }, + "genesys_navy": { + "50": "#f0f1f5", + "100": "#dfe3ec", + "200": "#bfc6d9", + "300": "#9faac6", + "400": "#808db2", + "500": "#596ea6", + "600": "#3d538f", + "700": "#263b73", + "800": "#152550", + "900": "#141c34", + "950": "#141929", + "1000": "#0f1219" + }, + "island": { + "50": "#e6f4fa", + "100": "#cdeaf5", + "200": "#9fd6ea", + "300": "#81cbe5", + "400": "#53bee5", + "500": "#28afe0", + "600": "#1589b2", + "700": "#056385", + "800": "#04445c", + "900": "#003447", + "950": "#002533", + "1000": "#00161f" + }, + "genesys_orange": { + "50": "#ffece8", + "100": "#ffdad1", + "200": "#ffb5a3", + "300": "#ff8f76", + "400": "#ff6a48", + "500": "#ff451a", + "600": "#cc3715", + "700": "#992910", + "800": "#661c0a", + "900": "#4d1508", + "950": "#330e05", + "1000": "#1a0703" + }, + "azure_blue": { + "50": "#eff3ff", + "100": "#d5def7", + "200": "#adbff0", + "300": "#829ce5", + "400": "#5476d5", + "500": "#2954cb", + "600": "#2143a2", + "700": "#19327a", + "800": "#102251", + "900": "#0c193d", + "950": "#081129", + "1000": "#040814" + }, + "haze": { + "50": "#f5f6fa", + "100": "#ebedf5", + "150": "#dce1ed", + "200": "#cad1e1", + "300": "#c1c6d4", + "400": "#b2b7c4", + "500": "#a3a8b5", + "600": "#848891", + "700": "#6a6d75", + "800": "#4f5157", + "850": "#3e4044", + "900": "#2a2a2e", + "950": "#1e1e21", + "1000": "#131315" } }, "font_family": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json index 6e99bbb05a..3cb49431d2 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-semantic.json @@ -76,7 +76,8 @@ "5": "#eefcea", "10": "#eefcea", "20": "#95c189", - "30": "#3c8527", + "30": "#95c189", + "35": "#3c8527", "40": "#205a10", "50": "#0d3d00" }, @@ -131,10 +132,10 @@ "10": "#09b581", "20": "#e22245", "30": "#f8c73e", - "40": "#4856cb", - "50": "#626e84", + "40": "#2143a2", + "50": "#848891", "60": "#b74ba4", - "70": "#fe624d" + "70": "#ff451a" } } }, @@ -348,22 +349,27 @@ "system": { "error": { "tonal_medium": "#fceaea", + "tonal_high": "#ea0b0b", "tonal_subtle": "#fceaea" }, "warning": { "tonal_medium": "#fdf8ec", + "tonal_high": "#ffae00", "tonal_subtle": "#fdf8ec" }, "success": { "tonal_medium": "#eefcea", + "tonal_high": "#95c189", "tonal_subtle": "#eefcea" }, "info": { "tonal_medium": "#deeaff", + "tonal_high": "#2a60c8", "tonal_subtle": "#deeaff" }, "primary": { "tonal_medium": "#deeaff", + "tonal_high": "#2a60c8", "tonal_subtle": "#deeaff" }, "custom_accents": { @@ -405,10 +411,10 @@ "available": "#09b581", "busy": "#e22245", "away": "#f8c73e", - "on_queue": "#4856cb", - "offline": "#626e84", + "on_queue": "#2143a2", + "offline": "#848891", "out_of_office": "#b74ba4", - "notification": "#fe624d" + "notification": "#ff451a" } }, "form_control": { diff --git a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json index a51335acf0..0a5472dc93 100644 --- a/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json +++ b/packages/genesys-spark-tokens/snapshot-new/json/gse-legacy-light-ui.json @@ -172,7 +172,6 @@ "card": { "background-color": "#ffffff", "border_radius": "4px", - "border_radius-copy": "4px", "default": { "border": { "color": "#b4bccb", @@ -241,13 +240,12 @@ "fontWeight": "400", "fontSize": "12px", "lineHeight": "18px" - } + }, + "target_offset": "16px" }, "tag": { "border_radius": "4px", "default": { - "background_color": "#23395d", - "foreground_color": "#ffffff", "bold": { "background_color": "#203b73", "foreground_color": "#ffffff" @@ -258,8 +256,6 @@ } }, "accent1": { - "background_color": "#e4e5e7", - "foreground_color": "#1b2c48", "bold": { "background_color": "#23478f", "foreground_color": "#ffffff" @@ -270,8 +266,6 @@ } }, "accent2": { - "background_color": "#90d3dd", - "foreground_color": "#1b2c48", "bold": { "background_color": "#b5b5eb", "foreground_color": "#2e394c" @@ -282,8 +276,6 @@ } }, "accent3": { - "background_color": "#0c6d7e", - "foreground_color": "#ffffff", "bold": { "background_color": "#205a10", "foreground_color": "#ffffff" @@ -294,8 +286,6 @@ } }, "accent4": { - "background_color": "#547688", - "foreground_color": "#ffffff", "bold": { "background_color": "#151d28", "foreground_color": "#ffffff" @@ -306,8 +296,6 @@ } }, "accent5": { - "background_color": "#a5cae0", - "foreground_color": "#1b2c48", "bold": { "background_color": "#75a8ff", "foreground_color": "#2e394c" @@ -318,8 +306,6 @@ } }, "accent6": { - "background_color": "#b5bfe6", - "foreground_color": "#1b2c48", "subtle": { "background_color": "#dcc9f2", "foreground_color": "#2e394c" @@ -341,8 +327,6 @@ "gap": "4px" }, "accent7": { - "background_color": "#a05195", - "foreground_color": "#ffffff", "bold": { "background_color": "#5e5782", "foreground_color": "#ffffff" @@ -354,8 +338,6 @@ }, "height": "20px", "accent8": { - "background_color": "#f95d6a", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ff8fdd", "foreground_color": "#2e394c" @@ -366,8 +348,6 @@ } }, "accent9": { - "background_color": "#fe8f85", - "foreground_color": "#1b2c48", "bold": { "background_color": "#755000", "foreground_color": "#ffffff" @@ -378,8 +358,6 @@ } }, "accent10": { - "background_color": "#ffc650", - "foreground_color": "#1b2c48", "bold": { "background_color": "#ddd933", "foreground_color": "#2e394c" @@ -425,7 +403,7 @@ }, "success": { "bold": { - "background_color": "#3c8527", + "background_color": "#95c189", "foreground_color": "#2e394c" }, "regular": { @@ -595,7 +573,7 @@ "foreground_color": "#2a60c8" }, "hover": { - "background_color": "#dee1fd", + "background_color": "#deeaff", "foreground_color": "#2754ac" }, "active": { @@ -1165,7 +1143,7 @@ "letterSpacing": "1px" } }, - "padding": "8px 2px", + "padding": "8px 1px", "divider": { "padding": "4px 0px 8px", "height": "13px" @@ -1185,7 +1163,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#23395d" + "foreground_color": "#2e394c" }, "subheader": { "text": { @@ -1194,7 +1172,7 @@ "lineHeight": "18px", "fontSize": "12px" }, - "foreground_color": "#626e84" + "foreground_color": "#3e4a5b" } } }, @@ -1376,7 +1354,7 @@ }, "date_typed": { "gap": "10px", - "background_color": "#dee1fd" + "background_color": "#e8ecf2" }, "disabled": { "opacity": ".5" @@ -1384,8 +1362,8 @@ "focus_calendar": { "gap": "2px" }, - "icon_hover": "#3742a2", - "icon_focus": "#3742a2" + "icon_hover": "#2e394c", + "icon_focus": "#2e394c" }, "toggle": { "label": { @@ -1612,12 +1590,12 @@ "phone_input": { "dropdown": { "hover": { - "background_color": "#eff0fe" + "background_color": "#e8ecf2" }, "active": { - "background_color": "#ced2fc" + "background_color": "#e2e6ee" }, - "foreground_color": "#626e84", + "foreground_color": "#4c5667", "flag": { "height": "12px", "width": "16px" @@ -1637,7 +1615,7 @@ "gap": "4px" }, "country_code": { - "foreground_color": "#626e84" + "foreground_color": "#2e394c" }, "min_width": "230px" }, @@ -1988,7 +1966,7 @@ "lineHeight": "18px" }, "default_background_color": "#ffffff", - "foreground_color": "#1b2c48", + "foreground_color": "#2e394c", "count-display": { "gap": "4px" } @@ -2027,7 +2005,7 @@ "busy": "linear-gradient(135deg, #ea0b0b 0%, #f37a7a 100%)", "away": "linear-gradient(135deg, #ffae00 0%, #fcd276 100%)", "on-queue": "linear-gradient(135deg, #2a60c8 0%, #75a8ff 100%)", - "offline": "linear-gradient(135deg, #767c8d 0%, #a3a7b0 100%)", + "offline": "linear-gradient(135deg, #848891 0%, #848891 100%)", "out_of_office": "linear-gradient(135deg, #b74ba4 0%, #f5bfeb 100%)" }, "medium": { @@ -2110,14 +2088,14 @@ } }, "on-queue": { - "color": "#4856cb" + "color": "#2143a2" }, "offline": { - "color": "#626e84" + "color": "#848891" }, "out-of-office": "#b74ba4", "notification": { - "color": "#fe624d" + "color": "#ff451a" }, "foreground_default": { "color": "#ffffff" @@ -2155,7 +2133,7 @@ "add": "#e8ecf2" }, "initials_foreground": { - "default": "#1b2c48", + "default": "#2e394c", "inverse": "#ffffff", "add": "#2e394c" } @@ -2258,8 +2236,8 @@ }, "focus": { "border": { - "color": "#7b88f7", - "width": "3px", + "color": "#aac9ff", + "width": "2px", "style": "solid" } }, @@ -2272,11 +2250,11 @@ "foreground_color": "#ffffff" }, "hover": { - "background_color": "#252e78", + "background_color": "#23478f", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2a60c8", "foreground_color": "#ffffff" }, "disabled": { @@ -2288,25 +2266,25 @@ "border_radius": "4px", "disable_opacity": "0.5", "selected_panel": { - "background_color": "#3742a2", + "background_color": "#2754ac", "foreground_color": "#ffffff" }, "return": { "default": { - "background_color": "#1c2463", + "background_color": "#2754ac", "foreground_color": "#ffffff" }, "hover": { - "background_color": "#141a4f", + "background_color": "#23478f", "foreground_color": "#ffffff" }, "selected": { - "background_color": "#4856cb", + "background_color": "#2a60c8", "foreground_color": "#ffffff" } }, "tree_view": { - "bar": "#314669" + "bar": "#b4bccb4d" } }, "button_return": { @@ -2317,7 +2295,7 @@ }, "tree_view": { "border": { - "color": "#3e5374", + "color": "#b4bccb4d", "width": "2px", "style": "solid" }, @@ -2335,17 +2313,17 @@ "height": "64px", "frame": { "background_color": "#ffffff", - "stroke": "#c6ceec" + "stroke": "#b4bccb" }, "logo": "#ff4f1f", "menu_button": { "closed": { "default": { - "foreground_color": "#4856cb" + "foreground_color": "#2a60c8" }, "hover": { - "background_color": "#3742a2", - "foreground_color_stroke": "#4856cb", + "background_color": "#2754ac", + "foreground_color_stroke": "#2a60c8", "foreground_color": "#ffffff" } }, @@ -2354,7 +2332,7 @@ "foreground_color_stroke": "#ffffff" }, "hover": { - "background_color": "#3742a2", + "background_color": "#2754ac", "foreground_color": "#ffffff" } } diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss index d5d1fcc2ab..25595befa2 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-core.scss @@ -28,57 +28,6 @@ --gse-core-color-white: #ffffff; --gse-core-color-black: #000000; --gse-core-color-transparent: rgba(0, 0, 0, 0); - --gse-core-color-cornflower-100: #f2f2f3; - --gse-core-color-cornflower-200: #e4e5e7; - --gse-core-color-cornflower-300: #c6c8ce; - --gse-core-color-cornflower-400: #a3a7b0; - --gse-core-color-cornflower-500: #767c8d; - --gse-core-color-cornflower-600: #626e84; - --gse-core-color-cornflower-700: #3e5374; - --gse-core-color-cornflower-800: #23395d; - --gse-core-color-cornflower-900: #1b2c48; - --gse-core-color-cornflower-1000: #0f1929; - --gse-core-color-islandaqua-100: #edf8f9; - --gse-core-color-islandaqua-200: #daf0f4; - --gse-core-color-islandaqua-300: #b5e2e8; - --gse-core-color-islandaqua-400: #90d3dd; - --gse-core-color-islandaqua-500: #6bc5d1; - --gse-core-color-islandaqua-600: #46b6c6; - --gse-core-color-islandaqua-700: #2c808c; - --gse-core-color-islandaqua-800: #0c6d7e; - --gse-core-color-islandaqua-900: #115d71; - --gse-core-color-islandaqua-1000: #094052; - --gse-core-color-tomato-100: #fef3f3; - --gse-core-color-tomato-200: #fee8e6; - --gse-core-color-tomato-300: #fecfcb; - --gse-core-color-tomato-400: #feb2ab; - --gse-core-color-tomato-500: #fe8f85; - --gse-core-color-tomato-600: #fe624d; - --gse-core-color-tomato-700: #e35744; - --gse-core-color-tomato-800: #c44b3b; - --gse-core-color-tomato-900: #a03d30; - --gse-core-color-tomato-1000: #712b22; - --gse-core-color-lavenderhaze-100: #fbfcfe; - --gse-core-color-lavenderhaze-200: #f3f5fb; - --gse-core-color-lavenderhaze-300: #e8ebf7; - --gse-core-color-lavenderhaze-400: #d1d7ef; - --gse-core-color-lavenderhaze-500: #c6ceec; - --gse-core-color-lavenderhaze-600: #b5bfe6; - --gse-core-color-lavenderhaze-700: #a8b4e2; - --gse-core-color-lavenderhaze-800: #9ba9dd; - --gse-core-color-lavenderhaze-900: #7785b8; - --gse-core-color-lavenderhaze-1000: #626d97; - --gse-core-color-blueberry-50: #eff0fe; - --gse-core-color-blueberry-100: #dee1fd; - --gse-core-color-blueberry-200: #ced2fc; - --gse-core-color-blueberry-300: #9ca6f9; - --gse-core-color-blueberry-400: #7b88f7; - --gse-core-color-blueberry-500: #5a6af5; - --gse-core-color-blueberry-600: #4856cb; - --gse-core-color-blueberry-700: #3742a2; - --gse-core-color-blueberry-800: #252e78; - --gse-core-color-blueberry-900: #1c2463; - --gse-core-color-blueberry-1000: #141a4f; --gse-core-color-mineral-100: #ddeaf7; --gse-core-color-mineral-200: #cde0f4; --gse-core-color-mineral-300: #bcd6f0; @@ -189,6 +138,68 @@ --gse-core-color-violet-800: #2e275f; --gse-core-color-violet-900: #241e4b; --gse-core-color-violet-1000: #191536; + --gse-core-color-genesysNavy-50: #f0f1f5; + --gse-core-color-genesysNavy-100: #dfe3ec; + --gse-core-color-genesysNavy-200: #bfc6d9; + --gse-core-color-genesysNavy-300: #9faac6; + --gse-core-color-genesysNavy-400: #808db2; + --gse-core-color-genesysNavy-500: #596ea6; + --gse-core-color-genesysNavy-600: #3d538f; + --gse-core-color-genesysNavy-700: #263b73; + --gse-core-color-genesysNavy-800: #152550; + --gse-core-color-genesysNavy-900: #141c34; + --gse-core-color-genesysNavy-950: #141929; + --gse-core-color-genesysNavy-1000: #0f1219; + --gse-core-color-island-50: #e6f4fa; + --gse-core-color-island-100: #cdeaf5; + --gse-core-color-island-200: #9fd6ea; + --gse-core-color-island-300: #81cbe5; + --gse-core-color-island-400: #53bee5; + --gse-core-color-island-500: #28afe0; + --gse-core-color-island-600: #1589b2; + --gse-core-color-island-700: #056385; + --gse-core-color-island-800: #04445c; + --gse-core-color-island-900: #003447; + --gse-core-color-island-950: #002533; + --gse-core-color-island-1000: #00161f; + --gse-core-color-genesysOrange-50: #ffece8; + --gse-core-color-genesysOrange-100: #ffdad1; + --gse-core-color-genesysOrange-200: #ffb5a3; + --gse-core-color-genesysOrange-300: #ff8f76; + --gse-core-color-genesysOrange-400: #ff6a48; + --gse-core-color-genesysOrange-500: #ff451a; + --gse-core-color-genesysOrange-600: #cc3715; + --gse-core-color-genesysOrange-700: #992910; + --gse-core-color-genesysOrange-800: #661c0a; + --gse-core-color-genesysOrange-900: #4d1508; + --gse-core-color-genesysOrange-950: #330e05; + --gse-core-color-genesysOrange-1000: #1a0703; + --gse-core-color-azureBlue-50: #eff3ff; + --gse-core-color-azureBlue-100: #d5def7; + --gse-core-color-azureBlue-200: #adbff0; + --gse-core-color-azureBlue-300: #829ce5; + --gse-core-color-azureBlue-400: #5476d5; + --gse-core-color-azureBlue-500: #2954cb; + --gse-core-color-azureBlue-600: #2143a2; + --gse-core-color-azureBlue-700: #19327a; + --gse-core-color-azureBlue-800: #102251; + --gse-core-color-azureBlue-900: #0c193d; + --gse-core-color-azureBlue-950: #081129; + --gse-core-color-azureBlue-1000: #040814; + --gse-core-color-haze-50: #f5f6fa; + --gse-core-color-haze-100: #ebedf5; + --gse-core-color-haze-150: #dce1ed; + --gse-core-color-haze-200: #cad1e1; + --gse-core-color-haze-300: #c1c6d4; + --gse-core-color-haze-400: #b2b7c4; + --gse-core-color-haze-500: #a3a8b5; + --gse-core-color-haze-600: #848891; + --gse-core-color-haze-700: #6a6d75; + --gse-core-color-haze-800: #4f5157; + --gse-core-color-haze-850: #3e4044; + --gse-core-color-haze-900: #2a2a2e; + --gse-core-color-haze-950: #1e1e21; + --gse-core-color-haze-1000: #131315; --gse-core-fontFamily-roboto: Roboto; --gse-core-fontFamily-urbanist: Urbanist; --gse-core-fontFamily-notoSans: 'Noto Sans'; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss index 35e90f0ded..84c9f1f8c4 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-semantic.scss @@ -15,38 +15,39 @@ --gse-semantic-theme-fontFamily-headings: Urbanist; --gse-semantic-theme-fontFamily-body: 'Noto Sans'; --gse-semantic-theme-background-container-primary-10: #ffffff; - --gse-semantic-theme-background-container-primary-20: #fbfcfe; - --gse-semantic-theme-background-container-primary-30: #f3f5fb; - --gse-semantic-theme-background-container-primary-40: #eff0fe; - --gse-semantic-theme-background-container-primary-50: #dee1fd; - --gse-semantic-theme-background-container-primary-60: #ced2fc; - --gse-semantic-theme-background-container-secondary-10: #4856cb; - --gse-semantic-theme-background-container-secondary-20: #3742a2; - --gse-semantic-theme-background-container-secondary-30: #252e78; + --gse-semantic-theme-background-container-primary-20: #f5f6fa; + --gse-semantic-theme-background-container-primary-30: #ebedf5; + --gse-semantic-theme-background-container-primary-40: #eff3ff; + --gse-semantic-theme-background-container-primary-50: #d5def7; + --gse-semantic-theme-background-container-primary-60: #adbff0; + --gse-semantic-theme-background-container-secondary-10: #2143a2; + --gse-semantic-theme-background-container-secondary-20: #19327a; + --gse-semantic-theme-background-container-secondary-30: #102251; --gse-semantic-theme-background-container-tertiary-10: rgba(0, 0, 0, 0); - --gse-semantic-theme-background-container-tertiary-20: #c6c8ce; - --gse-semantic-theme-background-container-highContrast-10: #1b2c48; - --gse-semantic-theme-background-container-highContrast-20: #1c2463; - --gse-semantic-theme-background-container-highContrast-30: #141a4f; - --gse-semantic-theme-background-container-highContrast-40: #000000; + --gse-semantic-theme-background-container-tertiary-20: #c1c6d4; + --gse-semantic-theme-background-container-highContrast-10: #2a2a2e; + --gse-semantic-theme-background-container-highContrast-20: #0c193d; + --gse-semantic-theme-background-container-highContrast-30: #081129; + --gse-semantic-theme-background-container-highContrast-40: #131315; --gse-semantic-theme-background-formControl-input-10: #ffffff; - --gse-semantic-theme-background-formControl-input-20: #c6c8ce; - --gse-semantic-theme-background-overlay-10: #3e5374cc; - --gse-semantic-theme-background-system-primary-10: #dee1fd; - --gse-semantic-theme-background-system-primary-20: #9ca6f9; - --gse-semantic-theme-background-system-primary-30: #5a6af5; - --gse-semantic-theme-background-system-primary-40: #3742a2; - --gse-semantic-theme-background-system-primary-50: #1c2463; - --gse-semantic-theme-background-system-info-5: #e2dff8; - --gse-semantic-theme-background-system-info-10: #c5bef1; - --gse-semantic-theme-background-system-info-20: #a89ee9; - --gse-semantic-theme-background-system-info-30: #6e5ddb; - --gse-semantic-theme-background-system-info-40: #443989; - --gse-semantic-theme-background-system-info-50: #241e4b; + --gse-semantic-theme-background-formControl-input-20: #c1c6d4; + --gse-semantic-theme-background-overlay-10: #263b73cc; + --gse-semantic-theme-background-system-primary-10: #d5def7; + --gse-semantic-theme-background-system-primary-20: #829ce5; + --gse-semantic-theme-background-system-primary-30: #2954cb; + --gse-semantic-theme-background-system-primary-40: #19327a; + --gse-semantic-theme-background-system-primary-50: #0c193d; + --gse-semantic-theme-background-system-info-5: #f0f1f5; + --gse-semantic-theme-background-system-info-10: #dfe3ec; + --gse-semantic-theme-background-system-info-20: #9faac6; + --gse-semantic-theme-background-system-info-30: #3d538f; + --gse-semantic-theme-background-system-info-40: #263b73; + --gse-semantic-theme-background-system-info-50: #141c34; --gse-semantic-theme-background-system-success-5: #cef0e6; --gse-semantic-theme-background-system-success-10: #9de1cd; --gse-semantic-theme-background-system-success-20: #6bd3b3; --gse-semantic-theme-background-system-success-30: #09b581; + --gse-semantic-theme-background-system-success-35: #079167; --gse-semantic-theme-background-system-success-40: #056d4d; --gse-semantic-theme-background-system-success-50: #033627; --gse-semantic-theme-background-system-warning-5: #fef4d8; @@ -61,88 +62,88 @@ --gse-semantic-theme-background-system-error-30: #e22245; --gse-semantic-theme-background-system-error-40: #881429; --gse-semantic-theme-background-system-error-50: #440a15; - --gse-semantic-theme-background-customAccents-bold-10: #3e5374; - --gse-semantic-theme-background-customAccents-bold-20: #626d97; + --gse-semantic-theme-background-customAccents-bold-10: #263b73; + --gse-semantic-theme-background-customAccents-bold-20: #596ea6; --gse-semantic-theme-background-customAccents-bold-30: #3ac49a; - --gse-semantic-theme-background-customAccents-bold-40: #0c6d7e; + --gse-semantic-theme-background-customAccents-bold-40: #056385; --gse-semantic-theme-background-customAccents-bold-50: #607732; --gse-semantic-theme-background-customAccents-bold-60: #467aae; --gse-semantic-theme-background-customAccents-bold-70: #8a5ecc; --gse-semantic-theme-background-customAccents-bold-80: #89387b; --gse-semantic-theme-background-customAccents-bold-90: #ff5c77; - --gse-semantic-theme-background-customAccents-bold-100: #c44b3b; + --gse-semantic-theme-background-customAccents-bold-100: #992910; --gse-semantic-theme-background-customAccents-bold-110: #ffc650; - --gse-semantic-theme-background-customAccents-bold-120: #b5e2e8; + --gse-semantic-theme-background-customAccents-bold-120: #81cbe5; --gse-semantic-theme-background-customAccents-bold-130: #5798d9; - --gse-semantic-theme-background-customAccents-subtle-10: #c6c8ce; - --gse-semantic-theme-background-customAccents-subtle-20: #d1d7ef; + --gse-semantic-theme-background-customAccents-subtle-10: #9faac6; + --gse-semantic-theme-background-customAccents-subtle-20: #b2b7c4; --gse-semantic-theme-background-customAccents-subtle-30: #9de1cd; - --gse-semantic-theme-background-customAccents-subtle-40: #90d3dd; + --gse-semantic-theme-background-customAccents-subtle-40: #81cbe5; --gse-semantic-theme-background-customAccents-subtle-50: #c6dd98; --gse-semantic-theme-background-customAccents-subtle-60: #9ac1e8; --gse-semantic-theme-background-customAccents-subtle-70: #cdacff; --gse-semantic-theme-background-customAccents-subtle-80: #ef9ee1; --gse-semantic-theme-background-customAccents-subtle-90: #ff9dad; - --gse-semantic-theme-background-customAccents-subtle-100: #feb2ab; + --gse-semantic-theme-background-customAccents-subtle-100: #ffb5a3; --gse-semantic-theme-background-customAccents-subtle-110: #ffdd96; - --gse-semantic-theme-background-customAccents-subtle-120: #daf0f4; + --gse-semantic-theme-background-customAccents-subtle-120: #9fd6ea; --gse-semantic-theme-background-customAccents-status-10: #09b581; --gse-semantic-theme-background-customAccents-status-20: #e22245; --gse-semantic-theme-background-customAccents-status-30: #f8c73e; - --gse-semantic-theme-background-customAccents-status-40: #4856cb; - --gse-semantic-theme-background-customAccents-status-50: #626e84; + --gse-semantic-theme-background-customAccents-status-40: #2143a2; + --gse-semantic-theme-background-customAccents-status-50: #848891; --gse-semantic-theme-background-customAccents-status-60: #b74ba4; - --gse-semantic-theme-background-customAccents-status-70: #fe624d; - --gse-semantic-theme-foreground-primary-10: #3e5374; - --gse-semantic-theme-foreground-primary-20: #23395d; - --gse-semantic-theme-foreground-primary-30: #1b2c48; + --gse-semantic-theme-background-customAccents-status-70: #ff451a; + --gse-semantic-theme-foreground-primary-10: #4f5157; + --gse-semantic-theme-foreground-primary-20: #3e4044; + --gse-semantic-theme-foreground-primary-30: #2a2a2e; --gse-semantic-theme-foreground-secondary-10: #ffffff; - --gse-semantic-theme-foreground-secondary-20: #767c8d; - --gse-semantic-theme-foreground-secondary-30: #626e84; - --gse-semantic-theme-foreground-tertiary-10: #4856cb; - --gse-semantic-theme-foreground-tertiary-20: #3742a2; - --gse-semantic-theme-foreground-tertiary-30: #252e78; - --gse-semantic-theme-foreground-tertiary-05: #9ca6f9; + --gse-semantic-theme-foreground-secondary-20: #848891; + --gse-semantic-theme-foreground-secondary-30: #6a6d75; + --gse-semantic-theme-foreground-tertiary-10: #2143a2; + --gse-semantic-theme-foreground-tertiary-20: #19327a; + --gse-semantic-theme-foreground-tertiary-30: #102251; + --gse-semantic-theme-foreground-tertiary-05: #5476d5; --gse-semantic-theme-foreground-highContrast-10: #ffffff; - --gse-semantic-theme-foreground-highContrast-20: #e8ebf7; - --gse-semantic-theme-foreground-highContrast-30: #c6ceec; - --gse-semantic-theme-foreground-system-primary-10: #5a6af5; - --gse-semantic-theme-foreground-system-info-10: #6e5ddb; - --gse-semantic-theme-foreground-system-success-10: #09b581; - --gse-semantic-theme-foreground-system-warning-10: #f8c73e; - --gse-semantic-theme-foreground-system-error-10: #e22245; - --gse-semantic-theme-foreground-specialAccents-brand-10: #ff4f1f; + --gse-semantic-theme-foreground-highContrast-20: #dce1ed; + --gse-semantic-theme-foreground-highContrast-30: #c1c6d4; + --gse-semantic-theme-foreground-system-primary-10: #2954cb; + --gse-semantic-theme-foreground-system-info-10: #3d538f; + --gse-semantic-theme-foreground-system-success-10: #079167; + --gse-semantic-theme-foreground-system-warning-10: #9a7b25; + --gse-semantic-theme-foreground-system-error-10: #b51b37; + --gse-semantic-theme-foreground-specialAccents-brand-10: #ff451a; --gse-semantic-theme-foreground-specialAccents-ai-10: #8a5ecc; - --gse-semantic-theme-foreground-link-10: #4856cb; - --gse-semantic-theme-foreground-link-20: #3742a2; - --gse-semantic-theme-foreground-link-30: #252e78; - --gse-semantic-theme-foreground-link-40: #8a5ecc; - --gse-semantic-theme-foreground-icon-10: #3e5374; - --gse-semantic-theme-foreground-formControl-clickInput-10: #4856cb; - --gse-semantic-theme-foreground-formControl-clickInput-20: #3742a2; - --gse-semantic-theme-foreground-formControl-clickInput-30: #252e78; - --gse-semantic-theme-foreground-formControl-clickInput-50: #767c8d; - --gse-semantic-theme-border-focus-10: #7b88f7; + --gse-semantic-theme-foreground-link-10: #2143a2; + --gse-semantic-theme-foreground-link-20: #19327a; + --gse-semantic-theme-foreground-link-30: #102251; + --gse-semantic-theme-foreground-link-40: #3d538f; + --gse-semantic-theme-foreground-icon-10: #4f5157; + --gse-semantic-theme-foreground-formControl-clickInput-10: #2143a2; + --gse-semantic-theme-foreground-formControl-clickInput-20: #19327a; + --gse-semantic-theme-foreground-formControl-clickInput-30: #102251; + --gse-semantic-theme-foreground-formControl-clickInput-50: #a3a8b5; + --gse-semantic-theme-border-focus-10: #5476d5; --gse-semantic-theme-border-divider-10: #ffffff; - --gse-semantic-theme-border-divider-20: #c6c8ce; - --gse-semantic-theme-border-divider-30: #4856cb; - --gse-semantic-theme-border-edges-default-10: #c6c8ce; - --gse-semantic-theme-border-edges-default-20: #3e5374; - --gse-semantic-theme-border-edges-default-30: #1b2c48; - --gse-semantic-theme-border-edges-default-05: #e8ebf7; - --gse-semantic-theme-border-edges-enabled-10: #4856cb; - --gse-semantic-theme-border-edges-hover-10: #7b88f7; - --gse-semantic-theme-border-edges-hover-20: #252e78; - --gse-semantic-theme-border-edges-active-10: #3742a2; - --gse-semantic-theme-border-system-primary-10: #9ca6f9; + --gse-semantic-theme-border-divider-20: #c1c6d4; + --gse-semantic-theme-border-divider-30: #2143a2; + --gse-semantic-theme-border-edges-default-10: #c1c6d4; + --gse-semantic-theme-border-edges-default-20: #4f5157; + --gse-semantic-theme-border-edges-default-30: #3e4044; + --gse-semantic-theme-border-edges-default-05: #cad1e1; + --gse-semantic-theme-border-edges-enabled-10: #2143a2; + --gse-semantic-theme-border-edges-hover-10: #5476d5; + --gse-semantic-theme-border-edges-hover-20: #102251; + --gse-semantic-theme-border-edges-active-10: #19327a; + --gse-semantic-theme-border-system-primary-10: #829ce5; --gse-semantic-theme-border-system-info-10: #c5bef1; --gse-semantic-theme-border-system-success-10: #9de1cd; --gse-semantic-theme-border-system-warning-10: #fce9b2; --gse-semantic-theme-border-system-error-10: #f3a7b5; --gse-semantic-theme-border-system-error-20: #e22245; - --gse-semantic-theme-border-inputs-default-10: #a3a7b0; - --gse-semantic-theme-border-inputs-hover-10: #3742a2; - --gse-semantic-theme-border-inputs-active-10: #252e78; + --gse-semantic-theme-border-inputs-default-10: #a3a8b5; + --gse-semantic-theme-border-inputs-hover-10: #19327a; + --gse-semantic-theme-border-inputs-active-10: #102251; --gse-semantic-theme-borderRadius-interactive-xlarge: 100%; --gse-semantic-theme-borderRadius-interactive-large: 16px; --gse-semantic-theme-borderRadius-interactive-small: 4px; @@ -158,165 +159,170 @@ --gse-semantic-theme-borderRadius-focus-medium: 8px; --gse-semantic-theme-borderRadius-focus-small: 4px; --gse-semantic-theme-borderRadius-focus-xsmall: 2px; - --gse-semantic-background-interactive-primary-default: #4856cb; - --gse-semantic-background-interactive-primary-hover: #3742a2; - --gse-semantic-background-interactive-primary-active: #252e78; - --gse-semantic-background-interactive-secondary-default: #eff0fe; - --gse-semantic-background-interactive-secondary-hover: #dee1fd; - --gse-semantic-background-interactive-secondary-active: #ced2fc; + --gse-semantic-background-interactive-primary-default: #2143a2; + --gse-semantic-background-interactive-primary-hover: #19327a; + --gse-semantic-background-interactive-primary-active: #102251; + --gse-semantic-background-interactive-secondary-default: #eff3ff; + --gse-semantic-background-interactive-secondary-hover: #d5def7; + --gse-semantic-background-interactive-secondary-active: #adbff0; --gse-semantic-background-interactive-tertiary-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-tertiary-hover: #3742a2; - --gse-semantic-background-interactive-tertiary-active: #252e78; + --gse-semantic-background-interactive-tertiary-hover: #19327a; + --gse-semantic-background-interactive-tertiary-active: #102251; --gse-semantic-background-interactive-ghost-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-ghost-hover: #dee1fd; - --gse-semantic-background-interactive-ghost-active: #ced2fc; + --gse-semantic-background-interactive-ghost-hover: #d5def7; + --gse-semantic-background-interactive-ghost-active: #adbff0; --gse-semantic-background-interactive-subtle-default: #ffffff; - --gse-semantic-background-interactive-subtle-hover: #dee1fd; - --gse-semantic-background-interactive-subtle-active: #ced2fc; + --gse-semantic-background-interactive-subtle-hover: #d5def7; + --gse-semantic-background-interactive-subtle-active: #adbff0; --gse-semantic-background-interactive-danger-default: #e22245; --gse-semantic-background-interactive-danger-hover: #881429; --gse-semantic-background-interactive-danger-active: #440a15; - --gse-semantic-background-overlay-shroud-default: #3e5374cc; + --gse-semantic-background-overlay-shroud-default: #263b73cc; --gse-semantic-background-container-page-default: #ffffff; - --gse-semantic-background-container-page-tonalSubtle: #fbfcfe; - --gse-semantic-background-container-page-tonalMedium: #f3f5fb; - --gse-semantic-background-container-page-tonalHigh: #dee1fd; + --gse-semantic-background-container-page-tonalSubtle: #f5f6fa; + --gse-semantic-background-container-page-tonalMedium: #ebedf5; + --gse-semantic-background-container-page-tonalHigh: #d5def7; --gse-semantic-background-container-elevated-default: #ffffff; - --gse-semantic-background-container-elevated-hover: #eff0fe; - --gse-semantic-background-container-elevated-active: #ced2fc; + --gse-semantic-background-container-elevated-hover: #eff3ff; + --gse-semantic-background-container-elevated-active: #adbff0; --gse-semantic-background-container-elevated-error: #f3a7b5; - --gse-semantic-background-container-highConstrast-default: #1b2c48; - --gse-semantic-background-container-highConstrast-hover: #141a4f; - --gse-semantic-background-container-highConstrast-active: #1c2463; + --gse-semantic-background-container-highConstrast-default: #2a2a2e; + --gse-semantic-background-container-highConstrast-hover: #081129; + --gse-semantic-background-container-highConstrast-active: #0c193d; --gse-semantic-background-system-error-tonalMedium: #f3a7b5; + --gse-semantic-background-system-error-tonalHigh: #e22245; --gse-semantic-background-system-error-tonalSubtle: #f9d3da; --gse-semantic-background-system-warning-tonalMedium: #fce9b2; + --gse-semantic-background-system-warning-tonalHigh: #f8c73e; --gse-semantic-background-system-warning-tonalSubtle: #fef4d8; --gse-semantic-background-system-success-tonalMedium: #9de1cd; + --gse-semantic-background-system-success-tonalHigh: #09b581; --gse-semantic-background-system-success-tonalSubtle: #cef0e6; - --gse-semantic-background-system-info-tonalMedium: #c5bef1; - --gse-semantic-background-system-info-tonalSubtle: #e2dff8; - --gse-semantic-background-system-primary-tonalMedium: #dee1fd; - --gse-semantic-background-system-primary-tonalSubtle: #dee1fd; - --gse-semantic-background-system-customAccents-bold-accent_1: #3e5374; - --gse-semantic-background-system-customAccents-bold-accent_2: #626d97; + --gse-semantic-background-system-info-tonalMedium: #dfe3ec; + --gse-semantic-background-system-info-tonalHigh: #3d538f; + --gse-semantic-background-system-info-tonalSubtle: #f0f1f5; + --gse-semantic-background-system-primary-tonalMedium: #d5def7; + --gse-semantic-background-system-primary-tonalMediumCopy: #2954cb; + --gse-semantic-background-system-primary-tonalSubtle: #d5def7; + --gse-semantic-background-system-customAccents-bold-accent_1: #263b73; + --gse-semantic-background-system-customAccents-bold-accent_2: #596ea6; --gse-semantic-background-system-customAccents-bold-accent_3: #3ac49a; - --gse-semantic-background-system-customAccents-bold-accent_4: #0c6d7e; + --gse-semantic-background-system-customAccents-bold-accent_4: #056385; --gse-semantic-background-system-customAccents-bold-accent_5: #607732; --gse-semantic-background-system-customAccents-bold-accent_6: #467aae; --gse-semantic-background-system-customAccents-bold-accent_7: #8a5ecc; --gse-semantic-background-system-customAccents-bold-accent_8: #89387b; --gse-semantic-background-system-customAccents-bold-accent_9: #ff5c77; - --gse-semantic-background-system-customAccents-bold-accent_10: #c44b3b; + --gse-semantic-background-system-customAccents-bold-accent_10: #992910; --gse-semantic-background-system-customAccents-bold-accent_11: #ffc650; - --gse-semantic-background-system-customAccents-bold-accent_12: #b5e2e8; + --gse-semantic-background-system-customAccents-bold-accent_12: #81cbe5; --gse-semantic-background-system-customAccents-bold-accent_13: #5798d9; - --gse-semantic-background-system-customAccents-subtle-accent_1: #c6c8ce; - --gse-semantic-background-system-customAccents-subtle-accent_2: #d1d7ef; + --gse-semantic-background-system-customAccents-subtle-accent_1: #9faac6; + --gse-semantic-background-system-customAccents-subtle-accent_2: #b2b7c4; --gse-semantic-background-system-customAccents-subtle-accent_3: #9de1cd; - --gse-semantic-background-system-customAccents-subtle-accent_4: #90d3dd; + --gse-semantic-background-system-customAccents-subtle-accent_4: #81cbe5; --gse-semantic-background-system-customAccents-subtle-accent_5: #c6dd98; --gse-semantic-background-system-customAccents-subtle-accent_6: #9ac1e8; --gse-semantic-background-system-customAccents-subtle-accent_7: #cdacff; --gse-semantic-background-system-customAccents-subtle-accent_8: #ef9ee1; --gse-semantic-background-system-customAccents-subtle-accent_9: #ff9dad; - --gse-semantic-background-system-customAccents-subtle-accent_10: #feb2ab; + --gse-semantic-background-system-customAccents-subtle-accent_10: #ffb5a3; --gse-semantic-background-system-customAccents-subtle-accent_11: #ffdd96; - --gse-semantic-background-system-customAccents-subtle-accent_12: #daf0f4; - --gse-semantic-background-system-progressAndLoading-default: #dee1fd; - --gse-semantic-background-system-progressAndLoading-progressed: #4856cb; + --gse-semantic-background-system-customAccents-subtle-accent_12: #9fd6ea; + --gse-semantic-background-system-progressAndLoading-default: #d5def7; + --gse-semantic-background-system-progressAndLoading-progressed: #2143a2; --gse-semantic-background-system-status-available: #09b581; --gse-semantic-background-system-status-busy: #e22245; --gse-semantic-background-system-status-away: #f8c73e; - --gse-semantic-background-system-status-onQueue: #4856cb; - --gse-semantic-background-system-status-offline: #626e84; + --gse-semantic-background-system-status-onQueue: #2143a2; + --gse-semantic-background-system-status-offline: #848891; --gse-semantic-background-system-status-outOfOffice: #b74ba4; - --gse-semantic-background-system-status-notification: #fe624d; - --gse-semantic-background-formControl-clickInput-track: #c6c8ce; + --gse-semantic-background-system-status-notification: #ff451a; + --gse-semantic-background-formControl-clickInput-track: #c1c6d4; --gse-semantic-background-formControl-textInput-track: #ffffff; --gse-semantic-foreground-interactive-primary-default: #ffffff; --gse-semantic-foreground-interactive-primary-active: #ffffff; --gse-semantic-foreground-interactive-primary-hover: #ffffff; - --gse-semantic-foreground-interactive-secondary-default: #4856cb; - --gse-semantic-foreground-interactive-secondary-active: #252e78; - --gse-semantic-foreground-interactive-secondary-hover: #3742a2; - --gse-semantic-foreground-interactive-tertiary-default: #4856cb; + --gse-semantic-foreground-interactive-secondary-default: #2143a2; + --gse-semantic-foreground-interactive-secondary-active: #102251; + --gse-semantic-foreground-interactive-secondary-hover: #19327a; + --gse-semantic-foreground-interactive-tertiary-default: #2143a2; --gse-semantic-foreground-interactive-tertiary-active: #ffffff; --gse-semantic-foreground-interactive-tertiary-hover: #ffffff; - --gse-semantic-foreground-interactive-ghost-default: #4856cb; - --gse-semantic-foreground-interactive-ghost-active: #252e78; - --gse-semantic-foreground-interactive-ghost-hover: #3742a2; - --gse-semantic-foreground-interactive-subtle-default: #3e5374; - --gse-semantic-foreground-interactive-subtle-active: #1b2c48; - --gse-semantic-foreground-interactive-subtle-hover: #23395d; + --gse-semantic-foreground-interactive-ghost-default: #2143a2; + --gse-semantic-foreground-interactive-ghost-active: #102251; + --gse-semantic-foreground-interactive-ghost-hover: #19327a; + --gse-semantic-foreground-interactive-subtle-default: #4f5157; + --gse-semantic-foreground-interactive-subtle-active: #2a2a2e; + --gse-semantic-foreground-interactive-subtle-hover: #3e4044; --gse-semantic-foreground-interactive-danger-default: #ffffff; --gse-semantic-foreground-interactive-danger-active: #ffffff; --gse-semantic-foreground-interactive-danger-hover: #ffffff; - --gse-semantic-foreground-interactive-link-default: #4856cb; - --gse-semantic-foreground-interactive-link-active: #252e78; - --gse-semantic-foreground-interactive-link-hover: #3742a2; - --gse-semantic-foreground-interactive-link-visited: #8a5ecc; - --gse-semantic-foreground-interactive-indicator-default: #9ca6f9; - --gse-semantic-foreground-container-highEmphasis: #1b2c48; - --gse-semantic-foreground-container-midEmphasis: #3e5374; - --gse-semantic-foreground-container-lowEmphasis: #626e84; + --gse-semantic-foreground-interactive-link-default: #2143a2; + --gse-semantic-foreground-interactive-link-active: #102251; + --gse-semantic-foreground-interactive-link-hover: #19327a; + --gse-semantic-foreground-interactive-link-visited: #3d538f; + --gse-semantic-foreground-interactive-indicator-default: #5476d5; + --gse-semantic-foreground-container-highEmphasis: #2a2a2e; + --gse-semantic-foreground-container-midEmphasis: #4f5157; + --gse-semantic-foreground-container-lowEmphasis: #6a6d75; --gse-semantic-foreground-container-highContrast-highEmphasis: #ffffff; - --gse-semantic-foreground-container-highContrast-midEmphasis: #e8ebf7; - --gse-semantic-foreground-container-highContrast-lowEmphasis: #c6ceec; + --gse-semantic-foreground-container-highContrast-midEmphasis: #dce1ed; + --gse-semantic-foreground-container-highContrast-lowEmphasis: #c1c6d4; --gse-semantic-foreground-container-specialAccents-ai: #8a5ecc; - --gse-semantic-foreground-container-specialAccents-brand: #ff4f1f; + --gse-semantic-foreground-container-specialAccents-brand: #ff451a; --gse-semantic-foreground-system-customAccents-light: #ffffff; - --gse-semantic-foreground-system-customAccents-dark: #1b2c48; - --gse-semantic-foreground-system-progressAndLoading-default: #23395d; + --gse-semantic-foreground-system-customAccents-dark: #2a2a2e; + --gse-semantic-foreground-system-progressAndLoading-default: #3e4044; --gse-semantic-foreground-system-progressAndLoading-progressed: #ffffff; - --gse-semantic-foreground-system-info-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-info-accent: #6e5ddb; - --gse-semantic-foreground-system-success-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-success-accent: #09b581; - --gse-semantic-foreground-system-warning-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-warning-accent: #f8c73e; - --gse-semantic-foreground-system-error-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-error-accent: #e22245; - --gse-semantic-foreground-system-icon-default: #3e5374; - --gse-semantic-foreground-formControl-helpText-default: #626e84; - --gse-semantic-foreground-formControl-helpText-error: #e22245; - --gse-semantic-foreground-formControl-textInput-placeholder: #626e84; - --gse-semantic-foreground-formControl-textInput-populated: #1b2c48; - --gse-semantic-foreground-formControl-textInput-icon: #626e84; - --gse-semantic-foreground-formControl-clickInput-enabled: #767c8d; - --gse-semantic-foreground-formControl-clickInput-selected: #4856cb; - --gse-semantic-foreground-formControl-clickInput-hover: #3742a2; - --gse-semantic-foreground-formControl-clickInput-active: #252e78; - --gse-semantic-foreground-formControl-clickInput-error: #e22245; - --gse-semantic-foreground-formControl-label-default: #1b2c48; - --gse-semantic-foreground-formControl-label-requiredAccent: #e22245; - --gse-semantic-foreground-formControl-label-optionalAccent: #3e5374; - --gse-semantic-foreground-formControl-label-tooltip: #3e5374; - --gse-semantic-border-focus: #7b88f7; - --gse-semantic-border-container-divider: #c6c8ce; - --gse-semantic-border-container-edges-default: #c6c8ce; - --gse-semantic-border-container-edges-hover: #7b88f7; + --gse-semantic-foreground-system-info-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-info-accent: #3d538f; + --gse-semantic-foreground-system-success-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-success-accent: #079167; + --gse-semantic-foreground-system-warning-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-warning-accent: #9a7b25; + --gse-semantic-foreground-system-error-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-error-accent: #b51b37; + --gse-semantic-foreground-system-icon-default: #4f5157; + --gse-semantic-foreground-formControl-helpText-default: #6a6d75; + --gse-semantic-foreground-formControl-helpText-error: #b51b37; + --gse-semantic-foreground-formControl-textInput-placeholder: #6a6d75; + --gse-semantic-foreground-formControl-textInput-populated: #2a2a2e; + --gse-semantic-foreground-formControl-textInput-icon: #6a6d75; + --gse-semantic-foreground-formControl-clickInput-enabled: #a3a8b5; + --gse-semantic-foreground-formControl-clickInput-selected: #2143a2; + --gse-semantic-foreground-formControl-clickInput-hover: #19327a; + --gse-semantic-foreground-formControl-clickInput-active: #102251; + --gse-semantic-foreground-formControl-clickInput-error: #b51b37; + --gse-semantic-foreground-formControl-label-default: #2a2a2e; + --gse-semantic-foreground-formControl-label-requiredAccent: #b51b37; + --gse-semantic-foreground-formControl-label-optionalAccent: #4f5157; + --gse-semantic-foreground-formControl-label-tooltip: #4f5157; + --gse-semantic-border-focus: #5476d5; + --gse-semantic-border-container-divider: #c1c6d4; + --gse-semantic-border-container-edges-default: #c1c6d4; + --gse-semantic-border-container-edges-hover: #5476d5; --gse-semantic-border-container-edges-error: #e22245; - --gse-semantic-border-container-edges-enabled: #4856cb; - --gse-semantic-border-container-edges-active: #3742a2; - --gse-semantic-border-container-edges-highEmphasis: #1b2c48; - --gse-semantic-border-container-edges-dataTable-default: #e8ebf7; - --gse-semantic-border-container-highConstrast-default: #3e5374; - --gse-semantic-border-container-highConstrast-enabled: #4856cb; - --gse-semantic-border-container-highConstrast-hover: #252e78; - --gse-semantic-border-container-highConstrast-active: #3742a2; + --gse-semantic-border-container-edges-enabled: #2143a2; + --gse-semantic-border-container-edges-active: #19327a; + --gse-semantic-border-container-edges-highEmphasis: #3e4044; + --gse-semantic-border-container-edges-dataTable-default: #cad1e1; + --gse-semantic-border-container-highConstrast-default: #4f5157; + --gse-semantic-border-container-highConstrast-enabled: #2143a2; + --gse-semantic-border-container-highConstrast-hover: #102251; + --gse-semantic-border-container-highConstrast-active: #19327a; --gse-semantic-border-system-info: #c5bef1; --gse-semantic-border-system-warning: #fce9b2; --gse-semantic-border-system-success: #9de1cd; --gse-semantic-border-system-error: #f3a7b5; - --gse-semantic-border-system-primary: #9ca6f9; + --gse-semantic-border-system-primary: #829ce5; --gse-semantic-border-interactive-primary-divider: #ffffff; --gse-semantic-border-interactive-secondary-divider: #ffffff; - --gse-semantic-border-interactive-tertiary-divider: #4856cb; + --gse-semantic-border-interactive-tertiary-divider: #2143a2; --gse-semantic-border-interactive-danger-divider: #ffffff; - --gse-semantic-border-formControl-textInput-default: #a3a7b0; - --gse-semantic-border-formControl-textInput-hover: #3742a2; - --gse-semantic-border-formControl-textInput-active: #252e78; + --gse-semantic-border-formControl-textInput-default: #a3a8b5; + --gse-semantic-border-formControl-textInput-hover: #19327a; + --gse-semantic-border-formControl-textInput-active: #102251; --gse-semantic-border-formControl-textInput-error: #e22245; --gse-semantic-body-sm-regular-fontFamily: 'Noto Sans'; --gse-semantic-body-sm-regular-fontWeight: 400; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss index 7b1652b9af..73c25db0e1 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-dark-ui.scss @@ -1,31 +1,31 @@ @mixin tokens { - --gse-ui-color-focus: #7b88f7; + --gse-ui-color-focus: #5476d5; --gse-ui-formControl-input-contentText-fontFamily: 'Noto Sans'; --gse-ui-formControl-input-contentText-fontWeight: 400; --gse-ui-formControl-input-contentText-fontSize: 12px; --gse-ui-formControl-input-contentText-lineHeight: 18px; - --gse-ui-formControl-input-default-border-color: #a3a7b0; + --gse-ui-formControl-input-default-border-color: #a3a8b5; --gse-ui-formControl-input-default-border-width: 1px; --gse-ui-formControl-input-default-border-style: solid; - --gse-ui-formControl-input-hover-border-color: #3742a2; + --gse-ui-formControl-input-hover-border-color: #19327a; --gse-ui-formControl-input-hover-border-width: 1px; --gse-ui-formControl-input-hover-border-style: solid; - --gse-ui-formControl-input-active-border-color: #252e78; + --gse-ui-formControl-input-active-border-color: #102251; --gse-ui-formControl-input-active-border-width: 1px; --gse-ui-formControl-input-active-border-style: solid; --gse-ui-formControl-input-error-border-color: #e22245; --gse-ui-formControl-input-error-border-width: 1px; --gse-ui-formControl-input-error-border-style: solid; - --gse-ui-formControl-input-disabled-border-color: #a3a7b0; + --gse-ui-formControl-input-disabled-border-color: #a3a8b5; --gse-ui-formControl-input-disabled-border-width: 1px; --gse-ui-formControl-input-disabled-border-style: solid; --gse-ui-formControl-input-disabled-opacity: 0.5; --gse-ui-formControl-input-borderRadius: 4px; --gse-ui-formControl-input-backgroundColor: #ffffff; - --gse-ui-formControl-input-placeholderColor: #626e84; - --gse-ui-formControl-input-suggestionColor: #626e84; - --gse-ui-formControl-input-populatedColor: #1b2c48; - --gse-ui-formControl-input-inputClearable-inputClearableColor: #626e84; + --gse-ui-formControl-input-placeholderColor: #6a6d75; + --gse-ui-formControl-input-suggestionColor: #6a6d75; + --gse-ui-formControl-input-populatedColor: #2a2a2e; + --gse-ui-formControl-input-inputClearable-inputClearableColor: #6a6d75; --gse-ui-formControl-input-inputClearable-size: 16px; --gse-ui-formControl-input-gap: 12px; --gse-ui-formControl-input-top: 8px; @@ -35,20 +35,20 @@ --gse-ui-formControl-input-prefixSufix-text-fontSize: 14px; --gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px; --gse-ui-formControl-input-prefixSufix-height: 32px; - --gse-ui-formControl-input-prefixSufix-defaultColor: #626e84; + --gse-ui-formControl-input-prefixSufix-defaultColor: #6a6d75; --gse-ui-formControl-input-textfield-height: 32px; --gse-ui-formControl-input-textfield-minWidth: 48px; --gse-ui-formControl-input-colorPicker-size: 32px; --gse-ui-formControl-input-inputIcon-size: 16px; - --gse-ui-formControl-input-inputIcon-defaultColor: #1b2c48; - --gse-ui-formControl-input-inputIcon-iconEndColor: #626e84; - --gse-ui-formControl-input-focusRing-defaultColor: #7b88f7; + --gse-ui-formControl-input-inputIcon-defaultColor: #2a2a2e; + --gse-ui-formControl-input-inputIcon-iconEndColor: #6a6d75; + --gse-ui-formControl-input-focusRing-defaultColor: #5476d5; --gse-ui-formControl-input-textarea-height: 98px; - --gse-ui-formControl-input-focus-border-color: #7b88f7; + --gse-ui-formControl-input-focus-border-color: #5476d5; --gse-ui-formControl-input-focus-border-width: 2px; --gse-ui-formControl-input-focus-border-style: solid; --gse-ui-formControl-input-spinbuttonIcon-size: 16px; - --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7; + --gse-ui-formControl-input-focusSelection-backgroundColor: #5476d5; --gse-ui-formControl-label-padding: 0 0 8px 0; --gse-ui-formControl-label-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-text-fontWeight: 400; @@ -58,15 +58,15 @@ --gse-ui-formControl-label-textBold-fontWeight: 600; --gse-ui-formControl-label-textBold-fontSize: 12px; --gse-ui-formControl-label-textBold-lineHeight: 18px; - --gse-ui-formControl-label-labelColor: #1b2c48; + --gse-ui-formControl-label-labelColor: #2a2a2e; --gse-ui-formControl-label-indicator-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-indicator-text-fontWeight: 400; --gse-ui-formControl-label-indicator-text-fontSize: 12px; --gse-ui-formControl-label-indicator-text-lineHeight: 18px; - --gse-ui-formControl-label-indicator-requiredColor: #e22245; - --gse-ui-formControl-label-indicator-optionalColor: #3e5374; + --gse-ui-formControl-label-indicator-requiredColor: #b51b37; + --gse-ui-formControl-label-indicator-optionalColor: #4f5157; --gse-ui-formControl-label-iconSize: 16px; - --gse-ui-formControl-label-tooltipTrigger-color: #3e5374; + --gse-ui-formControl-label-tooltipTrigger-color: #4f5157; --gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px; --gse-ui-formControl-formField-gap: 4px; --gse-ui-formControl-group-gapItems: 8px; @@ -79,21 +79,20 @@ --gse-ui-formControl-helper-icon-padding: 1px 0 1px 0; --gse-ui-formControl-helper-paddingSmall: 4px 0 0 0; --gse-ui-formControl-helper-errorPadding: 4px 0 0 0; - --gse-ui-formControl-helper-defaultColor: #626e84; - --gse-ui-formControl-helper-errorColor: #e22245; + --gse-ui-formControl-helper-defaultColor: #6a6d75; + --gse-ui-formControl-helper-errorColor: #b51b37; --gse-ui-formControl-helper-iconSize: 16px; --gse-ui-formControl-spinButton-gap: 8px; - --gse-ui-formControl-spinner-track: #4856cb; - --gse-ui-formControl-spinner-errorColor: #dee1fd; + --gse-ui-formControl-spinner-track: #2143a2; + --gse-ui-formControl-spinner-errorColor: #d5def7; --gse-ui-formControl-textarea-padding: 8px; --gse-ui-formControl-focusRing-borderRadius: 4px; --gse-ui-card-backgroundColor: #ffffff; - --gse-ui-card-borderRadius: 16px; - --gse-ui-card-borderRadiusCopy: 16px; - --gse-ui-card-default-border-color: #c6c8ce; + --gse-ui-card-borderRadius: 8px; + --gse-ui-card-default-border-color: #c1c6d4; --gse-ui-card-default-border-width: 1px; --gse-ui-card-default-border-style: solid; - --gse-ui-card-raised-border-color: #c6c8ce; + --gse-ui-card-raised-border-color: #c1c6d4; --gse-ui-card-raised-border-width: 1px; --gse-ui-card-raised-border-style: solid; --gse-ui-card-raised-boxShadow-blur: 6px; @@ -106,15 +105,15 @@ --gse-ui-card-borderless-border-color: rgba(0, 0, 0, 0); --gse-ui-card-borderless-border-width: 1px; --gse-ui-card-borderless-border-style: solid; - --gse-ui-tooltip-light-border-color: #c6c8ce; + --gse-ui-tooltip-light-border-color: #c1c6d4; --gse-ui-tooltip-light-border-width: 1px; --gse-ui-tooltip-light-border-style: solid; --gse-ui-tooltip-light-backgroundColor: #ffffff; - --gse-ui-tooltip-light-foregroundColor: #1b2c48; - --gse-ui-tooltip-dark-border-color: #1b2c48; + --gse-ui-tooltip-light-foregroundColor: #2a2a2e; + --gse-ui-tooltip-dark-border-color: #3e4044; --gse-ui-tooltip-dark-border-width: 1px; --gse-ui-tooltip-dark-border-style: solid; - --gse-ui-tooltip-dark-backgroundColor: #1b2c48; + --gse-ui-tooltip-dark-backgroundColor: #2a2a2e; --gse-ui-tooltip-dark-foregroundColor: #ffffff; --gse-ui-tooltip-dark-iconColor: #ffffff; --gse-ui-tooltip-boxShadow-blur: 6px; @@ -131,47 +130,34 @@ --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; + --gse-ui-tooltip-targetOffset: 16px; --gse-ui-tag-borderRadius: 16px; - --gse-ui-tag-default-backgroundColor: #23395d; - --gse-ui-tag-default-foregroundColor: #ffffff; - --gse-ui-tag-default-bold-backgroundColor: #3e5374; + --gse-ui-tag-default-bold-backgroundColor: #263b73; --gse-ui-tag-default-bold-foregroundColor: #ffffff; - --gse-ui-tag-default-subtle-backgroundColor: #c6c8ce; - --gse-ui-tag-default-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-backgroundColor: #e4e5e7; - --gse-ui-tag-accent1-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-bold-backgroundColor: #626d97; + --gse-ui-tag-default-subtle-backgroundColor: #9faac6; + --gse-ui-tag-default-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent1-bold-backgroundColor: #596ea6; --gse-ui-tag-accent1-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent1-subtle-backgroundColor: #d1d7ef; - --gse-ui-tag-accent1-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent2-backgroundColor: #90d3dd; - --gse-ui-tag-accent2-foregroundColor: #1b2c48; + --gse-ui-tag-accent1-subtle-backgroundColor: #b2b7c4; + --gse-ui-tag-accent1-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-bold-backgroundColor: #3ac49a; - --gse-ui-tag-accent2-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent2-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd; - --gse-ui-tag-accent2-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent3-backgroundColor: #0c6d7e; - --gse-ui-tag-accent3-foregroundColor: #ffffff; - --gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e; + --gse-ui-tag-accent2-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent3-bold-backgroundColor: #056385; --gse-ui-tag-accent3-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent3-subtle-backgroundColor: #90d3dd; - --gse-ui-tag-accent3-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent4-backgroundColor: #547688; - --gse-ui-tag-accent4-foregroundColor: #ffffff; + --gse-ui-tag-accent3-subtle-backgroundColor: #81cbe5; + --gse-ui-tag-accent3-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent4-bold-backgroundColor: #607732; --gse-ui-tag-accent4-bold-foregroundColor: #ffffff; --gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98; - --gse-ui-tag-accent4-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent5-backgroundColor: #a5cae0; - --gse-ui-tag-accent5-foregroundColor: #1b2c48; + --gse-ui-tag-accent4-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-bold-backgroundColor: #5798d9; - --gse-ui-tag-accent5-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8; - --gse-ui-tag-accent5-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent6-backgroundColor: #b5bfe6; - --gse-ui-tag-accent6-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-subtle-backgroundColor: #cdacff; - --gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent6-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc; --gse-ui-tag-accent6-bold-foregroundColor: #ffffff; --gse-ui-tag-text-fontFamily: 'Noto Sans'; @@ -181,31 +167,23 @@ --gse-ui-tag-padding: 0 12px; --gse-ui-tag-removable-padding: 0 8px 0 12px; --gse-ui-tag-removable-gap: 4px; - --gse-ui-tag-accent7-backgroundColor: #a05195; - --gse-ui-tag-accent7-foregroundColor: #ffffff; --gse-ui-tag-accent7-bold-backgroundColor: #89387b; --gse-ui-tag-accent7-bold-foregroundColor: #ffffff; --gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1; - --gse-ui-tag-accent7-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent7-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-height: 20px; - --gse-ui-tag-accent8-backgroundColor: #f95d6a; - --gse-ui-tag-accent8-foregroundColor: #1b2c48; --gse-ui-tag-accent8-bold-backgroundColor: #ff5c77; - --gse-ui-tag-accent8-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent8-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad; - --gse-ui-tag-accent8-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-backgroundColor: #fe8f85; - --gse-ui-tag-accent9-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-bold-backgroundColor: #c44b3b; + --gse-ui-tag-accent8-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent9-bold-backgroundColor: #992910; --gse-ui-tag-accent9-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent9-subtle-backgroundColor: #feb2ab; - --gse-ui-tag-accent9-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent10-backgroundColor: #ffc650; - --gse-ui-tag-accent10-foregroundColor: #1b2c48; + --gse-ui-tag-accent9-subtle-backgroundColor: #ffb5a3; + --gse-ui-tag-accent9-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-bold-backgroundColor: #ffc650; - --gse-ui-tag-accent10-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96; - --gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-button-size: 16px; --gse-ui-tag-disabled-opacity: 0.5; --gse-ui-tag-small-height: 20px; @@ -218,49 +196,49 @@ --gse-ui-badge-height: 20px; --gse-ui-badge-padding: 2px 12px; --gse-ui-badge-gap: 4px; - --gse-ui-badge-info-bold-backgroundColor: #6e5ddb; + --gse-ui-badge-info-bold-backgroundColor: #3d538f; --gse-ui-badge-info-bold-foregroundColor: #ffffff; - --gse-ui-badge-info-regular-backgroundColor: #c5bef1; - --gse-ui-badge-info-regular-foregroundColor: #1b2c48; + --gse-ui-badge-info-regular-backgroundColor: #dfe3ec; + --gse-ui-badge-info-regular-foregroundColor: #2a2a2e; --gse-ui-badge-success-bold-backgroundColor: #09b581; - --gse-ui-badge-success-bold-foregroundColor: #1b2c48; + --gse-ui-badge-success-bold-foregroundColor: #2a2a2e; --gse-ui-badge-success-regular-backgroundColor: #9de1cd; - --gse-ui-badge-success-regular-foregroundColor: #1b2c48; + --gse-ui-badge-success-regular-foregroundColor: #2a2a2e; --gse-ui-badge-warning-bold-backgroundColor: #f8c73e; - --gse-ui-badge-warning-bold-foregroundColor: #1b2c48; + --gse-ui-badge-warning-bold-foregroundColor: #2a2a2e; --gse-ui-badge-warning-regular-backgroundColor: #fce9b2; - --gse-ui-badge-warning-regular-foregroundColor: #1b2c48; + --gse-ui-badge-warning-regular-foregroundColor: #2a2a2e; --gse-ui-badge-error-bold-backgroundColor: #e22245; --gse-ui-badge-error-bold-foregroundColor: #ffffff; --gse-ui-badge-error-regular-backgroundColor: #f3a7b5; - --gse-ui-badge-error-regular-foregroundColor: #1b2c48; + --gse-ui-badge-error-regular-foregroundColor: #2a2a2e; --gse-ui-icon-small-size: 16px; --gse-ui-icon-medium-size: 24px; --gse-ui-icon-large-size: 32px; - --gse-ui-icon-color: #3e5374; + --gse-ui-icon-color: #4f5157; --gse-ui-alert-padding: 8px 16px; --gse-ui-alert-gap: 8px; - --gse-ui-alert-info-backgroundColor: #e2dff8; - --gse-ui-alert-info-foregroundColor: #1b2c48; - --gse-ui-alert-info-iconColor: #6e5ddb; + --gse-ui-alert-info-backgroundColor: #f0f1f5; + --gse-ui-alert-info-foregroundColor: #2a2a2e; + --gse-ui-alert-info-iconColor: #3d538f; --gse-ui-alert-info-border-color: #c5bef1; --gse-ui-alert-info-border-width: 1px; --gse-ui-alert-info-border-style: solid; --gse-ui-alert-success-backgroundColor: #cef0e6; - --gse-ui-alert-success-foregroundColor: #1b2c48; - --gse-ui-alert-success-iconColor: #09b581; + --gse-ui-alert-success-foregroundColor: #2a2a2e; + --gse-ui-alert-success-iconColor: #079167; --gse-ui-alert-success-border-color: #9de1cd; --gse-ui-alert-success-border-width: 1px; --gse-ui-alert-success-border-style: solid; --gse-ui-alert-warning-backgroundColor: #fef4d8; - --gse-ui-alert-warning-foregroundColor: #1b2c48; - --gse-ui-alert-warning-iconColor: #f8c73e; + --gse-ui-alert-warning-foregroundColor: #2a2a2e; + --gse-ui-alert-warning-iconColor: #9a7b25; --gse-ui-alert-warning-border-color: #fce9b2; --gse-ui-alert-warning-border-width: 1px; --gse-ui-alert-warning-border-style: solid; --gse-ui-alert-error-backgroundColor: #f9d3da; - --gse-ui-alert-error-foregroundColor: #1b2c48; - --gse-ui-alert-error-iconColor: #e22245; + --gse-ui-alert-error-foregroundColor: #2a2a2e; + --gse-ui-alert-error-iconColor: #b51b37; --gse-ui-alert-error-border-color: #f3a7b5; --gse-ui-alert-error-border-width: 1px; --gse-ui-alert-error-border-style: solid; @@ -273,10 +251,10 @@ --gse-ui-alert-emphasisText-fontSize: 12px; --gse-ui-alert-emphasisText-lineHeight: 18px; --gse-ui-alert-borderRadius: 4px; - --gse-ui-rating-default-color: #767c8d; - --gse-ui-rating-active-color: #4856cb; - --gse-ui-rating-hover-color: #3742a2; - --gse-ui-rating-disabled-color: #767c8d; + --gse-ui-rating-default-color: #a3a8b5; + --gse-ui-rating-active-color: #2143a2; + --gse-ui-rating-hover-color: #19327a; + --gse-ui-rating-disabled-color: #a3a8b5; --gse-ui-rating-disabled-opacity: 0.5; --gse-ui-rating-size: 16px; --gse-ui-rating-star-gap: 8px; @@ -292,7 +270,7 @@ --gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px; - --gse-ui-breadcrumbs-separator-color: #c6c8ce; + --gse-ui-breadcrumbs-separator-color: #c1c6d4; --gse-ui-breadcrumbs-borderRadius: 0; --gse-ui-segmentedControl-button-padding: 0 12px; --gse-ui-segmentedControl-button-gap: 8px; @@ -301,19 +279,19 @@ --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0; --gse-ui-segmentedControl-button-disabled-opacity: 0.5; --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb; + --gse-ui-segmentedControl-button-disabled-foregroundColor: #2143a2; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-default-foregroundColor: #4856cb; - --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd; - --gse-ui-segmentedControl-button-hover-foregroundColor: #3742a2; - --gse-ui-segmentedControl-button-active-backgroundColor: #4856cb; + --gse-ui-segmentedControl-button-default-foregroundColor: #2143a2; + --gse-ui-segmentedControl-button-hover-backgroundColor: #d5def7; + --gse-ui-segmentedControl-button-hover-foregroundColor: #19327a; + --gse-ui-segmentedControl-button-active-backgroundColor: #2143a2; --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff; --gse-ui-segmentedControl-borderRadius: 4px; --gse-ui-segmentedControl-height: 32px; - --gse-ui-segmentedControl-border-color: #4856cb; + --gse-ui-segmentedControl-border-color: #2143a2; --gse-ui-segmentedControl-border-width: 1px; --gse-ui-segmentedControl-border-style: solid; - --gse-ui-segmentedControl-divider-color: #4856cb; + --gse-ui-segmentedControl-divider-color: #2143a2; --gse-ui-segmentedControl-divider-width: 1px; --gse-ui-segmentedControl-divider-style: solid; --gse-ui-segmentedControl-iconOnly-padding: 0 8px; @@ -326,7 +304,7 @@ --gse-ui-formFooter-page-mobile-topPadding: 16px; --gse-ui-formFooter-page-mobile-horizontalPadding: 16px; --gse-ui-formFooter-page-mobile-gap: 16px; - --gse-ui-formFooter-separator-color: #c6c8ce; + --gse-ui-formFooter-separator-color: #c1c6d4; --gse-ui-formFooter-separator-width: 1px; --gse-ui-formFooter-separator-style: solid; --gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px; @@ -338,11 +316,11 @@ --gse-ui-formFooter-modal-desktop-horizontalPadding: 32px; --gse-ui-formFooter-modal-desktop-gap: 16px; --gse-ui-formFooter-backgroundColor: #ffffff; - --gse-ui-formFooter-border-color: #3742a2; + --gse-ui-formFooter-border-color: #19327a; --gse-ui-formFooter-border-width: 1px; --gse-ui-formFooter-border-style: solid; - --gse-ui-copyToClipboard-label-active-backgroundColor: #ced2fc; - --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48; + --gse-ui-copyToClipboard-label-active-backgroundColor: #adbff0; + --gse-ui-copyToClipboard-label-foregroundColor: #2a2a2e; --gse-ui-copyToClipboard-label-padding: 2px 4px; --gse-ui-copyToClipboard-label-borderRadius: 4px; --gse-ui-copyToClipboard-label-text-fontFamily: 'Noto Sans'; @@ -353,9 +331,9 @@ --gse-ui-copyToClipboard-gap: 8px; --gse-ui-copyToClipboard-contentContainer-gap: 4px; --gse-ui-copyToClipboard-iconContainer-padding: 4px; - --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581; - --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245; - --gse-ui-dismissButton-foregroundColor: #3e5374; + --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #079167; + --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #b51b37; + --gse-ui-dismissButton-foregroundColor: #4f5157; --gse-ui-button-default-height: 32px; --gse-ui-button-default-padding: 0 12px; --gse-ui-button-default-paddingIconOnly: 8px; @@ -369,33 +347,33 @@ --gse-ui-button-compact-padding: 0 12px; --gse-ui-button-compact-paddingIconOnly: 4px; --gse-ui-button-gap: 8px; - --gse-ui-button-primary-default-backgroundColor: #4856cb; + --gse-ui-button-primary-default-backgroundColor: #2143a2; --gse-ui-button-primary-default-foregroundColor: #ffffff; - --gse-ui-button-primary-hover-backgroundColor: #3742a2; + --gse-ui-button-primary-hover-backgroundColor: #19327a; --gse-ui-button-primary-hover-foregroundColor: #ffffff; - --gse-ui-button-primary-active-backgroundColor: #252e78; + --gse-ui-button-primary-active-backgroundColor: #102251; --gse-ui-button-primary-active-foregroundColor: #ffffff; - --gse-ui-button-secondary-default-backgroundColor: #eff0fe; - --gse-ui-button-secondary-default-foregroundColor: #4856cb; - --gse-ui-button-secondary-hover-backgroundColor: #dee1fd; - --gse-ui-button-secondary-hover-foregroundColor: #3742a2; - --gse-ui-button-secondary-active-backgroundColor: #ced2fc; - --gse-ui-button-secondary-active-foregroundColor: #252e78; + --gse-ui-button-secondary-default-backgroundColor: #eff3ff; + --gse-ui-button-secondary-default-foregroundColor: #2143a2; + --gse-ui-button-secondary-hover-backgroundColor: #d5def7; + --gse-ui-button-secondary-hover-foregroundColor: #19327a; + --gse-ui-button-secondary-active-backgroundColor: #adbff0; + --gse-ui-button-secondary-active-foregroundColor: #102251; --gse-ui-button-tertiary-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-tertiary-default-foregroundColor: #4856cb; - --gse-ui-button-tertiary-default-border-color: #4856cb; + --gse-ui-button-tertiary-default-foregroundColor: #2143a2; + --gse-ui-button-tertiary-default-border-color: #2143a2; --gse-ui-button-tertiary-default-border-width: 1px; --gse-ui-button-tertiary-default-border-style: solid; - --gse-ui-button-tertiary-hover-backgroundColor: #3742a2; + --gse-ui-button-tertiary-hover-backgroundColor: #19327a; --gse-ui-button-tertiary-hover-foregroundColor: #ffffff; - --gse-ui-button-tertiary-active-backgroundColor: #252e78; + --gse-ui-button-tertiary-active-backgroundColor: #102251; --gse-ui-button-tertiary-active-foregroundColor: #ffffff; --gse-ui-button-ghost-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-ghost-default-foregroundColor: #4856cb; - --gse-ui-button-ghost-hover-backgroundColor: #dee1fd; - --gse-ui-button-ghost-hover-foregroundColor: #3742a2; - --gse-ui-button-ghost-active-backgroundColor: #ced2fc; - --gse-ui-button-ghost-active-foregroundColor: #252e78; + --gse-ui-button-ghost-default-foregroundColor: #2143a2; + --gse-ui-button-ghost-hover-backgroundColor: #d5def7; + --gse-ui-button-ghost-hover-foregroundColor: #19327a; + --gse-ui-button-ghost-active-backgroundColor: #adbff0; + --gse-ui-button-ghost-active-foregroundColor: #102251; --gse-ui-button-danger-default-backgroundColor: #e22245; --gse-ui-button-danger-default-foregroundColor: #ffffff; --gse-ui-button-danger-hover-backgroundColor: #881429; @@ -419,7 +397,7 @@ --gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px; --gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px; --gse-ui-actionButton-borderRadius: 4px; - --gse-ui-actionButton-tertiary-divider-color: #4856cb; + --gse-ui-actionButton-tertiary-divider-color: #2143a2; --gse-ui-actionButton-tertiary-divider-width: 2px; --gse-ui-actionButton-tertiary-divider-style: solid; --gse-ui-actionButton-primary-divider-color: #ffffff; @@ -465,20 +443,20 @@ --gse-ui-links-inLine-small-underlinedText-textDecoration: underline; --gse-ui-links-inLine-padding: 4px; --gse-ui-links-icon: 16px; - --gse-ui-links-default-foregroundColor: #4856cb; - --gse-ui-links-disabled-foregroundColor: #4856cb; - --gse-ui-links-hover-foregroundColor: #3742a2; - --gse-ui-links-active-foregroundColor: #252e78; - --gse-ui-links-visited-foregroundColor: #8a5ecc; + --gse-ui-links-default-foregroundColor: #2143a2; + --gse-ui-links-disabled-foregroundColor: #2143a2; + --gse-ui-links-hover-foregroundColor: #19327a; + --gse-ui-links-active-foregroundColor: #102251; + --gse-ui-links-visited-foregroundColor: #3d538f; --gse-ui-links-borderRadius: 0; - --gse-ui-radioButton-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-radioButton-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-radioButton-icon-hover-foregroundColor: #3742a2; - --gse-ui-radioButton-icon-active-foregroundColor: #252e78; - --gse-ui-radioButton-icon-error-foregroundColor: #e22245; + --gse-ui-radioButton-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-radioButton-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-radioButton-icon-hover-foregroundColor: #19327a; + --gse-ui-radioButton-icon-active-foregroundColor: #102251; + --gse-ui-radioButton-icon-error-foregroundColor: #b51b37; --gse-ui-radioButton-icon-height: 16px; --gse-ui-radioButton-icon-width: 16px; - --gse-ui-radioButton-label-foregroundColor: #1b2c48; + --gse-ui-radioButton-label-foregroundColor: #2a2a2e; --gse-ui-radioButton-label-text-fontFamily: 'Noto Sans'; --gse-ui-radioButton-label-text-fontWeight: 400; --gse-ui-radioButton-label-text-fontSize: 12px; @@ -487,19 +465,19 @@ --gse-ui-radioButton-helper-padding: 4px 0 0 24px; --gse-ui-radioButton-helper-gap: 8px; --gse-ui-radioButton-disabled-opacity: 0.5; - --gse-ui-radioButton-focus-border-color: #7b88f7; + --gse-ui-radioButton-focus-border-color: #5476d5; --gse-ui-radioButton-focus-border-width: 2px; --gse-ui-radioButton-focus-border-style: solid; --gse-ui-radioButton-focus-borderRadius: 100%; --gse-ui-radioButton-focus-offset: 1px; - --gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-checkbox-icon-hover-foregroundColor: #3742a2; - --gse-ui-checkbox-icon-active-foregroundColor: #252e78; - --gse-ui-checkbox-icon-error-foregroundColor: #e22245; + --gse-ui-checkbox-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-checkbox-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-checkbox-icon-hover-foregroundColor: #19327a; + --gse-ui-checkbox-icon-active-foregroundColor: #102251; + --gse-ui-checkbox-icon-error-foregroundColor: #b51b37; --gse-ui-checkbox-icon-height: 16px; --gse-ui-checkbox-icon-width: 16px; - --gse-ui-checkbox-label-foregroundColor: #1b2c48; + --gse-ui-checkbox-label-foregroundColor: #2a2a2e; --gse-ui-checkbox-label-text-fontFamily: 'Noto Sans'; --gse-ui-checkbox-label-text-fontWeight: 400; --gse-ui-checkbox-label-text-fontSize: 12px; @@ -508,7 +486,7 @@ --gse-ui-checkbox-helper-gap: 8px; --gse-ui-checkbox-gap: 8px; --gse-ui-checkbox-disabled-opacity: 0.5; - --gse-ui-checkbox-focus-border-color: #7b88f7; + --gse-ui-checkbox-focus-border-color: #5476d5; --gse-ui-checkbox-focus-border-width: 2px; --gse-ui-checkbox-focus-border-style: solid; --gse-ui-checkbox-focus-borderRadius: 4px; @@ -528,34 +506,34 @@ --gse-ui-menu-option-label-active-text-fontWeight: 700; --gse-ui-menu-option-label-active-text-fontSize: 12px; --gse-ui-menu-option-label-active-text-lineHeight: 18px; - --gse-ui-menu-option-label-foregroundColor: #1b2c48; + --gse-ui-menu-option-label-foregroundColor: #2a2a2e; --gse-ui-menu-option-shortcut-text-fontFamily: 'Noto Sans'; --gse-ui-menu-option-shortcut-text-fontWeight: 400; --gse-ui-menu-option-shortcut-text-fontSize: 14px; --gse-ui-menu-option-shortcut-text-lineHeight: 20px; - --gse-ui-menu-option-shortcut-default-foregroundColor: #626e84; - --gse-ui-menu-option-shortcut-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-hover-backgroundColor: #eff0fe; - --gse-ui-menu-option-selected-backgroundColor: #ced2fc; + --gse-ui-menu-option-shortcut-default-foregroundColor: #6a6d75; + --gse-ui-menu-option-shortcut-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-hover-backgroundColor: #eff3ff; + --gse-ui-menu-option-selected-backgroundColor: #adbff0; --gse-ui-menu-option-disabled-opacity: 0.5; - --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #767c8d; - --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #252e78; - --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #4856cb; - --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #252e78; + --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #a3a8b5; + --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #102251; + --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #2143a2; + --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #102251; --gse-ui-menu-option-parentIcon-width: 16px; --gse-ui-menu-option-parentIcon-height: 16px; - --gse-ui-menu-option-parentIcon-default-foregroundColor: #3e5374; - --gse-ui-menu-option-parentIcon-hover-foregroundColor: #23395d; - --gse-ui-menu-option-parentIcon-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-focus-border-color: #7b88f7; + --gse-ui-menu-option-parentIcon-default-foregroundColor: #4f5157; + --gse-ui-menu-option-parentIcon-hover-foregroundColor: #3e4044; + --gse-ui-menu-option-parentIcon-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-focus-border-color: #5476d5; --gse-ui-menu-option-focus-border-width: 1px; --gse-ui-menu-option-focus-border-style: solid; --gse-ui-menu-option-default-backgroundColor: #ffffff; --gse-ui-menu-maxHeight: 344px; --gse-ui-menu-borderRadius: 4px; - --gse-ui-menu-border-color: #c6c8ce; + --gse-ui-menu-border-color: #c1c6d4; --gse-ui-menu-border-width: 1px; --gse-ui-menu-border-style: solid; --gse-ui-menu-boxShadow-blur: 4px; @@ -566,33 +544,33 @@ --gse-ui-menu-boxShadow-offsetY: 0; --gse-ui-menu-padding: 8px 1px; --gse-ui-menu-backgroundColor: #ffffff; - --gse-ui-menu-scrollbar-foregroundColor: #3e5374; - --gse-ui-menu-divider-backgroundColor: #c6c8ce; + --gse-ui-menu-scrollbar-foregroundColor: #4f5157; + --gse-ui-menu-divider-backgroundColor: #c1c6d4; --gse-ui-menu-divider-margin: 4px 0 8px 0; --gse-ui-menu-divider-height: 1px; --gse-ui-menu-groupedMenu-title-padding: 8px 12px 4px; --gse-ui-menu-groupedMenu-title-height: 32px; - --gse-ui-menu-groupedMenu-title-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-title-foregroundColor: #6a6d75; --gse-ui-menu-groupedMenu-title-text-fontFamily: Urbanist; --gse-ui-menu-groupedMenu-title-text-fontWeight: 600; --gse-ui-menu-groupedMenu-title-text-fontSize: 12px; --gse-ui-menu-groupedMenu-title-text-lineHeight: 16px; --gse-ui-menu-groupedMenu-title-text-textCase: uppercase; --gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px; - --gse-ui-menu-groupedMenu-padding: 8px 2px; + --gse-ui-menu-groupedMenu-padding: 8px 1px; --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px; --gse-ui-menu-groupedMenu-divider-height: 13px; - --gse-ui-menu-groupedMenu-subtext-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-subtext-foregroundColor: #6a6d75; --gse-ui-dropdown-menu-emptyState-header-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700; --gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #23395d; + --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2a2a2e; --gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400; --gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #626e84; + --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #4f5157; --gse-ui-dropdown-gap: 4px; --gse-ui-calendarMenu-day-range-width: 16px; --gse-ui-calendarMenu-day-range-height: 32px; @@ -605,7 +583,7 @@ --gse-ui-calendarMenu-day-date-size: 32px; --gse-ui-calendarMenu-height: 234px; --gse-ui-calendarMenu-width: 250px; - --gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-month-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-month-single-header-textWidth: 154px; --gse-ui-calendarMenu-month-single-header-width: 218px; --gse-ui-calendarMenu-month-single-header-height: 48px; @@ -629,12 +607,12 @@ --gse-ui-calendarMenu-month-borderRadius: 16px; --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px; --gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-month-hover-backgroundColor: #eff0fe; + --gse-ui-calendarMenu-month-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-month-hover-backgroundColor: #eff3ff; --gse-ui-calendarMenu-dateBody-padding: 16px 24px; --gse-ui-calendarMenu-dateBody-gap: 8px; - --gse-ui-calendarMenu-header-backgroundColor: #4856cb; + --gse-ui-calendarMenu-header-backgroundColor: #2143a2; --gse-ui-calendarMenu-header-foregroundColor: #ffffff; --gse-ui-calendarMenu-header-gap: 8px; --gse-ui-calendarMenu-header-padding: 12px 16px; @@ -649,11 +627,11 @@ --gse-ui-calendarMenu-date-currentText-fontSize: 12px; --gse-ui-calendarMenu-date-currentText-lineHeight: 18px; --gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-date-hover-backgroundColor: #eff0fe; - --gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd; - --gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-date-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-date-hover-backgroundColor: #eff3ff; + --gse-ui-calendarMenu-date-range-backgroundColor: #d5def7; + --gse-ui-calendarMenu-date-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0; --gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px; --gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0; @@ -674,11 +652,11 @@ --gse-ui-datePicker-range-gap: 24px; --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; - --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; + --gse-ui-datePicker-dateTyped-backgroundColor: #eff3ff; --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; - --gse-ui-datePicker-iconHover: #3742a2; - --gse-ui-datePicker-iconFocus: #3742a2; + --gse-ui-datePicker-iconHover: #3e4044; + --gse-ui-datePicker-iconFocus: #2a2a2e; --gse-ui-toggle-label-fontFamily: 'Noto Sans'; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; @@ -687,66 +665,66 @@ --gse-ui-toggle-padding: 8px; --gse-ui-toggle-track-width: 32px; --gse-ui-toggle-track-height: 16px; - --gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-enabled-on-backgroundColor: #4856cb; - --gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-disabled-on-backgroundColor: #4856cb; + --gse-ui-toggle-track-enabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-enabled-on-backgroundColor: #2143a2; + --gse-ui-toggle-track-disabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-disabled-on-backgroundColor: #2143a2; --gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5; - --gse-ui-toggle-track-error-on-backgroundColor: #e22245; - --gse-ui-toggle-track-hover-off-backgroundColor: #eff0fe; - --gse-ui-toggle-track-hover-on-backgroundColor: #3742a2; + --gse-ui-toggle-track-error-on-backgroundColor: #b51b37; + --gse-ui-toggle-track-hover-off-backgroundColor: #eff3ff; + --gse-ui-toggle-track-hover-on-backgroundColor: #19327a; --gse-ui-toggle-track-borderRadius: 100%; --gse-ui-toggle-handle-width: 16px; --gse-ui-toggle-handle-height: 16px; --gse-ui-toggle-handle-hover-border-width: 2px; --gse-ui-toggle-handle-hover-border-style: solid; - --gse-ui-toggle-handle-hover-border-color: #7b88f7; + --gse-ui-toggle-handle-hover-border-color: #5476d5; --gse-ui-toggle-handle-enabled-border-width: 2px; - --gse-ui-toggle-handle-enabled-border-color: #4856cb; + --gse-ui-toggle-handle-enabled-border-color: #2143a2; --gse-ui-toggle-handle-enabled-border-style: solid; --gse-ui-toggle-handle-disabled-border-width: 2px; - --gse-ui-toggle-handle-disabled-border-color: #4856cb; + --gse-ui-toggle-handle-disabled-border-color: #2143a2; --gse-ui-toggle-handle-disabled-border-style: solid; --gse-ui-toggle-handle-error-border-color: #e22245; --gse-ui-toggle-handle-error-border-width: 2px; --gse-ui-toggle-handle-error-border-style: solid; --gse-ui-toggle-handle-backgroundColor: #ffffff; - --gse-ui-toggle-handle-foregroundColor: #4856cb; + --gse-ui-toggle-handle-foregroundColor: #2143a2; --gse-ui-toggle-handle-borderRadius: 16px; --gse-ui-toggle-disabled-opacity: 0.5; - --gse-ui-toggle-focus-border-color: #7b88f7; + --gse-ui-toggle-focus-border-color: #5476d5; --gse-ui-toggle-focus-border-width: 2px; --gse-ui-toggle-focus-border-style: solid; --gse-ui-toggle-focus-borderRadius: 100%; --gse-ui-toggle-focus-offset: 1px; --gse-ui-timePicker-clock-padding: 2px; - --gse-ui-timePicker-clockStates-defaultColor: #3e5374; - --gse-ui-timePicker-clockStates-hoverColor: #23395d; - --gse-ui-timePicker-clockStates-activeColor: #1b2c48; - --gse-ui-timePicker-clockStates-disabledColor: #3e537480; - --gse-ui-timePicker-focusClock-border-color: #7b88f7; + --gse-ui-timePicker-clockStates-defaultColor: #4f5157; + --gse-ui-timePicker-clockStates-hoverColor: #3e4044; + --gse-ui-timePicker-clockStates-activeColor: #2a2a2e; + --gse-ui-timePicker-clockStates-disabledColor: #4f515780; + --gse-ui-timePicker-focusClock-border-color: #5476d5; --gse-ui-timePicker-focusClock-border-width: 2px; --gse-ui-timePicker-focusClock-border-style: solid; --gse-ui-timePicker-focusClock-borderRadius: 4px; - --gse-ui-timePicker-focusAmpm-border-color: #7b88f7; + --gse-ui-timePicker-focusAmpm-border-color: #5476d5; --gse-ui-timePicker-focusAmpm-border-width: 2px; --gse-ui-timePicker-focusAmpm-border-style: solid; --gse-ui-timePicker-focusAmpm-borderRadius: 4px; - --gse-ui-timePicker-focusTime-border-color: #7b88f7; + --gse-ui-timePicker-focusTime-border-color: #5476d5; --gse-ui-timePicker-focusTime-border-width: 2px; --gse-ui-timePicker-focusTime-border-style: solid; --gse-ui-timePicker-focusTime-borderRadius: 4px; --gse-ui-timePicker-ampm-padding: 2px; - --gse-ui-colorPicker-label-requiredSymbolColor: #e22245; - --gse-ui-colorPicker-label-textColor: #1b2c48; + --gse-ui-colorPicker-label-requiredSymbolColor: #b51b37; + --gse-ui-colorPicker-label-textColor: #2a2a2e; --gse-ui-colorPicker-label-text-fontFamily: 'Noto Sans'; --gse-ui-colorPicker-label-text-fontWeight: 400; --gse-ui-colorPicker-label-text-fontSize: 12px; --gse-ui-colorPicker-label-text-lineHeight: 18px; --gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff; - --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0; - --gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2; - --gse-ui-colorPicker-inputContainer-border-activeColor: #252e78; + --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a8b5; + --gse-ui-colorPicker-inputContainer-border-hoverColor: #19327a; + --gse-ui-colorPicker-inputContainer-border-activeColor: #102251; --gse-ui-colorPicker-inputContainer-border-errorColor: #e22245; --gse-ui-colorPicker-input-containerSizing: 32px; --gse-ui-colorPicker-input-swatchSizing: 24px; @@ -754,19 +732,19 @@ --gse-ui-colorPicker-gap: 8px; --gse-ui-slider-handle-width: 20px; --gse-ui-slider-handle-height: 20px; - --gse-ui-slider-handle-default-backgroundColor: #4856cb; - --gse-ui-slider-handle-hover-backgroundColor: #3742a2; - --gse-ui-slider-handle-active-backgroundColor: #252e78; - --gse-ui-slider-handle-disabled-backgroundColor: #4856cb; + --gse-ui-slider-handle-default-backgroundColor: #2143a2; + --gse-ui-slider-handle-hover-backgroundColor: #19327a; + --gse-ui-slider-handle-active-backgroundColor: #102251; + --gse-ui-slider-handle-disabled-backgroundColor: #2143a2; --gse-ui-slider-handle-borderRadius: 100%; --gse-ui-slider-disabled-opacity: 0.5; --gse-ui-slider-label-text-fontFamily: 'Noto Sans'; --gse-ui-slider-label-text-fontWeight: 600; --gse-ui-slider-label-text-fontSize: 14px; --gse-ui-slider-label-text-lineHeight: 20px; - --gse-ui-slider-label-foregroundColor: #1b2c48; - --gse-ui-slider-bar-selected-backgroundColor: #4856cb; - --gse-ui-slider-bar-default-backgroundColor: #c6c8ce; + --gse-ui-slider-label-foregroundColor: #2a2a2e; + --gse-ui-slider-bar-selected-backgroundColor: #2143a2; + --gse-ui-slider-bar-default-backgroundColor: #c1c6d4; --gse-ui-slider-bar-height: 4px; --gse-ui-slider-gap: 16px; --gse-ui-slider-focusRing-borderRadius: 100%; @@ -779,9 +757,9 @@ --gse-ui-flyoutMenu-parenting-gap: 8px; --gse-ui-flyoutMenu-backgroundColor: #ffffff; --gse-ui-flyoutMenu-arrow-borderRadius: 4px; - --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff0fe; - --gse-ui-phoneInput-dropdown-active-backgroundColor: #ced2fc; - --gse-ui-phoneInput-dropdown-foregroundColor: #626e84; + --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff3ff; + --gse-ui-phoneInput-dropdown-active-backgroundColor: #adbff0; + --gse-ui-phoneInput-dropdown-foregroundColor: #6a6d75; --gse-ui-phoneInput-dropdown-flag-height: 12px; --gse-ui-phoneInput-dropdown-flag-width: 16px; --gse-ui-phoneInput-dropdown-height: 32px; @@ -791,31 +769,31 @@ --gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px; --gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px; --gse-ui-phoneInput-dropdown-gap: 4px; - --gse-ui-phoneInput-countryCode-foregroundColor: #626e84; + --gse-ui-phoneInput-countryCode-foregroundColor: #2a2a2e; --gse-ui-phoneInput-minWidth: 230px; --gse-ui-contextMenu-button-default: 32px; --gse-ui-contextMenu-button-compact: 24px; --gse-ui-contextMenu-borderRadius: 4px; --gse-ui-contextMenu-menu-maxHeight: 344px; --gse-ui-contextMenu-menu-width: 220px; - --gse-ui-monthPicker-calendarStates-defaultColor: #3e5374; - --gse-ui-monthPicker-calendarStates-hoverColor: #23395d; - --gse-ui-monthPicker-calendarStates-activeColor: #1b2c48; - --gse-ui-monthPicker-calendarStates-disabledColor: #3e537480; - --gse-ui-monthPicker-calendarStates-focus-border-color: #7b88f7; + --gse-ui-monthPicker-calendarStates-defaultColor: #4f5157; + --gse-ui-monthPicker-calendarStates-hoverColor: #3e4044; + --gse-ui-monthPicker-calendarStates-activeColor: #2a2a2e; + --gse-ui-monthPicker-calendarStates-disabledColor: #4f515780; + --gse-ui-monthPicker-calendarStates-focus-border-color: #5476d5; --gse-ui-monthPicker-calendarStates-focus-border-width: 2px; --gse-ui-monthPicker-calendarStates-focus-border-style: solid; - --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374; - --gse-ui-selectorCard-text-foregroundColor: #1b2c48; + --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #4f5157; + --gse-ui-selectorCard-text-foregroundColor: #2a2a2e; --gse-ui-selectorCard-default-backgroundColor: #ffffff; - --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #767c8d; - --gse-ui-selectorCard-hover-backgroundColor: #eff0fe; - --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2; - --gse-ui-selectorCard-active-backgroundColor: #ced2fc; - --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78; + --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #a3a8b5; + --gse-ui-selectorCard-hover-backgroundColor: #eff3ff; + --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #19327a; + --gse-ui-selectorCard-active-backgroundColor: #adbff0; + --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #102251; --gse-ui-selectorCard-error-backgroundColor: #f3a7b5; - --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245; + --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #b51b37; --gse-ui-selectorCard-error-border-color: #e22245; --gse-ui-selectorCard-error-border-width: 1px; --gse-ui-selectorCard-error-border-style: solid; @@ -838,7 +816,7 @@ --gse-ui-selectorCard-descriptive-gap: 8px; --gse-ui-selectorCard-descriptive-text-gap: 4px; --gse-ui-selectorCard-descriptive-badge-marginTop: 8px; - --gse-ui-selectorCard-descriptive-borderRadius: 16px; + --gse-ui-selectorCard-descriptive-borderRadius: 8px; --gse-ui-selectorCard-descriptive-label-fontFamily: Urbanist; --gse-ui-selectorCard-descriptive-label-fontWeight: 700; --gse-ui-selectorCard-descriptive-label-fontSize: 16px; @@ -847,23 +825,23 @@ --gse-ui-selectorCard-descriptive-description-fontWeight: 400; --gse-ui-selectorCard-descriptive-description-fontSize: 12px; --gse-ui-selectorCard-descriptive-description-lineHeight: 18px; - --gse-ui-selectorCard-unselected-border-color: #c6c8ce; + --gse-ui-selectorCard-unselected-border-color: #c1c6d4; --gse-ui-selectorCard-unselected-border-width: 1px; --gse-ui-selectorCard-unselected-border-style: solid; - --gse-ui-selectorCard-selected-border-color: #3742a2; + --gse-ui-selectorCard-selected-border-color: #19327a; --gse-ui-selectorCard-selected-border-width: 1px; --gse-ui-selectorCard-selected-border-style: solid; --gse-ui-selectorCard-disabled-opacity: 0.5; --gse-ui-selectorCard-disabled-backgroundColor: #ffffff; - --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d; + --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #a3a8b5; --gse-ui-ctaGroup-gap: 8px; - --gse-ui-search-counter-default-foregroundColor: #626e84; - --gse-ui-search-counter-hover-foregroundColor: #3742a2; - --gse-ui-search-counter-divider-border-color: #a3a7b0; + --gse-ui-search-counter-default-foregroundColor: #6a6d75; + --gse-ui-search-counter-hover-foregroundColor: #19327a; + --gse-ui-search-counter-divider-border-color: #a3a8b5; --gse-ui-search-counter-divider-border-width: 1px; --gse-ui-search-counter-divider-border-style: solid; - --gse-ui-search-counter-divider-foregroundColor: #a3a7b0; + --gse-ui-search-counter-divider-foregroundColor: #a3a8b5; --gse-ui-search-counter-text-fontFamily: 'Noto Sans'; --gse-ui-search-counter-text-fontWeight: 400; --gse-ui-search-counter-text-fontSize: 12px; @@ -872,10 +850,10 @@ --gse-ui-search-counter-icon-height: 16px; --gse-ui-search-counter-icon-width: 16px; --gse-ui-search-width: 320px; - --gse-ui-search-match-firstLevel-backgroundColor: #b5e2e8; - --gse-ui-search-match-firstLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4; + --gse-ui-search-match-firstLevel-backgroundColor: #81cbe5; + --gse-ui-search-match-firstLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-backgroundColor: #9fd6ea; --gse-ui-simpleFilter-gap: 16px; --gse-ui-dataTableItems-header-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-header-text-fontWeight: 700; @@ -889,11 +867,11 @@ --gse-ui-dataTableItems-header-multiselect-compact-width: 64px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px; - --gse-ui-dataTableItems-header-selectedIndicatorColor: #9ca6f9; + --gse-ui-dataTableItems-header-selectedIndicatorColor: #5476d5; --gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-header-fixedBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-header-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-header-sort-foregroundColor: #626e84; + --gse-ui-dataTableItems-header-fixedBackgroundColor: #d5def7; + --gse-ui-dataTableItems-header-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-header-sort-foregroundColor: #6a6d75; --gse-ui-dataTableItems-header-default-height: 40px; --gse-ui-dataTableItems-header-default-width: 229px; --gse-ui-dataTableItems-header-compact-height: 32px; @@ -902,16 +880,16 @@ --gse-ui-dataTableItems-header-gap: 8px; --gse-ui-dataTableItems-header-selectedBar-height: 3px; --gse-ui-dataTableItems-header-selectedBar-width: 229px; - --gse-ui-dataTableItems-divider-color: #e8ebf7; + --gse-ui-dataTableItems-divider-color: #cad1e1; --gse-ui-dataTableItems-divider-width: 1px; --gse-ui-dataTableItems-divider-style: solid; --gse-ui-dataTableItems-scrollbar-borderRadius: 45px; - --gse-ui-dataTableItems-scrollbar-foregroundColor: #626e84; - --gse-ui-dataTableItems-cell-altBackgroundColor: #f3f5fb; + --gse-ui-dataTableItems-scrollbar-foregroundColor: #6a6d75; + --gse-ui-dataTableItems-cell-altBackgroundColor: #ebedf5; --gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-cell-hoverBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-cell-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-cell-chevron-foregroundColor: #626e84; + --gse-ui-dataTableItems-cell-hoverBackgroundColor: #d5def7; + --gse-ui-dataTableItems-cell-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-cell-chevron-foregroundColor: #6a6d75; --gse-ui-dataTableItems-cell-multiselect-default-height: 40px; --gse-ui-dataTableItems-cell-multiselect-compact-height: 32px; --gse-ui-dataTableItems-cell-multiselect-padding: 0 16px; @@ -926,7 +904,7 @@ --gse-ui-dataTableItems-cell-compact-width: 229px; --gse-ui-dataTableItems-cell-padding: 0 12px; --gse-ui-dataTableItems-cell-gap: 8px; - --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-cell-icon-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-cell-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-cell-text-fontWeight: 400; --gse-ui-dataTableItems-cell-text-fontSize: 12px; @@ -938,19 +916,19 @@ --gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px; --gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px; --gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px; - --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #3e5374; + --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #4f5157; --gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px; --gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px; --gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0; --gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px; --gse-ui-dataTableItems-tableToolbar-gap: 4px; - --gse-ui-dataTableItems-tableToolbar-dividerColor: #c6c8ce; + --gse-ui-dataTableItems-tableToolbar-dividerColor: #c1c6d4; --gse-ui-dataTableItems-tableToolbar-divider-width: 1px; --gse-ui-dataTableItems-tableToolbar-divider-height: 32px; --gse-ui-dataTableItems-tableToolbar-height: 32px; --gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px; --gse-ui-dataTableItems-tablePagination-padding: 12px; - --gse-ui-dataTableItems-tablePagination-divider-color: #c6c8ce; + --gse-ui-dataTableItems-tablePagination-divider-color: #c1c6d4; --gse-ui-dataTableItems-tablePagination-divider-width: 1px; --gse-ui-dataTableItems-tablePagination-divider-style: solid; --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: 'Noto Sans'; @@ -962,7 +940,7 @@ --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-tablePagination-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px; --gse-ui-avatar-groupShapes-gap: -4px; --gse-ui-avatar-large-size: 96px; @@ -977,28 +955,28 @@ --gse-ui-avatar-large-ucIntegration-size: 32px; --gse-ui-avatar-presenceRing-available: linear-gradient( 135deg, - #09b581 0%, + #079167 0%, #9de1cd 100% ); --gse-ui-avatar-presenceRing-busy: linear-gradient( 135deg, - #e22245 0%, + #b51b37 0%, #f3a7b5 100% ); --gse-ui-avatar-presenceRing-away: linear-gradient( 135deg, - #f8c73e 0%, + #9a7b25 0%, #fce9b2 100% ); --gse-ui-avatar-presenceRing-onQueue: linear-gradient( 135deg, - #4856cb 0%, - #9ca6f9 100% + #2143a2 0%, + #829ce5 100% ); --gse-ui-avatar-presenceRing-offline: linear-gradient( 135deg, - #767c8d 0%, - #a3a7b0 100% + #848891 0%, + #848891 100% ); --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient( 135deg, @@ -1037,33 +1015,33 @@ --gse-ui-avatar-badge-busy-icon-margin: 2px; --gse-ui-avatar-badge-away-color: #f8c73e; --gse-ui-avatar-badge-away-icon-margin: 2px; - --gse-ui-avatar-badge-onQueue-color: #4856cb; - --gse-ui-avatar-badge-offline-color: #626e84; + --gse-ui-avatar-badge-onQueue-color: #2143a2; + --gse-ui-avatar-badge-offline-color: #848891; --gse-ui-avatar-badge-outOfOffice: #b74ba4; - --gse-ui-avatar-badge-notification-color: #fe624d; + --gse-ui-avatar-badge-notification-color: #ff451a; --gse-ui-avatar-badge-foregroundDefault-color: #ffffff; - --gse-ui-avatar-badge-foregroundDark-color: #3e5374; + --gse-ui-avatar-badge-foregroundDark-color: #4f5157; --gse-ui-avatar-badge-notifications-icon-margin: 4px; --gse-ui-avatar-badge-queue-icon-margin: 4px; - --gse-ui-avatar-media-initialsBackground-default: #3e5374; - --gse-ui-avatar-media-initialsBackground-accent1: #626d97; - --gse-ui-avatar-media-initialsBackground-accent2: #90d3dd; - --gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e; + --gse-ui-avatar-media-initialsBackground-default: #263b73; + --gse-ui-avatar-media-initialsBackground-accent1: #596ea6; + --gse-ui-avatar-media-initialsBackground-accent2: #81cbe5; + --gse-ui-avatar-media-initialsBackground-accent3: #056385; --gse-ui-avatar-media-initialsBackground-accent4: #467aae; --gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8; - --gse-ui-avatar-media-initialsBackground-accent6: #d1d7ef; + --gse-ui-avatar-media-initialsBackground-accent6: #b2b7c4; --gse-ui-avatar-media-initialsBackground-accent7: #89387b; --gse-ui-avatar-media-initialsBackground-accent8: #ff5c77; --gse-ui-avatar-media-initialsBackground-accent9: #ff9dad; --gse-ui-avatar-media-initialsBackground-accent10: #ffc650; - --gse-ui-avatar-media-initialsBackground-accent11: #feb2ab; - --gse-ui-avatar-media-initialsBackground-accent12: #c44b3b; - --gse-ui-avatar-media-initialsBackground-overflowCount: #626e84; - --gse-ui-avatar-media-initialsBackground-add: #eff0fe; - --gse-ui-avatar-media-initialsForeground-default: #1b2c48; + --gse-ui-avatar-media-initialsBackground-accent11: #ffb5a3; + --gse-ui-avatar-media-initialsBackground-accent12: #992910; + --gse-ui-avatar-media-initialsBackground-overflowCount: #6a6d75; + --gse-ui-avatar-media-initialsBackground-add: #eff3ff; + --gse-ui-avatar-media-initialsForeground-default: #2a2a2e; --gse-ui-avatar-media-initialsForeground-inverse: #ffffff; - --gse-ui-avatar-media-initialsForeground-add: #4856cb; - --gse-ui-avatar-hoverModal-shroudColor: #3e5374cc; + --gse-ui-avatar-media-initialsForeground-add: #2143a2; + --gse-ui-avatar-hoverModal-shroudColor: #263b73cc; --gse-ui-avatar-hoverModal-foregroundColor: #ffffff; --gse-ui-avatar-hoverModal-opacity: 0.8; --gse-ui-avatar-content-borderRadius: 100%; @@ -1075,20 +1053,20 @@ --gse-ui-avatar-content-large-border-style: solid; --gse-ui-avatar-groupSet-gap: -2px; --gse-ui-avatar-focusRing-large-borderRadius: 100%; - --gse-ui-avatar-focusRing-large-border-color: #7b88f7; + --gse-ui-avatar-focusRing-large-border-color: #5476d5; --gse-ui-avatar-focusRing-large-border-width: 2px; --gse-ui-avatar-focusRing-large-border-style: solid; --gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%; - --gse-ui-avatar-focusRing-medium-border-color: #7b88f7; + --gse-ui-avatar-focusRing-medium-border-color: #5476d5; --gse-ui-avatar-focusRing-medium-border-width: 2px; --gse-ui-avatar-focusRing-medium-border-style: solid; - --gse-ui-avatar-focusRing-small-border-color: #7b88f7; + --gse-ui-avatar-focusRing-small-border-color: #5476d5; --gse-ui-avatar-focusRing-small-border-width: 2px; --gse-ui-avatar-focusRing-small-border-style: solid; - --gse-ui-avatar-focusRing-xsmall-border-color: #7b88f7; + --gse-ui-avatar-focusRing-xsmall-border-color: #5476d5; --gse-ui-avatar-focusRing-xsmall-border-width: 2px; --gse-ui-avatar-focusRing-xsmall-border-style: solid; - --gse-ui-avatar-focus: #7b88f7; + --gse-ui-avatar-focus: #5476d5; --gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px; --gse-ui-avatar-addChangeImage-icon-size: 16px; --gse-ui-globalNav-sideMenu: linear-gradient( @@ -1109,36 +1087,36 @@ --gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px; --gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px; --gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400; - --gse-ui-globalNav-focus-border-color: #7b88f7; - --gse-ui-globalNav-focus-border-width: 3px; + --gse-ui-globalNav-focus-border-color: #5476d5; + --gse-ui-globalNav-focus-border-width: 2px; --gse-ui-globalNav-focus-border-style: solid; --gse-ui-globalNav-menuOption-height: 32px; --gse-ui-globalNav-menuOption-width: 248px; --gse-ui-globalNav-menuOption-padding: 0px 12px; --gse-ui-globalNav-menuOption-gap: 8px; --gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-hover-backgroundColor: #252e78; + --gse-ui-globalNav-menuOption-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff; --gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff; --gse-ui-globalNav-menuOption-focus-borderRadius: 8px; --gse-ui-globalNav-menuOption-borderRadius: 4px; --gse-ui-globalNav-menuOption-disableOpacity: 0.5; - --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #3742a2; + --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-default-backgroundColor: #1c2463; + --gse-ui-globalNav-menuOption-return-default-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #141a4f; + --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-treeView-bar: #314669; + --gse-ui-globalNav-menuOption-treeView-bar: #c1c6d44d; --gse-ui-globalNav-buttonReturn-height: 48px; --gse-ui-globalNav-buttonReturn-width: 280px; --gse-ui-globalNav-buttonReturn-padding: 16px 28px; --gse-ui-globalNav-buttonReturn-gap: 12px; - --gse-ui-globalNav-treeView-border-color: #3e5374; + --gse-ui-globalNav-treeView-border-color: #c1c6d44d; --gse-ui-globalNav-treeView-border-width: 2px; --gse-ui-globalNav-treeView-border-style: solid; --gse-ui-globalNav-treeView-gap: 8px; @@ -1148,14 +1126,14 @@ --gse-ui-globalNav-topBar-padding: 16px 24px; --gse-ui-globalNav-topBar-height: 64px; --gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff; - --gse-ui-globalNav-topBar-frame-stroke: #c6ceec; - --gse-ui-globalNav-topBar-logo: #ff4f1f; - --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #4856cb; - --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #3742a2; - --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #4856cb; + --gse-ui-globalNav-topBar-frame-stroke: #c1c6d4; + --gse-ui-globalNav-topBar-logo: #ff451a; + --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2143a2; + --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #19327a; + --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2143a2; --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff; --gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff; - --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #3742a2; + --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #19327a; --gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff; --gse-ui-globalNav-panel-panelTitle: #ffffff; --gse-ui-globalNav-panel-primary: linear-gradient( @@ -1175,7 +1153,7 @@ --gse-ui-dataTableComposed-boxShadow-offsetX: 0; --gse-ui-dataTableComposed-boxShadow-offsetY: 0; --gse-ui-dataTableComposed-width: 1440px; - --gse-ui-focus-color: #7b88f7; + --gse-ui-focus-color: #5476d5; --gse-ui-focus-width: 2px; --gse-ui-focus-style: solid; --gse-ui-tabs-item-height: 40px; @@ -1186,17 +1164,17 @@ --gse-ui-tabs-item-itemText-fontWeight: 400; --gse-ui-tabs-item-itemText-fontSize: 12px; --gse-ui-tabs-item-itemText-lineHeight: 18px; - --gse-ui-tabs-item-itemTextColor: #1b2c48; + --gse-ui-tabs-item-itemTextColor: #2a2a2e; --gse-ui-tabs-item-divider-horizontal-height: 1px; --gse-ui-tabs-item-divider-vertical-height: 40px; --gse-ui-tabs-item-divider-vertical-width: 1px; - --gse-ui-tabs-item-divider-dividerColor: #c6c8ce; + --gse-ui-tabs-item-divider-dividerColor: #c1c6d4; --gse-ui-tabs-item-indicator-vertical-height: 40px; --gse-ui-tabs-item-indicator-vertical-width: 2px; --gse-ui-tabs-item-indicator-horizontal-height: 2px; - --gse-ui-tabs-item-indicator-hoverColor: #4856cb; - --gse-ui-tabs-item-indicator-activeColor: #3742a2; - --gse-ui-tabs-item-icon-iconColor: #1b2c48; + --gse-ui-tabs-item-indicator-hoverColor: #2143a2; + --gse-ui-tabs-item-indicator-activeColor: #19327a; + --gse-ui-tabs-item-icon-iconColor: #2a2a2e; --gse-ui-tabs-item-icon-size: 16px; --gse-ui-tabs-item-gap: 8px; --gse-ui-tabs-item-vertical-fixedHeight: 40px; @@ -1211,15 +1189,15 @@ --gse-ui-tabs-set-gap: -1px; --gse-ui-tabs-set-divider-horizontal-height: 1px; --gse-ui-tabs-set-divider-vertical-width: 1px; - --gse-ui-tabs-focusRing-border-color: #7b88f7; + --gse-ui-tabs-focusRing-border-color: #5476d5; --gse-ui-tabs-focusRing-border-width: 2px; --gse-ui-tabs-focusRing-border-style: solid; --gse-ui-tabs-focusRing-borderRadius: 4px; - --gse-ui-advancedTabs-divider-dividerColor: #c6c8ce; + --gse-ui-advancedTabs-divider-dividerColor: #c1c6d4; --gse-ui-advancedTabs-item-padding: 11px 12px 10px; --gse-ui-advancedTabs-item-gap: 8px; --gse-ui-advancedTabs-item-focus-borderRadius: 8px; - --gse-ui-advancedTabs-item-focus-border-color: #7b88f7; + --gse-ui-advancedTabs-item-focus-border-color: #5476d5; --gse-ui-advancedTabs-item-focus-border-width: 2px; --gse-ui-advancedTabs-item-focus-border-style: solid; --gse-ui-advancedTabs-item-focus-borderCopy: 4px; @@ -1232,18 +1210,18 @@ --gse-ui-advancedTabs-item-divider-bottom-height: 1px; --gse-ui-advancedTabs-item-divider-right-height: 32px; --gse-ui-advancedTabs-item-divider-right-width: 1px; - --gse-ui-advancedTabs-item-text-color: #1b2c48; + --gse-ui-advancedTabs-item-text-color: #2a2a2e; --gse-ui-advancedTabs-item-text-height: 9px; - --gse-ui-advancedTabs-item-indicator-hoverColor: #4856cb; - --gse-ui-advancedTabs-item-indicator-activeColor: #3742a2; + --gse-ui-advancedTabs-item-indicator-hoverColor: #2143a2; + --gse-ui-advancedTabs-item-indicator-activeColor: #19327a; --gse-ui-advancedTabs-item-indicator-height: 2px; - --gse-ui-advancedTabs-item-icon-iconColor: #1b2c48; + --gse-ui-advancedTabs-item-icon-iconColor: #2a2a2e; --gse-ui-advancedTabs-item-icon-size: 16px; --gse-ui-advancedTabs-item-menuButton-gap: 4px; --gse-ui-advancedTabs-item-menuButton-height: 45px; --gse-ui-advancedTabs-item-menuButton-width: 32px; - --gse-ui-advancedTabs-item-menuButton-defaultColor: #3e5374; - --gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48; + --gse-ui-advancedTabs-item-menuButton-defaultColor: #4f5157; + --gse-ui-advancedTabs-item-menuButton-activeColor: #2a2a2e; --gse-ui-advancedTabs-item-menuButton-focus-height: 53px; --gse-ui-advancedTabs-item-menuButton-focus-width: 40px; --gse-ui-advancedTabs-item-itemText-fontFamily: 'Noto Sans'; @@ -1252,24 +1230,24 @@ --gse-ui-advancedTabs-item-itemText-lineHeight: 18px; --gse-ui-advancedTabs-button-add-height: 45px; --gse-ui-advancedTabs-button-arrow-height: 48px; - --gse-ui-advancedTabs-set-backgroundColor: #f3f5fb; + --gse-ui-advancedTabs-set-backgroundColor: #ebedf5; --gse-ui-advancedTabs-set-standard-width: 920px; - --gse-ui-toast-closeButtonColor: #3e5374; + --gse-ui-toast-closeButtonColor: #4f5157; --gse-ui-toast-success-backgroundColor: #ffffff; - --gse-ui-toast-success-foregroundColor: #1b2c48; - --gse-ui-toast-success-iconColor: #09b581; + --gse-ui-toast-success-foregroundColor: #2a2a2e; + --gse-ui-toast-success-iconColor: #079167; --gse-ui-toast-warning-backgroundColor: #ffffff; - --gse-ui-toast-warning-foregroundColor: #1b2c48; - --gse-ui-toast-warning-iconColor: #f8c73e; + --gse-ui-toast-warning-foregroundColor: #2a2a2e; + --gse-ui-toast-warning-iconColor: #9a7b25; --gse-ui-toast-info-backgroundColor: #ffffff; - --gse-ui-toast-info-foregroundColor: #1b2c48; - --gse-ui-toast-info-iconColor: #6e5ddb; + --gse-ui-toast-info-foregroundColor: #2a2a2e; + --gse-ui-toast-info-iconColor: #3d538f; --gse-ui-toast-action-backgroundColor: #ffffff; - --gse-ui-toast-action-foregroundColor: #1b2c48; - --gse-ui-toast-action-iconColor: #4856cb; + --gse-ui-toast-action-foregroundColor: #2a2a2e; + --gse-ui-toast-action-iconColor: #2143a2; --gse-ui-toast-error-backgroundColor: #ffffff; - --gse-ui-toast-error-foregroundColor: #1b2c48; - --gse-ui-toast-error-iconColor: #e22245; + --gse-ui-toast-error-foregroundColor: #2a2a2e; + --gse-ui-toast-error-iconColor: #b51b37; --gse-ui-toast-heading-fontFamily: Urbanist; --gse-ui-toast-heading-fontWeight: 700; --gse-ui-toast-heading-fontSize: 16px; @@ -1293,10 +1271,10 @@ --gse-ui-toast-icon: 24px; --gse-ui-toast-wrappingWidth: 320px; --gse-ui-toast-stacking-gap: 4px; - --gse-ui-modal-closeButtonColor: #3e5374; - --gse-ui-modal-headerColor: #1b2c48; + --gse-ui-modal-closeButtonColor: #4f5157; + --gse-ui-modal-headerColor: #2a2a2e; --gse-ui-modal-backgroundColor: #ffffff; - --gse-ui-modal-shroudColor: #3e5374cc; + --gse-ui-modal-shroudColor: #263b73cc; --gse-ui-modal-header-gap: 12px; --gse-ui-modal-padding: 32px; --gse-ui-modal-gap: 16px; @@ -1326,8 +1304,8 @@ --gse-ui-popover-boxShadow-type: dropShadow; --gse-ui-popover-boxShadow-offsetX: 0; --gse-ui-popover-boxShadow-offsetY: 0; - --gse-ui-popover-closeButtonColor: #3e5374; - --gse-ui-popover-headerColor: #1b2c48; + --gse-ui-popover-closeButtonColor: #4f5157; + --gse-ui-popover-headerColor: #2a2a2e; --gse-ui-popover-backgroundColor: #ffffff; --gse-ui-popover-gap: 16px; --gse-ui-popover-padding: 24px; @@ -1344,15 +1322,15 @@ --gse-ui-popover-title-text-lineHeight: 24px; --gse-ui-popover-anchor-width: 20px; --gse-ui-popover-anchor-height: 8px; - --gse-ui-progressAndLoading-spinner-foreground: #4856cb; - --gse-ui-progressAndLoading-spinner-base: #dee1fd; + --gse-ui-progressAndLoading-spinner-foreground: #2143a2; + --gse-ui-progressAndLoading-spinner-base: #d5def7; --gse-ui-progressAndLoading-spinner-large: 48px; --gse-ui-progressAndLoading-spinner-small: 16px; --gse-ui-progressAndLoading-spinner-text-fontFamily: 'Noto Sans'; --gse-ui-progressAndLoading-spinner-text-fontWeight: 600; --gse-ui-progressAndLoading-spinner-text-fontSize: 12px; --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px; - --gse-ui-progressAndLoading-textColor: #1b2c48; + --gse-ui-progressAndLoading-textColor: #2a2a2e; --gse-ui-progressAndLoading-loadingState-large-header-fontFamily: Urbanist; --gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px; @@ -1415,17 +1393,17 @@ --gse-ui-blankState-gapMessage: 4px; --gse-ui-blankState-gapMain: 12px; --gse-ui-blankState-gapContent: 24px; - --gse-ui-blankState-iconColor: #626e84; - --gse-ui-blankState-foregroundColor: #1b2c48; + --gse-ui-blankState-iconColor: #6a6d75; + --gse-ui-blankState-foregroundColor: #2a2a2e; --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-blankState-borderRadius: 8px; --gse-ui-modalSideSheet-backgroundColor: #ffffff; - --gse-ui-modalSideSheet-headerColor: #1b2c48; - --gse-ui-modalSideSheet-closeColor: #3e5374; - --gse-ui-modalSideSheet-dividerColor: #c6c8ce; - --gse-ui-modalSideSheet-shroudColor: #3e5374cc; + --gse-ui-modalSideSheet-headerColor: #2a2a2e; + --gse-ui-modalSideSheet-closeColor: #4f5157; + --gse-ui-modalSideSheet-dividerColor: #c1c6d4; + --gse-ui-modalSideSheet-shroudColor: #263b73cc; --gse-ui-modalSideSheet-shroud-opacity: 0.8; - --gse-ui-modalSideSheet-descriptionColor: #3e5374; + --gse-ui-modalSideSheet-descriptionColor: #4f5157; --gse-ui-modalSideSheet-heading-fontFamily: Urbanist; --gse-ui-modalSideSheet-heading-fontWeight: 600; --gse-ui-modalSideSheet-heading-fontSize: 18px; @@ -1447,16 +1425,16 @@ --gse-ui-modalSideSheet-widthSize-md: 560px; --gse-ui-modalSideSheet-widthSize-lg: 960px; --gse-ui-dynamicSideSheet-backgroundColor: #ffffff; - --gse-ui-dynamicSideSheet-headerColor: #1b2c48; - --gse-ui-dynamicSideSheet-closeColor: #3e5374; - --gse-ui-dynamicSideSheet-dividerColor: #c6c8ce; + --gse-ui-dynamicSideSheet-headerColor: #2a2a2e; + --gse-ui-dynamicSideSheet-closeColor: #4f5157; + --gse-ui-dynamicSideSheet-dividerColor: #c1c6d4; --gse-ui-dynamicSideSheet-boxShadow-blur: 6px; --gse-ui-dynamicSideSheet-boxShadow-spread: 1px; --gse-ui-dynamicSideSheet-boxShadow-color: rgba(35, 57, 92, 0.12); --gse-ui-dynamicSideSheet-boxShadow-type: dropShadow; --gse-ui-dynamicSideSheet-boxShadow-offsetX: 0; --gse-ui-dynamicSideSheet-boxShadow-offsetY: 0; - --gse-ui-dynamicSideSheet-descriptionColor: #3e5374; + --gse-ui-dynamicSideSheet-descriptionColor: #4f5157; --gse-ui-dynamicSideSheet-heading-fontFamily: Urbanist; --gse-ui-dynamicSideSheet-heading-fontWeight: 600; --gse-ui-dynamicSideSheet-heading-fontSize: 18px; @@ -1480,10 +1458,10 @@ --gse-ui-accordion-header-padding: 8px 16px 8px 16px; --gse-ui-accordion-header-chevronIcon: 16px; --gse-ui-accordion-header-gap: 8px; - --gse-ui-accordion-header-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374; - --gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d; + --gse-ui-accordion-header-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #4f5157; + --gse-ui-accordion-header-default-foreground-chevronIcon-open: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3e4044; --gse-ui-accordion-header-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-header-label-defaultText-fontWeight: 700; --gse-ui-accordion-header-label-defaultText-fontSize: 14px; @@ -1494,20 +1472,20 @@ --gse-ui-accordion-menuItem-startIcon: 16px; --gse-ui-accordion-menuItem-parentIcon: 16px; --gse-ui-accordion-menuItem-gap: 8px; - --gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #3e5374; - --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #23395d; - --gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe; - --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc; + --gse-ui-accordion-menuItem-default-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #4f5157; + --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #3e4044; + --gse-ui-accordion-menuItem-hover-backgroundColor: #eff3ff; + --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-backgroundColor: #adbff0; --gse-ui-accordion-menuItem-focus-borderRadius: 4px; --gse-ui-accordion-menuItem-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400; @@ -1521,18 +1499,18 @@ --gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400; --gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px; --gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px; - --gse-ui-accordion-focusBorder-color: #7b88f7; + --gse-ui-accordion-focusBorder-color: #5476d5; --gse-ui-accordion-focusBorder-style: solid; --gse-ui-accordion-focusBorder-width: 2px; --gse-ui-accordion-contentItem-padding: 16px; --gse-ui-accordion-contentItem-gap: 16px; - --gse-ui-accordion-contentItem-foregroundColor: #1b2c48; + --gse-ui-accordion-contentItem-foregroundColor: #2a2a2e; --gse-ui-accordion-contentItem-backgroundColor: #ffffff; --gse-ui-accordion-contentItem-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-contentItem-defaultText-fontWeight: 400; --gse-ui-accordion-contentItem-defaultText-fontSize: 12px; --gse-ui-accordion-contentItem-defaultText-lineHeight: 18px; - --gse-ui-accordion-wrapper-dividerBorder-color: #c6c8ce; + --gse-ui-accordion-wrapper-dividerBorder-color: #c1c6d4; --gse-ui-accordion-wrapper-dividerBorder-width: 1px; --gse-ui-accordion-wrapper-dividerBorder-style: solid; --gse-ui-accordion-focus-offset-gap: 1px; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss index d5d1fcc2ab..25595befa2 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-core.scss @@ -28,57 +28,6 @@ --gse-core-color-white: #ffffff; --gse-core-color-black: #000000; --gse-core-color-transparent: rgba(0, 0, 0, 0); - --gse-core-color-cornflower-100: #f2f2f3; - --gse-core-color-cornflower-200: #e4e5e7; - --gse-core-color-cornflower-300: #c6c8ce; - --gse-core-color-cornflower-400: #a3a7b0; - --gse-core-color-cornflower-500: #767c8d; - --gse-core-color-cornflower-600: #626e84; - --gse-core-color-cornflower-700: #3e5374; - --gse-core-color-cornflower-800: #23395d; - --gse-core-color-cornflower-900: #1b2c48; - --gse-core-color-cornflower-1000: #0f1929; - --gse-core-color-islandaqua-100: #edf8f9; - --gse-core-color-islandaqua-200: #daf0f4; - --gse-core-color-islandaqua-300: #b5e2e8; - --gse-core-color-islandaqua-400: #90d3dd; - --gse-core-color-islandaqua-500: #6bc5d1; - --gse-core-color-islandaqua-600: #46b6c6; - --gse-core-color-islandaqua-700: #2c808c; - --gse-core-color-islandaqua-800: #0c6d7e; - --gse-core-color-islandaqua-900: #115d71; - --gse-core-color-islandaqua-1000: #094052; - --gse-core-color-tomato-100: #fef3f3; - --gse-core-color-tomato-200: #fee8e6; - --gse-core-color-tomato-300: #fecfcb; - --gse-core-color-tomato-400: #feb2ab; - --gse-core-color-tomato-500: #fe8f85; - --gse-core-color-tomato-600: #fe624d; - --gse-core-color-tomato-700: #e35744; - --gse-core-color-tomato-800: #c44b3b; - --gse-core-color-tomato-900: #a03d30; - --gse-core-color-tomato-1000: #712b22; - --gse-core-color-lavenderhaze-100: #fbfcfe; - --gse-core-color-lavenderhaze-200: #f3f5fb; - --gse-core-color-lavenderhaze-300: #e8ebf7; - --gse-core-color-lavenderhaze-400: #d1d7ef; - --gse-core-color-lavenderhaze-500: #c6ceec; - --gse-core-color-lavenderhaze-600: #b5bfe6; - --gse-core-color-lavenderhaze-700: #a8b4e2; - --gse-core-color-lavenderhaze-800: #9ba9dd; - --gse-core-color-lavenderhaze-900: #7785b8; - --gse-core-color-lavenderhaze-1000: #626d97; - --gse-core-color-blueberry-50: #eff0fe; - --gse-core-color-blueberry-100: #dee1fd; - --gse-core-color-blueberry-200: #ced2fc; - --gse-core-color-blueberry-300: #9ca6f9; - --gse-core-color-blueberry-400: #7b88f7; - --gse-core-color-blueberry-500: #5a6af5; - --gse-core-color-blueberry-600: #4856cb; - --gse-core-color-blueberry-700: #3742a2; - --gse-core-color-blueberry-800: #252e78; - --gse-core-color-blueberry-900: #1c2463; - --gse-core-color-blueberry-1000: #141a4f; --gse-core-color-mineral-100: #ddeaf7; --gse-core-color-mineral-200: #cde0f4; --gse-core-color-mineral-300: #bcd6f0; @@ -189,6 +138,68 @@ --gse-core-color-violet-800: #2e275f; --gse-core-color-violet-900: #241e4b; --gse-core-color-violet-1000: #191536; + --gse-core-color-genesysNavy-50: #f0f1f5; + --gse-core-color-genesysNavy-100: #dfe3ec; + --gse-core-color-genesysNavy-200: #bfc6d9; + --gse-core-color-genesysNavy-300: #9faac6; + --gse-core-color-genesysNavy-400: #808db2; + --gse-core-color-genesysNavy-500: #596ea6; + --gse-core-color-genesysNavy-600: #3d538f; + --gse-core-color-genesysNavy-700: #263b73; + --gse-core-color-genesysNavy-800: #152550; + --gse-core-color-genesysNavy-900: #141c34; + --gse-core-color-genesysNavy-950: #141929; + --gse-core-color-genesysNavy-1000: #0f1219; + --gse-core-color-island-50: #e6f4fa; + --gse-core-color-island-100: #cdeaf5; + --gse-core-color-island-200: #9fd6ea; + --gse-core-color-island-300: #81cbe5; + --gse-core-color-island-400: #53bee5; + --gse-core-color-island-500: #28afe0; + --gse-core-color-island-600: #1589b2; + --gse-core-color-island-700: #056385; + --gse-core-color-island-800: #04445c; + --gse-core-color-island-900: #003447; + --gse-core-color-island-950: #002533; + --gse-core-color-island-1000: #00161f; + --gse-core-color-genesysOrange-50: #ffece8; + --gse-core-color-genesysOrange-100: #ffdad1; + --gse-core-color-genesysOrange-200: #ffb5a3; + --gse-core-color-genesysOrange-300: #ff8f76; + --gse-core-color-genesysOrange-400: #ff6a48; + --gse-core-color-genesysOrange-500: #ff451a; + --gse-core-color-genesysOrange-600: #cc3715; + --gse-core-color-genesysOrange-700: #992910; + --gse-core-color-genesysOrange-800: #661c0a; + --gse-core-color-genesysOrange-900: #4d1508; + --gse-core-color-genesysOrange-950: #330e05; + --gse-core-color-genesysOrange-1000: #1a0703; + --gse-core-color-azureBlue-50: #eff3ff; + --gse-core-color-azureBlue-100: #d5def7; + --gse-core-color-azureBlue-200: #adbff0; + --gse-core-color-azureBlue-300: #829ce5; + --gse-core-color-azureBlue-400: #5476d5; + --gse-core-color-azureBlue-500: #2954cb; + --gse-core-color-azureBlue-600: #2143a2; + --gse-core-color-azureBlue-700: #19327a; + --gse-core-color-azureBlue-800: #102251; + --gse-core-color-azureBlue-900: #0c193d; + --gse-core-color-azureBlue-950: #081129; + --gse-core-color-azureBlue-1000: #040814; + --gse-core-color-haze-50: #f5f6fa; + --gse-core-color-haze-100: #ebedf5; + --gse-core-color-haze-150: #dce1ed; + --gse-core-color-haze-200: #cad1e1; + --gse-core-color-haze-300: #c1c6d4; + --gse-core-color-haze-400: #b2b7c4; + --gse-core-color-haze-500: #a3a8b5; + --gse-core-color-haze-600: #848891; + --gse-core-color-haze-700: #6a6d75; + --gse-core-color-haze-800: #4f5157; + --gse-core-color-haze-850: #3e4044; + --gse-core-color-haze-900: #2a2a2e; + --gse-core-color-haze-950: #1e1e21; + --gse-core-color-haze-1000: #131315; --gse-core-fontFamily-roboto: Roboto; --gse-core-fontFamily-urbanist: Urbanist; --gse-core-fontFamily-notoSans: 'Noto Sans'; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss index 35e90f0ded..afd5945191 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-semantic.scss @@ -15,38 +15,39 @@ --gse-semantic-theme-fontFamily-headings: Urbanist; --gse-semantic-theme-fontFamily-body: 'Noto Sans'; --gse-semantic-theme-background-container-primary-10: #ffffff; - --gse-semantic-theme-background-container-primary-20: #fbfcfe; - --gse-semantic-theme-background-container-primary-30: #f3f5fb; - --gse-semantic-theme-background-container-primary-40: #eff0fe; - --gse-semantic-theme-background-container-primary-50: #dee1fd; - --gse-semantic-theme-background-container-primary-60: #ced2fc; - --gse-semantic-theme-background-container-secondary-10: #4856cb; - --gse-semantic-theme-background-container-secondary-20: #3742a2; - --gse-semantic-theme-background-container-secondary-30: #252e78; + --gse-semantic-theme-background-container-primary-20: #f5f6fa; + --gse-semantic-theme-background-container-primary-30: #ebedf5; + --gse-semantic-theme-background-container-primary-40: #eff3ff; + --gse-semantic-theme-background-container-primary-50: #d5def7; + --gse-semantic-theme-background-container-primary-60: #adbff0; + --gse-semantic-theme-background-container-secondary-10: #2143a2; + --gse-semantic-theme-background-container-secondary-20: #19327a; + --gse-semantic-theme-background-container-secondary-30: #102251; --gse-semantic-theme-background-container-tertiary-10: rgba(0, 0, 0, 0); - --gse-semantic-theme-background-container-tertiary-20: #c6c8ce; - --gse-semantic-theme-background-container-highContrast-10: #1b2c48; - --gse-semantic-theme-background-container-highContrast-20: #1c2463; - --gse-semantic-theme-background-container-highContrast-30: #141a4f; - --gse-semantic-theme-background-container-highContrast-40: #000000; + --gse-semantic-theme-background-container-tertiary-20: #c1c6d4; + --gse-semantic-theme-background-container-highContrast-10: #2a2a2e; + --gse-semantic-theme-background-container-highContrast-20: #0c193d; + --gse-semantic-theme-background-container-highContrast-30: #081129; + --gse-semantic-theme-background-container-highContrast-40: #131315; --gse-semantic-theme-background-formControl-input-10: #ffffff; - --gse-semantic-theme-background-formControl-input-20: #c6c8ce; - --gse-semantic-theme-background-overlay-10: #3e5374cc; - --gse-semantic-theme-background-system-primary-10: #dee1fd; - --gse-semantic-theme-background-system-primary-20: #9ca6f9; - --gse-semantic-theme-background-system-primary-30: #5a6af5; - --gse-semantic-theme-background-system-primary-40: #3742a2; - --gse-semantic-theme-background-system-primary-50: #1c2463; - --gse-semantic-theme-background-system-info-5: #e2dff8; - --gse-semantic-theme-background-system-info-10: #c5bef1; - --gse-semantic-theme-background-system-info-20: #a89ee9; - --gse-semantic-theme-background-system-info-30: #6e5ddb; - --gse-semantic-theme-background-system-info-40: #443989; - --gse-semantic-theme-background-system-info-50: #241e4b; + --gse-semantic-theme-background-formControl-input-20: #c1c6d4; + --gse-semantic-theme-background-overlay-10: #263b73cc; + --gse-semantic-theme-background-system-primary-10: #d5def7; + --gse-semantic-theme-background-system-primary-20: #829ce5; + --gse-semantic-theme-background-system-primary-30: #2954cb; + --gse-semantic-theme-background-system-primary-40: #19327a; + --gse-semantic-theme-background-system-primary-50: #0c193d; + --gse-semantic-theme-background-system-info-5: #f0f1f5; + --gse-semantic-theme-background-system-info-10: #dfe3ec; + --gse-semantic-theme-background-system-info-20: #9faac6; + --gse-semantic-theme-background-system-info-30: #3d538f; + --gse-semantic-theme-background-system-info-40: #263b73; + --gse-semantic-theme-background-system-info-50: #141c34; --gse-semantic-theme-background-system-success-5: #cef0e6; --gse-semantic-theme-background-system-success-10: #9de1cd; --gse-semantic-theme-background-system-success-20: #6bd3b3; --gse-semantic-theme-background-system-success-30: #09b581; + --gse-semantic-theme-background-system-success-35: #079167; --gse-semantic-theme-background-system-success-40: #056d4d; --gse-semantic-theme-background-system-success-50: #033627; --gse-semantic-theme-background-system-warning-5: #fef4d8; @@ -61,88 +62,88 @@ --gse-semantic-theme-background-system-error-30: #e22245; --gse-semantic-theme-background-system-error-40: #881429; --gse-semantic-theme-background-system-error-50: #440a15; - --gse-semantic-theme-background-customAccents-bold-10: #3e5374; - --gse-semantic-theme-background-customAccents-bold-20: #626d97; + --gse-semantic-theme-background-customAccents-bold-10: #263b73; + --gse-semantic-theme-background-customAccents-bold-20: #596ea6; --gse-semantic-theme-background-customAccents-bold-30: #3ac49a; - --gse-semantic-theme-background-customAccents-bold-40: #0c6d7e; + --gse-semantic-theme-background-customAccents-bold-40: #056385; --gse-semantic-theme-background-customAccents-bold-50: #607732; --gse-semantic-theme-background-customAccents-bold-60: #467aae; --gse-semantic-theme-background-customAccents-bold-70: #8a5ecc; --gse-semantic-theme-background-customAccents-bold-80: #89387b; --gse-semantic-theme-background-customAccents-bold-90: #ff5c77; - --gse-semantic-theme-background-customAccents-bold-100: #c44b3b; + --gse-semantic-theme-background-customAccents-bold-100: #992910; --gse-semantic-theme-background-customAccents-bold-110: #ffc650; - --gse-semantic-theme-background-customAccents-bold-120: #b5e2e8; + --gse-semantic-theme-background-customAccents-bold-120: #81cbe5; --gse-semantic-theme-background-customAccents-bold-130: #5798d9; - --gse-semantic-theme-background-customAccents-subtle-10: #c6c8ce; - --gse-semantic-theme-background-customAccents-subtle-20: #d1d7ef; + --gse-semantic-theme-background-customAccents-subtle-10: #9faac6; + --gse-semantic-theme-background-customAccents-subtle-20: #b2b7c4; --gse-semantic-theme-background-customAccents-subtle-30: #9de1cd; - --gse-semantic-theme-background-customAccents-subtle-40: #90d3dd; + --gse-semantic-theme-background-customAccents-subtle-40: #81cbe5; --gse-semantic-theme-background-customAccents-subtle-50: #c6dd98; --gse-semantic-theme-background-customAccents-subtle-60: #9ac1e8; --gse-semantic-theme-background-customAccents-subtle-70: #cdacff; --gse-semantic-theme-background-customAccents-subtle-80: #ef9ee1; --gse-semantic-theme-background-customAccents-subtle-90: #ff9dad; - --gse-semantic-theme-background-customAccents-subtle-100: #feb2ab; + --gse-semantic-theme-background-customAccents-subtle-100: #ffb5a3; --gse-semantic-theme-background-customAccents-subtle-110: #ffdd96; - --gse-semantic-theme-background-customAccents-subtle-120: #daf0f4; + --gse-semantic-theme-background-customAccents-subtle-120: #9fd6ea; --gse-semantic-theme-background-customAccents-status-10: #09b581; --gse-semantic-theme-background-customAccents-status-20: #e22245; --gse-semantic-theme-background-customAccents-status-30: #f8c73e; - --gse-semantic-theme-background-customAccents-status-40: #4856cb; - --gse-semantic-theme-background-customAccents-status-50: #626e84; + --gse-semantic-theme-background-customAccents-status-40: #2143a2; + --gse-semantic-theme-background-customAccents-status-50: #848891; --gse-semantic-theme-background-customAccents-status-60: #b74ba4; - --gse-semantic-theme-background-customAccents-status-70: #fe624d; - --gse-semantic-theme-foreground-primary-10: #3e5374; - --gse-semantic-theme-foreground-primary-20: #23395d; - --gse-semantic-theme-foreground-primary-30: #1b2c48; + --gse-semantic-theme-background-customAccents-status-70: #ff451a; + --gse-semantic-theme-foreground-primary-10: #4f5157; + --gse-semantic-theme-foreground-primary-20: #3e4044; + --gse-semantic-theme-foreground-primary-30: #2a2a2e; --gse-semantic-theme-foreground-secondary-10: #ffffff; - --gse-semantic-theme-foreground-secondary-20: #767c8d; - --gse-semantic-theme-foreground-secondary-30: #626e84; - --gse-semantic-theme-foreground-tertiary-10: #4856cb; - --gse-semantic-theme-foreground-tertiary-20: #3742a2; - --gse-semantic-theme-foreground-tertiary-30: #252e78; - --gse-semantic-theme-foreground-tertiary-05: #9ca6f9; + --gse-semantic-theme-foreground-secondary-20: #848891; + --gse-semantic-theme-foreground-secondary-30: #6a6d75; + --gse-semantic-theme-foreground-tertiary-10: #2143a2; + --gse-semantic-theme-foreground-tertiary-20: #19327a; + --gse-semantic-theme-foreground-tertiary-30: #102251; + --gse-semantic-theme-foreground-tertiary-05: #5476d5; --gse-semantic-theme-foreground-highContrast-10: #ffffff; - --gse-semantic-theme-foreground-highContrast-20: #e8ebf7; - --gse-semantic-theme-foreground-highContrast-30: #c6ceec; - --gse-semantic-theme-foreground-system-primary-10: #5a6af5; - --gse-semantic-theme-foreground-system-info-10: #6e5ddb; - --gse-semantic-theme-foreground-system-success-10: #09b581; - --gse-semantic-theme-foreground-system-warning-10: #f8c73e; - --gse-semantic-theme-foreground-system-error-10: #e22245; - --gse-semantic-theme-foreground-specialAccents-brand-10: #ff4f1f; + --gse-semantic-theme-foreground-highContrast-20: #dce1ed; + --gse-semantic-theme-foreground-highContrast-30: #c1c6d4; + --gse-semantic-theme-foreground-system-primary-10: #2954cb; + --gse-semantic-theme-foreground-system-info-10: #3d538f; + --gse-semantic-theme-foreground-system-success-10: #079167; + --gse-semantic-theme-foreground-system-warning-10: #9a7b25; + --gse-semantic-theme-foreground-system-error-10: #b51b37; + --gse-semantic-theme-foreground-specialAccents-brand-10: #ff451a; --gse-semantic-theme-foreground-specialAccents-ai-10: #8a5ecc; - --gse-semantic-theme-foreground-link-10: #4856cb; - --gse-semantic-theme-foreground-link-20: #3742a2; - --gse-semantic-theme-foreground-link-30: #252e78; - --gse-semantic-theme-foreground-link-40: #8a5ecc; - --gse-semantic-theme-foreground-icon-10: #3e5374; - --gse-semantic-theme-foreground-formControl-clickInput-10: #4856cb; - --gse-semantic-theme-foreground-formControl-clickInput-20: #3742a2; - --gse-semantic-theme-foreground-formControl-clickInput-30: #252e78; - --gse-semantic-theme-foreground-formControl-clickInput-50: #767c8d; - --gse-semantic-theme-border-focus-10: #7b88f7; + --gse-semantic-theme-foreground-link-10: #2143a2; + --gse-semantic-theme-foreground-link-20: #19327a; + --gse-semantic-theme-foreground-link-30: #102251; + --gse-semantic-theme-foreground-link-40: #3d538f; + --gse-semantic-theme-foreground-icon-10: #4f5157; + --gse-semantic-theme-foreground-formControl-clickInput-10: #2143a2; + --gse-semantic-theme-foreground-formControl-clickInput-20: #19327a; + --gse-semantic-theme-foreground-formControl-clickInput-30: #102251; + --gse-semantic-theme-foreground-formControl-clickInput-50: #a3a8b5; + --gse-semantic-theme-border-focus-10: #5476d5; --gse-semantic-theme-border-divider-10: #ffffff; - --gse-semantic-theme-border-divider-20: #c6c8ce; - --gse-semantic-theme-border-divider-30: #4856cb; - --gse-semantic-theme-border-edges-default-10: #c6c8ce; - --gse-semantic-theme-border-edges-default-20: #3e5374; - --gse-semantic-theme-border-edges-default-30: #1b2c48; - --gse-semantic-theme-border-edges-default-05: #e8ebf7; - --gse-semantic-theme-border-edges-enabled-10: #4856cb; - --gse-semantic-theme-border-edges-hover-10: #7b88f7; - --gse-semantic-theme-border-edges-hover-20: #252e78; - --gse-semantic-theme-border-edges-active-10: #3742a2; - --gse-semantic-theme-border-system-primary-10: #9ca6f9; + --gse-semantic-theme-border-divider-20: #c1c6d4; + --gse-semantic-theme-border-divider-30: #2143a2; + --gse-semantic-theme-border-edges-default-10: #c1c6d4; + --gse-semantic-theme-border-edges-default-20: #4f5157; + --gse-semantic-theme-border-edges-default-30: #3e4044; + --gse-semantic-theme-border-edges-default-05: #cad1e1; + --gse-semantic-theme-border-edges-enabled-10: #2143a2; + --gse-semantic-theme-border-edges-hover-10: #5476d5; + --gse-semantic-theme-border-edges-hover-20: #102251; + --gse-semantic-theme-border-edges-active-10: #19327a; + --gse-semantic-theme-border-system-primary-10: #829ce5; --gse-semantic-theme-border-system-info-10: #c5bef1; --gse-semantic-theme-border-system-success-10: #9de1cd; --gse-semantic-theme-border-system-warning-10: #fce9b2; --gse-semantic-theme-border-system-error-10: #f3a7b5; --gse-semantic-theme-border-system-error-20: #e22245; - --gse-semantic-theme-border-inputs-default-10: #a3a7b0; - --gse-semantic-theme-border-inputs-hover-10: #3742a2; - --gse-semantic-theme-border-inputs-active-10: #252e78; + --gse-semantic-theme-border-inputs-default-10: #a3a8b5; + --gse-semantic-theme-border-inputs-hover-10: #19327a; + --gse-semantic-theme-border-inputs-active-10: #102251; --gse-semantic-theme-borderRadius-interactive-xlarge: 100%; --gse-semantic-theme-borderRadius-interactive-large: 16px; --gse-semantic-theme-borderRadius-interactive-small: 4px; @@ -158,165 +159,170 @@ --gse-semantic-theme-borderRadius-focus-medium: 8px; --gse-semantic-theme-borderRadius-focus-small: 4px; --gse-semantic-theme-borderRadius-focus-xsmall: 2px; - --gse-semantic-background-interactive-primary-default: #4856cb; - --gse-semantic-background-interactive-primary-hover: #3742a2; - --gse-semantic-background-interactive-primary-active: #252e78; - --gse-semantic-background-interactive-secondary-default: #eff0fe; - --gse-semantic-background-interactive-secondary-hover: #dee1fd; - --gse-semantic-background-interactive-secondary-active: #ced2fc; + --gse-semantic-background-interactive-primary-default: #2143a2; + --gse-semantic-background-interactive-primary-hover: #19327a; + --gse-semantic-background-interactive-primary-active: #102251; + --gse-semantic-background-interactive-secondary-default: #eff3ff; + --gse-semantic-background-interactive-secondary-hover: #d5def7; + --gse-semantic-background-interactive-secondary-active: #adbff0; --gse-semantic-background-interactive-tertiary-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-tertiary-hover: #3742a2; - --gse-semantic-background-interactive-tertiary-active: #252e78; + --gse-semantic-background-interactive-tertiary-hover: #19327a; + --gse-semantic-background-interactive-tertiary-active: #102251; --gse-semantic-background-interactive-ghost-default: rgba(0, 0, 0, 0); - --gse-semantic-background-interactive-ghost-hover: #dee1fd; - --gse-semantic-background-interactive-ghost-active: #ced2fc; + --gse-semantic-background-interactive-ghost-hover: #d5def7; + --gse-semantic-background-interactive-ghost-active: #adbff0; --gse-semantic-background-interactive-subtle-default: #ffffff; - --gse-semantic-background-interactive-subtle-hover: #dee1fd; - --gse-semantic-background-interactive-subtle-active: #ced2fc; + --gse-semantic-background-interactive-subtle-hover: #d5def7; + --gse-semantic-background-interactive-subtle-active: #adbff0; --gse-semantic-background-interactive-danger-default: #e22245; --gse-semantic-background-interactive-danger-hover: #881429; --gse-semantic-background-interactive-danger-active: #440a15; - --gse-semantic-background-overlay-shroud-default: #3e5374cc; + --gse-semantic-background-overlay-shroud-default: #263b73cc; --gse-semantic-background-container-page-default: #ffffff; - --gse-semantic-background-container-page-tonalSubtle: #fbfcfe; - --gse-semantic-background-container-page-tonalMedium: #f3f5fb; - --gse-semantic-background-container-page-tonalHigh: #dee1fd; + --gse-semantic-background-container-page-tonalSubtle: #f5f6fa; + --gse-semantic-background-container-page-tonalMedium: #ebedf5; + --gse-semantic-background-container-page-tonalHigh: #d5def7; --gse-semantic-background-container-elevated-default: #ffffff; - --gse-semantic-background-container-elevated-hover: #eff0fe; - --gse-semantic-background-container-elevated-active: #ced2fc; + --gse-semantic-background-container-elevated-hover: #eff3ff; + --gse-semantic-background-container-elevated-active: #adbff0; --gse-semantic-background-container-elevated-error: #f3a7b5; - --gse-semantic-background-container-highConstrast-default: #1b2c48; - --gse-semantic-background-container-highConstrast-hover: #141a4f; - --gse-semantic-background-container-highConstrast-active: #1c2463; + --gse-semantic-background-container-highConstrast-default: #2a2a2e; + --gse-semantic-background-container-highConstrast-hover: #081129; + --gse-semantic-background-container-highConstrast-active: #0c193d; --gse-semantic-background-system-error-tonalMedium: #f3a7b5; + --gse-semantic-background-system-error-tonalHigh: #e22245; --gse-semantic-background-system-error-tonalSubtle: #f9d3da; --gse-semantic-background-system-warning-tonalMedium: #fce9b2; + --gse-semantic-background-system-warning-tonalHigh: #f8c73e; --gse-semantic-background-system-warning-tonalSubtle: #fef4d8; --gse-semantic-background-system-success-tonalMedium: #9de1cd; + --gse-semantic-background-system-success-tonalHigh: #09b581; --gse-semantic-background-system-success-tonalSubtle: #cef0e6; - --gse-semantic-background-system-info-tonalMedium: #c5bef1; - --gse-semantic-background-system-info-tonalSubtle: #e2dff8; - --gse-semantic-background-system-primary-tonalMedium: #dee1fd; - --gse-semantic-background-system-primary-tonalSubtle: #dee1fd; - --gse-semantic-background-system-customAccents-bold-accent_1: #3e5374; - --gse-semantic-background-system-customAccents-bold-accent_2: #626d97; + --gse-semantic-background-system-info-tonalMedium: #dfe3ec; + --gse-semantic-background-system-info-tonalHigh: #3d538f; + --gse-semantic-background-system-info-tonalSubtle: #f0f1f5; + --gse-semantic-background-system-primary-tonalMedium: #d5def7; + --gse-semantic-background-system-primary-tonalHigh: #2954cb; + --gse-semantic-background-system-primary-tonalSubtle: #d5def7; + --gse-semantic-background-system-customAccents-bold-accent_1: #263b73; + --gse-semantic-background-system-customAccents-bold-accent_2: #596ea6; --gse-semantic-background-system-customAccents-bold-accent_3: #3ac49a; - --gse-semantic-background-system-customAccents-bold-accent_4: #0c6d7e; + --gse-semantic-background-system-customAccents-bold-accent_4: #056385; --gse-semantic-background-system-customAccents-bold-accent_5: #607732; --gse-semantic-background-system-customAccents-bold-accent_6: #467aae; --gse-semantic-background-system-customAccents-bold-accent_7: #8a5ecc; --gse-semantic-background-system-customAccents-bold-accent_8: #89387b; --gse-semantic-background-system-customAccents-bold-accent_9: #ff5c77; - --gse-semantic-background-system-customAccents-bold-accent_10: #c44b3b; + --gse-semantic-background-system-customAccents-bold-accent_10: #992910; --gse-semantic-background-system-customAccents-bold-accent_11: #ffc650; - --gse-semantic-background-system-customAccents-bold-accent_12: #b5e2e8; + --gse-semantic-background-system-customAccents-bold-accent_12: #81cbe5; --gse-semantic-background-system-customAccents-bold-accent_13: #5798d9; - --gse-semantic-background-system-customAccents-subtle-accent_1: #c6c8ce; - --gse-semantic-background-system-customAccents-subtle-accent_2: #d1d7ef; + --gse-semantic-background-system-customAccents-subtle-accent_1: #9faac6; + --gse-semantic-background-system-customAccents-subtle-accent_2: #b2b7c4; --gse-semantic-background-system-customAccents-subtle-accent_3: #9de1cd; - --gse-semantic-background-system-customAccents-subtle-accent_4: #90d3dd; + --gse-semantic-background-system-customAccents-subtle-accent_4: #81cbe5; --gse-semantic-background-system-customAccents-subtle-accent_5: #c6dd98; --gse-semantic-background-system-customAccents-subtle-accent_6: #9ac1e8; --gse-semantic-background-system-customAccents-subtle-accent_7: #cdacff; --gse-semantic-background-system-customAccents-subtle-accent_8: #ef9ee1; --gse-semantic-background-system-customAccents-subtle-accent_9: #ff9dad; - --gse-semantic-background-system-customAccents-subtle-accent_10: #feb2ab; + --gse-semantic-background-system-customAccents-subtle-accent_10: #ffb5a3; --gse-semantic-background-system-customAccents-subtle-accent_11: #ffdd96; - --gse-semantic-background-system-customAccents-subtle-accent_12: #daf0f4; - --gse-semantic-background-system-progressAndLoading-default: #dee1fd; - --gse-semantic-background-system-progressAndLoading-progressed: #4856cb; + --gse-semantic-background-system-customAccents-subtle-accent_12: #9fd6ea; + --gse-semantic-background-system-progressAndLoading-default: #d5def7; + --gse-semantic-background-system-progressAndLoading-progressed: #2143a2; --gse-semantic-background-system-status-available: #09b581; --gse-semantic-background-system-status-busy: #e22245; --gse-semantic-background-system-status-away: #f8c73e; - --gse-semantic-background-system-status-onQueue: #4856cb; - --gse-semantic-background-system-status-offline: #626e84; + --gse-semantic-background-system-status-onQueue: #2143a2; + --gse-semantic-background-system-status-offline: #848891; --gse-semantic-background-system-status-outOfOffice: #b74ba4; - --gse-semantic-background-system-status-notification: #fe624d; - --gse-semantic-background-formControl-clickInput-track: #c6c8ce; + --gse-semantic-background-system-status-notification: #ff451a; + --gse-semantic-background-formControl-clickInput-track: #c1c6d4; --gse-semantic-background-formControl-textInput-track: #ffffff; --gse-semantic-foreground-interactive-primary-default: #ffffff; --gse-semantic-foreground-interactive-primary-active: #ffffff; --gse-semantic-foreground-interactive-primary-hover: #ffffff; - --gse-semantic-foreground-interactive-secondary-default: #4856cb; - --gse-semantic-foreground-interactive-secondary-active: #252e78; - --gse-semantic-foreground-interactive-secondary-hover: #3742a2; - --gse-semantic-foreground-interactive-tertiary-default: #4856cb; + --gse-semantic-foreground-interactive-secondary-default: #2143a2; + --gse-semantic-foreground-interactive-secondary-active: #102251; + --gse-semantic-foreground-interactive-secondary-hover: #19327a; + --gse-semantic-foreground-interactive-tertiary-default: #2143a2; --gse-semantic-foreground-interactive-tertiary-active: #ffffff; --gse-semantic-foreground-interactive-tertiary-hover: #ffffff; - --gse-semantic-foreground-interactive-ghost-default: #4856cb; - --gse-semantic-foreground-interactive-ghost-active: #252e78; - --gse-semantic-foreground-interactive-ghost-hover: #3742a2; - --gse-semantic-foreground-interactive-subtle-default: #3e5374; - --gse-semantic-foreground-interactive-subtle-active: #1b2c48; - --gse-semantic-foreground-interactive-subtle-hover: #23395d; + --gse-semantic-foreground-interactive-ghost-default: #2143a2; + --gse-semantic-foreground-interactive-ghost-active: #102251; + --gse-semantic-foreground-interactive-ghost-hover: #19327a; + --gse-semantic-foreground-interactive-subtle-default: #4f5157; + --gse-semantic-foreground-interactive-subtle-active: #2a2a2e; + --gse-semantic-foreground-interactive-subtle-hover: #3e4044; --gse-semantic-foreground-interactive-danger-default: #ffffff; --gse-semantic-foreground-interactive-danger-active: #ffffff; --gse-semantic-foreground-interactive-danger-hover: #ffffff; - --gse-semantic-foreground-interactive-link-default: #4856cb; - --gse-semantic-foreground-interactive-link-active: #252e78; - --gse-semantic-foreground-interactive-link-hover: #3742a2; - --gse-semantic-foreground-interactive-link-visited: #8a5ecc; - --gse-semantic-foreground-interactive-indicator-default: #9ca6f9; - --gse-semantic-foreground-container-highEmphasis: #1b2c48; - --gse-semantic-foreground-container-midEmphasis: #3e5374; - --gse-semantic-foreground-container-lowEmphasis: #626e84; + --gse-semantic-foreground-interactive-link-default: #2143a2; + --gse-semantic-foreground-interactive-link-active: #102251; + --gse-semantic-foreground-interactive-link-hover: #19327a; + --gse-semantic-foreground-interactive-link-visited: #3d538f; + --gse-semantic-foreground-interactive-indicator-default: #5476d5; + --gse-semantic-foreground-container-highEmphasis: #2a2a2e; + --gse-semantic-foreground-container-midEmphasis: #4f5157; + --gse-semantic-foreground-container-lowEmphasis: #6a6d75; --gse-semantic-foreground-container-highContrast-highEmphasis: #ffffff; - --gse-semantic-foreground-container-highContrast-midEmphasis: #e8ebf7; - --gse-semantic-foreground-container-highContrast-lowEmphasis: #c6ceec; + --gse-semantic-foreground-container-highContrast-midEmphasis: #dce1ed; + --gse-semantic-foreground-container-highContrast-lowEmphasis: #c1c6d4; --gse-semantic-foreground-container-specialAccents-ai: #8a5ecc; - --gse-semantic-foreground-container-specialAccents-brand: #ff4f1f; + --gse-semantic-foreground-container-specialAccents-brand: #ff451a; --gse-semantic-foreground-system-customAccents-light: #ffffff; - --gse-semantic-foreground-system-customAccents-dark: #1b2c48; - --gse-semantic-foreground-system-progressAndLoading-default: #23395d; + --gse-semantic-foreground-system-customAccents-dark: #2a2a2e; + --gse-semantic-foreground-system-progressAndLoading-default: #3e4044; --gse-semantic-foreground-system-progressAndLoading-progressed: #ffffff; - --gse-semantic-foreground-system-info-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-info-accent: #6e5ddb; - --gse-semantic-foreground-system-success-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-success-accent: #09b581; - --gse-semantic-foreground-system-warning-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-warning-accent: #f8c73e; - --gse-semantic-foreground-system-error-highEmphasis: #1b2c48; - --gse-semantic-foreground-system-error-accent: #e22245; - --gse-semantic-foreground-system-icon-default: #3e5374; - --gse-semantic-foreground-formControl-helpText-default: #626e84; - --gse-semantic-foreground-formControl-helpText-error: #e22245; - --gse-semantic-foreground-formControl-textInput-placeholder: #626e84; - --gse-semantic-foreground-formControl-textInput-populated: #1b2c48; - --gse-semantic-foreground-formControl-textInput-icon: #626e84; - --gse-semantic-foreground-formControl-clickInput-enabled: #767c8d; - --gse-semantic-foreground-formControl-clickInput-selected: #4856cb; - --gse-semantic-foreground-formControl-clickInput-hover: #3742a2; - --gse-semantic-foreground-formControl-clickInput-active: #252e78; - --gse-semantic-foreground-formControl-clickInput-error: #e22245; - --gse-semantic-foreground-formControl-label-default: #1b2c48; - --gse-semantic-foreground-formControl-label-requiredAccent: #e22245; - --gse-semantic-foreground-formControl-label-optionalAccent: #3e5374; - --gse-semantic-foreground-formControl-label-tooltip: #3e5374; - --gse-semantic-border-focus: #7b88f7; - --gse-semantic-border-container-divider: #c6c8ce; - --gse-semantic-border-container-edges-default: #c6c8ce; - --gse-semantic-border-container-edges-hover: #7b88f7; + --gse-semantic-foreground-system-info-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-info-accent: #3d538f; + --gse-semantic-foreground-system-success-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-success-accent: #079167; + --gse-semantic-foreground-system-warning-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-warning-accent: #9a7b25; + --gse-semantic-foreground-system-error-highEmphasis: #2a2a2e; + --gse-semantic-foreground-system-error-accent: #b51b37; + --gse-semantic-foreground-system-icon-default: #4f5157; + --gse-semantic-foreground-formControl-helpText-default: #6a6d75; + --gse-semantic-foreground-formControl-helpText-error: #b51b37; + --gse-semantic-foreground-formControl-textInput-placeholder: #6a6d75; + --gse-semantic-foreground-formControl-textInput-populated: #2a2a2e; + --gse-semantic-foreground-formControl-textInput-icon: #6a6d75; + --gse-semantic-foreground-formControl-clickInput-enabled: #a3a8b5; + --gse-semantic-foreground-formControl-clickInput-selected: #2143a2; + --gse-semantic-foreground-formControl-clickInput-hover: #19327a; + --gse-semantic-foreground-formControl-clickInput-active: #102251; + --gse-semantic-foreground-formControl-clickInput-error: #b51b37; + --gse-semantic-foreground-formControl-label-default: #2a2a2e; + --gse-semantic-foreground-formControl-label-requiredAccent: #b51b37; + --gse-semantic-foreground-formControl-label-optionalAccent: #4f5157; + --gse-semantic-foreground-formControl-label-tooltip: #4f5157; + --gse-semantic-border-focus: #5476d5; + --gse-semantic-border-container-divider: #c1c6d4; + --gse-semantic-border-container-edges-default: #c1c6d4; + --gse-semantic-border-container-edges-hover: #5476d5; --gse-semantic-border-container-edges-error: #e22245; - --gse-semantic-border-container-edges-enabled: #4856cb; - --gse-semantic-border-container-edges-active: #3742a2; - --gse-semantic-border-container-edges-highEmphasis: #1b2c48; - --gse-semantic-border-container-edges-dataTable-default: #e8ebf7; - --gse-semantic-border-container-highConstrast-default: #3e5374; - --gse-semantic-border-container-highConstrast-enabled: #4856cb; - --gse-semantic-border-container-highConstrast-hover: #252e78; - --gse-semantic-border-container-highConstrast-active: #3742a2; + --gse-semantic-border-container-edges-enabled: #2143a2; + --gse-semantic-border-container-edges-active: #19327a; + --gse-semantic-border-container-edges-highEmphasis: #3e4044; + --gse-semantic-border-container-edges-dataTable-default: #cad1e1; + --gse-semantic-border-container-highConstrast-default: #4f5157; + --gse-semantic-border-container-highConstrast-enabled: #2143a2; + --gse-semantic-border-container-highConstrast-hover: #102251; + --gse-semantic-border-container-highConstrast-active: #19327a; --gse-semantic-border-system-info: #c5bef1; --gse-semantic-border-system-warning: #fce9b2; --gse-semantic-border-system-success: #9de1cd; --gse-semantic-border-system-error: #f3a7b5; - --gse-semantic-border-system-primary: #9ca6f9; + --gse-semantic-border-system-primary: #829ce5; --gse-semantic-border-interactive-primary-divider: #ffffff; --gse-semantic-border-interactive-secondary-divider: #ffffff; - --gse-semantic-border-interactive-tertiary-divider: #4856cb; + --gse-semantic-border-interactive-tertiary-divider: #2143a2; --gse-semantic-border-interactive-danger-divider: #ffffff; - --gse-semantic-border-formControl-textInput-default: #a3a7b0; - --gse-semantic-border-formControl-textInput-hover: #3742a2; - --gse-semantic-border-formControl-textInput-active: #252e78; + --gse-semantic-border-formControl-textInput-default: #a3a8b5; + --gse-semantic-border-formControl-textInput-hover: #19327a; + --gse-semantic-border-formControl-textInput-active: #102251; --gse-semantic-border-formControl-textInput-error: #e22245; --gse-semantic-body-sm-regular-fontFamily: 'Noto Sans'; --gse-semantic-body-sm-regular-fontWeight: 400; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss index 7b1652b9af..73c25db0e1 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-flare-light-ui.scss @@ -1,31 +1,31 @@ @mixin tokens { - --gse-ui-color-focus: #7b88f7; + --gse-ui-color-focus: #5476d5; --gse-ui-formControl-input-contentText-fontFamily: 'Noto Sans'; --gse-ui-formControl-input-contentText-fontWeight: 400; --gse-ui-formControl-input-contentText-fontSize: 12px; --gse-ui-formControl-input-contentText-lineHeight: 18px; - --gse-ui-formControl-input-default-border-color: #a3a7b0; + --gse-ui-formControl-input-default-border-color: #a3a8b5; --gse-ui-formControl-input-default-border-width: 1px; --gse-ui-formControl-input-default-border-style: solid; - --gse-ui-formControl-input-hover-border-color: #3742a2; + --gse-ui-formControl-input-hover-border-color: #19327a; --gse-ui-formControl-input-hover-border-width: 1px; --gse-ui-formControl-input-hover-border-style: solid; - --gse-ui-formControl-input-active-border-color: #252e78; + --gse-ui-formControl-input-active-border-color: #102251; --gse-ui-formControl-input-active-border-width: 1px; --gse-ui-formControl-input-active-border-style: solid; --gse-ui-formControl-input-error-border-color: #e22245; --gse-ui-formControl-input-error-border-width: 1px; --gse-ui-formControl-input-error-border-style: solid; - --gse-ui-formControl-input-disabled-border-color: #a3a7b0; + --gse-ui-formControl-input-disabled-border-color: #a3a8b5; --gse-ui-formControl-input-disabled-border-width: 1px; --gse-ui-formControl-input-disabled-border-style: solid; --gse-ui-formControl-input-disabled-opacity: 0.5; --gse-ui-formControl-input-borderRadius: 4px; --gse-ui-formControl-input-backgroundColor: #ffffff; - --gse-ui-formControl-input-placeholderColor: #626e84; - --gse-ui-formControl-input-suggestionColor: #626e84; - --gse-ui-formControl-input-populatedColor: #1b2c48; - --gse-ui-formControl-input-inputClearable-inputClearableColor: #626e84; + --gse-ui-formControl-input-placeholderColor: #6a6d75; + --gse-ui-formControl-input-suggestionColor: #6a6d75; + --gse-ui-formControl-input-populatedColor: #2a2a2e; + --gse-ui-formControl-input-inputClearable-inputClearableColor: #6a6d75; --gse-ui-formControl-input-inputClearable-size: 16px; --gse-ui-formControl-input-gap: 12px; --gse-ui-formControl-input-top: 8px; @@ -35,20 +35,20 @@ --gse-ui-formControl-input-prefixSufix-text-fontSize: 14px; --gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px; --gse-ui-formControl-input-prefixSufix-height: 32px; - --gse-ui-formControl-input-prefixSufix-defaultColor: #626e84; + --gse-ui-formControl-input-prefixSufix-defaultColor: #6a6d75; --gse-ui-formControl-input-textfield-height: 32px; --gse-ui-formControl-input-textfield-minWidth: 48px; --gse-ui-formControl-input-colorPicker-size: 32px; --gse-ui-formControl-input-inputIcon-size: 16px; - --gse-ui-formControl-input-inputIcon-defaultColor: #1b2c48; - --gse-ui-formControl-input-inputIcon-iconEndColor: #626e84; - --gse-ui-formControl-input-focusRing-defaultColor: #7b88f7; + --gse-ui-formControl-input-inputIcon-defaultColor: #2a2a2e; + --gse-ui-formControl-input-inputIcon-iconEndColor: #6a6d75; + --gse-ui-formControl-input-focusRing-defaultColor: #5476d5; --gse-ui-formControl-input-textarea-height: 98px; - --gse-ui-formControl-input-focus-border-color: #7b88f7; + --gse-ui-formControl-input-focus-border-color: #5476d5; --gse-ui-formControl-input-focus-border-width: 2px; --gse-ui-formControl-input-focus-border-style: solid; --gse-ui-formControl-input-spinbuttonIcon-size: 16px; - --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7; + --gse-ui-formControl-input-focusSelection-backgroundColor: #5476d5; --gse-ui-formControl-label-padding: 0 0 8px 0; --gse-ui-formControl-label-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-text-fontWeight: 400; @@ -58,15 +58,15 @@ --gse-ui-formControl-label-textBold-fontWeight: 600; --gse-ui-formControl-label-textBold-fontSize: 12px; --gse-ui-formControl-label-textBold-lineHeight: 18px; - --gse-ui-formControl-label-labelColor: #1b2c48; + --gse-ui-formControl-label-labelColor: #2a2a2e; --gse-ui-formControl-label-indicator-text-fontFamily: 'Noto Sans'; --gse-ui-formControl-label-indicator-text-fontWeight: 400; --gse-ui-formControl-label-indicator-text-fontSize: 12px; --gse-ui-formControl-label-indicator-text-lineHeight: 18px; - --gse-ui-formControl-label-indicator-requiredColor: #e22245; - --gse-ui-formControl-label-indicator-optionalColor: #3e5374; + --gse-ui-formControl-label-indicator-requiredColor: #b51b37; + --gse-ui-formControl-label-indicator-optionalColor: #4f5157; --gse-ui-formControl-label-iconSize: 16px; - --gse-ui-formControl-label-tooltipTrigger-color: #3e5374; + --gse-ui-formControl-label-tooltipTrigger-color: #4f5157; --gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px; --gse-ui-formControl-formField-gap: 4px; --gse-ui-formControl-group-gapItems: 8px; @@ -79,21 +79,20 @@ --gse-ui-formControl-helper-icon-padding: 1px 0 1px 0; --gse-ui-formControl-helper-paddingSmall: 4px 0 0 0; --gse-ui-formControl-helper-errorPadding: 4px 0 0 0; - --gse-ui-formControl-helper-defaultColor: #626e84; - --gse-ui-formControl-helper-errorColor: #e22245; + --gse-ui-formControl-helper-defaultColor: #6a6d75; + --gse-ui-formControl-helper-errorColor: #b51b37; --gse-ui-formControl-helper-iconSize: 16px; --gse-ui-formControl-spinButton-gap: 8px; - --gse-ui-formControl-spinner-track: #4856cb; - --gse-ui-formControl-spinner-errorColor: #dee1fd; + --gse-ui-formControl-spinner-track: #2143a2; + --gse-ui-formControl-spinner-errorColor: #d5def7; --gse-ui-formControl-textarea-padding: 8px; --gse-ui-formControl-focusRing-borderRadius: 4px; --gse-ui-card-backgroundColor: #ffffff; - --gse-ui-card-borderRadius: 16px; - --gse-ui-card-borderRadiusCopy: 16px; - --gse-ui-card-default-border-color: #c6c8ce; + --gse-ui-card-borderRadius: 8px; + --gse-ui-card-default-border-color: #c1c6d4; --gse-ui-card-default-border-width: 1px; --gse-ui-card-default-border-style: solid; - --gse-ui-card-raised-border-color: #c6c8ce; + --gse-ui-card-raised-border-color: #c1c6d4; --gse-ui-card-raised-border-width: 1px; --gse-ui-card-raised-border-style: solid; --gse-ui-card-raised-boxShadow-blur: 6px; @@ -106,15 +105,15 @@ --gse-ui-card-borderless-border-color: rgba(0, 0, 0, 0); --gse-ui-card-borderless-border-width: 1px; --gse-ui-card-borderless-border-style: solid; - --gse-ui-tooltip-light-border-color: #c6c8ce; + --gse-ui-tooltip-light-border-color: #c1c6d4; --gse-ui-tooltip-light-border-width: 1px; --gse-ui-tooltip-light-border-style: solid; --gse-ui-tooltip-light-backgroundColor: #ffffff; - --gse-ui-tooltip-light-foregroundColor: #1b2c48; - --gse-ui-tooltip-dark-border-color: #1b2c48; + --gse-ui-tooltip-light-foregroundColor: #2a2a2e; + --gse-ui-tooltip-dark-border-color: #3e4044; --gse-ui-tooltip-dark-border-width: 1px; --gse-ui-tooltip-dark-border-style: solid; - --gse-ui-tooltip-dark-backgroundColor: #1b2c48; + --gse-ui-tooltip-dark-backgroundColor: #2a2a2e; --gse-ui-tooltip-dark-foregroundColor: #ffffff; --gse-ui-tooltip-dark-iconColor: #ffffff; --gse-ui-tooltip-boxShadow-blur: 6px; @@ -131,47 +130,34 @@ --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; + --gse-ui-tooltip-targetOffset: 16px; --gse-ui-tag-borderRadius: 16px; - --gse-ui-tag-default-backgroundColor: #23395d; - --gse-ui-tag-default-foregroundColor: #ffffff; - --gse-ui-tag-default-bold-backgroundColor: #3e5374; + --gse-ui-tag-default-bold-backgroundColor: #263b73; --gse-ui-tag-default-bold-foregroundColor: #ffffff; - --gse-ui-tag-default-subtle-backgroundColor: #c6c8ce; - --gse-ui-tag-default-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-backgroundColor: #e4e5e7; - --gse-ui-tag-accent1-foregroundColor: #1b2c48; - --gse-ui-tag-accent1-bold-backgroundColor: #626d97; + --gse-ui-tag-default-subtle-backgroundColor: #9faac6; + --gse-ui-tag-default-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent1-bold-backgroundColor: #596ea6; --gse-ui-tag-accent1-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent1-subtle-backgroundColor: #d1d7ef; - --gse-ui-tag-accent1-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent2-backgroundColor: #90d3dd; - --gse-ui-tag-accent2-foregroundColor: #1b2c48; + --gse-ui-tag-accent1-subtle-backgroundColor: #b2b7c4; + --gse-ui-tag-accent1-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-bold-backgroundColor: #3ac49a; - --gse-ui-tag-accent2-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent2-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent2-subtle-backgroundColor: #9de1cd; - --gse-ui-tag-accent2-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent3-backgroundColor: #0c6d7e; - --gse-ui-tag-accent3-foregroundColor: #ffffff; - --gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e; + --gse-ui-tag-accent2-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent3-bold-backgroundColor: #056385; --gse-ui-tag-accent3-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent3-subtle-backgroundColor: #90d3dd; - --gse-ui-tag-accent3-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent4-backgroundColor: #547688; - --gse-ui-tag-accent4-foregroundColor: #ffffff; + --gse-ui-tag-accent3-subtle-backgroundColor: #81cbe5; + --gse-ui-tag-accent3-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent4-bold-backgroundColor: #607732; --gse-ui-tag-accent4-bold-foregroundColor: #ffffff; --gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98; - --gse-ui-tag-accent4-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent5-backgroundColor: #a5cae0; - --gse-ui-tag-accent5-foregroundColor: #1b2c48; + --gse-ui-tag-accent4-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-bold-backgroundColor: #5798d9; - --gse-ui-tag-accent5-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8; - --gse-ui-tag-accent5-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent6-backgroundColor: #b5bfe6; - --gse-ui-tag-accent6-foregroundColor: #1b2c48; + --gse-ui-tag-accent5-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-subtle-backgroundColor: #cdacff; - --gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent6-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc; --gse-ui-tag-accent6-bold-foregroundColor: #ffffff; --gse-ui-tag-text-fontFamily: 'Noto Sans'; @@ -181,31 +167,23 @@ --gse-ui-tag-padding: 0 12px; --gse-ui-tag-removable-padding: 0 8px 0 12px; --gse-ui-tag-removable-gap: 4px; - --gse-ui-tag-accent7-backgroundColor: #a05195; - --gse-ui-tag-accent7-foregroundColor: #ffffff; --gse-ui-tag-accent7-bold-backgroundColor: #89387b; --gse-ui-tag-accent7-bold-foregroundColor: #ffffff; --gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1; - --gse-ui-tag-accent7-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent7-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-height: 20px; - --gse-ui-tag-accent8-backgroundColor: #f95d6a; - --gse-ui-tag-accent8-foregroundColor: #1b2c48; --gse-ui-tag-accent8-bold-backgroundColor: #ff5c77; - --gse-ui-tag-accent8-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent8-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad; - --gse-ui-tag-accent8-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-backgroundColor: #fe8f85; - --gse-ui-tag-accent9-foregroundColor: #1b2c48; - --gse-ui-tag-accent9-bold-backgroundColor: #c44b3b; + --gse-ui-tag-accent8-subtle-foregroundColor: #2a2a2e; + --gse-ui-tag-accent9-bold-backgroundColor: #992910; --gse-ui-tag-accent9-bold-foregroundColor: #ffffff; - --gse-ui-tag-accent9-subtle-backgroundColor: #feb2ab; - --gse-ui-tag-accent9-subtle-foregroundColor: #1b2c48; - --gse-ui-tag-accent10-backgroundColor: #ffc650; - --gse-ui-tag-accent10-foregroundColor: #1b2c48; + --gse-ui-tag-accent9-subtle-backgroundColor: #ffb5a3; + --gse-ui-tag-accent9-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-bold-backgroundColor: #ffc650; - --gse-ui-tag-accent10-bold-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-bold-foregroundColor: #2a2a2e; --gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96; - --gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48; + --gse-ui-tag-accent10-subtle-foregroundColor: #2a2a2e; --gse-ui-tag-button-size: 16px; --gse-ui-tag-disabled-opacity: 0.5; --gse-ui-tag-small-height: 20px; @@ -218,49 +196,49 @@ --gse-ui-badge-height: 20px; --gse-ui-badge-padding: 2px 12px; --gse-ui-badge-gap: 4px; - --gse-ui-badge-info-bold-backgroundColor: #6e5ddb; + --gse-ui-badge-info-bold-backgroundColor: #3d538f; --gse-ui-badge-info-bold-foregroundColor: #ffffff; - --gse-ui-badge-info-regular-backgroundColor: #c5bef1; - --gse-ui-badge-info-regular-foregroundColor: #1b2c48; + --gse-ui-badge-info-regular-backgroundColor: #dfe3ec; + --gse-ui-badge-info-regular-foregroundColor: #2a2a2e; --gse-ui-badge-success-bold-backgroundColor: #09b581; - --gse-ui-badge-success-bold-foregroundColor: #1b2c48; + --gse-ui-badge-success-bold-foregroundColor: #2a2a2e; --gse-ui-badge-success-regular-backgroundColor: #9de1cd; - --gse-ui-badge-success-regular-foregroundColor: #1b2c48; + --gse-ui-badge-success-regular-foregroundColor: #2a2a2e; --gse-ui-badge-warning-bold-backgroundColor: #f8c73e; - --gse-ui-badge-warning-bold-foregroundColor: #1b2c48; + --gse-ui-badge-warning-bold-foregroundColor: #2a2a2e; --gse-ui-badge-warning-regular-backgroundColor: #fce9b2; - --gse-ui-badge-warning-regular-foregroundColor: #1b2c48; + --gse-ui-badge-warning-regular-foregroundColor: #2a2a2e; --gse-ui-badge-error-bold-backgroundColor: #e22245; --gse-ui-badge-error-bold-foregroundColor: #ffffff; --gse-ui-badge-error-regular-backgroundColor: #f3a7b5; - --gse-ui-badge-error-regular-foregroundColor: #1b2c48; + --gse-ui-badge-error-regular-foregroundColor: #2a2a2e; --gse-ui-icon-small-size: 16px; --gse-ui-icon-medium-size: 24px; --gse-ui-icon-large-size: 32px; - --gse-ui-icon-color: #3e5374; + --gse-ui-icon-color: #4f5157; --gse-ui-alert-padding: 8px 16px; --gse-ui-alert-gap: 8px; - --gse-ui-alert-info-backgroundColor: #e2dff8; - --gse-ui-alert-info-foregroundColor: #1b2c48; - --gse-ui-alert-info-iconColor: #6e5ddb; + --gse-ui-alert-info-backgroundColor: #f0f1f5; + --gse-ui-alert-info-foregroundColor: #2a2a2e; + --gse-ui-alert-info-iconColor: #3d538f; --gse-ui-alert-info-border-color: #c5bef1; --gse-ui-alert-info-border-width: 1px; --gse-ui-alert-info-border-style: solid; --gse-ui-alert-success-backgroundColor: #cef0e6; - --gse-ui-alert-success-foregroundColor: #1b2c48; - --gse-ui-alert-success-iconColor: #09b581; + --gse-ui-alert-success-foregroundColor: #2a2a2e; + --gse-ui-alert-success-iconColor: #079167; --gse-ui-alert-success-border-color: #9de1cd; --gse-ui-alert-success-border-width: 1px; --gse-ui-alert-success-border-style: solid; --gse-ui-alert-warning-backgroundColor: #fef4d8; - --gse-ui-alert-warning-foregroundColor: #1b2c48; - --gse-ui-alert-warning-iconColor: #f8c73e; + --gse-ui-alert-warning-foregroundColor: #2a2a2e; + --gse-ui-alert-warning-iconColor: #9a7b25; --gse-ui-alert-warning-border-color: #fce9b2; --gse-ui-alert-warning-border-width: 1px; --gse-ui-alert-warning-border-style: solid; --gse-ui-alert-error-backgroundColor: #f9d3da; - --gse-ui-alert-error-foregroundColor: #1b2c48; - --gse-ui-alert-error-iconColor: #e22245; + --gse-ui-alert-error-foregroundColor: #2a2a2e; + --gse-ui-alert-error-iconColor: #b51b37; --gse-ui-alert-error-border-color: #f3a7b5; --gse-ui-alert-error-border-width: 1px; --gse-ui-alert-error-border-style: solid; @@ -273,10 +251,10 @@ --gse-ui-alert-emphasisText-fontSize: 12px; --gse-ui-alert-emphasisText-lineHeight: 18px; --gse-ui-alert-borderRadius: 4px; - --gse-ui-rating-default-color: #767c8d; - --gse-ui-rating-active-color: #4856cb; - --gse-ui-rating-hover-color: #3742a2; - --gse-ui-rating-disabled-color: #767c8d; + --gse-ui-rating-default-color: #a3a8b5; + --gse-ui-rating-active-color: #2143a2; + --gse-ui-rating-hover-color: #19327a; + --gse-ui-rating-disabled-color: #a3a8b5; --gse-ui-rating-disabled-opacity: 0.5; --gse-ui-rating-size: 16px; --gse-ui-rating-star-gap: 8px; @@ -292,7 +270,7 @@ --gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700; --gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px; --gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 20px; - --gse-ui-breadcrumbs-separator-color: #c6c8ce; + --gse-ui-breadcrumbs-separator-color: #c1c6d4; --gse-ui-breadcrumbs-borderRadius: 0; --gse-ui-segmentedControl-button-padding: 0 12px; --gse-ui-segmentedControl-button-gap: 8px; @@ -301,19 +279,19 @@ --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0; --gse-ui-segmentedControl-button-disabled-opacity: 0.5; --gse-ui-segmentedControl-button-disabled-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb; + --gse-ui-segmentedControl-button-disabled-foregroundColor: #2143a2; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-segmentedControl-button-default-foregroundColor: #4856cb; - --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd; - --gse-ui-segmentedControl-button-hover-foregroundColor: #3742a2; - --gse-ui-segmentedControl-button-active-backgroundColor: #4856cb; + --gse-ui-segmentedControl-button-default-foregroundColor: #2143a2; + --gse-ui-segmentedControl-button-hover-backgroundColor: #d5def7; + --gse-ui-segmentedControl-button-hover-foregroundColor: #19327a; + --gse-ui-segmentedControl-button-active-backgroundColor: #2143a2; --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff; --gse-ui-segmentedControl-borderRadius: 4px; --gse-ui-segmentedControl-height: 32px; - --gse-ui-segmentedControl-border-color: #4856cb; + --gse-ui-segmentedControl-border-color: #2143a2; --gse-ui-segmentedControl-border-width: 1px; --gse-ui-segmentedControl-border-style: solid; - --gse-ui-segmentedControl-divider-color: #4856cb; + --gse-ui-segmentedControl-divider-color: #2143a2; --gse-ui-segmentedControl-divider-width: 1px; --gse-ui-segmentedControl-divider-style: solid; --gse-ui-segmentedControl-iconOnly-padding: 0 8px; @@ -326,7 +304,7 @@ --gse-ui-formFooter-page-mobile-topPadding: 16px; --gse-ui-formFooter-page-mobile-horizontalPadding: 16px; --gse-ui-formFooter-page-mobile-gap: 16px; - --gse-ui-formFooter-separator-color: #c6c8ce; + --gse-ui-formFooter-separator-color: #c1c6d4; --gse-ui-formFooter-separator-width: 1px; --gse-ui-formFooter-separator-style: solid; --gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px; @@ -338,11 +316,11 @@ --gse-ui-formFooter-modal-desktop-horizontalPadding: 32px; --gse-ui-formFooter-modal-desktop-gap: 16px; --gse-ui-formFooter-backgroundColor: #ffffff; - --gse-ui-formFooter-border-color: #3742a2; + --gse-ui-formFooter-border-color: #19327a; --gse-ui-formFooter-border-width: 1px; --gse-ui-formFooter-border-style: solid; - --gse-ui-copyToClipboard-label-active-backgroundColor: #ced2fc; - --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48; + --gse-ui-copyToClipboard-label-active-backgroundColor: #adbff0; + --gse-ui-copyToClipboard-label-foregroundColor: #2a2a2e; --gse-ui-copyToClipboard-label-padding: 2px 4px; --gse-ui-copyToClipboard-label-borderRadius: 4px; --gse-ui-copyToClipboard-label-text-fontFamily: 'Noto Sans'; @@ -353,9 +331,9 @@ --gse-ui-copyToClipboard-gap: 8px; --gse-ui-copyToClipboard-contentContainer-gap: 4px; --gse-ui-copyToClipboard-iconContainer-padding: 4px; - --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581; - --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245; - --gse-ui-dismissButton-foregroundColor: #3e5374; + --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #079167; + --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #b51b37; + --gse-ui-dismissButton-foregroundColor: #4f5157; --gse-ui-button-default-height: 32px; --gse-ui-button-default-padding: 0 12px; --gse-ui-button-default-paddingIconOnly: 8px; @@ -369,33 +347,33 @@ --gse-ui-button-compact-padding: 0 12px; --gse-ui-button-compact-paddingIconOnly: 4px; --gse-ui-button-gap: 8px; - --gse-ui-button-primary-default-backgroundColor: #4856cb; + --gse-ui-button-primary-default-backgroundColor: #2143a2; --gse-ui-button-primary-default-foregroundColor: #ffffff; - --gse-ui-button-primary-hover-backgroundColor: #3742a2; + --gse-ui-button-primary-hover-backgroundColor: #19327a; --gse-ui-button-primary-hover-foregroundColor: #ffffff; - --gse-ui-button-primary-active-backgroundColor: #252e78; + --gse-ui-button-primary-active-backgroundColor: #102251; --gse-ui-button-primary-active-foregroundColor: #ffffff; - --gse-ui-button-secondary-default-backgroundColor: #eff0fe; - --gse-ui-button-secondary-default-foregroundColor: #4856cb; - --gse-ui-button-secondary-hover-backgroundColor: #dee1fd; - --gse-ui-button-secondary-hover-foregroundColor: #3742a2; - --gse-ui-button-secondary-active-backgroundColor: #ced2fc; - --gse-ui-button-secondary-active-foregroundColor: #252e78; + --gse-ui-button-secondary-default-backgroundColor: #eff3ff; + --gse-ui-button-secondary-default-foregroundColor: #2143a2; + --gse-ui-button-secondary-hover-backgroundColor: #d5def7; + --gse-ui-button-secondary-hover-foregroundColor: #19327a; + --gse-ui-button-secondary-active-backgroundColor: #adbff0; + --gse-ui-button-secondary-active-foregroundColor: #102251; --gse-ui-button-tertiary-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-tertiary-default-foregroundColor: #4856cb; - --gse-ui-button-tertiary-default-border-color: #4856cb; + --gse-ui-button-tertiary-default-foregroundColor: #2143a2; + --gse-ui-button-tertiary-default-border-color: #2143a2; --gse-ui-button-tertiary-default-border-width: 1px; --gse-ui-button-tertiary-default-border-style: solid; - --gse-ui-button-tertiary-hover-backgroundColor: #3742a2; + --gse-ui-button-tertiary-hover-backgroundColor: #19327a; --gse-ui-button-tertiary-hover-foregroundColor: #ffffff; - --gse-ui-button-tertiary-active-backgroundColor: #252e78; + --gse-ui-button-tertiary-active-backgroundColor: #102251; --gse-ui-button-tertiary-active-foregroundColor: #ffffff; --gse-ui-button-ghost-default-backgroundColor: rgba(0, 0, 0, 0); - --gse-ui-button-ghost-default-foregroundColor: #4856cb; - --gse-ui-button-ghost-hover-backgroundColor: #dee1fd; - --gse-ui-button-ghost-hover-foregroundColor: #3742a2; - --gse-ui-button-ghost-active-backgroundColor: #ced2fc; - --gse-ui-button-ghost-active-foregroundColor: #252e78; + --gse-ui-button-ghost-default-foregroundColor: #2143a2; + --gse-ui-button-ghost-hover-backgroundColor: #d5def7; + --gse-ui-button-ghost-hover-foregroundColor: #19327a; + --gse-ui-button-ghost-active-backgroundColor: #adbff0; + --gse-ui-button-ghost-active-foregroundColor: #102251; --gse-ui-button-danger-default-backgroundColor: #e22245; --gse-ui-button-danger-default-foregroundColor: #ffffff; --gse-ui-button-danger-hover-backgroundColor: #881429; @@ -419,7 +397,7 @@ --gse-ui-actionButton-leftSegment-focusBorderRadius: 16px 0 0 16px; --gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px; --gse-ui-actionButton-borderRadius: 4px; - --gse-ui-actionButton-tertiary-divider-color: #4856cb; + --gse-ui-actionButton-tertiary-divider-color: #2143a2; --gse-ui-actionButton-tertiary-divider-width: 2px; --gse-ui-actionButton-tertiary-divider-style: solid; --gse-ui-actionButton-primary-divider-color: #ffffff; @@ -465,20 +443,20 @@ --gse-ui-links-inLine-small-underlinedText-textDecoration: underline; --gse-ui-links-inLine-padding: 4px; --gse-ui-links-icon: 16px; - --gse-ui-links-default-foregroundColor: #4856cb; - --gse-ui-links-disabled-foregroundColor: #4856cb; - --gse-ui-links-hover-foregroundColor: #3742a2; - --gse-ui-links-active-foregroundColor: #252e78; - --gse-ui-links-visited-foregroundColor: #8a5ecc; + --gse-ui-links-default-foregroundColor: #2143a2; + --gse-ui-links-disabled-foregroundColor: #2143a2; + --gse-ui-links-hover-foregroundColor: #19327a; + --gse-ui-links-active-foregroundColor: #102251; + --gse-ui-links-visited-foregroundColor: #3d538f; --gse-ui-links-borderRadius: 0; - --gse-ui-radioButton-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-radioButton-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-radioButton-icon-hover-foregroundColor: #3742a2; - --gse-ui-radioButton-icon-active-foregroundColor: #252e78; - --gse-ui-radioButton-icon-error-foregroundColor: #e22245; + --gse-ui-radioButton-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-radioButton-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-radioButton-icon-hover-foregroundColor: #19327a; + --gse-ui-radioButton-icon-active-foregroundColor: #102251; + --gse-ui-radioButton-icon-error-foregroundColor: #b51b37; --gse-ui-radioButton-icon-height: 16px; --gse-ui-radioButton-icon-width: 16px; - --gse-ui-radioButton-label-foregroundColor: #1b2c48; + --gse-ui-radioButton-label-foregroundColor: #2a2a2e; --gse-ui-radioButton-label-text-fontFamily: 'Noto Sans'; --gse-ui-radioButton-label-text-fontWeight: 400; --gse-ui-radioButton-label-text-fontSize: 12px; @@ -487,19 +465,19 @@ --gse-ui-radioButton-helper-padding: 4px 0 0 24px; --gse-ui-radioButton-helper-gap: 8px; --gse-ui-radioButton-disabled-opacity: 0.5; - --gse-ui-radioButton-focus-border-color: #7b88f7; + --gse-ui-radioButton-focus-border-color: #5476d5; --gse-ui-radioButton-focus-border-width: 2px; --gse-ui-radioButton-focus-border-style: solid; --gse-ui-radioButton-focus-borderRadius: 100%; --gse-ui-radioButton-focus-offset: 1px; - --gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d; - --gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb; - --gse-ui-checkbox-icon-hover-foregroundColor: #3742a2; - --gse-ui-checkbox-icon-active-foregroundColor: #252e78; - --gse-ui-checkbox-icon-error-foregroundColor: #e22245; + --gse-ui-checkbox-icon-default-unselectedForegroundColor: #a3a8b5; + --gse-ui-checkbox-icon-default-selectedForegroundColor: #2143a2; + --gse-ui-checkbox-icon-hover-foregroundColor: #19327a; + --gse-ui-checkbox-icon-active-foregroundColor: #102251; + --gse-ui-checkbox-icon-error-foregroundColor: #b51b37; --gse-ui-checkbox-icon-height: 16px; --gse-ui-checkbox-icon-width: 16px; - --gse-ui-checkbox-label-foregroundColor: #1b2c48; + --gse-ui-checkbox-label-foregroundColor: #2a2a2e; --gse-ui-checkbox-label-text-fontFamily: 'Noto Sans'; --gse-ui-checkbox-label-text-fontWeight: 400; --gse-ui-checkbox-label-text-fontSize: 12px; @@ -508,7 +486,7 @@ --gse-ui-checkbox-helper-gap: 8px; --gse-ui-checkbox-gap: 8px; --gse-ui-checkbox-disabled-opacity: 0.5; - --gse-ui-checkbox-focus-border-color: #7b88f7; + --gse-ui-checkbox-focus-border-color: #5476d5; --gse-ui-checkbox-focus-border-width: 2px; --gse-ui-checkbox-focus-border-style: solid; --gse-ui-checkbox-focus-borderRadius: 4px; @@ -528,34 +506,34 @@ --gse-ui-menu-option-label-active-text-fontWeight: 700; --gse-ui-menu-option-label-active-text-fontSize: 12px; --gse-ui-menu-option-label-active-text-lineHeight: 18px; - --gse-ui-menu-option-label-foregroundColor: #1b2c48; + --gse-ui-menu-option-label-foregroundColor: #2a2a2e; --gse-ui-menu-option-shortcut-text-fontFamily: 'Noto Sans'; --gse-ui-menu-option-shortcut-text-fontWeight: 400; --gse-ui-menu-option-shortcut-text-fontSize: 14px; --gse-ui-menu-option-shortcut-text-lineHeight: 20px; - --gse-ui-menu-option-shortcut-default-foregroundColor: #626e84; - --gse-ui-menu-option-shortcut-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-hover-backgroundColor: #eff0fe; - --gse-ui-menu-option-selected-backgroundColor: #ced2fc; + --gse-ui-menu-option-shortcut-default-foregroundColor: #6a6d75; + --gse-ui-menu-option-shortcut-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-hover-backgroundColor: #eff3ff; + --gse-ui-menu-option-selected-backgroundColor: #adbff0; --gse-ui-menu-option-disabled-opacity: 0.5; - --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #767c8d; - --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #252e78; - --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #4856cb; - --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #3742a2; - --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #252e78; + --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #a3a8b5; + --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #102251; + --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #2143a2; + --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #19327a; + --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #102251; --gse-ui-menu-option-parentIcon-width: 16px; --gse-ui-menu-option-parentIcon-height: 16px; - --gse-ui-menu-option-parentIcon-default-foregroundColor: #3e5374; - --gse-ui-menu-option-parentIcon-hover-foregroundColor: #23395d; - --gse-ui-menu-option-parentIcon-selected-foregroundColor: #1b2c48; - --gse-ui-menu-option-focus-border-color: #7b88f7; + --gse-ui-menu-option-parentIcon-default-foregroundColor: #4f5157; + --gse-ui-menu-option-parentIcon-hover-foregroundColor: #3e4044; + --gse-ui-menu-option-parentIcon-selected-foregroundColor: #2a2a2e; + --gse-ui-menu-option-focus-border-color: #5476d5; --gse-ui-menu-option-focus-border-width: 1px; --gse-ui-menu-option-focus-border-style: solid; --gse-ui-menu-option-default-backgroundColor: #ffffff; --gse-ui-menu-maxHeight: 344px; --gse-ui-menu-borderRadius: 4px; - --gse-ui-menu-border-color: #c6c8ce; + --gse-ui-menu-border-color: #c1c6d4; --gse-ui-menu-border-width: 1px; --gse-ui-menu-border-style: solid; --gse-ui-menu-boxShadow-blur: 4px; @@ -566,33 +544,33 @@ --gse-ui-menu-boxShadow-offsetY: 0; --gse-ui-menu-padding: 8px 1px; --gse-ui-menu-backgroundColor: #ffffff; - --gse-ui-menu-scrollbar-foregroundColor: #3e5374; - --gse-ui-menu-divider-backgroundColor: #c6c8ce; + --gse-ui-menu-scrollbar-foregroundColor: #4f5157; + --gse-ui-menu-divider-backgroundColor: #c1c6d4; --gse-ui-menu-divider-margin: 4px 0 8px 0; --gse-ui-menu-divider-height: 1px; --gse-ui-menu-groupedMenu-title-padding: 8px 12px 4px; --gse-ui-menu-groupedMenu-title-height: 32px; - --gse-ui-menu-groupedMenu-title-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-title-foregroundColor: #6a6d75; --gse-ui-menu-groupedMenu-title-text-fontFamily: Urbanist; --gse-ui-menu-groupedMenu-title-text-fontWeight: 600; --gse-ui-menu-groupedMenu-title-text-fontSize: 12px; --gse-ui-menu-groupedMenu-title-text-lineHeight: 16px; --gse-ui-menu-groupedMenu-title-text-textCase: uppercase; --gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px; - --gse-ui-menu-groupedMenu-padding: 8px 2px; + --gse-ui-menu-groupedMenu-padding: 8px 1px; --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px; --gse-ui-menu-groupedMenu-divider-height: 13px; - --gse-ui-menu-groupedMenu-subtext-foregroundColor: #626e84; + --gse-ui-menu-groupedMenu-subtext-foregroundColor: #6a6d75; --gse-ui-dropdown-menu-emptyState-header-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700; --gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #23395d; + --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2a2a2e; --gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400; --gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #626e84; + --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #4f5157; --gse-ui-dropdown-gap: 4px; --gse-ui-calendarMenu-day-range-width: 16px; --gse-ui-calendarMenu-day-range-height: 32px; @@ -605,7 +583,7 @@ --gse-ui-calendarMenu-day-date-size: 32px; --gse-ui-calendarMenu-height: 234px; --gse-ui-calendarMenu-width: 250px; - --gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-month-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-month-single-header-textWidth: 154px; --gse-ui-calendarMenu-month-single-header-width: 218px; --gse-ui-calendarMenu-month-single-header-height: 48px; @@ -629,12 +607,12 @@ --gse-ui-calendarMenu-month-borderRadius: 16px; --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 4px; --gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-month-hover-backgroundColor: #eff0fe; + --gse-ui-calendarMenu-month-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-month-hover-backgroundColor: #eff3ff; --gse-ui-calendarMenu-dateBody-padding: 16px 24px; --gse-ui-calendarMenu-dateBody-gap: 8px; - --gse-ui-calendarMenu-header-backgroundColor: #4856cb; + --gse-ui-calendarMenu-header-backgroundColor: #2143a2; --gse-ui-calendarMenu-header-foregroundColor: #ffffff; --gse-ui-calendarMenu-header-gap: 8px; --gse-ui-calendarMenu-header-padding: 12px 16px; @@ -649,11 +627,11 @@ --gse-ui-calendarMenu-date-currentText-fontSize: 12px; --gse-ui-calendarMenu-date-currentText-lineHeight: 18px; --gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff; - --gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb; - --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2; - --gse-ui-calendarMenu-date-hover-backgroundColor: #eff0fe; - --gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd; - --gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48; + --gse-ui-calendarMenu-date-selected-backgroundColor: #2143a2; + --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #19327a; + --gse-ui-calendarMenu-date-hover-backgroundColor: #eff3ff; + --gse-ui-calendarMenu-date-range-backgroundColor: #d5def7; + --gse-ui-calendarMenu-date-default-foregroundColor: #2a2a2e; --gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0; --gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px; --gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0; @@ -674,11 +652,11 @@ --gse-ui-datePicker-range-gap: 24px; --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; - --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; + --gse-ui-datePicker-dateTyped-backgroundColor: #eff3ff; --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; - --gse-ui-datePicker-iconHover: #3742a2; - --gse-ui-datePicker-iconFocus: #3742a2; + --gse-ui-datePicker-iconHover: #3e4044; + --gse-ui-datePicker-iconFocus: #2a2a2e; --gse-ui-toggle-label-fontFamily: 'Noto Sans'; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; @@ -687,66 +665,66 @@ --gse-ui-toggle-padding: 8px; --gse-ui-toggle-track-width: 32px; --gse-ui-toggle-track-height: 16px; - --gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-enabled-on-backgroundColor: #4856cb; - --gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce; - --gse-ui-toggle-track-disabled-on-backgroundColor: #4856cb; + --gse-ui-toggle-track-enabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-enabled-on-backgroundColor: #2143a2; + --gse-ui-toggle-track-disabled-off-backgroundColor: #c1c6d4; + --gse-ui-toggle-track-disabled-on-backgroundColor: #2143a2; --gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5; - --gse-ui-toggle-track-error-on-backgroundColor: #e22245; - --gse-ui-toggle-track-hover-off-backgroundColor: #eff0fe; - --gse-ui-toggle-track-hover-on-backgroundColor: #3742a2; + --gse-ui-toggle-track-error-on-backgroundColor: #b51b37; + --gse-ui-toggle-track-hover-off-backgroundColor: #eff3ff; + --gse-ui-toggle-track-hover-on-backgroundColor: #19327a; --gse-ui-toggle-track-borderRadius: 100%; --gse-ui-toggle-handle-width: 16px; --gse-ui-toggle-handle-height: 16px; --gse-ui-toggle-handle-hover-border-width: 2px; --gse-ui-toggle-handle-hover-border-style: solid; - --gse-ui-toggle-handle-hover-border-color: #7b88f7; + --gse-ui-toggle-handle-hover-border-color: #5476d5; --gse-ui-toggle-handle-enabled-border-width: 2px; - --gse-ui-toggle-handle-enabled-border-color: #4856cb; + --gse-ui-toggle-handle-enabled-border-color: #2143a2; --gse-ui-toggle-handle-enabled-border-style: solid; --gse-ui-toggle-handle-disabled-border-width: 2px; - --gse-ui-toggle-handle-disabled-border-color: #4856cb; + --gse-ui-toggle-handle-disabled-border-color: #2143a2; --gse-ui-toggle-handle-disabled-border-style: solid; --gse-ui-toggle-handle-error-border-color: #e22245; --gse-ui-toggle-handle-error-border-width: 2px; --gse-ui-toggle-handle-error-border-style: solid; --gse-ui-toggle-handle-backgroundColor: #ffffff; - --gse-ui-toggle-handle-foregroundColor: #4856cb; + --gse-ui-toggle-handle-foregroundColor: #2143a2; --gse-ui-toggle-handle-borderRadius: 16px; --gse-ui-toggle-disabled-opacity: 0.5; - --gse-ui-toggle-focus-border-color: #7b88f7; + --gse-ui-toggle-focus-border-color: #5476d5; --gse-ui-toggle-focus-border-width: 2px; --gse-ui-toggle-focus-border-style: solid; --gse-ui-toggle-focus-borderRadius: 100%; --gse-ui-toggle-focus-offset: 1px; --gse-ui-timePicker-clock-padding: 2px; - --gse-ui-timePicker-clockStates-defaultColor: #3e5374; - --gse-ui-timePicker-clockStates-hoverColor: #23395d; - --gse-ui-timePicker-clockStates-activeColor: #1b2c48; - --gse-ui-timePicker-clockStates-disabledColor: #3e537480; - --gse-ui-timePicker-focusClock-border-color: #7b88f7; + --gse-ui-timePicker-clockStates-defaultColor: #4f5157; + --gse-ui-timePicker-clockStates-hoverColor: #3e4044; + --gse-ui-timePicker-clockStates-activeColor: #2a2a2e; + --gse-ui-timePicker-clockStates-disabledColor: #4f515780; + --gse-ui-timePicker-focusClock-border-color: #5476d5; --gse-ui-timePicker-focusClock-border-width: 2px; --gse-ui-timePicker-focusClock-border-style: solid; --gse-ui-timePicker-focusClock-borderRadius: 4px; - --gse-ui-timePicker-focusAmpm-border-color: #7b88f7; + --gse-ui-timePicker-focusAmpm-border-color: #5476d5; --gse-ui-timePicker-focusAmpm-border-width: 2px; --gse-ui-timePicker-focusAmpm-border-style: solid; --gse-ui-timePicker-focusAmpm-borderRadius: 4px; - --gse-ui-timePicker-focusTime-border-color: #7b88f7; + --gse-ui-timePicker-focusTime-border-color: #5476d5; --gse-ui-timePicker-focusTime-border-width: 2px; --gse-ui-timePicker-focusTime-border-style: solid; --gse-ui-timePicker-focusTime-borderRadius: 4px; --gse-ui-timePicker-ampm-padding: 2px; - --gse-ui-colorPicker-label-requiredSymbolColor: #e22245; - --gse-ui-colorPicker-label-textColor: #1b2c48; + --gse-ui-colorPicker-label-requiredSymbolColor: #b51b37; + --gse-ui-colorPicker-label-textColor: #2a2a2e; --gse-ui-colorPicker-label-text-fontFamily: 'Noto Sans'; --gse-ui-colorPicker-label-text-fontWeight: 400; --gse-ui-colorPicker-label-text-fontSize: 12px; --gse-ui-colorPicker-label-text-lineHeight: 18px; --gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff; - --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0; - --gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2; - --gse-ui-colorPicker-inputContainer-border-activeColor: #252e78; + --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a8b5; + --gse-ui-colorPicker-inputContainer-border-hoverColor: #19327a; + --gse-ui-colorPicker-inputContainer-border-activeColor: #102251; --gse-ui-colorPicker-inputContainer-border-errorColor: #e22245; --gse-ui-colorPicker-input-containerSizing: 32px; --gse-ui-colorPicker-input-swatchSizing: 24px; @@ -754,19 +732,19 @@ --gse-ui-colorPicker-gap: 8px; --gse-ui-slider-handle-width: 20px; --gse-ui-slider-handle-height: 20px; - --gse-ui-slider-handle-default-backgroundColor: #4856cb; - --gse-ui-slider-handle-hover-backgroundColor: #3742a2; - --gse-ui-slider-handle-active-backgroundColor: #252e78; - --gse-ui-slider-handle-disabled-backgroundColor: #4856cb; + --gse-ui-slider-handle-default-backgroundColor: #2143a2; + --gse-ui-slider-handle-hover-backgroundColor: #19327a; + --gse-ui-slider-handle-active-backgroundColor: #102251; + --gse-ui-slider-handle-disabled-backgroundColor: #2143a2; --gse-ui-slider-handle-borderRadius: 100%; --gse-ui-slider-disabled-opacity: 0.5; --gse-ui-slider-label-text-fontFamily: 'Noto Sans'; --gse-ui-slider-label-text-fontWeight: 600; --gse-ui-slider-label-text-fontSize: 14px; --gse-ui-slider-label-text-lineHeight: 20px; - --gse-ui-slider-label-foregroundColor: #1b2c48; - --gse-ui-slider-bar-selected-backgroundColor: #4856cb; - --gse-ui-slider-bar-default-backgroundColor: #c6c8ce; + --gse-ui-slider-label-foregroundColor: #2a2a2e; + --gse-ui-slider-bar-selected-backgroundColor: #2143a2; + --gse-ui-slider-bar-default-backgroundColor: #c1c6d4; --gse-ui-slider-bar-height: 4px; --gse-ui-slider-gap: 16px; --gse-ui-slider-focusRing-borderRadius: 100%; @@ -779,9 +757,9 @@ --gse-ui-flyoutMenu-parenting-gap: 8px; --gse-ui-flyoutMenu-backgroundColor: #ffffff; --gse-ui-flyoutMenu-arrow-borderRadius: 4px; - --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff0fe; - --gse-ui-phoneInput-dropdown-active-backgroundColor: #ced2fc; - --gse-ui-phoneInput-dropdown-foregroundColor: #626e84; + --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff3ff; + --gse-ui-phoneInput-dropdown-active-backgroundColor: #adbff0; + --gse-ui-phoneInput-dropdown-foregroundColor: #6a6d75; --gse-ui-phoneInput-dropdown-flag-height: 12px; --gse-ui-phoneInput-dropdown-flag-width: 16px; --gse-ui-phoneInput-dropdown-height: 32px; @@ -791,31 +769,31 @@ --gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px; --gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px; --gse-ui-phoneInput-dropdown-gap: 4px; - --gse-ui-phoneInput-countryCode-foregroundColor: #626e84; + --gse-ui-phoneInput-countryCode-foregroundColor: #2a2a2e; --gse-ui-phoneInput-minWidth: 230px; --gse-ui-contextMenu-button-default: 32px; --gse-ui-contextMenu-button-compact: 24px; --gse-ui-contextMenu-borderRadius: 4px; --gse-ui-contextMenu-menu-maxHeight: 344px; --gse-ui-contextMenu-menu-width: 220px; - --gse-ui-monthPicker-calendarStates-defaultColor: #3e5374; - --gse-ui-monthPicker-calendarStates-hoverColor: #23395d; - --gse-ui-monthPicker-calendarStates-activeColor: #1b2c48; - --gse-ui-monthPicker-calendarStates-disabledColor: #3e537480; - --gse-ui-monthPicker-calendarStates-focus-border-color: #7b88f7; + --gse-ui-monthPicker-calendarStates-defaultColor: #4f5157; + --gse-ui-monthPicker-calendarStates-hoverColor: #3e4044; + --gse-ui-monthPicker-calendarStates-activeColor: #2a2a2e; + --gse-ui-monthPicker-calendarStates-disabledColor: #4f515780; + --gse-ui-monthPicker-calendarStates-focus-border-color: #5476d5; --gse-ui-monthPicker-calendarStates-focus-border-width: 2px; --gse-ui-monthPicker-calendarStates-focus-border-style: solid; - --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374; - --gse-ui-selectorCard-text-foregroundColor: #1b2c48; + --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #4f5157; + --gse-ui-selectorCard-text-foregroundColor: #2a2a2e; --gse-ui-selectorCard-default-backgroundColor: #ffffff; - --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #767c8d; - --gse-ui-selectorCard-hover-backgroundColor: #eff0fe; - --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2; - --gse-ui-selectorCard-active-backgroundColor: #ced2fc; - --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78; + --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #a3a8b5; + --gse-ui-selectorCard-hover-backgroundColor: #eff3ff; + --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #19327a; + --gse-ui-selectorCard-active-backgroundColor: #adbff0; + --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #102251; --gse-ui-selectorCard-error-backgroundColor: #f3a7b5; - --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245; + --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #b51b37; --gse-ui-selectorCard-error-border-color: #e22245; --gse-ui-selectorCard-error-border-width: 1px; --gse-ui-selectorCard-error-border-style: solid; @@ -838,7 +816,7 @@ --gse-ui-selectorCard-descriptive-gap: 8px; --gse-ui-selectorCard-descriptive-text-gap: 4px; --gse-ui-selectorCard-descriptive-badge-marginTop: 8px; - --gse-ui-selectorCard-descriptive-borderRadius: 16px; + --gse-ui-selectorCard-descriptive-borderRadius: 8px; --gse-ui-selectorCard-descriptive-label-fontFamily: Urbanist; --gse-ui-selectorCard-descriptive-label-fontWeight: 700; --gse-ui-selectorCard-descriptive-label-fontSize: 16px; @@ -847,23 +825,23 @@ --gse-ui-selectorCard-descriptive-description-fontWeight: 400; --gse-ui-selectorCard-descriptive-description-fontSize: 12px; --gse-ui-selectorCard-descriptive-description-lineHeight: 18px; - --gse-ui-selectorCard-unselected-border-color: #c6c8ce; + --gse-ui-selectorCard-unselected-border-color: #c1c6d4; --gse-ui-selectorCard-unselected-border-width: 1px; --gse-ui-selectorCard-unselected-border-style: solid; - --gse-ui-selectorCard-selected-border-color: #3742a2; + --gse-ui-selectorCard-selected-border-color: #19327a; --gse-ui-selectorCard-selected-border-width: 1px; --gse-ui-selectorCard-selected-border-style: solid; --gse-ui-selectorCard-disabled-opacity: 0.5; --gse-ui-selectorCard-disabled-backgroundColor: #ffffff; - --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb; - --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d; + --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #2143a2; + --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #a3a8b5; --gse-ui-ctaGroup-gap: 8px; - --gse-ui-search-counter-default-foregroundColor: #626e84; - --gse-ui-search-counter-hover-foregroundColor: #3742a2; - --gse-ui-search-counter-divider-border-color: #a3a7b0; + --gse-ui-search-counter-default-foregroundColor: #6a6d75; + --gse-ui-search-counter-hover-foregroundColor: #19327a; + --gse-ui-search-counter-divider-border-color: #a3a8b5; --gse-ui-search-counter-divider-border-width: 1px; --gse-ui-search-counter-divider-border-style: solid; - --gse-ui-search-counter-divider-foregroundColor: #a3a7b0; + --gse-ui-search-counter-divider-foregroundColor: #a3a8b5; --gse-ui-search-counter-text-fontFamily: 'Noto Sans'; --gse-ui-search-counter-text-fontWeight: 400; --gse-ui-search-counter-text-fontSize: 12px; @@ -872,10 +850,10 @@ --gse-ui-search-counter-icon-height: 16px; --gse-ui-search-counter-icon-width: 16px; --gse-ui-search-width: 320px; - --gse-ui-search-match-firstLevel-backgroundColor: #b5e2e8; - --gse-ui-search-match-firstLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48; - --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4; + --gse-ui-search-match-firstLevel-backgroundColor: #81cbe5; + --gse-ui-search-match-firstLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-foregroundColour: #2a2a2e; + --gse-ui-search-match-subsequentLevel-backgroundColor: #9fd6ea; --gse-ui-simpleFilter-gap: 16px; --gse-ui-dataTableItems-header-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-header-text-fontWeight: 700; @@ -889,11 +867,11 @@ --gse-ui-dataTableItems-header-multiselect-compact-width: 64px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px; --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px; - --gse-ui-dataTableItems-header-selectedIndicatorColor: #9ca6f9; + --gse-ui-dataTableItems-header-selectedIndicatorColor: #5476d5; --gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-header-fixedBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-header-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-header-sort-foregroundColor: #626e84; + --gse-ui-dataTableItems-header-fixedBackgroundColor: #d5def7; + --gse-ui-dataTableItems-header-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-header-sort-foregroundColor: #6a6d75; --gse-ui-dataTableItems-header-default-height: 40px; --gse-ui-dataTableItems-header-default-width: 229px; --gse-ui-dataTableItems-header-compact-height: 32px; @@ -902,16 +880,16 @@ --gse-ui-dataTableItems-header-gap: 8px; --gse-ui-dataTableItems-header-selectedBar-height: 3px; --gse-ui-dataTableItems-header-selectedBar-width: 229px; - --gse-ui-dataTableItems-divider-color: #e8ebf7; + --gse-ui-dataTableItems-divider-color: #cad1e1; --gse-ui-dataTableItems-divider-width: 1px; --gse-ui-dataTableItems-divider-style: solid; --gse-ui-dataTableItems-scrollbar-borderRadius: 45px; - --gse-ui-dataTableItems-scrollbar-foregroundColor: #626e84; - --gse-ui-dataTableItems-cell-altBackgroundColor: #f3f5fb; + --gse-ui-dataTableItems-scrollbar-foregroundColor: #6a6d75; + --gse-ui-dataTableItems-cell-altBackgroundColor: #ebedf5; --gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-cell-hoverBackgroundColor: #dee1fd; - --gse-ui-dataTableItems-cell-foregroundColor: #1b2c48; - --gse-ui-dataTableItems-cell-chevron-foregroundColor: #626e84; + --gse-ui-dataTableItems-cell-hoverBackgroundColor: #d5def7; + --gse-ui-dataTableItems-cell-foregroundColor: #2a2a2e; + --gse-ui-dataTableItems-cell-chevron-foregroundColor: #6a6d75; --gse-ui-dataTableItems-cell-multiselect-default-height: 40px; --gse-ui-dataTableItems-cell-multiselect-compact-height: 32px; --gse-ui-dataTableItems-cell-multiselect-padding: 0 16px; @@ -926,7 +904,7 @@ --gse-ui-dataTableItems-cell-compact-width: 229px; --gse-ui-dataTableItems-cell-padding: 0 12px; --gse-ui-dataTableItems-cell-gap: 8px; - --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-cell-icon-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-cell-text-fontFamily: 'Noto Sans'; --gse-ui-dataTableItems-cell-text-fontWeight: 400; --gse-ui-dataTableItems-cell-text-fontSize: 12px; @@ -938,19 +916,19 @@ --gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px; --gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px; --gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px; - --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #3e5374; + --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #4f5157; --gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px; --gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px; --gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0; --gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px; --gse-ui-dataTableItems-tableToolbar-gap: 4px; - --gse-ui-dataTableItems-tableToolbar-dividerColor: #c6c8ce; + --gse-ui-dataTableItems-tableToolbar-dividerColor: #c1c6d4; --gse-ui-dataTableItems-tableToolbar-divider-width: 1px; --gse-ui-dataTableItems-tableToolbar-divider-height: 32px; --gse-ui-dataTableItems-tableToolbar-height: 32px; --gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px; --gse-ui-dataTableItems-tablePagination-padding: 12px; - --gse-ui-dataTableItems-tablePagination-divider-color: #c6c8ce; + --gse-ui-dataTableItems-tablePagination-divider-color: #c1c6d4; --gse-ui-dataTableItems-tablePagination-divider-width: 1px; --gse-ui-dataTableItems-tablePagination-divider-style: solid; --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: 'Noto Sans'; @@ -962,7 +940,7 @@ --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-tablePagination-foregroundColor: #2a2a2e; --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px; --gse-ui-avatar-groupShapes-gap: -4px; --gse-ui-avatar-large-size: 96px; @@ -977,28 +955,28 @@ --gse-ui-avatar-large-ucIntegration-size: 32px; --gse-ui-avatar-presenceRing-available: linear-gradient( 135deg, - #09b581 0%, + #079167 0%, #9de1cd 100% ); --gse-ui-avatar-presenceRing-busy: linear-gradient( 135deg, - #e22245 0%, + #b51b37 0%, #f3a7b5 100% ); --gse-ui-avatar-presenceRing-away: linear-gradient( 135deg, - #f8c73e 0%, + #9a7b25 0%, #fce9b2 100% ); --gse-ui-avatar-presenceRing-onQueue: linear-gradient( 135deg, - #4856cb 0%, - #9ca6f9 100% + #2143a2 0%, + #829ce5 100% ); --gse-ui-avatar-presenceRing-offline: linear-gradient( 135deg, - #767c8d 0%, - #a3a7b0 100% + #848891 0%, + #848891 100% ); --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient( 135deg, @@ -1037,33 +1015,33 @@ --gse-ui-avatar-badge-busy-icon-margin: 2px; --gse-ui-avatar-badge-away-color: #f8c73e; --gse-ui-avatar-badge-away-icon-margin: 2px; - --gse-ui-avatar-badge-onQueue-color: #4856cb; - --gse-ui-avatar-badge-offline-color: #626e84; + --gse-ui-avatar-badge-onQueue-color: #2143a2; + --gse-ui-avatar-badge-offline-color: #848891; --gse-ui-avatar-badge-outOfOffice: #b74ba4; - --gse-ui-avatar-badge-notification-color: #fe624d; + --gse-ui-avatar-badge-notification-color: #ff451a; --gse-ui-avatar-badge-foregroundDefault-color: #ffffff; - --gse-ui-avatar-badge-foregroundDark-color: #3e5374; + --gse-ui-avatar-badge-foregroundDark-color: #4f5157; --gse-ui-avatar-badge-notifications-icon-margin: 4px; --gse-ui-avatar-badge-queue-icon-margin: 4px; - --gse-ui-avatar-media-initialsBackground-default: #3e5374; - --gse-ui-avatar-media-initialsBackground-accent1: #626d97; - --gse-ui-avatar-media-initialsBackground-accent2: #90d3dd; - --gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e; + --gse-ui-avatar-media-initialsBackground-default: #263b73; + --gse-ui-avatar-media-initialsBackground-accent1: #596ea6; + --gse-ui-avatar-media-initialsBackground-accent2: #81cbe5; + --gse-ui-avatar-media-initialsBackground-accent3: #056385; --gse-ui-avatar-media-initialsBackground-accent4: #467aae; --gse-ui-avatar-media-initialsBackground-accent5: #9ac1e8; - --gse-ui-avatar-media-initialsBackground-accent6: #d1d7ef; + --gse-ui-avatar-media-initialsBackground-accent6: #b2b7c4; --gse-ui-avatar-media-initialsBackground-accent7: #89387b; --gse-ui-avatar-media-initialsBackground-accent8: #ff5c77; --gse-ui-avatar-media-initialsBackground-accent9: #ff9dad; --gse-ui-avatar-media-initialsBackground-accent10: #ffc650; - --gse-ui-avatar-media-initialsBackground-accent11: #feb2ab; - --gse-ui-avatar-media-initialsBackground-accent12: #c44b3b; - --gse-ui-avatar-media-initialsBackground-overflowCount: #626e84; - --gse-ui-avatar-media-initialsBackground-add: #eff0fe; - --gse-ui-avatar-media-initialsForeground-default: #1b2c48; + --gse-ui-avatar-media-initialsBackground-accent11: #ffb5a3; + --gse-ui-avatar-media-initialsBackground-accent12: #992910; + --gse-ui-avatar-media-initialsBackground-overflowCount: #6a6d75; + --gse-ui-avatar-media-initialsBackground-add: #eff3ff; + --gse-ui-avatar-media-initialsForeground-default: #2a2a2e; --gse-ui-avatar-media-initialsForeground-inverse: #ffffff; - --gse-ui-avatar-media-initialsForeground-add: #4856cb; - --gse-ui-avatar-hoverModal-shroudColor: #3e5374cc; + --gse-ui-avatar-media-initialsForeground-add: #2143a2; + --gse-ui-avatar-hoverModal-shroudColor: #263b73cc; --gse-ui-avatar-hoverModal-foregroundColor: #ffffff; --gse-ui-avatar-hoverModal-opacity: 0.8; --gse-ui-avatar-content-borderRadius: 100%; @@ -1075,20 +1053,20 @@ --gse-ui-avatar-content-large-border-style: solid; --gse-ui-avatar-groupSet-gap: -2px; --gse-ui-avatar-focusRing-large-borderRadius: 100%; - --gse-ui-avatar-focusRing-large-border-color: #7b88f7; + --gse-ui-avatar-focusRing-large-border-color: #5476d5; --gse-ui-avatar-focusRing-large-border-width: 2px; --gse-ui-avatar-focusRing-large-border-style: solid; --gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100%; - --gse-ui-avatar-focusRing-medium-border-color: #7b88f7; + --gse-ui-avatar-focusRing-medium-border-color: #5476d5; --gse-ui-avatar-focusRing-medium-border-width: 2px; --gse-ui-avatar-focusRing-medium-border-style: solid; - --gse-ui-avatar-focusRing-small-border-color: #7b88f7; + --gse-ui-avatar-focusRing-small-border-color: #5476d5; --gse-ui-avatar-focusRing-small-border-width: 2px; --gse-ui-avatar-focusRing-small-border-style: solid; - --gse-ui-avatar-focusRing-xsmall-border-color: #7b88f7; + --gse-ui-avatar-focusRing-xsmall-border-color: #5476d5; --gse-ui-avatar-focusRing-xsmall-border-width: 2px; --gse-ui-avatar-focusRing-xsmall-border-style: solid; - --gse-ui-avatar-focus: #7b88f7; + --gse-ui-avatar-focus: #5476d5; --gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px; --gse-ui-avatar-addChangeImage-icon-size: 16px; --gse-ui-globalNav-sideMenu: linear-gradient( @@ -1109,36 +1087,36 @@ --gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px; --gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px; --gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400; - --gse-ui-globalNav-focus-border-color: #7b88f7; - --gse-ui-globalNav-focus-border-width: 3px; + --gse-ui-globalNav-focus-border-color: #5476d5; + --gse-ui-globalNav-focus-border-width: 2px; --gse-ui-globalNav-focus-border-style: solid; --gse-ui-globalNav-menuOption-height: 32px; --gse-ui-globalNav-menuOption-width: 248px; --gse-ui-globalNav-menuOption-padding: 0px 12px; --gse-ui-globalNav-menuOption-gap: 8px; --gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-hover-backgroundColor: #252e78; + --gse-ui-globalNav-menuOption-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff; --gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff; --gse-ui-globalNav-menuOption-focus-borderRadius: 8px; --gse-ui-globalNav-menuOption-borderRadius: 4px; --gse-ui-globalNav-menuOption-disableOpacity: 0.5; - --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #3742a2; + --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-default-backgroundColor: #1c2463; + --gse-ui-globalNav-menuOption-return-default-backgroundColor: #19327a; --gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #141a4f; + --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #102251; --gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2143a2; --gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-treeView-bar: #314669; + --gse-ui-globalNav-menuOption-treeView-bar: #c1c6d44d; --gse-ui-globalNav-buttonReturn-height: 48px; --gse-ui-globalNav-buttonReturn-width: 280px; --gse-ui-globalNav-buttonReturn-padding: 16px 28px; --gse-ui-globalNav-buttonReturn-gap: 12px; - --gse-ui-globalNav-treeView-border-color: #3e5374; + --gse-ui-globalNav-treeView-border-color: #c1c6d44d; --gse-ui-globalNav-treeView-border-width: 2px; --gse-ui-globalNav-treeView-border-style: solid; --gse-ui-globalNav-treeView-gap: 8px; @@ -1148,14 +1126,14 @@ --gse-ui-globalNav-topBar-padding: 16px 24px; --gse-ui-globalNav-topBar-height: 64px; --gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff; - --gse-ui-globalNav-topBar-frame-stroke: #c6ceec; - --gse-ui-globalNav-topBar-logo: #ff4f1f; - --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #4856cb; - --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #3742a2; - --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #4856cb; + --gse-ui-globalNav-topBar-frame-stroke: #c1c6d4; + --gse-ui-globalNav-topBar-logo: #ff451a; + --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2143a2; + --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #19327a; + --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2143a2; --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff; --gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff; - --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #3742a2; + --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #19327a; --gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff; --gse-ui-globalNav-panel-panelTitle: #ffffff; --gse-ui-globalNav-panel-primary: linear-gradient( @@ -1175,7 +1153,7 @@ --gse-ui-dataTableComposed-boxShadow-offsetX: 0; --gse-ui-dataTableComposed-boxShadow-offsetY: 0; --gse-ui-dataTableComposed-width: 1440px; - --gse-ui-focus-color: #7b88f7; + --gse-ui-focus-color: #5476d5; --gse-ui-focus-width: 2px; --gse-ui-focus-style: solid; --gse-ui-tabs-item-height: 40px; @@ -1186,17 +1164,17 @@ --gse-ui-tabs-item-itemText-fontWeight: 400; --gse-ui-tabs-item-itemText-fontSize: 12px; --gse-ui-tabs-item-itemText-lineHeight: 18px; - --gse-ui-tabs-item-itemTextColor: #1b2c48; + --gse-ui-tabs-item-itemTextColor: #2a2a2e; --gse-ui-tabs-item-divider-horizontal-height: 1px; --gse-ui-tabs-item-divider-vertical-height: 40px; --gse-ui-tabs-item-divider-vertical-width: 1px; - --gse-ui-tabs-item-divider-dividerColor: #c6c8ce; + --gse-ui-tabs-item-divider-dividerColor: #c1c6d4; --gse-ui-tabs-item-indicator-vertical-height: 40px; --gse-ui-tabs-item-indicator-vertical-width: 2px; --gse-ui-tabs-item-indicator-horizontal-height: 2px; - --gse-ui-tabs-item-indicator-hoverColor: #4856cb; - --gse-ui-tabs-item-indicator-activeColor: #3742a2; - --gse-ui-tabs-item-icon-iconColor: #1b2c48; + --gse-ui-tabs-item-indicator-hoverColor: #2143a2; + --gse-ui-tabs-item-indicator-activeColor: #19327a; + --gse-ui-tabs-item-icon-iconColor: #2a2a2e; --gse-ui-tabs-item-icon-size: 16px; --gse-ui-tabs-item-gap: 8px; --gse-ui-tabs-item-vertical-fixedHeight: 40px; @@ -1211,15 +1189,15 @@ --gse-ui-tabs-set-gap: -1px; --gse-ui-tabs-set-divider-horizontal-height: 1px; --gse-ui-tabs-set-divider-vertical-width: 1px; - --gse-ui-tabs-focusRing-border-color: #7b88f7; + --gse-ui-tabs-focusRing-border-color: #5476d5; --gse-ui-tabs-focusRing-border-width: 2px; --gse-ui-tabs-focusRing-border-style: solid; --gse-ui-tabs-focusRing-borderRadius: 4px; - --gse-ui-advancedTabs-divider-dividerColor: #c6c8ce; + --gse-ui-advancedTabs-divider-dividerColor: #c1c6d4; --gse-ui-advancedTabs-item-padding: 11px 12px 10px; --gse-ui-advancedTabs-item-gap: 8px; --gse-ui-advancedTabs-item-focus-borderRadius: 8px; - --gse-ui-advancedTabs-item-focus-border-color: #7b88f7; + --gse-ui-advancedTabs-item-focus-border-color: #5476d5; --gse-ui-advancedTabs-item-focus-border-width: 2px; --gse-ui-advancedTabs-item-focus-border-style: solid; --gse-ui-advancedTabs-item-focus-borderCopy: 4px; @@ -1232,18 +1210,18 @@ --gse-ui-advancedTabs-item-divider-bottom-height: 1px; --gse-ui-advancedTabs-item-divider-right-height: 32px; --gse-ui-advancedTabs-item-divider-right-width: 1px; - --gse-ui-advancedTabs-item-text-color: #1b2c48; + --gse-ui-advancedTabs-item-text-color: #2a2a2e; --gse-ui-advancedTabs-item-text-height: 9px; - --gse-ui-advancedTabs-item-indicator-hoverColor: #4856cb; - --gse-ui-advancedTabs-item-indicator-activeColor: #3742a2; + --gse-ui-advancedTabs-item-indicator-hoverColor: #2143a2; + --gse-ui-advancedTabs-item-indicator-activeColor: #19327a; --gse-ui-advancedTabs-item-indicator-height: 2px; - --gse-ui-advancedTabs-item-icon-iconColor: #1b2c48; + --gse-ui-advancedTabs-item-icon-iconColor: #2a2a2e; --gse-ui-advancedTabs-item-icon-size: 16px; --gse-ui-advancedTabs-item-menuButton-gap: 4px; --gse-ui-advancedTabs-item-menuButton-height: 45px; --gse-ui-advancedTabs-item-menuButton-width: 32px; - --gse-ui-advancedTabs-item-menuButton-defaultColor: #3e5374; - --gse-ui-advancedTabs-item-menuButton-activeColor: #1b2c48; + --gse-ui-advancedTabs-item-menuButton-defaultColor: #4f5157; + --gse-ui-advancedTabs-item-menuButton-activeColor: #2a2a2e; --gse-ui-advancedTabs-item-menuButton-focus-height: 53px; --gse-ui-advancedTabs-item-menuButton-focus-width: 40px; --gse-ui-advancedTabs-item-itemText-fontFamily: 'Noto Sans'; @@ -1252,24 +1230,24 @@ --gse-ui-advancedTabs-item-itemText-lineHeight: 18px; --gse-ui-advancedTabs-button-add-height: 45px; --gse-ui-advancedTabs-button-arrow-height: 48px; - --gse-ui-advancedTabs-set-backgroundColor: #f3f5fb; + --gse-ui-advancedTabs-set-backgroundColor: #ebedf5; --gse-ui-advancedTabs-set-standard-width: 920px; - --gse-ui-toast-closeButtonColor: #3e5374; + --gse-ui-toast-closeButtonColor: #4f5157; --gse-ui-toast-success-backgroundColor: #ffffff; - --gse-ui-toast-success-foregroundColor: #1b2c48; - --gse-ui-toast-success-iconColor: #09b581; + --gse-ui-toast-success-foregroundColor: #2a2a2e; + --gse-ui-toast-success-iconColor: #079167; --gse-ui-toast-warning-backgroundColor: #ffffff; - --gse-ui-toast-warning-foregroundColor: #1b2c48; - --gse-ui-toast-warning-iconColor: #f8c73e; + --gse-ui-toast-warning-foregroundColor: #2a2a2e; + --gse-ui-toast-warning-iconColor: #9a7b25; --gse-ui-toast-info-backgroundColor: #ffffff; - --gse-ui-toast-info-foregroundColor: #1b2c48; - --gse-ui-toast-info-iconColor: #6e5ddb; + --gse-ui-toast-info-foregroundColor: #2a2a2e; + --gse-ui-toast-info-iconColor: #3d538f; --gse-ui-toast-action-backgroundColor: #ffffff; - --gse-ui-toast-action-foregroundColor: #1b2c48; - --gse-ui-toast-action-iconColor: #4856cb; + --gse-ui-toast-action-foregroundColor: #2a2a2e; + --gse-ui-toast-action-iconColor: #2143a2; --gse-ui-toast-error-backgroundColor: #ffffff; - --gse-ui-toast-error-foregroundColor: #1b2c48; - --gse-ui-toast-error-iconColor: #e22245; + --gse-ui-toast-error-foregroundColor: #2a2a2e; + --gse-ui-toast-error-iconColor: #b51b37; --gse-ui-toast-heading-fontFamily: Urbanist; --gse-ui-toast-heading-fontWeight: 700; --gse-ui-toast-heading-fontSize: 16px; @@ -1293,10 +1271,10 @@ --gse-ui-toast-icon: 24px; --gse-ui-toast-wrappingWidth: 320px; --gse-ui-toast-stacking-gap: 4px; - --gse-ui-modal-closeButtonColor: #3e5374; - --gse-ui-modal-headerColor: #1b2c48; + --gse-ui-modal-closeButtonColor: #4f5157; + --gse-ui-modal-headerColor: #2a2a2e; --gse-ui-modal-backgroundColor: #ffffff; - --gse-ui-modal-shroudColor: #3e5374cc; + --gse-ui-modal-shroudColor: #263b73cc; --gse-ui-modal-header-gap: 12px; --gse-ui-modal-padding: 32px; --gse-ui-modal-gap: 16px; @@ -1326,8 +1304,8 @@ --gse-ui-popover-boxShadow-type: dropShadow; --gse-ui-popover-boxShadow-offsetX: 0; --gse-ui-popover-boxShadow-offsetY: 0; - --gse-ui-popover-closeButtonColor: #3e5374; - --gse-ui-popover-headerColor: #1b2c48; + --gse-ui-popover-closeButtonColor: #4f5157; + --gse-ui-popover-headerColor: #2a2a2e; --gse-ui-popover-backgroundColor: #ffffff; --gse-ui-popover-gap: 16px; --gse-ui-popover-padding: 24px; @@ -1344,15 +1322,15 @@ --gse-ui-popover-title-text-lineHeight: 24px; --gse-ui-popover-anchor-width: 20px; --gse-ui-popover-anchor-height: 8px; - --gse-ui-progressAndLoading-spinner-foreground: #4856cb; - --gse-ui-progressAndLoading-spinner-base: #dee1fd; + --gse-ui-progressAndLoading-spinner-foreground: #2143a2; + --gse-ui-progressAndLoading-spinner-base: #d5def7; --gse-ui-progressAndLoading-spinner-large: 48px; --gse-ui-progressAndLoading-spinner-small: 16px; --gse-ui-progressAndLoading-spinner-text-fontFamily: 'Noto Sans'; --gse-ui-progressAndLoading-spinner-text-fontWeight: 600; --gse-ui-progressAndLoading-spinner-text-fontSize: 12px; --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px; - --gse-ui-progressAndLoading-textColor: #1b2c48; + --gse-ui-progressAndLoading-textColor: #2a2a2e; --gse-ui-progressAndLoading-loadingState-large-header-fontFamily: Urbanist; --gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700; --gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px; @@ -1415,17 +1393,17 @@ --gse-ui-blankState-gapMessage: 4px; --gse-ui-blankState-gapMain: 12px; --gse-ui-blankState-gapContent: 24px; - --gse-ui-blankState-iconColor: #626e84; - --gse-ui-blankState-foregroundColor: #1b2c48; + --gse-ui-blankState-iconColor: #6a6d75; + --gse-ui-blankState-foregroundColor: #2a2a2e; --gse-ui-blankState-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-blankState-borderRadius: 8px; --gse-ui-modalSideSheet-backgroundColor: #ffffff; - --gse-ui-modalSideSheet-headerColor: #1b2c48; - --gse-ui-modalSideSheet-closeColor: #3e5374; - --gse-ui-modalSideSheet-dividerColor: #c6c8ce; - --gse-ui-modalSideSheet-shroudColor: #3e5374cc; + --gse-ui-modalSideSheet-headerColor: #2a2a2e; + --gse-ui-modalSideSheet-closeColor: #4f5157; + --gse-ui-modalSideSheet-dividerColor: #c1c6d4; + --gse-ui-modalSideSheet-shroudColor: #263b73cc; --gse-ui-modalSideSheet-shroud-opacity: 0.8; - --gse-ui-modalSideSheet-descriptionColor: #3e5374; + --gse-ui-modalSideSheet-descriptionColor: #4f5157; --gse-ui-modalSideSheet-heading-fontFamily: Urbanist; --gse-ui-modalSideSheet-heading-fontWeight: 600; --gse-ui-modalSideSheet-heading-fontSize: 18px; @@ -1447,16 +1425,16 @@ --gse-ui-modalSideSheet-widthSize-md: 560px; --gse-ui-modalSideSheet-widthSize-lg: 960px; --gse-ui-dynamicSideSheet-backgroundColor: #ffffff; - --gse-ui-dynamicSideSheet-headerColor: #1b2c48; - --gse-ui-dynamicSideSheet-closeColor: #3e5374; - --gse-ui-dynamicSideSheet-dividerColor: #c6c8ce; + --gse-ui-dynamicSideSheet-headerColor: #2a2a2e; + --gse-ui-dynamicSideSheet-closeColor: #4f5157; + --gse-ui-dynamicSideSheet-dividerColor: #c1c6d4; --gse-ui-dynamicSideSheet-boxShadow-blur: 6px; --gse-ui-dynamicSideSheet-boxShadow-spread: 1px; --gse-ui-dynamicSideSheet-boxShadow-color: rgba(35, 57, 92, 0.12); --gse-ui-dynamicSideSheet-boxShadow-type: dropShadow; --gse-ui-dynamicSideSheet-boxShadow-offsetX: 0; --gse-ui-dynamicSideSheet-boxShadow-offsetY: 0; - --gse-ui-dynamicSideSheet-descriptionColor: #3e5374; + --gse-ui-dynamicSideSheet-descriptionColor: #4f5157; --gse-ui-dynamicSideSheet-heading-fontFamily: Urbanist; --gse-ui-dynamicSideSheet-heading-fontWeight: 600; --gse-ui-dynamicSideSheet-heading-fontSize: 18px; @@ -1480,10 +1458,10 @@ --gse-ui-accordion-header-padding: 8px 16px 8px 16px; --gse-ui-accordion-header-chevronIcon: 16px; --gse-ui-accordion-header-gap: 8px; - --gse-ui-accordion-header-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #3e5374; - --gse-ui-accordion-header-default-foreground-chevronIcon-open: #1b2c48; - --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #23395d; + --gse-ui-accordion-header-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #4f5157; + --gse-ui-accordion-header-default-foreground-chevronIcon-open: #2a2a2e; + --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3e4044; --gse-ui-accordion-header-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-header-label-defaultText-fontWeight: 700; --gse-ui-accordion-header-label-defaultText-fontSize: 14px; @@ -1494,20 +1472,20 @@ --gse-ui-accordion-menuItem-startIcon: 16px; --gse-ui-accordion-menuItem-parentIcon: 16px; --gse-ui-accordion-menuItem-gap: 8px; - --gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #3e5374; - --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #626e84; - --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #23395d; - --gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe; - --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48; - --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc; + --gse-ui-accordion-menuItem-default-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #4f5157; + --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #6a6d75; + --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #3e4044; + --gse-ui-accordion-menuItem-hover-backgroundColor: #eff3ff; + --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-labelColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #2a2a2e; + --gse-ui-accordion-menuItem-selected-backgroundColor: #adbff0; --gse-ui-accordion-menuItem-focus-borderRadius: 4px; --gse-ui-accordion-menuItem-label-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400; @@ -1521,18 +1499,18 @@ --gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400; --gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px; --gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px; - --gse-ui-accordion-focusBorder-color: #7b88f7; + --gse-ui-accordion-focusBorder-color: #5476d5; --gse-ui-accordion-focusBorder-style: solid; --gse-ui-accordion-focusBorder-width: 2px; --gse-ui-accordion-contentItem-padding: 16px; --gse-ui-accordion-contentItem-gap: 16px; - --gse-ui-accordion-contentItem-foregroundColor: #1b2c48; + --gse-ui-accordion-contentItem-foregroundColor: #2a2a2e; --gse-ui-accordion-contentItem-backgroundColor: #ffffff; --gse-ui-accordion-contentItem-defaultText-fontFamily: 'Noto Sans'; --gse-ui-accordion-contentItem-defaultText-fontWeight: 400; --gse-ui-accordion-contentItem-defaultText-fontSize: 12px; --gse-ui-accordion-contentItem-defaultText-lineHeight: 18px; - --gse-ui-accordion-wrapper-dividerBorder-color: #c6c8ce; + --gse-ui-accordion-wrapper-dividerBorder-color: #c1c6d4; --gse-ui-accordion-wrapper-dividerBorder-width: 1px; --gse-ui-accordion-wrapper-dividerBorder-style: solid; --gse-ui-accordion-focus-offset-gap: 1px; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss index d5d1fcc2ab..25595befa2 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-core.scss @@ -28,57 +28,6 @@ --gse-core-color-white: #ffffff; --gse-core-color-black: #000000; --gse-core-color-transparent: rgba(0, 0, 0, 0); - --gse-core-color-cornflower-100: #f2f2f3; - --gse-core-color-cornflower-200: #e4e5e7; - --gse-core-color-cornflower-300: #c6c8ce; - --gse-core-color-cornflower-400: #a3a7b0; - --gse-core-color-cornflower-500: #767c8d; - --gse-core-color-cornflower-600: #626e84; - --gse-core-color-cornflower-700: #3e5374; - --gse-core-color-cornflower-800: #23395d; - --gse-core-color-cornflower-900: #1b2c48; - --gse-core-color-cornflower-1000: #0f1929; - --gse-core-color-islandaqua-100: #edf8f9; - --gse-core-color-islandaqua-200: #daf0f4; - --gse-core-color-islandaqua-300: #b5e2e8; - --gse-core-color-islandaqua-400: #90d3dd; - --gse-core-color-islandaqua-500: #6bc5d1; - --gse-core-color-islandaqua-600: #46b6c6; - --gse-core-color-islandaqua-700: #2c808c; - --gse-core-color-islandaqua-800: #0c6d7e; - --gse-core-color-islandaqua-900: #115d71; - --gse-core-color-islandaqua-1000: #094052; - --gse-core-color-tomato-100: #fef3f3; - --gse-core-color-tomato-200: #fee8e6; - --gse-core-color-tomato-300: #fecfcb; - --gse-core-color-tomato-400: #feb2ab; - --gse-core-color-tomato-500: #fe8f85; - --gse-core-color-tomato-600: #fe624d; - --gse-core-color-tomato-700: #e35744; - --gse-core-color-tomato-800: #c44b3b; - --gse-core-color-tomato-900: #a03d30; - --gse-core-color-tomato-1000: #712b22; - --gse-core-color-lavenderhaze-100: #fbfcfe; - --gse-core-color-lavenderhaze-200: #f3f5fb; - --gse-core-color-lavenderhaze-300: #e8ebf7; - --gse-core-color-lavenderhaze-400: #d1d7ef; - --gse-core-color-lavenderhaze-500: #c6ceec; - --gse-core-color-lavenderhaze-600: #b5bfe6; - --gse-core-color-lavenderhaze-700: #a8b4e2; - --gse-core-color-lavenderhaze-800: #9ba9dd; - --gse-core-color-lavenderhaze-900: #7785b8; - --gse-core-color-lavenderhaze-1000: #626d97; - --gse-core-color-blueberry-50: #eff0fe; - --gse-core-color-blueberry-100: #dee1fd; - --gse-core-color-blueberry-200: #ced2fc; - --gse-core-color-blueberry-300: #9ca6f9; - --gse-core-color-blueberry-400: #7b88f7; - --gse-core-color-blueberry-500: #5a6af5; - --gse-core-color-blueberry-600: #4856cb; - --gse-core-color-blueberry-700: #3742a2; - --gse-core-color-blueberry-800: #252e78; - --gse-core-color-blueberry-900: #1c2463; - --gse-core-color-blueberry-1000: #141a4f; --gse-core-color-mineral-100: #ddeaf7; --gse-core-color-mineral-200: #cde0f4; --gse-core-color-mineral-300: #bcd6f0; @@ -189,6 +138,68 @@ --gse-core-color-violet-800: #2e275f; --gse-core-color-violet-900: #241e4b; --gse-core-color-violet-1000: #191536; + --gse-core-color-genesysNavy-50: #f0f1f5; + --gse-core-color-genesysNavy-100: #dfe3ec; + --gse-core-color-genesysNavy-200: #bfc6d9; + --gse-core-color-genesysNavy-300: #9faac6; + --gse-core-color-genesysNavy-400: #808db2; + --gse-core-color-genesysNavy-500: #596ea6; + --gse-core-color-genesysNavy-600: #3d538f; + --gse-core-color-genesysNavy-700: #263b73; + --gse-core-color-genesysNavy-800: #152550; + --gse-core-color-genesysNavy-900: #141c34; + --gse-core-color-genesysNavy-950: #141929; + --gse-core-color-genesysNavy-1000: #0f1219; + --gse-core-color-island-50: #e6f4fa; + --gse-core-color-island-100: #cdeaf5; + --gse-core-color-island-200: #9fd6ea; + --gse-core-color-island-300: #81cbe5; + --gse-core-color-island-400: #53bee5; + --gse-core-color-island-500: #28afe0; + --gse-core-color-island-600: #1589b2; + --gse-core-color-island-700: #056385; + --gse-core-color-island-800: #04445c; + --gse-core-color-island-900: #003447; + --gse-core-color-island-950: #002533; + --gse-core-color-island-1000: #00161f; + --gse-core-color-genesysOrange-50: #ffece8; + --gse-core-color-genesysOrange-100: #ffdad1; + --gse-core-color-genesysOrange-200: #ffb5a3; + --gse-core-color-genesysOrange-300: #ff8f76; + --gse-core-color-genesysOrange-400: #ff6a48; + --gse-core-color-genesysOrange-500: #ff451a; + --gse-core-color-genesysOrange-600: #cc3715; + --gse-core-color-genesysOrange-700: #992910; + --gse-core-color-genesysOrange-800: #661c0a; + --gse-core-color-genesysOrange-900: #4d1508; + --gse-core-color-genesysOrange-950: #330e05; + --gse-core-color-genesysOrange-1000: #1a0703; + --gse-core-color-azureBlue-50: #eff3ff; + --gse-core-color-azureBlue-100: #d5def7; + --gse-core-color-azureBlue-200: #adbff0; + --gse-core-color-azureBlue-300: #829ce5; + --gse-core-color-azureBlue-400: #5476d5; + --gse-core-color-azureBlue-500: #2954cb; + --gse-core-color-azureBlue-600: #2143a2; + --gse-core-color-azureBlue-700: #19327a; + --gse-core-color-azureBlue-800: #102251; + --gse-core-color-azureBlue-900: #0c193d; + --gse-core-color-azureBlue-950: #081129; + --gse-core-color-azureBlue-1000: #040814; + --gse-core-color-haze-50: #f5f6fa; + --gse-core-color-haze-100: #ebedf5; + --gse-core-color-haze-150: #dce1ed; + --gse-core-color-haze-200: #cad1e1; + --gse-core-color-haze-300: #c1c6d4; + --gse-core-color-haze-400: #b2b7c4; + --gse-core-color-haze-500: #a3a8b5; + --gse-core-color-haze-600: #848891; + --gse-core-color-haze-700: #6a6d75; + --gse-core-color-haze-800: #4f5157; + --gse-core-color-haze-850: #3e4044; + --gse-core-color-haze-900: #2a2a2e; + --gse-core-color-haze-950: #1e1e21; + --gse-core-color-haze-1000: #131315; --gse-core-fontFamily-roboto: Roboto; --gse-core-fontFamily-urbanist: Urbanist; --gse-core-fontFamily-notoSans: 'Noto Sans'; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss index 9c9cf5e811..e5c99fe776 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-semantic.scss @@ -46,7 +46,8 @@ --gse-semantic-theme-background-system-success-5: #eefcea; --gse-semantic-theme-background-system-success-10: #eefcea; --gse-semantic-theme-background-system-success-20: #95c189; - --gse-semantic-theme-background-system-success-30: #3c8527; + --gse-semantic-theme-background-system-success-30: #95c189; + --gse-semantic-theme-background-system-success-35: #3c8527; --gse-semantic-theme-background-system-success-40: #205a10; --gse-semantic-theme-background-system-success-50: #0d3d00; --gse-semantic-theme-background-system-warning-5: #fdf8ec; @@ -89,10 +90,10 @@ --gse-semantic-theme-background-customAccents-status-10: #09b581; --gse-semantic-theme-background-customAccents-status-20: #e22245; --gse-semantic-theme-background-customAccents-status-30: #f8c73e; - --gse-semantic-theme-background-customAccents-status-40: #4856cb; - --gse-semantic-theme-background-customAccents-status-50: #626e84; + --gse-semantic-theme-background-customAccents-status-40: #2143a2; + --gse-semantic-theme-background-customAccents-status-50: #848891; --gse-semantic-theme-background-customAccents-status-60: #b74ba4; - --gse-semantic-theme-background-customAccents-status-70: #fe624d; + --gse-semantic-theme-background-customAccents-status-70: #ff451a; --gse-semantic-theme-foreground-primary-10: #3e4a5b; --gse-semantic-theme-foreground-primary-20: #2e394c; --gse-semantic-theme-foreground-primary-30: #2e394c; @@ -189,14 +190,19 @@ --gse-semantic-background-container-highConstrast-hover: #172b52; --gse-semantic-background-container-highConstrast-active: #1c3363; --gse-semantic-background-system-error-tonalMedium: #fceaea; + --gse-semantic-background-system-error-tonalHigh: #ea0b0b; --gse-semantic-background-system-error-tonalSubtle: #fceaea; --gse-semantic-background-system-warning-tonalMedium: #fdf8ec; + --gse-semantic-background-system-warning-tonalHigh: #ffae00; --gse-semantic-background-system-warning-tonalSubtle: #fdf8ec; --gse-semantic-background-system-success-tonalMedium: #eefcea; + --gse-semantic-background-system-success-tonalHigh: #95c189; --gse-semantic-background-system-success-tonalSubtle: #eefcea; --gse-semantic-background-system-info-tonalMedium: #deeaff; + --gse-semantic-background-system-info-tonalHigh: #2a60c8; --gse-semantic-background-system-info-tonalSubtle: #deeaff; --gse-semantic-background-system-primary-tonalMedium: #deeaff; + --gse-semantic-background-system-primary-tonalHigh: #2a60c8; --gse-semantic-background-system-primary-tonalSubtle: #deeaff; --gse-semantic-background-system-customAccents-bold-accent_1: #203b73; --gse-semantic-background-system-customAccents-bold-accent_2: #23478f; @@ -228,10 +234,10 @@ --gse-semantic-background-system-status-available: #09b581; --gse-semantic-background-system-status-busy: #e22245; --gse-semantic-background-system-status-away: #f8c73e; - --gse-semantic-background-system-status-onQueue: #4856cb; - --gse-semantic-background-system-status-offline: #626e84; + --gse-semantic-background-system-status-onQueue: #2143a2; + --gse-semantic-background-system-status-offline: #848891; --gse-semantic-background-system-status-outOfOffice: #b74ba4; - --gse-semantic-background-system-status-notification: #fe624d; + --gse-semantic-background-system-status-notification: #ff451a; --gse-semantic-background-formControl-clickInput-track: #6b7585; --gse-semantic-background-formControl-textInput-track: #f6f7f9; --gse-semantic-foreground-interactive-primary-default: #ffffff; diff --git a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss index 862c403357..9d350ff3a0 100644 --- a/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss +++ b/packages/genesys-spark-tokens/snapshot-new/scss/gse-legacy-light-ui.scss @@ -89,7 +89,6 @@ --gse-ui-formControl-focusRing-borderRadius: 4px; --gse-ui-card-backgroundColor: #ffffff; --gse-ui-card-borderRadius: 4px; - --gse-ui-card-borderRadiusCopy: 4px; --gse-ui-card-default-border-color: #b4bccb; --gse-ui-card-default-border-width: 1px; --gse-ui-card-default-border-style: solid; @@ -131,45 +130,32 @@ --gse-ui-tooltip-text-fontWeight: 400; --gse-ui-tooltip-text-fontSize: 12px; --gse-ui-tooltip-text-lineHeight: 18px; + --gse-ui-tooltip-targetOffset: 16px; --gse-ui-tag-borderRadius: 4px; - --gse-ui-tag-default-backgroundColor: #23395d; - --gse-ui-tag-default-foregroundColor: #ffffff; --gse-ui-tag-default-bold-backgroundColor: #203b73; --gse-ui-tag-default-bold-foregroundColor: #ffffff; --gse-ui-tag-default-subtle-backgroundColor: #bbbfd4; --gse-ui-tag-default-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent1-backgroundColor: #e4e5e7; - --gse-ui-tag-accent1-foregroundColor: #1b2c48; --gse-ui-tag-accent1-bold-backgroundColor: #23478f; --gse-ui-tag-accent1-bold-foregroundColor: #ffffff; --gse-ui-tag-accent1-subtle-backgroundColor: #d9e4ff; --gse-ui-tag-accent1-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent2-backgroundColor: #90d3dd; - --gse-ui-tag-accent2-foregroundColor: #1b2c48; --gse-ui-tag-accent2-bold-backgroundColor: #b5b5eb; --gse-ui-tag-accent2-bold-foregroundColor: #2e394c; --gse-ui-tag-accent2-subtle-backgroundColor: #e9e8f9; --gse-ui-tag-accent2-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent3-backgroundColor: #0c6d7e; - --gse-ui-tag-accent3-foregroundColor: #ffffff; --gse-ui-tag-accent3-bold-backgroundColor: #205a10; --gse-ui-tag-accent3-bold-foregroundColor: #ffffff; --gse-ui-tag-accent3-subtle-backgroundColor: #c2deb9; --gse-ui-tag-accent3-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent4-backgroundColor: #547688; - --gse-ui-tag-accent4-foregroundColor: #ffffff; --gse-ui-tag-accent4-bold-backgroundColor: #151d28; --gse-ui-tag-accent4-bold-foregroundColor: #ffffff; --gse-ui-tag-accent4-subtle-backgroundColor: #c8cfda; --gse-ui-tag-accent4-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent5-backgroundColor: #a5cae0; - --gse-ui-tag-accent5-foregroundColor: #1b2c48; --gse-ui-tag-accent5-bold-backgroundColor: #75a8ff; --gse-ui-tag-accent5-bold-foregroundColor: #2e394c; --gse-ui-tag-accent5-subtle-backgroundColor: #d9e4ff; --gse-ui-tag-accent5-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent6-backgroundColor: #b5bfe6; - --gse-ui-tag-accent6-foregroundColor: #1b2c48; --gse-ui-tag-accent6-subtle-backgroundColor: #dcc9f2; --gse-ui-tag-accent6-subtle-foregroundColor: #2e394c; --gse-ui-tag-accent6-bold-backgroundColor: #8452cf; @@ -181,27 +167,19 @@ --gse-ui-tag-padding: 0 12px; --gse-ui-tag-removable-padding: 0 8px 0 12px; --gse-ui-tag-removable-gap: 4px; - --gse-ui-tag-accent7-backgroundColor: #a05195; - --gse-ui-tag-accent7-foregroundColor: #ffffff; --gse-ui-tag-accent7-bold-backgroundColor: #5e5782; --gse-ui-tag-accent7-bold-foregroundColor: #ffffff; --gse-ui-tag-accent7-subtle-backgroundColor: #cdc9d8; --gse-ui-tag-accent7-subtle-foregroundColor: #2e394c; --gse-ui-tag-height: 20px; - --gse-ui-tag-accent8-backgroundColor: #f95d6a; - --gse-ui-tag-accent8-foregroundColor: #1b2c48; --gse-ui-tag-accent8-bold-backgroundColor: #ff8fdd; --gse-ui-tag-accent8-bold-foregroundColor: #2e394c; --gse-ui-tag-accent8-subtle-backgroundColor: #ffdff5; --gse-ui-tag-accent8-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent9-backgroundColor: #fe8f85; - --gse-ui-tag-accent9-foregroundColor: #1b2c48; --gse-ui-tag-accent9-bold-backgroundColor: #755000; --gse-ui-tag-accent9-bold-foregroundColor: #ffffff; --gse-ui-tag-accent9-subtle-backgroundColor: #fcd276; --gse-ui-tag-accent9-subtle-foregroundColor: #2e394c; - --gse-ui-tag-accent10-backgroundColor: #ffc650; - --gse-ui-tag-accent10-foregroundColor: #1b2c48; --gse-ui-tag-accent10-bold-backgroundColor: #ddd933; --gse-ui-tag-accent10-bold-foregroundColor: #2e394c; --gse-ui-tag-accent10-subtle-backgroundColor: #f8f3c6; @@ -222,7 +200,7 @@ --gse-ui-badge-info-bold-foregroundColor: #ffffff; --gse-ui-badge-info-regular-backgroundColor: #deeaff; --gse-ui-badge-info-regular-foregroundColor: #2e394c; - --gse-ui-badge-success-bold-backgroundColor: #3c8527; + --gse-ui-badge-success-bold-backgroundColor: #95c189; --gse-ui-badge-success-bold-foregroundColor: #2e394c; --gse-ui-badge-success-regular-backgroundColor: #eefcea; --gse-ui-badge-success-regular-foregroundColor: #2e394c; @@ -304,7 +282,7 @@ --gse-ui-segmentedControl-button-disabled-foregroundColor: #2a60c8; --gse-ui-segmentedControl-button-default-backgroundColor: rgba(0, 0, 0, 0); --gse-ui-segmentedControl-button-default-foregroundColor: #2a60c8; - --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd; + --gse-ui-segmentedControl-button-hover-backgroundColor: #deeaff; --gse-ui-segmentedControl-button-hover-foregroundColor: #2754ac; --gse-ui-segmentedControl-button-active-backgroundColor: #2a60c8; --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff; @@ -579,7 +557,7 @@ --gse-ui-menu-groupedMenu-title-text-lineHeight: 16px; --gse-ui-menu-groupedMenu-title-text-textCase: uppercase; --gse-ui-menu-groupedMenu-title-text-letterSpacing: 1px; - --gse-ui-menu-groupedMenu-padding: 8px 2px; + --gse-ui-menu-groupedMenu-padding: 8px 1px; --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px; --gse-ui-menu-groupedMenu-divider-height: 13px; --gse-ui-menu-groupedMenu-subtext-foregroundColor: #4c5667; @@ -587,12 +565,12 @@ --gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700; --gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #23395d; + --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #2e394c; --gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Roboto; --gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400; --gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px; --gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px; - --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #626e84; + --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #3e4a5b; --gse-ui-dropdown-gap: 4px; --gse-ui-calendarMenu-day-range-width: 16px; --gse-ui-calendarMenu-day-range-height: 32px; @@ -674,11 +652,11 @@ --gse-ui-datePicker-range-gap: 24px; --gse-ui-datePicker-startEndInput-gap: 8px; --gse-ui-datePicker-dateTyped-gap: 10px; - --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd; + --gse-ui-datePicker-dateTyped-backgroundColor: #e8ecf2; --gse-ui-datePicker-disabled-opacity: 0.5; --gse-ui-datePicker-focusCalendar-gap: 2px; - --gse-ui-datePicker-iconHover: #3742a2; - --gse-ui-datePicker-iconFocus: #3742a2; + --gse-ui-datePicker-iconHover: #2e394c; + --gse-ui-datePicker-iconFocus: #2e394c; --gse-ui-toggle-label-fontFamily: Roboto; --gse-ui-toggle-label-fontWeight: 400; --gse-ui-toggle-label-fontSize: 12px; @@ -779,9 +757,9 @@ --gse-ui-flyoutMenu-parenting-gap: 8px; --gse-ui-flyoutMenu-backgroundColor: #ffffff; --gse-ui-flyoutMenu-arrow-borderRadius: 4px; - --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff0fe; - --gse-ui-phoneInput-dropdown-active-backgroundColor: #ced2fc; - --gse-ui-phoneInput-dropdown-foregroundColor: #626e84; + --gse-ui-phoneInput-dropdown-hover-backgroundColor: #e8ecf2; + --gse-ui-phoneInput-dropdown-active-backgroundColor: #e2e6ee; + --gse-ui-phoneInput-dropdown-foregroundColor: #4c5667; --gse-ui-phoneInput-dropdown-flag-height: 12px; --gse-ui-phoneInput-dropdown-flag-width: 16px; --gse-ui-phoneInput-dropdown-height: 32px; @@ -791,7 +769,7 @@ --gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px; --gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px; --gse-ui-phoneInput-dropdown-gap: 4px; - --gse-ui-phoneInput-countryCode-foregroundColor: #626e84; + --gse-ui-phoneInput-countryCode-foregroundColor: #2e394c; --gse-ui-phoneInput-minWidth: 230px; --gse-ui-contextMenu-button-default: 32px; --gse-ui-contextMenu-button-compact: 24px; @@ -962,7 +940,7 @@ --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px; --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 18px; --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff; - --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48; + --gse-ui-dataTableItems-tablePagination-foregroundColor: #2e394c; --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px; --gse-ui-avatar-groupShapes-gap: -4px; --gse-ui-avatar-large-size: 96px; @@ -997,8 +975,8 @@ ); --gse-ui-avatar-presenceRing-offline: linear-gradient( 135deg, - #767c8d 0%, - #a3a7b0 100% + #848891 0%, + #848891 100% ); --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient( 135deg, @@ -1037,10 +1015,10 @@ --gse-ui-avatar-badge-busy-icon-margin: 2px; --gse-ui-avatar-badge-away-color: #f8c73e; --gse-ui-avatar-badge-away-icon-margin: 2px; - --gse-ui-avatar-badge-onQueue-color: #4856cb; - --gse-ui-avatar-badge-offline-color: #626e84; + --gse-ui-avatar-badge-onQueue-color: #2143a2; + --gse-ui-avatar-badge-offline-color: #848891; --gse-ui-avatar-badge-outOfOffice: #b74ba4; - --gse-ui-avatar-badge-notification-color: #fe624d; + --gse-ui-avatar-badge-notification-color: #ff451a; --gse-ui-avatar-badge-foregroundDefault-color: #ffffff; --gse-ui-avatar-badge-foregroundDark-color: #3e4a5b; --gse-ui-avatar-badge-notifications-icon-margin: 4px; @@ -1060,7 +1038,7 @@ --gse-ui-avatar-media-initialsBackground-accent12: #755000; --gse-ui-avatar-media-initialsBackground-overflowCount: #4c5667; --gse-ui-avatar-media-initialsBackground-add: #e8ecf2; - --gse-ui-avatar-media-initialsForeground-default: #1b2c48; + --gse-ui-avatar-media-initialsForeground-default: #2e394c; --gse-ui-avatar-media-initialsForeground-inverse: #ffffff; --gse-ui-avatar-media-initialsForeground-add: #2e394c; --gse-ui-avatar-hoverModal-shroudColor: #202937cc; @@ -1109,36 +1087,36 @@ --gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px; --gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px; --gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400; - --gse-ui-globalNav-focus-border-color: #7b88f7; - --gse-ui-globalNav-focus-border-width: 3px; + --gse-ui-globalNav-focus-border-color: #aac9ff; + --gse-ui-globalNav-focus-border-width: 2px; --gse-ui-globalNav-focus-border-style: solid; --gse-ui-globalNav-menuOption-height: 32px; --gse-ui-globalNav-menuOption-width: 248px; --gse-ui-globalNav-menuOption-padding: 0px 12px; --gse-ui-globalNav-menuOption-gap: 8px; --gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-hover-backgroundColor: #252e78; + --gse-ui-globalNav-menuOption-hover-backgroundColor: #23478f; --gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-selected-backgroundColor: #2a60c8; --gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff; --gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff; --gse-ui-globalNav-menuOption-focus-borderRadius: 8px; --gse-ui-globalNav-menuOption-borderRadius: 4px; --gse-ui-globalNav-menuOption-disableOpacity: 0.5; - --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #3742a2; + --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #2754ac; --gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-default-backgroundColor: #1c2463; + --gse-ui-globalNav-menuOption-return-default-backgroundColor: #2754ac; --gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #141a4f; + --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #23478f; --gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #4856cb; + --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #2a60c8; --gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff; - --gse-ui-globalNav-menuOption-treeView-bar: #314669; + --gse-ui-globalNav-menuOption-treeView-bar: #b4bccb4d; --gse-ui-globalNav-buttonReturn-height: 48px; --gse-ui-globalNav-buttonReturn-width: 280px; --gse-ui-globalNav-buttonReturn-padding: 16px 28px; --gse-ui-globalNav-buttonReturn-gap: 12px; - --gse-ui-globalNav-treeView-border-color: #3e5374; + --gse-ui-globalNav-treeView-border-color: #b4bccb4d; --gse-ui-globalNav-treeView-border-width: 2px; --gse-ui-globalNav-treeView-border-style: solid; --gse-ui-globalNav-treeView-gap: 8px; @@ -1148,14 +1126,14 @@ --gse-ui-globalNav-topBar-padding: 16px 24px; --gse-ui-globalNav-topBar-height: 64px; --gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff; - --gse-ui-globalNav-topBar-frame-stroke: #c6ceec; + --gse-ui-globalNav-topBar-frame-stroke: #b4bccb; --gse-ui-globalNav-topBar-logo: #ff4f1f; - --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #4856cb; - --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #3742a2; - --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #4856cb; + --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #2a60c8; + --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #2754ac; + --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #2a60c8; --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff; --gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff; - --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #3742a2; + --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #2754ac; --gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff; --gse-ui-globalNav-panel-panelTitle: #ffffff; --gse-ui-globalNav-panel-primary: linear-gradient(