@pexip/components 16.11.0 → 16.12.0

package/design-tokens/generated/icons/chevron-left-16.json

@@ -2,6 +2,6 @@
   "iconName": "chevron-left-16",
   "name": "16px-chevron-left",
   "pascalName": "IconChevronLeft_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a2fee3e8-0430-4ce1-aa7f-e69d43683a5e",
-  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.53674 12.8913L5.25134 8.60595C4.91622 8.27083 4.91622 7.72916 5.25134 7.39404L9.53674 3.10864C9.87186 2.77352 10.4135 2.77352 10.7486 3.10864C11.0838 3.44376 11.0838 3.98543 10.7486 4.32055L7.06921 7.99999L10.7486 11.6794C11.0838 12.0146 11.0838 12.5562 10.7486 12.8913C10.4135 13.2265 9.87186 13.2265 9.53674 12.8913Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bfb49fc4-66ff-4195-88d0-79187edcf259",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.53674 12.8913L5.25134 8.60595C4.91622 8.27083 4.91622 7.72916 5.25134 7.39404L9.53674 3.10864C9.87186 2.77352 10.4135 2.77352 10.7486 3.10864C11.0838 3.44376 11.0838 3.98543 10.7486 4.32055L7.06921 7.99999L10.7486 11.6794C11.0838 12.0146 11.0838 12.5562 10.7486 12.8913C10.4135 13.2265 9.87186 13.2265 9.53674 12.8913Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chevron-left-16.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 16 16"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChevronLeft_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
-        d="M9.537 12.891 5.25 8.606a.856.856 0 0 1 0-1.212l4.286-4.285a.856.856 0 1 1 1.212 1.212L7.069 8l3.68 3.68a.856.856 0 1 1-1.212 1.211Z"
         fill="currentColor"
+        d="M9.537 12.891 5.25 8.606a.856.856 0 0 1 0-1.212l4.286-4.285a.856.856 0 1 1 1.212 1.212L7.069 8l3.68 3.68a.856.856 0 1 1-1.212 1.211Z"
     />
 </svg>

package/design-tokens/generated/icons/chevron-left-24.json

@@ -2,6 +2,6 @@
   "iconName": "chevron-left-24",
   "name": "24px-chevron-left",
   "pascalName": "IconChevronLeft_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e38a7ced-168b-4d38-a3ba-1cc14235ed97",
-  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.793 17.707L8.79301 12.707C8.40201 12.316 8.40201 11.684 8.79301 11.293L13.793 6.29301C14.184 5.90201 14.816 5.90201 15.207 6.29301C15.598 6.68401 15.598 7.31601 15.207 7.70701L10.914 12L15.207 16.293C15.598 16.684 15.598 17.316 15.207 17.707C14.816 18.098 14.184 18.098 13.793 17.707Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f4b4d1e5-dbec-4bac-963a-5237ccbd1ee1",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.793 17.707L8.79301 12.707C8.40201 12.316 8.40201 11.684 8.79301 11.293L13.793 6.29301C14.184 5.90201 14.816 5.90201 15.207 6.29301C15.598 6.68401 15.598 7.31601 15.207 7.70701L10.914 12L15.207 16.293C15.598 16.684 15.598 17.316 15.207 17.707C14.816 18.098 14.184 18.098 13.793 17.707Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chevron-left-24.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChevronLeft_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
-        d="m13.793 17.707-5-5a.999.999 0 0 1 0-1.414l5-5a.999.999 0 1 1 1.414 1.414L10.914 12l4.293 4.293a.999.999 0 1 1-1.414 1.414Z"
         fill="currentColor"
+        d="m13.793 17.707-5-5a.999.999 0 0 1 0-1.414l5-5a.999.999 0 1 1 1.414 1.414L10.914 12l4.293 4.293a.999.999 0 1 1-1.414 1.414Z"
     />
 </svg>

package/design-tokens/generated/icons/chevron-right-16.json

@@ -2,6 +2,6 @@
   "iconName": "chevron-right-16",
   "name": "16px-chevron-right",
   "pascalName": "IconChevronRight_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abd2ca67-4334-4501-8864-1ad13565290b",
-  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5.25134 12.7556C4.91622 12.4298 4.91622 11.9032 5.25134 11.5774L8.93079 8L5.25134 4.42265C4.91622 4.09683 4.91622 3.57018 5.25134 3.24436C5.58646 2.91855 6.12813 2.91855 6.46325 3.24436L10.7487 7.41086C11.0838 7.73668 11.0838 8.26332 10.7487 8.58914L6.46325 12.7556C6.12813 13.0815 5.58646 13.0815 5.25134 12.7556Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/1a0a320d-5cf5-49c2-9c3c-6b96753423e7",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5.25134 12.7556C4.91622 12.4298 4.91622 11.9032 5.25134 11.5774L8.93079 8L5.25134 4.42265C4.91622 4.09683 4.91622 3.57018 5.25134 3.24436C5.58646 2.91855 6.12813 2.91855 6.46325 3.24436L10.7487 7.41086C11.0838 7.73668 11.0838 8.26332 10.7487 8.58914L6.46325 12.7556C6.12813 13.0815 5.58646 13.0815 5.25134 12.7556Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chevron-right-16.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 16 16"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChevronRight_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
-        d="M5.251 12.756a.816.816 0 0 1 0-1.179L8.931 8 5.25 4.423a.816.816 0 0 1 0-1.179.873.873 0 0 1 1.212 0l4.286 4.167a.816.816 0 0 1 0 1.178l-4.286 4.167a.873.873 0 0 1-1.212 0Z"
         fill="currentColor"
