@pexip/components 16.8.0

package/design-tokens/generated/colors.ts

@@ -0,0 +1,128 @@
+/* FILE GENERATED BY packages/components/design-tokens/build-scripts/colors.js DO NOT CHANGE */
+/* eslint-disable @typescript-eslint/no-duplicate-enum-values -- same colors with different names in figma */
+
+export enum Color {
+    White = '#ffffff',
+    Blue40 = '#b1aaff',
+    Blue20 = '#d0ccff',
+    Red100 = '#ff7273',
+    Green100 = '#0ebec7',
+    Blue100 = '#4b37ff',
+    TextLinkBlueDarkBg = '#00c2ff',
+    TextLinkBlueHoverDarkBg = '#52d7ff',
+    Blue50 = '#a198ff',
+    Green90 = '#30c8cf',
+    Green80 = '#51d2d8',
+    Green60 = '#8de5e9',
+    Green40 = '#baf4f6',
+    Red90 = '#ff9697',
+    Red80 = '#ffb6b7',
+    Red60 = '#ffe3e4',
+    Red40 = '#fff7f7',
+    Blue90 = '#5d4cff',
+    SignalRedHover = '#bc1515',
+    DeepBlue100 = '#0a2136',
+    Neutral100 = '#212121',
+    DeepBlue90 = '#1e3a54',
+    Neutral90 = '#323232',
+    SignalRed = '#e60000',
+    SignalGreen = '#2c8500',
+    JoinHover = '#488716',
+    JoinDisabled = '#e3eede',
+    SignalGreen130 = '#205e01',
+    Join = '#5eaf1d',
+    DeepBlue80 = '#3c5974',
+    Neutral80 = '#494949',
+    DeepBlue50 = '#a5b8ca',
+    Neutral50 = '#c3c4c5',
+    DeepBlue40 = '#c1d1df',
+    Neutral40 = '#d2d2d2',
+    DeepBlue30 = '#d8e3ee',
+    Neutral30 = '#dcdcdc',
+    DeepBlue20 = '#e8f0f8',
+    Neutral20 = '#e6e6e6',
+    Grey = '#f7f7f7',
+    Black = '#111111',
+    DeepBlue60 = '#728fac',
+    Neutral60 = '#989898',
+    DeepBlue70 = '#577490',
+    Neutral70 = '#777777',
+    DeepBlue10 = '#f4f7fb',
+    Neutral10 = '#f2f2f2',
+    DeepBlue5 = '#ffffff',
+    Neutral5 = '#ffffff',
+    TextLinkBlueWhiteBg = '#032fff',
+    TextLinkBlueHoverWhiteBg = '#0023d1',
+    SignalOrange130 = '#bc5a00',
+    SignalOrange80 = '#fef1e6',
+    Green130 = '#00777c',
+    SignalOrange120 = '#ff9a3e',
+    SignalOrange110 = '#fcc592',
+    SignalOrange100 = '#ffd1a7',
+    SignalOrange90 = '#fdd8b7',
+    SignalOrange60 = '#fff5ed',
+    SignalOrange40 = '#fff8f2',
+}
+export enum RgbColor {
+    White = '255,255,255',
+    Blue40 = '177,170,255',
+    Blue20 = '208,204,255',
+    Red100 = '255,114,115',
+    Green100 = '14,190,199',
+    Blue100 = '75,55,255',
+    TextLinkBlueDarkBg = '0,194,255',
+    TextLinkBlueHoverDarkBg = '82,215,255',
+    Blue50 = '161,152,255',
+    Green90 = '48,200,207',
+    Green80 = '81,210,216',
+    Green60 = '141,229,233',
+    Green40 = '186,244,246',
+    Red90 = '255,150,151',
+    Red80 = '255,182,183',
+    Red60 = '255,227,228',
+    Red40 = '255,247,247',
+    Blue90 = '93,76,255',
+    SignalRedHover = '188,21,21',
+    DeepBlue100 = '10,33,54',
+    Neutral100 = '33,33,33',
+    DeepBlue90 = '30,58,84',
+    Neutral90 = '50,50,50',
+    SignalRed = '230,0,0',
+    SignalGreen = '44,133,0',
+    JoinHover = '72,135,22',
+    JoinDisabled = '227,238,222',
+    SignalGreen130 = '32,94,1',
+    Join = '94,175,29',
+    DeepBlue80 = '60,89,116',
+    Neutral80 = '73,73,73',
+    DeepBlue50 = '165,184,202',
+    Neutral50 = '195,196,197',
+    DeepBlue40 = '193,209,223',
+    Neutral40 = '210,210,210',
+    DeepBlue30 = '216,227,238',
+    Neutral30 = '220,220,220',
+    DeepBlue20 = '232,240,248',
+    Neutral20 = '230,230,230',
+    Grey = '247,247,247',
+    Black = '17,17,17',
+    DeepBlue60 = '114,143,172',
+    Neutral60 = '152,152,152',
+    DeepBlue70 = '87,116,144',
+    Neutral70 = '119,119,119',
+    DeepBlue10 = '244,247,251',
+    Neutral10 = '242,242,242',
+    DeepBlue5 = '255,255,255',
+    Neutral5 = '255,255,255',
+    TextLinkBlueWhiteBg = '3,47,255',
+    TextLinkBlueHoverWhiteBg = '0,35,209',
+    SignalOrange130 = '188,90,0',
+    SignalOrange80 = '254,241,230',
+    Green130 = '0,119,124',
+    SignalOrange120 = '255,154,62',
+    SignalOrange110 = '252,197,146',
+    SignalOrange100 = '255,209,167',
+    SignalOrange90 = '253,216,183',
+    SignalOrange60 = '255,245,237',
+    SignalOrange40 = '255,248,242',
+}
+/* eslint-enable @typescript-eslint/no-duplicate-enum-values -- same colors with different names in figma */

