@pexip/components 17.1.0 → 18.0.1

package/design-tokens/generated/icons/test-script-icon-16.json

@@ -2,6 +2,6 @@
   "iconName": "test-script-icon-16",
   "name": "16px-test-script-icon",
   "pascalName": "IconTestScriptIcon_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8064f854-3fc6-40a9-97ca-0f7ecc08dbba",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6cad39d3-f132-47ff-bca8-a835dfe2bb30",
   "graphic": "<svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.7 3.52632H11.283C11.3545 3.33053 11.4 3.11579 11.4 2.89474C11.4 1.84632 10.529 1 9.45 1C8.7675 1 8.176 1.34105 7.825 1.85263L7.5 2.27579L7.175 1.84632C6.824 1.34105 6.2325 1 5.55 1C4.471 1 3.6 1.84632 3.6 2.89474C3.6 3.11579 3.6455 3.33053 3.717 3.52632H2.3C1.5785 3.52632 1.0065 4.08842 1.0065 4.78947L1 11.7368C1 12.4379 1.5785 13 2.3 13H12.7C13.4215 13 14 12.4379 14 11.7368V4.78947C14 4.08842 13.4215 3.52632 12.7 3.52632ZM9.45 2.26316C9.8075 2.26316 10.1 2.54737 10.1 2.89474C10.1 3.24211 9.8075 3.52632 9.45 3.52632C9.0925 3.52632 8.8 3.24211 8.8 2.89474C8.8 2.54737 9.0925 2.26316 9.45 2.26316ZM5.55 2.26316C5.9075 2.26316 6.2 2.54737 6.2 2.89474C6.2 3.24211 5.9075 3.52632 5.55 3.52632C5.1925 3.52632 4.9 3.24211 4.9 2.89474C4.9 2.54737 5.1925 2.26316 5.55 2.26316ZM12.7 11.7368H2.3V10.4737H12.7V11.7368ZM12.7 8.57895H2.3V4.78947H5.602L4.25 6.57684L5.303 7.31579L6.85 5.26947L7.5 4.41053L8.15 5.26947L9.697 7.31579L10.75 6.57684L9.398 4.78947H12.7V8.57895Z\" fill=\"#0068F4\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/test-script-icon-24.json

@@ -2,6 +2,6 @@
   "iconName": "test-script-icon-24",
   "name": "24px-test-script-icon",
   "pascalName": "IconTestScriptIcon_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c58220e2-ca4b-44e1-a2c7-dfc6250384a9",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ee747eaf-1db2-4a3b-9a13-9d1370f4e955",
   "graphic": "<svg width=\"21\" height=\"19\" viewBox=\"0 0 21 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M18.2 4.36842H16.238C16.337 4.10737 16.4 3.82105 16.4 3.52632C16.4 2.12842 15.194 1 13.7 1C12.755 1 11.936 1.45474 11.45 2.13684L11 2.70105L10.55 2.12842C10.064 1.45474 9.245 1 8.3 1C6.806 1 5.6 2.12842 5.6 3.52632C5.6 3.82105 5.663 4.10737 5.762 4.36842H3.8C2.801 4.36842 2.009 5.11789 2.009 6.05263L2 15.3158C2 16.2505 2.801 17 3.8 17H18.2C19.199 17 20 16.2505 20 15.3158V6.05263C20 5.11789 19.199 4.36842 18.2 4.36842ZM13.7 2.68421C14.195 2.68421 14.6 3.06316 14.6 3.52632C14.6 3.98947 14.195 4.36842 13.7 4.36842C13.205 4.36842 12.8 3.98947 12.8 3.52632C12.8 3.06316 13.205 2.68421 13.7 2.68421ZM8.3 2.68421C8.795 2.68421 9.2 3.06316 9.2 3.52632C9.2 3.98947 8.795 4.36842 8.3 4.36842C7.805 4.36842 7.4 3.98947 7.4 3.52632C7.4 3.06316 7.805 2.68421 8.3 2.68421ZM18.2 15.3158H3.8V13.6316H18.2V15.3158ZM18.2 11.1053H3.8V6.05263H8.372L6.5 8.43579L7.958 9.42105L10.1 6.69263L11 5.54737L11.9 6.69263L14.042 9.42105L15.5 8.43579L13.628 6.05263H18.2V11.1053Z\" fill=\"#0068F4\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/thumbs-down-24.json

