npm - @pexip/components - Versions diffs - 16.8.0 - Mend

@pexip/components 16.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1020) hide show

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "trash-16",
+  "name": "16px-trash",
+  "pascalName": "IconTrash_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4fe2b5dc-4009-4d59-9629-afe57fc3ae6b",
+  "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-16.svg ADDED Viewed

@@ -0,0 +1,20 @@
+<!-- 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="IconTrash_16"
+>
+    <path
+        d="M5.9 2.3v.1H1.7a.7.7 0 1 0 0 1.4h12.6a.7.7 0 1 0 0-1.4h-4.2v-.1a2 2 0 0 0-2-2h-.2a2 2 0 0 0-2 2Z"
+        fill="currentColor"
+    />
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M13.6 5.2H2.4v8.5a2 2 0 0 0 2 2h7.2a2 2 0 0 0 2-2V5.2ZM7.3 8a.7.7 0 1 0-1.4 0v4.9a.7.7 0 1 0 1.4 0V8Zm2.1-.7a.7.7 0 0 1 .7.7v4.9a.7.7 0 0 1-1.4 0V8a.7.7 0 0 1 .7-.7Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/trash-16.svg.d.ts ADDED Viewed

@@ -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/trash-24.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "trash-24",
+  "name": "24px-trash",
+  "pascalName": "IconTrash_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/abdc3148-c081-4d03-8b16-dec6eab25429",
+  "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/trash-24.svg ADDED Viewed

@@ -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="IconTrash_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M15 6H3a1 1 0 0 1 0-2h6V3a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1h6a1 1 0 1 1 0 2h-6Zm5 2H4v13a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Zm-9 4a1 1 0 1 0-2 0v7a1 1 0 1 0 2 0v-7Zm3-1a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0v-7a1 1 0 0 1 1-1Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/trash-24.svg.d.ts ADDED Viewed

@@ -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/unlock-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "unlock-16",
+  "name": "16px-unlock",
+  "pascalName": "IconUnlock_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f215b9d-413d-41e8-bb3e-e9f59ad4637d",
+  "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-16.svg ADDED Viewed

@@ -0,0 +1,18 @@
+<!-- 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="IconUnlock_16"
+>
+    <path
+        d="M9.907 6.385V4.077c0-1.052.821-1.908 1.91-1.908s1.91.856 1.91 1.908v.461H15v-.461C15 2.378 13.574 1 11.817 1S8.634 2.378 8.634 4.077v2.308h1.273Z"
+        fill="currentColor"
+    />
+    <path
+        d="M2.637 6.385A.626.626 0 0 0 2 7v7.385c0 .34.285.615.637.615h9.23a.626.626 0 0 0 .637-.615V7a.626.626 0 0 0-.637-.615h-9.23Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/unlock-16.svg.d.ts ADDED Viewed

@@ -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/unlock-24.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "unlock-24",
+  "name": "24px-unlock",
+  "pascalName": "IconUnlock_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2d2ab924-bd41-4d52-b589-77fcaa4ca949",
+  "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/unlock-24.svg ADDED Viewed

@@ -0,0 +1,18 @@
+<!-- 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="IconUnlock_24"
+>
+    <path
+        d="M14.165 9.462V5.835c0-1.653 1.263-2.998 2.938-2.998 1.675 0 2.938 1.345 2.938 2.998v.725H22v-.725C22 3.166 19.806 1 17.103 1c-2.703 0-4.897 2.166-4.897 4.835v3.627h1.959Z"
+        fill="currentColor"
+    />
+    <path
+        d="M2.98 9.462c-.542 0-.98.432-.98.967v11.604c0 .534.438.967.98.967h14.2c.541 0 .98-.433.98-.967V10.429a.973.973 0 0 0-.98-.967H2.98Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/unlock-24.svg.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "video-off-16",
+  "name": "16px-video-off",
+  "pascalName": "IconVideoOff_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4b359795-64a8-463e-81ed-9f1bd9face4b",
+  "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.66099C1.22197 1.46599 0.904971 1.46599 0.709971 1.66099C0.514971 1.85599 0.514971 2.17299 0.709971 2.36799L2.43297 4.09099C1.60697 4.33699 0.999971 5.09399 0.999971 5.99999V9.99999C0.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.66099ZM12 10V6C12 4.895 11.105 4 9.99998 4H5.16998L11.868 10.698C11.949 10.48 12 10.247 12 10ZM13 6.5L15.18 4.683C15.506 4.412 16 4.644 16 5.068V10.933C16 11.357 15.506 11.588 15.18 11.317L13 9.5V6.5Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/video-off-16.svg ADDED Viewed