+        d="M5.251 12.756a.816.816 0 0 1 0-1.179L8.931 8 5.25 4.423a.816.816 0 0 1 0-1.179.873.873 0 0 1 1.212 0l4.286 4.167a.816.816 0 0 1 0 1.178l-4.286 4.167a.873.873 0 0 1-1.212 0Z"
     />
 </svg>

package/design-tokens/generated/icons/chevron-right-24.json

@@ -2,6 +2,6 @@
   "iconName": "chevron-right-24",
   "name": "24px-chevron-right",
   "pascalName": "IconChevronRight_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3199fa57-509b-4d85-b92f-cbc39c43b8d2",
-  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M8.79301 17.707C8.40201 17.316 8.40201 16.684 8.79301 16.293L13.086 12L8.79301 7.70701C8.40201 7.31601 8.40201 6.68401 8.79301 6.29301C9.18401 5.90201 9.81601 5.90201 10.207 6.29301L15.207 11.293C15.598 11.684 15.598 12.316 15.207 12.707L10.207 17.707C9.81601 18.098 9.18401 18.098 8.79301 17.707Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c0be4096-1a6f-4b72-a463-0ed7ce991fe7",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M8.79301 17.707C8.40201 17.316 8.40201 16.684 8.79301 16.293L13.086 12L8.79301 7.70701C8.40201 7.31601 8.40201 6.68401 8.79301 6.29301C9.18401 5.90201 9.81601 5.90201 10.207 6.29301L15.207 11.293C15.598 11.684 15.598 12.316 15.207 12.707L10.207 17.707C9.81601 18.098 9.18401 18.098 8.79301 17.707Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chevron-right-24.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChevronRight_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
-        d="M8.793 17.707a.999.999 0 0 1 0-1.414L13.086 12 8.793 7.707a.999.999 0 1 1 1.414-1.414l5 5a.999.999 0 0 1 0 1.414l-5 5a.999.999 0 0 1-1.414 0Z"
         fill="currentColor"
+        d="M8.793 17.707a.999.999 0 0 1 0-1.414L13.086 12 8.793 7.707a.999.999 0 1 1 1.414-1.414l5 5a.999.999 0 0 1 0 1.414l-5 5a.999.999 0 0 1-1.414 0Z"
     />
 </svg>

package/design-tokens/generated/icons/chevron-up-16.json

@@ -2,6 +2,6 @@
   "iconName": "chevron-up-16",
   "name": "16px-chevron-up",
   "pascalName": "IconChevronUp_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/271c2999-e0aa-4e95-93d1-f00c23d592ce",
-  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.5774 10.7487L8 7.06921L4.42265 10.7487C4.09683 11.0838 3.57018 11.0838 3.24436 10.7487C2.91855 10.4135 2.91855 9.87187 3.24436 9.53675L7.41086 5.25134C7.73668 4.91622 8.26332 4.91622 8.58914 5.25134L12.7556 9.53675C13.0815 9.87187 13.0815 10.4135 12.7556 10.7487C12.4298 11.0838 11.9032 11.0838 11.5774 10.7487Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/82bde4f4-57e4-4167-a4a2-309a2e693617",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.5774 10.7487L8 7.06921L4.42265 10.7487C4.09683 11.0838 3.57018 11.0838 3.24436 10.7487C2.91855 10.4135 2.91855 9.87187 3.24436 9.53675L7.41086 5.25134C7.73668 4.91622 8.26332 4.91622 8.58914 5.25134L12.7556 9.53675C13.0815 9.87187 13.0815 10.4135 12.7556 10.7487C12.4298 11.0838 11.9032 11.0838 11.5774 10.7487Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chevron-up-16.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 16 16"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChevronUp_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
-        d="M11.577 10.749 8 7.069l-3.577 3.68a.816.816 0 0 1-1.179 0 .874.874 0 0 1 0-1.212L7.411 5.25a.816.816 0 0 1 1.178 0l4.167 4.286a.873.873 0 0 1 0 1.212.816.816 0 0 1-1.179 0Z"
         fill="currentColor"
+        d="M11.577 10.749 8 7.069l-3.577 3.68a.816.816 0 0 1-1.179 0 .874.874 0 0 1 0-1.212L7.411 5.25a.816.816 0 0 1 1.178 0l4.167 4.286a.873.873 0 0 1 0 1.212.816.816 0 0 1-1.179 0Z"
     />
 </svg>

package/design-tokens/generated/icons/chevron-up-24.json

@@ -2,6 +2,6 @@
   "iconName": "chevron-up-24",
   "name": "24px-chevron-up",
   "pascalName": "IconChevronUp_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ef62dc27-e444-4835-9ecf-52c795ad4d3d",
-  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16.293 15.207L12 10.914L7.70701 15.207C7.31601 15.598 6.68401 15.598 6.29301 15.207C5.90201 14.816 5.90201 14.184 6.29301 13.793L11.293 8.79301C11.684 8.40201 12.316 8.40201 12.707 8.79301L17.707 13.793C18.098 14.184 18.098 14.816 17.707 15.207C17.316 15.598 16.684 15.598 16.293 15.207Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b350a92e-0c74-4cde-b392-72060641cc69",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M16.293 15.207L12 10.914L7.70701 15.207C7.31601 15.598 6.68401 15.598 6.29301 15.207C5.90201 14.816 5.90201 14.184 6.29301 13.793L11.293 8.79301C11.684 8.40201 12.316 8.40201 12.707 8.79301L17.707 13.793C18.098 14.184 18.098 14.816 17.707 15.207C17.316 15.598 16.684 15.598 16.293 15.207Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chevron-up-24.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChevronUp_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
-        d="M16.293 15.207 12 10.914l-4.293 4.293a.999.999 0 1 1-1.414-1.414l5-5a.999.999 0 0 1 1.414 0l5 5a.999.999 0 1 1-1.414 1.414Z"
         fill="currentColor"