@@ -2,6 +2,6 @@
   "iconName": "thumbs-down-24",
   "name": "24px-thumbs-down",
   "pascalName": "IconThumbsDown_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/37f88d90-7376-47e6-bccc-a6ba767729d0",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/94d33b4a-d554-4809-b7b2-9f7305bf5ead",
   "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM19 3V15H23V3H19Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "thumbs-up-24",
   "name": "24px-thumbs-up",
   "pascalName": "IconThumbsUp_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/848375c5-0e76-4783-9067-184ebe9007c7",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/afa898a4-7c0c-4e4a-a412-b8d55e54eaef",
   "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1 21H5V9H1V21ZM23 10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.59 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "timer-16",
   "name": "16px-timer",
   "pascalName": "IconTimer_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/65363db2-7dac-43cd-a1d0-01cb721af35a",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/852d3af0-3c77-4363-8733-e083c6797ade",
   "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=\"M4.99989 1.96552C4.99989 1.43228 5.43217 1 5.96541 1H11.0344C11.5676 1 11.9999 1.43228 11.9999 1.96552C11.9999 2.49877 11.5676 2.93105 11.0344 2.93105H9.50008V4.46682C12.0602 4.9209 14 7.08653 14 9.68962C14 12.6225 11.5376 15 8.5 15C5.46243 15 3 12.6225 3 9.68962C3 7.08648 4.93992 4.92081 7.50008 4.46679V2.93105H5.96541C5.43217 2.93105 4.99989 2.49877 4.99989 1.96552ZM12.4976 7.44005L9.76763 10.0368C9.51713 10.2748 9.17813 10.3632 8.86263 10.3105C8.60063 10.2671 8.35463 10.1276 8.18763 9.89682C8.00363 9.64241 7.95963 9.33875 8.03513 9.06502C8.11013 8.79178 8.30413 8.54847 8.59463 8.41571L12.0581 6.83177C12.4541 6.65122 12.8101 7.14267 12.4976 7.44005Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "timer-24",
   "name": "24px-timer",
   "pascalName": "IconTimer_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33a99aa7-21f9-406d-9496-ee2cebbf5130",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/405d2b08-e582-4d35-829e-e9e31625ad1a",
   "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=\"M7.0909 2.51725C7.0909 1.67929 7.77019 1 8.60814 1H16.3918C17.2298 1 17.9091 1.67929 17.9091 2.51725C17.9091 3.3552 17.2298 4.03449 16.3918 4.03449H8.60814C7.77019 4.03449 7.0909 3.3552 7.0909 2.51725ZM10.9546 6.44788C6.99804 7.16135 4 10.5645 4 14.6551C4 19.2639 7.80558 23 12.5 23C17.1944 23 21 19.2639 21 14.6551C21 10.5646 18.002 7.16144 14.0455 6.44791V4.03456L10.9546 4.03456V6.44788ZM18.6782 11.1203L14.4591 15.2009C14.072 15.5749 13.5481 15.7138 13.0605 15.6311C12.6556 15.5628 12.2754 15.3435 12.0173 14.9809C11.7329 14.5811 11.6649 14.104 11.7816 13.6738C11.8975 13.2444 12.1974 12.8621 12.6463 12.6535L17.999 10.1644C18.611 9.8807 19.1612 10.653 18.6782 11.1203Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "transcript-16",
   "name": "16px-transcript",
   "pascalName": "IconTranscript_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/934bb769-676d-4163-9d75-4fa479cd39aa",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/537eb496-e092-45fd-9b91-20369a895362",
   "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.5422 1C9.36026 1 8.22669 1.46954 7.3909 2.30533L3.09545 6.60078C2.97611 6.72012 2.90906 6.88198 2.90906 7.05076V12.191L1.18639 13.9137C0.937871 14.1622 0.937871 14.5651 1.18639 14.8136C1.4349 15.0621 1.83783 15.0621 2.08634 14.8136L3.80374 13.0962H8.95452C9.12362 13.0962 9.28576 13.0289 9.40516 12.9092L13.6941 8.60752C14.5296 7.77178 14.9989 6.63842 14.9989 5.45667C14.9989 4.27469 14.5294 3.14111 13.6936 2.30533C12.8578 1.46954 11.7242 1 10.5422 1ZM12.2527 3.74213C12.5219 4.01135 12.5219 4.44785 12.2527 4.71708L8.32741 8.63111H10.5455C10.897 8.63111 11.1819 8.91602 11.1819 9.26747C11.1819 9.61893 10.897 9.90384 10.5455 9.90384H7.05102L5.20857 11.741C5.1502 11.8042 5.11923 11.8352 5.08826 11.8352H4.22107C4.15265 11.8352 4.09718 11.8352 4.09718 11.7733V11.03C4.09718 10.9683 4.10776 10.9267 4.18919 10.8451L11.2778 3.74213C11.547 3.4729 11.9835 3.4729 12.2527 3.74213Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "transcript-24",
   "name": "24px-transcript",
   "pascalName": "IconTranscript_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/449a8aa4-1e32-4844-828b-3a37f405eb24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c76a510-819e-4bf7-9ae6-f6cc9d86234f",
   "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.6318 2C13.9432 2 12.3238 2.67077 11.1299 3.86475L4.9935 10.0011C4.82301 10.1716 4.72723 10.4028 4.72723 10.6439V17.9871L2.26627 20.4481C1.91124 20.8031 1.91124 21.3787 2.26627 21.7337C2.62129 22.0888 3.19689 22.0888 3.55192 21.7337L6.00534 19.2803H13.3636C13.6052 19.2803 13.8368 19.1842 14.0074 19.0131L20.1344 12.8679C21.3279 11.674 21.9984 10.0549 21.9984 8.36667C21.9984 6.67812 21.3277 5.05874 20.1337 3.86475C18.9397 2.67077 17.3203 2 15.6318 2ZM18.0752 5.91734C18.4598 6.30195 18.4598 6.92552 18.0752 7.31013L12.4676 12.9016H15.6363C16.1384 12.9016 16.5454 13.3086 16.5454 13.8107C16.5454 14.3128 16.1384 14.7198 15.6363 14.7198H10.6442L8.01212 17.3443C7.92874 17.4347 7.8845 17.4789 7.84025 17.4789H6.60141C6.50367 17.4789 6.42443 17.4789 6.42443 17.3904V16.3285C6.42443 16.2404 6.43954 16.181 6.55587 16.0644L6.55717 16.0631L16.6824 5.91734C17.067 5.53273 17.6906 5.53273 18.0752 5.91734Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "trash-16",
   "name": "16px-trash",
   "pascalName": "IconTrash_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/60b660f3-c4d6-49d7-9066-dda754af2212",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b79ea7fc-6849-4cc8-9536-78f401f35f0a",
   "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5.89968 2.29956V2.39974H1.7C1.3134 2.39974 1 2.71314 1 3.09974C1 3.48634 1.3134 3.79974 1.7 3.79974H14.3C14.6866 3.79974 15 3.48634 15 3.09974C15 2.71314 14.6866 2.39974 14.3 2.39974H10.0997V2.29956C10.0997 1.19499 9.20425 0.299561 8.09968 0.299561H7.89968C6.79511 0.299561 5.89968 1.19499 5.89968 2.29956Z\" fill=\"white\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.6001 5.19979H2.40007V13.6998C2.40007 14.8044 3.2955 15.6998 4.40006 15.6998H11.6001C12.7046 15.6998 13.6001 14.8044 13.6001 13.6998V5.19979ZM7.30065 7.99982C7.30065 7.61322 6.98725 7.29982 6.60065 7.29982C6.21405 7.29982 5.90065 7.61322 5.90065 7.99982V12.8998C5.90065 13.2864 6.21405 13.5998 6.60065 13.5998C6.98725 13.5998 7.30065 13.2864 7.30065 12.8998V7.99982ZM9.40028 7.29982C9.78688 7.29982 10.1003 7.61322 10.1003 7.99982V12.8998C10.1003 13.2864 9.78688 13.5998 9.40028 13.5998C9.01368 13.5998 8.70028 13.2864 8.70028 12.8998V7.99982C8.70028 7.61322 9.01368 7.29982 9.40028 7.29982Z\" fill=\"white\"/>\n</svg>\n"
 }

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/ef895b4d-db1d-4359-acac-28dce1aa6307",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/57f4568e-3966-438c-9659-fe98df70002a",
   "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/d7dee0b2-1fe3-49b7-a8df-7fae592e1adc",
