@pexip/components 16.12.1 → 16.14.0

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

@@ -2,6 +2,6 @@
   "iconName": "trash-24",
   "name": "24px-trash",
   "pascalName": "IconTrash_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e5e6e129-5126-450e-ba08-521fd7f46c2c",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/41e44018-874f-43a8-9ea5-57436362f851",
   "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=\"M15 6L9 6L3 6C2.44772 6 2 5.55228 2 5C2 4.44772 2.44772 4 3 4H9V3C9 1.89543 9.89543 1 11 1H13C14.1046 1 15 1.89543 15 3V4H21C21.5523 4 22 4.44772 22 5C22 5.55228 21.5523 6 21 6H15ZM20 8H4V21C4 22.1046 4.89543 23 6 23H18C19.1046 23 20 22.1046 20 21V8ZM11 12C11 11.4477 10.5523 11 10 11C9.44772 11 9 11.4477 9 12V19C9 19.5523 9.44772 20 10 20C10.5523 20 11 19.5523 11 19V12ZM14 11C14.5523 11 15 11.4477 15 12V19C15 19.5523 14.5523 20 14 20C13.4477 20 13 19.5523 13 19V12C13 11.4477 13.4477 11 14 11Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "unlock-16",
   "name": "16px-unlock",
   "pascalName": "IconUnlock_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/93b13864-8f33-45d0-bbaf-ff2846c24974",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7ded1e3-c244-4cfe-9773-3bea3d5c8b92",
   "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.90722 6.38461V4.07692C9.90722 3.02462 10.7284 2.16923 11.817 2.16923C12.9056 2.16923 13.7268 3.02462 13.7268 4.07692V4.53846H15V4.07692C15 2.37846 13.574 1 11.817 1C10.06 1 8.63402 2.37846 8.63402 4.07692V6.38461H9.90722Z\" fill=\"white\"/>\n<path d=\"M2.6366 6.38462C2.28501 6.38462 2 6.66013 2 7V14.3846C2 14.7245 2.28501 15 2.6366 15H11.8673C12.2189 15 12.5039 14.7245 12.5039 14.3846V7C12.5039 6.66013 12.2189 6.38462 11.8673 6.38462H2.6366Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "unlock-24",
   "name": "24px-unlock",
   "pascalName": "IconUnlock_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/07b7baf5-13ad-4ae6-ab80-4f50dffe0d87",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/84b966aa-5c11-443f-bb65-f1953a9ff61e",
   "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M14.1649 9.46154V5.83516C14.1649 4.18154 15.4283 2.83736 17.1031 2.83736C18.7778 2.83736 20.0412 4.18154 20.0412 5.83516V6.56044H22V5.83516C22 3.16615 19.8062 1 17.1031 1C14.4 1 12.2062 3.16615 12.2062 5.83516V9.46154H14.1649Z\" fill=\"white\"/>\n<path d=\"M2.97938 9.46154C2.43848 9.46154 2 9.89449 2 10.4286V22.033C2 22.567 2.43848 23 2.97938 23H17.1804C17.7213 23 18.1598 22.567 18.1598 22.033V10.4286C18.1598 9.89449 17.7213 9.46154 17.1804 9.46154H2.97938Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "video-off-16",
   "name": "16px-video-off",
   "pascalName": "IconVideoOff_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4efc0ebb-d1b3-4289-9f99-a1993581a598",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c32364e6-2c05-4bc9-a199-2c2a23e18a2b",
   "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.41697 1.66102C1.22197 1.46602 0.904971 1.46602 0.709971 1.66102C0.514971 1.85602 0.514971 2.17302 0.709971 2.36802L2.43297 4.09102C1.60697 4.33702 0.999971 5.09402 0.999971 6.00002V10C0.999971 11.105 1.89497 12 2.99997 12H9.99997C10.0905 12 10.1773 11.9859 10.2643 11.9717L10.306 11.965L13.121 14.78C13.316 14.975 13.633 14.975 13.828 14.78C14.023 14.585 14.023 14.268 13.828 14.073L1.41697 1.66102ZM12 10V6.00003C12 4.89503 11.105 4.00003 9.99998 4.00003H5.16998L11.868 10.698C11.949 10.48 12 10.247 12 10ZM13 6.50003L15.18 4.68303C15.506 4.41203 16 4.64403 16 5.06803V10.933C16 11.357 15.506 11.588 15.18 11.317L13 9.50003V6.50003Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "video-off-24",
   "name": "24px-video-off",
   "pascalName": "IconVideoOff_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e4953e5a-eddb-45ed-a381-713f34a2492c",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d5feb14d-45aa-4784-9786-8a03499cbab1",
   "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=\"M3.567 4.07594C3.323 3.83194 2.927 3.83194 2.683 4.07594C2.439 4.31994 2.439 4.71594 2.683 4.95994L4.837 7.11394C3.804 7.42094 3.046 8.36694 3.046 9.49994V14.4899C3.046 15.8709 4.165 16.9899 5.546 16.9899H14.296C14.428 16.9899 14.552 16.9759 14.678 16.9559L18.196 20.4739C18.44 20.7179 18.836 20.7179 19.08 20.4739C19.324 20.2299 19.324 19.8339 19.08 19.5899L3.567 4.07594ZM16.796 14.4999V9.49995C16.796 8.11895 15.677 6.99995 14.296 6.99995H8.258L16.631 15.3729C16.732 15.0999 16.796 14.8079 16.796 14.4999ZM18.046 10.1249L20.771 7.85395C21.178 7.51495 21.796 7.80495 21.796 8.33395V15.6659C21.796 16.1959 21.178 16.4849 20.771 16.1459L18.046 13.8749V10.1249Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/video-off-32.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "video-off-32",
