@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/components/elements/list/types.d.ts

@@ -1,17 +1,17 @@
-import { OrderedListProps, UnorderedListProps } from "@lifesg/react-design-system/text-list";
-import { TypographySizeType } from "@lifesg/react-design-system/theme/font/types";
-import { V2_TextSizeType } from "@lifesg/react-design-system/v2_text/types";
-import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
-import { IBaseElementSchema } from "../types";
-import { TWrapperSchema } from "../wrapper";
-export interface IUnorderedListSchema<V = undefined, C = undefined> extends IBaseElementSchema<"unordered-list">, TComponentOmitProps<UnorderedListProps, "children" | "size"> {
-    children: (string | Record<string, IListItemSchema<V, C>>)[];
-    size?: V2_TextSizeType | TypographySizeType | undefined;
-}
-export interface IOrderedListSchema<V = undefined, C = undefined> extends IBaseElementSchema<"ordered-list">, TComponentOmitProps<OrderedListProps, "children" | "size"> {
-    children: (string | Record<string, IListItemSchema<V, C>>)[];
-    size?: V2_TextSizeType | TypographySizeType | undefined;
-}
-export interface IListItemSchema<V = undefined, C = undefined> extends IBaseElementSchema<"list-item">, TComponentOmitProps<TWrapperSchema> {
-    children: string | Record<string, TFrontendEngineFieldSchema<V, C>>;
-}
+import { OrderedListProps, UnorderedListProps } from "@lifesg/react-design-system/text-list";
+import { TypographySizeType } from "@lifesg/react-design-system/theme/font/types";
+import { V2_TextSizeType } from "@lifesg/react-design-system/v2_text/types";
+import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
+import { IBaseElementSchema } from "../types";
+import { TWrapperSchema } from "../wrapper";
+export interface IUnorderedListSchema<V = undefined, C = undefined> extends IBaseElementSchema<"unordered-list">, TComponentOmitProps<UnorderedListProps, "children" | "size"> {
+    children: (string | Record<string, IListItemSchema<V, C>>)[];
+    size?: V2_TextSizeType | TypographySizeType | undefined;
+}
+export interface IOrderedListSchema<V = undefined, C = undefined> extends IBaseElementSchema<"ordered-list">, TComponentOmitProps<OrderedListProps, "children" | "size"> {
+    children: (string | Record<string, IListItemSchema<V, C>>)[];
+    size?: V2_TextSizeType | TypographySizeType | undefined;
+}
+export interface IListItemSchema<V = undefined, C = undefined> extends IBaseElementSchema<"list-item">, TComponentOmitProps<TWrapperSchema> {
+    children: string | Record<string, TFrontendEngineFieldSchema<V, C>>;
+}

package/components/elements/popover/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./popover";
-export * from "./types";
+export * from "./popover";
+export * from "./types";

package/components/elements/popover/popover.d.ts

@@ -1,3 +1,3 @@
-import { IGenericElementProps } from "../types";
-import { IPopoverSchema } from "./types";
-export declare const Popover: (props: IGenericElementProps<IPopoverSchema>) => import("react/jsx-runtime").JSX.Element;
+import { IGenericElementProps } from "../types";
+import { IPopoverSchema } from "./types";
+export declare const Popover: (props: IGenericElementProps<IPopoverSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/elements/popover/types.d.ts

@@ -1,15 +1,15 @@
-import { PopoverInlineProps } from "@lifesg/react-design-system/popover-v2";
-import * as Icons from "@lifesg/react-icons";
-import { ITextSchema, ITypographySchema } from "../text";
-import { IBaseElementSchema, TBlockElementSchema, TInlineElementSchema } from "../types";
-import { IInlineWrapperSchema, TWrapperSchema } from "../wrapper";
-interface IPopoverHint extends Pick<PopoverInlineProps, "position" | "customOffset" | "zIndex"> {
-    content: string | Record<string, ITextSchema | ITypographySchema | IInlineWrapperSchema | TBlockElementSchema | TInlineElementSchema | TWrapperSchema>;
-}
-export interface IPopoverSchema extends IBaseElementSchema<"popover">, Pick<PopoverInlineProps, "trigger" | "underlineStyle" | "underlineHoverStyle"> {
-    children?: string | undefined;
-    className?: string | undefined;
-    hint: IPopoverHint;
-    icon?: keyof typeof Icons | undefined;
-}
-export {};
+import { PopoverInlineProps } from "@lifesg/react-design-system/popover-v2";
+import * as Icons from "@lifesg/react-icons";
+import { ITextSchema, ITypographySchema } from "../text";
+import { IBaseElementSchema, TBlockElementSchema, TInlineElementSchema } from "../types";
+import { IInlineWrapperSchema, TWrapperSchema } from "../wrapper";
+interface IPopoverHint extends Pick<PopoverInlineProps, "position" | "customOffset" | "zIndex"> {
+    content: string | Record<string, ITextSchema | ITypographySchema | IInlineWrapperSchema | TBlockElementSchema | TInlineElementSchema | TWrapperSchema>;
+}
+export interface IPopoverSchema extends IBaseElementSchema<"popover">, Pick<PopoverInlineProps, "trigger" | "underlineStyle" | "underlineHoverStyle"> {
+    children?: string | undefined;
+    className?: string | undefined;
+    hint: IPopoverHint;
+    icon?: keyof typeof Icons | undefined;
+}
+export {};

package/components/elements/section/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./section";
-export * from "./types";
+export * from "./section";
+export * from "./types";

package/components/elements/section/section.d.ts

@@ -1,2 +1,2 @@
-import { ISectionProps } from "./types";
-export declare const Section: (props: ISectionProps) => import("react/jsx-runtime").JSX.Element;
+import { ISectionProps } from "./types";
+export declare const Section: (props: ISectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/elements/section/section.styles.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export declare const GridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/layout").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/layout").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/layout").ContainerProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const V2GridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/layout").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/layout").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/layout").ContainerProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const Contained: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const GridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ContainerProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const V2GridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").ContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ContainerProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const Contained: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/components/elements/section/types.d.ts

