@pexip/components 16.8.0

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "shuffle-24",
+  "name": "24px-shuffle",
+  "pascalName": "IconShuffle_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c6348c00-f696-48b9-b6e9-8a25fdf33bca",
+  "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.121 4.31155L16.7105 5.54854L3.74689 18.8424C3.24832 19.3537 3.24832 20.1801 3.74689 20.6914C4.24546 21.2027 5.05133 21.2027 5.5499 20.6914L18.5135 7.3975L19.7197 11.0784C19.823 11.3922 20.1367 11.5845 20.4478 11.5295C20.7679 11.4772 20.9999 11.1948 20.9999 10.8653L20.9999 3.67343C20.9999 3.30077 20.7066 3.00002 20.3432 3.00002L13.3301 3.00002C13.0088 3.00002 12.7334 3.23931 12.6811 3.5649C12.6301 3.8905 12.815 4.20694 13.121 4.31155ZM19.7207 13.9203L18.5144 17.6012L14.8702 13.8641C14.3716 13.3528 13.5657 13.3528 13.0672 13.8641C12.5686 14.3754 12.5686 15.2018 13.0672 15.713L16.7114 19.4502L13.122 20.6872C12.816 20.7931 12.6285 21.1148 12.6821 21.4338C12.7331 21.762 13.0085 22 13.3298 22H20.343C20.7064 22 20.9996 21.6993 20.9996 21.3266V14.1348C20.9996 13.8052 20.7663 13.5228 20.4488 13.4692C20.1313 13.4169 19.8227 13.6065 19.7207 13.9203ZM3.3686 3.92954C2.87331 4.44291 2.87772 5.27094 3.37847 5.779L8.43082 10.9051C8.93157 11.4132 9.73902 11.4089 10.2343 10.8955C10.7296 10.3822 10.7252 9.55412 10.2245 9.04606L5.1721 3.91992C4.67136 3.41187 3.8639 3.41617 3.3686 3.92954Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/shuffle-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="IconShuffle_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="m13.121 4.312 3.59 1.237L3.746 18.842a1.33 1.33 0 0 0 0 1.85 1.251 1.251 0 0 0 1.803 0L18.513 7.397l1.207 3.68a.657.657 0 0 0 .728.452.667.667 0 0 0 .552-.665V3.673A.664.664 0 0 0 20.343 3H13.33a.664.664 0 0 0-.649.565.675.675 0 0 0 .44.747Zm6.6 9.608-1.207 3.681-3.644-3.737a1.251 1.251 0 0 0-1.803 0 1.33 1.33 0 0 0 0 1.849l3.644 3.737-3.589 1.237a.677.677 0 0 0-.44.747.66.66 0 0 0 .648.566h7.013c.363 0 .657-.3.657-.673v-7.192a.67.67 0 0 0-.551-.666.655.655 0 0 0-.728.451ZM3.369 3.93a1.331 1.331 0 0 0 .01 1.849l5.052 5.126c.5.508 1.308.504 1.803-.01a1.331 1.331 0 0 0-.01-1.849L5.173 3.92a1.253 1.253 0 0 0-1.803.01Z"
+        clip-rule="evenodd"
+    />
+</svg>

