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/more-vertical-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="IconMoreVertical_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M12 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm2-8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0-6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/more-vertical-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/open-in-new-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "open-in-new-16",
+  "name": "16px-open-in-new",
+  "pascalName": "IconOpenInNew_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7eb9e4cf-84cd-4814-b816-033c7f334797",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1.58858 1.00888C1.62498 1.00304 1.66233 1 1.70038 1H5.20038C5.58698 1 5.90038 1.3134 5.90038 1.7C5.90038 2.0866 5.58698 2.4 5.20038 2.4H2.40002L2.40002 13.6H13.6V10.8001C13.6 10.4135 13.9134 10.1001 14.3 10.1001C14.6866 10.1001 15 10.4135 15 10.8001V14.3001C15 14.6867 14.6866 15.0001 14.3 15.0001L14.2908 15H1.70759C1.70507 15 1.70254 15.0001 1.70002 15.0001C1.4229 15.0001 1.18339 14.839 1.06996 14.6054C1.02514 14.5131 1 14.4095 1 14.3L1.00002 14.2947L1.00002 1.70006C1.00002 1.35139 1.25495 1.06225 1.58858 1.00888Z\" fill=\"white\"/>\n<path d=\"M14.3983 1.00006L7.97676 1.00006C7.68154 1.00072 7.43017 1.21413 7.38239 1.50414C7.3346 1.79545 7.5048 2.07826 7.78431 2.17187L11.3276 3.36266L6.79718 7.89344C6.43585 8.2548 6.43585 8.84136 6.79718 9.20272C7.15852 9.56409 7.74503 9.56409 8.10637 9.20272L12.6368 4.67195L13.8275 8.21552C13.9211 8.49506 14.2039 8.66526 14.4952 8.61747C14.7865 8.56969 15.0005 8.31765 14.9999 8.02371V1.60168C15.0005 1.26977 14.7289 0.999408 14.3983 1.00006Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/open-in-new-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="IconOpenInNew_16"
+>
+    <path
+        d="M1.589 1.009A.705.705 0 0 1 1.7 1h3.5a.7.7 0 1 1 0 1.4H2.4v11.2h11.2v-2.8a.7.7 0 1 1 1.4 0v3.5a.7.7 0 0 1-.7.7H1.7a.7.7 0 0 1-.7-.7V1.7a.7.7 0 0 1 .589-.691Z"
+        fill="currentColor"
+    />
+    <path
+        d="M14.398 1H7.977a.601.601 0 0 0-.192 1.172l3.543 1.19-4.53 4.531a.926.926 0 0 0 1.308 1.31l4.53-4.531 1.192 3.544A.601.601 0 0 0 15 8.024V1.602A.602.602 0 0 0 14.398 1Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/open-in-new-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/open-in-new-24.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "open-in-new-24",
+  "name": "24px-open-in-new",
+  "pascalName": "IconOpenInNew_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7083d30b-71ac-4d9a-893b-6bced4ad8f50",
+  "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=\"M11.967 2H21.1406C21.6129 1.99907 22.0009 2.38531 22 2.85945L22 12.0338C22.0009 12.4537 21.6951 12.8138 21.279 12.882C20.8629 12.9503 20.4589 12.7071 20.3252 12.3078L18.6242 7.24556L12.1521 13.7181C11.6359 14.2343 10.7981 14.2343 10.2819 13.7181C9.76569 13.2019 9.76569 12.3639 10.2819 11.8477L16.7539 5.37515L11.6921 3.67402C11.2928 3.54028 11.0496 3.13627 11.1179 2.72011C11.1862 2.30581 11.5452 2.00094 11.967 2ZM3 2H3.00011H3.00022H8.00022C8.5525 2 9.00022 2.44772 9.00022 3C9.00022 3.55229 8.5525 4 8.00022 4H4L4 20H20V16C20 15.4477 20.4477 15 21 15C21.5523 15 22 15.4477 22 16V21C22 21.5523 21.5523 22 21 22H3C2.44772 22 2 21.5523 2 21V3C2 2.44772 2.44772 2 3 2Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/open-in-new-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="IconOpenInNew_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M11.967 2h9.174a.86.86 0 0 1 .859.86v9.174a.86.86 0 0 1-1.675.274l-1.7-5.062-6.473 6.472a1.323 1.323 0 0 1-1.87-1.87l6.472-6.473-5.062-1.701A.859.859 0 0 1 11.967 2ZM3 2h5a1 1 0 0 1 0 2H4v16h16v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/open-in-new-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/participant-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "participant-16",
+  "name": "16px-participant",
+  "pascalName": "IconParticipant_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4bb16c30-572a-4f33-9985-e189d6d6716c",
+  "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=\"M11.677 4.909C11.677 6.938 10.028 8.587 8.00004 8.587C5.97204 8.587 4.32204 6.937 4.32204 4.909C4.32204 2.882 5.97204 1.233 8.00004 1.233C10.028 1.233 11.677 2.882 11.677 4.909ZM8.00003 10.158C11.254 10.158 13.062 10.92 14.021 11.946C14.0256 11.9509 14.0303 11.9558 14.0349 11.9608C14.3126 12.2562 14.742 12.7131 14.92 13.849C15.014 14.452 14.538 15 13.928 15H2.07203C1.46203 15 0.987029 14.452 1.08003 13.849C1.25397 12.7348 1.66978 12.2817 1.92768 12.0007C1.93666 11.991 1.94545 11.9814 1.95403 11.972C2.90703 10.933 4.71803 10.158 8.00003 10.158Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/participant-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="IconParticipant_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M11.677 4.909A3.68 3.68 0 0 1 8 8.587a3.682 3.682 0 0 1-3.678-3.678A3.681 3.681 0 0 1 8 1.233a3.68 3.68 0 0 1 3.677 3.676ZM8 10.158c3.254 0 5.062.762 6.021 1.788l.014.015c.278.295.707.752.885 1.888A1.004 1.004 0 0 1 13.928 15H2.072c-.61 0-1.085-.548-.992-1.151.174-1.114.59-1.567.848-1.848l.026-.029c.953-1.039 2.764-1.814 6.046-1.814Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "participant-24",
+  "name": "24px-participant",
+  "pascalName": "IconParticipant_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2f3a6f30-ef3f-4b2b-ae7f-8d6a7e2c343a",
+  "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.5899 8.595C16.5899 11.13 14.5289 13.192 11.9939 13.192C9.45893 13.192 7.39693 11.131 7.39693 8.595C7.39693 6.061 9.45993 4 11.9939 4C14.5279 4 16.5899 6.061 16.5899 8.595ZM11.9939 15.157C16.0619 15.157 18.3219 16.109 19.5209 17.391C19.528 17.3986 19.5352 17.4062 19.5424 17.414C19.8884 17.7846 20.4225 18.3566 20.6429 19.77C20.7609 20.524 20.1669 21.209 19.4039 21.209H4.58393C3.82193 21.209 3.22693 20.524 3.34493 19.771C3.56288 18.3751 4.08393 17.8087 4.40631 17.4583C4.41673 17.447 4.42694 17.4359 4.43693 17.425C5.62793 16.126 7.89193 15.157 11.9939 15.157Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/participant-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="IconParticipant_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M16.59 8.595a4.601 4.601 0 0 1-4.596 4.597 4.601 4.601 0 0 1-4.597-4.597A4.602 4.602 0 0 1 11.994 4a4.6 4.6 0 0 1 4.596 4.595Zm-4.596 6.562c4.068 0 6.328.952 7.527 2.234l.021.023c.346.37.88.943 1.1 2.356a1.254 1.254 0 0 1-1.238 1.439H4.584a1.254 1.254 0 0 1-1.24-1.438c.219-1.396.74-1.962 1.062-2.313l.03-.033c1.192-1.299 3.456-2.268 7.558-2.268Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/participant-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/password-hide-24.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "password-hide-24",
+  "name": "24px-password-hide",
+  "pascalName": "IconPasswordHide_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dc4cdf52-6481-4fed-8a22-47103cb64640",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/password-hide-24.svg ADDED Viewed

