@pexip/components 18.0.0 → 18.1.0

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/ce155854-de4d-4a8a-b46b-ea14bd620c4c",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b5b101ef-0da7-45c9-93c8-414c2bee28e2",
   "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/4626ab9b-da4a-4994-a9ba-a837896ca607",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ba4e47c0-6cf7-4cef-b795-807ac87746f0",
   "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/5c463353-6c72-4414-9f0c-bab94aaaf833",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3e535384-e47a-4ba5-a050-5a5246039969",
   "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/34b2a9c0-d648-4e09-a054-f80ff22556c1",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/10cdec9b-aafd-4f14-86d4-ab300b857cda",
   "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

@@ -2,6 +2,6 @@
   "iconName": "video-off-32",
   "name": "32px-video-off",
   "pascalName": "IconVideoOff_32",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8909c99d-f5c0-4552-9f6d-7f7258191381",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9e009718-849b-4dd1-9dc9-ffd5372c9b30",
   "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-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/37d804c5-a4f8-4461-ace7-08307871fbf9",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fd9fc40d-9c27-465b-a084-6a1d80a17d90",
   "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/0a519292-a7bb-41ec-8cc8-f491e020c0f8",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/01ca3e47-5da7-4352-82c8-ac20f9a85155",
   "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

@@ -2,6 +2,6 @@
   "iconName": "video-on-32",
   "name": "32px-video-on",
   "pascalName": "IconVideoOn_32",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/be35f911-a697-4f93-b3d1-8cef9b3221af",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7184ca88-314c-44b2-967d-6203c7ef5936",
   "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-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/8b999991-5c2d-4b82-b4d5-9937295ba07e",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/47f49de4-3f3b-4a6e-be20-d0e00c916d7d",
   "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/8c76298c-611f-4d8c-8cf7-8c45622e1f36",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/27a9ea6a-266d-4a13-a6bc-01b06c5dfb8a",
   "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/waiting-16.json

@@ -2,6 +2,6 @@
   "iconName": "waiting-16",
   "name": "16px-waiting",
   "pascalName": "IconWaiting_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff0e9711-321e-4776-a138-ec95ef114c50",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5a969a6e-71bd-4a7b-a1e0-1f1c6d93d72e",
   "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.22719 4.36359H9.27266C9.23291 4.55942 9.21204 4.7621 9.21204 4.96965C9.21204 6.64324 10.5688 7.99996 12.2423 7.99996C12.6733 7.99996 13.0833 7.90999 13.4545 7.74781V11.5606C13.4545 12.6054 12.6048 13.4545 11.5605 13.4545H3.22719C2.18295 13.4545 1.33325 12.6054 1.33325 11.5606V6.25753C1.33325 5.21268 2.18295 4.36359 3.22719 4.36359ZM7.19024 9.20429C8.19095 9.20429 9.00453 8.39031 9.00453 7.38961C9.00453 6.3893 8.19055 5.57571 7.19024 5.57571C6.18994 5.57571 5.37556 6.3893 5.37556 7.38961C5.37556 8.3907 6.18954 9.20429 7.19024 9.20429ZM10.1615 10.8619C9.68821 10.3558 8.79606 9.97999 7.19021 9.97999C5.57093 9.97999 4.6772 10.3625 4.20705 10.8753L4.19497 10.8884C4.0677 11.0268 3.86202 11.2504 3.77598 11.8014C3.7294 12.0986 3.96428 12.369 4.26508 12.369H10.1153C10.4165 12.369 10.651 12.0986 10.6044 11.801C10.5174 11.243 10.3066 11.0172 10.17 10.871L10.1615 10.8619Z\" fill=\"white\"/>\n<path d=\"M12.2423 2.54541C10.9035 2.54541 9.8181 3.63078 9.8181 4.96965C9.8181 6.30853 10.9035 7.3939 12.2423 7.3939C13.5812 7.3939 14.6666 6.30853 14.6666 4.96965C14.6666 3.63078 13.5812 2.54541 12.2423 2.54541ZM13.5303 5.67684C13.461 5.80325 13.3024 5.84827 13.1778 5.77935L12.1173 5.19719C12.0342 5.15182 11.9826 5.06454 11.9826 4.96965V3.23805C11.9826 3.09467 12.099 2.97831 12.2423 2.97831C12.3857 2.97831 12.5021 3.09467 12.5021 3.23805V4.81589L13.4275 5.32429C13.5535 5.3932 13.5992 5.55112 13.5303 5.67684Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -0,0 +1,20 @@