package/design-tokens/generated/icons/shuffle-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/speaker-disabled-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "speaker-disabled-16",
+  "name": "16px-speaker-disabled",
+  "pascalName": "IconSpeakerDisabled_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cb8230d7-7591-4d16-9f37-158e1872a391",
+  "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=\"M2.037 1.636C2.232 1.441 2.549 1.441 2.744 1.636L15.152 14.047C15.347 14.242 15.347 14.559 15.152 14.754C14.957 14.949 14.64 14.949 14.445 14.754L13.425 13.733C13.223 13.918 13.012 14.095 12.788 14.257C12.52 14.451 12.145 14.391 11.951 14.122C11.757 13.854 11.817 13.479 12.086 13.285C12.2039 13.1998 12.3069 13.1007 12.4099 13.0016C12.4581 12.9553 12.5063 12.9089 12.556 12.864L11.083 11.391C10.8 11.629 10.498 11.846 10.154 12.007C9.855 12.147 9.497 12.019 9.356 11.718C9.216 11.418 9.345 11.061 9.645 10.92C9.861 10.819 10.054 10.687 10.237 10.544L7.5 7.807V13.333C7.5 13.702 7.202 14 6.833 14C6.623 14 6.426 13.901 6.3 13.733L4.03 10.705L1.84 10.267C1.061 10.111 0.5 9.427 0.5 8.633V7.366C0.5 6.572 1.061 5.888 1.84 5.732L4.029 5.294L4.44 4.746L2.037 2.343C1.842 2.148 1.842 1.831 2.037 1.636ZM14.8 7.99998C14.8 9.18998 14.46 10.339 13.86 11.338L14.734 12.212C15.545 10.972 16 9.51198 16 7.99998C16 5.53298 14.798 3.19598 12.79 1.74298C12.522 1.54898 12.147 1.60898 11.953 1.87798C11.759 2.14698 11.82 2.52098 12.088 2.71498C13.786 3.94198 14.8 5.91698 14.8 7.99998ZM6.83299 2C7.20199 2 7.49999 2.298 7.49999 2.667V4.978L5.65199 3.13L6.29999 2.267C6.42599 2.099 6.62299 2 6.83299 2ZM11.514 8.00001C11.514 6.75801 10.78 5.61301 9.64499 5.08001C9.34499 4.93901 9.21599 4.58201 9.35599 4.28201C9.49699 3.98201 9.85399 3.85201 10.154 3.99301C11.71 4.72201 12.714 6.29501 12.714 8.00001C12.714 8.63101 12.575 9.24301 12.323 9.80201L11.39 8.86901C11.47 8.58901 11.514 8.29801 11.514 8.00001Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/speaker-disabled-16.svg

@@ -0,0 +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"
+    data-token-name="IconSpeakerDisabled_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M2.037 1.636a.5.5 0 0 1 .707 0l12.408 12.411a.5.5 0 0 1-.707.707l-1.02-1.021a7.151 7.151 0 0 1-.637.524.599.599 0 1 1-.702-.972 3.05 3.05 0 0 0 .324-.283c.048-.047.096-.093.146-.138l-1.473-1.473a4.25 4.25 0 0 1-.929.616.6.6 0 0 1-.509-1.087c.216-.101.409-.233.592-.376L7.5 7.807v5.526a.666.666 0 0 1-1.2.4l-2.27-3.028-2.19-.438A1.667 1.667 0 0 1 .5 8.633V7.366c0-.794.561-1.478 1.34-1.634l2.189-.438.411-.548-2.403-2.403a.5.5 0 0 1 0-.707ZM14.8 8c0 1.19-.34 2.339-.94 3.338l.874.874A7.702 7.702 0 0 0 16 8a7.75 7.75 0 0 0-3.21-6.257.599.599 0 1 0-.702.972A6.542 6.542 0 0 1 14.8 8ZM6.833 2c.369 0 .667.298.667.667v2.311L5.652 3.13l.648-.863A.666.666 0 0 1 6.833 2Zm4.681 6a3.245 3.245 0 0 0-1.869-2.92.6.6 0 0 1 .509-1.087A4.448 4.448 0 0 1 12.714 8c0 .631-.139 1.243-.391 1.802l-.933-.933c.08-.28.124-.571.124-.869Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "speaker-disabled-24",
+  "name": "24px-speaker-disabled",
+  "pascalName": "IconSpeakerDisabled_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e945e6e8-f0bb-45a7-8d3e-c0ab3fc4d5dc",
+  "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.0211 4.045C4.2651 3.801 4.6611 3.801 4.9051 4.045L20.4181 19.559C20.6621 19.803 20.6621 20.199 20.4181 20.443C20.1741 20.687 19.7781 20.687 19.5341 20.443L18.2581 19.167C18.0061 19.399 17.7431 19.619 17.4621 19.822C17.1261 20.065 16.6581 19.989 16.4151 19.653C16.1721 19.317 16.2481 18.848 16.5841 18.606C16.73 18.5001 16.8584 18.3768 16.9868 18.2534C17.0476 18.195 17.1084 18.1366 17.1711 18.08L15.3291 16.238C14.9761 16.535 14.5981 16.807 14.1681 17.008C13.7941 17.183 13.3461 17.023 13.1701 16.647C12.9941 16.272 13.1561 15.825 13.5311 15.649C13.8011 15.523 14.0421 15.358 14.2711 15.179L10.8501 11.758V18.666C10.8501 19.126 10.4771 19.499 10.0171 19.499C9.7541 19.499 9.5071 19.376 9.3501 19.166L6.5121 15.382L3.7751 14.835C2.8011 14.64 2.1001 13.785 2.1001 12.792V11.208C2.1001 10.215 2.8011 9.36 3.7751 9.165L6.5121 8.618L7.0251 7.934L4.0211 4.929C3.7771 4.685 3.7771 4.289 4.0211 4.045ZM19.9751 12C19.9751 13.487 19.5501 14.923 18.8001 16.173L19.8931 17.266C20.9071 15.715 21.4761 13.89 21.4761 12C21.4761 8.916 19.9741 5.995 17.4631 4.178C17.1281 3.935 16.6591 4.011 16.4161 4.347C16.1731 4.683 16.2491 5.151 16.5851 5.394C18.7071 6.927 19.9751 9.396 19.9751 12ZM10.0171 4.5C10.4771 4.5 10.8501 4.873 10.8501 5.333V8.223L8.5401 5.913L9.3501 4.833C9.5081 4.623 9.7551 4.5 10.0171 4.5ZM15.8671 12C15.8671 10.448 14.9501 9.017 13.5311 8.35C13.1561 8.174 12.9951 7.727 13.1711 7.353C13.3471 6.978 13.7931 6.816 14.1691 6.992C16.1131 7.903 17.3681 9.87 17.3681 12.001C17.3681 12.789 17.1941 13.555 16.8791 14.253L15.7121 13.086C15.8111 12.736 15.8671 12.372 15.8671 12Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/speaker-disabled-24.svg