package/design-tokens/generated/colors.variables.scss

@@ -0,0 +1,64 @@
+/* FILE GENERATED BY packages/components/design-tokens/build-scripts/colors.js DO NOT CHANGE */
+
+$colors: (
+    'white': #ffffff,
+    'blue-40': #b1aaff,
+    'blue-20': #d0ccff,
+    'red-100': #ff7273,
+    'green-100': #0ebec7,
+    'blue-100': #4b37ff,
+    'text-link-blue-dark-bg': #00c2ff,
+    'text-link-blue-hover-dark-bg': #52d7ff,
+    'blue-50': #a198ff,
+    'green-90': #30c8cf,
+    'green-80': #51d2d8,
+    'green-60': #8de5e9,
+    'green-40': #baf4f6,
+    'red-90': #ff9697,
+    'red-80': #ffb6b7,
+    'red-60': #ffe3e4,
+    'red-40': #fff7f7,
+    'blue-90': #5d4cff,
+    'signal-red-hover': #bc1515,
+    'deep-blue-100': #0a2136,
+    'neutral-100': #212121,
+    'deep-blue-90': #1e3a54,
+    'neutral-90': #323232,
+    'signal-red': #e60000,
+    'signal-green': #2c8500,
+    'join-hover': #488716,
+    'join-disabled': #e3eede,
+    'signal-green-130': #205e01,
+    'join': #5eaf1d,
+    'deep-blue-80': #3c5974,
+    'neutral-80': #494949,
+    'deep-blue-50': #a5b8ca,
+    'neutral-50': #c3c4c5,
+    'deep-blue-40': #c1d1df,
+    'neutral-40': #d2d2d2,
+    'deep-blue-30': #d8e3ee,
+    'neutral-30': #dcdcdc,
+    'deep-blue-20': #e8f0f8,
+    'neutral-20': #e6e6e6,
+    'grey': #f7f7f7,
+    'black': #111111,
+    'deep-blue-60': #728fac,
+    'neutral-60': #989898,
+    'deep-blue-70': #577490,
+    'neutral-70': #777777,
+    'deep-blue-10': #f4f7fb,
+    'neutral-10': #f2f2f2,
+    'deep-blue-5': #ffffff,
+    'neutral-5': #ffffff,
+    'text-link-blue-white-bg': #032fff,
+    'text-link-blue-hover-white-bg': #0023d1,
+    'signal-orange-130': #bc5a00,
+    'signal-orange-80': #fef1e6,
+    'green-130': #00777c,
+    'signal-orange-120': #ff9a3e,
+    'signal-orange-110': #fcc592,
+    'signal-orange-100': #ffd1a7,
+    'signal-orange-90': #fdd8b7,
+    'signal-orange-60': #fff5ed,
+    'signal-orange-40': #fff8f2,
+);

