@pexip/components 16.10.0 → 16.12.0

package/design-tokens/generated/icons/video-off-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="IconVideoOff_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M3.567 4.076a.625.625 0 0 0-.884.884l2.154 2.154A2.492 2.492 0 0 0 3.046 9.5v4.99a2.5 2.5 0 0 0 2.5 2.5h8.75a2.4 2.4 0 0 0 .382-.034l3.518 3.518a.625.625 0 0 0 .884-.884L3.567 4.076ZM16.796 14.5v-5a2.5 2.5 0 0 0-2.5-2.5H8.258l8.373 8.373c.101-.273.165-.565.165-.873Zm1.25-4.375 2.725-2.271a.625.625 0 0 1 1.025.48v7.332c0 .53-.618.819-1.025.48l-2.725-2.271v-3.75Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
 </svg>

package/design-tokens/generated/icons/video-on-16.json

@@ -2,6 +2,6 @@
   "iconName": "video-on-16",
   "name": "16px-video-on",
   "pascalName": "IconVideoOn_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c870fdbc-2695-4e9d-8ce6-e80de412363e",
-  "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=\"M3 4H10C11.105 4 12 4.895 12 6V10C12 11.105 11.105 12 10 12H3C1.895 12 1 11.105 1 10V6C1 4.895 1.895 4 3 4ZM13 6.5L15.18 4.683C15.506 4.412 16 4.644 16 5.068V10.933C16 11.357 15.506 11.588 15.18 11.317L13 9.5V6.5Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4537ca03-c34d-4f6a-b559-9006e32a7d8c",
+  "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=\"M3 4H10C11.105 4 12 4.895 12 6V10C12 11.105 11.105 12 10 12H3C1.895 12 1 11.105 1 10V6C1 4.895 1.895 4 3 4ZM13 6.5L15.18 4.683C15.506 4.412 16 4.644 16 5.068V10.933C16 11.357 15.506 11.588 15.18 11.317L13 9.5V6.5Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/video-on-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="IconVideoOn_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M3 4h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm10 2.5 2.18-1.817a.5.5 0 0 1 .82.385v5.865a.5.5 0 0 1-.82.384L13 9.5v-3Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
 </svg>

package/design-tokens/generated/icons/video-on-24.json

@@ -2,6 +2,6 @@
   "iconName": "video-on-24",
   "name": "24px-video-on",
   "pascalName": "IconVideoOn_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f42cded-60e4-4795-8f3e-3b0442ea64e0",
-  "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=\"M5.6499 7H14.3999C15.7809 7 16.8999 8.119 16.8999 9.5V14.5C16.8999 15.881 15.7809 17 14.3999 17H5.6499C4.2689 17 3.1499 15.881 3.1499 14.5V9.5C3.1499 8.119 4.2689 7 5.6499 7ZM18.1499 10.125L20.8749 7.854C21.2819 7.515 21.8999 7.805 21.8999 8.334V15.666C21.8999 16.196 21.2819 16.485 20.8749 16.146L18.1499 13.875V10.125Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/542aa627-5e5f-4f7a-9be1-d2fe84b85686",
+  "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=\"M5.6499 7H14.3999C15.7809 7 16.8999 8.119 16.8999 9.5V14.5C16.8999 15.881 15.7809 17 14.3999 17H5.6499C4.2689 17 3.1499 15.881 3.1499 14.5V9.5C3.1499 8.119 4.2689 7 5.6499 7ZM18.1499 10.125L20.8749 7.854C21.2819 7.515 21.8999 7.805 21.8999 8.334V15.666C21.8999 16.196 21.2819 16.485 20.8749 16.146L18.1499 13.875V10.125Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/video-on-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="IconVideoOn_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M5.65 7h8.75a2.5 2.5 0 0 1 2.5 2.5v5a2.5 2.5 0 0 1-2.5 2.5H5.65a2.5 2.5 0 0 1-2.5-2.5v-5A2.5 2.5 0 0 1 5.65 7Zm12.5 3.125 2.725-2.271a.625.625 0 0 1 1.025.48v7.332c0 .53-.618.819-1.025.48l-2.725-2.271v-3.75Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
 </svg>

package/design-tokens/generated/icons/video-systems-16.json