@@ -0,0 +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"
+    data-token-name="IconSpeakerDisabled_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M4.021 4.045a.625.625 0 0 1 .884 0l15.513 15.514a.625.625 0 0 1-.884.884l-1.276-1.276a8.685 8.685 0 0 1-.796.655.75.75 0 1 1-.878-1.216c.146-.106.274-.23.403-.353.06-.058.121-.116.184-.173l-1.842-1.842a5.301 5.301 0 0 1-1.16.77.751.751 0 0 1-.638-1.359c.27-.126.511-.291.74-.47l-3.42-3.421v6.908a.833.833 0 0 1-1.5.5l-2.839-3.784-2.737-.547A2.084 2.084 0 0 1 2.1 12.792v-1.584c0-.993.701-1.848 1.675-2.043l2.737-.547.513-.684-3.004-3.005a.625.625 0 0 1 0-.884ZM19.975 12a8.116 8.116 0 0 1-1.175 4.173l1.093 1.093A9.631 9.631 0 0 0 21.476 12a9.687 9.687 0 0 0-4.013-7.822.75.75 0 1 0-.878 1.216A8.177 8.177 0 0 1 19.975 12Zm-9.958-7.5c.46 0 .833.373.833.833v2.89l-2.31-2.31.81-1.08a.834.834 0 0 1 .667-.333Zm5.85 7.5a4.057 4.057 0 0 0-2.336-3.65.75.75 0 1 1 .638-1.358 5.56 5.56 0 0 1 3.2 5.009c0 .788-.175 1.554-.49 2.252l-1.167-1.167c.1-.35.155-.714.155-1.086Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/speaker-disabled-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/speaker-off-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "speaker-off-16",
+  "name": "16px-speaker-off",
+  "pascalName": "IconSpeakerOff_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4f67ccfc-1d99-408d-8a20-464cdce977a5",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6.833 2C6.623 2 6.426 2.099 6.3 2.267L4.029 5.294L1.84 5.732C1.061 5.888 0.5 6.572 0.5 7.366V8.633C0.5 9.427 1.061 10.111 1.84 10.267L4.03 10.705L6.3 13.733C6.426 13.901 6.623 14 6.833 14C7.202 14 7.5 13.702 7.5 13.333V2.667C7.5 2.298 7.202 2 6.833 2Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/speaker-off-16.svg

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconSpeakerOff_16"
+>
+    <path
+        d="M6.833 2a.666.666 0 0 0-.533.267L4.029 5.294l-2.189.438C1.061 5.888.5 6.572.5 7.366v1.267c0 .794.561 1.478 1.34 1.634l2.19.438 2.27 3.028a.666.666 0 0 0 1.2-.4V2.667A.666.666 0 0 0 6.833 2Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "speaker-off-24",
+  "name": "24px-speaker-off",
+  "pascalName": "IconSpeakerOff_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33bd2f18-1a12-4266-acea-a62ee76f3302",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10.0171 4.5C9.7551 4.5 9.5081 4.623 9.3501 4.833L6.5121 8.618L3.7751 9.165C2.8011 9.36 2.1001 10.215 2.1001 11.208V12.792C2.1001 13.785 2.8011 14.64 3.7751 14.835L6.5121 15.382L9.3501 19.166C9.5071 19.376 9.7541 19.499 10.0171 19.499C10.4771 19.499 10.8501 19.126 10.8501 18.666V5.333C10.8501 4.873 10.4771 4.5 10.0171 4.5Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/speaker-off-24.svg

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconSpeakerOff_24"
+>
+    <path
+        d="M10.017 4.5a.834.834 0 0 0-.667.333L6.512 8.618l-2.737.547A2.084 2.084 0 0 0 2.1 11.208v1.584c0 .993.701 1.848 1.675 2.043l2.737.547 2.838 3.784a.833.833 0 0 0 1.5-.5V5.333a.833.833 0 0 0-.833-.833Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/speaker-off-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/speaker-on-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "speaker-on-16",
+  "name": "16px-speaker-on",
+  "pascalName": "IconSpeakerOn_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0ea6c4b2-41ad-4bc4-a412-53369f4b611a",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_2052_222)\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.953 1.87798C12.147 1.60898 12.522 1.54898 12.79 1.74298C14.798 3.19598 16 5.53298 16 7.99998C16 10.467 14.799 12.805 12.79 14.257C12.522 14.451 12.147 14.391 11.953 14.122C11.759 13.854 11.819 13.479 12.088 13.285C13.786 12.058 14.8 10.083 14.8 7.99998C14.8 5.91698 13.786 3.94198 12.088 2.71498C11.82 2.52198 11.759 2.14698 11.953 1.87798ZM6.833 2C6.623 2 6.426 2.099 6.3 2.267L4.029 5.294L1.84 5.732C1.061 5.888 0.5 6.572 0.5 7.366V8.633C0.5 9.427 1.061 10.111 1.84 10.267L4.03 10.705L6.3 13.733C6.426 13.901 6.623 14 6.833 14C7.202 14 7.5 13.702 7.5 13.333V2.667C7.5 2.298 7.202 2 6.833 2ZM10.155 3.99301C9.85402 3.85201 9.49701 3.98201 9.35602 4.28201C9.21502 4.58201 9.34502 4.93901 9.64502 5.08001C10.78 5.61301 11.514 6.75801 11.514 8.00001C11.514 9.24201 10.78 10.387 9.64502 10.92C9.34502 11.061 9.21601 11.418 9.35602 11.718C9.49701 12.019 9.85502 12.147 10.154 12.007C11.709 11.279 12.714 9.70501 12.714 8.00001C12.714 6.29501 11.71 4.72201 10.155 3.99301Z\" fill=\"#F7F7F7\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2052_222\">\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n"
+}