@@ -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="IconVideoOff_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1.417 1.661a.5.5 0 0 0-.707.707l1.723 1.723A1.995 1.995 0 0 0 1 6v4a2 2 0 0 0 2 2h7c.09 0 .177-.014.264-.028l.042-.007 2.815 2.815a.5.5 0 0 0 .707-.707L1.417 1.661ZM12 10V6a2 2 0 0 0-2-2H5.17l6.698 6.698c.081-.218.132-.451.132-.698Zm1-3.5 2.18-1.817a.5.5 0 0 1 .82.385v5.865a.5.5 0 0 1-.82.384L13 9.5v-3Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/video-off-16.svg.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "video-off-24",
+  "name": "24px-video-off",
+  "pascalName": "IconVideoOff_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c35345e5-a6d3-4e35-b73e-81b2eb7380c2",
+  "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.07601C3.323 3.83201 2.927 3.83201 2.683 4.07601C2.439 4.32001 2.439 4.71601 2.683 4.96001L4.837 7.11401C3.804 7.42101 3.046 8.36701 3.046 9.50001V14.49C3.046 15.871 4.165 16.99 5.546 16.99H14.296C14.428 16.99 14.552 16.976 14.678 16.956L18.196 20.474C18.44 20.718 18.836 20.718 19.08 20.474C19.324 20.23 19.324 19.834 19.08 19.59L3.567 4.07601ZM16.796 14.5V9.50001C16.796 8.11901 15.677 7.00001 14.296 7.00001H8.258L16.631 15.373C16.732 15.1 16.796 14.808 16.796 14.5ZM18.046 10.125L20.771 7.85401C21.178 7.51501 21.796 7.80501 21.796 8.33401V15.666C21.796 16.196 21.178 16.485 20.771 16.146L18.046 13.875V10.125Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/video-off-24.svg ADDED Viewed

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

package/design-tokens/generated/icons/video-off-24.svg.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "video-on-16",
+  "name": "16px-video-on",
+  "pascalName": "IconVideoOn_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c870fdbc-2695-4e9d-8ce6-e80de412363e",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H10C11.105 4 12 4.895 12 6V10C12 11.105 11.105 12 10 12H3C1.895 12 1 11.105 1 10V6C1 4.895 1.895 4 3 4ZM13 6.5L15.18 4.683C15.506 4.412 16 4.644 16 5.068V10.933C16 11.357 15.506 11.588 15.18 11.317L13 9.5V6.5Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/video-on-16.svg ADDED Viewed

@@ -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="IconVideoOn_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M3 4h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm10 2.5 2.18-1.817a.5.5 0 0 1 .82.385v5.865a.5.5 0 0 1-.82.384L13 9.5v-3Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/video-on-16.svg.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "video-on-24",
+  "name": "24px-video-on",
+  "pascalName": "IconVideoOn_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3f42cded-60e4-4795-8f3e-3b0442ea64e0",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.6499 7H14.3999C15.7809 7 16.8999 8.119 16.8999 9.5V14.5C16.8999 15.881 15.7809 17 14.3999 17H5.6499C4.2689 17 3.1499 15.881 3.1499 14.5V9.5C3.1499 8.119 4.2689 7 5.6499 7ZM18.1499 10.125L20.8749 7.854C21.2819 7.515 21.8999 7.805 21.8999 8.334V15.666C21.8999 16.196 21.2819 16.485 20.8749 16.146L18.1499 13.875V10.125Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/video-on-24.svg ADDED Viewed