@@ -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="IconPasswordHide_24"
+>
+    <path
+        d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7ZM2 4.27l2.28 2.28.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27ZM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2Zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/password-hide-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/password-show-24.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "password-show-24",
+  "name": "24px-password-show",
+  "pascalName": "IconPasswordShow_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3c337f8e-8e6a-49cd-bf19-c0d9c649e0cc",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/password-show-24.svg ADDED Viewed

@@ -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="IconPasswordShow_24"
+>
+    <path
+        d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5ZM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/password-show-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/pause-round-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "pause-round-16",
+  "name": "16px-pause-round",
+  "pascalName": "IconPauseRound_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d3d38e71-f28f-40cd-be3c-7859bf3f4f62",
+  "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=\"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM5.9 5.9C5.9 5.5134 6.2134 5.2 6.6 5.2C6.9866 5.2 7.3 5.5134 7.3 5.9V10.1C7.3 10.4866 6.9866 10.8 6.6 10.8C6.2134 10.8 5.9 10.4866 5.9 10.1V5.9ZM9.4 5.2C9.0134 5.2 8.7 5.5134 8.7 5.9V10.1C8.7 10.4866 9.0134 10.8 9.4 10.8C9.7866 10.8 10.1 10.4866 10.1 10.1V5.9C10.1 5.5134 9.7866 5.2 9.4 5.2Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/pause-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="IconPauseRound_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.9 5.9a.7.7 0 1 1 1.4 0v4.2a.7.7 0 1 1-1.4 0V5.9Zm3.5-.7a.7.7 0 0 0-.7.7v4.2a.7.7 0 1 0 1.4 0V5.9a.7.7 0 0 0-.7-.7Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "pause-round-24",
+  "name": "24px-pause-round",
+  "pascalName": "IconPauseRound_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/06a0b08f-99e2-4257-a4c2-3b26b627918d",
+  "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=\"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM9 9C9 8.44772 9.44772 8 10 8C10.5523 8 11 8.44772 11 9V15C11 15.5523 10.5523 16 10 16C9.44772 16 9 15.5523 9 15V9ZM14 8C13.4477 8 13 8.44772 13 9V15C13 15.5523 13.4477 16 14 16C14.5523 16 15 15.5523 15 15V9C15 8.44772 14.5523 8 14 8Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/pause-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="IconPauseRound_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10ZM9 9a1 1 0 0 1 2 0v6a1 1 0 1 1-2 0V9Zm5-1a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/pause-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/generated/icons/pexip-logo-24.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "pexip-logo-24",
+  "name": "24px-pexip-logo",
+  "pascalName": "IconPexipLogo_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b552f6b5-3a1a-4c12-9fdd-96a1dd538397",
+  "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 18.675V21H7.8V2.39996H3V4.72496H5.54118V18.675H3ZM21 4.72496V2.39996H16.2V21H21V18.675H18.4588V4.72496H21Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/pexip-logo-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="IconPexipLogo_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M3 18.675V21h4.8V2.4H3v2.325h2.541v13.95H3Zm18-13.95V2.4h-4.8V21H21v-2.325h-2.541V4.725H21Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/pexip-logo-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/phone-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "phone-16",
+  "name": "16px-phone",
+  "pascalName": "IconPhone_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8901a93c-c48c-4134-8382-d8c30e341317",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.7329 12.373C13.3509 13.052 12.6079 13.527 11.7449 13.647C10.0849 13.878 7.9529 12.859 5.5469 10.454C2.6069 7.51399 2.1879 5.46099 2.3539 4.25599C2.4729 3.39299 2.9489 2.64999 3.6279 2.26799C4.1679 1.96399 4.8409 2.14199 5.1599 2.67399L6.4529 4.82899C6.7219 5.27799 6.6519 5.84999 6.2819 6.21899L5.6759 6.84299C6.1239 7.57099 6.6329 8.18799 7.2229 8.77699C7.8119 9.36699 8.4299 9.87599 9.1099 10.335L9.7849 9.71399C10.1499 9.34699 10.7219 9.27599 11.1709 9.54599L13.3259 10.839C13.8569 11.159 14.0359 11.832 13.7329 12.373Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -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="IconPhone_16"
+>
+    <path
+        d="M13.733 12.373c-.382.679-1.125 1.154-1.988 1.274-1.66.231-3.792-.788-6.198-3.193-2.94-2.94-3.36-4.993-3.193-6.198.119-.863.595-1.606 1.274-1.988a1.13 1.13 0 0 1 1.532.406l1.293 2.155a1.136 1.136 0 0 1-.171 1.39l-.606.624c.448.728.957 1.345 1.547 1.934.589.59 1.207 1.099 1.887 1.558l.675-.621a1.132 1.132 0 0 1 1.386-.168l2.155 1.293c.53.32.71.993.407 1.534Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "phone-24",
+  "name": "24px-phone",
+  "pascalName": "IconPhone_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0d07f91d-f8e3-4be8-a74d-1eb28a2009e5",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M18.8797 17.2476C18.4213 18.0624 17.5297 18.6324 16.4941 18.7764C14.5021 19.0536 11.9437 17.8308 9.05648 14.9448C5.52848 11.4168 5.02568 8.95319 5.22488 7.50719C5.36768 6.47159 5.93888 5.57999 6.75368 5.12159C7.40168 4.75679 8.20928 4.97039 8.59208 5.60879L10.1437 8.19479C10.4665 8.73359 10.3825 9.41999 9.93848 9.86279L9.21128 10.6116C9.74888 11.4852 10.3597 12.2256 11.0677 12.9324C11.7745 13.6404 12.5161 14.2512 13.3321 14.802L14.1421 14.0568C14.5801 13.6164 15.2665 13.5312 15.8053 13.8552L18.3913 15.4068C19.0285 15.7908 19.2433 16.5984 18.8797 17.2476Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -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="IconPhone_24"
+>
+    <path
+        d="M18.88 17.248c-.459.814-1.35 1.384-2.386 1.528-1.992.278-4.55-.945-7.438-3.831-3.528-3.528-4.03-5.992-3.831-7.438.143-1.035.714-1.927 1.529-2.385a1.356 1.356 0 0 1 1.838.487l1.552 2.586a1.363 1.363 0 0 1-.206 1.668l-.727.749a12.453 12.453 0 0 0 1.857 2.32 15.104 15.104 0 0 0 2.264 1.87l.81-.745a1.358 1.358 0 0 1 1.663-.202l2.586 1.552c.638.384.852 1.191.489 1.84Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/phone-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/play-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "play-16",
+  "name": "16px-play",
+  "pascalName": "IconPlay_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/c9fb8a46-472f-4500-a886-d990f365a1e7",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M14.0871 8.99848L5.544 13.8747C4.77585 14.3127 3.82251 13.7588 3.82251 12.8763V3.12383C3.82251 2.24134 4.77585 1.68737 5.54239 2.12539L14.0854 7.00162C14.86 7.44286 14.86 8.55724 14.0871 8.99848Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -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="IconPlay_16"
+>
+    <path
+        d="m14.087 8.998-8.543 4.877a1.15 1.15 0 0 1-1.721-.999V3.124a1.15 1.15 0 0 1 1.72-.999l8.542 4.877a1.15 1.15 0 0 1 .002 1.996Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "play-24",
+  "name": "24px-play",
+  "pascalName": "IconPlay_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b44287a6-8beb-435e-b296-f1e1a3c36af7",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M21.1307 13.4977L8.31613 20.812C7.1639 21.4691 5.73389 20.6381 5.73389 19.3144V4.68572C5.73389 3.36199 7.1639 2.53104 8.31371 3.18807L21.1283 10.5024C22.2902 11.1643 22.2902 12.8358 21.1307 13.4977Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

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