+  "name": "32px-video-off",
+  "pascalName": "IconVideoOff_32",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/86684197-4254-4d22-a746-48d17b319e85",
+  "graphic": "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.08941 5.57737C3.76408 5.25204 3.23608 5.25204 2.91075 5.57737C2.58541 5.90271 2.58541 6.43071 2.91075 6.75604L5.78275 9.62804C4.40541 10.0374 3.39475 11.2987 3.39475 12.8094V19.4627C3.39475 21.304 4.88675 22.796 6.72808 22.796H18.3947C18.5707 22.796 18.7361 22.7774 18.9041 22.7507L23.5947 27.4414C23.9201 27.7667 24.4481 27.7667 24.7734 27.4414C25.0987 27.116 25.0987 26.588 24.7734 26.2627L4.08941 5.57737ZM21.7281 19.476V12.8094C21.7281 10.968 20.2361 9.47604 18.3947 9.47604H10.3441L21.5081 20.64C21.6427 20.276 21.7281 19.8867 21.7281 19.476ZM23.3948 13.6427L27.0281 10.6147C27.5708 10.1627 28.3948 10.5494 28.3948 11.2547V21.0307C28.3948 21.7374 27.5708 22.1227 27.0281 21.6707L23.3948 18.6427V13.6427Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/video-off-32.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="IconVideoOff_32"
+    viewBox="0 0 32 32"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M4.09 5.577a.834.834 0 0 0-1.18 1.179l2.873 2.872a3.323 3.323 0 0 0-2.388 3.181v6.654a3.333 3.333 0 0 0 3.333 3.333h11.667c.176 0 .341-.019.51-.045l4.69 4.69a.834.834 0 0 0 1.178-1.178L4.09 5.577Zm17.638 13.899v-6.667a3.333 3.333 0 0 0-3.333-3.333h-8.05L21.507 20.64c.135-.364.22-.753.22-1.164Zm1.667-5.833 3.633-3.028a.834.834 0 0 1 1.367.64v9.776a.833.833 0 0 1-1.367.64l-3.633-3.028v-5Z"
+        clip-rule="evenodd"
+    />
+</svg>

package/design-tokens/generated/icons/video-off-32.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/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/4537ca03-c34d-4f6a-b559-9006e32a7d8c",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/469cada8-adbc-48e5-8ed5-a30fccc52137",
   "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-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/542aa627-5e5f-4f7a-9be1-d2fe84b85686",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/aa8659f3-ec0e-4b65-9843-f069c65111ff",
   "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-32.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "video-on-32",