package/design-tokens/generated/constants.ts

@@ -0,0 +1,20 @@
+// FILE GENERATED BY packages/components/design-tokens/build-scripts/fonts.js DO NOT CHANGE
+
+export enum FontVariant {
+    H1 = 'h1',
+    H2 = 'h2',
+    H3 = 'h3',
+    H4 = 'h4',
+    H5 = 'h5',
+    H6 = 'h6',
+    BodyBold = 'bodyBold',
+    Button = 'button',
+    Body = 'body',
+    BodyLink = 'bodyLink',
+    SmallBold = 'smallBold',
+    Small = 'small',
+    SmallLink = 'smallLink',
+    XSmallBold = 'xSmallBold',
+    XSmall = 'xSmall',
+    XSmallLink = 'xSmallLink',
+}

package/design-tokens/generated/fonts.desktop.variables.scss

@@ -0,0 +1,60 @@
+/* FILE GENERATED BY packages/components/design-tokens/build-scripts/fonts.js DO NOT CHANGE */
+
+$base-size-desktop: 14px;
+
+$font-size-desktop: (
+    h1: 2.29rem,
+    h2: 1.93rem,
+    h3: 1.57rem,
+    h4: 1.36rem,
+    h5: 1.14rem,
+    h6: 1.14rem,
+    body-bold: 1rem,
+    button: 1rem,
+    body: 1rem,
+    body-link: 1rem,
+    small-bold: 0.86rem,
+    small: 0.86rem,
+    small-link: 0.86rem,
+    x-small-bold: 0.71rem,
+    x-small: 0.71rem,
+    x-small-link: 0.64rem,
+);
+
+$font-line-height-desktop: (
+    h1: 125%,
+    h2: 118.51851654052734%,
+    h3: 127.2727279663086%,
+    h4: 126.31578826904297%,
+    h5: 150%,
+    h6: 150%,
+    body-bold: 142.85714721679688%,
+    button: 100%,
+    body: 142.85714721679688%,
+    body-link: 142.85714721679688%,
+    small-bold: 166.6666717529297%,
+    small: 166.6666717529297%,
+    small-link: 166.6666717529297%,
+    x-small-bold: 130%,
+    x-small: 130%,
+    x-small-link: 133.3333282470703%,
+);
+
+$font-weight-desktop: (
+    h1: 700,
+    h2: 700,
+    h3: 700,
+    h4: 700,
+    h5: 600,
+    h6: 400,
+    body-bold: 600,
+    button: 600,
+    body: 400,
+    body-link: 400,
+    small-bold: 700,
+    small: 400,
+    small-link: 400,
+    x-small-bold: 700,
+    x-small: 400,
+    x-small-link: 400,
+);

package/design-tokens/generated/fonts.mobile.variables.scss