@@ -1,16 +1,16 @@
-import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
-import { IBaseElementSchema } from "../types";
-import { TWrapperSchema } from "../wrapper";
-type TCustomOptions = {
-    gridType?: "v2" | "v3" | undefined;
-};
-export interface ISectionSchema<V = undefined, C = undefined> extends IBaseElementSchema<"section">, TComponentOmitProps<TWrapperSchema> {
-    children: Record<string, TFrontendEngineFieldSchema<V, C>>;
-    layoutType?: "default" | "grid" | "contain" | undefined;
-    customOptions?: TCustomOptions | undefined;
-}
-export interface ISectionProps {
-    id: string;
-    sectionSchema: ISectionSchema;
-}
-export {};
+import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
+import { IBaseElementSchema } from "../types";
+import { TWrapperSchema } from "../wrapper";
+type TCustomOptions = {
+    gridType?: "v2" | "v3" | undefined;
+};
+export interface ISectionSchema<V = undefined, C = undefined> extends IBaseElementSchema<"section">, TComponentOmitProps<TWrapperSchema> {
+    children: Record<string, TFrontendEngineFieldSchema<V, C>>;
+    layoutType?: "default" | "grid" | "contain" | undefined;
+    customOptions?: TCustomOptions | undefined;
+}
+export interface ISectionProps {
+    id: string;
+    sectionSchema: ISectionSchema;
+}
+export {};

package/components/elements/sections/index.d.ts

@@ -1 +1 @@
-export * from "./sections";
+export * from "./sections";

package/components/elements/sections/sections.d.ts

@@ -1,13 +1,13 @@
-/**
- * this component is meant to render "pages" which consists of individual Section component
- * it is not rendering in pages yet because there are no use cases yet
- * so this is just a placeholder for now
- *
- * this component renders the sections object and cannot be defined via `uiType`
- * i.e. it is used internally only
- *
- * TODO:
- * - render pages properly
- * - handle validation and errors in each section before navigating away
- */
-export declare const Sections: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * this component is meant to render "pages" which consists of individual Section component
+ * it is not rendering in pages yet because there are no use cases yet
+ * so this is just a placeholder for now
+ *
+ * this component renders the sections object and cannot be defined via `uiType`
+ * i.e. it is used internally only
+ *
+ * TODO:
+ * - render pages properly
+ * - handle validation and errors in each section before navigating away
+ */
+export declare const Sections: () => import("react/jsx-runtime").JSX.Element;

package/components/elements/tab/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./tab";
-export * from "./types";
+export * from "./tab";
+export * from "./types";

package/components/elements/tab/tab.d.ts

