@pexip/components 16.16.0 → 16.17.0

package/CHANGELOG.md

@@ -1,5 +1,79 @@
 # Changelog
 
+## 16.17.0
+
+### Minor Changes
+
+- 60db2da: Add more flex classes for `justify-content`, `justify-items`,
+  `align-content` and `align-items`.
+- c891aed: Add required props `ariaLabelDecrement` and `ariaLabelIncrement` to
+  component `NumberStepInput`
+- 744cdb4: Add optional `scrollElementClassname` property to the `Panel`
+  component
+- 60db2da: Add `topEnd` and `bottomEnd` tooltip positions. Add `defaultOpen` in
+  `Tooltip`. Use in stories.
+- 60db2da: Extract `StatCardBox` from `StatCard`.
+- 893f3c1: `AriaMenu`: Add optional tooltip to menu trigger button
+- 9fde123: - `BadgeCounter`: Add optional `badgeClassName` property to allow
+  custom style of the badge
+  - `AriaMenu`: Add optional `menuClassName` property to allow custom style of
+    the menu, and some default styling updates on the component
+- 60db2da: Pass `StatCardBox` props through `StatCard`.
+- 60db2da: Support `offset` and `crossOffset` in `Tooltip`.
+- 0cd9ec0: - Update stories for `PreferenceInput` and `PreferenceWrapper`. Add
+  more stories.
+  - Only set minimum height for `PreferenceWrapper`.
+  - Remove automatic padding for `PreferenceInput`.
+- a2ab4d9: Don't automatically use label as title for Tag.
+- 9e050cf: Introduce `scrollable` prop for `Box` which allows content inside the
+  box to be scrollable
+- 60db2da: Add d-none class.
+
+### Patch Changes
+
+- 6fb1adb: Syntax updates for Storybook components
+- 7d719e1: added step value property to NumberStepInput
+- 56bdd94: Emit open state of AriaMenu through signal
+- d98fe9d: Move to module type.
+- c0427ff: Defaults `BadgeCounter`'s `number` property to 0.
+- cbebfea: Add `build:watch` command.
+- 4efc2ec: BoxFooter can take individual padding sizes. Panel can control
+  scrolling of Scrollbars component
+- 5b593f7: `CircleCountDown`: Refactoring due to CSS syntax updates
+- a4acb0b: Puts `input` element of `Checkbox` on top of the checkmark `span` via
+  z-index.
+- acd7aba: Moves `jest` to individual packages, enabling them to have their own
+  individual config.
+- ebba026: Introduced `useModal` hook to manage aria-hidden attributes in
+  specific cases. It is used in `Sheet` component and `DeviceSelectionStep` view
+  Refactored `useFocusForm` hook to allow specific focus on element without
+  bluring it right after focus Added property propagation to `Announcer`
+  component. It is used to mark the `Announcer` as excluded from
+  aria-hidden="true" logic e.g.
+- 9e97e2a: Left align Menu component list item button text
+- 18dd095: Extended components by an Announcer that offers ARIA live regions
+  feature.
+- 9e53576: `Checkbox`: Set `aria-labelledby` property by default based on `name`
+  property
+- 60db2da: Rename `StatCardRow` type to `StatCardRowData`. `StatCardRow`
+  component supports `position` prop.
+- 2375b52: `Menu` sets `role="menu"` by default and `DropContent` removes to set
+  `role="menu"` by default
+- 60db2da: `StatIndicator` takes div props.
+- 1672449: Update icons
+- b2d6c0a: Refactoring of Storybook stories showcasing the components
+- 1b1a926: Integrated Announcer component (aria-live region feature) with Select
+  and Toast components
+- d583549: `AriaMenu`: Omit ignored properties for trigger button
+- c0ff33a: Add `CustomTooltip` position variants story.
+- 55137c7: Give AriaMenu optional headerContent prop which gives the possibility
+  to add content above menu items
+- Updated dependencies [d98fe9d]
+- Updated dependencies [56bdd94]
+  - @pexip/signal@16.7.1
+  - @pexip/hooks@19.0.0
+  - @pexip/utils@16.12.1
+
 ## 16.16.0
 
 ### Minor Changes

