@pexip/components 17.1.0 → 18.0.1

package/CHANGELOG.md

@@ -1,5 +1,73 @@
 # Changelog
 
+## 18.0.1
+
+### Patch Changes
+
+- 57aed1e: Update icons
+- 7772a61: Add aria-label for ThreeColumnSelector & CollapsableContainer buttons
+  - @pexip/hooks@20.0.0
+  - @pexip/signal@16.8.0
+  - @pexip/utils@17.0.0
+
+## 18.0.0
+
+### Major Changes
+
+- 2bfd9e1: Adds esm entry points.
+- f8913c6: Draggable component stops `pointerdown` propagation.
+- 75c8fd5: CollapsableContainer component must take isOpen and onToggle props
+  and control the isOpen state outside the component
+
+### Minor Changes
+
+- 1b214a0: Add new icons.
+- a043359: Adds support for `itemClassName` to `AriaMenu` which is passed to
+  each individual item.
+- 683f9dc: Adds Columns icon ListLink component gets optional iconAlignedStart
+  prop, Icon appears to the left of link text if true Menu component uses
+  ListLink and a menu item can define iconAlignedStart. New components added:
+  CollpasableContainer, ThreeColumnSelector
+- 045340e: Allow `summary` elements for `InteractiveElement`.
+- 3555d9d: Adds `build:sourcemap` script.
+- 8bdba01: Adds `withScrollbars` prop to `Panel`.
+- df83605: Introduce new color for the `primary` `ProgressBar` variant
+- 7aefc30: Add Header and Children ClassNames to Box Component
+- ed53b05: Upgrade Typescript
+- 9651b1e: - Adds `BulletPoint` icon.
+  - Introduces `isValidIconName` typeguard.
+- 95aebc3: Migrate to Vite.js V6
+- 0106183: Support RTL languages
+- 8fdea2f: Adds support for `BadgeCounter` children wrapper classname.
+
+### Patch Changes
+
+- 94f9086: Allow FullSizeWindow to have background=white
+- 1abfe03: Biome linting
+- 0b3a726: Make `BoxHeader` have box sizing `border-box`.
+- 367bcd6: Fixes fetch icon script, fixes white icons.
+- 51703af: Adjust focus contrast for the new theme and keep the fallbacks in the
+  legacy theme
+- e76a15e: Migrate to biome linter
+- Updated dependencies [2bfd9e1]
+- Updated dependencies [4fe77de]
+- Updated dependencies [f8913c6]
+- Updated dependencies [2bbff64]
+- Updated dependencies [db3a370]
+- Updated dependencies [4ea0492]
+- Updated dependencies [3555d9d]
+- Updated dependencies [1601985]
+- Updated dependencies [3cb5aee]
+- Updated dependencies [fa06b8b]
+- Updated dependencies [84956b8]
+- Updated dependencies [ed53b05]
+- Updated dependencies [941363c]
+- Updated dependencies [d681fd3]
+- Updated dependencies [e76a15e]
+  - @pexip/utils@17.0.0
+  - @pexip/hooks@20.0.0
+  - @pexip/signal@16.8.0
+
 ## 17.1.0
 
 ### Minor Changes

package/design-tokens/build-scripts/breakpoints.mjs

@@ -1,5 +1,5 @@
-import fs from 'fs';
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 
 import {Content} from './content.mjs';
 

package/design-tokens/build-scripts/colors.mjs

@@ -1,5 +1,5 @@
-import fs from 'fs';
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 
 import {fetchWithAccessToken} from './fetchWithAccessToken.mjs';
 import {FRAME_ID, RESOURCES_IDS} from './constants.mjs';
@@ -57,10 +57,7 @@ export async function getColors() {
                 return c;
             }, {});
 
-        return {
-            ...acc,
-            ...newColors,
-        };
+        return Object.assign(acc, newColors);
     }, {});
 }
 

package/design-tokens/build-scripts/download-icons.mjs

@@ -1,5 +1,5 @@
-import fs from 'fs';
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 import {pascalCase} from 'change-case';
 
 import {fetchWithAccessToken} from './fetchWithAccessToken.mjs';