@@ -2,6 +2,6 @@
   "iconName": "video-systems-16",
   "name": "16px-video-systems",
   "pascalName": "IconVideoSystems_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/80bea778-e06a-4d92-a15b-3331d755fddd",
-  "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.9466 3.06139C10.9466 4.58749 9.70944 5.82463 8.18335 5.82463C6.65726 5.82463 5.42011 4.58749 5.42011 3.06139C5.42011 1.5353 6.65726 0.298157 8.18335 0.298157C9.70944 0.298157 10.9466 1.5353 10.9466 3.06139ZM9.67287 3.06117C9.67287 3.88291 9.00672 4.54907 8.18498 4.54907C7.36323 4.54907 6.69708 3.88291 6.69708 3.06117C6.69708 2.23943 7.36323 1.57327 8.18498 1.57327C9.00672 1.57327 9.67287 2.23943 9.67287 3.06117ZM3.02614 2.5087C3.01447 2.5087 3.00288 2.50906 2.99138 2.50977H2.91579C1.85768 2.50977 1 3.36746 1 4.42556V10.9098C1 11.9679 1.85768 12.8256 2.91579 12.8256H13.0842C14.1423 12.8256 15 11.9679 15 10.9098V4.42556C15 3.36746 14.1423 2.50977 13.0842 2.50977H13.0092C12.9977 2.50906 12.9861 2.5087 12.9744 2.5087H12.606C12.3008 2.5087 12.0533 2.75613 12.0533 3.06135C12.0533 3.36657 12.3008 3.614 12.606 3.614H12.7764L12.7763 3.61504H13.0842C13.5315 3.61504 13.8947 3.97756 13.8947 4.42556V10.9098C13.8947 11.3578 13.5322 11.7203 13.0842 11.7203H2.91579C2.46853 11.7203 2.10526 11.3578 2.10526 10.9098V4.42556C2.10526 3.9783 2.46779 3.61504 2.91579 3.61504H3.22514L3.22506 3.61399H3.76301C4.06823 3.61399 4.31565 3.36657 4.31565 3.06135C4.31565 2.75613 4.06823 2.5087 3.76301 2.5087H3.02614ZM5.97368 13.5624H10.0263L10.5613 15.1665C10.6607 15.4649 10.4389 15.7729 10.1243 15.7729H5.87568C5.56179 15.7729 5.33926 15.4649 5.43874 15.1665L5.97368 13.5624ZM8.73686 3.06132C8.73686 3.36654 8.48943 3.61396 8.18421 3.61396C7.87899 3.61396 7.63156 3.36654 7.63156 3.06132C7.63156 2.7561 7.87899 2.50867 8.18421 2.50867C8.48943 2.50867 8.73686 2.7561 8.73686 3.06132ZM4.11631 4.7193C4.46592 4.7193 4.77671 4.92611 4.9717 5.21628C5.66619 6.24984 6.84616 6.92994 8.18497 6.92994C9.57501 6.92994 10.7938 6.19681 11.4758 5.09613C11.6139 4.8732 11.8484 4.7193 12.1106 4.7193C12.4858 4.7193 12.79 5.02345 12.79 5.39863V9.21421C12.79 9.98741 12.1632 10.6142 11.39 10.6142H4.61073C3.83753 10.6142 3.21073 9.98741 3.21073 9.21421V5.62489C3.21073 5.12475 3.61617 4.7193 4.11631 4.7193Z\" fill=\"white\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e93a8f7b-261d-4e28-8411-d292fb0d5770",
+  "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.9466 3.0613C10.9466 4.5874 9.70944 5.82454 8.18335 5.82454C6.65726 5.82454 5.42011 4.5874 5.42011 3.0613C5.42011 1.53521 6.65726 0.298067 8.18335 0.298067C9.70944 0.298067 10.9466 1.53521 10.9466 3.0613ZM9.67287 3.06108C9.67287 3.88282 9.00672 4.54898 8.18498 4.54898C7.36323 4.54898 6.69708 3.88282 6.69708 3.06108C6.69708 2.23934 7.36323 1.57318 8.18498 1.57318C9.00672 1.57318 9.67287 2.23934 9.67287 3.06108ZM3.02614 2.50861C3.01447 2.50861 3.00288 2.50897 2.99138 2.50969H2.91579C1.85768 2.50969 1 3.36737 1 4.42548V10.9097C1 11.9678 1.85768 12.8255 2.91579 12.8255H13.0842C14.1423 12.8255 15 11.9678 15 10.9097V4.42548C15 3.36737 14.1423 2.50969 13.0842 2.50969H13.0092C12.9977 2.50897 12.9861 2.50861 12.9744 2.50861H12.606C12.3008 2.50861 12.0533 2.75604 12.0533 3.06126C12.0533 3.36648 12.3008 3.61391 12.606 3.61391H12.7764L12.7763 3.61495H13.0842C13.5315 3.61495 13.8947 3.97748 13.8947 4.42548V10.9097C13.8947 11.3577 13.5322 11.7202 13.0842 11.7202H2.91579C2.46853 11.7202 2.10526 11.3577 2.10526 10.9097V4.42548C2.10526 3.97821 2.46779 3.61495 2.91579 3.61495H3.22514L3.22506 3.61391H3.76301C4.06823 3.61391 4.31565 3.36648 4.31565 3.06126C4.31565 2.75604 4.06823 2.50861 3.76301 2.50861H3.02614ZM5.97368 13.5623H10.0263L10.5613 15.1664C10.6607 15.4648 10.4389 15.7728 10.1243 15.7728H5.87568C5.56179 15.7728 5.33926 15.4648 5.43874 15.1664L5.97368 13.5623ZM8.73686 3.06126C8.73686 3.36647 8.48943 3.6139 8.18421 3.6139C7.87899 3.6139 7.63156 3.36647 7.63156 3.06126C7.63156 2.75604 7.87899 2.50861 8.18421 2.50861C8.48943 2.50861 8.73686 2.75604 8.73686 3.06126ZM4.11631 4.71924C4.46592 4.71924 4.77671 4.92604 4.9717 5.21622C5.66619 6.24978 6.84616 6.92988 8.18497 6.92988C9.57501 6.92988 10.7938 6.19675 11.4758 5.09607C11.6139 4.87314 11.8484 4.71924 12.1106 4.71924C12.4858 4.71924 12.79 5.02339 12.79 5.39857V9.21415C12.79 9.98735 12.1632 10.6141 11.39 10.6141H4.61073C3.83753 10.6141 3.21073 9.98735 3.21073 9.21415V5.62483C3.21073 5.12468 3.61617 4.71924 4.11631 4.71924Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/video-systems-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="IconVideoSystems_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
+        d="M10.947 3.061a2.763 2.763 0 1 1-5.527 0 2.763 2.763 0 0 1 5.527 0Zm-1.274 0a1.488 1.488 0 1 1-2.976 0 1.488 1.488 0 0 1 2.976 0ZM3.026 2.51h-.11A1.916 1.916 0 0 0 1 4.426v6.485c0 1.058.858 1.915 1.916 1.915h10.168A1.916 1.916 0 0 0 15 10.91V4.425a1.916 1.916 0 0 0-1.916-1.915h-.075a.557.557 0 0 0-.035-.001h-.368a.553.553 0 0 0 0 1.105h.17v.001h.308a.81.81 0 0 1 .81.81v6.485a.81.81 0 0 1-.81.81H2.916a.81.81 0 0 1-.81-.81V4.425a.81.81 0 0 1 .81-.81h.31v-.001h.537a.553.553 0 0 0 0-1.105h-.737Zm2.948 11.053h4.052l.535 1.604a.46.46 0 0 1-.437.607H5.876a.46.46 0 0 1-.437-.607l.535-1.604Zm2.763-10.5a.553.553 0 1 1-1.105 0 .553.553 0 0 1 1.105 0Zm-4.62 1.657c.349 0 .66.207.855.497A3.865 3.865 0 0 0 8.185 6.93c1.39 0 2.609-.733 3.29-1.834a.76.76 0 0 1 .636-.377.68.68 0 0 1 .679.68v3.815a1.4 1.4 0 0 1-1.4 1.4H4.61a1.4 1.4 0 0 1-1.4-1.4v-3.59c0-.5.406-.905.906-.905Z"
         clip-rule="evenodd"