+  "name": "32px-video-on",
+  "pascalName": "IconVideoOn_32",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6bb239a-b929-496e-96ca-9a6fe09c2317",
+  "graphic": "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.53328 9.33337H19.2C21.0413 9.33337 22.5333 10.8254 22.5333 12.6667V19.3334C22.5333 21.1747 21.0413 22.6667 19.2 22.6667H7.53328C5.69195 22.6667 4.19995 21.1747 4.19995 19.3334V12.6667C4.19995 10.8254 5.69195 9.33337 7.53328 9.33337ZM24.2 13.5L27.8333 10.472C28.376 10.02 29.2 10.4067 29.2 11.112V20.888C29.2 21.5947 28.376 21.98 27.8333 21.528L24.2 18.5V13.5Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/video-on-32.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="IconVideoOn_32"
+    viewBox="0 0 32 32"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M7.533 9.333H19.2a3.333 3.333 0 0 1 3.333 3.334v6.666a3.333 3.333 0 0 1-3.333 3.334H7.533A3.333 3.333 0 0 1 4.2 19.333v-6.666a3.333 3.333 0 0 1 3.333-3.334ZM24.2 13.5l3.633-3.028a.834.834 0 0 1 1.367.64v9.776a.833.833 0 0 1-1.367.64L24.2 18.5v-5Z"
+        clip-rule="evenodd"
+    />
+</svg>

package/design-tokens/generated/icons/video-on-32.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/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/e93a8f7b-261d-4e28-8411-d292fb0d5770",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ceebf763-073c-4eed-a888-7473b1f32352",
   "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-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/563a95f4-08c4-493e-b3ac-9799e0e9a6db",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/10406cee-efe7-4cb6-ba17-c4b5bf9de4af",
   "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/warning-16.json

@@ -2,6 +2,6 @@
   "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",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2b3b25ec-9647-4efa-bdb0-4608ec639704",
   "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-24.json

@@ -2,6 +2,6 @@
   "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",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4cd6dd4b-5f99-4dcd-bc63-43c5a303931b",
   "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-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/ab7a6648-edad-4910-89f4-2f9b650bfbad",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4a3db5ab-c4af-422d-8cbd-fe2a43522112",
   "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-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/50411ca8-c085-45d5-bdce-83b9f973cdf8",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f3ba52ba-8701-403b-a0f8-215cdf49c997",
   "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/mixins/_focus.scss

@@ -0,0 +1,55 @@
+@use 'sass:map';
+@import '../variables.scss';
+
+@mixin box-shadow-focus($paramMap: ()) {
+    $defaults: (
+        color-scheme: 'dark',
+        is-inset: true,
+        additional-selector: null,
+    );
+    $opts: map-merge($defaults, $paramMap);
+    $color-scheme: map.get($opts, 'color-scheme');
+    $is-inset: map.get($opts, 'is-inset');
+    $additional-selector: map.get($opts, 'additional-selector');
+
+    @include create-token(
+        dark-box-shadow-focus,
+        rgba(color-hex('green-40'), 0.3)
+    );
+    @include create-token(dark-box-shadow-focus-border, color('green-100'));
+
+    @include create-token(light-box-shadow-focus, color('green-40'));
+    @include create-token(light-box-shadow-focus-border, color('green-100'));
+
+    &,
+    &:focus {
+        transition: box-shadow 0.3s;
+        outline: transparent;
+    }
+
+    &[data-focus-visible-added],
+    #{$additional-selector} {
+        @if $is-inset {
+            box-shadow:
+                0
+                    0
+                    0
+                    1px
+                    inset
+                    get-token(#{$color-scheme}-box-shadow-focus-border),
+                0
+                    0
+                    0
+                    3px
+                    get-token(#{$color-scheme}-box-shadow-focus) !important;
+        } @else {
+            box-shadow:
+                0 0 0 1px get-token(#{$color-scheme}-box-shadow-focus-border),
+                0
+                    0
+                    0
+                    4px
+                    get-token(#{$color-scheme}-box-shadow-focus) !important;
+        }
+    }
+}

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

@@ -9,13 +9,13 @@
         9999
     );
     @include create-token(components-z-index-context-menu-click-catcher, 9998);
+    @include create-token(components-z-index-modal-wrapper, 999);
     @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);