package/design-tokens/display.scss

@@ -18,4 +18,8 @@
     &-flex {
         display: flex !important;
     }
+
+    &-none {
+        display: none !important;
+    }
 }

package/design-tokens/flex.scss

@@ -51,22 +51,26 @@
         justify-content: flex-start !important;
     }
 
-    &-center {
-        justify-content: center !important;
-    }
-
     &-end {
         justify-content: flex-end !important;
     }
 
-    &-space-between {
-        justify-content: space-between !important;
+    @each $prop in center, left, normal, right, space-around, space-between,
+        space-evenly, stretch
+    {
+        &-#{$prop} {
+            justify-content: $prop !important;
+        }
     }
 }
 
 .justify-items {
-    &-center {
-        justify-items: center !important;
+    @each $prop in center, end, left, normal, right, self-end, self-start, start,
+        stretch
+    {
+        &-#{$prop} {
+            justify-items: $prop !important;
+        }
     }
 }
 
@@ -75,13 +79,17 @@
         align-content: flex-start !important;
     }
 
-    &-center {
-        align-content: center !important;
-    }
-
     &-end {
         align-content: flex-end !important;
     }
+
+    @each $prop in center, left, normal, right, space-around, space-between,
+        space-evenly, stretch
+    {
+        &-#{$prop} {
+            align-content: $prop !important;
+        }
+    }
 }
 
 .align-items {
@@ -89,11 +97,13 @@
         align-items: flex-start !important;
     }
 
-    &-center {
-        align-items: center !important;
-    }
-
     &-end {
         align-items: flex-end !important;
     }
+
+    @each $prop in center, normal, self-start, self-end, stretch {
+        &-#{$prop} {
+            align-items: $prop !important;
+        }
+    }
 }

package/design-tokens/generated/Icons.ts

@@ -4,6 +4,9 @@ import IconAdd_16 from './icons/add-16.svg';
 import IconAdd_24 from './icons/add-24.svg';
 import IconAddSomeone_16 from './icons/add-someone-16.svg';
 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 IconAlert_16 from './icons/alert-16.svg';
 import IconAlert_24 from './icons/alert-24.svg';
 import IconAnalyticsChart_16 from './icons/analytics-chart-16.svg';
@@ -80,6 +83,8 @@ import IconDoubleChevronUp_16 from './icons/double-chevron-up-16.svg';
 import IconDoubleChevronUp_24 from './icons/double-chevron-up-24.svg';
 import IconDraggable_16 from './icons/draggable-16.svg';
 import IconDraggable_24 from './icons/draggable-24.svg';
+import IconDtmf_16 from './icons/dtmf-16.svg';
+import IconDtmf_24 from './icons/dtmf-24.svg';
 import IconDualScreen_16 from './icons/dual-screen-16.svg';
 import IconDualScreen_24 from './icons/dual-screen-24.svg';
 import IconEdit_16 from './icons/edit-16.svg';
@@ -103,8 +108,12 @@ import IconFullscreenOff_32 from './icons/fullscreen-off-32.svg';
 import IconFullscreenOn_16 from './icons/fullscreen-on-16.svg';
 import IconFullscreenOn_24 from './icons/fullscreen-on-24.svg';
 import IconFullscreenOn_32 from './icons/fullscreen-on-32.svg';
+import IconGeneric2_16 from './icons/generic2-16.svg';
+import IconGeneric2_24 from './icons/generic2-24.svg';
 import IconGroup_16 from './icons/group-16.svg';
 import IconGroup_24 from './icons/group-24.svg';