+<!-- 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="IconWaiting_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M3.227 4.364h6.046q-.06.293-.061.606a3.03 3.03 0 0 0 4.243 2.778v3.813c0 1.044-.85 1.893-1.895 1.893H3.227a1.896 1.896 0 0 1-1.894-1.893V6.258c0-1.045.85-1.894 1.894-1.894m3.963 4.84c1.001 0 1.815-.814 1.815-1.814S8.19 5.576 7.19 5.576s-1.814.813-1.814 1.814c0 1 .814 1.814 1.814 1.814m2.972 1.658c-.474-.506-1.366-.882-2.972-.882-1.62 0-2.513.383-2.983.895l-.012.013c-.127.139-.333.362-.419.913a.495.495 0 0 0 .49.568h5.85c.3 0 .535-.27.488-.568-.087-.558-.297-.784-.434-.93z"
+        clip-rule="evenodd"
+    />
+    <path
+        fill="currentColor"
+        d="M12.242 2.545a2.424 2.424 0 1 0 0 4.849 2.424 2.424 0 0 0 0-4.849m1.288 3.132a.26.26 0 0 1-.352.102l-1.06-.582a.26.26 0 0 1-.135-.227V3.238a.26.26 0 0 1 .52 0v1.578l.925.508a.26.26 0 0 1 .102.353"
+    />
+</svg>

package/design-tokens/generated/icons/waiting-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/waiting-24.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "waiting-24",
+  "name": "24px-waiting",
+  "pascalName": "IconWaiting_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b6b85f8a-8f82-4f90-9242-23b3711d20c2",
+  "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=\"M4.84091 6.54551H13.9091C13.8495 6.83925 13.8182 7.14327 13.8182 7.4546C13.8182 9.96499 15.8533 12.0001 18.3636 12.0001C19.0101 12.0001 19.625 11.8651 20.1818 11.6218V17.341C20.1818 18.9082 18.9073 20.1819 17.3409 20.1819H4.84091C3.27455 20.1819 2 18.9082 2 17.341V9.38642C2 7.81915 3.27455 6.54551 4.84091 6.54551ZM10.7855 13.8066C12.2865 13.8066 13.5069 12.5856 13.5069 11.0845C13.5069 9.58407 12.2859 8.36369 10.7855 8.36369C9.28503 8.36369 8.06347 9.58407 8.06347 11.0845C8.06347 12.5862 9.28444 13.8066 10.7855 13.8066ZM15.2424 16.2929C14.5324 15.5338 13.1942 14.9701 10.7854 14.9701C8.35651 14.9701 7.01593 15.5439 6.3107 16.3131L6.29257 16.3328C6.10168 16.5403 5.79315 16.8756 5.66409 17.7022C5.59422 18.1481 5.94654 18.5537 6.39774 18.5537H15.1731C15.6249 18.5537 15.9766 18.1481 15.9068 17.7016C15.7763 16.8647 15.46 16.526 15.2551 16.3065L15.2424 16.2929Z\" fill=\"white\"/>\n<path d=\"M18.3636 3.81824C16.3553 3.81824 14.7273 5.44629 14.7273 7.4546C14.7273 9.46291 16.3553 11.091 18.3636 11.091C20.3719 11.091 22 9.46291 22 7.4546C22 5.44629 20.3719 3.81824 18.3636 3.81824ZM20.2956 8.51538C20.1917 8.70499 19.9538 8.77252 19.7668 8.66915L18.1761 7.7959C18.0514 7.72785 17.974 7.59694 17.974 7.4546V4.8572C17.974 4.64213 18.1486 4.46759 18.3636 4.46759C18.5787 4.46759 18.7532 4.64213 18.7532 4.8572V7.22395L20.1413 7.98655C20.3304 8.08993 20.399 8.32681 20.2956 8.51538Z\" fill=\"white\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,20 @@
+<!-- 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="IconWaiting_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M4.84 6.546h9.07q-.091.44-.092.909a4.545 4.545 0 0 0 6.364 4.167v5.719a2.844 2.844 0 0 1-2.841 2.84H4.84A2.844 2.844 0 0 1 2 17.342V9.386a2.844 2.844 0 0 1 2.84-2.84m5.946 7.26a2.724 2.724 0 0 0 2.72-2.721c0-1.5-1.22-2.721-2.72-2.721s-2.723 1.22-2.723 2.72a2.725 2.725 0 0 0 2.723 2.723m4.456 2.487c-.71-.76-2.048-1.323-4.457-1.323-2.428 0-3.77.574-4.474 1.343l-.018.02c-.191.207-.5.543-.629 1.37a.743.743 0 0 0 .734.85h8.775a.743.743 0 0 0 .734-.851c-.13-.837-.447-1.176-.652-1.396z"
+        clip-rule="evenodd"
+    />
+    <path
+        fill="currentColor"
+        d="M18.364 3.818a3.636 3.636 0 1 0 0 7.273 3.636 3.636 0 0 0 0-7.273m1.932 4.697a.39.39 0 0 1-.53.154l-1.59-.873a.39.39 0 0 1-.202-.341V4.857a.39.39 0 0 1 .78 0v2.367l1.387.763a.39.39 0 0 1 .155.528"
+    />
+</svg>