@@ -0,0 +1,60 @@
+/* FILE GENERATED BY packages/components/design-tokens/build-scripts/fonts.js DO NOT CHANGE */
+
+$base-size-mobile: 16px;
+
+$font-size-mobile: (
+    h1: 1.81rem,
+    h2: 1.63rem,
+    h3: 1.5rem,
+    h4: 1.38rem,
+    h5: 1.25rem,
+    h6: 1.25rem,
+    body-bold: 1rem,
+    button: 1rem,
+    body: 1rem,
+    body-link: 1rem,
+    small-bold: 0.88rem,
+    small: 0.88rem,
+    small-link: 0.88rem,
+    x-small-bold: 0.75rem,
+    x-small: 0.75rem,
+    x-small-link: 0.63rem,
+);
+
+$font-line-height-mobile: (
+    h1: 124.13793182373047%,
+    h2: 123.07691955566406%,
+    h3: 133.3333282470703%,
+    h4: 109.09091186523438%,
+    h5: 120%,
+    h6: 120%,
+    body-bold: 125%,
+    button: 100%,
+    body: 125%,
+    body-link: 125%,
+    small-bold: 128.57142639160156%,
+    small: 128.57142639160156%,
+    small-link: 128.57142639160156%,
+    x-small-bold: 125%,
+    x-small: 125%,
+    x-small-link: 140%,
+);
+
+$font-weight-mobile: (
+    h1: 700,
+    h2: 700,
+    h3: 700,
+    h4: 700,
+    h5: 600,
+    h6: 400,
+    body-bold: 600,
+    button: 600,
+    body: 400,
+    body-link: 400,
+    small-bold: 700,
+    small: 400,
+    small-link: 400,
+    x-small-bold: 700,
+    x-small: 400,
+    x-small-link: 400,
+);

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "add-16",
+  "name": "16px-add",
+  "pascalName": "IconAdd_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8267d756-638f-4ab2-8982-8c9066f6688f",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.5 1H3.5C2.119 1 1 2.119 1 3.5V12.5C1 13.881 2.119 15 3.5 15H12.5C13.881 15 15 13.881 15 12.5V3.5C15 2.119 13.881 1 12.5 1ZM11.536 8.75H8.75V11.536C8.75 11.95 8.414 12.286 8 12.286C7.586 12.286 7.25 11.95 7.25 11.536V8.75H4.464C4.05 8.75 3.714 8.414 3.714 8C3.714 7.586 4.05 7.25 4.464 7.25H7.25V4.464C7.25 4.05 7.586 3.714 8 3.714C8.414 3.714 8.75 4.05 8.75 4.464V7.25H11.536C11.95 7.25 12.286 7.586 12.286 8C12.286 8.414 11.95 8.75 11.536 8.75Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/add-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="IconAdd_16"
+>
+    <path
+        d="M12.5 1h-9A2.5 2.5 0 0 0 1 3.5v9A2.5 2.5 0 0 0 3.5 15h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 12.5 1Zm-.964 7.75H8.75v2.786a.75.75 0 0 1-1.5 0V8.75H4.464a.75.75 0 0 1 0-1.5H7.25V4.464a.75.75 0 0 1 1.5 0V7.25h2.786a.75.75 0 0 1 0 1.5Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "add-24",
+  "name": "24px-add",
+  "pascalName": "IconAdd_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a6fd74ff-814d-4787-b70e-7c3cbb2e222b",
+  "graphic": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M18.429 2H5.571C3.599 2 2 3.599 2 5.571V18.428C2 20.401 3.599 22 5.571 22H18.428C20.401 22 22 20.401 22 18.429V5.571C22 3.599 20.401 2 18.429 2ZM17 13H13V17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17V13H7C6.448 13 6 12.552 6 12C6 11.448 6.448 11 7 11H11V7C11 6.448 11.448 6 12 6C12.552 6 13 6.448 13 7V11H17C17.552 11 18 11.448 18 12C18 12.552 17.552 13 17 13Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/add-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="IconAdd_24"
+>
+    <path
+        d="M18.429 2H5.571A3.571 3.571 0 0 0 2 5.571v12.857A3.571 3.571 0 0 0 5.571 22h12.857A3.571 3.571 0 0 0 22 18.429V5.571A3.571 3.571 0 0 0 18.429 2ZM17 13h-4v4a1 1 0 0 1-2 0v-4H7a1 1 0 0 1 0-2h4V7a1 1 0 0 1 2 0v4h4a1 1 0 0 1 0 2Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/add-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/add-someone-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "add-someone-16",
+  "name": "16px-add-someone",
+  "pascalName": "IconAddSomeone_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ff584238-8477-48d1-a4c0-7c34ba79fe38",
+  "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=\"M12.9999 1.83334C13.2761 1.83334 13.4999 2.0572 13.4999 2.33334V3.50001H14.6666C14.9428 3.50001 15.1666 3.72387 15.1666 4.00001C15.1666 4.27615 14.9428 4.50001 14.6666 4.50001H13.4999V5.66668C13.4999 5.94282 13.2761 6.16668 12.9999 6.16668C12.7238 6.16668 12.4999 5.94282 12.4999 5.66668V4.50001H11.3333C11.0571 4.50001 10.8333 4.27615 10.8333 4.00001C10.8333 3.72387 11.0571 3.50001 11.3333 3.50001H12.4999V2.33334C12.4999 2.0572 12.7238 1.83334 12.9999 1.83334ZM7.33329 8.39135C8.68529 8.39135 9.78462 7.29201 9.78462 5.93934C9.78462 4.58801 8.68529 3.48868 7.33329 3.48868C5.98129 3.48868 4.88129 4.58801 4.88129 5.93934C4.88129 7.29134 5.98129 8.39135 7.33329 8.39135ZM11.3473 10.6307C10.7079 9.94667 9.5026 9.43867 7.33327 9.43867C5.14527 9.43867 3.93794 9.95534 3.3026 10.648L3.28504 10.6672C3.1131 10.8545 2.8359 11.1565 2.71994 11.8993C2.65794 12.3013 2.9746 12.6667 3.38127 12.6667H11.2853C11.6919 12.6667 12.0093 12.3013 11.9466 11.8993C11.8279 11.1421 11.5416 10.8375 11.3565 10.6405L11.3473 10.6307Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/add-someone-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="IconAddSomeone_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M13 1.833a.5.5 0 0 1 .5.5V3.5h1.167a.5.5 0 1 1 0 1H13.5v1.167a.5.5 0 1 1-1 0V4.5h-1.167a.5.5 0 1 1 0-1H12.5V2.333a.5.5 0 0 1 .5-.5ZM7.333 8.391c1.352 0 2.452-1.099 2.452-2.452 0-1.351-1.1-2.45-2.452-2.45a2.454 2.454 0 0 0-2.452 2.45c0 1.352 1.1 2.452 2.452 2.452Zm4.014 2.24c-.64-.684-1.844-1.192-4.014-1.192-2.188 0-3.395.516-4.03 1.209l-.018.02c-.172.187-.45.489-.565 1.231a.67.67 0 0 0 .661.768h7.904a.67.67 0 0 0 .662-.768c-.12-.757-.405-1.061-.59-1.258l-.01-.01Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "add-someone-24",
+  "name": "24px-add-someone",
+  "pascalName": "IconAddSomeone_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/34a424bc-6a30-4c29-aa29-5754bff8168d",
+  "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.5 2.75C19.9142 2.75 20.25 3.08579 20.25 3.5V5.25H22C22.4142 5.25 22.75 5.58579 22.75 6C22.75 6.41421 22.4142 6.75 22 6.75H20.25V8.5C20.25 8.91421 19.9142 9.25 19.5 9.25C19.0858 9.25 18.75 8.91421 18.75 8.5V6.75H17C16.5858 6.75 16.25 6.41421 16.25 6C16.25 5.58579 16.5858 5.25 17 5.25H18.75V3.5C18.75 3.08579 19.0858 2.75 19.5 2.75ZM11 12.587C13.028 12.587 14.677 10.938 14.677 8.909C14.677 6.882 13.028 5.233 11 5.233C8.97204 5.233 7.32204 6.882 7.32204 8.909C7.32204 10.937 8.97204 12.587 11 12.587ZM17.021 15.946C16.062 14.92 14.254 14.158 11 14.158C7.71803 14.158 5.90703 14.933 4.95403 15.972L4.92768 16.0007C4.66978 16.2817 4.25397 16.7348 4.08003 17.849C3.98703 18.452 4.46203 19 5.07203 19H16.928C17.538 19 18.014 18.452 17.92 17.849C17.742 16.7131 17.3126 16.2562 17.0349 15.9608L17.021 15.946Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/add-someone-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="IconAddSomeone_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M19.5 2.75a.75.75 0 0 1 .75.75v1.75H22a.75.75 0 0 1 0 1.5h-1.75V8.5a.75.75 0 0 1-1.5 0V6.75H17a.75.75 0 0 1 0-1.5h1.75V3.5a.75.75 0 0 1 .75-.75ZM11 12.587a3.68 3.68 0 0 0 3.677-3.678A3.68 3.68 0 0 0 11 5.233a3.681 3.681 0 0 0-3.678 3.676A3.682 3.682 0 0 0 11 12.587Zm6.021 3.359c-.959-1.026-2.767-1.788-6.021-1.788-3.282 0-5.093.775-6.046 1.814l-.026.029c-.258.28-.674.734-.848 1.848A1.005 1.005 0 0 0 5.072 19h11.856c.61 0 1.086-.548.992-1.151-.178-1.136-.607-1.593-.885-1.888l-.014-.015Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/add-someone-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/alert-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "alert-16",
+  "name": "16px-alert",
+  "pascalName": "IconAlert_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d0b87be1-dcfc-4c56-97da-96a005a1159e",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.34811 2.55725C8.74978 1.52091 7.25395 1.52091 6.65562 2.55725L1.27064 11.8843C0.672312 12.9206 1.42023 14.2161 2.61689 14.2161H13.3868C14.5835 14.2161 15.3314 12.9206 14.7331 11.8843L9.34811 2.55725ZM8.00459 12.4637C8.40842 12.4637 8.7358 12.1347 8.7358 11.7289C8.7358 11.323 8.40843 10.994 8.00459 10.994H7.99728C7.59345 10.994 7.26608 11.323 7.26608 11.7289C7.26608 12.1347 7.59345 12.4637 7.99728 12.4637H8.00459ZM7.27339 8.78945C7.27339 9.1953 7.60076 9.52431 8.00459 9.52431C8.40843 9.52431 8.7358 9.1953 8.7358 8.78945V5.85001C8.7358 5.44416 8.40843 5.11516 8.00459 5.11516C7.60076 5.11516 7.27339 5.44416 7.27339 5.85001L7.27339 8.78945Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/alert-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="IconAlert_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M9.348 2.557a1.555 1.555 0 0 0-2.692 0L1.27 11.884a1.555 1.555 0 0 0 1.346 2.332h10.77a1.555 1.555 0 0 0 1.346-2.332L9.348 2.557Zm-1.343 9.907a.733.733 0 0 0 .73-.735.733.733 0 0 0-.73-.735h-.008a.733.733 0 0 0-.73.735c0 .406.326.735.73.735h.008Zm-.732-3.675c0 .406.328.735.732.735a.733.733 0 0 0 .73-.735V5.85a.733.733 0 0 0-.73-.735.733.733 0 0 0-.732.735v2.94Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "alert-24",
+  "name": "24px-alert",
+  "pascalName": "IconAlert_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6af64639-5fb6-44c7-9c56-c4b00cecfada",
+  "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.9655 4.08151C13.0945 2.57282 10.9169 2.57282 10.0458 4.08151L2.20647 17.6597C1.33543 19.1684 2.42423 21.0543 4.16631 21.0543H19.8451C21.5871 21.0543 22.676 19.1684 21.8049 17.6597L13.9655 4.08151ZM12.0097 18.5032C12.5976 18.5032 13.0741 18.0243 13.0741 17.4334C13.0741 16.8426 12.5976 16.3636 12.0097 16.3636H11.999C11.4111 16.3636 10.9345 16.8426 10.9345 17.4334C10.9345 18.0243 11.4111 18.5032 11.999 18.5032H12.0097ZM10.9452 13.1542C10.9452 13.7451 11.4218 14.224 12.0097 14.224C12.5976 14.224 13.0741 13.7451 13.0741 13.1542L13.0741 8.87505C13.0741 8.28422 12.5976 7.80526 12.0097 7.80526C11.4218 7.80526 10.9452 8.28422 10.9452 8.87505L10.9452 13.1542Z\" fill=\"#F7F7F7\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/alert-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="IconAlert_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M13.966 4.082c-.871-1.51-3.05-1.51-3.92 0L2.206 17.66c-.87 1.508.218 3.394 1.96 3.394h15.68c1.741 0 2.83-1.886 1.959-3.394l-7.84-13.578ZM12.01 18.503c.588 0 1.064-.479 1.064-1.07 0-.59-.476-1.07-1.064-1.07h-.011c-.588 0-1.065.48-1.065 1.07 0 .591.477 1.07 1.065 1.07h.01Zm-1.065-5.349c0 .591.477 1.07 1.065 1.07s1.064-.479 1.064-1.07V8.875c0-.59-.476-1.07-1.064-1.07-.588 0-1.065.48-1.065 1.07v4.28Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/alert-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/analytics-chart-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "analytics-chart-16",
+  "name": "16px-analytics-chart",
+  "pascalName": "IconAnalyticsChart_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/47868efe-d715-477f-b9c4-24efdfa4c945",
+  "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=\"M7.15788 2C6.60559 2 6.15788 2.44771 6.15788 3V10.2105C6.15788 10.7628 6.60559 11.2105 7.15788 11.2105H8.47367C9.02595 11.2105 9.47367 10.7628 9.47367 10.2105V3C9.47367 2.44772 9.02595 2 8.47367 2H7.15788ZM3.47369 4.94737C2.92141 4.94737 2.47369 5.39509 2.47369 5.94737V10.2105C2.47369 10.7628 2.92141 11.2105 3.4737 11.2105H4.42106C4.97335 11.2105 5.42106 10.7628 5.42106 10.2105V5.94737C5.42106 5.39509 4.97335 4.94737 4.42106 4.94737H3.47369ZM10.2105 5.94737C10.2105 5.39509 10.6582 4.94737 11.2105 4.94737H12.1579C12.7102 4.94737 13.1579 5.39509 13.1579 5.94737V10.2105C13.1579 10.7628 12.7102 11.2105 12.1579 11.2105H11.2105C10.6582 11.2105 10.2105 10.7628 10.2105 10.2105V5.94737ZM1.73684 12.3157C1.3299 12.3157 1 12.6456 1 13.0526C1 13.4595 1.3299 13.7894 1.73684 13.7894H14.2632C14.6701 13.7894 15 13.4595 15 13.0526C15 12.6456 14.6701 12.3157 14.2632 12.3157H1.73684Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/analytics-chart-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="IconAnalyticsChart_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M7.158 2a1 1 0 0 0-1 1v7.21a1 1 0 0 0 1 1h1.316a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7.158ZM3.474 4.947a1 1 0 0 0-1 1v4.263a1 1 0 0 0 1 1h.947a1 1 0 0 0 1-1V5.947a1 1 0 0 0-1-1h-.947Zm6.736 1a1 1 0 0 1 1-1h.948a1 1 0 0 1 1 1v4.263a1 1 0 0 1-1 1h-.947a1 1 0 0 1-1-1V5.947Zm-8.473 6.369a.737.737 0 0 0 0 1.473h12.526a.737.737 0 0 0 0-1.473H1.737Z"
+        fill="currentColor"
+    />
+</svg>

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

