From 1918bb8a0eb827a6fe6c98190cfa0362c39e2476 Mon Sep 17 00:00:00 2001 From: Gareth Jones Date: Wed, 11 Oct 2023 16:27:10 -0400 Subject: [PATCH] Adding tokens for horizontal cards. --- tokens/themes/$themes.json | 237 ++++++++++++++++++++++++++++--------- tokens/themes/classic.json | 154 ++++++++++++++++++++++++ tokens/themes/dark.json | 220 +++++++++++++++++++++------------- tokens/themes/light.json | 220 +++++++++++++++++++++------------- 4 files changed, 616 insertions(+), 215 deletions(-) diff --git a/tokens/themes/$themes.json b/tokens/themes/$themes.json index e07756c8..a36bd0f6 100644 --- a/tokens/themes/$themes.json +++ b/tokens/themes/$themes.json @@ -805,7 +805,50 @@ "click.button.split.secondary.background.main.disabled": "S:ef65d33febe728f739e8ed42e9fc38afa04cf1c2,", "click.button.split.secondary.background.action.disabled": "S:aab1d9e3afd980b407aec0a788335a83af60870b,", "click.button.split.secondary.text.disabled": "S:ff463c0a65a54e4b85fdf8b6629fef979fe2d8f6,", - "typography.styles.product.text.mono.xs": "S:3ea73245db410cd4a7bb99d5392199d9914406d3," + "typography.styles.product.text.mono.xs": "S:3ea73245db410cd4a7bb99d5392199d9914406d3,", + "click.card.horizontal.default.color.background.default": "S:bfb9ed82e2b003fadcc36ba4e2101eb76e79fe9f,", + "click.card.horizontal.default.color.background.hover": "S:8d4c01635d0a7af027df8b9a36aeb85ddf96a13d,", + "click.card.horizontal.default.color.background.active": "S:f8c1100315b155bf4907ad1a6796c885dd61732a,", + "click.card.horizontal.default.color.background.disabled": "S:e011b93b595b53c0f73eb66805d777c8a1c6d4b5,", + "click.card.horizontal.default.color.title.default": "S:12316dfcee8d14959d6a5177ab3694f643171269,", + "click.card.horizontal.default.color.title.hover": "S:1d5315ce75d2559b95808c448986812921a1e388,", + "click.card.horizontal.default.color.title.active": "S:5bdb439b922053176e8ef892c35f54df0888dfd5,", + "click.card.horizontal.default.color.title.disabled": "S:6cefaecfbfd5db3ef12fedd9fc5b77ba28b904a4,", + "click.card.horizontal.default.color.description.default": "S:d25a4a1b81fff194bc9ea4dfb505ac7af6fff6c4,", + "click.card.horizontal.default.color.description.hover": "S:1abc7d4b9f901ed46c4937f3eb6714dfc2a62058,", + "click.card.horizontal.default.color.description.active": "S:51b103b9d71184e76b45b548485d14fe22068c4c,", + "click.card.horizontal.default.color.description.disabled": "S:ced348f874eafc60685bcb0d3db26e71af1dfab8,", + "click.card.horizontal.default.color.stroke.default": "S:37ce3db596e95efbb5d5fe80a0b654bbe11bd909,", + "click.card.horizontal.default.color.stroke.hover": "S:2a1366ec4873946e9905d92819b45c88df7a66ce,", + "click.card.horizontal.default.color.stroke.active": "S:d83fed5e4f0d85834883ba315a51e499b77f7f17,", + "click.card.horizontal.default.color.stroke.disabled": "S:175c66a1d8f4ed11193064e8b070c8ce788f0457,", + "global.color.stroke.default": "S:68190fe7be616c8c90317cf11862f9224445b3c3,", + "global.color.stroke.muted": "S:0de0b4ad777a42357e092be8dfb13b6892378d85,", + "global.color.stroke.intense": "S:a22e8cc90f3e3c63a945dec425f4fb012e0efbd8,", + "global.color.accent.default": "S:066d1c6413cfcf876882716908e7758fa6d8a93f,", + "global.color.background.default": "S:91cdfab4a1a980f2bc528ed53f115b0a2402fd22,", + "global.color.background.muted": "S:91fa4c462e172d1bd2af859e9e94b24cd2556bf9,", + "global.color.text.default": "S:edf27ce215560a43a5dd882202ac8c307a8f4d99,", + "global.color.text.muted": "S:247b31bf09959201cfb0185656a1f5f21d2508a0,", + "global.color.text.link.default": "S:f1ae903a629c11d91981daeef352cc305f780a24,", + "global.color.text.link.hover": "S:10ffebe5844e1b6bf3de4869a5bfc62db97045b9,", + "global.color.outline.default": "S:02edfa8a8f114736f79b8467ed4ee1520260cf36,", + "global.color.shadow.default": "S:e5251b042d846c6e24d307bbe8832b6dd22c35c3,", + "click.card.horizontal.muted.color.background.default": "S:3319363aec1e740a3227ffaf1fef0e5f13838207,", + "click.card.horizontal.muted.color.background.hover": "S:1485300198fbedebacf402c3d443b44d4b4b747b,", + "click.card.horizontal.muted.color.background.active": "S:6bfae35c56060755d436f09e8be47f15c15762cf,", + "click.card.horizontal.muted.color.background.disabled": "S:5afb0d3a66a0ce622024cd5567ac652a49f33fa3,", + "click.card.horizontal.muted.color.title.default": "S:589297e6eeee1c7db76a571f8d53ba1587d40de0,", + "click.card.horizontal.muted.color.title.hover": "S:672ba9ea88bd767407ead32acfa4f28160251725,", + "click.card.horizontal.muted.color.title.active": "S:8ab8449c4b66b1524f76ec51fe58cf4e9bc15be9,", + "click.card.horizontal.muted.color.description.default": "S:49c9a99ff870014e975f130739de3a54daecc564,", + "click.card.horizontal.muted.color.description.hover": "S:0e24dda7616d1a1aeee86040c2bc0a123591ea87,", + "click.card.horizontal.muted.color.description.active": "S:9a34fffeedd914701ad2e18898d4fd439a622f14,", + "click.card.horizontal.muted.color.description.disabled": "S:164cb983d0d220b945e54113b181d6f6d6a9dd17,", + "click.card.horizontal.muted.color.stroke.default": "S:73473806405b48b1ca030013f490bea63a4749ef,", + "click.card.horizontal.muted.color.stroke.hover": "S:68a80a8d4ababfdaeab184925d228e280b98512a,", + "click.card.horizontal.muted.color.stroke.active": "S:218d05acbabce37ad3a56b9980f24b42af3506e6,", + "click.card.horizontal.muted.color.stroke.disabled": "S:2bd5e2f9df8a3917ab29d3c614de03168a5d2036," }, "selectedTokenSets": { "primitives": "enabled", @@ -1050,22 +1093,22 @@ "click.card.secondary.color.stroke.hover": "a077039d81b0ac40839dc45175a86e18b8709510", "click.card.secondary.color.stroke.active": "1f172611092718d4f7df7ab7c8effe1abb2fee6e", "click.card.secondary.color.stroke.disabled": "ee75fe32af9fb7ce2380b49a9e0234308d2be132", - "click.card.horizontal.color.background.default": "dd8cb9b3e43c40c0291106b34ec40ce07ec7ee91", - "click.card.horizontal.color.background.hover": "4bfcca9e60081266ce992033ab37dc72c5db090e", - "click.card.horizontal.color.background.active": "c7cd282b10c28e400a9912097ce8bea7d484e1bf", - "click.card.horizontal.color.background.disabled": "2707b20e0932d83cd55204d177fe0c6a2dbefe5c", - "click.card.horizontal.color.title.default": "0ccb68a59d6f5aaf18e0354569d247dea3fb9625", - "click.card.horizontal.color.title.hover": "107e45d2b70f9aaa558d2ad06b5923a89e4430b0", - "click.card.horizontal.color.title.active": "bdfe95e7e0e69b5da205e5c4958349673a33c47e", - "click.card.horizontal.color.title.disabled": "7a5b858b0a391f44f1bbb0fb92d865caf488b61e", - "click.card.horizontal.color.description.default": "0dff8565d5e39437be570a6f0514310a4fe16e12", - "click.card.horizontal.color.description.hover": "0a4add10633a61fedfc23578fab92391172af223", - "click.card.horizontal.color.description.active": "3406fa7e94d873567c14bc9b8eacace92d79447a", - "click.card.horizontal.color.description.disabled": "fdc0ebfcdaf3e2c9685b5210bc972addb834847d", - "click.card.horizontal.color.stroke.default": "0b47810e319202247bc82c4ed6a94b85ff185280", - "click.card.horizontal.color.stroke.hover": "c96bc4202bb4f94a0e420aee8a6a77b49266eaea", - "click.card.horizontal.color.stroke.active": "83220b835bd5888e885fa93be733222f58074f13", - "click.card.horizontal.color.stroke.disabled": "8ae07f719fa24f2eb084574f0df1672407e1ba0e", + "click.card.horizontal.default.color.background.default": "915d6676ff1bed37dfccaae094f415f5963bbe8a", + "click.card.horizontal.default.color.background.hover": "1be22c25a90430b6990c399cb840ae1e0032e1c7", + "click.card.horizontal.default.color.background.active": "b8892cb8514dcfb3ced403cd88b50bba5f521c84", + "click.card.horizontal.default.color.background.disabled": "94a46225e218ea5df0246fdbf12627c5ba33ba52", + "click.card.horizontal.default.color.title.default": "bd3642725c369aeb986a37e8fe4f94eddb4cf437", + "click.card.horizontal.default.color.title.hover": "70d42f3bd54d836a5305dba08b3c6137369f9381", + "click.card.horizontal.default.color.title.active": "f9479a5883420d9162fac566fe0b2ae9f6978811", + "click.card.horizontal.default.color.title.disabled": "87084f8961ee1cc7bf98d0b1840430f8384dd13b", + "click.card.horizontal.default.color.description.default": "27896c72e57a031d36f28f28f860ebbf6bb1077e", + "click.card.horizontal.default.color.description.hover": "6fa66da7a14f805473cc9b40c18783fb9ddf1a12", + "click.card.horizontal.default.color.description.active": "92824e0321f26f088c7314d4358ce54bb9bfc077", + "click.card.horizontal.default.color.description.disabled": "a9959fdb2e6599eb2231db550626f26b7a889bf2", + "click.card.horizontal.default.color.stroke.default": "9c669c5b376f64525fafc5dbec8ced8a3434035c", + "click.card.horizontal.default.color.stroke.hover": "bddd722c6a8297c28581430728aee3682bc6bfc9", + "click.card.horizontal.default.color.stroke.active": "4f7997890f5866bad5d63b3605a780635b7eea9d", + "click.card.horizontal.default.color.stroke.disabled": "acf448b109c768ae5f926022bc375efe173abada", "click.checkbox.color.background.default": "f72702b3d158d7b2dc90154e91c8ee89eeafbfe4", "click.checkbox.color.background.hover": "35c7cbe93c266f01cf36d11fb0f7db861ff63d6c", "click.checkbox.color.background.active": "ca93eec195e2da0e012c5029a6cb62851d40d2d5", @@ -1298,6 +1341,34 @@ "click.flyout.color.description.default": "da57eccc56992f21f65aacd16d6f373739dfac94", "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c", "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f", + "global.color.stroke.default": "4f3709e142bdd96d21e36a0ad25949266422aab0", + "global.color.stroke.muted": "58d1a250a8d7e8cfbfd3f8ddcafa6bc9fc634da2", + "global.color.stroke.intense": "a4d23fa4eb568e47a10780775117021bc43ead33", + "global.color.accent.default": "8ed82ec568d1afc09061a7730ccfeee153697623", + "global.color.background.default": "321074ab873277070a6e823b50387d1d395c27a7", + "global.color.background.muted": "2c0cf2e2ac6f53eb30dc90b5925c59cd75fb4218", + "global.color.text.default": "986179b392d1913a0e25608c546293e25a30335e", + "global.color.text.muted": "43533a50479e166b4f1e2b15cc424e82d8a9118e", + "global.color.text.link.default": "1c8a5565216076116387d9e72f777d06049d2419", + "global.color.text.link.hover": "d90778cf40bff571e9a99f5023e40e72a09abcfd", + "global.color.outline.default": "d1930239c23212a60a13d27e3b63258e173b9b52", + "global.color.shadow.default": "6f3c9ea078b0e1969d38c9d920021e20e08c72fd", + "click.card.horizontal.muted.color.background.default": "f082f759c26bc3014afe52d23f4af710487edc48", + "click.card.horizontal.muted.color.background.hover": "6ecedb8a1a96f1464c2652fc4d6ec503999fd039", + "click.card.horizontal.muted.color.background.active": "d873f006078ff4c1b9f4d38eb1ccf3ea13757ef0", + "click.card.horizontal.muted.color.background.disabled": "38732a657075d461b888459971925b091284f4bb", + "click.card.horizontal.muted.color.title.default": "37a1fa80e002575beb8785c8098ac86a2a3b3ea7", + "click.card.horizontal.muted.color.title.hover": "203651988229de405793308abef2a84b9db8ee78", + "click.card.horizontal.muted.color.title.active": "b08a84fb0f7087c5b139c55da950ee255663dd3f", + "click.card.horizontal.muted.color.title.disabled": "e35751c2e9620be2198ea1663099702f338b0470", + "click.card.horizontal.muted.color.description.default": "cae495492cb8aa9df555252749a9fa3a750cc505", + "click.card.horizontal.muted.color.description.hover": "e7c5db3973a8c7e1d284fa85243c73021ac3167e", + "click.card.horizontal.muted.color.description.active": "639cef2be142ac131a2727dcc2120ce5496decd1", + "click.card.horizontal.muted.color.description.disabled": "49e64f9863b31056518d3ea21abb3fc8b20c83b7", + "click.card.horizontal.muted.color.stroke.default": "a2a0eda56fe7c85b670c2716a05c2a21d3b108ba", + "click.card.horizontal.muted.color.stroke.hover": "af69f0e34d22c15138295bbc5a8cae3661d7de1c", + "click.card.horizontal.muted.color.stroke.active": "1a30d9c95c8846556249dd4b591dde7b470ebf33", + "click.card.horizontal.muted.color.stroke.disabled": "ed57d50206ff720b9a48e814e98aa108fff89caa", "click.accordion.sm.icon.size.height": "0b00094480e0ef726fcd78757863afabc5ef8ac8", "click.accordion.sm.icon.size.width": "9f490f71be1a1f728dc513ea367a857ada292e31", "click.accordion.sm.space.gap": "28d3e8f36bc608718945d27eb7bbc87c598458b4", @@ -2771,22 +2842,6 @@ "click.card.secondary.color.stroke.hover": "a077039d81b0ac40839dc45175a86e18b8709510", "click.card.secondary.color.stroke.active": "1f172611092718d4f7df7ab7c8effe1abb2fee6e", "click.card.secondary.color.stroke.disabled": "ee75fe32af9fb7ce2380b49a9e0234308d2be132", - "click.card.horizontal.color.background.default": "dd8cb9b3e43c40c0291106b34ec40ce07ec7ee91", - "click.card.horizontal.color.background.hover": "4bfcca9e60081266ce992033ab37dc72c5db090e", - "click.card.horizontal.color.background.active": "c7cd282b10c28e400a9912097ce8bea7d484e1bf", - "click.card.horizontal.color.background.disabled": "2707b20e0932d83cd55204d177fe0c6a2dbefe5c", - "click.card.horizontal.color.title.default": "0ccb68a59d6f5aaf18e0354569d247dea3fb9625", - "click.card.horizontal.color.title.hover": "107e45d2b70f9aaa558d2ad06b5923a89e4430b0", - "click.card.horizontal.color.title.active": "bdfe95e7e0e69b5da205e5c4958349673a33c47e", - "click.card.horizontal.color.title.disabled": "7a5b858b0a391f44f1bbb0fb92d865caf488b61e", - "click.card.horizontal.color.description.default": "0dff8565d5e39437be570a6f0514310a4fe16e12", - "click.card.horizontal.color.description.hover": "0a4add10633a61fedfc23578fab92391172af223", - "click.card.horizontal.color.description.active": "3406fa7e94d873567c14bc9b8eacace92d79447a", - "click.card.horizontal.color.description.disabled": "fdc0ebfcdaf3e2c9685b5210bc972addb834847d", - "click.card.horizontal.color.stroke.default": "0b47810e319202247bc82c4ed6a94b85ff185280", - "click.card.horizontal.color.stroke.hover": "c96bc4202bb4f94a0e420aee8a6a77b49266eaea", - "click.card.horizontal.color.stroke.active": "83220b835bd5888e885fa93be733222f58074f13", - "click.card.horizontal.color.stroke.disabled": "8ae07f719fa24f2eb084574f0df1672407e1ba0e", "click.image.color.stroke": "3acd11482f0baec2af20b2e7dbe34dfa93822d19", "click.popover.color.panel.background.default": "ed79a69e56b0ec35d688844c3da7c85d590cadeb", "click.popover.color.panel.stroke.default": "b786c0333c4560a394ea6b57d5868390eb012715", @@ -2811,6 +2866,50 @@ "click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e", "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c", "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f", + "global.color.background.default": "321074ab873277070a6e823b50387d1d395c27a7", + "global.color.background.muted": "2c0cf2e2ac6f53eb30dc90b5925c59cd75fb4218", + "global.color.text.default": "986179b392d1913a0e25608c546293e25a30335e", + "global.color.text.muted": "43533a50479e166b4f1e2b15cc424e82d8a9118e", + "global.color.text.link.default": "1c8a5565216076116387d9e72f777d06049d2419", + "global.color.text.link.hover": "d90778cf40bff571e9a99f5023e40e72a09abcfd", + "global.color.stroke.default": "4f3709e142bdd96d21e36a0ad25949266422aab0", + "global.color.stroke.muted": "58d1a250a8d7e8cfbfd3f8ddcafa6bc9fc634da2", + "global.color.stroke.intense": "a4d23fa4eb568e47a10780775117021bc43ead33", + "global.color.accent.default": "8ed82ec568d1afc09061a7730ccfeee153697623", + "global.color.outline.default": "d1930239c23212a60a13d27e3b63258e173b9b52", + "global.color.shadow.default": "6f3c9ea078b0e1969d38c9d920021e20e08c72fd", + "click.card.horizontal.default.color.background.default": "915d6676ff1bed37dfccaae094f415f5963bbe8a", + "click.card.horizontal.default.color.background.hover": "1be22c25a90430b6990c399cb840ae1e0032e1c7", + "click.card.horizontal.default.color.background.active": "b8892cb8514dcfb3ced403cd88b50bba5f521c84", + "click.card.horizontal.default.color.background.disabled": "94a46225e218ea5df0246fdbf12627c5ba33ba52", + "click.card.horizontal.default.color.title.default": "bd3642725c369aeb986a37e8fe4f94eddb4cf437", + "click.card.horizontal.default.color.title.hover": "70d42f3bd54d836a5305dba08b3c6137369f9381", + "click.card.horizontal.default.color.title.active": "f9479a5883420d9162fac566fe0b2ae9f6978811", + "click.card.horizontal.default.color.title.disabled": "87084f8961ee1cc7bf98d0b1840430f8384dd13b", + "click.card.horizontal.default.color.description.default": "27896c72e57a031d36f28f28f860ebbf6bb1077e", + "click.card.horizontal.default.color.description.hover": "6fa66da7a14f805473cc9b40c18783fb9ddf1a12", + "click.card.horizontal.default.color.description.active": "92824e0321f26f088c7314d4358ce54bb9bfc077", + "click.card.horizontal.default.color.description.disabled": "a9959fdb2e6599eb2231db550626f26b7a889bf2", + "click.card.horizontal.default.color.stroke.default": "9c669c5b376f64525fafc5dbec8ced8a3434035c", + "click.card.horizontal.default.color.stroke.hover": "bddd722c6a8297c28581430728aee3682bc6bfc9", + "click.card.horizontal.default.color.stroke.active": "4f7997890f5866bad5d63b3605a780635b7eea9d", + "click.card.horizontal.default.color.stroke.disabled": "acf448b109c768ae5f926022bc375efe173abada", + "click.card.horizontal.muted.color.background.default": "f082f759c26bc3014afe52d23f4af710487edc48", + "click.card.horizontal.muted.color.background.hover": "6ecedb8a1a96f1464c2652fc4d6ec503999fd039", + "click.card.horizontal.muted.color.background.active": "d873f006078ff4c1b9f4d38eb1ccf3ea13757ef0", + "click.card.horizontal.muted.color.background.disabled": "38732a657075d461b888459971925b091284f4bb", + "click.card.horizontal.muted.color.title.default": "37a1fa80e002575beb8785c8098ac86a2a3b3ea7", + "click.card.horizontal.muted.color.title.hover": "203651988229de405793308abef2a84b9db8ee78", + "click.card.horizontal.muted.color.title.active": "b08a84fb0f7087c5b139c55da950ee255663dd3f", + "click.card.horizontal.muted.color.title.disabled": "e35751c2e9620be2198ea1663099702f338b0470", + "click.card.horizontal.muted.color.description.default": "cae495492cb8aa9df555252749a9fa3a750cc505", + "click.card.horizontal.muted.color.description.hover": "e7c5db3973a8c7e1d284fa85243c73021ac3167e", + "click.card.horizontal.muted.color.description.active": "639cef2be142ac131a2727dcc2120ce5496decd1", + "click.card.horizontal.muted.color.description.disabled": "49e64f9863b31056518d3ea21abb3fc8b20c83b7", + "click.card.horizontal.muted.color.stroke.default": "a2a0eda56fe7c85b670c2716a05c2a21d3b108ba", + "click.card.horizontal.muted.color.stroke.hover": "af69f0e34d22c15138295bbc5a8cae3661d7de1c", + "click.card.horizontal.muted.color.stroke.active": "1a30d9c95c8846556249dd4b591dde7b470ebf33", + "click.card.horizontal.muted.color.stroke.disabled": "ed57d50206ff720b9a48e814e98aa108fff89caa", "click.accordion.sm.icon.size.height": "0b00094480e0ef726fcd78757863afabc5ef8ac8", "click.accordion.sm.icon.size.width": "9f490f71be1a1f728dc513ea367a857ada292e31", "click.accordion.sm.space.gap": "28d3e8f36bc608718945d27eb7bbc87c598458b4", @@ -3896,12 +3995,6 @@ "click.card.secondary.color.link.hover": "9b4dfb371ffcce09ec4329878a26ebbab994300f", "click.card.secondary.color.link.active": "8074e0d58a8ccb6f6f768d3ba9e37575f67fbfb2", "click.card.secondary.color.link.disabled": "16f62e6a84ecabab71ca48f1bed4ff7bcc095ee2", - "click.flyout.color.background.default": "f6f575cb1172d3a185d3aafc946b8ebe923e6c29", - "click.flyout.color.title.default": "33b88264f0a3751f3cba06f26b4fa29ee6da39b2", - "click.flyout.color.description.default": "da57eccc56992f21f65aacd16d6f373739dfac94", - "click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e", - "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c", - "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f", "click.card.primary.color.background.default": "4dbbcd1621c4db68eedb45c4b0b3cf6ad01aca45", "click.card.primary.color.background.hover": "ee756c3f4fcc71d12dd6c7d7e593b34d799285ee", "click.card.primary.color.background.active": "459065381d47060097479416b3d6a60f7618ebf8", @@ -3918,6 +4011,56 @@ "click.card.primary.color.stroke.hover": "4531360b3fa159380161ef0a4e67a9da3637614b", "click.card.primary.color.stroke.active": "9be4a7e7b015d0a32f49e47d9a8129657983f792", "click.card.primary.color.stroke.disabled": "0ef17ac50884a2f0904603e1fe8a6fb66299b9f5", + "click.flyout.color.background.default": "f6f575cb1172d3a185d3aafc946b8ebe923e6c29", + "click.flyout.color.title.default": "33b88264f0a3751f3cba06f26b4fa29ee6da39b2", + "click.flyout.color.description.default": "da57eccc56992f21f65aacd16d6f373739dfac94", + "click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e", + "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c", + "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f", + "global.color.stroke.default": "4f3709e142bdd96d21e36a0ad25949266422aab0", + "global.color.stroke.muted": "58d1a250a8d7e8cfbfd3f8ddcafa6bc9fc634da2", + "global.color.stroke.intense": "a4d23fa4eb568e47a10780775117021bc43ead33", + "global.color.accent.default": "8ed82ec568d1afc09061a7730ccfeee153697623", + "global.color.background.default": "321074ab873277070a6e823b50387d1d395c27a7", + "global.color.background.muted": "2c0cf2e2ac6f53eb30dc90b5925c59cd75fb4218", + "global.color.text.default": "986179b392d1913a0e25608c546293e25a30335e", + "global.color.text.muted": "43533a50479e166b4f1e2b15cc424e82d8a9118e", + "global.color.text.link.default": "1c8a5565216076116387d9e72f777d06049d2419", + "global.color.text.link.hover": "d90778cf40bff571e9a99f5023e40e72a09abcfd", + "global.color.outline.default": "d1930239c23212a60a13d27e3b63258e173b9b52", + "global.color.shadow.default": "6f3c9ea078b0e1969d38c9d920021e20e08c72fd", + "click.card.horizontal.default.color.background.default": "915d6676ff1bed37dfccaae094f415f5963bbe8a", + "click.card.horizontal.default.color.background.hover": "1be22c25a90430b6990c399cb840ae1e0032e1c7", + "click.card.horizontal.default.color.background.active": "b8892cb8514dcfb3ced403cd88b50bba5f521c84", + "click.card.horizontal.default.color.background.disabled": "94a46225e218ea5df0246fdbf12627c5ba33ba52", + "click.card.horizontal.default.color.title.default": "bd3642725c369aeb986a37e8fe4f94eddb4cf437", + "click.card.horizontal.default.color.title.hover": "70d42f3bd54d836a5305dba08b3c6137369f9381", + "click.card.horizontal.default.color.title.active": "f9479a5883420d9162fac566fe0b2ae9f6978811", + "click.card.horizontal.default.color.title.disabled": "87084f8961ee1cc7bf98d0b1840430f8384dd13b", + "click.card.horizontal.default.color.description.default": "27896c72e57a031d36f28f28f860ebbf6bb1077e", + "click.card.horizontal.default.color.description.hover": "6fa66da7a14f805473cc9b40c18783fb9ddf1a12", + "click.card.horizontal.default.color.description.active": "92824e0321f26f088c7314d4358ce54bb9bfc077", + "click.card.horizontal.default.color.description.disabled": "a9959fdb2e6599eb2231db550626f26b7a889bf2", + "click.card.horizontal.default.color.stroke.default": "9c669c5b376f64525fafc5dbec8ced8a3434035c", + "click.card.horizontal.default.color.stroke.hover": "bddd722c6a8297c28581430728aee3682bc6bfc9", + "click.card.horizontal.default.color.stroke.active": "4f7997890f5866bad5d63b3605a780635b7eea9d", + "click.card.horizontal.default.color.stroke.disabled": "acf448b109c768ae5f926022bc375efe173abada", + "click.card.horizontal.muted.color.background.default": "f082f759c26bc3014afe52d23f4af710487edc48", + "click.card.horizontal.muted.color.background.hover": "6ecedb8a1a96f1464c2652fc4d6ec503999fd039", + "click.card.horizontal.muted.color.background.active": "d873f006078ff4c1b9f4d38eb1ccf3ea13757ef0", + "click.card.horizontal.muted.color.background.disabled": "38732a657075d461b888459971925b091284f4bb", + "click.card.horizontal.muted.color.title.default": "37a1fa80e002575beb8785c8098ac86a2a3b3ea7", + "click.card.horizontal.muted.color.title.hover": "203651988229de405793308abef2a84b9db8ee78", + "click.card.horizontal.muted.color.title.active": "b08a84fb0f7087c5b139c55da950ee255663dd3f", + "click.card.horizontal.muted.color.title.disabled": "e35751c2e9620be2198ea1663099702f338b0470", + "click.card.horizontal.muted.color.description.default": "cae495492cb8aa9df555252749a9fa3a750cc505", + "click.card.horizontal.muted.color.description.hover": "e7c5db3973a8c7e1d284fa85243c73021ac3167e", + "click.card.horizontal.muted.color.description.active": "639cef2be142ac131a2727dcc2120ce5496decd1", + "click.card.horizontal.muted.color.description.disabled": "49e64f9863b31056518d3ea21abb3fc8b20c83b7", + "click.card.horizontal.muted.color.stroke.default": "a2a0eda56fe7c85b670c2716a05c2a21d3b108ba", + "click.card.horizontal.muted.color.stroke.hover": "af69f0e34d22c15138295bbc5a8cae3661d7de1c", + "click.card.horizontal.muted.color.stroke.active": "1a30d9c95c8846556249dd4b591dde7b470ebf33", + "click.card.horizontal.muted.color.stroke.disabled": "ed57d50206ff720b9a48e814e98aa108fff89caa", "click.global.color.stroke.default": "4348bb8bd495232869e7c115f409a03012a6e0a2", "click.global.color.stroke.muted": "1984b11d5b566f3f6f3d35ccc4ae2f96f78e3b6d", "click.global.color.stroke.intense": "21a912ed1e3fe8cc1734473817d3107bf9612796", @@ -4023,22 +4166,6 @@ "click.card.secondary.color.stroke.hover": "a077039d81b0ac40839dc45175a86e18b8709510", "click.card.secondary.color.stroke.active": "1f172611092718d4f7df7ab7c8effe1abb2fee6e", "click.card.secondary.color.stroke.disabled": "ee75fe32af9fb7ce2380b49a9e0234308d2be132", - "click.card.horizontal.color.background.default": "dd8cb9b3e43c40c0291106b34ec40ce07ec7ee91", - "click.card.horizontal.color.background.hover": "4bfcca9e60081266ce992033ab37dc72c5db090e", - "click.card.horizontal.color.background.active": "c7cd282b10c28e400a9912097ce8bea7d484e1bf", - "click.card.horizontal.color.background.disabled": "2707b20e0932d83cd55204d177fe0c6a2dbefe5c", - "click.card.horizontal.color.title.default": "0ccb68a59d6f5aaf18e0354569d247dea3fb9625", - "click.card.horizontal.color.title.hover": "107e45d2b70f9aaa558d2ad06b5923a89e4430b0", - "click.card.horizontal.color.title.active": "bdfe95e7e0e69b5da205e5c4958349673a33c47e", - "click.card.horizontal.color.title.disabled": "7a5b858b0a391f44f1bbb0fb92d865caf488b61e", - "click.card.horizontal.color.description.default": "0dff8565d5e39437be570a6f0514310a4fe16e12", - "click.card.horizontal.color.description.hover": "0a4add10633a61fedfc23578fab92391172af223", - "click.card.horizontal.color.description.active": "3406fa7e94d873567c14bc9b8eacace92d79447a", - "click.card.horizontal.color.description.disabled": "fdc0ebfcdaf3e2c9685b5210bc972addb834847d", - "click.card.horizontal.color.stroke.default": "0b47810e319202247bc82c4ed6a94b85ff185280", - "click.card.horizontal.color.stroke.hover": "c96bc4202bb4f94a0e420aee8a6a77b49266eaea", - "click.card.horizontal.color.stroke.active": "83220b835bd5888e885fa93be733222f58074f13", - "click.card.horizontal.color.stroke.disabled": "8ae07f719fa24f2eb084574f0df1672407e1ba0e", "click.checkbox.color.background.default": "f72702b3d158d7b2dc90154e91c8ee89eeafbfe4", "click.checkbox.color.background.hover": "35c7cbe93c266f01cf36d11fb0f7db861ff63d6c", "click.checkbox.color.background.active": "ca93eec195e2da0e012c5029a6cb62851d40d2d5", diff --git a/tokens/themes/classic.json b/tokens/themes/classic.json index 22410357..b5e0130e 100644 --- a/tokens/themes/classic.json +++ b/tokens/themes/classic.json @@ -1222,6 +1222,160 @@ } } } + }, + "horizontal": { + "default": { + "color": { + "background": { + "default": { + "value": "{click.global.color.background.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.background.disabled}", + "type": "color" + } + }, + "title": { + "default": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.text.disabled}", + "type": "color" + } + }, + "description": { + "default": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.card.primary.color.title.disabled}", + "type": "color" + } + }, + "stroke": { + "default": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "active": { + "value": "{click.card.primary.color.stroke.active}", + "type": "color" + }, + "disabled": { + "value": "{click.field.color.stroke.disabled}", + "type": "color" + } + } + } + }, + "muted": { + "color": { + "background": { + "default": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.background.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.background.disabled}", + "type": "color" + } + }, + "title": { + "default": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "disabled": { + "value": "{click.card.horizontal.default.color.title.disabled}", + "type": "color" + } + }, + "description": { + "default": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.card.primary.color.title.disabled}", + "type": "color" + } + }, + "stroke": { + "default": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "active": { + "value": "{click.card.primary.color.stroke.active}", + "type": "color" + }, + "disabled": { + "value": "{click.field.color.stroke.disabled}", + "type": "color" + } + } + } + } } }, "flyout": { diff --git a/tokens/themes/dark.json b/tokens/themes/dark.json index 3021fff7..eb0ee8a3 100644 --- a/tokens/themes/dark.json +++ b/tokens/themes/dark.json @@ -2849,95 +2849,155 @@ } }, "horizontal": { - "color": { - "background": { - "default": { - "value": "{click.global.color.background.default}", - "type": "color" - }, - "hover": { - "value": "{click.global.color.background.muted}", - "type": "color" - }, - "active": { - "value": "{click.global.color.background.muted}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "darken", - "value": "0.05", - "space": "lch" - } - } + "default": { + "color": { + "background": { + "default": { + "value": "{click.global.color.background.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.background.disabled}", + "type": "color" } }, - "disabled": { - "value": "{click.button.basic.color.primary.background.disabled}", - "type": "color" - } - }, - "title": { - "default": { - "value": "{click.global.color.text.default}", - "type": "color" - }, - "hover": { - "value": "{click.global.color.text.default}", - "type": "color" - }, - "active": { - "value": "{click.global.color.text.default}", - "type": "color" - }, - "disabled": { - "value": "{click.button.basic.color.primary.text.disabled}", - "type": "color" - } - }, - "description": { - "default": { - "value": "{click.global.color.text.muted}", - "type": "color" - }, - "hover": { - "value": "{click.global.color.text.muted}", - "type": "color" + "title": { + "default": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.text.disabled}", + "type": "color" + } }, - "active": { - "value": "{click.global.color.text.muted}", - "type": "color" + "description": { + "default": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.card.primary.color.title.disabled}", + "type": "color" + } }, - "disabled": { - "value": "{click.card.primary.color.title.disabled}", - "type": "color" + "stroke": { + "default": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "active": { + "value": "{click.card.primary.color.stroke.active}", + "type": "color" + }, + "disabled": { + "value": "{click.field.color.stroke.disabled}", + "type": "color" + } } - }, - "stroke": { - "default": { - "value": "{click.global.color.stroke.default}", - "type": "color" + } + }, + "muted": { + "color": { + "background": { + "default": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.background.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.background.disabled}", + "type": "color" + } }, - "hover": { - "value": "{click.global.color.stroke.default}", - "type": "color" + "title": { + "default": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "disabled": { + "value": "{click.card.horizontal.default.color.title.disabled}", + "type": "color" + } }, - "active": { - "value": "{click.global.color.stroke.default}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "darken", - "value": "0.05", - "space": "lch" - } - } + "description": { + "default": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.card.primary.color.title.disabled}", + "type": "color" } }, - "disabled": { - "value": "{click.field.color.stroke.disabled}", - "type": "color" + "stroke": { + "default": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "active": { + "value": "{click.card.primary.color.stroke.active}", + "type": "color" + }, + "disabled": { + "value": "{click.field.color.stroke.disabled}", + "type": "color" + } } } } diff --git a/tokens/themes/light.json b/tokens/themes/light.json index 7efa1300..dba88ea5 100644 --- a/tokens/themes/light.json +++ b/tokens/themes/light.json @@ -1540,95 +1540,155 @@ } }, "horizontal": { - "color": { - "background": { - "default": { - "value": "{click.global.color.background.default}", - "type": "color" - }, - "hover": { - "value": "{click.global.color.background.muted}", - "type": "color" - }, - "active": { - "value": "{click.global.color.background.muted}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "darken", - "value": "0.05", - "space": "lch" - } - } + "default": { + "color": { + "background": { + "default": { + "value": "{click.global.color.background.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.background.disabled}", + "type": "color" } }, - "disabled": { - "value": "{click.button.basic.color.primary.background.disabled}", - "type": "color" - } - }, - "title": { - "default": { - "value": "{click.global.color.text.default}", - "type": "color" - }, - "hover": { - "value": "{click.global.color.text.default}", - "type": "color" - }, - "active": { - "value": "{click.global.color.text.default}", - "type": "color" - }, - "disabled": { - "value": "{click.button.basic.color.primary.text.disabled}", - "type": "color" - } - }, - "description": { - "default": { - "value": "{click.global.color.text.muted}", - "type": "color" - }, - "hover": { - "value": "{click.global.color.text.muted}", - "type": "color" + "title": { + "default": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.text.disabled}", + "type": "color" + } }, - "active": { - "value": "{click.global.color.text.muted}", - "type": "color" + "description": { + "default": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.card.primary.color.title.disabled}", + "type": "color" + } }, - "disabled": { - "value": "{click.card.primary.color.title.disabled}", - "type": "color" + "stroke": { + "default": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "active": { + "value": "{click.card.primary.color.stroke.active}", + "type": "color" + }, + "disabled": { + "value": "{click.field.color.stroke.disabled}", + "type": "color" + } } - }, - "stroke": { - "default": { - "value": "{click.global.color.stroke.default}", - "type": "color" + } + }, + "muted": { + "color": { + "background": { + "default": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.background.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.background.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.button.basic.color.primary.background.disabled}", + "type": "color" + } }, - "hover": { - "value": "{click.global.color.stroke.default}", - "type": "color" + "title": { + "default": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.default}", + "type": "color" + }, + "disabled": { + "value": "{click.card.horizontal.default.color.title.disabled}", + "type": "color" + } }, - "active": { - "value": "{click.global.color.stroke.default}", - "type": "color", - "$extensions": { - "studio.tokens": { - "modify": { - "type": "darken", - "value": "0.05", - "space": "lch" - } - } + "description": { + "default": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "active": { + "value": "{click.global.color.text.muted}", + "type": "color" + }, + "disabled": { + "value": "{click.card.primary.color.title.disabled}", + "type": "color" } }, - "disabled": { - "value": "{click.field.color.stroke.disabled}", - "type": "color" + "stroke": { + "default": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "hover": { + "value": "{click.global.color.stroke.default}", + "type": "color" + }, + "active": { + "value": "{click.card.primary.color.stroke.active}", + "type": "color" + }, + "disabled": { + "value": "{click.field.color.stroke.disabled}", + "type": "color" + } } } }