design-system-silkhaus 3.10.0-beta-image-viewer.1 → 3.10.0-beta-image-viewer.3

package/dist/app/index.js

@@ -10,8 +10,8 @@ var I = (s, e, a) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writab
       X.call(e, a) && I(s, a, e[a]);
   return s;
 }, k = (s, e) => K(s, L(e));
-import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as is, h as os, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-3prFxqfK.js";
-import { w as ks } from "../ButtonsGroupSelector-3prFxqfK.js";
+import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as is, h as os, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-BAlFswmU.js";
+import { w as ks } from "../ButtonsGroupSelector-BAlFswmU.js";
 import { useState as b } from "react";
 const hs = (s) => window.innerWidth < Y ? /* @__PURE__ */ d.jsx(R, x({}, s)) : /* @__PURE__ */ d.jsx(M, x({}, s));
 hs.displayName = "Dropdown";

package/dist/index.d.ts

@@ -480,6 +480,14 @@ export declare const DoorOpenIcon: FC<{
     className?: string;
 }>;
 
+export declare const DownloadFileIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DownloadIcon: FC<{
+    className?: string;
+}>;
+
 export declare const DUE_TODAY = "due_today";
 
 export declare const FileIcon: FC<{
@@ -589,6 +597,10 @@ declare const gridVariants: (props?: ({
     placeItems?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const GuestsIcon: FC<{
+    className?: string;
+}>;
+
 export declare const HandCursorTapIcon: FC<{
     className?: string;
 }>;
@@ -1448,6 +1460,412 @@ declare type TagProps = {
     label: string;
 };
 
+/**
+ *
+ */
+declare const Text_2: <T extends ElementType = "div">({ as, children, className, dataTestId, variant, isResponsive, ...rest }: TextProps<T>) => JSX_2.Element;
+export { Text_2 as Text }
+
+export declare type TextProps<T extends ElementType = 'div'> = React.PropsWithChildren<{
+    /**
+     * Element type to render as
+     * @default 'div'
+     */
+    as?: T;
+    dataTestId?: string;
+    variant?: TextVariant;
+    isResponsive?: boolean;
+}> & React.ComponentPropsWithoutRef<T>;
+
+declare type TextVariant = keyof typeof textVariants;
+
+declare const textVariants: {
+    readonly xLargeHeroTitleRegular: readonly ["var(--xLargeHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--xLargeHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--xLargeHero-TitleRegular-font-weight)";
+    }];
+    readonly xLargeTitle1Regular: readonly ["var(--xLargeTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--xLargeTitle-1Regular-font-weight)";
+    }];
+    readonly xLargeTitle1Emphasized: readonly ["var(--xLargeTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeTitle2Regular: readonly ["var(--xLargeTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--xLargeTitle-2Regular-font-weight)";
+    }];
+    readonly xLargeTitle2Emphasized: readonly ["var(--xLargeTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeTitle3Regular: readonly ["var(--xLargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xLargeTitle3Emphasized: readonly ["var(--xLargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeBody1Regular: readonly ["var(--xLargeBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeBody-1Regular-line-height)";
+        readonly fontWeight: "var(--xLargeBody-1Regular-font-weight)";
+    }];
+    readonly xLargeBody2Regular: readonly ["var(--xLargeBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeBody-2Regular-line-height)";
+        readonly fontWeight: "var(--xLargeBody-2Regular-font-weight)";
+    }];
+    readonly xLargeHeadLineRegular: readonly ["var(--xLargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeHeadLineEmphasized: readonly ["var(--xLargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly xLargeCalloutRegular: readonly ["var(--xLargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xLargeCalloutEmphasized: readonly ["var(--xLargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeFootnoteRegular: readonly ["15px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xLargeFootnoteEmphasized: readonly ["15px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeHeroTitleRegular: readonly ["var(--LargeHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--LargeHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--LargeHero-TitleRegular-font-weight)";
+    }];
+    readonly largeTitle1Regular: readonly ["var(--LargeTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--LargeTitle-1Regular-font-weight)";
+    }];
+    readonly largeTitle1Emphasized: readonly ["var(--LargeTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeTitle2Regular: readonly ["var(--LargeTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--LargeTitle-2Regular-font-weight)";
+    }];
+    readonly largeTitle2Emphasized: readonly ["var(--LargeTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeTitle3Regular: readonly ["var(--LargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly largeTitle3Emphasized: readonly ["var(--LargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeBody1Regular: readonly ["var(--LargeBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--LargeBody-1Regular-line-height)";
+        readonly fontWeight: "var(--LargeBody-1Regular-font-weight)";
+    }];
+    readonly largeBody2Regular: readonly ["var(--LargeBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--LargeBody-2Regular-line-height)";
+        readonly fontWeight: "var(--LargeBody-2Regular-font-weight)";
+    }];
+    readonly largeHeadLineRegular: readonly ["var(--LargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeHeadLineEmphasized: readonly ["var(--LargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly largeCalloutRegular: readonly ["var(--LargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly largeCalloutEmphasized: readonly ["var(--LargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeFootnoteRegular: readonly ["13px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly largeFootnoteEmphasized: readonly ["13px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumHeroTitleRegular: readonly ["var(--MediumHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--MediumHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--MediumHero-TitleRegular-font-weight)";
+    }];
+    readonly mediumTitle1Regular: readonly ["var(--MediumTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--MediumTitle-1Regular-font-weight)";
+    }];
+    readonly mediumTitle1Emphasized: readonly ["var(--MediumTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumTitle2Regular: readonly ["var(--MediumTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--MediumTitle-2Regular-font-weight)";
+    }];
+    readonly mediumTitle2Emphasized: readonly ["var(--MediumTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumTitle3Regular: readonly ["var(--MediumTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumTitle3Emphasized: readonly ["var(--MediumTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumBodyRegular: readonly ["var(--MediumBody-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumBody-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumBodyEmphasized: readonly ["var(--MediumBody-Emphasized-font-size)", {
+        readonly lineHeight: "var(--MediumBody-Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumBody1Regular: readonly ["var(--MediumBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumBody-1Regular-line-height)";
+        readonly fontWeight: "var(--MediumBody-1Regular-font-weight)";
+    }];
+    readonly mediumBody2Regular: readonly ["var(--MediumBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumBody-2Regular-line-height)";
+        readonly fontWeight: "var(--MediumBody-2Regular-font-weight)";
+    }];
+    readonly mediumHeadLineRegular: readonly ["var(--MediumHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumHeadLineEmphasized: readonly ["var(--MediumHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly mediumSubHeadRegular: readonly ["var(--MediumSubHead-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumSubHead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumSubHeadEmphasized: readonly ["var(--MediumSubHead-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumSubHead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumCaption1Regular: readonly ["var(--MediumCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--MediumCaption-1Regular-font-weight)";
+    }];
+    readonly mediumCaption1Emphasized: readonly ["var(--MediumCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumCaption2Regular: readonly ["var(--MediumCaption-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-2Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumCaption2Emphasized: readonly ["var(--MediumCaption-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-2Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumFootnoteRegular: readonly ["var(--MediumFootnote-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumFootnote-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumFootnoteEmphasized: readonly ["var(--MediumFootnote-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumFootnote-Regular-line-height)";
+        readonly fontWeight: "var( --font-weight-semibold)";
+    }];
+    readonly mediumCalloutRegular: readonly ["var(--MediumCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumCalloutEmphasized: readonly ["var(--MediumCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallHeroTitleRegular: readonly ["var(--SmallHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--SmallHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--SmallHero-TitleRegular-font-weight)";
+    }];
+    readonly smallTitle1Regular: readonly ["var(--SmallTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--SmallTitle-1Regular-font-weight)";
+    }];
+    readonly smallTitle1Emphasized: readonly ["var(--SmallTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallTitle2Regular: readonly ["var(--SmallTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--SmallTitle-2Regular-font-weight)";
+    }];
+    readonly smallTitle2Emphasized: readonly ["var(--SmallTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallTitle3Regular: readonly ["var(--SmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallTitle3Emphasized: readonly ["var(--SmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallBody1Regular: readonly ["var(--SmallBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallBody-1Regular-line-height)";
+        readonly fontWeight: "var(--SmallBody-1Regular-font-weight)";
+    }];
+    readonly smallBody2Regular: readonly ["var(--SmallBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--SmallBody-2Regular-line-height)";
+        readonly fontWeight: "var(--SmallBody-2Regular-font-weight)";
+    }];
+    readonly smallSubheadRegular: readonly ["var(--SmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallSubheadEmphasized: readonly ["var(--SmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallCaption1Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallCaption1Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallHeadLineRegular: readonly ["var(--SmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallHeadLineEmphasized: readonly ["var(--SmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly smallCalloutRegular: readonly ["var(--SmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-regular)";
+    }];
+    readonly smallCalloutEmphasized: readonly ["var(--SmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallFootnoteRegular: readonly ["12px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallFootnoteEmphasized: readonly ["12px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallHeroTitleRegular: readonly ["var(--xSmallHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--xSmallHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--xSmallHero-TitleRegular-font-weight)";
+    }];
+    readonly xSmallTitle1Regular: readonly ["var(--xSmallTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--xSmallTitle-1Regular-font-weight)";
+    }];
+    readonly xSmallTitle1Emphasized: readonly ["var(--xSmallTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallTitle2Regular: readonly ["var(--xSmallTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--xSmallTitle-2Regular-font-weight)";
+    }];
+    readonly xSmallTitle2Emphasized: readonly ["var(--xSmallTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallTitle3Regular: readonly ["var(--xSmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallTitle3Emphasized: readonly ["var(--xSmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallBodyRegular: readonly ["var(--xSmallBody-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallBodyEmphasized: readonly ["var(--xSmallBody-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallBody1Regular: readonly ["var(--xSmallBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-1Regular-line-height)";
+        readonly fontWeight: "var(--xSmallBody-1Regular-font-weight)";
+    }];
+    readonly xSmallBody2Regular: readonly ["var(--xSmallBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-2Regular-line-height)";
+        readonly fontWeight: "var(--xSmallBody-2Regular-font-weight)";
+    }];
+    readonly xSmallSubheadRegular: readonly ["var(--xSmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallSubheadEmphasized: readonly ["var(--xSmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallCalloutRegular: readonly ["var(--xSmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-regular)";
+    }];
+    readonly xSmallCalloutEmphasized: readonly ["var(--xSmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallCaption1Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallCaption1Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallCaption2Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallCaption2Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallHeadLineRegular: readonly ["var(--xSmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallHeadLineEmphasized: readonly ["var(--xSmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly xSmallFootnoteRegular: readonly ["12px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallFootnoteEmphasized: readonly ["12px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly calloutRegular: readonly ["var(--callout-Regular-font-size)", {
+        readonly lineHeight: "var(--callout-Regular-line-height)";
+        readonly fontWeight: "var(--callout-Regular-font-weight)";
+    }];
+};
+
 export declare const ThreeDotsCircleIcon: FC<{
     className?: string;
 }>;
@@ -1638,6 +2056,10 @@ export declare const WarningIcon: FC<{
     className?: string;
 }>;
 
+export declare const WhatsappIcon: FC<{
+    className?: string;
+}>;
+
 export declare const WifiIcon: FC<{
     className?: string;
 }>;