+  "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/7ad4234b-c695-4f75-abcd-b82ec07fca80",
+  "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/b7da05d6-97ca-43e6-be3a-1b0c2851f76f",
+  "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/1bcf2569-0883-4470-897c-fa99801d1a17",
+  "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/e2e688e8-6252-4058-aee1-4fa8ffc485bf",
+  "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/74b36937-1eca-4e86-afc8-87fbead1cc52",
+  "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/cd0fae11-a5e2-44f5-a57f-f99a3e8bf729",
+  "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/28280686-4378-45e6-ac56-1a8296567706",
+  "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

@@ -0,0 +1,7 @@
+{
+  "iconName": "waiting-16",
+  "name": "16px-waiting",
+  "pascalName": "IconWaiting_16",
+  "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/ddff33cf-bb84-47db-85bf-29078b34d831",
+  "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,16 +1,29 @@
 @use 'sass:map';
 @import '../variables.scss';
 
-@mixin box-shadow-focus-style($is-inset: true, $color-scheme: 'dark') {
+.light {
     @include create-token(
-        dark-box-shadow-focus,
-        rgba(color-hex('green-40'), 0.3)
+        light-box-shadow-focus,
+        var(--surface-toggle-on-disabled)
+    );
+    @include create-token(
+        light-box-shadow-focus-border,
+        var(--surface-toggle-on-disabled)
     );
-    @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'));
+.dark {
+    @include create-token(
+        dark-box-shadow-focus,
+        var(--surface-toggle-on-disabled)
+    );
+    @include create-token(
+        dark-box-shadow-focus-border,
+        var(--surface-toggle-on-disabled)
+    );
+}
 
+@mixin box-shadow-focus-style($is-inset: true, $color-scheme: 'dark') {
     @if $is-inset {
         box-shadow:
             0 0 0 1px inset get-token(#{$color-scheme}-box-shadow-focus-border),

package/design-tokens/spacing.scss

@@ -22,6 +22,8 @@ $spacing-directions: (
     't': 'top',
     'r': 'right',
     'l': 'left',
+    's': 'inline-start',
+    'e': 'inline-end',
 );
 
 @each $property-key, $property-name in $spacing-properties {

package/design-tokens/variables.legacy.scss

@@ -1,4 +1,5 @@
 /* TEMPORARY SOLUTION UNTIL WE MOVE TO FIGMA VARIABLES */
+@use 'sass:map';
 @import './variables.scss';
 @import '../src/components/elements/Button/Button.utils.scss';
 @import '../src/components/elements/Button/Button.variables.scss';
@@ -68,6 +69,7 @@
         $i: index($select-variants, $select-variant);
         $mode: nth($modes, $i);
         .#{$mode} {
+            @include create-token(select-outline, $green-100);
             @each $key, $value in $select-variant {
                 @include create-select-token(
                     #{#{nth($base-select-variants, $i)}-#{$key}},
@@ -139,6 +141,7 @@
     @include create-token(text-color-light-tinted, color('deep-blue-80'));
     @include create-token(text-color-light-subtle, color('deep-blue-70'));
     @include create-token(text-color-light-disabled, color('deep-blue-50'));
+    @include create-token(text-focus-box-shadow, color('green-100'));
 
     /* TEXTAREA */
     @include create-textarea-variant-tokens(
@@ -196,6 +199,23 @@
     @include create-token(icon-color-disabled, color('deep-blue-30'));
     @include create-token(button-color-active, color('deep-blue-40'));
 
+    /* FOCUS */
+    .light {
+        @include create-token(light-box-shadow-focus, color('green-40'));
+        @include create-token(
+            light-box-shadow-focus-border,
+            color('green-100')
+        );
+    }
+
+    .dark {
+        @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'));
+    }
+
     /* INPUT */
     .dark {
         @include create-input-variant-tokens(
@@ -719,4 +739,24 @@
             var(--color-brand-300, $secondary-color-300)
         );
     }
+
+    /* PROGRESS BAR */
+    .light,
+    .dark {
+        @include create-token(
+            progress-bar-bar-color-primary,
+            color('deep-blue-100')
+        );
+    }
+
+    /* FILEUPLOAD */
+    .light,
+    .dark {
+        @include create-token(file-upload-focus-start, color('green-100'));
+        @include create-token(file-upload-focus-end, color('green-40'));
+    }
+
+    [data-focus-visible-added] {
+        @include create-token(el-focus, color('green-100'));
+    }
 }