Merge pull request #132 from adobe/nabuhasan/SDS-13346-Icon-colors-up…

…date S2 Icon color updates
adobe · May 31, 2024 · ec92525 · ec92525
2 parents 8e37d05 + f2867dc
commit ec92525
Show file tree

Hide file tree

Showing 3 changed files with 1,905 additions and 97 deletions.
diff --git a/src/tokens-studio/spectrum2-colors/$themes.json b/src/tokens-studio/spectrum2-colors/$themes.json
@@ -36,12 +36,89 @@
       "Component.table.row-hover": "7400108dc6ecce96e0b2c7801eadc2f060e77828",
       "Component.table.selected-row-background": "1149aafef0a2f857f1acf1ab8b5463fd312cc527",
       "Component.thumbnail.border": "f4ebdb86b76d6f6ce665c1893f78d586096d28e3",
-      "Icon.fill-primary": "272aca236e8bd704f5fa28d25d44024f9948ca84",
-      "Icon.background": "b3219cb28d91ab90e570dfb45e84f4cebf7e0978",
-      "Icon.blue": "8a891ab9fc2f0ef4e2d23f7d9c77cf72ef65fd12",
-      "Icon.green": "2c010cd5c6d8df15d9c05038510ba3b49b303dde",
-      "Icon.red": "1f734c4352da33631259a822a4377c36d9129856",
-      "Icon.yellow": "34ea0effbfa548c92ac7a28428625b1fc9dbc47e",
+      "Icon.primary.gray.default": "272aca236e8bd704f5fa28d25d44024f9948ca84",
+      "Icon.primary.gray.hover": "5aaac47e7110d105a84174c6682cba262f736985",
+      "Icon.primary.gray.down": "4167649545f85f06fd113647e8a11e7fb3132cc1",
+      "Icon.primary.blue.default": "8a891ab9fc2f0ef4e2d23f7d9c77cf72ef65fd12",
+      "Icon.primary.blue.hover": "18999f13fc46b2dc9e6653eeabc47fadd4ef083f",
+      "Icon.primary.blue.down": "ff166c880080ecaf85758393371dd5b76bf95a6c",
+      "Icon.primary.brown.default": "6f4c8c83e38b64028d84c7ef83573148d2b6b50a",
+      "Icon.primary.brown.hover": "f288fba65076387fdb61ef8df6ec6be5eed91359",
+      "Icon.primary.brown.down": "be875511c4768ea9c4fc0840e43fa1b59d3b769a",
+      "Icon.primary.celery.default": "e161ac1f33eaf9f2d7e9c5b80b27d8e49cf1d6aa",
+      "Icon.primary.celery.hover": "ca837fd76db831d8de3ae4f5d3d056aa0af5ef7f",
+      "Icon.primary.celery.down": "9fb35f708853bf4c34164a31b1ab62a661cb2ba5",
+      "Icon.primary.chartreuse.default": "a349213f2a0147ec92f2f1a609e2e53fd8dd47d1",
+      "Icon.primary.chartreuse.hover": "b4aa49b0f634ac48eee5018a9652a3e1d1cc70e9",
+      "Icon.primary.chartreuse.down": "7da0af5fcf5d6bd1d246ba9306943860ec4fbad5",
+      "Icon.primary.cinnamon.default": "4be611cfe1094f13b83feafa165e686d7b0e4a98",
+      "Icon.primary.cinnamon.hover": "84a1c4715ab9b1b385d166f550ce024f8d7035f3",
+      "Icon.primary.cinnamon.down": "5d9f9ead2f91fc750a192275ac4debee05758622",
+      "Icon.primary.cyan.default": "fcd03a221434256c99ed6941c58db20f98c79e5a",
+      "Icon.primary.cyan.hover": "214e7fbe8ae94cc3ad44cc2d61e8c50b2c0bf9c4",
+      "Icon.primary.cyan.down": "8f1d6e6673999711915452db5bd6cd7b227076c2",
+      "Icon.primary.fuchsia.default": "84b313895d12c59d45cb8a2b6adfd17fdd6f6fcd",
+      "Icon.primary.fuchsia.hover": "59db03cbc0edec47888d969543e8bca561759602",
+      "Icon.primary.fuchsia.down": "4bfa098d319a2ea92c1ab387f5d7ec911fe4ac82",
+      "Icon.primary.green.default": "b26dc008c3f1a26860a70eb632c8b69990e4ee29",
+      "Icon.primary.green.hover": "2c010cd5c6d8df15d9c05038510ba3b49b303dde",
+      "Icon.primary.green.down": "859b8eb5b8767714f9c0bfd0f7dfe40a384483b3",
+      "Icon.primary.indigo.default": "7a1b5fec50278e47fcde6edcb34749b536d3790a",
+      "Icon.primary.indigo.hover": "838d9a9232985e3cb5dd0c14b378aed04523a595",
+      "Icon.primary.indigo.down": "a9113fe53b340b984a1563f3fec816bda1816eb8",
+      "Icon.primary.magenta.default": "7486348f973599aab7af8adfbc383280f1a97c3a",
+      "Icon.primary.magenta.hover": "1c4f5748d8ad386971a9fd32c6ce181d81cca925",
+      "Icon.primary.magenta.down": "828b8feee4acdd84ad62877122dcb83942ac93cc",
+      "Icon.primary.orange.default": "cdf1b3b1bd1e5bf3dd17071b251c51e27ea6482d",
+      "Icon.primary.orange.hover": "4206de49af1d7768eaf7240e6fed69a5d286fe36",
+      "Icon.primary.orange.down": "b035827539407d380df5da6447d9b66c2a1b7961",
+      "Icon.primary.pink.default": "8443f56c4c023204a6e88b705fe8a895af40c38f",
+      "Icon.primary.pink.hover": "3872530c6a5d890f90816262480de1bfdbe5ab86",
+      "Icon.primary.pink.down": "ad665664a54f08560ed06f57765095edcacf0f6a",
+      "Icon.primary.purple.default": "495bbb1bb86492f563df09c7c6cb96d42edab779",
+      "Icon.primary.purple.hover": "4059f759c47b6a007bcc760ec8fc2fad76406851",
+      "Icon.primary.purple.down": "fa050b47de055d469fcb4876832ffe92fb9d5310",
+      "Icon.primary.red.default": "1f734c4352da33631259a822a4377c36d9129856",
+      "Icon.primary.red.hover": "4ff816ac8145ed32085766b0144efd6fbc730c79",
+      "Icon.primary.red.down": "8e0fd32d6fe56449de0a32f6165062d908ca31f5",
+      "Icon.primary.seafoam.default": "ddf416190e734421ab6db24e16eb39d8952540e0",
+      "Icon.primary.seafoam.hover": "156c81334fa0e5ba49b360246981d68a37478c4e",
+      "Icon.primary.seafoam.down": "824170d1d5b1aa8db4a9960a1f33c36eef19fe57",
+      "Icon.primary.silver.default": "5fdae30bf52bcbe3fb6a9e18a80467426a9e8e72",
+      "Icon.primary.silver.hover": "94e0faf0a284ecb9dc1bd6d169486caea4f5eb39",
+      "Icon.primary.silver.down": "74b69772741feaff49d42bdef9aa08630afca82d",
+      "Icon.primary.turquoise.default": "d5c4fb3f6a9d3a0738e22b04d063a7bfb2a9fa5f",
+      "Icon.primary.turquoise.hover": "36b3ad7c24b940bb837629373b993475b2b295e9",
+      "Icon.primary.turquoise.down": "5ce09ff676743ad4c806d80b8a6be6306a0c6518",
+      "Icon.primary.yellow.default": "34ea0effbfa548c92ac7a28428625b1fc9dbc47e",
+      "Icon.primary.yellow.hover": "700d42cb84cda11aca5eb68e14e9d91ebee5adff",
+      "Icon.primary.yellow.down": "7f0eb5eb33d81e15ee2ba181930776efadcccd6f",
+      "Icon.🚫 background": "b3219cb28d91ab90e570dfb45e84f4cebf7e0978",
+      "Icon.background.blue": "8019ec50f60c2f47f23693e44a22dbbe0f62f252",
+      "Icon.background.brown": "4dba299fcb39e896b6b0380e318211436a33c857",
+      "Icon.background.celery": "b39df0d47d44b7ed8866177ba4f57cd747d18bc1",
+      "Icon.background.chartreuse": "12d37f15002da3140d2a68f518ee7a825e32a038",
+      "Icon.background.cinnamon": "f210682ebeaa98367a8420efa5fa984b4f51a386",
+      "Icon.background.cyan": "af6ef9112b1365f6e8bbe2b7057bec0eb903912d",
+      "Icon.background.fuchsia": "4b7a9e58c8150ea0ea9c42ce3fc29e4b48a78cf1",
+      "Icon.background.green": "deee1f68a5b67ca0cbc923071daf944a7fd55f1b",
+      "Icon.background.indigo": "165aa52378b6d3aa112fe24a0e11d300fe690875",
+      "Icon.background.magenta": "3c6e8154d53b1ca281b4d66f7907bcd5655a8313",
+      "Icon.background.orange": "3fa29fa574dcc9f22ced2a20c9e506eb7edd0d89",
+      "Icon.background.pink": "0df55618057a27f971054db8a181ab85292223f4",
+      "Icon.background.purple": "eb02b357b1c56d9f8e40cf4b191307edab0f8d1d",
+      "Icon.background.red": "21c2662da32701404165acbc1d902b9832df9d50",
+      "Icon.background.seafoam": "6dca057d2b4720afe94f5c94b2bde37809c8bff9",
+      "Icon.background.silver": "f466ef1fc6ef0a72c978f511c09e86728ebd5b7e",
+      "Icon.background.turquoise": "f20b60722e49ccfd0b9523ed4f26ec40d8c29adf",
+      "Icon.background.yellow": "a743a5c02de9788776264990f8e1bed85a462411",
+      "Icon.background.inverse": "273289f29cbeac11dc8ae71f52b45846ef307c59",
+      "Icon.background.emphasized": "956a78da143387847e67982729096feb86245384",
+      "Icon.semantic.informative": "c3fd48142f3ec0b917153f114d0151290bcca03a",
+      "Icon.semantic.neutral": "e46db114f5945cebfbad2d689d65bdb5dd5b5937",
+      "Icon.semantic.positive": "4d62a423a42c9fdc32e70d9fa739512cb7a92d67",
+      "Icon.semantic.notice": "817646eb479556a5861835d9edd6c175c5cec7df",
+      "Icon.semantic.negative": "270ca150afe428064be1cd75f8567494836dd7a6",
       "Alias.overlay": "fa3f19d79b2633f5b0913c442831b94c56bfbd66",
       "Alias.🚫 drop-shadow": "0e6900e9ce8ddf2c72e312dcc202679dd76f2516",
       "Alias.drop-shadow.100": "439d299ee483470b504ec8b21ac2309f82da7849",
