Skip to content

Commit

Permalink
Adding a border to active state for the cards.
Browse files Browse the repository at this point in the history
  • Loading branch information
@gjones
gjones committed Oct 10, 2023
1 parent 7e9d370 commit 72afe59
Show file tree
Hide file tree
Showing 4 changed files with 161 additions and 106 deletions.
155 changes: 78 additions & 77 deletions tokens/themes/$themes.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -804,7 +804,8 @@
"click.button.split.secondary.divide.disabled": "S:849d575e552f858a1be4e4034d287516d64bf6ed,",
"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,"
"click.button.split.secondary.text.disabled": "S:ff463c0a65a54e4b85fdf8b6629fef979fe2d8f6,",
"typography.styles.product.text.mono.xs": "S:3ea73245db410cd4a7bb99d5392199d9914406d3,"
},
"selectedTokenSets": {
"primitives": "enabled",
Expand Down Expand Up @@ -951,6 +952,26 @@
"click.button.split.primary.stroke.hover": "07cf8ea4145f18a61c91a59485d2abcac5d2e72a",
"click.button.split.primary.stroke.active": "a1b86d6ace52445e9a95e857bbaebc7a0ad17319",
"click.button.split.primary.stroke.disabled": "366b6b2681bb817b8977a662fafb891486cc3fa0",
"click.button.split.secondary.divide.default": "1a27cb10cae0456ccf456beedced55497e7befbc",
"click.button.split.secondary.divide.hover": "28137fd7e94263b4e460f0644999673feb73556f",
"click.button.split.secondary.divide.active": "fc72dca1f0b6c3ef45e8e1bb510baa64138a0af2",
"click.button.split.secondary.divide.disabled": "7e1c062e1100513d825469daf1550b9bae9a84a5",
"click.button.split.secondary.background.main.default": "c2b4080d70ec35bb943f2a6261e14eddf6e6e7ad",
"click.button.split.secondary.background.main.hover": "b32087d1eab0b965a8dcdc9e35cc0adf648e78f7",
"click.button.split.secondary.background.main.active": "10ccb3b282bc31837d85236b23ea98130e6941ba",
"click.button.split.secondary.background.main.disabled": "4e853824b4d135692dc14d124969bdf5c89fb6e3",
"click.button.split.secondary.background.action.default": "27c29cbae0987d1382be226548b42f59638727ac",
"click.button.split.secondary.background.action.hover": "bc199220b9ca258b87f0ee3db83e162a1f283e40",
"click.button.split.secondary.background.action.active": "63da448287f308079ea7de30faaa50c377359847",
"click.button.split.secondary.background.action.disabled": "583631858f11abb3cc11183c8f14ac971cc05ea9",
"click.button.split.secondary.text.default": "57d836a1a40fefe5a55f5f97ea2175b2feff6c3d",
"click.button.split.secondary.text.hover": "f376b9808b92d587201a3d173c06c546e11c64f8",
"click.button.split.secondary.text.active": "d8a6f7888ae7fe59ede6ad8824df868d9bada12a",
"click.button.split.secondary.text.disabled": "3d50ecfcdd68eb57125061eef0a1995e8879bb1a",
"click.button.split.secondary.stroke.default": "10f8243e7a095b7f9fb7e25fa09fbedea73a31c7",
"click.button.split.secondary.stroke.hover": "0be3a9fb48264bf33cec946b1c1f8f399e45f8c4",
"click.button.split.secondary.stroke.active": "ef3f15498b7239993561fb2336bedc4523496030",
"click.button.split.secondary.stroke.disabled": "693aa7fdbc787f14797dfcfb597129e317ac1653",
"click.button.iconButton.color.primary.background.default": "a0b54465414b7a8542460b5bd85247fc63d22229",
"click.button.iconButton.color.primary.background.hover": "2a111934ad1125fab9742c4b7d68f56ad8599b4b",
"click.button.iconButton.color.primary.background.active": "54884c56fb5bf78a87df0489bba5007c0f059297",
Expand Down Expand Up @@ -1277,26 +1298,6 @@
"click.flyout.color.description.default": "da57eccc56992f21f65aacd16d6f373739dfac94",
"click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c",
"click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f",
"click.button.split.secondary.divide.default": "1a27cb10cae0456ccf456beedced55497e7befbc",
"click.button.split.secondary.divide.hover": "28137fd7e94263b4e460f0644999673feb73556f",
"click.button.split.secondary.divide.active": "fc72dca1f0b6c3ef45e8e1bb510baa64138a0af2",
"click.button.split.secondary.divide.disabled": "7e1c062e1100513d825469daf1550b9bae9a84a5",
"click.button.split.secondary.background.main.default": "c2b4080d70ec35bb943f2a6261e14eddf6e6e7ad",
"click.button.split.secondary.background.main.hover": "b32087d1eab0b965a8dcdc9e35cc0adf648e78f7",
"click.button.split.secondary.background.main.active": "10ccb3b282bc31837d85236b23ea98130e6941ba",
"click.button.split.secondary.background.main.disabled": "4e853824b4d135692dc14d124969bdf5c89fb6e3",
"click.button.split.secondary.background.action.default": "27c29cbae0987d1382be226548b42f59638727ac",
"click.button.split.secondary.background.action.hover": "bc199220b9ca258b87f0ee3db83e162a1f283e40",
"click.button.split.secondary.background.action.active": "63da448287f308079ea7de30faaa50c377359847",
"click.button.split.secondary.background.action.disabled": "583631858f11abb3cc11183c8f14ac971cc05ea9",
"click.button.split.secondary.text.default": "57d836a1a40fefe5a55f5f97ea2175b2feff6c3d",
"click.button.split.secondary.text.hover": "f376b9808b92d587201a3d173c06c546e11c64f8",
"click.button.split.secondary.text.active": "d8a6f7888ae7fe59ede6ad8824df868d9bada12a",
"click.button.split.secondary.text.disabled": "3d50ecfcdd68eb57125061eef0a1995e8879bb1a",
"click.button.split.secondary.stroke.default": "10f8243e7a095b7f9fb7e25fa09fbedea73a31c7",
"click.button.split.secondary.stroke.hover": "0be3a9fb48264bf33cec946b1c1f8f399e45f8c4",
"click.button.split.secondary.stroke.active": "ef3f15498b7239993561fb2336bedc4523496030",
"click.button.split.secondary.stroke.disabled": "693aa7fdbc787f14797dfcfb597129e317ac1653",
"click.accordion.sm.icon.size.height": "0b00094480e0ef726fcd78757863afabc5ef8ac8",
"click.accordion.sm.icon.size.width": "9f490f71be1a1f728dc513ea367a857ada292e31",
"click.accordion.sm.space.gap": "28d3e8f36bc608718945d27eb7bbc87c598458b4",
Expand Down Expand Up @@ -2459,6 +2460,26 @@
"click.button.split.primary.divide.hover": "775bf0f4eace300623adbedc3a66aaea7a8e7971",
"click.button.split.primary.divide.active": "f918d9ffe19921decef827b5a1de35adf828d7ef",
"click.button.split.primary.divide.disabled": "5d5aadbc052ec4e92493f52e0c9ea62d43f0e3d5",
"click.button.split.secondary.divide.default": "1a27cb10cae0456ccf456beedced55497e7befbc",
"click.button.split.secondary.divide.hover": "28137fd7e94263b4e460f0644999673feb73556f",
"click.button.split.secondary.divide.active": "fc72dca1f0b6c3ef45e8e1bb510baa64138a0af2",
"click.button.split.secondary.divide.disabled": "7e1c062e1100513d825469daf1550b9bae9a84a5",
"click.button.split.secondary.background.main.default": "c2b4080d70ec35bb943f2a6261e14eddf6e6e7ad",
"click.button.split.secondary.background.main.hover": "b32087d1eab0b965a8dcdc9e35cc0adf648e78f7",
"click.button.split.secondary.background.main.active": "10ccb3b282bc31837d85236b23ea98130e6941ba",
"click.button.split.secondary.background.main.disabled": "4e853824b4d135692dc14d124969bdf5c89fb6e3",
"click.button.split.secondary.background.action.default": "27c29cbae0987d1382be226548b42f59638727ac",
"click.button.split.secondary.background.action.hover": "bc199220b9ca258b87f0ee3db83e162a1f283e40",
"click.button.split.secondary.background.action.active": "63da448287f308079ea7de30faaa50c377359847",
"click.button.split.secondary.background.action.disabled": "583631858f11abb3cc11183c8f14ac971cc05ea9",
"click.button.split.secondary.text.default": "57d836a1a40fefe5a55f5f97ea2175b2feff6c3d",
"click.button.split.secondary.text.hover": "f376b9808b92d587201a3d173c06c546e11c64f8",
"click.button.split.secondary.text.active": "d8a6f7888ae7fe59ede6ad8824df868d9bada12a",
"click.button.split.secondary.text.disabled": "3d50ecfcdd68eb57125061eef0a1995e8879bb1a",
"click.button.split.secondary.stroke.default": "10f8243e7a095b7f9fb7e25fa09fbedea73a31c7",
"click.button.split.secondary.stroke.hover": "0be3a9fb48264bf33cec946b1c1f8f399e45f8c4",
"click.button.split.secondary.stroke.active": "ef3f15498b7239993561fb2336bedc4523496030",
"click.button.split.secondary.stroke.disabled": "693aa7fdbc787f14797dfcfb597129e317ac1653",
"click.button.alignedLeft.color.background.default": "7fc8b8c9ea0c5c0ad89efdb3838712560c0e2094",
"click.button.alignedLeft.color.background.hover": "5551374d718389a02519d96e99568fbc09db5c08",
"click.button.alignedLeft.color.background.active": "20a9aefc26ba04e374df60358115c9348cd2d611",
Expand Down Expand Up @@ -2790,26 +2811,6 @@
"click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e",
"click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c",
"click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f",
"click.button.split.secondary.divide.default": "1a27cb10cae0456ccf456beedced55497e7befbc",
"click.button.split.secondary.divide.hover": "28137fd7e94263b4e460f0644999673feb73556f",
"click.button.split.secondary.divide.active": "fc72dca1f0b6c3ef45e8e1bb510baa64138a0af2",
"click.button.split.secondary.divide.disabled": "7e1c062e1100513d825469daf1550b9bae9a84a5",
"click.button.split.secondary.background.main.default": "c2b4080d70ec35bb943f2a6261e14eddf6e6e7ad",
"click.button.split.secondary.background.main.hover": "b32087d1eab0b965a8dcdc9e35cc0adf648e78f7",
"click.button.split.secondary.background.main.active": "10ccb3b282bc31837d85236b23ea98130e6941ba",
"click.button.split.secondary.background.main.disabled": "4e853824b4d135692dc14d124969bdf5c89fb6e3",
"click.button.split.secondary.background.action.default": "27c29cbae0987d1382be226548b42f59638727ac",
"click.button.split.secondary.background.action.hover": "bc199220b9ca258b87f0ee3db83e162a1f283e40",
"click.button.split.secondary.background.action.active": "63da448287f308079ea7de30faaa50c377359847",
"click.button.split.secondary.background.action.disabled": "583631858f11abb3cc11183c8f14ac971cc05ea9",
"click.button.split.secondary.text.default": "57d836a1a40fefe5a55f5f97ea2175b2feff6c3d",
"click.button.split.secondary.text.hover": "f376b9808b92d587201a3d173c06c546e11c64f8",
"click.button.split.secondary.text.active": "d8a6f7888ae7fe59ede6ad8824df868d9bada12a",
"click.button.split.secondary.text.disabled": "3d50ecfcdd68eb57125061eef0a1995e8879bb1a",
"click.button.split.secondary.stroke.default": "10f8243e7a095b7f9fb7e25fa09fbedea73a31c7",
"click.button.split.secondary.stroke.hover": "0be3a9fb48264bf33cec946b1c1f8f399e45f8c4",
"click.button.split.secondary.stroke.active": "ef3f15498b7239993561fb2336bedc4523496030",
"click.button.split.secondary.stroke.disabled": "693aa7fdbc787f14797dfcfb597129e317ac1653",
"click.accordion.sm.icon.size.height": "0b00094480e0ef726fcd78757863afabc5ef8ac8",
"click.accordion.sm.icon.size.width": "9f490f71be1a1f728dc513ea367a857ada292e31",
"click.accordion.sm.space.gap": "28d3e8f36bc608718945d27eb7bbc87c598458b4",
Expand Down Expand Up @@ -3823,6 +3824,26 @@
"click.button.split.primary.divide.hover": "775bf0f4eace300623adbedc3a66aaea7a8e7971",
"click.button.split.primary.divide.active": "f918d9ffe19921decef827b5a1de35adf828d7ef",
"click.button.split.primary.divide.disabled": "5d5aadbc052ec4e92493f52e0c9ea62d43f0e3d5",
"click.button.split.secondary.divide.default": "1a27cb10cae0456ccf456beedced55497e7befbc",
"click.button.split.secondary.divide.active": "fc72dca1f0b6c3ef45e8e1bb510baa64138a0af2",
"click.button.split.secondary.divide.hover": "28137fd7e94263b4e460f0644999673feb73556f",
"click.button.split.secondary.divide.disabled": "7e1c062e1100513d825469daf1550b9bae9a84a5",
"click.button.split.secondary.background.main.default": "c2b4080d70ec35bb943f2a6261e14eddf6e6e7ad",
"click.button.split.secondary.background.main.hover": "b32087d1eab0b965a8dcdc9e35cc0adf648e78f7",
"click.button.split.secondary.background.main.active": "10ccb3b282bc31837d85236b23ea98130e6941ba",
"click.button.split.secondary.background.main.disabled": "4e853824b4d135692dc14d124969bdf5c89fb6e3",
"click.button.split.secondary.background.action.default": "27c29cbae0987d1382be226548b42f59638727ac",
"click.button.split.secondary.background.action.hover": "bc199220b9ca258b87f0ee3db83e162a1f283e40",
"click.button.split.secondary.background.action.active": "63da448287f308079ea7de30faaa50c377359847",
"click.button.split.secondary.background.action.disabled": "583631858f11abb3cc11183c8f14ac971cc05ea9",
"click.button.split.secondary.text.default": "57d836a1a40fefe5a55f5f97ea2175b2feff6c3d",
"click.button.split.secondary.text.hover": "f376b9808b92d587201a3d173c06c546e11c64f8",
"click.button.split.secondary.text.active": "d8a6f7888ae7fe59ede6ad8824df868d9bada12a",
"click.button.split.secondary.text.disabled": "3d50ecfcdd68eb57125061eef0a1995e8879bb1a",
"click.button.split.secondary.stroke.default": "10f8243e7a095b7f9fb7e25fa09fbedea73a31c7",
"click.button.split.secondary.stroke.hover": "0be3a9fb48264bf33cec946b1c1f8f399e45f8c4",
"click.button.split.secondary.stroke.active": "ef3f15498b7239993561fb2336bedc4523496030",
"click.button.split.secondary.stroke.disabled": "693aa7fdbc787f14797dfcfb597129e317ac1653",
"click.button.iconButton.color.primary.background.default": "a0b54465414b7a8542460b5bd85247fc63d22229",
"click.button.iconButton.color.primary.background.hover": "2a111934ad1125fab9742c4b7d68f56ad8599b4b",
"click.button.iconButton.color.primary.background.active": "54884c56fb5bf78a87df0489bba5007c0f059297",
Expand Down Expand Up @@ -3881,26 +3902,22 @@
"click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e",
"click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c",
"click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f",
"click.button.split.secondary.divide.default": "1a27cb10cae0456ccf456beedced55497e7befbc",
"click.button.split.secondary.divide.active": "fc72dca1f0b6c3ef45e8e1bb510baa64138a0af2",
"click.button.split.secondary.divide.hover": "28137fd7e94263b4e460f0644999673feb73556f",
"click.button.split.secondary.divide.disabled": "7e1c062e1100513d825469daf1550b9bae9a84a5",
"click.button.split.secondary.background.main.default": "c2b4080d70ec35bb943f2a6261e14eddf6e6e7ad",
"click.button.split.secondary.background.main.hover": "b32087d1eab0b965a8dcdc9e35cc0adf648e78f7",
"click.button.split.secondary.background.main.active": "10ccb3b282bc31837d85236b23ea98130e6941ba",
"click.button.split.secondary.background.main.disabled": "4e853824b4d135692dc14d124969bdf5c89fb6e3",
"click.button.split.secondary.background.action.default": "27c29cbae0987d1382be226548b42f59638727ac",
"click.button.split.secondary.background.action.hover": "bc199220b9ca258b87f0ee3db83e162a1f283e40",
"click.button.split.secondary.background.action.active": "63da448287f308079ea7de30faaa50c377359847",
"click.button.split.secondary.background.action.disabled": "583631858f11abb3cc11183c8f14ac971cc05ea9",
"click.button.split.secondary.text.default": "57d836a1a40fefe5a55f5f97ea2175b2feff6c3d",
"click.button.split.secondary.text.hover": "f376b9808b92d587201a3d173c06c546e11c64f8",
"click.button.split.secondary.text.active": "d8a6f7888ae7fe59ede6ad8824df868d9bada12a",
"click.button.split.secondary.text.disabled": "3d50ecfcdd68eb57125061eef0a1995e8879bb1a",
"click.button.split.secondary.stroke.default": "10f8243e7a095b7f9fb7e25fa09fbedea73a31c7",
"click.button.split.secondary.stroke.hover": "0be3a9fb48264bf33cec946b1c1f8f399e45f8c4",
"click.button.split.secondary.stroke.active": "ef3f15498b7239993561fb2336bedc4523496030",
"click.button.split.secondary.stroke.disabled": "693aa7fdbc787f14797dfcfb597129e317ac1653",
"click.card.primary.color.background.default": "4dbbcd1621c4db68eedb45c4b0b3cf6ad01aca45",
"click.card.primary.color.background.hover": "ee756c3f4fcc71d12dd6c7d7e593b34d799285ee",
"click.card.primary.color.background.active": "459065381d47060097479416b3d6a60f7618ebf8",
"click.card.primary.color.background.disabled": "63e4e46b9d8cfe8dd779621ead3194095fe82cb2",
"click.card.primary.color.title.default": "ae7744b0c1bc1ff09dc9bcfb3b9e6843f0c59b35",
"click.card.primary.color.title.hover": "0e5f6b945b9eb45f1eb13280743fef3d4dab9ea8",
"click.card.primary.color.title.active": "84697f9eb23c7a50840bcb5a33ebffe17319417a",
"click.card.primary.color.title.disabled": "5a139925c57b441f6db388d1fe5f02ff22be0576",
"click.card.primary.color.description.default": "64b57f4b96703d825e033055e2fa81163b26abce",
"click.card.primary.color.description.hover": "8141be7a1e1037fdb07c116e9ac1f2ba4cbc9c7f",
"click.card.primary.color.description.active": "12b7790a4aebb419023cf2c4a3044560f38e67f1",
"click.card.primary.color.description.disabled": "637c2cb8fde24f1241d44ff8fa20e38bfe55fec8",
"click.card.primary.color.stroke.default": "ee5c0a7ee71ca9855d4d83b0355208ff47b84742",
"click.card.primary.color.stroke.hover": "4531360b3fa159380161ef0a4e67a9da3637614b",
"click.card.primary.color.stroke.active": "9be4a7e7b015d0a32f49e47d9a8129657983f792",
"click.card.primary.color.stroke.disabled": "0ef17ac50884a2f0904603e1fe8a6fb66299b9f5",
"click.global.color.stroke.default": "4348bb8bd495232869e7c115f409a03012a6e0a2",
"click.global.color.stroke.muted": "1984b11d5b566f3f6f3d35ccc4ae2f96f78e3b6d",
"click.global.color.stroke.intense": "21a912ed1e3fe8cc1734473817d3107bf9612796",
Expand Down Expand Up @@ -3990,22 +4007,6 @@
"click.button.basic.color.danger.stroke.hover": "21f92498b314b47f4d6fca65cc2e82d61442f34a",
"click.button.basic.color.danger.stroke.active": "d1f1d2529fe111e46dced73a57538cd01ff3d4a6",
"click.button.basic.color.danger.stroke.disabled": "62d6b6f6f771c374ece28e562d71033ad663a2d5",
"click.card.primary.color.background.default": "4dbbcd1621c4db68eedb45c4b0b3cf6ad01aca45",
"click.card.primary.color.background.hover": "ee756c3f4fcc71d12dd6c7d7e593b34d799285ee",
"click.card.primary.color.background.active": "459065381d47060097479416b3d6a60f7618ebf8",
"click.card.primary.color.background.disabled": "63e4e46b9d8cfe8dd779621ead3194095fe82cb2",
"click.card.primary.color.title.default": "ae7744b0c1bc1ff09dc9bcfb3b9e6843f0c59b35",
"click.card.primary.color.title.hover": "0e5f6b945b9eb45f1eb13280743fef3d4dab9ea8",
"click.card.primary.color.title.active": "84697f9eb23c7a50840bcb5a33ebffe17319417a",
"click.card.primary.color.title.disabled": "5a139925c57b441f6db388d1fe5f02ff22be0576",
"click.card.primary.color.description.default": "64b57f4b96703d825e033055e2fa81163b26abce",
"click.card.primary.color.description.hover": "8141be7a1e1037fdb07c116e9ac1f2ba4cbc9c7f",
"click.card.primary.color.description.active": "12b7790a4aebb419023cf2c4a3044560f38e67f1",
"click.card.primary.color.description.disabled": "637c2cb8fde24f1241d44ff8fa20e38bfe55fec8",
"click.card.primary.color.stroke.default": "ee5c0a7ee71ca9855d4d83b0355208ff47b84742",
"click.card.primary.color.stroke.hover": "4531360b3fa159380161ef0a4e67a9da3637614b",
"click.card.primary.color.stroke.active": "9be4a7e7b015d0a32f49e47d9a8129657983f792",
"click.card.primary.color.stroke.disabled": "0ef17ac50884a2f0904603e1fe8a6fb66299b9f5",
"click.card.secondary.color.background.default": "1189b9b62bd99770776f750cba2278524c407dd1",
"click.card.secondary.color.background.hover": "17ecf962e525739ba559ab28f2e2ef07e5ed0e92",
"click.card.secondary.color.background.active": "768d00cceffa8a634f3217da4c3ea64b0942abdd",
Expand Down
Loading

1 comment on commit 72afe59

@vercel
Copy link

@vercel vercel bot commented on 72afe59 Oct 10, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

click-ui – ./

click-ui-git-main-clickhouse.vercel.app
click-ui.vercel.app
click-ui-clickhouse.vercel.app

Please sign in to comment.