-        d="M10.947 3.061a2.763 2.763 0 1 1-5.527 0 2.763 2.763 0 0 1 5.527 0Zm-1.274 0a1.488 1.488 0 1 1-2.976 0 1.488 1.488 0 0 1 2.976 0ZM3.026 2.51h-.11A1.916 1.916 0 0 0 1 4.427v6.484c0 1.058.858 1.916 1.916 1.916h10.168A1.916 1.916 0 0 0 15 10.91V4.426a1.916 1.916 0 0 0-1.916-1.916h-.075a.565.565 0 0 0-.035-.001h-.368a.553.553 0 0 0 0 1.105h.17v.001h.308a.81.81 0 0 1 .81.81v6.485a.81.81 0 0 1-.81.81H2.916a.81.81 0 0 1-.81-.81V4.426a.81.81 0 0 1 .81-.811h.31v-.001h.537a.553.553 0 1 0 0-1.105h-.737Zm2.948 11.053h4.052l.535 1.604a.46.46 0 0 1-.437.607H5.876a.46.46 0 0 1-.437-.607l.535-1.604Zm2.763-10.5a.553.553 0 1 1-1.105 0 .553.553 0 0 1 1.105 0Zm-4.62 1.657c.349 0 .66.207.855.497A3.865 3.865 0 0 0 8.185 6.93c1.39 0 2.609-.733 3.29-1.834a.76.76 0 0 1 .636-.377.68.68 0 0 1 .679.68v3.815a1.4 1.4 0 0 1-1.4 1.4H4.61a1.4 1.4 0 0 1-1.4-1.4v-3.59c0-.5.406-.905.906-.905Z"
-        fill="currentColor"
     />
 </svg>