@@ -1,3 +1,3 @@
-import { IGenericElementProps } from "../types";
-import { ITabSchema } from "./types";
-export declare const Tab: (props: IGenericElementProps<ITabSchema>) => import("react/jsx-runtime").JSX.Element;
+import { IGenericElementProps } from "../types";
+import { ITabSchema } from "./types";
+export declare const Tab: (props: IGenericElementProps<ITabSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/elements/tab/types.d.ts

@@ -1,23 +1,23 @@
-import { TabItemProps, TabProps } from "@lifesg/react-design-system/tab";
-import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
-import { IBaseElementSchema } from "../types";
-import { TWrapperSchema } from "../wrapper";
-import { TFieldEventListener } from "../../../utils";
-type TTabProps = Pick<TabProps, "fullWidthIndicatorLine">;
-export type ITabEventDetails = {
-    previousTabId: string;
-    currentTabId: string;
-};
-export interface ITabSchema<V = undefined, C = undefined> extends IBaseElementSchema<"tab">, TComponentOmitProps<TWrapperSchema>, TTabProps {
-    children: Record<string, ITabItemSchema<V, C>>;
-    currentActiveTabId?: string | undefined;
-}
-type TTabItemProps = Pick<TabItemProps, "width">;
-export interface ITabItemSchema<V = undefined, C = undefined> extends IBaseElementSchema<"tab-item">, TComponentOmitProps<TWrapperSchema>, TTabItemProps {
-    children: Record<string, TFrontendEngineFieldSchema<V, C>>;
-    title: string;
-}
-/** fired when active tab changes (semantic event: "change", not raw "click") */
-declare function tabChangeEvent(uiType: "tab", type: "change", id: string, listener: TFieldEventListener<ITabEventDetails>, options?: boolean | AddEventListenerOptions | undefined): void;
-export type TTabEvents = typeof tabChangeEvent;
-export {};
+import { TabItemProps, TabProps } from "@lifesg/react-design-system/tab";
+import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
+import { IBaseElementSchema } from "../types";
+import { TWrapperSchema } from "../wrapper";
+import { TFieldEventListener } from "../../../utils";
+type TTabProps = Pick<TabProps, "fullWidthIndicatorLine">;
+export type ITabEventDetails = {
+    previousTabId: string;
+    currentTabId: string;
+};
+export interface ITabSchema<V = undefined, C = undefined> extends IBaseElementSchema<"tab">, TComponentOmitProps<TWrapperSchema>, TTabProps {
+    children: Record<string, ITabItemSchema<V, C>>;
+    currentActiveTabId?: string | undefined;
+}
+type TTabItemProps = Pick<TabItemProps, "width">;
+export interface ITabItemSchema<V = undefined, C = undefined> extends IBaseElementSchema<"tab-item">, TComponentOmitProps<TWrapperSchema>, TTabItemProps {
+    children: Record<string, TFrontendEngineFieldSchema<V, C>>;
+    title: string;
+}
+/** fired when active tab changes (semantic event: "change", not raw "click") */
+declare function tabChangeEvent(uiType: "tab", type: "change", id: string, listener: TFieldEventListener<ITabEventDetails>, options?: boolean | AddEventListenerOptions | undefined): void;
+export type TTabEvents = typeof tabChangeEvent;
+export {};

package/components/elements/text/data.d.ts

@@ -1,122 +1,121 @@
-/// <reference types="react" />
-import { TTextType } from "./types";
-export declare const TEXT_MAPPING: {
-    "TEXT-D1": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-D2": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-D3": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-D4": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-DBODY": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-H1": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-H2": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-H3": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-H4": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLHeadingElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-H5": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLParagraphElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-H6": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLParagraphElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-BODY": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLParagraphElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-BODYSMALL": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLParagraphElement>;
-        }>;
-        weight: string;
-    };
-    "TEXT-XSMALL": {
-        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-            ref?: import("react").RefObject<HTMLParagraphElement>;
-        }>;
-        weight: string;
-    };
-};
-export declare const TYPOGRAPHY_MAPPING: {
-    "HEADING-XXL": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLHeadingElement>;
-    }>;
-    "HEADING-XL": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLHeadingElement>;
-    }>;
-    "HEADING-MD": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLHeadingElement>;
-    }>;
-    "HEADING-SM": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLHeadingElement>;
-    }>;
-    "HEADING-LG": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLHeadingElement>;
-    }>;
-    "HEADING-XS": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLHeadingElement>;
-    }>;
-    "BODY-MD": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLParagraphElement>;
-    }>;
-    "BODY-SM": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLParagraphElement>;
-    }>;
-    "BODY-BL": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLParagraphElement>;
-    }>;
-    "BODY-XS": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system/typography").TypographyProps & {
-        ref?: import("react").RefObject<HTMLParagraphElement>;
-    }>;
-};
-export declare const WEIGHT_MAPPING: Record<number, string>;
-export declare const TAG_MAPPING: Record<TTextType, string>;
+import { TTextType } from "./types";
+export declare const TEXT_MAPPING: {
+    "TEXT-D1": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-D2": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-D3": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-D4": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-DBODY": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-H1": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-H2": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-H3": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-H4": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-H5": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-H6": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-BODY": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-BODYSMALL": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+        }>;
+        weight: string;
+    };
+    "TEXT-XSMALL": {
+        type: import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+            ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+        }>;
+        weight: string;
+    };
+};
+export declare const TYPOGRAPHY_MAPPING: {
+    "HEADING-XXL": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+    }>;
+    "HEADING-XL": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+    }>;
+    "HEADING-MD": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+    }>;
+    "HEADING-SM": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+    }>;
+    "HEADING-LG": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+    }>;
+    "HEADING-XS": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
+    }>;
+    "BODY-MD": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+    }>;
+    "BODY-SM": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+    }>;
+    "BODY-BL": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+    }>;
+    "BODY-XS": import("styled-components").IStyledComponent<"web", import("@lifesg/react-design-system").TypographyProps & {
+        ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+    }>;
+};
+export declare const WEIGHT_MAPPING: Record<number, string>;
+export declare const TAG_MAPPING: Record<TTextType, string>;