@@ -587,7 +664,8 @@
       "Palette.transparent-white.700": "fbac60c7cd862f46eba4908ae9cc5c7346156320",
       "Palette.transparent-white.800": "ea5e834dbe202dc1dbbce86ba074ab50155812c1",
       "Palette.transparent-white.900": "cc73dfce811bf9bab293a95d9342fd6a9135c9ab",
-      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30"
+      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30",
+      "Icon.primary.disabled.default": "99b973292918e2c767311e3bca5831040c7f9ae9"
     },
     "$figmaStyleReferences": {},
     "group": "S2.Color-theme"
@@ -629,12 +707,89 @@
       "Component.table.row-hover": "7400108dc6ecce96e0b2c7801eadc2f060e77828",
       "Component.table.selected-row-background": "1149aafef0a2f857f1acf1ab8b5463fd312cc527",
       "Component.thumbnail.border": "f4ebdb86b76d6f6ce665c1893f78d586096d28e3",
-      "Icon.fill-primary": "272aca236e8bd704f5fa28d25d44024f9948ca84",
-      "Icon.background": "b3219cb28d91ab90e570dfb45e84f4cebf7e0978",
-      "Icon.blue": "8a891ab9fc2f0ef4e2d23f7d9c77cf72ef65fd12",
-      "Icon.green": "2c010cd5c6d8df15d9c05038510ba3b49b303dde",
-      "Icon.red": "1f734c4352da33631259a822a4377c36d9129856",
-      "Icon.yellow": "34ea0effbfa548c92ac7a28428625b1fc9dbc47e",
+      "Icon.primary.gray.default": "272aca236e8bd704f5fa28d25d44024f9948ca84",
+      "Icon.primary.gray.hover": "5aaac47e7110d105a84174c6682cba262f736985",
+      "Icon.primary.gray.down": "4167649545f85f06fd113647e8a11e7fb3132cc1",
+      "Icon.primary.blue.default": "8a891ab9fc2f0ef4e2d23f7d9c77cf72ef65fd12",
+      "Icon.primary.blue.hover": "18999f13fc46b2dc9e6653eeabc47fadd4ef083f",
+      "Icon.primary.blue.down": "ff166c880080ecaf85758393371dd5b76bf95a6c",
+      "Icon.primary.brown.default": "6f4c8c83e38b64028d84c7ef83573148d2b6b50a",
+      "Icon.primary.brown.hover": "f288fba65076387fdb61ef8df6ec6be5eed91359",
+      "Icon.primary.brown.down": "be875511c4768ea9c4fc0840e43fa1b59d3b769a",
+      "Icon.primary.celery.default": "e161ac1f33eaf9f2d7e9c5b80b27d8e49cf1d6aa",
+      "Icon.primary.celery.hover": "ca837fd76db831d8de3ae4f5d3d056aa0af5ef7f",
+      "Icon.primary.celery.down": "9fb35f708853bf4c34164a31b1ab62a661cb2ba5",
+      "Icon.primary.chartreuse.default": "a349213f2a0147ec92f2f1a609e2e53fd8dd47d1",
+      "Icon.primary.chartreuse.hover": "b4aa49b0f634ac48eee5018a9652a3e1d1cc70e9",
+      "Icon.primary.chartreuse.down": "7da0af5fcf5d6bd1d246ba9306943860ec4fbad5",
+      "Icon.primary.cinnamon.default": "4be611cfe1094f13b83feafa165e686d7b0e4a98",
+      "Icon.primary.cinnamon.hover": "84a1c4715ab9b1b385d166f550ce024f8d7035f3",
+      "Icon.primary.cinnamon.down": "5d9f9ead2f91fc750a192275ac4debee05758622",
+      "Icon.primary.cyan.default": "fcd03a221434256c99ed6941c58db20f98c79e5a",
+      "Icon.primary.cyan.hover": "214e7fbe8ae94cc3ad44cc2d61e8c50b2c0bf9c4",
+      "Icon.primary.cyan.down": "8f1d6e6673999711915452db5bd6cd7b227076c2",
+      "Icon.primary.fuchsia.default": "84b313895d12c59d45cb8a2b6adfd17fdd6f6fcd",
+      "Icon.primary.fuchsia.hover": "59db03cbc0edec47888d969543e8bca561759602",
+      "Icon.primary.fuchsia.down": "4bfa098d319a2ea92c1ab387f5d7ec911fe4ac82",
+      "Icon.primary.green.default": "b26dc008c3f1a26860a70eb632c8b69990e4ee29",
+      "Icon.primary.green.hover": "2c010cd5c6d8df15d9c05038510ba3b49b303dde",
+      "Icon.primary.green.down": "859b8eb5b8767714f9c0bfd0f7dfe40a384483b3",
+      "Icon.primary.indigo.default": "7a1b5fec50278e47fcde6edcb34749b536d3790a",
+      "Icon.primary.indigo.hover": "838d9a9232985e3cb5dd0c14b378aed04523a595",
+      "Icon.primary.indigo.down": "a9113fe53b340b984a1563f3fec816bda1816eb8",
+      "Icon.primary.magenta.default": "7486348f973599aab7af8adfbc383280f1a97c3a",
+      "Icon.primary.magenta.hover": "1c4f5748d8ad386971a9fd32c6ce181d81cca925",
+      "Icon.primary.magenta.down": "828b8feee4acdd84ad62877122dcb83942ac93cc",
+      "Icon.primary.orange.default": "cdf1b3b1bd1e5bf3dd17071b251c51e27ea6482d",
+      "Icon.primary.orange.hover": "4206de49af1d7768eaf7240e6fed69a5d286fe36",
+      "Icon.primary.orange.down": "b035827539407d380df5da6447d9b66c2a1b7961",
+      "Icon.primary.pink.default": "8443f56c4c023204a6e88b705fe8a895af40c38f",
+      "Icon.primary.pink.hover": "3872530c6a5d890f90816262480de1bfdbe5ab86",
+      "Icon.primary.pink.down": "ad665664a54f08560ed06f57765095edcacf0f6a",
+      "Icon.primary.purple.default": "495bbb1bb86492f563df09c7c6cb96d42edab779",
+      "Icon.primary.purple.hover": "4059f759c47b6a007bcc760ec8fc2fad76406851",
+      "Icon.primary.purple.down": "fa050b47de055d469fcb4876832ffe92fb9d5310",
+      "Icon.primary.red.default": "1f734c4352da33631259a822a4377c36d9129856",
+      "Icon.primary.red.hover": "4ff816ac8145ed32085766b0144efd6fbc730c79",
+      "Icon.primary.red.down": "8e0fd32d6fe56449de0a32f6165062d908ca31f5",
+      "Icon.primary.seafoam.default": "ddf416190e734421ab6db24e16eb39d8952540e0",
+      "Icon.primary.seafoam.hover": "156c81334fa0e5ba49b360246981d68a37478c4e",
+      "Icon.primary.seafoam.down": "824170d1d5b1aa8db4a9960a1f33c36eef19fe57",
+      "Icon.primary.silver.default": "5fdae30bf52bcbe3fb6a9e18a80467426a9e8e72",
+      "Icon.primary.silver.hover": "94e0faf0a284ecb9dc1bd6d169486caea4f5eb39",
+      "Icon.primary.silver.down": "74b69772741feaff49d42bdef9aa08630afca82d",
+      "Icon.primary.turquoise.default": "d5c4fb3f6a9d3a0738e22b04d063a7bfb2a9fa5f",
+      "Icon.primary.turquoise.hover": "36b3ad7c24b940bb837629373b993475b2b295e9",
+      "Icon.primary.turquoise.down": "5ce09ff676743ad4c806d80b8a6be6306a0c6518",
+      "Icon.primary.yellow.default": "34ea0effbfa548c92ac7a28428625b1fc9dbc47e",
+      "Icon.primary.yellow.hover": "700d42cb84cda11aca5eb68e14e9d91ebee5adff",
+      "Icon.primary.yellow.down": "7f0eb5eb33d81e15ee2ba181930776efadcccd6f",
+      "Icon.background.blue": "8019ec50f60c2f47f23693e44a22dbbe0f62f252",
+      "Icon.background.brown": "4dba299fcb39e896b6b0380e318211436a33c857",
+      "Icon.background.celery": "b39df0d47d44b7ed8866177ba4f57cd747d18bc1",
+      "Icon.background.chartreuse": "12d37f15002da3140d2a68f518ee7a825e32a038",
+      "Icon.background.cinnamon": "f210682ebeaa98367a8420efa5fa984b4f51a386",
+      "Icon.background.cyan": "af6ef9112b1365f6e8bbe2b7057bec0eb903912d",
+      "Icon.background.fuchsia": "4b7a9e58c8150ea0ea9c42ce3fc29e4b48a78cf1",
+      "Icon.background.green": "deee1f68a5b67ca0cbc923071daf944a7fd55f1b",
+      "Icon.background.indigo": "165aa52378b6d3aa112fe24a0e11d300fe690875",
+      "Icon.background.magenta": "3c6e8154d53b1ca281b4d66f7907bcd5655a8313",
+      "Icon.background.orange": "3fa29fa574dcc9f22ced2a20c9e506eb7edd0d89",
+      "Icon.background.pink": "0df55618057a27f971054db8a181ab85292223f4",
+      "Icon.background.purple": "eb02b357b1c56d9f8e40cf4b191307edab0f8d1d",
+      "Icon.background.red": "21c2662da32701404165acbc1d902b9832df9d50",
+      "Icon.background.seafoam": "6dca057d2b4720afe94f5c94b2bde37809c8bff9",
+      "Icon.background.silver": "f466ef1fc6ef0a72c978f511c09e86728ebd5b7e",
+      "Icon.background.turquoise": "f20b60722e49ccfd0b9523ed4f26ec40d8c29adf",
+      "Icon.background.yellow": "a743a5c02de9788776264990f8e1bed85a462411",
+      "Icon.background.inverse": "273289f29cbeac11dc8ae71f52b45846ef307c59",
+      "Icon.background.emphasized": "956a78da143387847e67982729096feb86245384",
+      "Icon.semantic.informative": "c3fd48142f3ec0b917153f114d0151290bcca03a",
+      "Icon.semantic.neutral": "e46db114f5945cebfbad2d689d65bdb5dd5b5937",
+      "Icon.semantic.positive": "4d62a423a42c9fdc32e70d9fa739512cb7a92d67",
+      "Icon.semantic.notice": "817646eb479556a5861835d9edd6c175c5cec7df",
+      "Icon.semantic.negative": "270ca150afe428064be1cd75f8567494836dd7a6",
+      "Icon.🚫 background": "b3219cb28d91ab90e570dfb45e84f4cebf7e0978",
       "Alias.overlay": "fa3f19d79b2633f5b0913c442831b94c56bfbd66",
       "Alias.🚫 drop-shadow": "0e6900e9ce8ddf2c72e312dcc202679dd76f2516",
       "Alias.drop-shadow.100": "439d299ee483470b504ec8b21ac2309f82da7849",
@@ -1180,7 +1335,8 @@
       "Palette.transparent-white.700": "fbac60c7cd862f46eba4908ae9cc5c7346156320",
       "Palette.transparent-white.800": "ea5e834dbe202dc1dbbce86ba074ab50155812c1",
       "Palette.transparent-white.900": "cc73dfce811bf9bab293a95d9342fd6a9135c9ab",
-      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30"
+      "Palette.transparent-white.1000": "0ae4fb367bd6d70103b8df1fd1fff8a237a94b30",
+      "Icon.primary.disabled.default": "99b973292918e2c767311e3bca5831040c7f9ae9"
     },
     "$figmaStyleReferences": {},
     "group": "S2.Color-theme"