package/design-tokens/generated/icons/video-systems-24.json

@@ -2,6 +2,6 @@
   "iconName": "video-systems-24",
   "name": "24px-video-systems",
   "pascalName": "IconVideoSystems_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c5ec5cfc-ce40-48e6-9ce6-8cd80b8cc49a",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/563a95f4-08c4-493e-b3ac-9799e0e9a6db",
   "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.0529 4.94746C13.0529 5.38348 12.6994 5.73695 12.2634 5.73695C11.8273 5.73695 11.4739 5.38348 11.4739 4.94746C11.4739 4.51143 11.8273 4.15796 12.2634 4.15796C12.6994 4.15796 13.0529 4.51143 13.0529 4.94746Z\" fill=\"white\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.2097 4.94748C16.2097 7.12762 14.4423 8.89496 12.2622 8.89496C10.082 8.89496 8.3147 7.12762 8.3147 4.94748C8.3147 2.76735 10.082 1 12.2622 1C14.4423 1 16.2097 2.76735 16.2097 4.94748ZM14.3898 4.94747C14.3898 6.12139 13.4382 7.07303 12.2642 7.07303C11.0903 7.07303 10.1387 6.12139 10.1387 4.94747C10.1387 3.77355 11.0903 2.8219 12.2642 2.8219C13.4382 2.8219 14.3898 3.77355 14.3898 4.94747Z\" fill=\"white\"/>\n<path d=\"M4.89399 4.15796C4.88003 4.15796 4.86616 4.15832 4.85238 4.15904H4.73684C3.22526 4.15904 2 5.3843 2 6.89588V16.159C2 17.6706 3.22526 18.8959 4.73684 18.8959H19.2632C20.7747 18.8959 22 17.6706 22 16.159V6.89588C22 5.3843 20.7747 4.15904 19.2632 4.15904H19.1472C19.1334 4.15832 19.1196 4.15796 19.1056 4.15796H18.5793C18.1433 4.15796 17.7898 4.51143 17.7898 4.94746C17.7898 5.38348 18.1433 5.73695 18.5793 5.73695H18.8226L18.8225 5.73798H19.2632C19.9021 5.73798 20.4211 6.25588 20.4211 6.89588V16.159C20.4211 16.799 19.9032 17.3169 19.2632 17.3169H4.73684C4.09789 17.3169 3.57895 16.799 3.57895 16.159V6.89588C3.57895 6.25693 4.09684 5.73798 4.73684 5.73798H5.17798L5.17791 5.73695H5.94665C6.38268 5.73695 6.73615 5.38348 6.73615 4.94746C6.73615 4.51143 6.38268 4.15796 5.94665 4.15796H4.89399Z\" fill=\"white\"/>\n<path d=\"M9.10526 19.9485H14.8947L15.6589 22.2401C15.8011 22.6664 15.4842 23.1064 15.0347 23.1064H8.96526C8.51684 23.1064 8.19895 22.6664 8.34105 22.2401L9.10526 19.9485Z\" fill=\"white\"/>\n<path d=\"M6.4519 7.31592C6.95133 7.31592 7.39533 7.61135 7.67387 8.02589C8.66601 9.50241 10.3517 10.474 12.2643 10.474C14.25 10.474 15.9912 9.42665 16.9655 7.85424C17.1628 7.53577 17.4977 7.31592 17.8723 7.31592C18.4083 7.31592 18.8428 7.75041 18.8428 8.28639V13.7372C18.8428 14.8418 17.9474 15.7372 16.8428 15.7372H7.1582C6.05363 15.7372 5.1582 14.8418 5.1582 13.7372V8.60961C5.1582 7.89512 5.73741 7.31592 6.4519 7.31592Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/video-systems-24.svg