+        d="M16.293 15.207 12 10.914l-4.293 4.293a.999.999 0 1 1-1.414-1.414l5-5a.999.999 0 0 1 1.414 0l5 5a.999.999 0 1 1-1.414 1.414Z"
     />
 </svg>

package/design-tokens/generated/icons/chrome-logo-16.json

@@ -2,6 +2,6 @@
   "iconName": "chrome-logo-16",
   "name": "16px-chrome-logo",
   "pascalName": "IconChromeLogo_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/260e71e7-8bbe-4262-a7b4-e53f9eb326fd",
-  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.0228 4.43197C14.0438 4.46745 14.0442 4.51147 14.0238 4.54732C14.0034 4.58322 13.9653 4.60534 13.9241 4.60534H8.30612C8.30286 4.60534 8.29956 4.6052 8.2963 4.60488C8.19614 4.59635 8.09649 4.59194 8.00001 4.59194C6.44509 4.59194 5.08773 5.64341 4.69917 7.14894C4.68751 7.19406 4.64974 7.22766 4.60356 7.23395C4.59837 7.23463 4.59314 7.235 4.588 7.235C4.54742 7.235 4.50932 7.21343 4.48867 7.17762L2.51811 3.76461C2.49447 3.72371 2.49832 3.67253 2.52784 3.63562C3.86532 1.96099 5.85984 1.00055 8.00001 1.00055C9.23664 1.00055 10.4522 1.32746 11.515 1.94599C12.5462 2.54606 13.4134 3.4057 14.0228 4.43197ZM8 10.6165C6.55745 10.6165 5.38388 9.44301 5.38388 8.0005C5.38388 6.558 6.55745 5.38443 8 5.38443C9.44246 5.38443 10.6159 6.558 10.6159 8.0005C10.6159 9.44296 9.44246 10.6165 8 10.6165ZM9.03439 11.325C9.00589 11.2881 8.95806 11.2723 8.91294 11.2847C8.61655 11.3673 8.30942 11.4091 8 11.4091C6.68533 11.4091 5.47367 10.638 4.91307 9.44477C4.91169 9.44184 4.91018 9.43899 4.90857 9.43614L2.09755 4.56745C2.07708 4.53187 2.03917 4.51007 1.99818 4.51007H1.99758C1.95636 4.5103 1.9184 4.53256 1.8982 4.56846C1.31062 5.61111 1 6.7979 1 8.00052C1 9.68764 1.60866 11.3173 2.71383 12.5893C3.80803 13.8486 5.31443 14.6773 6.95565 14.9229C6.96134 14.9238 6.96703 14.9241 6.97268 14.9241C7.01321 14.9241 7.05131 14.9026 7.07201 14.8668L9.04307 11.4527C9.06639 11.4123 9.06294 11.3618 9.03439 11.325ZM10.465 5.37103H14.4113C14.4585 5.37103 14.5009 5.39991 14.5181 5.44388C14.8379 6.25827 15 7.11842 15 8.00051C15 9.85631 14.2811 11.6047 12.9757 12.9237C11.6713 14.2416 9.93246 14.9788 8.07941 14.9995H8.07812C8.03741 14.9995 7.99968 14.9779 7.97907 14.9427C7.95827 14.9071 7.95814 14.8631 7.97874 14.8274L10.7946 9.95022C10.7962 9.94742 10.7979 9.94472 10.7998 9.94205C11.1981 9.36948 11.4086 8.69812 11.4086 8.00051C11.4086 7.07899 11.0449 6.21503 10.3846 5.56772C10.3514 5.53513 10.3411 5.48556 10.3587 5.44241C10.3763 5.39926 10.4183 5.37103 10.465 5.37103Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/53a24247-1527-47b1-81e8-5548a9198f84",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.0228 4.43191C14.0438 4.46739 14.0442 4.51141 14.0238 4.54726C14.0034 4.58316 13.9653 4.60528 13.9241 4.60528H8.30612C8.30286 4.60528 8.29956 4.60514 8.2963 4.60482C8.19614 4.59628 8.09649 4.59188 8.00001 4.59188C6.44509 4.59188 5.08773 5.64335 4.69917 7.14887C4.68751 7.194 4.64974 7.2276 4.60356 7.23388C4.59837 7.23457 4.59314 7.23494 4.588 7.23494C4.54742 7.23494 4.50932 7.21337 4.48867 7.17756L2.51811 3.76455C2.49447 3.72365 2.49832 3.67247 2.52784 3.63556C3.86532 1.96093 5.85984 1.00049 8.00001 1.00049C9.23664 1.00049 10.4522 1.3274 11.515 1.94592C12.5462 2.546 13.4134 3.40564 14.0228 4.43191ZM8 10.6164C6.55745 10.6164 5.38388 9.44295 5.38388 8.00044C5.38388 6.55794 6.55745 5.38437 8 5.38437C9.44246 5.38437 10.6159 6.55794 10.6159 8.00044C10.6159 9.4429 9.44246 10.6164 8 10.6164ZM9.03439 11.3249C9.00589 11.288 8.95806 11.2722 8.91294 11.2847C8.61655 11.3672 8.30942 11.409 8 11.409C6.68533 11.409 5.47367 10.638 4.91307 9.44471C4.91169 9.44178 4.91018 9.43893 4.90857 9.43608L2.09755 4.56739C2.07708 4.53181 2.03917 4.51001 1.99818 4.51001H1.99758C1.95636 4.51024 1.9184 4.5325 1.8982 4.5684C1.31062 5.61105 1 6.79784 1 8.00046C1 9.68758 1.60866 11.3172 2.71383 12.5892C3.80803 13.8485 5.31443 14.6773 6.95565 14.9228C6.96134 14.9237 6.96703 14.9241 6.97268 14.9241C7.01321 14.9241 7.05131 14.9025 7.07201 14.8667L9.04307 11.4526C9.06639 11.4122 9.06294 11.3617 9.03439 11.3249ZM10.465 5.37097H14.4113C14.4585 5.37097 14.5009 5.39984 14.5181 5.44382C14.8379 6.2582 15 7.11835 15 8.00045C15 9.85625 14.2811 11.6047 12.9757 12.9237C11.6713 14.2416 9.93246 14.9788 8.07941 14.9994H8.07812C8.03741 14.9994 7.99968 14.9779 7.97907 14.9427C7.95827 14.907 7.95814 14.863 7.97874 14.8273L10.7946 9.95016C10.7962 9.94736 10.7979 9.94466 10.7998 9.94199C11.1981 9.36942 11.4086 8.69806 11.4086 8.00045C11.4086 7.07893 11.0449 6.21496 10.3846 5.56766C10.3514 5.53507 10.3411 5.4855 10.3587 5.44235C10.3763 5.3992 10.4183 5.37097 10.465 5.37097Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chrome-logo-16.svg