@@ -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="IconPlay_24"
+>
+    <path
+        d="M21.13 13.498 8.317 20.812c-1.152.657-2.582-.174-2.582-1.498V4.686c0-1.324 1.43-2.155 2.58-1.498l12.814 7.314c1.162.662 1.162 2.334.003 2.996Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/play-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/play-round-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "play-round-16",
+  "name": "16px-play-round",
+  "pascalName": "IconPlayRound_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/42c9eec1-8429-4ac9-b226-a29923f6531b",
+  "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 15ZM10.05 8.43298C10.3834 8.24053 10.3834 7.75941 10.05 7.56696L7.35003 6.00811C7.0167 5.81566 6.60003 6.05623 6.60003 6.44113V9.55882C6.60003 9.94372 7.01669 10.1843 7.35003 9.99183L10.05 8.43298Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/play-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="IconPlayRound_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm2.05-6.567a.5.5 0 0 0 0-.866l-2.7-1.559a.5.5 0 0 0-.75.433V9.56a.5.5 0 0 0 .75.433l2.7-1.559Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "play-round-24",
+  "name": "24px-play-round",
+  "pascalName": "IconPlayRound_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e115245f-a44b-4b70-bfd3-d4364db6616a",
+  "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 22ZM10.75 15.0311L15.25 12.433C15.5833 12.2406 15.5833 11.7594 15.25 11.567L10.75 8.96891C10.4167 8.77646 10 9.01702 10 9.40192L10 14.5981C10 14.983 10.4167 15.2235 10.75 15.0311Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/play-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="IconPlayRound_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 10Zm-1.25-6.969 4.5-2.598a.5.5 0 0 0 0-.866l-4.5-2.598a.5.5 0 0 0-.75.433v5.196a.5.5 0 0 0 .75.433Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/play-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/generated/icons/plus-16.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "iconName": "plus-16",
+  "name": "16px-plus",
+  "pascalName": "IconPlus_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/532c1690-ea2a-48a4-8c4f-ced96f9b855a",
+  "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.80005 3.47451C8.80005 3.03269 8.44187 2.67451 8.00005 2.67451C7.55822 2.67451 7.20005 3.03269 7.20005 3.47451V7.19997L3.47456 7.19997C3.03273 7.19997 2.67456 7.55814 2.67456 7.99997C2.67456 8.4418 3.03273 8.79997 3.47456 8.79997L7.20005 8.79997V12.5255C7.20005 12.9673 7.55822 13.3255 8.00005 13.3255C8.44187 13.3255 8.80005 12.9673 8.80005 12.5255V8.79997L12.5255 8.79997C12.9674 8.79997 13.3255 8.4418 13.3255 7.99997C13.3255 7.55814 12.9674 7.19997 12.5255 7.19997L8.80005 7.19997V3.47451Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/plus-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="IconPlus_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8.8 3.475a.8.8 0 0 0-1.6 0V7.2H3.475a.8.8 0 1 0 0 1.6H7.2v3.725a.8.8 0 0 0 1.6 0V8.8h3.725a.8.8 0 1 0 0-1.6H8.8V3.475Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "plus-24",
+  "name": "24px-plus",
+  "pascalName": "IconPlus_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/50c40b6a-d8ca-4f73-ab73-73308230eb6e",
+  "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=\"M19.071 13C19.6233 13 20.071 12.5523 20.071 12C20.071 11.4477 19.6233 11 19.071 11L12.9999 11L12.9999 4.92893C12.9999 4.37665 12.5522 3.92893 11.9999 3.92893C11.4476 3.92893 10.9999 4.37665 10.9999 4.92893L10.9999 11L4.92886 11C4.37658 11 3.92886 11.4477 3.92886 12C3.92886 12.5523 4.37658 13 4.92886 13L10.9999 13L10.9999 19.0711C10.9999 19.6234 11.4476 20.0711 11.9999 20.0711C12.5522 20.0711 12.9999 19.6234 12.9999 19.0711L12.9999 13H19.071Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/plus-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="IconPlus_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M19.071 13a1 1 0 1 0 0-2H13V4.929a1 1 0 1 0-2 0V11H4.929a1 1 0 1 0 0 2h6.07v6.071a1 1 0 1 0 2 0V13h6.072Z"
+        fill="currentColor"
+    />
+</svg>

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