@@ -1,28 +1,28 @@
 <!-- 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="IconVideoSystems_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
-        d="M13.053 4.947a.79.79 0 1 1-1.58 0 .79.79 0 0 1 1.58 0Z"
         fill="currentColor"
+        d="M13.053 4.947a.79.79 0 1 1-1.58 0 .79.79 0 0 1 1.58 0Z"
     />
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M16.21 4.947a3.948 3.948 0 1 1-7.895 0 3.948 3.948 0 0 1 7.895 0Zm-1.82 0a2.126 2.126 0 1 1-4.251 0 2.126 2.126 0 0 1 4.25 0Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
     <path
-        d="m4.894 4.158-.042.001h-.115A2.737 2.737 0 0 0 2 6.896v9.263a2.737 2.737 0 0 0 2.737 2.737h14.526A2.737 2.737 0 0 0 22 16.159V6.896a2.737 2.737 0 0 0-2.737-2.737h-.116a.796.796 0 0 0-.041-.001h-.527a.79.79 0 0 0 0 1.579h.244v.001h.44c.64 0 1.158.518 1.158 1.158v9.263c0 .64-.518 1.158-1.158 1.158H4.737a1.158 1.158 0 0 1-1.158-1.158V6.896c0-.64.518-1.158 1.158-1.158h.441v-.001h.769a.79.79 0 1 0 0-1.579H4.894ZM9.105 19.948h5.79l.764 2.292a.658.658 0 0 1-.624.866h-6.07a.658.658 0 0 1-.624-.866l.764-2.291Z"
         fill="currentColor"
+        d="m4.894 4.158-.042.001h-.115A2.737 2.737 0 0 0 2 6.896v9.263a2.737 2.737 0 0 0 2.737 2.737h14.526A2.737 2.737 0 0 0 22 16.159V6.896a2.737 2.737 0 0 0-2.737-2.737h-.116a.796.796 0 0 0-.041-.001h-.527a.79.79 0 0 0 0 1.579h.244v.001h.44c.64 0 1.158.518 1.158 1.158v9.263c0 .64-.518 1.158-1.158 1.158H4.737a1.158 1.158 0 0 1-1.158-1.158V6.896c0-.64.518-1.158 1.158-1.158h.441v-.001h.769a.79.79 0 1 0 0-1.579H4.894ZM9.105 19.948h5.79l.764 2.292a.658.658 0 0 1-.624.866h-6.07a.658.658 0 0 1-.624-.866l.764-2.291Z"
     />
     <path
-        d="M6.452 7.316c.5 0 .943.295 1.222.71a5.521 5.521 0 0 0 4.59 2.448 5.523 5.523 0 0 0 4.701-2.62c.198-.318.533-.538.907-.538a.97.97 0 0 1 .97.97v5.451a2 2 0 0 1-2 2H7.159a2 2 0 0 1-2-2V8.61c0-.715.58-1.294 1.294-1.294Z"
         fill="currentColor"
+        d="M6.452 7.316c.5 0 .943.295 1.222.71a5.521 5.521 0 0 0 4.59 2.448 5.523 5.523 0 0 0 4.701-2.62c.198-.318.533-.538.907-.538a.97.97 0 0 1 .97.97v5.451a2 2 0 0 1-2 2H7.159a2 2 0 0 1-2-2V8.61c0-.715.58-1.294 1.294-1.294Z"
     />
 </svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "warning-16",