@@ -1,16 +1,16 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 16 16"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChromeLogo_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
+        d="M14.023 4.432a.115.115 0 0 1-.099.173H8.306A3.408 3.408 0 0 0 4.7 7.15a.115.115 0 0 1-.21.029l-1.97-3.413a.115.115 0 0 1 .009-.13A6.97 6.97 0 0 1 8 1a6.995 6.995 0 0 1 6.023 3.432ZM8 10.616A2.619 2.619 0 0 1 5.384 8 2.62 2.62 0 0 1 8 5.384 2.619 2.619 0 0 1 10.616 8 2.619 2.619 0 0 1 8 10.616Zm1.034.709a.114.114 0 0 0-.121-.04 3.404 3.404 0 0 1-.913.124 3.426 3.426 0 0 1-3.091-1.973L2.098 4.567a.115.115 0 0 0-.2.001 7.004 7.004 0 0 0 5.058 10.355l.017.001c.04 0 .078-.021.099-.057l1.971-3.414a.115.115 0 0 0-.009-.128Zm1.431-5.954h3.946c.048 0 .09.029.107.073.32.814.482 1.674.482 2.556a6.957 6.957 0 0 1-2.024 4.924 6.957 6.957 0 0 1-4.897 2.075.115.115 0 0 1-.1-.172l2.816-4.877A3.384 3.384 0 0 0 11.409 8c0-.921-.364-1.785-1.024-2.432a.115.115 0 0 1 .08-.197Z"
         clip-rule="evenodd"
-        d="M14.023 4.432a.115.115 0 0 1-.099.173H8.306A3.408 3.408 0 0 0 4.7 7.15a.115.115 0 0 1-.21.029l-1.97-3.413a.115.115 0 0 1 .009-.13A6.97 6.97 0 0 1 8 1.002a6.995 6.995 0 0 1 6.023 3.431ZM8 10.616a2.619 2.619 0 0 1-2.616-2.615A2.62 2.62 0 0 1 8 5.384a2.619 2.619 0 0 1 2.616 2.617A2.619 2.619 0 0 1 8 10.617Zm1.034.709a.115.115 0 0 0-.121-.04 3.4 3.4 0 0 1-.913.124 3.426 3.426 0 0 1-3.091-1.973L2.098 4.567a.115.115 0 0 0-.2.001 7.004 7.004 0 0 0 5.058 10.355l.017.001c.04 0 .078-.021.099-.057l1.971-3.414a.115.115 0 0 0-.009-.128Zm1.431-5.954h3.946c.048 0 .09.029.107.073.32.814.482 1.674.482 2.557a6.956 6.956 0 0 1-2.024 4.923 6.958 6.958 0 0 1-4.897 2.075.115.115 0 0 1-.1-.172l2.816-4.877A3.384 3.384 0 0 0 11.409 8c0-.921-.364-1.785-1.024-2.432a.115.115 0 0 1 .08-.197Z"
-        fill="currentColor"
     />
 </svg>

package/design-tokens/generated/icons/chrome-logo-24.json

@@ -2,6 +2,6 @@
   "iconName": "chrome-logo-24",
   "name": "24px-chrome-logo",
   "pascalName": "IconChromeLogo_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fb116e7c-14dc-4645-811b-eea2fabea4f3",