@@ -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="IconVideoOn_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M5.65 7h8.75a2.5 2.5 0 0 1 2.5 2.5v5a2.5 2.5 0 0 1-2.5 2.5H5.65a2.5 2.5 0 0 1-2.5-2.5v-5A2.5 2.5 0 0 1 5.65 7Zm12.5 3.125 2.725-2.271a.625.625 0 0 1 1.025.48v7.332c0 .53-.618.819-1.025.48l-2.725-2.271v-3.75Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/video-on-24.svg.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "video-systems-16",
+  "name": "16px-video-systems",
+  "pascalName": "IconVideoSystems_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/80bea778-e06a-4d92-a15b-3331d755fddd",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.9466 3.06139C10.9466 4.58749 9.70944 5.82463 8.18335 5.82463C6.65726 5.82463 5.42011 4.58749 5.42011 3.06139C5.42011 1.5353 6.65726 0.298157 8.18335 0.298157C9.70944 0.298157 10.9466 1.5353 10.9466 3.06139ZM9.67287 3.06117C9.67287 3.88291 9.00672 4.54907 8.18498 4.54907C7.36323 4.54907 6.69708 3.88291 6.69708 3.06117C6.69708 2.23943 7.36323 1.57327 8.18498 1.57327C9.00672 1.57327 9.67287 2.23943 9.67287 3.06117ZM3.02614 2.5087C3.01447 2.5087 3.00288 2.50906 2.99138 2.50977H2.91579C1.85768 2.50977 1 3.36746 1 4.42556V10.9098C1 11.9679 1.85768 12.8256 2.91579 12.8256H13.0842C14.1423 12.8256 15 11.9679 15 10.9098V4.42556C15 3.36746 14.1423 2.50977 13.0842 2.50977H13.0092C12.9977 2.50906 12.9861 2.5087 12.9744 2.5087H12.606C12.3008 2.5087 12.0533 2.75613 12.0533 3.06135C12.0533 3.36657 12.3008 3.614 12.606 3.614H12.7764L12.7763 3.61504H13.0842C13.5315 3.61504 13.8947 3.97756 13.8947 4.42556V10.9098C13.8947 11.3578 13.5322 11.7203 13.0842 11.7203H2.91579C2.46853 11.7203 2.10526 11.3578 2.10526 10.9098V4.42556C2.10526 3.9783 2.46779 3.61504 2.91579 3.61504H3.22514L3.22506 3.61399H3.76301C4.06823 3.61399 4.31565 3.36657 4.31565 3.06135C4.31565 2.75613 4.06823 2.5087 3.76301 2.5087H3.02614ZM5.97368 13.5624H10.0263L10.5613 15.1665C10.6607 15.4649 10.4389 15.7729 10.1243 15.7729H5.87568C5.56179 15.7729 5.33926 15.4649 5.43874 15.1665L5.97368 13.5624ZM8.73686 3.06132C8.73686 3.36654 8.48943 3.61396 8.18421 3.61396C7.87899 3.61396 7.63156 3.36654 7.63156 3.06132C7.63156 2.7561 7.87899 2.50867 8.18421 2.50867C8.48943 2.50867 8.73686 2.7561 8.73686 3.06132ZM4.11631 4.7193C4.46592 4.7193 4.77671 4.92611 4.9717 5.21628C5.66619 6.24984 6.84616 6.92994 8.18497 6.92994C9.57501 6.92994 10.7938 6.19681 11.4758 5.09613C11.6139 4.8732 11.8484 4.7193 12.1106 4.7193C12.4858 4.7193 12.79 5.02345 12.79 5.39863V9.21421C12.79 9.98741 12.1632 10.6142 11.39 10.6142H4.61073C3.83753 10.6142 3.21073 9.98741 3.21073 9.21421V5.62489C3.21073 5.12475 3.61617 4.7193 4.11631 4.7193Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/video-systems-16.svg ADDED Viewed

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

