@pexip/components 19.1.3 → 19.3.0

package/api-docs/variables/Toast.mdx

@@ -0,0 +1,13 @@
+```ts
+const Toast: (props) => Element | null;
+```
+
+## Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `props` | [`ToastProps`](../interfaces/ToastProps.mdx) & [`WithTransitionProps`](../interfaces/WithTransitionProps.mdx) |
+
+## Returns
+
+`Element` \| `null`

package/api-docs/variables/ToggleSwitch.mdx

@@ -0,0 +1,3 @@
+```ts
+const ToggleSwitch: React.FC<Omit<ToggleSwitchProps, "type" | "style">>;
+```

package/api-docs/variables/Tooltip.mdx

@@ -0,0 +1,13 @@
+```ts
+const Tooltip: React.FC<React.ComponentProps<"div"> & object>;
+```
+
+Tooltips need to be accessible to keyboard and screen reader users, so we
+ensure that they are only placed on focusable and hoverable elements. For
+example, plain text and disabled buttons aren't focusable, meaning keyboard
+and screen reader users would be unable to access the information in that
+tooltip.
+
+## See
+
+https://react-spectrum.adobe.com/react-spectrum/Tooltip.html#usage-on-disabled-or-non-interactive-elements

package/api-docs/variables/TooltipPositionValue.mdx

@@ -0,0 +1,3 @@
+```ts
+const TooltipPositionValue: readonly ["bottom", "bottomEnd", "bottomLeft", "bottomRight", "bottomStart", "endBottom", "left", "right", "top", "topEnd", "topLeft", "topRight", "topStart"];
+```

package/api-docs/variables/URLToLink.mdx

@@ -0,0 +1,5 @@
+```ts
+const URLToLink: React.FC<{
+  text: string;
+}>;
+```

package/api-docs/variables/User.mdx

@@ -0,0 +1,14 @@
+```ts
+const User: React.FC<{
+  avatarType: AvatarType;
+  className?: string;
+  email?: string;
+  displayName: string;
+  imageUrl?: string;
+  order?: "text-right" | "text-left";
+  colorScheme?: ColorScheme;
+  usernameFontVariant?: FontVariant;
+  textItemClassName?: string;
+  size?: ExtendedFixedSizeModifier;
+}>;
+```

package/api-docs/variables/UserMenuButton.mdx

@@ -0,0 +1,11 @@
+```ts
+const UserMenuButton: React.FC<{
+  isContentVisible: boolean;
+  displayName?: string;
+  variant?: ButtonVariant;
+  title?: string;
+  isDisabled?: boolean;
+  modifier?: ButtonModifiersValues;
+  colorScheme: ColorScheme;
+}>;
+```

package/api-docs/variables/UserMenuDropContent.mdx

@@ -0,0 +1,3 @@
+```ts
+const UserMenuDropContent: React.FC<DropContentProps & object>;
+```

package/api-docs/variables/Video.mdx

@@ -0,0 +1,3 @@
+```ts
+const Video: ForwardRefExoticComponent<Omit<ClassAttributes<HTMLVideoElement> & VideoHTMLAttributes<HTMLVideoElement> & object, "ref"> & RefAttributes<VideoHandle>>;
+```

package/api-docs/variables/VideoWrapper.mdx

@@ -0,0 +1,3 @@
+```ts
+const VideoWrapper: ForwardRefExoticComponent<Omit<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & object, "ref"> & RefAttributes<HTMLDivElement>>;
+```

package/api-docs/variables/Wrapper.mdx

@@ -0,0 +1,3 @@
+```ts
+const Wrapper: React.FC<React.ComponentProps<"div"> & object>;
+```

package/api-docs/variables/ariaMenuOpenStateSignal.mdx

@@ -0,0 +1,3 @@
+```ts
+const ariaMenuOpenStateSignal: Signal<boolean, boolean>;
+```

package/api-docs/variables/breakpoints.mdx

@@ -0,0 +1,13 @@
+```ts
+const breakpoints: object;
+```
+
+## Type Declaration
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| <a id="xs"></a> `xs` | `number` | `0` |
+| <a id="sm"></a> `sm` | `number` | `479` |
+| <a id="md"></a> `md` | `number` | `744` |
+| <a id="lg"></a> `lg` | `number` | `1025` |
+| <a id="xl"></a> `xl` | `number` | `2000` |

package/api-docs/variables/notificationToastSignal.mdx

@@ -0,0 +1,3 @@
+```ts
+const notificationToastSignal: Signal<NotificationToastSignal, NotificationToastSignal>;
+```

package/api-docs/variables/themeValues.mdx

@@ -0,0 +1,3 @@
+```ts
+const themeValues: readonly ["theme-legacy", "theme-pds"];
+```

package/api-docs/variables/variables.mdx