package/design-tokens/generated/icons/speaker-on-16.svg

@@ -0,0 +1,23 @@
+<!-- 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"
+    data-token-name="IconSpeakerOn_16"
+>
+    <g clip-path="url(#IconSpeakerOn_16__a)">
+        <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M11.953 1.878a.599.599 0 0 1 .837-.135A7.75 7.75 0 0 1 16 8a7.746 7.746 0 0 1-3.21 6.257.599.599 0 1 1-.702-.972A6.542 6.542 0 0 0 14.8 8a6.542 6.542 0 0 0-2.712-5.285.6.6 0 0 1-.135-.837ZM6.833 2a.666.666 0 0 0-.533.267L4.029 5.294l-2.189.438C1.061 5.888.5 6.572.5 7.366v1.267c0 .794.561 1.478 1.34 1.634l2.19.438 2.27 3.028a.666.666 0 0 0 1.2-.4V2.667A.666.666 0 0 0 6.833 2Zm3.322 1.993a.6.6 0 0 0-.51 1.087A3.245 3.245 0 0 1 11.514 8a3.245 3.245 0 0 1-1.869 2.92.6.6 0 0 0 .509 1.087A4.448 4.448 0 0 0 12.714 8a4.448 4.448 0 0 0-2.559-4.007Z"
+            fill="currentColor"
+        />
+    </g>
+    <defs>
+        <clipPath id="IconSpeakerOn_16__a">
+            <path fill="currentColor" d="M0 0h16v16H0z" />
+        </clipPath>
+    </defs>
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "speaker-on-24",
+  "name": "24px-speaker-on",
+  "pascalName": "IconSpeakerOn_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f437a42b-257d-4650-8cee-b5d94909356e",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.4151 4.34698C16.6581 4.01098 17.1271 3.93498 17.4621 4.17798C19.9731 5.99498 21.4751 8.91598 21.4751 12C21.4751 15.084 19.9741 18.007 17.4621 19.822C17.1261 20.065 16.6581 19.989 16.4151 19.653C16.1721 19.317 16.2481 18.848 16.5841 18.606C18.7081 17.073 19.9751 14.604 19.9751 12C19.9751 9.39598 18.7071 6.92698 16.5841 5.39398C16.2481 5.15098 16.1721 4.68298 16.4151 4.34698ZM10.0171 4.49998C9.7551 4.49998 9.5081 4.62298 9.3501 4.83298L6.5121 8.61798L3.7751 9.16498C2.8011 9.35998 2.1001 10.215 2.1001 11.208V12.792C2.1001 13.785 2.8011 14.64 3.7751 14.835L6.5121 15.382L9.3501 19.166C9.5071 19.376 9.7541 19.499 10.0171 19.499C10.4771 19.499 10.8501 19.126 10.8501 18.666V5.33298C10.8501 4.87298 10.4771 4.49998 10.0171 4.49998ZM14.1681 6.99099C13.7921 6.81499 13.3461 6.97699 13.1701 7.35199C12.9941 7.72699 13.1561 8.17399 13.5311 8.34999C14.9501 9.01599 15.8671 10.448 15.8671 12C15.8671 13.552 14.9501 14.983 13.5311 15.65C13.1561 15.826 12.9941 16.273 13.1701 16.648C13.3461 17.024 13.7941 17.184 14.1681 17.009C16.1121 16.099 17.3671 14.131 17.3671 12C17.3671 9.86899 16.1121 7.90199 14.1681 6.99099Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/speaker-on-24.svg