package/design-tokens/generated/icons/video-systems-16.svg.d.ts ADDED Viewed

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

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

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

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

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

package/design-tokens/generated/icons/video-systems-24.svg.d.ts ADDED Viewed

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

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "warning-round-16",
+  "name": "16px-warning-round",
+  "pascalName": "IconWarningRound_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/15af206f-54fe-4b98-ae8e-7b3b6014cd8e",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 0.999999 11.866 1 8ZM8.7 10.8C8.7 11.1866 8.3866 11.5 8 11.5L7.993 11.5C7.6064 11.5 7.293 11.1866 7.293 10.8C7.293 10.4134 7.6064 10.1 7.993 10.1L8 10.1C8.3866 10.1 8.7 10.4134 8.7 10.8ZM8 8.7C7.6134 8.7 7.3 8.3866 7.3 8L7.3 5.2C7.3 4.8134 7.6134 4.5 8 4.5C8.3866 4.5 8.7 4.8134 8.7 5.2L8.7 8C8.7 8.3866 8.3866 8.7 8 8.7Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/warning-round-16.svg ADDED Viewed

@@ -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="IconWarningRound_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm7.7 2.8a.7.7 0 0 1-.7.7h-.007a.7.7 0 1 1 0-1.4H8a.7.7 0 0 1 .7.7ZM8 8.7a.7.7 0 0 1-.7-.7V5.2a.7.7 0 1 1 1.4 0V8a.7.7 0 0 1-.7.7Z"
+        fill="currentColor"
+    />
+</svg>

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

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

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "warning-round-24",
+  "name": "24px-warning-round",
+  "pascalName": "IconWarningRound_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e217b04f-c4f2-4bf8-a654-4a0ece08fd3e",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM13 16C13 16.5523 12.5523 17 12 17L11.99 17C11.4377 17 10.99 16.5523 10.99 16C10.99 15.4477 11.4377 15 11.99 15L12 15C12.5523 15 13 15.4477 13 16ZM12 13C11.4477 13 11 12.5523 11 12V8C11 7.44771 11.4477 7 12 7C12.5523 7 13 7.44771 13 8V12C13 12.5523 12.5523 13 12 13Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/warning-round-24.svg ADDED Viewed

@@ -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="IconWarningRound_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm11 4a1 1 0 0 1-1 1h-.01a1 1 0 1 1 0-2H12a1 1 0 0 1 1 1Zm-1-3a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -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/mixins/_breakpoints.scss ADDED Viewed