@@ -0,0 +1,324 @@
+```ts
+const variables: object;
+```
+
+## Type Declaration
+
+| Name | Type | Default value |
+| ------ | ------ | ------ |
+| <a id="light"></a> `light` | `object` | - |
+| `light.border/accent` | `string` | `'#0068f4'` |
+| `light.border/button/danger` | `string` | `'#bb2526'` |
+| `light.border/button/disabled` | `string` | `'#d2d2d2'` |
+| `light.border/button/focus` | `string` | `'#71b4ff'` |
+| `light.border/button/form` | `string` | `'#777777'` |
+| `light.border/button/secondary` | `string` | `'#323232'` |
+| `light.border/button/success` | `string` | `'#2c7806'` |
+| `light.border/button/tertiary` | `string` | `'#c3c4c5'` |
+| `light.border/checkbo-disabled` | `string` | `'#c3c4c5'` |
+| `light.border/checkbox-main` | `string` | `'#777777'` |
+| `light.border/divider-primary` | `string` | `'#dcdcdc'` |
+| `light.border/divider-secondary` | `string` | `'#e6e6e6'` |
+| `light.border/divider-ultra` | `string` | `'#989898'` |
+| `light.border/none` | `number` | `0` |
+| `light.border/primary` | `string` | `'1px'` |
+| `light.border/secondary` | `string` | `'2px'` |
+| `light.font/button/accent` | `string` | `'#0068f4'` |
+| `light.font/button/call-active` | `string` | `'#212121'` |
+| `light.font/button/call-disabled` | `string` | `'#989898'` |
+| `light.font/button/call-error` | `string` | `'#ffffff'` |
+| `light.font/button/call-hover` | `string` | `'#ffffff'` |
+| `light.font/button/call-main` | `string` | `'#ffffff'` |
+| `light.font/button/danger-primary` | `string` | `'#ffffff'` |
+| `light.font/button/danger-tertiary` | `string` | `'#ae191a'` |
+| `light.font/button/danger-tertiary-hover` | `string` | `'#ffffff'` |
+| `light.font/button/primary` | `string` | `'#ffffff'` |
+| `light.font/button/secondary` | `string` | `'#323232'` |
+| `light.font/button/success-primary` | `string` | `'#ffffff'` |
+| `light.font/button/success-tertiary` | `string` | `'#256505'` |
+| `light.font/button/success-tertiary-hover` | `string` | `'#ffffff'` |
+| `light.font/button/tertiary` | `string` | `'#323232'` |
+| `light.font/button/tertiary-hover` | `string` | `'#ffffff'` |
+| `light.font/button/text` | `string` | `'#0156c9'` |
+| `light.font/button/trans` | `string` | `'#323232'` |
+| `light.font/button/trans-ultra` | `string` | `'#ffffff'` |
+| `light.font/charts/line-1` | `string` | `'#0156c9'` |
+| `light.font/charts/line-10` | `string` | `'#4e9f0d'` |
+| `light.font/charts/line-11` | `string` | `'#c9e2b5'` |
+| `light.font/charts/line-12` | `string` | `'#cc6228'` |
+| `light.font/charts/line-13` | `string` | `'#ffc198'` |
+| `light.font/charts/line-14` | `string` | `'#f89654'` |
+| `light.font/charts/line-15` | `string` | `'#ffedd5'` |
+| `light.font/charts/line-2` | `string` | `'#71b4ff'` |
+| `light.font/charts/line-3` | `string` | `'#d2d2d2'` |
+| `light.font/charts/line-4` | `string` | `'#989898'` |
+| `light.font/charts/line-5` | `string` | `'#494949'` |
+| `light.font/charts/line-6` | `string` | `'#0068f4'` |
+| `light.font/charts/line-7` | `string` | `'#cee3ff'` |
+| `light.font/charts/line-8` | `string` | `'#256505'` |
+| `light.font/charts/line-9` | `string` | `'#9ad36b'` |
+| `light.font/icons/clickable-active` | `string` | `'#323232'` |
+| `light.font/icons/clickable-hover` | `string` | `'#323232'` |
+| `light.font/icons/clickable-main` | `string` | `'#777777'` |
+| `light.font/icons/nonclickable-main` | `string` | `'#323232'` |
+| `light.font/icons/nonclickable-secondary` | `string` | `'#777777'` |
+| `light.font/text/accent` | `string` | `'#0068f4'` |
+| `light.font/text/body` | `string` | `'#323232'` |
+| `light.font/text/danger` | `string` | `'#ae191a'` |
+| `light.font/text/danger-tertiary` | `string` | `'#d73332'` |
+| `light.font/text/disabled` | `string` | `'#c3c4c5'` |
+| `light.font/text/label` | `string` | `'#323232'` |
+| `light.font/text/link` | `string` | `'#0068f4'` |
+| `light.font/text/link-active` | `string` | `'#0156c9'` |
+| `light.font/text/news` | `string` | `'#4338ca'` |
+| `light.font/text/quaternary` | `string` | `'#989898'` |
+| `light.font/text/secondary` | `string` | `'#494949'` |
+| `light.font/text/success` | `string` | `'#2c7806'` |
+| `light.font/text/success-ultra` | `string` | `'#4e9f0d'` |
+| `light.font/text/tertiary` | `string` | `'#777777'` |
+| `light.font/text/title` | `string` | `'#212121'` |
+| `light.font/text/warning` | `string` | `'#cc6228'` |
+| `light.font/toggle/off-disabled` | `string` | `'#ffffff'` |
+| `light.font/toggle/off-hover` | `string` | `'#ffffff'` |
+| `light.font/toggle/off-main` | `string` | `'#ffffff'` |
+| `light.font/toggle/on-disabled` | `string` | `'#ffffff'` |
+| `light.font/toggle/on-hover` | `string` | `'#ffffff'` |
+| `light.font/toggle/on-main` | `string` | `'#ffffff'` |
+| `light.radius/md` | `string` | `'16px'` |
+| `light.radius/none` | `number` | `0` |
+| `light.radius/sm` | `string` | `'8px'` |
+| `light.radius/xs` | `string` | `'4px'` |
+| `light.size/button-md` | `string` | `'40px'` |
+| `light.size/button-sm` | `string` | `'36px'` |
+| `light.size/button-sx` | `string` | `'30px'` |
+| `light.size/button-xl` | `string` | `'56px'` |
+| `light.surface/bcg/accent` | `string` | `'#0068f4'` |
+| `light.surface/bcg/custom` | `string` | `'#ffffff'` |
+| `light.surface/bcg/danger-10` | `string` | `'#ffe5e5'` |
+| `light.surface/bcg/danger-20` | `string` | `'#fecaca'` |
+| `light.surface/bcg/form` | `string` | `'#f2f2f2'` |
+| `light.surface/bcg/form-hover` | `string` | `'#e6e6e6'` |
+| `light.surface/bcg/highlight` | `string` | `'#cee3ff'` |
+| `light.surface/bcg/highlight-subtle` | `string` | `'#eff6ff'` |
+| `light.surface/bcg/info` | `string` | `'#e0e7ff'` |
+| `light.surface/bcg/light` | `string` | `'#d2d2d2'` |
+| `light.surface/bcg/menu-active` | `string` | `'#dcdcdc'` |
+| `light.surface/bcg/menu-hover` | `string` | `'#e6e6e6'` |
+| `light.surface/bcg/menu-main` | `string` | `'#ffffff'` |
+| `light.surface/bcg/mildwarning` | `string` | `'#fef9c3'` |
+| `light.surface/bcg/primary` | `string` | `'#ffffff'` |
+| `light.surface/bcg/secondary` | `string` | `'#f2f2f2'` |
+| `light.surface/bcg/success` | `string` | `'#e8f7e0'` |
+| `light.surface/bcg/tertiar-hover` | `string` | `'#f2f2f2'` |
+| `light.surface/bcg/tertiary` | `string` | `'#f7f7f7'` |
+| `light.surface/bcg/transparent` | `string` | `'#32323226'` |
+| `light.surface/bcg/ultralight` | `string` | `'#e6e6e6'` |
+| `light.surface/bcg/warning` | `string` | `'#ffedd5'` |
+| `light.surface/button/call/active` | `string` | `'#ffffff'` |
+| `light.surface/button/call/disabled` | `string` | `'#212121'` |
+| `light.surface/button/call/enabled-hover` | `string` | `'#d2d2d2'` |
+| `light.surface/button/call/error` | `string` | `'#d73332'` |
+| `light.surface/button/call/error-hover` | `string` | `'#bb2526'` |
+| `light.surface/button/call/hover` | `string` | `'#494949'` |
+| `light.surface/button/call/main` | `string` | `'#212121'` |
+| `light.surface/button/danger/primary-active` | `string` | `'#ae191a'` |
+| `light.surface/button/danger/primary-disabled` | `string` | `'#e6e6e6'` |
+| `light.surface/button/danger/primary-hover` | `string` | `'#bb2526'` |
+| `light.surface/button/danger/primary-main` | `string` | `'#d73332'` |
+| `light.surface/button/danger/tertiary-active` | `string` | `'#bb2526'` |
+| `light.surface/button/danger/tertiary-disabled` | `string` | `'#ffffff'` |
+| `light.surface/button/danger/tertiary-hover` | `string` | `'#d73332'` |
+| `light.surface/button/danger/tertiary-main` | `string` | `'#ffffff'` |
+| `light.surface/button/primary/active` | `string` | `'#1e40af'` |
+| `light.surface/button/primary/disabled` | `string` | `'#e6e6e6'` |
+| `light.surface/button/primary/hover` | `string` | `'#0156c9'` |
+| `light.surface/button/primary/main` | `string` | `'#0068f4'` |
+| `light.surface/button/secondary/active` | `string` | `'#dcdcdc'` |
+| `light.surface/button/secondary/disabled` | `string` | `'#ffffff'` |
+| `light.surface/button/secondary/hover` | `string` | `'#e6e6e6'` |
+| `light.surface/button/secondary/main` | `string` | `'#ffffff'` |
+| `light.surface/button/success/primary-active` | `string` | `'#256505'` |
+| `light.surface/button/success/primary-disabled` | `string` | `'#e6e6e6'` |
+| `light.surface/button/success/primary-hover` | `string` | `'#2c7806'` |
+| `light.surface/button/success/primary-main` | `string` | `'#2c8500'` |
+| `light.surface/button/success/tertiary-active` | `string` | `'#2c7806'` |
+| `light.surface/button/success/tertiary-disabled` | `string` | `'#ffffff'` |
+| `light.surface/button/success/tertiary-hover` | `string` | `'#2c8500'` |
+| `light.surface/button/success/tertiary-main` | `string` | `'#ffffff'` |
+| `light.surface/button/tertiary/active` | `string` | `'#0156c9'` |
+| `light.surface/button/tertiary/disabled` | `string` | `'#ffffff'` |
+| `light.surface/button/tertiary/hover` | `string` | `'#0068f4'` |
+| `light.surface/button/tertiary/main` | `string` | `'#ffffff'` |
+| `light.surface/button/text/active` | `string` | `'#dcdcdc'` |
+| `light.surface/button/text/disabled` | `string` | `'#ffffff'` |
+| `light.surface/button/text/hover` | `string` | `'#e6e6e6'` |
+| `light.surface/button/text/main` | `string` | `'#ffffff'` |
+| `light.surface/button/trans/active` | `string` | `'#dcdcdc'` |
+| `light.surface/button/trans/active-ultra` | `string` | `'#323232'` |
+| `light.surface/button/trans/disabled` | `string` | `'#e6e6e6'` |
+| `light.surface/button/trans/hover` | `string` | `'#e6e6e6'` |
+| `light.surface/button/trans/main` | `string` | `'#ffffff99'` |
+| `light.surface/toggle/off-disabled` | `string` | `'#d2d2d2'` |
+| `light.surface/toggle/off-hover` | `string` | `'#494949'` |
+| `light.surface/toggle/off-main` | `string` | `'#777777'` |
+| `light.surface/toggle/on-disabled` | `string` | `'#4490f6'` |
+| `light.surface/toggle/on-hover` | `string` | `'#0156c9'` |
+| `light.surface/toggle/on-main` | `string` | `'#0068f4'` |
+| <a id="dark"></a> `dark` | `object` | - |
+| `dark.border/accent` | `string` | `'#4490f6'` |
+| `dark.border/button/danger` | `string` | `'#d73332'` |
+| `dark.border/button/disabled` | `string` | `'#494949'` |
+| `dark.border/button/focus` | `string` | `'#71b4ff'` |
+| `dark.border/button/form` | `string` | `'#777777'` |
+| `dark.border/button/secondary` | `string` | `'#ffffff'` |
+| `dark.border/button/success` | `string` | `'#2c8500'` |
+| `dark.border/button/tertiary` | `string` | `'#777777'` |
+| `dark.border/checkbo-disabled` | `string` | `'#777777'` |
+| `dark.border/checkbox-main` | `string` | `'#c3c4c5'` |
+| `dark.border/divider-primary` | `string` | `'#494949'` |
+| `dark.border/divider-secondary` | `string` | `'#323232'` |
+| `dark.border/divider-ultra` | `string` | `'#777777'` |
+| `dark.border/none` | `number` | `0` |
+| `dark.border/primary` | `string` | `'1px'` |
+| `dark.border/secondary` | `string` | `'2px'` |
+| `dark.font/button/accent` | `string` | `'#4490f6'` |
+| `dark.font/button/call-active` | `string` | `'#212121'` |
+| `dark.font/button/call-disabled` | `string` | `'#989898'` |
+| `dark.font/button/call-error` | `string` | `'#ffffff'` |
+| `dark.font/button/call-hover` | `string` | `'#ffffff'` |
+| `dark.font/button/call-main` | `string` | `'#ffffff'` |
+| `dark.font/button/danger-primary` | `string` | `'#ffffff'` |
+| `dark.font/button/danger-tertiary` | `string` | `'#d73332'` |
+| `dark.font/button/danger-tertiary-hover` | `string` | `'#ffffff'` |
+| `dark.font/button/primary` | `string` | `'#ffffff'` |
+| `dark.font/button/secondary` | `string` | `'#ffffff'` |
+| `dark.font/button/success-primary` | `string` | `'#ffffff'` |
+| `dark.font/button/success-tertiary` | `string` | `'#2c8500'` |
+| `dark.font/button/success-tertiary-hover` | `string` | `'#ffffff'` |
+| `dark.font/button/tertiary` | `string` | `'#ffffff'` |
+| `dark.font/button/tertiary-hover` | `string` | `'#ffffff'` |
+| `dark.font/button/text` | `string` | `'#4490f6'` |
+| `dark.font/button/trans` | `string` | `'#ffffff'` |
+| `dark.font/button/trans-ultra` | `string` | `'#323232'` |
+| `dark.font/charts/line-1` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-10` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-11` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-12` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-13` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-14` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-15` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-2` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-3` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-4` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-5` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-6` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-7` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-8` | `string` | `'#ffffff'` |
+| `dark.font/charts/line-9` | `string` | `'#ffffff'` |
+| `dark.font/icons/clickable-active` | `string` | `'#ffffff'` |
+| `dark.font/icons/clickable-hover` | `string` | `'#ffffff'` |
+| `dark.font/icons/clickable-main` | `string` | `'#c3c4c5'` |
+| `dark.font/icons/nonclickable-main` | `string` | `'#ffffff'` |
+| `dark.font/icons/nonclickable-secondary` | `string` | `'#989898'` |
+| `dark.font/text/accent` | `string` | `'#4490f6'` |
+| `dark.font/text/body` | `string` | `'#f7f7f7'` |
+| `dark.font/text/danger` | `string` | `'#d73332'` |
+| `dark.font/text/danger-tertiary` | `string` | `'#ae191a'` |
+| `dark.font/text/disabled` | `string` | `'#777777'` |
+| `dark.font/text/label` | `string` | `'#f7f7f7'` |
+| `dark.font/text/link` | `string` | `'#4490f6'` |
+| `dark.font/text/link-active` | `string` | `'#0068f4'` |
+| `dark.font/text/news` | `string` | `'#4f46e5'` |
+| `dark.font/text/quaternary` | `string` | `'#989898'` |
+| `dark.font/text/secondary` | `string` | `'#dcdcdc'` |
+| `dark.font/text/success` | `string` | `'#2c8500'` |
+| `dark.font/text/success-ultra` | `string` | `'#4e9f0d'` |
+| `dark.font/text/tertiary` | `string` | `'#d2d2d2'` |
+| `dark.font/text/title` | `string` | `'#ffffff'` |
+| `dark.font/text/warning` | `string` | `'#cc6228'` |
+| `dark.font/toggle/off-disabled` | `string` | `'#ffffff'` |
+| `dark.font/toggle/off-hover` | `string` | `'#ffffff'` |
+| `dark.font/toggle/off-main` | `string` | `'#ffffff'` |
+| `dark.font/toggle/on-disabled` | `string` | `'#ffffff'` |
+| `dark.font/toggle/on-hover` | `string` | `'#ffffff'` |
+| `dark.font/toggle/on-main` | `string` | `'#ffffff'` |
+| `dark.radius/md` | `number` | `0` |
+| `dark.radius/none` | `number` | `0` |
+| `dark.radius/sm` | `number` | `0` |
+| `dark.radius/xs` | `number` | `0` |
+| `dark.size/button-md` | `string` | `'40px'` |
+| `dark.size/button-sm` | `string` | `'36px'` |
+| `dark.size/button-sx` | `string` | `'30px'` |
+| `dark.size/button-xl` | `string` | `'56px'` |
+| `dark.surface/bcg/accent` | `string` | `'#4490f6'` |
+| `dark.surface/bcg/custom` | `string` | `'#212121'` |
+| `dark.surface/bcg/danger-10` | `string` | `'#ffe5e5'` |
+| `dark.surface/bcg/danger-20` | `string` | `'#fecaca'` |
+| `dark.surface/bcg/form` | `string` | `'#494949'` |
+| `dark.surface/bcg/form-hover` | `string` | `'#494949'` |
+| `dark.surface/bcg/highlight` | `string` | `'#cee3ff'` |
+| `dark.surface/bcg/highlight-subtle` | `string` | `'#eff6ff'` |
+| `dark.surface/bcg/info` | `string` | `'#e0e7ff'` |
+| `dark.surface/bcg/light` | `string` | `'#989898'` |
+| `dark.surface/bcg/menu-active` | `string` | `'#494949'` |
+| `dark.surface/bcg/menu-hover` | `string` | `'#494949'` |
+| `dark.surface/bcg/menu-main` | `string` | `'#323232'` |
+| `dark.surface/bcg/mildwarning` | `string` | `'#fef9c3'` |
+| `dark.surface/bcg/primary` | `string` | `'#212121'` |
+| `dark.surface/bcg/secondary` | `string` | `'#323232'` |
+| `dark.surface/bcg/success` | `string` | `'#e8f7e0'` |
+| `dark.surface/bcg/tertiar-hover` | `string` | `'#494949'` |
+| `dark.surface/bcg/tertiary` | `string` | `'#323232'` |
+| `dark.surface/bcg/transparent` | `string` | `'#ffffff99'` |
+| `dark.surface/bcg/ultralight` | `string` | `'#494949'` |
+| `dark.surface/bcg/warning` | `string` | `'#ffedd5'` |
+| `dark.surface/button/call/active` | `string` | `'#ffffff'` |
+| `dark.surface/button/call/disabled` | `string` | `'#212121'` |
+| `dark.surface/button/call/enabled-hover` | `string` | `'#d2d2d2'` |
+| `dark.surface/button/call/error` | `string` | `'#d73332'` |
+| `dark.surface/button/call/error-hover` | `string` | `'#bb2526'` |
+| `dark.surface/button/call/hover` | `string` | `'#494949'` |
+| `dark.surface/button/call/main` | `string` | `'#212121'` |
+| `dark.surface/button/danger/primary-active` | `string` | `'#bb2526'` |
+| `dark.surface/button/danger/primary-disabled` | `string` | `'#323232'` |
+| `dark.surface/button/danger/primary-hover` | `string` | `'#d73332'` |
+| `dark.surface/button/danger/primary-main` | `string` | `'#212121'` |
+| `dark.surface/button/danger/tertiary-active` | `string` | `'#bb2526'` |
+| `dark.surface/button/danger/tertiary-disabled` | `string` | `'#323232'` |
+| `dark.surface/button/danger/tertiary-hover` | `string` | `'#d73332'` |
+| `dark.surface/button/danger/tertiary-main` | `string` | `'#212121'` |
+| `dark.surface/button/primary/active` | `string` | `'#0068f4'` |
+| `dark.surface/button/primary/disabled` | `string` | `'#323232'` |
+| `dark.surface/button/primary/hover` | `string` | `'#1c76f0'` |
+| `dark.surface/button/primary/main` | `string` | `'#0068f4'` |
+| `dark.surface/button/secondary/active` | `string` | `'#777777'` |
+| `dark.surface/button/secondary/disabled` | `string` | `'#212121'` |
+| `dark.surface/button/secondary/hover` | `string` | `'#494949'` |
+| `dark.surface/button/secondary/main` | `string` | `'#212121'` |
+| `dark.surface/button/success/primary-active` | `string` | `'#256505'` |
+| `dark.surface/button/success/primary-disabled` | `string` | `'#323232'` |
+| `dark.surface/button/success/primary-hover` | `string` | `'#2c7806'` |
+| `dark.surface/button/success/primary-main` | `string` | `'#2c8500'` |
+| `dark.surface/button/success/tertiary-active` | `string` | `'#2c7806'` |
+| `dark.surface/button/success/tertiary-disabled` | `string` | `'#323232'` |
+| `dark.surface/button/success/tertiary-hover` | `string` | `'#2c8500'` |
+| `dark.surface/button/success/tertiary-main` | `string` | `'#212121'` |
+| `dark.surface/button/tertiary/active` | `string` | `'#0068f4'` |
+| `dark.surface/button/tertiary/disabled` | `string` | `'#212121'` |
+| `dark.surface/button/tertiary/hover` | `string` | `'#1c76f0'` |
+| `dark.surface/button/tertiary/main` | `string` | `'#212121'` |
+| `dark.surface/button/text/active` | `string` | `'#494949'` |
+| `dark.surface/button/text/disabled` | `string` | `'#323232'` |
+| `dark.surface/button/text/hover` | `string` | `'#323232'` |
+| `dark.surface/button/text/main` | `string` | `'#212121'` |
+| `dark.surface/button/trans/active` | `string` | `'#494949'` |
+| `dark.surface/button/trans/active-ultra` | `string` | `'#ffffff'` |
+| `dark.surface/button/trans/disabled` | `string` | `'#323232'` |
+| `dark.surface/button/trans/hover` | `string` | `'#494949'` |
+| `dark.surface/button/trans/main` | `string` | `'#32323226'` |
+| `dark.surface/toggle/off-disabled` | `string` | `'#d2d2d2'` |
+| `dark.surface/toggle/off-hover` | `string` | `'#494949'` |
+| `dark.surface/toggle/off-main` | `string` | `'#0068f4'` |
+| `dark.surface/toggle/on-disabled` | `string` | `'#4490f6'` |
+| `dark.surface/toggle/on-hover` | `string` | `'#0156c9'` |
+| `dark.surface/toggle/on-main` | `string` | `'#0068f4'` |

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

@@ -75,9 +75,24 @@ export async function downloadIcons() {
 
     const frames = iconsFrame.document.children;
 
+    // If only a specific icon(s) should be fetched provide it as a command line arg: --icon-name=background-blur,participant
+    const iconNames =
+        process.argv
+            .find(arg => arg.startsWith('--icon-name='))
+            ?.split('=')[1]
+            ?.split(',')
+            .map(s => s.trim())
+            .filter(Boolean) || [];
+
     // frames now contain multiple nested icons
     const allIcons = frames
         .reduce((icons, currentFrame) => {
+            if (
+                iconNames.length > 0 &&
+                !iconNames.includes(currentFrame.name)
+            ) {
+                return icons;
+            }
             icons.push(
                 currentFrame.children.map(child => ({
                     ...child,

package/design-tokens/generated/Icons.ts

@@ -41,6 +41,9 @@ import IconAuthenticated_24 from './icons/authenticated-24.svg';
 import IconAuthenticated_32 from './icons/authenticated-32.svg';
 import IconBackgroundBlur_16 from './icons/background-blur-16.svg';
 import IconBackgroundBlur_24 from './icons/background-blur-24.svg';
+import IconBackgroundBlur_32 from './icons/background-blur-32.svg';
+import IconBackgroundReplace_16 from './icons/background-replace-16.svg';
+import IconBackgroundReplace_24 from './icons/background-replace-24.svg';
 import IconBackspace_16 from './icons/backspace-16.svg';
 import IconBackspace_24 from './icons/backspace-24.svg';
 import IconBackToTop_16 from './icons/back-to-top-16.svg';
@@ -312,6 +315,7 @@ export interface IconCollection {
     IconAudioTransmission: IconSource;
     IconAuthenticated: IconSource;
     IconBackgroundBlur: IconSource;
+    IconBackgroundReplace: IconSource;
     IconBackspace: IconSource;
     IconBackToTop: IconSource;
     IconBandwidth: IconSource;
@@ -526,7 +530,12 @@ const collection: IconCollection = {
     IconBackgroundBlur: {
         size16: IconBackgroundBlur_16,
         size24: IconBackgroundBlur_24,
-        size32: IconBackgroundBlur_24,
+        size32: IconBackgroundBlur_32,
+    },
+    IconBackgroundReplace: {
+        size16: IconBackgroundReplace_16,
+        size24: IconBackgroundReplace_24,
+        size32: IconBackgroundReplace_24,
     },
     IconBackspace: {
         size16: IconBackspace_16,

package/design-tokens/generated/icons/background-blur-16.json

@@ -2,6 +2,6 @@
   "iconName": "background-blur-16",
   "name": "16px-background-blur",
   "pascalName": "IconBackgroundBlur_16",
-  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/9c6e75a1-6ba8-47ee-ae5f-522c49b102b1",
-  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_2052_326)\">\n<g clip-path=\"url(#clip1_2052_326)\">\n<path d=\"M8.00032 9.0382C9.53216 9.0382 10.7777 7.79264 10.7777 6.26004C10.7777 4.72896 9.53216 3.4834 8.00032 3.4834C6.46849 3.4834 5.22217 4.72896 5.22217 6.26004C5.22217 7.79188 6.46849 9.0382 8.00032 9.0382Z\" fill=\"white\"/>\n</g>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.4173 -8.0791L16.6547 -6.84166L7.15724 2.6558C5.78261 2.96773 4.69836 4.05156 4.38685 5.4262L-6.20031 16.0134L-7.43774 14.7759L15.4173 -8.0791ZM2.76551 9.87594L4.70951 7.93193C4.98394 8.45892 5.38233 8.91139 5.86582 9.25049L5.86457 9.25175C4.66692 9.36467 3.63948 9.57679 2.76551 9.87594ZM-1.18553 13.827L-7.38908 20.0305L-6.15165 21.268L-0.692565 15.8089C-1.11936 15.3499 -1.34174 14.7269 -1.23108 14.0685C-1.2171 13.9858 -1.20189 13.9053 -1.18553 13.827ZM2.26143 16.5649L3.0581 17.3616L3.85476 16.5649H2.26143ZM6.68316 16.5649L5.40003 17.848L6.63747 19.0855L9.15804 16.5649H6.68316ZM14.9997 10.7232C14.5239 10.4089 13.9718 10.1367 13.3367 9.91133L24.9703 -1.72228L26.2078 -0.484846L14.9997 10.7232ZM11.9865 16.5649L-5.05911 33.6105L-3.82168 34.8479L14.4614 16.5649H11.9865ZM17.1881 13.8382C17.0586 13.2111 16.8554 12.7237 16.6168 12.3324C16.5645 12.2466 16.5112 12.1669 16.4583 12.093L28.7548 -0.20343L29.9923 1.03401L17.1881 13.8382ZM11.0568 9.36286C10.7456 9.31655 10.4212 9.27781 10.0835 9.2469C11.0137 8.59194 11.6274 7.51645 11.6466 6.29818L22.2406 -4.2958L23.478 -3.05836L11.0568 9.36286ZM9.66392 2.97753C10.1911 3.2518 10.6436 3.6501 10.9828 4.13353L21.2487 -6.13242L20.0113 -7.36986L9.66392 2.97753ZM9.87804 -7.84319L11.1155 -6.60575L-6.11758 10.6273L-7.35502 9.38987L9.87804 -7.84319ZM29.9923 6.73752L28.7548 5.50008L-5.05911 39.314L-3.82168 40.5515L29.9923 6.73752Z\" fill=\"white\"/>\n<path d=\"M13.0175 11.7051C12.2184 10.8501 10.7117 10.2151 8.00002 10.2151C5.26502 10.2151 3.75586 10.8609 2.96169 11.7268C2.74919 11.9593 2.38336 12.3301 2.23336 13.2909C2.15586 13.7934 2.55169 14.2501 3.06002 14.2501H12.94C13.4484 14.2501 13.845 13.7934 13.7667 13.2909C13.6159 12.3284 13.2484 11.9509 13.0175 11.7051Z\" fill=\"white\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2052_326\">\n<rect x=\"1.33325\" y=\"1.75\" width=\"13.3333\" height=\"13.3333\" rx=\"0.833333\" fill=\"white\"/>\n</clipPath>\n<clipPath id=\"clip1_2052_326\">\n<rect width=\"13.3333\" height=\"13.3333\" fill=\"white\" transform=\"translate(1.33325 1.75)\"/>\n</clipPath>\n</defs>\n</svg>\n"
+  "resource": "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/14d2c9a1-b08b-45b4-a1d7-ccd43f5ac2f6",
+  "graphic": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M1.36842 9.8421C1.27018 9.8421 1.18421 9.80526 1.11053 9.73158C1.03684 9.6579 1 9.57193 1 9.47368C1 9.37544 1.03684 9.28947 1.11053 9.21579C1.18421 9.14211 1.27018 9.10526 1.36842 9.10526C1.46667 9.10526 1.55263 9.14211 1.62632 9.21579C1.7 9.28947 1.73684 9.37544 1.73684 9.47368C1.73684 9.57193 1.7 9.6579 1.62632 9.73158C1.55263 9.80526 1.46667 9.8421 1.36842 9.8421ZM1.36842 6.89474C1.27018 6.89474 1.18421 6.85789 1.11053 6.78421C1.03684 6.71053 1 6.62456 1 6.52632C1 6.42807 1.03684 6.34211 1.11053 6.26842C1.18421 6.19474 1.27018 6.15789 1.36842 6.15789C1.46667 6.15789 1.55263 6.19474 1.62632 6.26842C1.7 6.34211 1.73684 6.42807 1.73684 6.52632C1.73684 6.62456 1.7 6.71053 1.62632 6.78421C1.55263 6.85789 1.46667 6.89474 1.36842 6.89474ZM3.57895 13.1579C3.37018 13.1579 3.19518 13.0873 3.05395 12.9461C2.91272 12.8048 2.84211 12.6298 2.84211 12.4211C2.84211 12.2123 2.91272 12.0373 3.05395 11.8961C3.19518 11.7548 3.37018 11.6842 3.57895 11.6842C3.78772 11.6842 3.96272 11.7548 4.10395 11.8961C4.24518 12.0373 4.31579 12.2123 4.31579 12.4211C4.31579 12.6298 4.24518 12.8048 4.10395 12.9461C3.96272 13.0873 3.78772 13.1579 3.57895 13.1579ZM3.57895 10.2105C3.37018 10.2105 3.19518 10.1399 3.05395 9.99868C2.91272 9.85746 2.84211 9.68246 2.84211 9.47368C2.84211 9.26491 2.91272 9.08991 3.05395 8.94868C3.19518 8.80746 3.37018 8.73684 3.57895 8.73684C3.78772 8.73684 3.96272 8.80746 4.10395 8.94868C4.24518 9.08991 4.31579 9.26491 4.31579 9.47368C4.31579 9.68246 4.24518 9.85746 4.10395 9.99868C3.96272 10.1399 3.78772 10.2105 3.57895 10.2105ZM3.57895 7.26316C3.37018 7.26316 3.19518 7.19254 3.05395 7.05132C2.91272 6.91009 2.84211 6.73509 2.84211 6.52632C2.84211 6.31754 2.91272 6.14254 3.05395 6.00132C3.19518 5.86009 3.37018 5.78947 3.57895 5.78947C3.78772 5.78947 3.96272 5.86009 4.10395 6.00132C4.24518 6.14254 4.31579 6.31754 4.31579 6.52632C4.31579 6.73509 4.24518 6.91009 4.10395 7.05132C3.96272 7.19254 3.78772 7.26316 3.57895 7.26316ZM3.57895 4.31579C3.37018 4.31579 3.19518 4.24518 3.05395 4.10395C2.91272 3.96272 2.84211 3.78772 2.84211 3.57895C2.84211 3.37018 2.91272 3.19518 3.05395 3.05395C3.19518 2.91272 3.37018 2.84211 3.57895 2.84211C3.78772 2.84211 3.96272 2.91272 4.10395 3.05395C4.24518 3.19518 4.31579 3.37018 4.31579 3.57895C4.31579 3.78772 4.24518 3.96272 4.10395 4.10395C3.96272 4.24518 3.78772 4.31579 3.57895 4.31579ZM6.52632 13.1579C6.31754 13.1579 6.14254 13.0873 6.00132 12.9461C5.86009 12.8048 5.78947 12.6298 5.78947 12.4211C5.78947 12.2123 5.86009 12.0373 6.00132 11.8961C6.14254 11.7548 6.31754 11.6842 6.52632 11.6842C6.73509 11.6842 6.91009 11.7548 7.05132 11.8961C7.19254 12.0373 7.26316 12.2123 7.26316 12.4211C7.26316 12.6298 7.19254 12.8048 7.05132 12.9461C6.91009 13.0873 6.73509 13.1579 6.52632 13.1579ZM6.52632 4.31579C6.31754 4.31579 6.14254 4.24518 6.00132 4.10395C5.86009 3.96272 5.78947 3.78772 5.78947 3.57895C5.78947 3.37018 5.86009 3.19518 6.00132 3.05395C6.14254 2.91272 6.31754 2.84211 6.52632 2.84211C6.73509 2.84211 6.91009 2.91272 7.05132 3.05395C7.19254 3.19518 7.26316 3.37018 7.26316 3.57895C7.26316 3.78772 7.19254 3.96272 7.05132 4.10395C6.91009 4.24518 6.73509 4.31579 6.52632 4.31579ZM6.52632 15C6.42807 15 6.34211 14.9632 6.26842 14.8895C6.19474 14.8158 6.15789 14.7298 6.15789 14.6316C6.15789 14.5333 6.19474 14.4474 6.26842 14.3737C6.34211 14.3 6.42807 14.2632 6.52632 14.2632C6.62456 14.2632 6.71053 14.3 6.78421 14.3737C6.85789 14.4474 6.89474 14.5333 6.89474 14.6316C6.89474 14.7298 6.85789 14.8158 6.78421 14.8895C6.71053 14.9632 6.62456 15 6.52632 15ZM6.52632 1.73684C6.42807 1.73684 6.34211 1.7 6.26842 1.62632C6.19474 1.55263 6.15789 1.46667 6.15789 1.36842C6.15789 1.27018 6.19474 1.18421 6.26842 1.11053C6.34211 1.03684 6.42807 1 6.52632 1C6.62456 1 6.71053 1.03684 6.78421 1.11053C6.85789 1.18421 6.89474 1.27018 6.89474 1.36842C6.89474 1.46667 6.85789 1.55263 6.78421 1.62632C6.71053 1.7 6.62456 1.73684 6.52632 1.73684ZM9.47368 13.1579C9.26491 13.1579 9.08991 13.0873 8.94868 12.9461C8.80746 12.8048 8.73684 12.6298 8.73684 12.4211C8.73684 12.2123 8.80746 12.0373 8.94868 11.8961C9.08991 11.7548 9.26491 11.6842 9.47368 11.6842C9.68246 11.6842 9.85746 11.7548 9.99868 11.8961C10.1399 12.0373 10.2105 12.2123 10.2105 12.4211C10.2105 12.6298 10.1399 12.8048 9.99868 12.9461C9.85746 13.0873 9.68246 13.1579 9.47368 13.1579ZM9.47368 4.31579C9.26491 4.31579 9.08991 4.24518 8.94868 4.10395C8.80746 3.96272 8.73684 3.78772 8.73684 3.57895C8.73684 3.37018 8.80746 3.19518 8.94868 3.05395C9.08991 2.91272 9.26491 2.84211 9.47368 2.84211C9.68246 2.84211 9.85746 2.91272 9.99868 3.05395C10.1399 3.19518 10.2105 3.37018 10.2105 3.57895C10.2105 3.78772 10.1399 3.96272 9.99868 4.10395C9.85746 4.24518 9.68246 4.31579 9.47368 4.31579ZM9.47368 15C9.37544 15 9.28947 14.9632 9.21579 14.8895C9.14211 14.8158 9.10526 14.7298 9.10526 14.6316C9.10526 14.5333 9.14211 14.4474 9.21579 14.3737C9.28947 14.3 9.37544 14.2632 9.47368 14.2632C9.57193 14.2632 9.6579 14.3 9.73158 14.3737C9.80526 14.4474 9.8421 14.5333 9.8421 14.6316C9.8421 14.7298 9.80526 14.8158 9.73158 14.8895C9.6579 14.9632 9.57193 15 9.47368 15ZM9.47368 1.73684C9.37544 1.73684 9.28947 1.7 9.21579 1.62632C9.14211 1.55263 9.10526 1.46667 9.10526 1.36842C9.10526 1.27018 9.14211 1.18421 9.21579 1.11053C9.28947 1.03684 9.37544 1 9.47368 1C9.57193 1 9.6579 1.03684 9.73158 1.11053C9.80526 1.18421 9.8421 1.27018 9.8421 1.36842C9.8421 1.46667 9.80526 1.55263 9.73158 1.62632C9.6579 1.7 9.57193 1.73684 9.47368 1.73684ZM12.4211 13.1579C12.2123 13.1579 12.0373 13.0873 11.8961 12.9461C11.7548 12.8048 11.6842 12.6298 11.6842 12.4211C11.6842 12.2123 11.7548 12.0373 11.8961 11.8961C12.0373 11.7548 12.2123 11.6842 12.4211 11.6842C12.6298 11.6842 12.8048 11.7548 12.9461 11.8961C13.0873 12.0373 13.1579 12.2123 13.1579 12.4211C13.1579 12.6298 13.0873 12.8048 12.9461 12.9461C12.8048 13.0873 12.6298 13.1579 12.4211 13.1579ZM12.4211 10.2105C12.2123 10.2105 12.0373 10.1399 11.8961 9.99868C11.7548 9.85746 11.6842 9.68246 11.6842 9.47368C11.6842 9.26491 11.7548 9.08991 11.8961 8.94868C12.0373 8.80746 12.2123 8.73684 12.4211 8.73684C12.6298 8.73684 12.8048 8.80746 12.9461 8.94868C13.0873 9.08991 13.1579 9.26491 13.1579 9.47368C13.1579 9.68246 13.0873 9.85746 12.9461 9.99868C12.8048 10.1399 12.6298 10.2105 12.4211 10.2105ZM12.4211 7.26316C12.2123 7.26316 12.0373 7.19254 11.8961 7.05132C11.7548 6.91009 11.6842 6.73509 11.6842 6.52632C11.6842 6.31754 11.7548 6.14254 11.8961 6.00132C12.0373 5.86009 12.2123 5.78947 12.4211 5.78947C12.6298 5.78947 12.8048 5.86009 12.9461 6.00132C13.0873 6.14254 13.1579 6.31754 13.1579 6.52632C13.1579 6.73509 13.0873 6.91009 12.9461 7.05132C12.8048 7.19254 12.6298 7.26316 12.4211 7.26316ZM12.4211 4.31579C12.2123 4.31579 12.0373 4.24518 11.8961 4.10395C11.7548 3.96272 11.6842 3.78772 11.6842 3.57895C11.6842 3.37018 11.7548 3.19518 11.8961 3.05395C12.0373 2.91272 12.2123 2.84211 12.4211 2.84211C12.6298 2.84211 12.8048 2.91272 12.9461 3.05395C13.0873 3.19518 13.1579 3.37018 13.1579 3.57895C13.1579 3.78772 13.0873 3.96272 12.9461 4.10395C12.8048 4.24518 12.6298 4.31579 12.4211 4.31579ZM14.6316 9.8421C14.5333 9.8421 14.4474 9.80526 14.3737 9.73158C14.3 9.6579 14.2632 9.57193 14.2632 9.47368C14.2632 9.37544 14.3 9.28947 14.3737 9.21579C14.4474 9.14211 14.5333 9.10526 14.6316 9.10526C14.7298 9.10526 14.8158 9.14211 14.8895 9.21579C14.9632 9.28947 15 9.37544 15 9.47368C15 9.57193 14.9632 9.6579 14.8895 9.73158C14.8158 9.80526 14.7298 9.8421 14.6316 9.8421ZM14.6316 6.89474C14.5333 6.89474 14.4474 6.85789 14.3737 6.78421C14.3 6.71053 14.2632 6.62456 14.2632 6.52632C14.2632 6.42807 14.3 6.34211 14.3737 6.26842C14.4474 6.19474 14.5333 6.15789 14.6316 6.15789C14.7298 6.15789 14.8158 6.19474 14.8895 6.26842C14.9632 6.34211 15 6.42807 15 6.52632C15 6.62456 14.9632 6.71053 14.8895 6.78421C14.8158 6.85789 14.7298 6.89474 14.6316 6.89474ZM5.05263 10.9474V10.5421C5.05263 9.90351 5.35965 9.44298 5.97368 9.16053C6.58772 8.87807 7.26316 8.73684 8 8.73684C8.73684 8.73684 9.41228 8.87807 10.0263 9.16053C10.6404 9.44298 10.9474 9.90351 10.9474 10.5421V10.9474H5.05263ZM8 8C7.59474 8 7.24781 7.8557 6.95921 7.56711C6.67061 7.27851 6.52632 6.93158 6.52632 6.52632C6.52632 6.12105 6.67061 5.77412 6.95921 5.48553C7.24781 5.19693 7.59474 5.05263 8 5.05263C8.40526 5.05263 8.75219 5.19693 9.04079 5.48553C9.32939 5.77412 9.47368 6.12105 9.47368 6.52632C9.47368 6.93158 9.32939 7.27851 9.04079 7.56711C8.75219 7.8557 8.40526 8 8 8Z\" fill=\"white\"/>\n</svg>\n"
 }

package/design-tokens/generated/icons/background-blur-16.svg

@@ -7,37 +7,8 @@
     viewBox="0 0 16 16"
     aria-hidden="true"
 >
-    <g clip-path="url(#IconBackgroundBlur_16__a)">
-        <g clip-path="url(#IconBackgroundBlur_16__b)">
-            <path
-                fill="currentColor"
-                d="M8 9.038a2.78 2.78 0 0 0 2.778-2.778A2.78 2.78 0 0 0 8 3.483 2.78 2.78 0 0 0 5.222 6.26 2.78 2.78 0 0 0 8 9.038"
-            />
-        </g>
-        <path
-            fill="currentColor"
-            fill-rule="evenodd"
-            d="m15.417-8.08 1.238 1.238-9.498 9.498a3.69 3.69 0 0 0-2.77 2.77L-6.2 16.013l-1.238-1.237zM2.766 9.877 4.71 7.932A3.7 3.7 0 0 0 5.866 9.25l-.001.002c-1.198.113-2.226.325-3.1.624m-3.952 3.951-6.203 6.204 1.237 1.237 5.46-5.46a2.04 2.04 0 0 1-.54-1.74q.022-.124.046-.241m3.447 2.738.797.797.797-.797zm4.422 0L5.4 17.848l1.237 1.238 2.521-2.521zM15 10.723a7.6 7.6 0 0 0-1.663-.812L24.97-1.722l1.238 1.237zm-3.014 5.842L-5.059 33.61l1.237 1.237 18.283-18.283zm5.202-2.727a4.7 4.7 0 0 0-.571-1.506 4 4 0 0 0-.159-.239L28.755-.203l1.237 1.237zm-6.131-4.475a17 17 0 0 0-.973-.116 3.67 3.67 0 0 0 1.563-2.949L22.24-4.296l1.237 1.238zM9.664 2.978c.527.274.98.672 1.319 1.156L21.249-6.132 20.01-7.37zm.214-10.821 1.238 1.237-17.234 17.233-1.237-1.237zm20.114 14.58L28.755 5.5-5.06 39.314l1.237 1.237z"
-            clip-rule="evenodd"
-        />
-        <path
-            fill="currentColor"
-            d="M13.018 11.705c-.8-.855-2.306-1.49-5.018-1.49-2.735 0-4.244.646-5.038 1.512-.213.232-.579.603-.729 1.564a.837.837 0 0 0 .827.96h9.88a.837.837 0 0 0 .827-.96c-.151-.963-.519-1.34-.75-1.586"
-        />
-    </g>
-    <defs>
-        <clipPath id="IconBackgroundBlur_16__a">
-            <rect
-                width="13.333"
-                height="13.333"
-                x="1.333"
-                y="1.75"
-                fill="currentColor"
-                rx=".833"
-            />
-        </clipPath>
-        <clipPath id="IconBackgroundBlur_16__b">
-            <path fill="currentColor" d="M1.333 1.75h13.333v13.333H1.333z" />
-        </clipPath>
-    </defs>
+    <path
+        fill="currentColor"
+        d="M1.368 9.842a.35.35 0 0 1-.257-.11.353.353 0 0 1 0-.516.353.353 0 0 1 .515 0 .353.353 0 0 1 0 .516.35.35 0 0 1-.258.11m0-2.947a.35.35 0 0 1-.257-.11.353.353 0 0 1 0-.517.353.353 0 0 1 .515 0 .353.353 0 0 1 0 .516.35.35 0 0 1-.258.11m2.21 6.263a.71.71 0 0 1-.524-.212.71.71 0 0 1-.212-.525q0-.313.212-.525a.71.71 0 0 1 .525-.212q.313 0 .525.212a.71.71 0 0 1 .212.525q0 .314-.212.525a.71.71 0 0 1-.525.212m.001-2.947a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.314.212-.525a.71.71 0 0 1 .525-.212q.313 0 .525.212a.71.71 0 0 1 .212.525q0 .312-.212.525a.71.71 0 0 1-.525.211m0-2.948a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.312.212-.525a.71.71 0 0 1 .525-.212q.313 0 .525.212a.71.71 0 0 1 .212.525q0 .314-.212.525a.71.71 0 0 1-.525.212m0-2.947a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.314.212-.525a.71.71 0 0 1 .525-.212q.313 0 .525.212a.71.71 0 0 1 .212.525q0 .313-.212.525a.71.71 0 0 1-.525.212m2.947 8.842a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.313.212-.525a.71.71 0 0 1 .525-.212q.314 0 .525.212a.71.71 0 0 1 .212.525q0 .314-.212.525a.71.71 0 0 1-.525.212m0-8.842a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.314.212-.525a.71.71 0 0 1 .525-.212q.314 0 .525.212a.71.71 0 0 1 .212.525q0 .313-.212.525a.71.71 0 0 1-.525.212m0 10.684a.35.35 0 0 1-.258-.11.354.354 0 0 1 0-.516.353.353 0 0 1 .516 0 .353.353 0 0 1 0 .515.35.35 0 0 1-.258.111m0-13.263a.35.35 0 0 1-.258-.11.353.353 0 0 1 0-.516.353.353 0 0 1 .516 0 .353.353 0 0 1 0 .515.35.35 0 0 1-.258.11m2.948 11.42a.71.71 0 0 1-.525-.21.71.71 0 0 1-.212-.526q0-.313.212-.525a.71.71 0 0 1 .525-.212q.312 0 .525.212a.71.71 0 0 1 .211.525q0 .314-.211.525a.71.71 0 0 1-.525.212m0-8.841a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.314.212-.525a.71.71 0 0 1 .525-.212q.312 0 .525.212a.71.71 0 0 1 .211.525q0 .313-.211.525a.71.71 0 0 1-.525.212m0 10.684a.35.35 0 0 1-.258-.11.354.354 0 0 1 0-.516.35.35 0 0 1 .258-.11q.147 0 .258.11a.353.353 0 0 1 0 .515.35.35 0 0 1-.258.111m0-13.263a.35.35 0 0 1-.258-.11.353.353 0 0 1 0-.516.353.353 0 0 1 .516 0 .353.353 0 0 1 0 .515.35.35 0 0 1-.258.11m2.947 11.42a.71.71 0 0 1-.525-.21.71.71 0 0 1-.212-.526q0-.313.212-.525a.71.71 0 0 1 .525-.212q.314 0 .525.212a.71.71 0 0 1 .212.525q0 .314-.212.525a.71.71 0 0 1-.525.212m0-2.947a.71.71 0 0 1-.525-.211.71.71 0 0 1-.212-.525q0-.314.212-.525a.71.71 0 0 1 .525-.212q.314 0 .525.212a.71.71 0 0 1 .212.525q0 .312-.212.525a.71.71 0 0 1-.525.211m0-2.947a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.312.212-.525a.71.71 0 0 1 .525-.212q.314 0 .525.212a.71.71 0 0 1 .212.525q0 .314-.212.525a.71.71 0 0 1-.525.212m0-2.947a.71.71 0 0 1-.525-.212.71.71 0 0 1-.212-.525q0-.314.212-.525a.71.71 0 0 1 .525-.212q.314 0 .525.212a.71.71 0 0 1 .212.525q0 .313-.212.525a.71.71 0 0 1-.525.212m2.21 5.526a.35.35 0 0 1-.257-.11.35.35 0 0 1-.11-.258q0-.149.11-.258a.353.353 0 0 1 .515 0q.111.11.111.258a.35.35 0 0 1-.11.258.35.35 0 0 1-.258.11m0-2.947a.35.35 0 0 1-.257-.11.353.353 0 0 1 0-.516.353.353 0 0 1 .516 0 .353.353 0 0 1 0 .515.35.35 0 0 1-.258.11m-9.578 4.052v-.405q0-.957.92-1.381A4.8 4.8 0 0 1 8 8.737a4.8 4.8 0 0 1 2.026.424q.921.424.921 1.381v.405zM8 8a1.42 1.42 0 0 1-1.04-.433 1.42 1.42 0 0 1-.434-1.04q0-.609.433-1.041A1.42 1.42 0 0 1 8 5.053q.608 0 1.04.433.434.432.434 1.04T9.04 7.567A1.42 1.42 0 0 1 8 8"
+    />
 </svg>