@@ -0,0 +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"
+    data-token-name="IconSpeakerOn_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M16.415 4.347a.75.75 0 0 1 1.047-.169A9.687 9.687 0 0 1 21.475 12a9.682 9.682 0 0 1-4.013 7.822.75.75 0 1 1-.878-1.216A8.173 8.173 0 0 0 19.975 12a8.175 8.175 0 0 0-3.39-6.606.75.75 0 0 1-.17-1.047Zm-6.398.153a.834.834 0 0 0-.667.333L6.512 8.618l-2.737.547A2.084 2.084 0 0 0 2.1 11.208v1.584c0 .993.701 1.848 1.675 2.043l2.737.547 2.838 3.784a.833.833 0 0 0 1.5-.5V5.333a.833.833 0 0 0-.833-.833Zm4.151 2.491a.75.75 0 1 0-.637 1.359A4.056 4.056 0 0 1 15.867 12a4.057 4.057 0 0 1-2.336 3.65.75.75 0 0 0 .637 1.359 5.56 5.56 0 0 0 3.2-5.009 5.56 5.56 0 0 0-3.2-5.009Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/speaker-on-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/star-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "star-16",
+  "name": "16px-star",
+  "pascalName": "IconStar_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3ad6fabb-ad11-441e-acaf-69f5ddc6d16b",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M14.773 5.86L10.493 5.238L8.57899 1.36C8.34199 0.88 7.65699 0.88 7.42099 1.36L5.50699 5.238L1.22699 5.86C0.696987 5.937 0.485987 6.588 0.868987 6.962L3.96599 9.981L3.23499 14.244C3.14399 14.772 3.69799 15.174 4.17199 14.925L7.99999 12.912L11.828 14.925C12.302 15.174 12.856 14.772 12.765 14.244L12.034 9.981L15.131 6.962C15.515 6.588 15.303 5.937 14.773 5.86Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconStar_16"
+>
+    <path
+        d="m14.773 5.86-4.28-.622L8.579 1.36a.646.646 0 0 0-1.158 0L5.507 5.238l-4.28.622a.646.646 0 0 0-.358 1.102l3.097 3.019-.731 4.263a.646.646 0 0 0 .937.681L8 12.912l3.828 2.013a.646.646 0 0 0 .937-.681l-.731-4.263 3.097-3.019a.646.646 0 0 0-.358-1.102Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "star-24",
+  "name": "24px-star",
+  "pascalName": "IconStar_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2e3be7ba-2e50-4b0d-ab1c-ac40d9318e91",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.6759 8.94299L15.5619 8.05499L12.8279 2.51499C12.4889 1.82899 11.5119 1.82899 11.1729 2.51499L8.43892 8.05499L2.32392 8.94299C1.56692 9.05299 1.26492 9.98299 1.81292 10.517L6.23692 14.83L5.19292 20.92C5.06392 21.674 5.85492 22.249 6.53192 21.893L11.9999 19.017L17.4689 21.892C18.1459 22.248 18.9369 21.673 18.8079 20.919L17.7639 14.829L22.1879 10.516C22.7349 9.98299 22.4329 9.05299 21.6759 8.94299Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconStar_24"
+>
+    <path
+        d="m21.676 8.943-6.114-.888-2.734-5.54a.923.923 0 0 0-1.655 0l-2.734 5.54-6.115.888a.923.923 0 0 0-.511 1.574l4.424 4.313-1.044 6.09a.923.923 0 0 0 1.339.973L12 19.017l5.469 2.875a.923.923 0 0 0 1.339-.973l-1.044-6.09 4.424-4.313a.922.922 0 0 0-.512-1.573Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/star-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/stop-round-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "stop-round-16",
+  "name": "16px-stop-round",
+  "pascalName": "IconStopRound_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/896ee1de-db60-476e-b571-9faae356c9ed",
+  "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=\"M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM5.9 5.2C5.5134 5.2 5.2 5.5134 5.2 5.9V10.1C5.2 10.4866 5.5134 10.8 5.9 10.8H10.1C10.4866 10.8 10.8 10.4866 10.8 10.1V5.9C10.8 5.5134 10.4866 5.2 10.1 5.2H5.9Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/stop-round-16.svg

