@adobe/spectrum-tokens 12.18.1 → 12.19.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @adobe/spectrum-tokens
 
+## 12.19.0
+
+### Minor Changes
+
+- 0c716de: Added icon tokens
+
+  ### Token Diff
+
+  _Tokens added (6):_
+
+  - `icon-color-blue-primary-default`
+  - `icon-color-green-primary-default`
+  - `icon-color-inverse`
+  - `icon-color-primary-default`
+  - `icon-color-red-primary-default`
+  - `icon-color-yellow-primary-default`
+
 ## 12.18.1
 
 ### Patch Changes

package/dist/json/drover.json

@@ -182,6 +182,12 @@
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
       "heading-serif-font-weight": "bold",
+      "icon-color-blue-primary-default": "rgb(2, 101, 220)",
+      "icon-color-green-primary-default": "rgb(0, 122, 77)",
+      "icon-color-inverse": "rgb(255, 255, 255)",
+      "icon-color-primary-default": "rgb(34, 34, 34)",
+      "icon-color-red-primary-default": "rgb(211, 21, 16)",
+      "icon-color-yellow-primary-default": "rgb(232, 198, 0)",
       "in-field-button-edge-to-fill": "0px",
       "in-field-button-fill-stacked-inner-border-rounding": "0px",
       "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",
@@ -617,6 +623,12 @@
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
       "heading-serif-font-weight": "bold",
+      "icon-color-blue-primary-default": "rgb(84, 163, 246)",
+      "icon-color-green-primary-default": "rgb(43, 180, 125)",
+      "icon-color-inverse": "rgb(29, 29, 29)",
+      "icon-color-primary-default": "rgb(235, 235, 235)",
+      "icon-color-red-primary-default": "rgb(246, 88, 67)",
+      "icon-color-yellow-primary-default": "rgb(228, 194, 0)",
       "in-field-button-edge-to-fill": "0px",
       "in-field-button-fill-stacked-inner-border-rounding": "0px",
       "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",
@@ -1052,6 +1064,12 @@
       "heading-sans-serif-font-weight": "bold",
       "heading-serif-emphasized-font-weight": "bold",
       "heading-serif-font-weight": "bold",
+      "icon-color-blue-primary-default": "rgb(64, 150, 243)",
+      "icon-color-green-primary-default": "rgb(28, 168, 114)",
+      "icon-color-inverse": "rgb(0, 0, 0)",
+      "icon-color-primary-default": "rgb(235, 235, 235)",
+      "icon-color-red-primary-default": "rgb(238, 67, 49)",
+      "icon-color-yellow-primary-default": "rgb(216, 181, 0)",
       "in-field-button-edge-to-fill": "0px",
       "in-field-button-fill-stacked-inner-border-rounding": "0px",
       "in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large": "5px",

package/dist/json/variables.json

@@ -12009,6 +12009,418 @@
       }
     }
   },