+  "name": "16px-warning",
+  "pascalName": "IconWarning_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4600828a-fefa-47d9-a0fe-fc20acbc20f3",
+  "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=\"M9.278 12.8667C9.278 13.4926 8.77059 14 8.14467 14L8.13333 14C7.50741 14 7 13.4926 7 12.8667C7 12.2407 7.50741 11.7333 8.13333 11.7333L8.14467 11.7333C8.77059 11.7333 9.278 12.2407 9.278 12.8667ZM8.14467 9.46667C7.51874 9.46667 7.01133 8.95926 7.01133 8.33333V3.13333C7.01133 2.50741 7.51874 2 8.14467 2C8.77059 2 9.278 2.50741 9.278 3.13333V8.33333C9.278 8.95926 8.77059 9.46667 8.14467 9.46667Z\" fill=\"white\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,16 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    data-token-name="IconWarning_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M9.278 12.867c0 .626-.507 1.133-1.133 1.133h-.012a1.133 1.133 0 1 1 0-2.267h.012c.626 0 1.133.508 1.133 1.134Zm-1.133-3.4A1.133 1.133 0 0 1 7.01 8.333v-5.2a1.133 1.133 0 0 1 2.267 0v5.2c0 .626-.507 1.134-1.133 1.134Z"
+        clip-rule="evenodd"
+    />
+</svg>

package/design-tokens/generated/icons/warning-16.svg.d.ts

@@ -0,0 +1,5 @@
+// FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE
+
+import type React from 'react';
+const icon: React.FC<React.ComponentProps<'svg'>>;
+export default icon;

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "warning-24",
+  "name": "24px-warning",
+  "pascalName": "IconWarning_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/09639ebb-9950-4a3e-a23a-c88733e83b55",
+  "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=\"M13.417 19.3C13.417 20.2389 12.6559 21 11.717 21L11.7 21C10.7611 21 10 20.2389 10 19.3C10 18.3611 10.7611 17.6 11.7 17.6L11.717 17.6C12.6559 17.6 13.417 18.3611 13.417 19.3ZM11.717 14.2C10.7781 14.2 10.017 13.4389 10.017 12.5V4.7C10.017 3.76112 10.7781 3 11.717 3C12.6559 3 13.417 3.76112 13.417 4.7V12.5C13.417 13.4389 12.6559 14.2 11.717 14.2Z\" fill=\"white\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,16 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    data-token-name="IconWarning_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M13.417 19.3a1.7 1.7 0 0 1-1.7 1.7H11.7a1.7 1.7 0 1 1 0-3.4h.017a1.7 1.7 0 0 1 1.7 1.7Zm-1.7-5.1a1.7 1.7 0 0 1-1.7-1.7V4.7a1.7 1.7 0 1 1 3.4 0v7.8a1.7 1.7 0 0 1-1.7 1.7Z"
+        clip-rule="evenodd"
+    />
+</svg>

package/design-tokens/generated/icons/warning-24.svg.d.ts

@@ -0,0 +1,5 @@
+// FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE
+
+import type React from 'react';
+const icon: React.FC<React.ComponentProps<'svg'>>;
+export default icon;

package/design-tokens/generated/icons/warning-round-16.json

@@ -2,6 +2,6 @@
   "iconName": "warning-round-16",
   "name": "16px-warning-round",
   "pascalName": "IconWarningRound_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15af206f-54fe-4b98-ae8e-7b3b6014cd8e",