-  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.6039 6.90283C20.634 6.95351 20.6346 7.0164 20.6054 7.06761C20.5763 7.11889 20.5219 7.1505 20.463 7.1505H12.4373C12.4327 7.1505 12.4279 7.1503 12.4233 7.14984C12.2802 7.13765 12.1378 7.13135 12 7.13135C9.77869 7.13135 7.8396 8.63345 7.28452 10.7842C7.26787 10.8487 7.2139 10.8967 7.14793 10.9056C7.14052 10.9066 7.13305 10.9072 7.1257 10.9072C7.06773 10.9072 7.01331 10.8763 6.9838 10.8252L4.16872 5.94945C4.13495 5.89102 4.14046 5.81791 4.18262 5.76519C6.09331 3.37286 8.94262 2.00079 12 2.00079C13.7666 2.00079 15.5031 2.46781 17.0214 3.35142C18.4946 4.20866 19.7334 5.43673 20.6039 6.90283ZM12 15.7378C9.93922 15.7378 8.2627 14.0615 8.2627 12.0007C8.2627 9.94001 9.93922 8.26349 12 8.26349C14.0607 8.26349 15.7371 9.94001 15.7371 12.0007C15.7371 14.0614 14.0607 15.7378 12 15.7378ZM13.4777 16.7499C13.437 16.6972 13.3687 16.6746 13.3042 16.6924C12.8808 16.8103 12.442 16.8701 12 16.8701C10.1219 16.8701 8.39095 15.7686 7.5901 14.0639C7.58813 14.0597 7.58597 14.0557 7.58367 14.0516L3.56793 7.09631C3.53869 7.04549 3.48452 7.01434 3.42597 7.01434H3.42511C3.36623 7.01467 3.312 7.04647 3.28315 7.09775C2.44374 8.58726 2 10.2827 2 12.0007C2 14.4109 2.86951 16.7389 4.44833 18.5561C6.01148 20.3551 8.16348 21.539 10.5081 21.8898C10.5162 21.8911 10.5243 21.8916 10.5324 21.8916C10.5903 21.8916 10.6447 21.8608 10.6743 21.8096L13.4901 16.9324C13.5234 16.8747 13.5185 16.8025 13.4777 16.7499ZM15.5214 8.24432H21.159C21.2264 8.24432 21.287 8.28557 21.3116 8.34839C21.7684 9.5118 22 10.7406 22 12.0007C22 14.6519 20.973 17.1496 19.1081 19.0339C17.2448 20.9166 14.7607 21.9698 12.1134 21.9993H12.1116C12.0534 21.9993 11.9995 21.9685 11.9701 21.9182C11.9404 21.8673 11.9402 21.8044 11.9696 21.7534L15.9923 14.786C15.9946 14.782 15.9971 14.7782 15.9997 14.7744C16.5687 13.9564 16.8694 12.9973 16.8694 12.0007C16.8694 10.6843 16.3499 9.45003 15.4066 8.52531C15.3591 8.47875 15.3445 8.40793 15.3696 8.34629C15.3948 8.28465 15.4548 8.24432 15.5214 8.24432Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8cab0873-de63-4208-85f3-fe2171d87d12",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.6039 6.90276C20.634 6.95345 20.6346 7.01634 20.6054 7.06755C20.5763 7.11883 20.5219 7.15044 20.463 7.15044H12.4373C12.4327 7.15044 12.4279 7.15024 12.4233 7.14978C12.2802 7.13758 12.1378 7.13129 12 7.13129C9.77869 7.13129 7.8396 8.63339 7.28452 10.7841C7.26787 10.8486 7.2139 10.8966 7.14793 10.9056C7.14052 10.9066 7.13305 10.9071 7.1257 10.9071C7.06773 10.9071 7.01331 10.8763 6.9838 10.8251L4.16872 5.94939C4.13495 5.89096 4.14046 5.81785 4.18262 5.76513C6.09331 3.3728 8.94262 2.00073 12 2.00073C13.7666 2.00073 15.5031 2.46775 17.0214 3.35136C18.4946 4.2086 19.7334 5.43667 20.6039 6.90276ZM12 15.7378C9.93922 15.7378 8.2627 14.0614 8.2627 12.0007C8.2627 9.93995 9.93922 8.26343 12 8.26343C14.0607 8.26343 15.7371 9.93995 15.7371 12.0007C15.7371 14.0613 14.0607 15.7378 12 15.7378ZM13.4777 16.7498C13.437 16.6972 13.3687 16.6745 13.3042 16.6924C12.8808 16.8103 12.442 16.87 12 16.87C10.1219 16.87 8.39095 15.7685 7.5901 14.0639C7.58813 14.0597 7.58597 14.0556 7.58367 14.0515L3.56793 7.09625C3.53869 7.04543 3.48452 7.01428 3.42597 7.01428H3.42511C3.36623 7.01461 3.312 7.04641 3.28315 7.09769C2.44374 8.5872 2 10.2826 2 12.0006C2 14.4108 2.86951 16.7389 4.44833 18.556C6.01148 20.355 8.16348 21.5389 10.5081 21.8898C10.5162 21.891 10.5243 21.8915 10.5324 21.8915C10.5903 21.8915 10.6447 21.8607 10.6743 21.8096L13.4901 16.9323C13.5234 16.8746 13.5185 16.8025 13.4777 16.7498ZM15.5214 8.24426H21.159C21.2264 8.24426 21.287 8.28551 21.3116 8.34833C21.7684 9.51174 22 10.7405 22 12.0007C22 14.6518 20.973 17.1496 19.1081 19.0338C17.2448 20.9165 14.7607 21.9697 12.1134 21.9992H12.1116C12.0534 21.9992 11.9995 21.9684 11.9701 21.9181C11.9404 21.8672 11.9402 21.8043 11.9696 21.7533L15.9923 14.786C15.9946 14.782 15.9971 14.7781 15.9997 14.7743C16.5687 13.9563 16.8694 12.9972 16.8694 12.0007C16.8694 10.6842 16.3499 9.44997 15.4066 8.52525C15.3591 8.47869 15.3445 8.40787 15.3696 8.34623C15.3948 8.28459 15.4548 8.24426 15.5214 8.24426Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/chrome-logo-24.svg