+  "icon-color-inverse": {
+    "ref": "{gray-50}",
+    "sets": {
+      "light": {
+        "value": "rgb(255, 255, 255)",
+        "uuid": "f6e408a6-81ae-4658-8375-a532f324eba0"
+      },
+      "dark": {
+        "value": "rgb(29, 29, 29)",
+        "uuid": "d5641118-4015-426d-bf92-7c63393b3775"
+      },
+      "darkest": {
+        "value": "rgb(0, 0, 0)",
+        "uuid": "0913be1e-b648-4b80-9976-fd8e5e53f4fc"
+      },
+      "wireframe": {
+        "value": "rgb(255, 255, 255)",
+        "uuid": "16ee1a81-e7d0-46ff-af81-5eca376ce203"
+      }
+    },
+    "uuid": "9e04025f-b58c-491a-8569-1965ae074f7b"
+  },
+  "icon-color-primary-default": {
+    "ref": "{neutral-content-color-default}",
+    "sets": {
+      "light": {
+        "value": "rgb(34, 34, 34)",
+        "uuid": "2caf1f36-80b9-4659-90be-8d89672bb19f"
+      },
+      "dark": {
+        "value": "rgb(235, 235, 235)",
+        "uuid": "bca0223a-6639-4881-a7a4-e131c28968e7"
+      },
+      "darkest": {
+        "value": "rgb(235, 235, 235)",
+        "uuid": "d39fc368-ec71-40cd-85e9-afb07862f2b7"
+      },
+      "wireframe": {
+        "value": "rgb(73, 110, 194)",
+        "uuid": "22e79b14-2a60-4721-8e9b-800fa9e7a128"
+      }
+    },
+    "uuid": "d143f2f2-e0d8-4eb3-b06c-86233321fb61"
+  },
+  "icon-color-blue-primary-default": {
+    "sets": {
+      "light": {
+        "ref": "{blue-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(2, 101, 220)",
+            "uuid": "3451c170-3e78-449b-86f2-8b7dbea24c1c"
+          },
+          "dark": {
+            "value": "rgb(114, 183, 249)",
+            "uuid": "2251d00a-e90d-4758-91af-50c1c37232fe"
+          },
+          "darkest": {
+            "value": "rgb(94, 170, 247)",
+            "uuid": "82b09b04-6a70-4a95-9eb5-a321a66a6465"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)",
+            "uuid": "895407bb-8fda-4857-92a9-bf0cc06f2c3f"
+          }
+        },
+        "uuid": "f53f030b-755f-46ca-b411-7d62f4eb901e"
+      },
+      "dark": {
+        "ref": "{blue-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(20, 122, 243)",
+            "uuid": "5ac73d3a-a6cc-4403-a8d5-46bc262d62e9"
+          },
+          "dark": {
+            "value": "rgb(84, 163, 246)",
+            "uuid": "10aaf031-3586-47a6-90f5-c698f6be5bd6"
+          },
+          "darkest": {
+            "value": "rgb(64, 150, 243)",
+            "uuid": "cf0bafc5-f5c6-4986-a17a-6660dc542b71"
+          },
+          "wireframe": {
+            "value": "rgb(173, 192, 233)",
+            "uuid": "84bc6532-7cb0-47ea-8951-b16bc2a7aab9"
+          }
+        },
+        "uuid": "bcb2d920-29fe-4911-bfd6-058ed81a1c76"
+      },
+      "darkest": {
+        "ref": "{blue-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(20, 122, 243)",
+            "uuid": "5ac73d3a-a6cc-4403-a8d5-46bc262d62e9"
+          },
+          "dark": {
+            "value": "rgb(84, 163, 246)",
+            "uuid": "10aaf031-3586-47a6-90f5-c698f6be5bd6"
+          },
+          "darkest": {
+            "value": "rgb(64, 150, 243)",
+            "uuid": "cf0bafc5-f5c6-4986-a17a-6660dc542b71"
+          },
+          "wireframe": {
+            "value": "rgb(173, 192, 233)",
+            "uuid": "84bc6532-7cb0-47ea-8951-b16bc2a7aab9"
+          }
+        },
+        "uuid": "1bac9a3f-4bc8-4a4d-8dfd-53c542b1d1d8"
+      },
+      "wireframe": {
+        "ref": "{blue-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(2, 101, 220)",
+            "uuid": "3451c170-3e78-449b-86f2-8b7dbea24c1c"
+          },
+          "dark": {
+            "value": "rgb(114, 183, 249)",
+            "uuid": "2251d00a-e90d-4758-91af-50c1c37232fe"
+          },
+          "darkest": {
+            "value": "rgb(94, 170, 247)",
+            "uuid": "82b09b04-6a70-4a95-9eb5-a321a66a6465"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)",
+            "uuid": "895407bb-8fda-4857-92a9-bf0cc06f2c3f"
+          }
+        },
+        "uuid": "20880dfd-57dc-486d-b0dd-c44002f340e3"
+      }
+    }
+  },
+  "icon-color-green-primary-default": {
+    "sets": {
+      "light": {
+        "ref": "{green-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 122, 77)",
+            "uuid": "cd39a520-2020-41d0-96d1-3b0fdb453fef"
+          },
+          "dark": {
+            "value": "rgb(67, 199, 143)",
+            "uuid": "21cb58fb-f173-4348-9b70-1b20683b7a65"
+          },
+          "darkest": {
+            "value": "rgb(52, 187, 132)",
+            "uuid": "5afee2ee-a5d5-4dcf-a917-11dfdd0c3691"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)",
+            "uuid": "81174c05-0b05-4030-a8b7-e2fc13533954"
+          }
+        },
+        "uuid": "a0717159-cc62-4ba1-b1f1-a69dfb88c6ee"
+      },
+      "dark": {
+        "ref": "{green-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 143, 93)",
+            "uuid": "1be225f8-3612-422c-923f-b35f1ec4fc00"
+          },
+          "dark": {
+            "value": "rgb(43, 180, 125)",
+            "uuid": "5471d254-44e5-4317-a6d6-eb24279c0b03"
+          },
+          "darkest": {
+            "value": "rgb(28, 168, 114)",
+            "uuid": "412da16e-4db2-47d8-84d4-583ae35534f9"
+          },
+          "wireframe": {
+            "value": "rgb(173, 192, 233)",
+            "uuid": "12755af6-ac1f-441a-80fb-07c3d61dc6c9"
+          }
+        },
+        "uuid": "ce9c0ea4-0c5a-4d3b-974f-1b9acf27b3fd"
+      },
+      "darkest": {
+        "ref": "{green-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 143, 93)",
+            "uuid": "1be225f8-3612-422c-923f-b35f1ec4fc00"
+          },
+          "dark": {
+            "value": "rgb(43, 180, 125)",
+            "uuid": "5471d254-44e5-4317-a6d6-eb24279c0b03"
+          },
+          "darkest": {
+            "value": "rgb(28, 168, 114)",
+            "uuid": "412da16e-4db2-47d8-84d4-583ae35534f9"
+          },
+          "wireframe": {
+            "value": "rgb(173, 192, 233)",
+            "uuid": "12755af6-ac1f-441a-80fb-07c3d61dc6c9"
+          }
+        },
+        "uuid": "260ff567-2bdb-48cc-9576-f4f7629d3a8f"
+      },
+      "wireframe": {
+        "ref": "{green-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(0, 122, 77)",
+            "uuid": "cd39a520-2020-41d0-96d1-3b0fdb453fef"
+          },
+          "dark": {
+            "value": "rgb(67, 199, 143)",
+            "uuid": "21cb58fb-f173-4348-9b70-1b20683b7a65"
+          },
+          "darkest": {
+            "value": "rgb(52, 187, 132)",
+            "uuid": "5afee2ee-a5d5-4dcf-a917-11dfdd0c3691"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)",
+            "uuid": "81174c05-0b05-4030-a8b7-e2fc13533954"
+          }
+        },
+        "uuid": "d6852796-baaa-4f95-9ce7-cc2fd5a829f1"
+      }
+    }
+  },
+  "icon-color-red-primary-default": {
+    "sets": {
+      "light": {
+        "ref": "{red-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(211, 21, 16)",
+            "uuid": "d5d3bc64-629c-44b0-8ff5-81f260521f5b"
+          },
+          "dark": {
+            "value": "rgb(255, 149, 129)",
+            "uuid": "c71c3423-88ee-4611-b07b-58630ce081f0"
+          },
+          "darkest": {
+            "value": "rgb(255, 129, 107)",
+            "uuid": "ccb79099-59f4-4bf2-b149-0de72f556a45"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)",
+            "uuid": "f9fbdd87-77f6-4b99-b5f5-357604b57a48"
+          }
+        },
+        "uuid": "89656cae-d490-4b9f-93eb-75912b29ecf5"
+      },
+      "dark": {
+        "ref": "{red-700}",
+        "sets": {
+          "light": {
+            "value": "rgb(247, 92, 70)",
+            "uuid": "a84b6ffe-5235-4517-9beb-320ed79cf6b0"
+          },
+          "dark": {
+            "value": "rgb(246, 88, 67)",
+            "uuid": "ba040391-245e-4cd5-b499-9d3f9d82dedb"
+          },
+          "darkest": {
+            "value": "rgb(238, 67, 49)",
+            "uuid": "cb2486de-b2be-45e5-b459-6e371b29d357"
+          },
+          "wireframe": {
+            "value": "rgb(190, 205, 237)",
+            "uuid": "fd598b48-a775-4c72-92e5-55f357c33537"
+          }
+        },
+        "uuid": "5a1ef31d-a55d-44e2-9ce9-68c407ba8611"
+      },
+      "darkest": {
+        "ref": "{red-700}",
+        "sets": {
+          "light": {
+            "value": "rgb(247, 92, 70)",
+            "uuid": "a84b6ffe-5235-4517-9beb-320ed79cf6b0"
+          },
+          "dark": {
+            "value": "rgb(246, 88, 67)",
+            "uuid": "ba040391-245e-4cd5-b499-9d3f9d82dedb"
+          },
+          "darkest": {
+            "value": "rgb(238, 67, 49)",
+            "uuid": "cb2486de-b2be-45e5-b459-6e371b29d357"
+          },
+          "wireframe": {
+            "value": "rgb(190, 205, 237)",
+            "uuid": "fd598b48-a775-4c72-92e5-55f357c33537"
+          }
+        },
+        "uuid": "a60f2744-ad15-4cf7-b9dc-89ca307ed444"
+      },
+      "wireframe": {
+        "ref": "{red-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(211, 21, 16)",
+            "uuid": "d5d3bc64-629c-44b0-8ff5-81f260521f5b"
+          },
+          "dark": {
+            "value": "rgb(255, 149, 129)",
+            "uuid": "c71c3423-88ee-4611-b07b-58630ce081f0"
+          },
+          "darkest": {
+            "value": "rgb(255, 129, 107)",
+            "uuid": "ccb79099-59f4-4bf2-b149-0de72f556a45"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)",
+            "uuid": "f9fbdd87-77f6-4b99-b5f5-357604b57a48"
+          }
+        },
+        "uuid": "d524a471-2dce-4497-a650-30c2d6641eec"
+      }
+    }
+  },
+  "icon-color-yellow-primary-default": {
+    "sets": {
+      "light": {
+        "ref": "{yellow-400}",
+        "sets": {
+          "light": {
+            "value": "rgb(232, 198, 0)",
+            "uuid": "8ffb47cc-cc5c-4179-807e-4a1cb45c6496"
+          },
+          "dark": {
+            "value": "rgb(119, 89, 0)",
+            "uuid": "e8802954-19e6-450c-a75a-7202e5a5023c"
+          },
+          "darkest": {
+            "value": "rgb(103, 77, 0)",
+            "uuid": "62ab6892-66ea-4b55-8c1a-fcc191d29717"
+          },
+          "wireframe": {
+            "value": "rgb(226, 232, 247)",
+            "uuid": "2c6515da-f97b-4961-93cf-5b6c668fc0fc"
+          }
+        },
+        "uuid": "59cd6057-b3d8-4bdf-b752-7df17c2c4a95"
+      },
+      "dark": {
+        "ref": "{yellow-1000}",
+        "sets": {
+          "light": {
+            "value": "rgb(112, 83, 0)",
+            "uuid": "a9d84db4-e9db-45a8-9010-4e64822f0408"
+          },
+          "dark": {
+            "value": "rgb(228, 194, 0)",
+            "uuid": "48c1ac65-4ffc-4bcc-b7c0-1c7263d1a5f2"
+          },
+          "darkest": {
+            "value": "rgb(216, 181, 0)",
+            "uuid": "4cf4a500-37a2-4dd8-a243-14f6c012b53c"
+          },
+          "wireframe": {
+            "value": "rgb(133, 161, 219)",
+            "uuid": "7e7a2c49-bf61-4402-b85b-bf4df9ca8ff0"
+          }
+        },
+        "uuid": "646e82ab-3762-47de-87ec-a39b68d59de9"
+      },
+      "darkest": {
+        "ref": "{yellow-1000}",
+        "sets": {
+          "light": {
+            "value": "rgb(112, 83, 0)",
+            "uuid": "a9d84db4-e9db-45a8-9010-4e64822f0408"
+          },
+          "dark": {
+            "value": "rgb(228, 194, 0)",
+            "uuid": "48c1ac65-4ffc-4bcc-b7c0-1c7263d1a5f2"
+          },
+          "darkest": {
+            "value": "rgb(216, 181, 0)",
+            "uuid": "4cf4a500-37a2-4dd8-a243-14f6c012b53c"
+          },
+          "wireframe": {
+            "value": "rgb(133, 161, 219)",
+            "uuid": "7e7a2c49-bf61-4402-b85b-bf4df9ca8ff0"
+          }
+        },
+        "uuid": "5ebf8291-23f8-4806-865d-4ebab38ff03c"
+      },
+      "wireframe": {
+        "ref": "{yellow-400}",
+        "sets": {
+          "light": {
+            "value": "rgb(232, 198, 0)",
+            "uuid": "8ffb47cc-cc5c-4179-807e-4a1cb45c6496"
+          },
+          "dark": {
+            "value": "rgb(119, 89, 0)",
+            "uuid": "e8802954-19e6-450c-a75a-7202e5a5023c"
+          },
+          "darkest": {
+            "value": "rgb(103, 77, 0)",
+            "uuid": "62ab6892-66ea-4b55-8c1a-fcc191d29717"
+          },
+          "wireframe": {
+            "value": "rgb(226, 232, 247)",
+            "uuid": "2c6515da-f97b-4961-93cf-5b6c668fc0fc"
+          }
+        },
+        "uuid": "4a1eeded-e467-46be-a787-78555b2fe353"
+      }
+    }
+  },
   "checkbox-control-size-small": {
     "sets": {
       "spectrum": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.18.1",
+  "version": "12.19.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "tasks/buildSpectrumTokens.js",

package/src/icons.json

@@ -0,0 +1,96 @@
+{
+  "icon-color-inverse": {
+    "component": "icon",
+    "value": "{gray-50}",
+    "uuid": "9e04025f-b58c-491a-8569-1965ae074f7b"
+  },
+  "icon-color-primary-default": {
+    "component": "icon",
+    "value": "{neutral-content-color-default}",
+    "uuid": "d143f2f2-e0d8-4eb3-b06c-86233321fb61"
+  },
+  "icon-color-blue-primary-default": {
+    "component": "icon",
+    "sets": {
+      "light": {
+        "value": "{blue-900}",
+        "uuid": "f53f030b-755f-46ca-b411-7d62f4eb901e"
+      },
+      "dark": {
+        "value": "{blue-800}",
+        "uuid": "bcb2d920-29fe-4911-bfd6-058ed81a1c76"
+      },
+      "darkest": {
+        "value": "{blue-800}",
+        "uuid": "1bac9a3f-4bc8-4a4d-8dfd-53c542b1d1d8"
+      },
+      "wireframe": {
+        "value": "{blue-900}",
+        "uuid": "20880dfd-57dc-486d-b0dd-c44002f340e3"
+      }
+    }
+  },
+  "icon-color-green-primary-default": {
+    "component": "icon",
+    "sets": {
+      "light": {
+        "value": "{green-900}",
+        "uuid": "a0717159-cc62-4ba1-b1f1-a69dfb88c6ee"
+      },
+      "dark": {
+        "value": "{green-800}",
+        "uuid": "ce9c0ea4-0c5a-4d3b-974f-1b9acf27b3fd"
+      },
+      "darkest": {
+        "value": "{green-800}",
+        "uuid": "260ff567-2bdb-48cc-9576-f4f7629d3a8f"
+      },
+      "wireframe": {
+        "value": "{green-900}",
+        "uuid": "d6852796-baaa-4f95-9ce7-cc2fd5a829f1"
+      }
+    }
+  },
+  "icon-color-red-primary-default": {
+    "component": "icon",
+    "sets": {
+      "light": {
+        "value": "{red-900}",
+        "uuid": "89656cae-d490-4b9f-93eb-75912b29ecf5"
+      },
+      "dark": {
+        "value": "{red-700}",
+        "uuid": "5a1ef31d-a55d-44e2-9ce9-68c407ba8611"
+      },
+      "darkest": {
+        "value": "{red-700}",
+        "uuid": "a60f2744-ad15-4cf7-b9dc-89ca307ed444"
+      },
+      "wireframe": {
+        "value": "{red-900}",
+        "uuid": "d524a471-2dce-4497-a650-30c2d6641eec"
+      }
+    }
+  },
+  "icon-color-yellow-primary-default": {
+    "component": "icon",
+    "sets": {
+      "light": {
+        "value": "{yellow-400}",
+        "uuid": "59cd6057-b3d8-4bdf-b752-7df17c2c4a95"
+      },
+      "dark": {
+        "value": "{yellow-1000}",
+        "uuid": "646e82ab-3762-47de-87ec-a39b68d59de9"
+      },
+      "darkest": {
+        "value": "{yellow-1000}",
+        "uuid": "5ebf8291-23f8-4806-865d-4ebab38ff03c"
+      },
+      "wireframe": {
+        "value": "{yellow-400}",
+        "uuid": "4a1eeded-e467-46be-a787-78555b2fe353"
+      }
+    }
+  }
+}