@@ -0,0 +1,7 @@
+{
+  "iconName": "analytics-chart-24",
+  "name": "24px-analytics-chart",
+  "pascalName": "IconAnalyticsChart_24",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ade943e-937f-46a8-9f32-c5a5df4a93b4",
+  "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=\"M10.3684 4C9.81614 4 9.36842 4.44771 9.36842 5V16.1579C9.36842 16.7102 9.81614 17.1579 10.3684 17.1579H13.1053C13.6575 17.1579 14.1053 16.7102 14.1053 16.1579V5C14.1053 4.44772 13.6575 4 13.1053 4H10.3684ZM5.10526 8.21053C4.55298 8.21053 4.10526 8.65824 4.10526 9.21053V16.1579C4.10526 16.7102 4.55298 17.1579 5.10526 17.1579H7.31579C7.86807 17.1579 8.31579 16.7102 8.31579 16.1579V9.21053C8.31579 8.65824 7.86807 8.21053 7.31579 8.21053H5.10526ZM15.1579 9.21053C15.1579 8.65824 15.6056 8.21053 16.1579 8.21053H18.3684C18.9207 8.21053 19.3684 8.65824 19.3684 9.21053V16.1579C19.3684 16.7102 18.9207 17.1579 18.3684 17.1579H16.1579C15.6056 17.1579 15.1579 16.7102 15.1579 16.1579V9.21053ZM3.05263 18.7368C2.47128 18.7368 2 19.2081 2 19.7895C2 20.3708 2.47128 20.8421 3.05263 20.8421H20.9474C21.5287 20.8421 22 20.3708 22 19.7895C22 19.2081 21.5287 18.7368 20.9474 18.7368H3.05263Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/analytics-chart-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="IconAnalyticsChart_24"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M10.368 4a1 1 0 0 0-1 1v11.158a1 1 0 0 0 1 1h2.737a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-2.737ZM5.105 8.21a1 1 0 0 0-1 1v6.948a1 1 0 0 0 1 1h2.21a1 1 0 0 0 1-1V9.21a1 1 0 0 0-1-1h-2.21Zm10.053 1a1 1 0 0 1 1-1h2.21a1 1 0 0 1 1 1v6.948a1 1 0 0 1-1 1h-2.21a1 1 0 0 1-1-1V9.21ZM3.053 18.738a1.053 1.053 0 0 0 0 2.105h17.894a1.053 1.053 0 0 0 0-2.105H3.053Z"
+        fill="currentColor"
+    />
+</svg>

package/design-tokens/generated/icons/analytics-chart-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/analytics-progress-16.json

@@ -0,0 +1,7 @@
+{
+  "iconName": "analytics-progress-16",
+  "name": "16px-analytics-progress",
+  "pascalName": "IconAnalyticsProgress_16",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/528425e8-a9d3-43af-9175-783809daed95",
+  "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=\"M13.7206 7.80602C13.9099 8.13232 14.3292 8.24412 14.6571 8.05573C14.985 7.86734 15.0974 7.4501 14.908 7.12379L13.2936 4.34123C13.1043 4.01492 12.685 3.90312 12.3571 4.09152C12.3372 4.10292 12.3182 4.11516 12.2999 4.12817C12.1692 4.21024 12.0655 4.33653 12.0141 4.49422L10.3559 9.57575L8.54868 5.85475C8.4146 5.57866 8.11812 5.43315 7.82862 5.47691C7.59495 5.5047 7.38183 5.65157 7.28094 5.88172L5.56582 9.79407L4.41729 7.81453C4.29412 7.60224 4.0736 7.48074 3.84424 7.47364C3.6116 7.45771 3.37664 7.56033 3.23377 7.76465L1.12289 10.7834C0.906627 11.0927 0.983265 11.5178 1.29407 11.7331C1.60487 11.9483 2.03215 11.872 2.24841 11.5627L3.75697 9.40535L5.01179 11.5681C5.20111 11.8944 5.62041 12.0062 5.94833 11.8178C6.03189 11.7698 6.10145 11.7069 6.1556 11.6345C6.24893 11.5658 6.32598 11.4725 6.37573 11.359L7.95236 7.76261L9.81886 11.6057C9.9299 11.8344 10.1523 11.9734 10.3899 11.9896C10.7212 12.0479 11.0535 11.8558 11.1604 11.5283L12.8594 6.32174L13.7206 7.80602Z\" fill=\"white\"/>\n</svg>\n"
+}

package/design-tokens/generated/icons/analytics-progress-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="IconAnalyticsProgress_16"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M13.72 7.806c.19.326.61.438.937.25a.68.68 0 0 0 .251-.932L13.294 4.34a.687.687 0 0 0-.994-.213.68.68 0 0 0-.286.366l-1.658 5.082-1.807-3.721a.687.687 0 0 0-.72-.378.685.685 0 0 0-.548.405L5.566 9.794l-1.149-1.98a.686.686 0 0 0-.573-.34.686.686 0 0 0-.61.29l-2.111 3.02a.68.68 0 0 0 .171.95c.31.214.738.138.954-.171l1.509-2.158 1.255 2.163a.687.687 0 0 0 1.144.066.68.68 0 0 0 .22-.275l1.576-3.596 1.867 3.843a.685.685 0 0 0 .57.384.686.686 0 0 0 .771-.462l1.7-5.206.86 1.484Z"
+        fill="currentColor"
+    />
+</svg>

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