+import IconGuest_16 from './icons/guest-16.svg';
+import IconGuest_24 from './icons/guest-24.svg';
 import IconHeadset_16 from './icons/headset-16.svg';
 import IconHeadset_24 from './icons/headset-24.svg';
 import IconHelpRound_16 from './icons/help-round-16.svg';
@@ -113,6 +122,8 @@ import IconHome_16 from './icons/home-16.svg';
 import IconHome_24 from './icons/home-24.svg';
 import IconHospital_16 from './icons/hospital-16.svg';
 import IconHospital_24 from './icons/hospital-24.svg';
+import IconHost_16 from './icons/host-16.svg';
+import IconHost_24 from './icons/host-24.svg';
 import IconImport_16 from './icons/import-16.svg';
 import IconImport_24 from './icons/import-24.svg';
 import IconInfoRound_16 from './icons/info-round-16.svg';
@@ -131,6 +142,8 @@ import IconLocation_16 from './icons/location-16.svg';
 import IconLocation_24 from './icons/location-24.svg';
 import IconLock_16 from './icons/lock-16.svg';
 import IconLock_24 from './icons/lock-24.svg';
+import IconLowerhand_16 from './icons/lowerhand-16.svg';
+import IconLowerhand_24 from './icons/lowerhand-24.svg';
 import IconMail_16 from './icons/mail-16.svg';
 import IconMail_24 from './icons/mail-24.svg';
 import IconMeetingRoom_16 from './icons/meeting-room-16.svg';
@@ -163,6 +176,7 @@ import IconPhone_16 from './icons/phone-16.svg';
 import IconPhone_24 from './icons/phone-24.svg';
 import IconPhoneHorisontal_16 from './icons/phone-horisontal-16.svg';
 import IconPhoneHorisontal_24 from './icons/phone-horisontal-24.svg';
+import IconPhoneHorisontal_32 from './icons/phone-horisontal-32.svg';
 import IconPhoneTalk_16 from './icons/phone-talk-16.svg';
 import IconPhoneTalk_24 from './icons/phone-talk-24.svg';
 import IconPin_16 from './icons/pin-16.svg';
@@ -205,12 +219,16 @@ import IconSpeakerOff_16 from './icons/speaker-off-16.svg';
 import IconSpeakerOff_24 from './icons/speaker-off-24.svg';
 import IconSpeakerOn_16 from './icons/speaker-on-16.svg';
 import IconSpeakerOn_24 from './icons/speaker-on-24.svg';
+import IconSpotlight_16 from './icons/spotlight-16.svg';
+import IconSpotlight_24 from './icons/spotlight-24.svg';
 import IconStar_16 from './icons/star-16.svg';
 import IconStar_24 from './icons/star-24.svg';
 import IconStopRound_16 from './icons/stop-round-16.svg';
 import IconStopRound_24 from './icons/stop-round-24.svg';
 import IconSupport_16 from './icons/support-16.svg';
 import IconSupport_24 from './icons/support-24.svg';
+import IconTestScriptIcon_16 from './icons/test-script-icon-16.svg';
+import IconTestScriptIcon_24 from './icons/test-script-icon-24.svg';
 import IconThumbsDown_24 from './icons/thumbs-down-24.svg';
 import IconThumbsUp_24 from './icons/thumbs-up-24.svg';
 import IconTimer_16 from './icons/timer-16.svg';