package/components/elements/text/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./text";
-export * from "./types";
+export * from "./text";
+export * from "./types";

package/components/elements/text/text.d.ts

@@ -1,3 +1,3 @@
-import { IGenericElementProps } from "../types";
-import { ITextSchema, ITypographySchema } from "./types";
-export declare const Text: (props: IGenericElementProps<ITextSchema | ITypographySchema>) => import("react/jsx-runtime").JSX.Element;
+import { IGenericElementProps } from "../types";
+import { ITextSchema, ITypographySchema } from "./types";
+export declare const Text: (props: IGenericElementProps<ITextSchema | ITypographySchema>) => import("react/jsx-runtime").JSX.Element;

package/components/elements/text/types.d.ts

@@ -1,18 +1,18 @@
-import { TypographyProps } from "@lifesg/react-design-system/typography/types";
-import { V2_TextProps } from "@lifesg/react-design-system/v2_text/types";
-import { TComponentOmitProps } from "../../frontend-engine";
-import { IBaseElementSchema, TInlineElementSchema } from "../types";
-/**
- * @deprecated Use design system v3 TTypographyType
- */
-export type TTextType = "text-d1" | "text-d2" | "text-dbody" | "text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-h5" | "text-h6" | "text-body" | "text-bodysmall" | "text-xsmall";
-/**
- * @deprecated Use design system v3 ITypographySchema
- */
-export interface ITextSchema extends IBaseElementSchema<TTextType>, TComponentOmitProps<V2_TextProps, "children"> {
-    children: string | string[] | Record<string, ITextSchema | TInlineElementSchema>;
-}
-export type TTypographyType = "heading-xxl" | "heading-xl" | "heading-md" | "heading-sm" | "heading-lg" | "heading-xs" | "body-md" | "body-sm" | "body-bl" | "body-xs";
-export interface ITypographySchema extends IBaseElementSchema<TTypographyType>, TComponentOmitProps<TypographyProps, "children"> {
-    children: string | string[] | Record<string, ITypographySchema | TInlineElementSchema>;
-}
+import { TypographyProps } from "@lifesg/react-design-system/typography/types";
+import { V2_TextProps } from "@lifesg/react-design-system/v2_text/types";
+import { TComponentOmitProps } from "../../frontend-engine";
+import { IBaseElementSchema, TInlineElementSchema } from "../types";
+/**
+ * @deprecated Use design system v3 TTypographyType
+ */
+export type TTextType = "text-d1" | "text-d2" | "text-dbody" | "text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-h5" | "text-h6" | "text-body" | "text-bodysmall" | "text-xsmall";
+/**
+ * @deprecated Use design system v3 ITypographySchema
+ */
+export interface ITextSchema extends IBaseElementSchema<TTextType>, TComponentOmitProps<V2_TextProps, "children"> {
+    children: string | string[] | Record<string, ITextSchema | TInlineElementSchema>;
+}
+export type TTypographyType = "heading-xxl" | "heading-xl" | "heading-md" | "heading-sm" | "heading-lg" | "heading-xs" | "body-md" | "body-sm" | "body-bl" | "body-xs";
+export interface ITypographySchema extends IBaseElementSchema<TTypographyType>, TComponentOmitProps<TypographyProps, "children"> {
+    children: string | string[] | Record<string, ITypographySchema | TInlineElementSchema>;
+}