@@ -1,16 +1,16 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconChromeLogo_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
+        d="M20.604 6.903a.164.164 0 0 1-.141.247h-8.04a4.87 4.87 0 0 0-5.139 3.634.164.164 0 0 1-.3.041L4.169 5.95a.164.164 0 0 1 .014-.184A9.956 9.956 0 0 1 12 2.001a9.992 9.992 0 0 1 8.604 4.902ZM12 15.738A3.741 3.741 0 0 1 8.263 12 3.741 3.741 0 0 1 12 8.263a3.741 3.741 0 0 1 3.737 3.738A3.741 3.741 0 0 1 12 15.738Zm1.478 1.012a.164.164 0 0 0-.174-.058A4.862 4.862 0 0 1 12 16.87a4.894 4.894 0 0 1-4.416-2.819L3.568 7.097a.164.164 0 0 0-.285.001 10.005 10.005 0 0 0 7.225 14.793.165.165 0 0 0 .166-.08l2.816-4.878a.164.164 0 0 0-.012-.182Zm2.043-8.506h5.638c.067 0 .128.042.153.104A9.951 9.951 0 0 1 22 12.001a9.937 9.937 0 0 1-2.892 7.033 9.939 9.939 0 0 1-6.995 2.965h-.001a.164.164 0 0 1-.142-.246l4.022-6.967a4.835 4.835 0 0 0 .877-2.785c0-1.317-.52-2.551-1.462-3.476a.164.164 0 0 1 .114-.28Z"
         clip-rule="evenodd"
-        d="M20.604 6.903a.164.164 0 0 1-.141.248h-8.026l-.014-.001a4.87 4.87 0 0 0-5.139 3.634.164.164 0 0 1-.3.041L4.169 5.95a.164.164 0 0 1 .014-.184A9.956 9.956 0 0 1 12 2.001a9.992 9.992 0 0 1 8.604 4.902ZM12 15.738A3.741 3.741 0 0 1 8.263 12 3.741 3.741 0 0 1 12 8.263a3.741 3.741 0 0 1 3.737 3.738A3.741 3.741 0 0 1 12 15.738Zm1.478 1.012a.164.164 0 0 0-.174-.058A4.862 4.862 0 0 1 12 16.87a4.894 4.894 0 0 1-4.416-2.818L3.568 7.096a.164.164 0 0 0-.285.001 10.005 10.005 0 0 0 1.165 11.46 9.998 9.998 0 0 0 6.084 3.335c.058 0 .113-.031.142-.082l2.816-4.878a.164.164 0 0 0-.012-.182Zm2.043-8.506h5.638c.067 0 .128.042.153.104A9.951 9.951 0 0 1 22 12.001a9.938 9.938 0 0 1-2.892 7.033 9.939 9.939 0 0 1-6.995 2.965h-.001a.164.164 0 0 1-.142-.246l4.022-6.967a4.835 4.835 0 0 0 .877-2.785c0-1.317-.52-2.551-1.462-3.476a.164.164 0 0 1 .114-.28Z"
-        fill="currentColor"
     />
 </svg>

package/design-tokens/generated/icons/clock-16.json

@@ -2,6 +2,6 @@
   "iconName": "clock-16",
   "name": "16px-clock",
   "pascalName": "IconClock_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/46c6047d-1ba7-46e8-8d98-90f5cb719da6",
-  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M8 1C4.134 1 1 4.134 1 8C1 11.866 4.134 15 8 15C11.866 15 15 11.866 15 8C15 4.134 11.866 1 8 1ZM11.719 10.042C11.519 10.407 11.061 10.537 10.701 10.338L7.639 8.657C7.399 8.526 7.25 8.274 7.25 8V3C7.25 2.586 7.586 2.25 8 2.25C8.414 2.25 8.75 2.586 8.75 3V7.556L11.422 9.024C11.786 9.223 11.918 9.679 11.719 10.042Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/84a2f5ad-b2a0-4947-99a7-e66a1390b692",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M8 1C4.134 1 1 4.134 1 8C1 11.866 4.134 15 8 15C11.866 15 15 11.866 15 8C15 4.134 11.866 1 8 1ZM11.719 10.042C11.519 10.407 11.061 10.537 10.701 10.338L7.639 8.657C7.399 8.526 7.25 8.274 7.25 8V3C7.25 2.586 7.586 2.25 8 2.25C8.414 2.25 8.75 2.586 8.75 3V7.556L11.422 9.024C11.786 9.223 11.918 9.679 11.719 10.042Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/clock-16.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 16 16"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconClock_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
-        d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm3.719 9.042a.749.749 0 0 1-1.018.296L7.639 8.657A.748.748 0 0 1 7.25 8V3a.75.75 0 0 1 1.5 0v4.556l2.672 1.468a.75.75 0 0 1 .297 1.018Z"
         fill="currentColor"
+        d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm3.719 9.042a.749.749 0 0 1-1.018.296L7.639 8.657A.748.748 0 0 1 7.25 8V3a.75.75 0 0 1 1.5 0v4.556l2.672 1.468a.75.75 0 0 1 .297 1.018Z"
     />
 </svg>

package/design-tokens/generated/icons/clock-24.json

@@ -2,6 +2,6 @@
   "iconName": "clock-24",
   "name": "24px-clock",
   "pascalName": "IconClock_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9be4916-2987-4ba3-b6f3-5fe9e0305c04",
-  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM17.312 14.917C17.03 15.431 16.381 15.628 15.857 15.34L11.483 12.939C11.14 12.751 10.927 12.391 10.927 12V4.857C10.927 4.265 11.406 3.786 11.998 3.786C12.59 3.786 13.069 4.265 13.069 4.857V11.366L16.887 13.462C17.408 13.747 17.598 14.398 17.312 14.917Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b613ec8-0e65-45aa-89dd-dc8f22a678d5",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM17.312 14.917C17.03 15.431 16.381 15.628 15.857 15.34L11.483 12.939C11.14 12.751 10.927 12.391 10.927 12V4.857C10.927 4.265 11.406 3.786 11.998 3.786C12.59 3.786 13.069 4.265 13.069 4.857V11.366L16.887 13.462C17.408 13.747 17.598 14.398 17.312 14.917Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/clock-24.svg