@@ -243,6 +261,7 @@ export interface IconSource {
 export interface IconCollection {
     IconAdd: IconSource;
     IconAddSomeone: IconSource;
+    IconAdjust: IconSource;
     IconAlert: IconSource;
     IconAnalyticsChart: IconSource;
     IconAnalyticsProgress: IconSource;
@@ -283,6 +302,7 @@ export interface IconCollection {
     IconDoubleChevronRight: IconSource;
     IconDoubleChevronUp: IconSource;
     IconDraggable: IconSource;
+    IconDtmf: IconSource;
     IconDualScreen: IconSource;
     IconEdit: IconSource;
     IconEmoji: IconSource;
@@ -293,11 +313,14 @@ export interface IconCollection {
     IconFlipCamera: IconSource;
     IconFullscreenOff: IconSource;
     IconFullscreenOn: IconSource;
+    IconGeneric2: IconSource;
     IconGroup: IconSource;
+    IconGuest: IconSource;
     IconHeadset: IconSource;
     IconHelpRound: IconSource;
     IconHome: IconSource;
     IconHospital: IconSource;
+    IconHost: IconSource;
     IconImport: IconSource;
     IconInfoRound: IconSource;
     IconKey: IconSource;
@@ -307,6 +330,7 @@ export interface IconCollection {
     IconLiveStream: IconSource;
     IconLocation: IconSource;
     IconLock: IconSource;
+    IconLowerhand: IconSource;
     IconMail: IconSource;
     IconMeetingRoom: IconSource;
     IconMeetings: IconSource;
@@ -345,9 +369,11 @@ export interface IconCollection {
     IconSpeakerDisabled: IconSource;
     IconSpeakerOff: IconSource;
     IconSpeakerOn: IconSource;
+    IconSpotlight: IconSource;
     IconStar: IconSource;
     IconStopRound: IconSource;
     IconSupport: IconSource;
+    IconTestScriptIcon: IconSource;
     IconThumbsDown: IconSource;
     IconThumbsUp: IconSource;
     IconTimer: IconSource;
@@ -368,6 +394,11 @@ const collection: IconCollection = {
         size24: IconAddSomeone_24,
         size32: IconAddSomeone_24,
     },
+    IconAdjust: {
+        size16: IconAdjust_16,
+        size24: IconAdjust_24,
+        size32: IconAdjust_32,
+    },
     IconAlert: {
         size16: IconAlert_16,
         size24: IconAlert_24,
@@ -560,6 +591,7 @@ const collection: IconCollection = {
         size24: IconDraggable_24,
         size32: IconDraggable_24,
     },
+    IconDtmf: {size16: IconDtmf_16, size24: IconDtmf_24, size32: IconDtmf_24},
     IconDualScreen: {
         size16: IconDualScreen_16,
         size24: IconDualScreen_24,
@@ -602,11 +634,21 @@ const collection: IconCollection = {
         size24: IconFullscreenOn_24,
         size32: IconFullscreenOn_32,
     },
+    IconGeneric2: {
+        size16: IconGeneric2_16,
+        size24: IconGeneric2_24,
+        size32: IconGeneric2_24,
+    },
     IconGroup: {
         size16: IconGroup_16,
         size24: IconGroup_24,
         size32: IconGroup_24,
     },
+    IconGuest: {
+        size16: IconGuest_16,
+        size24: IconGuest_24,
+        size32: IconGuest_24,
+    },
     IconHeadset: {
         size16: IconHeadset_16,
         size24: IconHeadset_24,
@@ -623,6 +665,7 @@ const collection: IconCollection = {
         size24: IconHospital_24,
         size32: IconHospital_24,
     },
+    IconHost: {size16: IconHost_16, size24: IconHost_24, size32: IconHost_24},
     IconImport: {
         size16: IconImport_16,
         size24: IconImport_24,
@@ -656,6 +699,11 @@ const collection: IconCollection = {
         size32: IconLocation_24,
     },
     IconLock: {size16: IconLock_16, size24: IconLock_24, size32: IconLock_24},
+    IconLowerhand: {
+        size16: IconLowerhand_16,
+        size24: IconLowerhand_24,
+        size32: IconLowerhand_24,
+    },
     IconMail: {size16: IconMail_16, size24: IconMail_24, size32: IconMail_24},
     IconMeetingRoom: {
         size16: IconMeetingRoom_16,
@@ -731,7 +779,7 @@ const collection: IconCollection = {
     IconPhoneHorisontal: {
         size16: IconPhoneHorisontal_16,
         size24: IconPhoneHorisontal_24,
-        size32: IconPhoneHorisontal_24,
+        size32: IconPhoneHorisontal_32,
     },
     IconPhoneTalk: {
         size16: IconPhoneTalk_16,
@@ -822,6 +870,11 @@ const collection: IconCollection = {
         size24: IconSpeakerOn_24,
         size32: IconSpeakerOn_24,
     },
+    IconSpotlight: {
+        size16: IconSpotlight_16,
+        size24: IconSpotlight_24,
+        size32: IconSpotlight_24,
+    },
     IconStar: {size16: IconStar_16, size24: IconStar_24, size32: IconStar_24},
     IconStopRound: {
         size16: IconStopRound_16,
@@ -833,6 +886,11 @@ const collection: IconCollection = {
         size24: IconSupport_24,
         size32: IconSupport_24,
     },
+    IconTestScriptIcon: {
+        size16: IconTestScriptIcon_16,
+        size24: IconTestScriptIcon_24,
+        size32: IconTestScriptIcon_24,
+    },
     IconThumbsDown: {
         size16: IconThumbsDown_24,
         size24: IconThumbsDown_24,

package/design-tokens/generated/colors.ts

@@ -17,6 +17,7 @@ export enum Color {
     Green40 = '#baf4f6',
     Red90 = '#ff9697',
     Red80 = '#ffb6b7',
+    Red70 = '#f24949',
     Red60 = '#ffe3e4',
     Red40 = '#fff7f7',
     Blue90 = '#5d4cff',

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

@@ -16,6 +16,7 @@ $colors: (
     'green-40': #baf4f6,
     'red-90': #ff9697,
     'red-80': #ffb6b7,
+    'red-70': #f24949,
     'red-60': #ffe3e4,
     'red-40': #fff7f7,
     'blue-90': #5d4cff,

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/b4aae64e-6ab4-4775-bff5-2713d05dfa51",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/488c2be8-87d8-4386-8f05-1f58e99041a9",
   "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-16.svg

@@ -9,6 +9,6 @@
 >
     <path
         fill="currentColor"
-        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"
+        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 1m-.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.5"
     />
 </svg>

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/513485d6-bf03-4292-80bc-6e498878a3f5",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d6ce58ff-1b27-439f-94b8-937a20d6bbad",
   "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-24.svg

@@ -9,6 +9,6 @@
 >
     <path
         fill="currentColor"
-        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"
+        d="M18.429 2H5.571A3.57 3.57 0 0 0 2 5.571v12.857A3.57 3.57 0 0 0 5.571 22h12.857A3.57 3.57 0 0 0 22 18.429V5.571A3.57 3.57 0 0 0 18.429 2M17 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 2"
     />
 </svg>

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/8e334296-0fb0-4b58-a623-a22e23124374",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/29fae952-84cf-474f-9388-cade85b9e3f9",
   "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-16.svg

@@ -10,7 +10,7 @@
     <path
         fill="currentColor"
         fill-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.1 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.186-.45.489-.565 1.231a.67.67 0 0 0 .661.768h7.904a.67.67 0 0 0 .662-.768c-.12-.757-.405-1.062-.59-1.258l-.01-.01Z"
+        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-.5M7.333 8.391c1.352 0 2.452-1.1 2.452-2.452s-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.452m4.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.186-.45.489-.565 1.231a.67.67 0 0 0 .661.768h7.904a.67.67 0 0 0 .662-.768c-.12-.757-.405-1.062-.59-1.258z"
         clip-rule="evenodd"
     />
 </svg>

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/73bbbd11-7f1f-4ec9-9be8-7b3b353b424a",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/51326200-7435-436c-bcdc-8dba97430c17",
   "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/add-someone-24.svg

@@ -10,7 +10,7 @@
     <path
         fill="currentColor"
         fill-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"
+        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-.75M11 12.587a3.68 3.68 0 0 0 3.677-3.678A3.68 3.68 0 0 0 11 5.233a3.68 3.68 0 0 0-3.678 3.676A3.68 3.68 0 0 0 11 12.587m6.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.888z"
         clip-rule="evenodd"
     />
 </svg>

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/a148ecd7-89f1-4b82-9d30-8aa8b6fc3e71",
+  "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"
 }

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

@@ -0,0 +1,16 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    data-token-name="IconAdjust_16"
+    viewBox="0 0 16 16"
+    aria-hidden="true"
+>
+    <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"
+        clip-rule="evenodd"
+    />
+</svg>

package/design-tokens/generated/icons/adjust-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/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/ccde445d-353f-4e03-9ca6-3c8ecff14ec8",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ce0564cf-aa77-4b2f-80a6-4717146bd61b",
   "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"
 }

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

@@ -0,0 +1,16 @@
+<!-- FILE GENERATED BY packages/components/design-tokens/build-scripts/generate-icons.js DO NOT CHANGE -->
+
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    data-token-name="IconAdjust_24"
+    viewBox="0 0 24 24"
+    aria-hidden="true"
+>
+    <path
+        fill="currentColor"
+        fill-rule="evenodd"
+        d="M5 4a1 1 0 0 0-1 1v5H3a1 1 0 1 0 0 2h1v7a1 1 0 1 0 2 0v-7h1a1 1 0 1 0 0-2H6V5a1 1 0 0 0-1-1m7 0a1 1 0 0 0-1 1v10h-1a1 1 0 1 0 0 2h1v2a1 1 0 1 0 2 0v-2h1a1 1 0 1 0 0-2h-1V5a1 1 0 0 0-1-1m6 1a1 1 0 1 1 2 0v2h1a1 1 0 1 1 0 2h-1v10a1 1 0 1 1-2 0V9h-1a1 1 0 1 1 0-2h1z"
+        clip-rule="evenodd"
+    />
+</svg>

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

@@ -2,6 +2,6 @@
   "iconName": "adjust-32",
   "name": "32px-adjust",
   "pascalName": "IconAdjust_32",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/77c2eccf-844e-4640-88a9-b1120b2156e7",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7bc2ecab-d369-4473-90f1-1a3a52ff96ea",
   "graphic": "<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.83341 5.33337C6.00499 5.33337 5.33341 6.00495 5.33341 6.83338V13.3334H4.00008C3.2637 13.3334 2.66675 13.9303 2.66675 14.6667V15C2.66675 15.7364 3.2637 16.3334 4.00008 16.3334H5.33341V25.1667C5.33341 25.9951 6.00499 26.6667 6.83341 26.6667C7.66184 26.6667 8.33341 25.9951 8.33341 25.1667V16.3334H9.33342C10.0698 16.3334 10.6667 15.7364 10.6667 15V14.6667C10.6667 13.9303 10.0698 13.3334 9.33341 13.3334H8.33341V6.83337C8.33341 6.00495 7.66184 5.33337 6.83341 5.33337ZM16.1667 5.33337C15.3383 5.33337 14.6667 6.00495 14.6667 6.83338V20H13.3334C12.597 20 12.0001 20.597 12.0001 21.3334V21.6667C12.0001 22.4031 12.597 23 13.3334 23H14.6667V25.1667C14.6667 25.9951 15.3383 26.6667 16.1667 26.6667C16.9952 26.6667 17.6667 25.9951 17.6667 25.1667V23H18.6667C19.4031 23 20.0001 22.4031 20.0001 21.6667V21.3334C20.0001 20.597 19.4031 20 18.6667 20H17.6667V6.83337C17.6667 6.00495 16.9952 5.33337 16.1667 5.33337ZM24.0001 6.83338C24.0001 6.00495 24.6717 5.33337 25.5001 5.33337C26.3285 5.33337 27.0001 6.00495 27.0001 6.83337V9.00004H27.6666C28.403 9.00004 29 9.59699 29 10.3334V10.6667C29 11.4031 28.403 12 27.6666 12H27.0001V25.1667C27.0001 25.9951 26.3285 26.6667 25.5001 26.6667C24.6717 26.6667 24.0001 25.9951 24.0001 25.1667V12H22.3333C21.5969 12 21 11.4031 21 10.6667V10.3334C21 9.59699 21.5969 9.00004 22.3333 9.00004H24.0001V6.83338Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -10,7 +10,7 @@
     <path
         fill="currentColor"
         fill-rule="evenodd"
-        d="M6.833 5.333a1.5 1.5 0 0 0-1.5 1.5v6.5H4c-.736 0-1.333.597-1.333 1.334V15c0 .736.597 1.333 1.333 1.333h1.333v8.834a1.5 1.5 0 0 0 3 0v-8.834h1c.737 0 1.334-.597 1.334-1.333v-.333c0-.737-.597-1.334-1.334-1.334h-1v-6.5a1.5 1.5 0 0 0-1.5-1.5Zm9.334 0a1.5 1.5 0 0 0-1.5 1.5V20h-1.334c-.736 0-1.333.597-1.333 1.333v.334c0 .736.597 1.333 1.333 1.333h1.334v2.167a1.5 1.5 0 0 0 3 0V23h1c.736 0 1.333-.597 1.333-1.333v-.334c0-.736-.597-1.333-1.333-1.333h-1V6.833a1.5 1.5 0 0 0-1.5-1.5ZM24 6.833a1.5 1.5 0 0 1 3 0V9h.667C28.403 9 29 9.597 29 10.333v.334c0 .736-.597 1.333-1.333 1.333H27v13.167a1.5 1.5 0 0 1-3 0V12h-1.667A1.333 1.333 0 0 1 21 10.667v-.334C21 9.597 21.597 9 22.333 9H24V6.833Z"
+        d="M6.833 5.333a1.5 1.5 0 0 0-1.5 1.5v6.5H4c-.736 0-1.333.597-1.333 1.334V15c0 .736.597 1.333 1.333 1.333h1.333v8.834a1.5 1.5 0 0 0 3 0v-8.834h1c.737 0 1.334-.597 1.334-1.333v-.333c0-.737-.597-1.334-1.334-1.334h-1v-6.5a1.5 1.5 0 0 0-1.5-1.5m9.334 0a1.5 1.5 0 0 0-1.5 1.5V20h-1.334c-.736 0-1.333.597-1.333 1.333v.334c0 .736.597 1.333 1.333 1.333h1.334v2.167a1.5 1.5 0 0 0 3 0V23h1c.736 0 1.333-.597 1.333-1.333v-.334c0-.736-.597-1.333-1.333-1.333h-1V6.833a1.5 1.5 0 0 0-1.5-1.5M24 6.833a1.5 1.5 0 0 1 3 0V9h.667C28.403 9 29 9.597 29 10.333v.334c0 .736-.597 1.333-1.333 1.333H27v13.167a1.5 1.5 0 0 1-3 0V12h-1.667A1.333 1.333 0 0 1 21 10.667v-.334C21 9.597 21.597 9 22.333 9H24z"
         clip-rule="evenodd"
     />
 </svg>

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

@@ -2,6 +2,6 @@
   "iconName": "alert-16",
   "name": "16px-alert",
   "pascalName": "IconAlert_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/73fa957b-f371-4cc6-b72c-f4ca09044510",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/8ca0c20e-c597-4c71-a67a-1480ee3cc1a7",
   "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.55728C8.74978 1.52094 7.25395 1.52094 6.65562 2.55728L1.27064 11.8843C0.672312 12.9207 1.42023 14.2161 2.61689 14.2161H13.3868C14.5835 14.2161 15.3314 12.9207 14.7331 11.8843L9.34811 2.55728ZM8.00459 12.4638C8.40842 12.4638 8.7358 12.1348 8.7358 11.7289C8.7358 11.3231 8.40843 10.9941 8.00459 10.9941H7.99728C7.59345 10.9941 7.26608 11.3231 7.26608 11.7289C7.26608 12.1348 7.59345 12.4638 7.99728 12.4638H8.00459ZM7.27339 8.78948C7.27339 9.19533 7.60076 9.52434 8.00459 9.52434C8.40843 9.52434 8.7358 9.19533 8.7358 8.78948V5.85004C8.7358 5.44419 8.40843 5.11519 8.00459 5.11519C7.60076 5.11519 7.27339 5.44419 7.27339 5.85004L7.27339 8.78948Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -10,7 +10,7 @@
     <path
         fill="currentColor"
         fill-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"
+        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.332zm-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.735zm-.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.735z"
         clip-rule="evenodd"
     />
 </svg>

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

@@ -2,6 +2,6 @@
   "iconName": "alert-24",
   "name": "24px-alert",
   "pascalName": "IconAlert_24",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/33636373-cdda-4ca7-a82b-aa8237232182",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5fdffe42-5984-4613-9a3f-5a8bc6b8f788",
   "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.08147C13.0945 2.57278 10.9169 2.57278 10.0458 4.08147L2.20647 17.6597C1.33543 19.1684 2.42423 21.0542 4.16631 21.0542H19.8451C21.5871 21.0542 22.676 19.1684 21.8049 17.6597L13.9655 4.08147ZM12.0097 18.5032C12.5976 18.5032 13.0741 18.0242 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.0242 11.4111 18.5032 11.999 18.5032H12.0097ZM10.9452 13.1542C10.9452 13.745 11.4218 14.224 12.0097 14.224C12.5976 14.224 13.0741 13.745 13.0741 13.1542L13.0741 8.87501C13.0741 8.28417 12.5976 7.80521 12.0097 7.80521C11.4218 7.80521 10.9452 8.28417 10.9452 8.87501L10.9452 13.1542Z\" fill=\"white\"/>\n</svg>\n"
 }

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

@@ -10,7 +10,7 @@
     <path
         fill="currentColor"
         fill-rule="evenodd"
-        d="M13.966 4.081c-.871-1.508-3.05-1.508-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.394L13.965 4.08ZM12.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"
+        d="M13.966 4.081c-.871-1.508-3.05-1.508-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.394zM12.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.07s.477 1.07 1.065 1.07zm-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.07s-1.065.48-1.065 1.07z"
         clip-rule="evenodd"
     />
 </svg>

package/design-tokens/generated/icons/analytics-chart-16.json

@@ -2,6 +2,6 @@
   "iconName": "analytics-chart-16",
   "name": "16px-analytics-chart",
   "pascalName": "IconAnalyticsChart_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cc69d2e1-1ca4-4ab5-baa8-0da85f875dc3",
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ef67e7c0-b0a8-41a4-ab0d-8318575f5a2b",
   "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.15787 1.99997C6.60558 1.99997 6.15787 2.44769 6.15787 2.99997V10.2105C6.15787 10.7628 6.60558 11.2105 7.15787 11.2105H8.47366C9.02594 11.2105 9.47366 10.7628 9.47366 10.2105V2.99997C9.47366 2.44769 9.02594 1.99997 8.47366 1.99997H7.15787ZM3.47369 4.94734C2.9214 4.94734 2.47369 5.39506 2.47369 5.94735V10.2105C2.47369 10.7628 2.9214 11.2105 3.47369 11.2105H4.42105C4.97334 11.2105 5.42105 10.7628 5.42105 10.2105V5.94734C5.42105 5.39506 4.97334 4.94734 4.42105 4.94734H3.47369ZM10.2105 5.94735C10.2105 5.39506 10.6582 4.94734 11.2105 4.94734H12.1579C12.7102 4.94734 13.1579 5.39506 13.1579 5.94734V10.2105C13.1579 10.7628 12.7102 11.2105 12.1579 11.2105H11.2105C10.6582 11.2105 10.2105 10.7628 10.2105 10.2105V5.94735ZM1.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"
 }