@@ -0,0 +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"
+    data-token-name="IconStopRound_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM5.9 5.2a.7.7 0 0 0-.7.7v4.2a.7.7 0 0 0 .7.7h4.2a.7.7 0 0 0 .7-.7V5.9a.7.7 0 0 0-.7-.7H5.9Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "stop-round-24",
+  "name": "24px-stop-round",
+  "pascalName": "IconStopRound_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d73ba1bb-4390-4177-abcd-fee554cb3902",
+  "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=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM9 8C8.44772 8 8 8.44772 8 9V15C8 15.5523 8.44772 16 9 16H15C15.5523 16 16 15.5523 16 15V9C16 8.44772 15.5523 8 15 8H9Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/stop-round-24.svg

@@ -0,0 +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"
+    data-token-name="IconStopRound_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM9 8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H9Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/stop-round-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/support-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "support-16",
+  "name": "16px-support",
+  "pascalName": "IconSupport_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34d70eec-b9f6-4912-9672-abda2eefede5",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6.58789 1.139C3.77589 1.692 1.54789 4.016 1.09289 6.846C0.565893 10.123 2.33489 13.06 5.03789 14.328C5.06689 14.992 5.60589 15.525 6.27689 15.525C6.96689 15.525 7.52689 14.965 7.52689 14.275C7.52689 13.585 6.96689 13.025 6.27689 13.025C5.92989 13.025 5.61689 13.167 5.38989 13.395C3.97989 12.71 2.87489 11.492 2.34489 10H3.42689C3.83389 10.92 4.50789 11.696 5.35389 12.227C5.63589 12.099 5.94789 12.024 6.27789 12.024C7.04089 12.024 7.71289 12.406 8.11989 12.987C10.1149 12.939 11.8159 11.723 12.5739 9.999H13.9079C14.4029 9.999 14.8209 9.637 14.9039 9.149C14.9669 8.776 14.9999 8.392 14.9999 8C14.9999 3.678 11.0639 0.259002 6.58789 1.139ZM5.14289 6.893C5.14289 6.4 5.54289 6 6.03589 6C6.52889 6 6.92889 6.4 6.92889 6.893C6.92889 7.386 6.52889 7.786 6.03589 7.786C5.54289 7.786 5.14289 7.386 5.14289 6.893ZM10.2559 10.264C10.2199 10.303 9.36589 11.229 7.99989 11.229C6.63389 11.229 5.77989 10.304 5.74389 10.265C5.55889 10.06 5.57389 9.744 5.77889 9.558C5.98289 9.374 6.29989 9.387 6.48489 9.592C6.48889 9.596 7.08789 10.229 7.99989 10.229C8.91189 10.229 9.51089 9.596 9.51689 9.59C9.70489 9.389 10.0199 9.376 10.2219 9.562C10.4249 9.747 10.4399 10.061 10.2559 10.264ZM9.96389 7.786C9.47089 7.786 9.07089 7.386 9.07089 6.893C9.07089 6.4 9.47089 6 9.96389 6C10.4569 6 10.8569 6.4 10.8569 6.893C10.8569 7.386 10.4569 7.786 9.96389 7.786ZM12.8989 7C12.4359 4.718 10.4189 3 7.99989 3C5.58089 3 3.56389 4.718 3.10089 7H2.08089C2.08089 6.999 2.08089 6.999 2.08089 6.998C2.48889 4.488 4.53589 2.461 7.04889 2.073C10.4269 1.552 13.3809 3.869 13.9099 7H12.8989Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconSupport_16"
+>
+    <path
+        d="M6.588 1.139c-2.812.553-5.04 2.877-5.495 5.707-.527 3.277 1.242 6.214 3.945 7.482a1.244 1.244 0 0 0 2.489-.053 1.25 1.25 0 0 0-2.137-.88A6.03 6.03 0 0 1 2.345 10h1.082a5.039 5.039 0 0 0 1.927 2.227 2.23 2.23 0 0 1 2.766.76 4.997 4.997 0 0 0 4.454-2.988h1.334c.495 0 .913-.362.996-.85C14.967 8.776 15 8.392 15 8a7.011 7.011 0 0 0-8.412-6.861ZM5.143 6.893a.893.893 0 1 1 1.786 0 .893.893 0 0 1-1.786 0Zm5.113 3.371c-.036.039-.89.965-2.256.965-1.366 0-2.22-.925-2.256-.964a.501.501 0 0 1 .74-.673c.005.004.604.637 1.516.637s1.51-.633 1.517-.639a.501.501 0 0 1 .739.674Zm-.292-2.478a.893.893 0 1 1 0-1.786.893.893 0 0 1 0 1.786ZM12.899 7A5 5 0 0 0 3.1 7H2.08v-.002c.408-2.51 2.455-4.537 4.968-4.925A6.006 6.006 0 0 1 13.909 7H12.9Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "support-24",
+  "name": "24px-support",
+  "pascalName": "IconSupport_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dd524d87-b0d8-46ae-be89-bf20694cafe9",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.078 1.00801C6.83504 1.21501 2.43604 5.44101 2.03204 10.672C1.68104 15.217 4.24804 19.208 8.05004 20.993C8.09304 21.99 8.90904 22.787 9.91704 22.787C10.953 22.787 11.792 21.948 11.792 20.912C11.792 19.876 10.953 19.037 9.91704 19.037C9.39504 19.037 8.92404 19.251 8.58404 19.595C6.46904 18.567 4.81204 16.738 4.01804 14.5H5.63704C6.24504 15.882 7.25004 17.05 8.51804 17.847C8.94304 17.649 9.41604 17.537 9.91704 17.537C11.066 17.537 12.078 18.114 12.687 18.991C15.68 18.917 18.234 17.091 19.369 14.5H21.366C22.088 14.5 22.722 13.989 22.846 13.277C22.947 12.7 23 12.106 23 11.5C23 5.57001 18.059 0.773007 12.078 1.00801ZM8.21404 9.83901C8.21404 9.09901 8.81404 8.50001 9.55304 8.50001C10.293 8.50001 10.892 9.10001 10.892 9.83901C10.892 10.579 10.292 11.178 9.55304 11.178C8.81404 11.179 8.21404 10.579 8.21404 9.83901ZM15.884 14.896C15.831 14.955 14.549 16.344 12.5 16.344C10.451 16.344 9.16904 14.955 9.11604 14.896C8.83804 14.589 8.86104 14.115 9.16804 13.837C9.47504 13.559 9.94904 13.582 10.227 13.889C10.233 13.895 11.131 14.844 12.499 14.844C13.867 14.844 14.766 13.895 14.774 13.886C15.056 13.585 15.529 13.565 15.832 13.843C16.137 14.121 16.161 14.59 15.884 14.896ZM15.446 11.179C14.706 11.179 14.107 10.579 14.107 9.84001C14.107 9.10001 14.707 8.50101 15.446 8.50101C16.186 8.50101 16.785 9.10101 16.785 9.84001C16.786 10.579 16.186 11.179 15.446 11.179ZM19.849 10C19.154 6.57701 16.128 4.00001 12.5 4.00001C8.87204 4.00001 5.84604 6.57701 5.15104 10H3.62204C3.62204 9.99901 3.62204 9.99801 3.62204 9.99701C4.23604 6.22501 7.29804 3.19401 11.075 2.61001C16.141 1.82801 20.571 5.30401 21.364 10H19.849Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconSupport_24"
+>
+    <path
+        d="M12.078 1.008c-5.243.207-9.642 4.433-10.046 9.664-.351 4.545 2.216 8.536 6.018 10.321a1.87 1.87 0 0 0 3.742-.081 1.874 1.874 0 0 0-3.208-1.317A9.046 9.046 0 0 1 4.018 14.5h1.619a7.537 7.537 0 0 0 2.881 3.347c.425-.198.898-.31 1.399-.31 1.149 0 2.161.577 2.77 1.454a7.498 7.498 0 0 0 6.682-4.491h1.997c.722 0 1.356-.511 1.48-1.223.101-.577.154-1.171.154-1.777C23 5.57 18.059.773 12.078 1.008ZM8.214 9.839a1.339 1.339 0 1 1 2.678 0 1.339 1.339 0 0 1-2.678 0Zm7.67 5.057c-.053.059-1.335 1.448-3.384 1.448s-3.331-1.389-3.384-1.448a.75.75 0 1 1 1.111-1.007c.006.006.904.955 2.272.955 1.368 0 2.267-.949 2.275-.958a.754.754 0 0 1 1.058-.043.745.745 0 0 1 .052 1.053Zm-.438-3.717a1.339 1.339 0 1 1 0-2.678 1.339 1.339 0 0 1 0 2.678ZM19.849 10A7.502 7.502 0 0 0 12.5 4a7.502 7.502 0 0 0-7.349 6H3.622v-.003c.614-3.772 3.676-6.803 7.453-7.387 5.066-.782 9.496 2.694 10.289 7.39h-1.515Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "thumbs-down-24",
+  "name": "24px-thumbs-down",
+  "pascalName": "IconThumbsDown_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a73bf340-622b-4b80-9cbe-7967471edc58",
+  "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=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconThumbsDown_24"
+>
+    <path
+        d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2Zm4 0v12h4V3h-4Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "thumbs-up-24",
+  "name": "24px-thumbs-up",
+  "pascalName": "IconThumbsUp_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8f6c0229-14df-4ecb-a9aa-9967eb0a50a3",
+  "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=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -0,0 +1,14 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    data-token-name="IconThumbsUp_24"
+>
+    <path
+        d="M1 21h4V9H1v12Zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/thumbs-up-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/transcript-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "transcript-16",
+  "name": "16px-transcript",
+  "pascalName": "IconTranscript_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d8b3a4a3-208f-4df3-ac94-60f42139ea95",
+  "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-16.svg