@@ -1,14 +1,14 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconClock_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
-        d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm5.312 12.917a1.07 1.07 0 0 1-1.455.423l-4.374-2.401a1.07 1.07 0 0 1-.556-.939V4.857a1.07 1.07 0 1 1 2.142 0v6.509l3.818 2.096c.521.285.711.936.425 1.455Z"
         fill="currentColor"
+        d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm5.312 12.917a1.07 1.07 0 0 1-1.455.423l-4.374-2.401a1.07 1.07 0 0 1-.556-.939V4.857a1.07 1.07 0 1 1 2.142 0v6.509l3.818 2.096c.521.285.711.936.425 1.455Z"
     />
 </svg>

package/design-tokens/generated/icons/close-16.json

@@ -2,6 +2,6 @@
   "iconName": "close-16",
   "name": "16px-close",
   "pascalName": "IconClose_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9b865ce9-83b4-48b2-bc87-868d1e1d28a3",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be8e39bb-a361-4b6c-9a92-7388b392d121",
   "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.6343 11.7657C10.9467 12.0781 11.4533 12.0781 11.7657 11.7657C12.0781 11.4533 12.0781 10.9467 11.7657 10.6343L9.13137 8L11.7657 5.36569C12.0781 5.05327 12.0781 4.54673 11.7657 4.23431C11.4533 3.9219 10.9467 3.9219 10.6343 4.23431L8 6.86863L5.36569 4.23431C5.05327 3.9219 4.54673 3.9219 4.23432 4.23431C3.9219 4.54673 3.9219 5.05327 4.23432 5.36569L6.86863 8L4.23431 10.6343C3.9219 10.9467 3.9219 11.4533 4.23431 11.7657C4.54673 12.0781 5.05327 12.0781 5.36569 11.7657L8 9.13137L10.6343 11.7657Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/close-16.svg

@@ -1,16 +1,16 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 16 16"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconClose_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M10.634 11.766a.8.8 0 0 0 1.132-1.132L9.13 8l2.635-2.634a.8.8 0 0 0-1.132-1.132L8 6.87 5.366 4.234a.8.8 0 0 0-1.132 1.132L6.87 8l-2.635 2.634a.8.8 0 0 0 1.132 1.132L8 9.13l2.634 2.635Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
 </svg>

package/design-tokens/generated/icons/close-24.json

@@ -2,6 +2,6 @@
   "iconName": "close-24",
   "name": "24px-close",
   "pascalName": "IconClose_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/85729e14-ffce-4db5-988f-d6260a8f4776",
-  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.2929 17.7071C16.6834 18.0976 17.3166 18.0976 17.7071 17.7071C18.0976 17.3166 18.0976 16.6834 17.7071 16.2929L13.4142 12L17.7071 7.70711C18.0976 7.31658 18.0976 6.68342 17.7071 6.29289C17.3166 5.90237 16.6834 5.90237 16.2929 6.29289L12 10.5858L7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L10.5858 12L6.29289 16.2929C5.90237 16.6834 5.90237 17.3166 6.29289 17.7071C6.68342 18.0976 7.31658 18.0976 7.70711 17.7071L12 13.4142L16.2929 17.7071Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/55a7b2b3-8a3c-49b5-b81e-8a91c1b8ed9c",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.2929 17.7071C16.6834 18.0976 17.3166 18.0976 17.7071 17.7071C18.0976 17.3166 18.0976 16.6834 17.7071 16.2929L13.4142 12L17.7071 7.70711C18.0976 7.31658 18.0976 6.68342 17.7071 6.29289C17.3166 5.90237 16.6834 5.90237 16.2929 6.29289L12 10.5858L7.70711 6.29289C7.31658 5.90237 6.68342 5.90237 6.29289 6.29289C5.90237 6.68342 5.90237 7.31658 6.29289 7.70711L10.5858 12L6.29289 16.2929C5.90237 16.6834 5.90237 17.3166 6.29289 17.7071C6.68342 18.0976 7.31658 18.0976 7.70711 17.7071L12 13.4142L16.2929 17.7071Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/close-24.svg

@@ -1,16 +1,16 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconClose_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M16.293 17.707a1 1 0 0 0 1.414-1.414L13.414 12l4.293-4.293a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
 </svg>

package/design-tokens/generated/icons/connection-indicator-high-24.json

@@ -2,6 +2,6 @@
   "iconName": "connection-indicator-high-24",
   "name": "24px-connection-indicator-high",
   "pascalName": "IconConnectionIndicatorHigh_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/20e7ae04-7fac-4109-98bf-31ff9db77d52",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3fa1cbcd-323f-4390-b001-8673c3ff9363",
   "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect x=\"4\" y=\"16\" width=\"4\" height=\"4\" rx=\"1\" fill=\"white\"/>\n<rect x=\"10\" y=\"11\" width=\"4\" height=\"9\" rx=\"1\" fill=\"white\"/>\n<rect x=\"16\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/connection-indicator-high-24.svg

@@ -1,13 +1,13 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconConnectionIndicatorHigh_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
-    <rect x="4" y="16" width="4" height="4" rx="1" fill="currentColor" />
-    <rect x="10" y="11" width="4" height="9" rx="1" fill="currentColor" />
-    <rect x="16" y="4" width="4" height="16" rx="1" fill="currentColor" />
+    <rect width="4" height="4" x="4" y="16" fill="currentColor" rx="1" />
+    <rect width="4" height="9" x="10" y="11" fill="currentColor" rx="1" />
+    <rect width="4" height="16" x="16" y="4" fill="currentColor" rx="1" />
 </svg>

package/design-tokens/generated/icons/connection-indicator-low-24.json