-  "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=\"M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 0.999999 11.866 1 8ZM8.7 10.8C8.7 11.1866 8.3866 11.5 8 11.5L7.993 11.5C7.6064 11.5 7.293 11.1866 7.293 10.8C7.293 10.4134 7.6064 10.1 7.993 10.1L8 10.1C8.3866 10.1 8.7 10.4134 8.7 10.8ZM8 8.7C7.6134 8.7 7.3 8.3866 7.3 8L7.3 5.2C7.3 4.8134 7.6134 4.5 8 4.5C8.3866 4.5 8.7 4.8134 8.7 5.2L8.7 8C8.7 8.3866 8.3866 8.7 8 8.7Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab7a6648-edad-4910-89f4-2f9b650bfbad",
+  "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=\"M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 0.999999 11.866 1 8ZM8.7 10.8C8.7 11.1866 8.3866 11.5 8 11.5L7.993 11.5C7.6064 11.5 7.293 11.1866 7.293 10.8C7.293 10.4134 7.6064 10.1 7.993 10.1L8 10.1C8.3866 10.1 8.7 10.4134 8.7 10.8ZM8 8.7C7.6134 8.7 7.3 8.3866 7.3 8L7.3 5.2C7.3 4.8134 7.6134 4.5 8 4.5C8.3866 4.5 8.7 4.8134 8.7 5.2L8.7 8C8.7 8.3866 8.3866 8.7 8 8.7Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/warning-round-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="IconWarningRound_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm7.7 2.8a.7.7 0 0 1-.7.7h-.007a.7.7 0 1 1 0-1.4H8a.7.7 0 0 1 .7.7ZM8 8.7a.7.7 0 0 1-.7-.7V5.2a.7.7 0 1 1 1.4 0V8a.7.7 0 0 1-.7.7Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
 </svg>

package/design-tokens/generated/icons/warning-round-24.json

@@ -2,6 +2,6 @@
   "iconName": "warning-round-24",
   "name": "24px-warning-round",
   "pascalName": "IconWarningRound_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e217b04f-c4f2-4bf8-a654-4a0ece08fd3e",
-  "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=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM13 16C13 16.5523 12.5523 17 12 17L11.99 17C11.4377 17 10.99 16.5523 10.99 16C10.99 15.4477 11.4377 15 11.99 15L12 15C12.5523 15 13 15.4477 13 16ZM12 13C11.4477 13 11 12.5523 11 12V8C11 7.44771 11.4477 7 12 7C12.5523 7 13 7.44771 13 8V12C13 12.5523 12.5523 13 12 13Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/50411ca8-c085-45d5-bdce-83b9f973cdf8",
+  "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=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM13 16C13 16.5523 12.5523 17 12 17L11.99 17C11.4377 17 10.99 16.5523 10.99 16C10.99 15.4477 11.4377 15 11.99 15L12 15C12.5523 15 13 15.4477 13 16ZM12 13C11.4477 13 11 12.5523 11 12V8C11 7.44771 11.4477 7 12 7C12.5523 7 13 7.44771 13 8V12C13 12.5523 12.5523 13 12 13Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/warning-round-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="IconWarningRound_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
 >
     <path
+        fill="currentColor"
         fill-rule="evenodd"
-        clip-rule="evenodd"
         d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm11 4a1 1 0 0 1-1 1h-.01a1 1 0 1 1 0-2H12a1 1 0 0 1 1 1Zm-1-3a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1Z"
-        fill="currentColor"
+        clip-rule="evenodd"
     />
 </svg>

package/design-tokens/tokens/zIndex.tokens.scss

@@ -0,0 +1,23 @@
+@import '../variables.scss';
+
+:root {
+    @include create-token(components-z-index-draggable-dragging, 10000);
+    @include create-token(components-z-index-toast, 9999);
+    @include create-token(components-z-index-fullscreen-overlay, 9998);
+    @include create-token(
+        components-z-index-context-menu-position-adjuster,
+        9999
+    );
+    @include create-token(components-z-index-context-menu-click-catcher, 9998);
+    @include create-token(components-z-index-modal-mask, 999);
+    @include create-token(components-z-index-modal-positioned, 999);
+    @include create-token(components-z-index-sheet-wrapper, 999);
+    @include create-token(components-z-index-badge-counter, 500);
+    @include create-token(components-z-index-drop-content, 99);
+    @include create-token(components-z-index-table-sticky-pagination, 98);
+    @include create-token(components-z-index-scrim-top, 5);
+    @include create-token(components-z-index-tooltip, 1);
+    @include create-token(components-z-index-line-heading-text, 1);
+    @include create-token(components-z-index-line-heading-visual-line, 0);
+    @include create-token(components-z-index-file-upload-input, -1);
+}

package/design-tokens/tokens.scss

@@ -4,6 +4,7 @@
 @import './tokens/all-sizes.tokens.scss';
 @import './tokens/circle-sizes.tokens.scss';
 @import './tokens/border-radius.tokens.scss';
+@import './tokens/zIndex.tokens.scss';
 
 /*FOUNDATION*/
 @import '../src/components/foundation/FullSizeWindow/FullSizeWindow.tokens.scss';