@@ -0,0 +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"
+    data-token-name="IconTranscript_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.542 1c-1.182 0-2.315.47-3.151 1.305L3.095 6.601a.636.636 0 0 0-.186.45v5.14l-1.723 1.723a.636.636 0 1 0 .9.9l1.718-1.718h5.15c.17 0 .332-.067.451-.187l4.29-4.301A4.457 4.457 0 0 0 10.541 1Zm1.71 2.742a.69.69 0 0 1 0 .975L8.328 8.631h2.219a.636.636 0 1 1 0 1.273H7.05L5.209 11.74c-.059.063-.09.094-.12.094H4.22c-.068 0-.124 0-.124-.062v-.743c0-.062.01-.103.092-.185l7.089-7.103a.69.69 0 0 1 .975 0Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "transcript-24",
+  "name": "24px-transcript",
+  "pascalName": "IconTranscript_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/49cabc07-7533-4514-9a7a-0921f83a5f58",
+  "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/transcript-24.svg

@@ -0,0 +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"
+    data-token-name="IconTranscript_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M15.632 2c-1.689 0-3.308.67-4.502 1.865L4.993 10a.91.91 0 0 0-.266.643v7.343l-2.46 2.461a.909.909 0 1 0 1.285 1.286l2.453-2.454h7.359a.909.909 0 0 0 .643-.267l6.127-6.145A6.367 6.367 0 0 0 15.632 2Zm2.443 3.917a.985.985 0 0 1 0 1.393l-5.607 5.592h3.168a.91.91 0 1 1 0 1.818h-4.992l-2.632 2.624c-.083.09-.128.135-.172.135H6.601c-.097 0-.177 0-.177-.089v-1.062c0-.088.016-.147.132-.264h.001L16.682 5.916a.985.985 0 0 1 1.393 0Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/transcript-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;