@@ -2,6 +2,6 @@
   "iconName": "connection-indicator-low-24",
   "name": "24px-connection-indicator-low",
   "pascalName": "IconConnectionIndicatorLow_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a2fd27e1-15fd-49a4-a75e-8f9ca1472f8a",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b67fd621-4fe9-4a49-a4b4-1c36371f3625",
   "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_2052_449)\">\n<rect x=\"4\" y=\"16\" width=\"4\" height=\"4\" rx=\"1\" fill=\"white\"/>\n<rect opacity=\"0.3\" x=\"10\" y=\"11\" width=\"4\" height=\"9\" rx=\"1\" fill=\"white\"/>\n<rect opacity=\"0.3\" x=\"16\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" fill=\"white\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2052_449\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n"
 }

package/design-tokens/generated/icons/connection-indicator-low-24.svg

@@ -1,16 +1,16 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconConnectionIndicatorLow_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
-    <g clip-path="url(#IconConnectionIndicatorLow_24__a)" fill="currentColor">
-        <rect x="4" y="16" width="4" height="4" rx="1" />
-        <rect opacity=".3" x="10" y="11" width="4" height="9" rx="1" />
-        <rect opacity=".3" x="16" y="4" width="4" height="16" rx="1" />
+    <g fill="#fff" clip-path="url(#IconConnectionIndicatorLow_24__a)">
+        <rect width="4" height="4" x="4" y="16" rx="1" />
+        <rect width="4" height="9" x="10" y="11" opacity=".3" rx="1" />
+        <rect width="4" height="16" x="16" y="4" opacity=".3" rx="1" />
     </g>
     <defs>
         <clipPath id="IconConnectionIndicatorLow_24__a">

package/design-tokens/generated/icons/connection-indicator-medium-24.json

@@ -2,6 +2,6 @@
   "iconName": "connection-indicator-medium-24",
   "name": "24px-connection-indicator-medium",
   "pascalName": "IconConnectionIndicatorMedium_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3228658f-8d95-427c-8f24-d62ec2a76995",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/636087c8-4bd0-416d-8df6-b122481dd7f3",
   "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_2052_447)\">\n<rect x=\"4\" y=\"16\" width=\"4\" height=\"4\" rx=\"1\" fill=\"white\"/>\n<rect x=\"10\" y=\"11\" width=\"4\" height=\"9\" rx=\"1\" fill=\"white\"/>\n<rect opacity=\"0.3\" x=\"16\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" fill=\"white\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2052_447\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n"
 }

package/design-tokens/generated/icons/connection-indicator-medium-24.svg

@@ -1,19 +1,16 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconConnectionIndicatorMedium_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
-    <g
-        clip-path="url(#IconConnectionIndicatorMedium_24__a)"
-        fill="currentColor"
-    >
-        <rect x="4" y="16" width="4" height="4" rx="1" />
-        <rect x="10" y="11" width="4" height="9" rx="1" />
-        <rect opacity=".3" x="16" y="4" width="4" height="16" rx="1" />
+    <g fill="#fff" clip-path="url(#IconConnectionIndicatorMedium_24__a)">
+        <rect width="4" height="4" x="4" y="16" rx="1" />
+        <rect width="4" height="9" x="10" y="11" rx="1" />
+        <rect width="4" height="16" x="16" y="4" opacity=".3" rx="1" />
     </g>
     <defs>
         <clipPath id="IconConnectionIndicatorMedium_24__a">

package/design-tokens/generated/icons/connection-indicator-very-low-24.json

@@ -2,6 +2,6 @@
   "iconName": "connection-indicator-very-low-24",
   "name": "24px-connection-indicator-very-low",
   "pascalName": "IconConnectionIndicatorVeryLow_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b72cd335-a8da-4b47-a042-2885401c12ae",
-  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_2052_451)\">\n<rect x=\"4\" y=\"16\" width=\"4\" height=\"4\" rx=\"1\" fill=\"#E60000\"/>\n<rect opacity=\"0.3\" x=\"10\" y=\"11\" width=\"4\" height=\"9\" rx=\"1\" fill=\"white\"/>\n<rect opacity=\"0.3\" x=\"16\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" fill=\"white\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2052_451\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bbfd4ce0-f570-4c9a-8a47-bfb17b201604",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_2052_451)\">\n<rect x=\"4\" y=\"16\" width=\"4\" height=\"4\" rx=\"1\" fill=\"#DC2626\"/>\n<rect opacity=\"0.3\" x=\"10\" y=\"11\" width=\"4\" height=\"9\" rx=\"1\" fill=\"white\"/>\n<rect opacity=\"0.3\" x=\"16\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\" fill=\"white\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2052_451\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n"
 }

package/design-tokens/generated/icons/connection-indicator-very-low-24.svg

@@ -1,31 +1,31 @@
 <!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
 
 <svg
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    fill="none"
     data-token-name="IconConnectionIndicatorVeryLow_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <g clip-path="url(#IconConnectionIndicatorVeryLow_24__a)">
-        <rect x="4" y="16" width="4" height="4" rx="1" fill="currentColor" />
+        <rect width="4" height="4" x="4" y="16" fill="currentColor" rx="1" />
         <rect
-            opacity=".3"
-            x="10"
-            y="11"
             width="4"
             height="9"
-            rx="1"
+            x="10"
+            y="11"
             fill="currentColor"
+            opacity=".3"
+            rx="1"
         />
         <rect
-            opacity=".3"
-            x="16"
-            y="4"
             width="4"
             height="16"
-            rx="1"
+            x="16"
+            y="4"
             fill="currentColor"
+            opacity=".3"
+            rx="1"
         />
     </g>
     <defs>