@@ -76,16 +76,17 @@ export async function downloadIcons() {
     const frames = iconsFrame.document.children;
 
     // frames now contain multiple nested icons
-    const allIcons = frames.reduce(
-        (icons, currentFrame) => [
-            ...icons,
-            ...currentFrame.children.map(child => ({
-                ...child,
-                parentFrameName: currentFrame.name,
-            })),
-        ],
-        [],
-    );
+    const allIcons = frames
+        .reduce((icons, currentFrame) => {
+            icons.push(
+                currentFrame.children.map(child => ({
+                    ...child,
+                    parentFrameName: currentFrame.name,
+                })),
+            );
+            return icons;
+        }, [])
+        .flat();
 
     console.log(
         `preparing to fetch ${allIcons.length} icons from ${frames.length} frames`,

package/design-tokens/build-scripts/fonts.mjs

@@ -1,5 +1,5 @@
-import fs from 'fs';
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 import {camelCase, paramCase, pascalCase} from 'change-case';
 
 import {fetchWithAccessToken} from './fetchWithAccessToken.mjs';
@@ -8,12 +8,12 @@ import {Content} from './content.mjs';
 
 const getFrameChildren = parent => {
     let children = [];
-    parent.children.forEach(child => {
+    for (const child of parent.children) {
         children.push(child);
         if (child.children) {
             children = [...children, ...getFrameChildren(child)];
         }
-    });
+    }
     return children;
 };
 
@@ -48,10 +48,10 @@ export async function getFonts(recourceIds) {
 
 function pxToRem(bodySizePx, relativeSizeInPx) {
     const relativeSize = Number(relativeSizeInPx);
-    if (isNaN(relativeSize)) {
+    if (Number.isNaN(relativeSize)) {
         throw Error('Cannot get relative size, returned NaN.');
     }
-    const remSize = parseFloat(relativeSize) / bodySizePx;
+    const remSize = Number.parseFloat(relativeSize) / bodySizePx;
     return Math.round(remSize * 100) / 100;
 }
 
@@ -71,17 +71,17 @@ export function syncFonts(fonts, destination, suffix) {
     })[1].fontSize;
 
     content.push(
-        ['$base-size', suffix].filter(s => !!s).join('-') + `: ${bodySize}px;`,
+        `${['$base-size', suffix].filter(s => !!s).join('-')}: ${bodySize}px;`,
     );
 
-    content.push(0, ['$font-size', suffix].filter(s => !!s).join('-') + ': (');
+    content.push(0, `${['$font-size', suffix].filter(s => !!s).join('-')}: (`);
     content.push(
         1,
-        ['$font-line-height', suffix].filter(s => !!s).join('-') + ': (',
+        `${['$font-line-height', suffix].filter(s => !!s).join('-')}: (`,
     );
     content.push(
         2,
-        ['$font-weight', suffix].filter(s => !!s).join('-') + ': (',
+        `${['$font-weight', suffix].filter(s => !!s).join('-')}: (`,
     );
 
     for (const [key, {fontSize, lineHeight, fontWeight}] of fontsObject) {

package/design-tokens/build-scripts/generate-icons.mjs

@@ -1,5 +1,5 @@
-import fs from 'fs/promises';
-import path from 'path';
+import fs from 'node:fs/promises';
+import path from 'node:path';
 
 import {optimize} from './svgo.mjs';
 import {Content} from './content.mjs';
@@ -36,9 +36,11 @@ async function generateSvg(icon) {
 async function generate(meta) {
     const collection = meta.reduce((all, icon) => {
         const [key, size] = icon.pascalName.split('_');
-        return key in all
-            ? {...all, [key]: {...all[key], [`size${size}`]: icon}}
-            : {...all, [key]: {[`size${size}`]: icon}};
+        all[key] =
+            key in all
+                ? {...all[key], [`size${size}`]: icon}
+                : {[`size${size}`]: icon};
+        return all;
     }, {});
     const sortedCollection = Object.entries(collection).sort((a, b) =>
         a[0].localeCompare(b[0]),

package/design-tokens/build-scripts/index.mjs

@@ -14,7 +14,7 @@ async function buildTokens() {
         process.argv[2] ?? 'colors,icons,fonts,breakpoints,variables'
     ).split(',');
     try {
-        console.log('Starting...');
+        console.log(`Will fetch "${types.join('", "')}"...`);
         if (types.includes('colors')) {
             console.log('Fetching colors...');
             const colors = await getColors();

package/design-tokens/build-scripts/svgo.mjs

@@ -1,44 +1,7 @@
 import {optimize as svgoOptimize} from 'svgo';
 
-const CURRENT_COLOR = 'currentColor';
 const TOKEN_KEY = 'data-token-name';
 
-function getIsElemWithColor(item) {
-    return (
-        !item.attributes['stroke'] &&
-        !item.attributes['fill'] &&
-        !item.attributes['color']
-    );
-}
-function getIsColorAttr(name) {
-    return name === 'stroke' || name === 'fill' || name === 'color';
-}
-function getIsColorAttrNone(value) {
-    return value === 'none';
-}
-function defaultToCurrentColor(item) {
-    const overrideColor = item => {
-        if (item.type !== 'element') return;
-        if (getIsElemWithColor(item)) return;
-
-        Object.entries(item.attributes).forEach(([name, value]) => {
-            const isColorAttr = getIsColorAttr(name);
-            if (!isColorAttr || getIsColorAttrNone(value)) return;
-
-            item.attributes[name] = CURRENT_COLOR;
-        });
-    };
-
-    const processItem = item => {
-        if (item.children.length === 0) {
-            overrideColor(item);
-        } else {
-            item.children.forEach(child => processItem(child));
-        }
-    };
-    processItem(item);
-}
-
 function addTokenId(item, ...rest) {
     const svg = item.children[0];
     if (svg.name !== 'svg') return;
@@ -53,11 +16,10 @@ const config = {
             name: 'preset-default',
         },
         {
-            type: 'perItem',
-            name: 'defaultToCurrentColor',
-            description:
-                'Alter all the colors to be currentColor. Useful for monochrome icons mostly.',
-            fn: defaultToCurrentColor,
+            name: 'convertColors',
+            params: {
+                currentColor: true,
+            },
         },
         {
             type: 'perItem',

package/design-tokens/build-scripts/variables.mjs

@@ -1,5 +1,5 @@
-import fs from 'fs';
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 import {camelCase, paramCase} from 'change-case';
 
 import {fetchWithAccessToken} from './fetchWithAccessToken.mjs';
@@ -11,7 +11,7 @@ const MAPPED_DEFAULTS = 'Mapped';
 
 const getHexCode = num => {
     const hex = Math.round(num * 255).toString(16);
-    return hex.length === 1 ? '0' + hex : hex;
+    return hex.length === 1 ? `0${hex}` : hex;
 };
 
 const getColor = ({r, g, b, a}) =>
@@ -66,7 +66,7 @@ export const getVariables = async () => {
             const modeName = camelCase(mode.name);
             variables[modeName] = {};
 
-            variableIds.forEach(variableId => {
+            for (const variableId of variableIds) {
                 const variable = res.meta.variables[variableId];
                 const valueRef =
                     res.meta.variables[variableId].valuesByMode[mode.modeId];
@@ -76,7 +76,7 @@ export const getVariables = async () => {
                         : getValue(valueRef, variable.resolvedType);
 
                 variables[modeName][variable.name] = value;
-            });
+            }
         }
     }
 
@@ -89,7 +89,7 @@ const getFileHeader = ext =>
 const exportTsVariables = async variables => {
     const content = new Content(getFileHeader('ts'));
     content.push('export const variables = ');
-    content.push(JSON.stringify(variables, null, 2) + ';');
+    content.push(`${JSON.stringify(variables, null, 2)};`);
     fs.writeFileSync(
         path.resolve('..', 'generated', 'variables.ts'),
         await content.print('typescript'),

package/design-tokens/flex.scss

@@ -16,14 +16,14 @@
     }
 
     &-no-wrap {
-        flex-wrap: no-wrap;
+        flex-wrap: nowrap !important;
     }
 
     &-wrap {
-        flex-wrap: wrap;
+        flex-wrap: wrap !important;
 
         &-reverse {
-            flex-wrap: wrap-reverse;
+            flex-wrap: wrap-reverse !important;
         }
     }
 

package/design-tokens/generated/Icons.ts

@@ -7,6 +7,11 @@ import IconAddSomeone_24 from './icons/add-someone-24.svg';
 import IconAdjust_16 from './icons/adjust-16.svg';
 import IconAdjust_24 from './icons/adjust-24.svg';
 import IconAdjust_32 from './icons/adjust-32.svg';
+import IconAdmit_16 from './icons/admit-16.svg';
+import IconAdmit_24 from './icons/admit-24.svg';
+import IconAdmit_32 from './icons/admit-32.svg';
+import IconAiAssistant_16 from './icons/ai_assistant-16.svg';
+import IconAiAssistant_24 from './icons/ai_assistant-24.svg';
 import IconAlert_16 from './icons/alert-16.svg';
 import IconAlert_24 from './icons/alert-24.svg';
 import IconAnalyticsChart_16 from './icons/analytics-chart-16.svg';
@@ -50,6 +55,8 @@ import IconBluetooth_16 from './icons/bluetooth-16.svg';
 import IconBluetooth_24 from './icons/bluetooth-24.svg';
 import IconBreakoutRooms_16 from './icons/breakout-rooms-16.svg';
 import IconBreakoutRooms_24 from './icons/breakout-rooms-24.svg';
+import IconBulletPoint_16 from './icons/bullet-point-16.svg';
+import IconBulletPoint_24 from './icons/bullet-point-24.svg';
 import IconCalendar_16 from './icons/calendar-16.svg';
 import IconCalendar_24 from './icons/calendar-24.svg';
 import IconChat_16 from './icons/chat-16.svg';
@@ -72,10 +79,17 @@ import IconClock_16 from './icons/clock-16.svg';
 import IconClock_24 from './icons/clock-24.svg';
 import IconClose_16 from './icons/close-16.svg';
 import IconClose_24 from './icons/close-24.svg';
+import IconColumns_16 from './icons/columns-16.svg';
+import IconColumns_24 from './icons/columns-24.svg';
+import IconColumns_32 from './icons/columns-32.svg';
 import IconConnectionIndicatorHigh_24 from './icons/connection-indicator-high-24.svg';
 import IconConnectionIndicatorLow_24 from './icons/connection-indicator-low-24.svg';
 import IconConnectionIndicatorMedium_24 from './icons/connection-indicator-medium-24.svg';
 import IconConnectionIndicatorVeryLow_24 from './icons/connection-indicator-very-low-24.svg';
+import IconCopy_16 from './icons/copy-16.svg';
+import IconCopy_24 from './icons/copy-24.svg';
+import IconDeny_24 from './icons/deny-24.svg';
+import IconDeny_32 from './icons/deny-32.svg';
 import IconDoubleChevronDown_16 from './icons/double-chevron-down-16.svg';
 import IconDoubleChevronDown_24 from './icons/double-chevron-down-24.svg';
 import IconDoubleChevronLeft_16 from './icons/double-chevron-left-16.svg';
@@ -141,6 +155,8 @@ import IconLiveCaption_16 from './icons/live-caption-16.svg';
 import IconLiveCaption_24 from './icons/live-caption-24.svg';
 import IconLiveStream_16 from './icons/live-stream-16.svg';
 import IconLiveStream_24 from './icons/live-stream-24.svg';
+import IconLiveStreamCloud_16 from './icons/live-stream-cloud-16.svg';
+import IconLiveStreamCloud_24 from './icons/live-stream-cloud-24.svg';
 import IconLocation_16 from './icons/location-16.svg';
 import IconLocation_24 from './icons/location-24.svg';
 import IconLock_16 from './icons/lock-16.svg';
@@ -179,6 +195,7 @@ import IconPasswordHide_24 from './icons/password-hide-24.svg';
 import IconPasswordShow_24 from './icons/password-show-24.svg';
 import IconPause_16 from './icons/pause-16.svg';
 import IconPause_24 from './icons/pause-24.svg';
+import IconPexip_24 from './icons/pexip-24.svg';
 import IconPexipLogo_24 from './icons/pexip-logo-24.svg';
 import IconPhone_16 from './icons/phone-16.svg';
 import IconPhone_24 from './icons/phone-24.svg';
@@ -255,6 +272,8 @@ import IconVideoOn_24 from './icons/video-on-24.svg';
 import IconVideoOn_32 from './icons/video-on-32.svg';
 import IconVideoSystems_16 from './icons/video-systems-16.svg';
 import IconVideoSystems_24 from './icons/video-systems-24.svg';
+import IconWaiting_16 from './icons/waiting-16.svg';
+import IconWaiting_24 from './icons/waiting-24.svg';
 import IconWarning_16 from './icons/warning-16.svg';
 import IconWarning_24 from './icons/warning-24.svg';
 import IconWarningRound_16 from './icons/warning-round-16.svg';
@@ -270,6 +289,8 @@ export interface IconCollection {
     IconAdd: IconSource;
     IconAddSomeone: IconSource;
     IconAdjust: IconSource;
+    IconAdmit: IconSource;
+    IconAiAssistant: IconSource;
     IconAlert: IconSource;
     IconAnalyticsChart: IconSource;
     IconAnalyticsProgress: IconSource;
@@ -291,6 +312,7 @@ export interface IconCollection {
     IconBlock: IconSource;
     IconBluetooth: IconSource;
     IconBreakoutRooms: IconSource;
+    IconBulletPoint: IconSource;
     IconCalendar: IconSource;
     IconChat: IconSource;
     IconCheckmark: IconSource;
@@ -302,10 +324,13 @@ export interface IconCollection {
     IconChromeLogo: IconSource;
     IconClock: IconSource;
     IconClose: IconSource;
+    IconColumns: IconSource;
     IconConnectionIndicatorHigh: IconSource;
     IconConnectionIndicatorLow: IconSource;
     IconConnectionIndicatorMedium: IconSource;
     IconConnectionIndicatorVeryLow: IconSource;
+    IconCopy: IconSource;
+    IconDeny: IconSource;
     IconDoubleChevronDown: IconSource;
     IconDoubleChevronLeft: IconSource;
     IconDoubleChevronRight: IconSource;
@@ -337,6 +362,7 @@ export interface IconCollection {
     IconLink: IconSource;
     IconLiveCaption: IconSource;
     IconLiveStream: IconSource;
+    IconLiveStreamCloud: IconSource;
     IconLocation: IconSource;
     IconLock: IconSource;
     IconLowerhand: IconSource;
@@ -356,6 +382,7 @@ export interface IconCollection {
     IconPasswordHide: IconSource;
     IconPasswordShow: IconSource;
     IconPause: IconSource;
+    IconPexip: IconSource;
     IconPexipLogo: IconSource;
     IconPhone: IconSource;
     IconPhoneHorisontal: IconSource;
@@ -394,6 +421,7 @@ export interface IconCollection {
     IconVideoOff: IconSource;
     IconVideoOn: IconSource;
     IconVideoSystems: IconSource;
+    IconWaiting: IconSource;
     IconWarning: IconSource;
     IconWarningRound: IconSource;
 }
@@ -410,6 +438,16 @@ const collection: IconCollection = {
         size24: IconAdjust_24,
         size32: IconAdjust_32,
     },
+    IconAdmit: {
+        size16: IconAdmit_16,
+        size24: IconAdmit_24,
+        size32: IconAdmit_32,
+    },
+    IconAiAssistant: {
+        size16: IconAiAssistant_16,
+        size24: IconAiAssistant_24,
+        size32: IconAiAssistant_24,
+    },
     IconAlert: {
         size16: IconAlert_16,
         size24: IconAlert_24,
@@ -511,6 +549,11 @@ const collection: IconCollection = {
         size24: IconBreakoutRooms_24,
         size32: IconBreakoutRooms_24,
     },
+    IconBulletPoint: {
+        size16: IconBulletPoint_16,
+        size24: IconBulletPoint_24,
+        size32: IconBulletPoint_24,
+    },
     IconCalendar: {
         size16: IconCalendar_16,
         size24: IconCalendar_24,
@@ -562,6 +605,11 @@ const collection: IconCollection = {
         size24: IconClose_24,
         size32: IconClose_24,
     },
+    IconColumns: {
+        size16: IconColumns_16,
+        size24: IconColumns_24,
+        size32: IconColumns_32,
+    },
     IconConnectionIndicatorHigh: {
         size16: IconConnectionIndicatorHigh_24,
         size24: IconConnectionIndicatorHigh_24,
@@ -582,6 +630,8 @@ const collection: IconCollection = {
         size24: IconConnectionIndicatorVeryLow_24,
         size32: IconConnectionIndicatorVeryLow_24,
     },
+    IconCopy: {size16: IconCopy_16, size24: IconCopy_24, size32: IconCopy_24},
+    IconDeny: {size16: IconDeny_24, size24: IconDeny_24, size32: IconDeny_32},
     IconDoubleChevronDown: {
         size16: IconDoubleChevronDown_16,
         size24: IconDoubleChevronDown_24,
@@ -709,6 +759,11 @@ const collection: IconCollection = {
         size24: IconLiveStream_24,
         size32: IconLiveStream_24,
     },
+    IconLiveStreamCloud: {
+        size16: IconLiveStreamCloud_16,
+        size24: IconLiveStreamCloud_24,
+        size32: IconLiveStreamCloud_24,
+    },
     IconLocation: {
         size16: IconLocation_16,
         size24: IconLocation_24,
@@ -792,6 +847,11 @@ const collection: IconCollection = {
         size24: IconPause_24,
         size32: IconPause_24,
     },
+    IconPexip: {
+        size16: IconPexip_24,
+        size24: IconPexip_24,
+        size32: IconPexip_24,
+    },
     IconPexipLogo: {
         size16: IconPexipLogo_24,
         size24: IconPexipLogo_24,
@@ -962,6 +1022,11 @@ const collection: IconCollection = {
         size24: IconVideoSystems_24,
         size32: IconVideoSystems_24,
     },
+    IconWaiting: {
+        size16: IconWaiting_16,
+        size24: IconWaiting_24,
+        size32: IconWaiting_24,
+    },
     IconWarning: {
         size16: IconWarning_16,
         size24: IconWarning_24,

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

@@ -2,6 +2,6 @@
   "iconName": "add-16",
   "name": "16px-add",
   "pascalName": "IconAdd_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/488c2be8-87d8-4386-8f05-1f58e99041a9",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0f16430f-d4bc-422e-825b-c2ba41ff4dc1",
   "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=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "add-24",
   "name": "24px-add",
   "pascalName": "IconAdd_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6ce58ff-1b27-439f-94b8-937a20d6bbad",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6bf2572c-cc9e-40dd-a46b-f04be3994c7c",
   "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=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "add-someone-16",
   "name": "16px-add-someone",
   "pascalName": "IconAddSomeone_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/29fae952-84cf-474f-9388-cade85b9e3f9",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ed951afb-2f2a-4bd3-9072-1dfd943b2340",
   "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.83325C13.2761 1.83325 13.4999 2.05711 13.4999 2.33325V3.49992H14.6666C14.9428 3.49992 15.1666 3.72378 15.1666 3.99992C15.1666 4.27606 14.9428 4.49992 14.6666 4.49992H13.4999V5.66659C13.4999 5.94273 13.2761 6.16659 12.9999 6.16659C12.7238 6.16659 12.4999 5.94273 12.4999 5.66659V4.49992H11.3333C11.0571 4.49992 10.8333 4.27606 10.8333 3.99992C10.8333 3.72378 11.0571 3.49992 11.3333 3.49992H12.4999V2.33325C12.4999 2.05711 12.7238 1.83325 12.9999 1.83325ZM7.33329 8.39126C8.68529 8.39126 9.78462 7.29193 9.78462 5.93926C9.78462 4.58793 8.68529 3.4886 7.33329 3.4886C5.98129 3.4886 4.88129 4.58793 4.88129 5.93926C4.88129 7.29126 5.98129 8.39126 7.33329 8.39126ZM11.3473 10.6306C10.7079 9.94659 9.5026 9.43859 7.33327 9.43859C5.14527 9.43859 3.93794 9.95526 3.3026 10.6479L3.28504 10.6671C3.1131 10.8544 2.8359 11.1565 2.71994 11.8993C2.65794 12.3013 2.9746 12.6666 3.38127 12.6666H11.2853C11.6919 12.6666 12.0093 12.3013 11.9466 11.8993C11.8279 11.142 11.5416 10.8374 11.3565 10.6405L11.3473 10.6306Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/add-someone-24.json

@@ -2,6 +2,6 @@
   "iconName": "add-someone-24",
   "name": "24px-add-someone",
   "pascalName": "IconAddSomeone_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/51326200-7435-436c-bcdc-8dba97430c17",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/247dc803-b9c1-4928-9b01-75b42ecbac81",
   "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=\"white\"/>\n</svg>\n"
 }

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

@@ -2,6 +2,6 @@
   "iconName": "adjust-16",
   "name": "16px-adjust",
   "pascalName": "IconAdjust_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4455b082-3abb-49f6-9fce-68c42a7c7d76",
-  "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.33333 2.66675C2.96514 2.66675 2.66666 2.96523 2.66666 3.33342V6.66675H1.99992C1.63173 6.66675 1.33325 6.96522 1.33325 7.33341C1.33325 7.7016 1.63173 8.00008 1.99992 8.00008H2.66666V12.6667C2.66666 13.0349 2.96514 13.3334 3.33333 13.3334C3.70152 13.3334 3.99999 13.0349 3.99999 12.6667V8.00008H4.66659C5.03478 8.00008 5.33325 7.7016 5.33325 7.33341C5.33325 6.96522 5.03478 6.66675 4.66659 6.66675H3.99999V3.33341C3.99999 2.96522 3.70152 2.66675 3.33333 2.66675ZM7.99992 2.66675C7.63173 2.66675 7.33325 2.96523 7.33325 3.33342V10H6.66662C6.29843 10 5.99996 10.2985 5.99996 10.6667C5.99996 11.0349 6.29843 11.3334 6.66662 11.3334H7.33325V12.6667C7.33325 13.0349 7.63173 13.3334 7.99992 13.3334C8.36811 13.3334 8.66658 13.0349 8.66658 12.6667V11.3334H9.33329C9.70148 11.3334 9.99996 11.0349 9.99996 10.6667C9.99996 10.2985 9.70148 10 9.33329 10H8.66658V3.33341C8.66658 2.96522 8.36811 2.66675 7.99992 2.66675ZM12 3.33342C12 2.96523 12.2984 2.66675 12.6666 2.66675C13.0348 2.66675 13.3333 2.96522 13.3333 3.33341V4.66675H14C14.3682 4.66675 14.6667 4.96522 14.6667 5.33341C14.6667 5.7016 14.3682 6.00008 14 6.00008H13.3333V12.6667C13.3333 13.0349 13.0348 13.3334 12.6666 13.3334C12.2984 13.3334 12 13.0349 12 12.6667V6.00008H11.3333C10.9651 6.00008 10.6667 5.7016 10.6667 5.33341C10.6667 4.96522 10.9651 4.66675 11.3333 4.66675H12V3.33342Z\" fill=\"white\"/>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/2210509a-17da-480a-8227-c4d88c03a98f",
+  "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.33337 2.6667C2.96518 2.6667 2.66671 2.96518 2.66671 3.33337V6.6667H1.99996C1.63177 6.6667 1.3333 6.96518 1.3333 7.33337C1.3333 7.70156 1.63177 8.00004 1.99996 8.00004H2.66671V12.6667C2.66671 13.0349 2.96518 13.3334 3.33337 13.3334C3.70156 13.3334 4.00004 13.0349 4.00004 12.6667V8.00004H4.66663C5.03482 8.00004 5.33329 7.70156 5.33329 7.33337C5.33329 6.96518 5.03482 6.6667 4.66663 6.6667H4.00004V3.33337C4.00004 2.96518 3.70156 2.6667 3.33337 2.6667ZM7.99996 2.6667C7.63177 2.6667 7.33329 2.96518 7.33329 3.33337V10H6.66667C6.29848 10 6 10.2985 6 10.6667C6 11.0349 6.29848 11.3333 6.66667 11.3333H7.33329V12.6667C7.33329 13.0349 7.63177 13.3334 7.99996 13.3334C8.36815 13.3334 8.66663 13.0349 8.66663 12.6667V11.3333H9.33333C9.70152 11.3333 10 11.0349 10 10.6667C10 10.2985 9.70152 10 9.33333 10H8.66663V3.33337C8.66663 2.96518 8.36815 2.6667 7.99996 2.6667ZM12 3.33337C12 2.96518 12.2985 2.6667 12.6667 2.6667C13.0349 2.6667 13.3333 2.96518 13.3333 3.33337V4.66671H14C14.3682 4.66671 14.6667 4.96518 14.6667 5.33337C14.6667 5.70156 14.3682 6.00004 14 6.00004H13.3333V12.6667C13.3333 13.0349 13.0349 13.3334 12.6667 13.3334C12.2985 13.3334 12 13.0349 12 12.6667V6.00004H11.3334C10.9652 6.00004 10.6667 5.70156 10.6667 5.33337C10.6667 4.96518 10.9652 4.66671 11.3334 4.66671H12V3.33337Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -10,7 +10,7 @@
     <path
         fill="currentColor"
         fill-rule="evenodd"
-        d="M3.333 2.667a.667.667 0 0 0-.666.666v3.334H2A.667.667 0 1 0 2 8h.667v4.667a.667.667 0 1 0 1.333 0V8h.667a.667.667 0 0 0 0-1.333H4V3.333a.667.667 0 0 0-.667-.666m4.667 0a.667.667 0 0 0-.667.666V10h-.666a.667.667 0 0 0 0 1.333h.666v1.334a.667.667 0 1 0 1.334 0v-1.334h.666a.667.667 0 0 0 0-1.333h-.666V3.333A.667.667 0 0 0 8 2.667m4 .666a.667.667 0 1 1 1.333 0v1.334H14A.667.667 0 1 1 14 6h-.667v6.667a.667.667 0 0 1-1.333 0V6h-.667a.667.667 0 0 1 0-1.333H12z"
+        d="M3.333 2.667a.667.667 0 0 0-.666.666v3.334H2A.667.667 0 0 0 2 8h.667v4.667a.667.667 0 1 0 1.333 0V8h.667a.667.667 0 0 0 0-1.333H4V3.333a.667.667 0 0 0-.667-.666m4.667 0a.667.667 0 0 0-.667.666V10h-.666a.667.667 0 0 0 0 1.333h.666v1.334a.667.667 0 1 0 1.334 0v-1.334h.666a.667.667 0 1 0 0-1.333h-.666V3.333A.667.667 0 0 0 8 2.667m4 .666a.667.667 0 0 1 1.333 0v1.334H14A.667.667 0 1 1 14 6h-.667v6.667a.667.667 0 1 1-1.333 0V6h-.667a.667.667 0 1 1 0-1.333H12z"
         clip-rule="evenodd"
     />
 </svg>

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

@@ -2,6 +2,6 @@
   "iconName": "adjust-24",
   "name": "24px-adjust",
   "pascalName": "IconAdjust_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce0564cf-aa77-4b2f-80a6-4717146bd61b",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d68e1706-36b2-44b1-b563-b34a5752c4e8",
   "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 4C4.44772 4 4 4.44772 4 5V10H3C2.44772 10 2 10.4477 2 11C2 11.5523 2.44772 12 3 12H4V19C4 19.5523 4.44772 20 5 20C5.55228 20 6 19.5523 6 19V12H7C7.55228 12 8 11.5523 8 11C8 10.4477 7.55228 10 7 10H6V5C6 4.44772 5.55228 4 5 4ZM12 4C11.4477 4 11 4.44772 11 5V15H10C9.44772 15 9 15.4477 9 16C9 16.5523 9.44772 17 10 17H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V17H14C14.5523 17 15 16.5523 15 16C15 15.4477 14.5523 15 14 15H13V5C13 4.44772 12.5523 4 12 4ZM18 5C18 4.44772 18.4477 4 19 4C19.5523 4 20 4.44772 20 5V7H21C21.5523 7 22 7.44772 22 8C22 8.55228 21.5523 9 21 9H20V19C20 19.5523 19.5523 20 19 20C18.4477 20 18 19.5523 18 19V9H17C16.4477 9 16 8.55228 16 8C16 7.44772 16.4477 7 17 7H18V5Z\" fill=\"white\"/>\n</svg>\n"
 }