package/design-tokens/generated/icons/waiting-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-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/2a75a64b-1645-4628-b8a1-4ad709bd4535",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/25b8b13e-7fb4-484d-9bd0-60d17eb0f714",
   "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/9325b98b-79d1-4557-8e0b-d060fda2917a",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0dadd95a-8600-409e-b22d-1902ac3bff06",
   "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/6ef99e05-42e7-4e96-800d-dbeca98c5b8b",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/36b24535-025c-4d5a-bd95-1df33d207dec",
   "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/e8f56973-639f-4662-91fe-1fa81e75e4f0",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/32971b33-204a-435d-ab02-3689be028aed",
   "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

@@ -1,7 +1,8 @@
 @use 'sass:map';
 @import '../variables.scss';
 
-.light {
+.light,
+:global(.light) {
     @include create-token(
         light-box-shadow-focus,
         var(--surface-toggle-on-disabled)
@@ -12,7 +13,8 @@
     );
 }
 
-.dark {
+.dark,
+:global(.dark) {
     @include create-token(
         dark-box-shadow-focus,
         var(--surface-toggle-on-disabled)

package/design-tokens/variables.legacy.scss

@@ -91,6 +91,7 @@
                 'box-shadow-hover': color('deep-blue-90'),
                 'indicator-hover': color('deep-blue-50'),
                 'background-focus': color('deep-blue-90'),
+                'background-checked-focus': color('deep-blue-90'),
                 'box-shadow-focus': color('green-100'),
                 'background-checked': color('deep-blue-80'),
                 'box-shadow-checked': color('deep-blue-50'),
@@ -109,6 +110,7 @@
                 'box-shadow-hover': color('deep-blue-40'),
                 'indicator-hover': color('deep-blue-50'),
                 'background-focus': color('deep-blue-20'),
+                'background-checked-focus': color('deep-blue-20'),
                 'box-shadow-focus': color('green-100'),
                 'background-checked': color('deep-blue-40'),
                 'box-shadow-checked': color('deep-blue-50'),