@@ -0,0 +1,146 @@
+@import '../generated/breakpoints.variables.scss';
+/*
+* The code below was copied from MIT licensed
+* Bootstrap -> https://github.com/twbs/bootstrap/blob/v5.1.3/scss/mixins/_breakpoints.scss
+*/
+// Breakpoint viewport sizes and media queries.
+//
+// Breakpoints are defined as a map of (name: minimum width), order from small to large:
+//
+//    (xs: 0, sm: 479px, md: 744px, lg: 1024px, xl: 1280px)
+//
+// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
+// Name of the next breakpoint, or null for the last breakpoint.
+//
+//    >> breakpoint-next(sm)
+//    md
+//    >> breakpoint-next(sm, (xs: 0, sm: 479px, md: 744px, lg: 1024px, xl: 1280px))
+//    md
+//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
+//    md
+@function breakpoint-next(
+    $name,
+    $breakpoints: $grid-breakpoints,
+    $breakpoint-names: map-keys($breakpoints)
+) {
+    $n: index($breakpoint-names, $name);
+    @if not $n {
+        @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
+    }
+    @return if(
+        $n < length($breakpoint-names),
+        nth($breakpoint-names, $n + 1),
+        null
+    );
+}
+// Minimum breakpoint width. Null for the smallest (first) breakpoint.
+//
+//    >> breakpoint-min(sm, (xs: 0, sm: 479px, md: 744px, lg: 1024px, xl: 1280px))
+//    576px
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+    $min: map-get($breakpoints, $name);
+    @return if($min != 0, $min, null);
+}
+// Maximum breakpoint width.
+// The maximum value is reduced by 0.02px to work around the limitations of
+// `min-` and `max-` prefixes and viewports with fractional widths.
+// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
+// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
+// See https://bugs.webkit.org/show_bug.cgi?id=178261
+//
+//    >> breakpoint-max(md, (xs: 0, sm: 479px, md: 744px, lg: 1024px, xl: 1280px))
+//    767.98px
+@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
+    $max: map-get($breakpoints, $name);
+    @return if($max and $max > 0, $max - 0.02, null);
+}
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
+// Useful for making responsive utilities.
+//
+//    >> breakpoint-infix(xs, (xs: 0, sm: 479px, md: 744px, lg: 1024px, xl: 1280px))
+//    ""  (Returns a blank string)
+//    >> breakpoint-infix(sm, (xs: 0, sm: 479px, md: 744px, lg: 1024px, xl: 1280px))
+//    "-sm"
+@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
+    @return if(breakpoint-min($name, $breakpoints) == null, '', '-#{$name}');
+}
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+    $min: breakpoint-min($name, $breakpoints);
+    @if $min {
+        @media (min-width: $min) {
+            @content;
+        }
+    } @else {
+        @content;
+    }
+}
+// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
+// Makes the @content apply to the given breakpoint and narrower.
+@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
+    $max: breakpoint-max($name, $breakpoints);
+    @if $max {
+        @media (max-width: $max) {
+            @content;
+        }
+    } @else {
+        @content;
+    }
+}
+// Media that spans multiple breakpoint widths.
+// Makes the @content apply between the min and max breakpoints
+@mixin media-breakpoint-between(
+    $lower,
+    $upper,
+    $breakpoints: $grid-breakpoints
+) {
+    $min: breakpoint-min($lower, $breakpoints);
+    $max: breakpoint-max($upper, $breakpoints);
+    @if $min != null and $max != null {
+        @media (min-width: $min) and (max-width: $max) {
+            @content;
+        }
+    } @else if $max == null {
+        @include media-breakpoint-up($lower, $breakpoints) {
+            @content;
+        }
+    } @else if $min == null {
+        @include media-breakpoint-down($upper, $breakpoints) {
+            @content;
+        }
+    }
+}
+// Media between the breakpoint's minimum and maximum widths.
+// No minimum for the smallest breakpoint, and no maximum for the largest one.
+// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
+@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
+    $min: breakpoint-min($name, $breakpoints);
+    $next: breakpoint-next($name, $breakpoints);
+    $max: breakpoint-max($next);
+    @if $min != null and $max != null {
+        @media (min-width: $min) and (max-width: $max) {
+            @content;
+        }
+    } @else if $max == null {
+        @include media-breakpoint-up($name, $breakpoints) {
+            @content;
+        }
+    } @else if $min == null {
+        @include media-breakpoint-down($next, $breakpoints) {
+            @content;
+        }
+    }
+}

package/design-tokens/mixins/_ellipsis.scss ADDED Viewed

@@ -0,0 +1,6 @@
+@mixin ellipsis {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}

package/design-tokens/mixins/_negative-margin.scss ADDED Viewed

@@ -0,0 +1,5 @@
+@mixin negative-margin($size) {
+    width: calc(100% + #{$size} * 2);
+    margin-left: calc(#{$size} * -1);
+    margin-right: calc(#{$size} * -1);
+}

package/design-tokens/mixins/_sr-only.scss ADDED Viewed

@@ -0,0 +1,11 @@
+@mixin sr-only {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+}