@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/components/elements/types.d.ts

@@ -1,97 +1,97 @@
-import { TRenderRules } from "../../context-providers";
-import { IColumns, IV3Columns } from "../frontend-engine";
-import { IAccordionSchema, TAccordionEvents } from "./accordion";
-import type { IAlertSchema } from "./alert";
-import { IDividerSchema } from "./divider";
-import { IGridSchema } from "./grid";
-import { IOrderedListSchema, IUnorderedListSchema } from "./list";
-import { IPopoverSchema } from "./popover";
-import { ITabItemSchema, ITabSchema } from "./tab";
-import type { ITextSchema, ITypographySchema } from "./text";
-import type { IInlineWrapperSchema, TWrapperSchema } from "./wrapper";
-/**
- * element types
- * - components that do not have values
- * - typically used for layouts and messages
- */
-export declare enum EElementType {
-    ALERT = "Alert",
-    "TEXT-D1" = "Text",
-    "TEXT-D2" = "Text",
-    "TEXT-DBODY" = "Text",
-    "TEXT-H1" = "Text",
-    "TEXT-H2" = "Text",
-    "TEXT-H3" = "Text",
-    "TEXT-H4" = "Text",
-    "TEXT-H5" = "Text",
-    "TEXT-H6" = "Text",
-    "TEXT-BODY" = "Text",
-    "TEXT-BODYSMALL" = "Text",
-    "TEXT-XSMALL" = "Text",
-    "HEADING-XXL" = "Text",
-    "HEADING-XL" = "Text",
-    "HEADING-MD" = "Text",
-    "HEADING-SM" = "Text",
-    "HEADING-LG" = "Text",
-    "HEADING-XS" = "Text",
-    "BODY-MD" = "Text",
-    "BODY-SM" = "Text",
-    "BODY-BL" = "Text",
-    "BODY-XS" = "Text",
-    DIV = "Wrapper",
-    DIVIDER = "Divider",
-    SPAN = "Wrapper",
-    HEADER = "Wrapper",
-    FOOTER = "Wrapper",
-    H1 = "Wrapper",
-    H2 = "Wrapper",
-    H3 = "Wrapper",
-    H4 = "Wrapper",
-    H5 = "Wrapper",
-    H6 = "Wrapper",
-    P = "Wrapper",
-    GRID = "Grid",
-    TAB = "Tab",
-    "TAB-ITEM" = "TabItem",
-    "LIST-ITEM" = "ListItem",
-    "ORDERED-LIST" = "List",
-    "UNORDERED-LIST" = "List",
-    ACCORDION = "Accordion",
-    POPOVER = "Popover"
-}
-/**
- * union type to represent all element schemas
- */
-export type TElementSchema<V = undefined, C = undefined> = TContainerElementSchema<V, C> | TBlockElementSchema<V, C> | TInlineElementSchema | TWrapperSchema<V, C>;
-/** represent element schemas that render content containers */
-export type TContainerElementSchema<V = undefined, C = undefined> = IAccordionSchema<V, C> | IGridSchema<V, C> | ITabItemSchema<V, C> | ITabSchema<V, C>;
-/** represent element schemas that render block-level ui elements */
-export type TBlockElementSchema<V = undefined, C = undefined> = IAlertSchema | IDividerSchema | IOrderedListSchema<V, C> | ITextSchema | ITypographySchema | IUnorderedListSchema<V, C>;
-/** represent element schemas that render inline ui elements */
-export type TInlineElementSchema<V = undefined, C = undefined> = IInlineWrapperSchema<V, C> | IPopoverSchema;
-/**
- * intersection type to represent all field events
- */
-export type TElementEvents = TAccordionEvents;
-/**
- * common element schema for element schemas to extend from
- */
-export interface IBaseElementSchema<T> {
-    /** defines what kind of component to be rendered */
-    uiType: T;
-    /** render conditions
-     * - need to fulfil at least 1 object in array (OR condition)
-     * - in order for an object to be valid, need to fulfil all conditions in that object (AND condition) */
-    showIf?: TRenderRules[] | undefined;
-    /** escape hatch for other form / frontend engines to have unsupported attributes */
-    customOptions?: Record<string, unknown> | undefined;
-    /** set responsive columns */
-    columns?: IColumns | IV3Columns | undefined;
-}
-/**
- * common props for all elements
- */
-export interface IGenericElementProps<T> {
-    id: string;
-    schema: T;
-}
+import { TRenderRules } from "../../context-providers";
+import { IColumns, IV3Columns } from "../frontend-engine";
+import { IAccordionSchema, TAccordionEvents } from "./accordion";
+import type { IAlertSchema } from "./alert";
+import { IDividerSchema } from "./divider";
+import { IGridSchema } from "./grid";
+import { IOrderedListSchema, IUnorderedListSchema } from "./list";
+import { IPopoverSchema } from "./popover";
+import { ITabItemSchema, ITabSchema } from "./tab";
+import type { ITextSchema, ITypographySchema } from "./text";
+import type { IInlineWrapperSchema, TWrapperSchema } from "./wrapper";
+/**
+ * element types
+ * - components that do not have values
+ * - typically used for layouts and messages
+ */
+export declare enum EElementType {
+    ALERT = "Alert",
+    "TEXT-D1" = "Text",
+    "TEXT-D2" = "Text",
+    "TEXT-DBODY" = "Text",
+    "TEXT-H1" = "Text",
+    "TEXT-H2" = "Text",
+    "TEXT-H3" = "Text",
+    "TEXT-H4" = "Text",
+    "TEXT-H5" = "Text",
+    "TEXT-H6" = "Text",
+    "TEXT-BODY" = "Text",
+    "TEXT-BODYSMALL" = "Text",
+    "TEXT-XSMALL" = "Text",
+    "HEADING-XXL" = "Text",
+    "HEADING-XL" = "Text",
+    "HEADING-MD" = "Text",
+    "HEADING-SM" = "Text",
+    "HEADING-LG" = "Text",
+    "HEADING-XS" = "Text",
+    "BODY-MD" = "Text",
+    "BODY-SM" = "Text",
+    "BODY-BL" = "Text",
+    "BODY-XS" = "Text",
+    DIV = "Wrapper",
+    DIVIDER = "Divider",
+    SPAN = "Wrapper",
+    HEADER = "Wrapper",
+    FOOTER = "Wrapper",
+    H1 = "Wrapper",
+    H2 = "Wrapper",
+    H3 = "Wrapper",
+    H4 = "Wrapper",
+    H5 = "Wrapper",
+    H6 = "Wrapper",
+    P = "Wrapper",
+    GRID = "Grid",
+    TAB = "Tab",
+    "TAB-ITEM" = "TabItem",
+    "LIST-ITEM" = "ListItem",
+    "ORDERED-LIST" = "List",
+    "UNORDERED-LIST" = "List",
+    ACCORDION = "Accordion",
+    POPOVER = "Popover"
+}
+/**
+ * union type to represent all element schemas
+ */
+export type TElementSchema<V = undefined, C = undefined> = TContainerElementSchema<V, C> | TBlockElementSchema<V, C> | TInlineElementSchema | TWrapperSchema<V, C>;
+/** represent element schemas that render content containers */
+export type TContainerElementSchema<V = undefined, C = undefined> = IAccordionSchema<V, C> | IGridSchema<V, C> | ITabItemSchema<V, C> | ITabSchema<V, C>;
+/** represent element schemas that render block-level ui elements */
+export type TBlockElementSchema<V = undefined, C = undefined> = IAlertSchema | IDividerSchema | IOrderedListSchema<V, C> | ITextSchema | ITypographySchema | IUnorderedListSchema<V, C>;
+/** represent element schemas that render inline ui elements */
+export type TInlineElementSchema<V = undefined, C = undefined> = IInlineWrapperSchema<V, C> | IPopoverSchema;
+/**
+ * intersection type to represent all field events
+ */
+export type TElementEvents = TAccordionEvents;
+/**
+ * common element schema for element schemas to extend from
+ */
+export interface IBaseElementSchema<T> {
+    /** defines what kind of component to be rendered */
+    uiType: T;
+    /** render conditions
+     * - need to fulfil at least 1 object in array (OR condition)
+     * - in order for an object to be valid, need to fulfil all conditions in that object (AND condition) */
+    showIf?: TRenderRules[] | undefined;
+    /** escape hatch for other form / frontend engines to have unsupported attributes */
+    customOptions?: Record<string, unknown> | undefined;
+    /** set responsive columns */
+    columns?: IColumns | IV3Columns | undefined;
+}
+/**
+ * common props for all elements
+ */
+export interface IGenericElementProps<T> {
+    id: string;
+    schema: T;
+}

package/components/elements/wrapper/col-wrapper.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { TFrontendEngineFieldSchema } from "../../frontend-engine";
-interface IProps {
-    id: string;
-    children: React.ReactNode;
-    childSchema: TFrontendEngineFieldSchema;
-}
-/**
- * render as col when using grid layout
- */
-export declare const ColWrapper: ({ id, children, childSchema }: IProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from "react";
+import { TFrontendEngineFieldSchema } from "../../frontend-engine";
+interface IProps {
+    id: string;
+    children: React.ReactNode;
+    childSchema: TFrontendEngineFieldSchema;
+}
+/**
+ * render as col when using grid layout
+ */
+export declare const ColWrapper: ({ id, children, childSchema }: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/elements/wrapper/conditional-renderer.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-import { TRenderRules } from "../../../context-providers";
-import { TWrapperChildSchema } from "./types";
-interface IProps {
-    id: string;
-    renderRules?: TRenderRules[] | undefined;
-    children: React.ReactNode;
-    schema: TWrapperChildSchema;
-}
-/**
- * conditionally render children according to render rules provided
- * render conditions are based on Yup schema and the base schema is derived from corresponding validation config
- * automatically remove validation config on hide / unmount, for more complex fields, it still has to be done via the field itself
- */
-export declare const ConditionalRenderer: ({ id, renderRules, children, schema }: IProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from "react";
+import { TRenderRules } from "../../../context-providers";
+import { TWrapperChildSchema } from "./types";
+interface IProps {
+    id: string;
+    renderRules?: TRenderRules[] | undefined;
+    children: React.ReactNode;
+    schema: TWrapperChildSchema;
+}
+/**
+ * conditionally render children according to render rules provided
+ * render conditions are based on Yup schema and the base schema is derived from corresponding validation config
+ * automatically remove validation config on hide / unmount, for more complex fields, it still has to be done via the field itself
+ */
+export declare const ConditionalRenderer: ({ id, renderRules, children, schema }: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/elements/wrapper/field-wrapper.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { TFrontendEngineFieldSchema } from "../../frontend-engine/types";
-interface IProps {
-    id: string;
-    schema: TFrontendEngineFieldSchema;
-    Field: React.ComponentType<any>;
-    warning?: string | undefined;
-}
-export declare const FieldWrapper: ({ Field, id, schema, warning }: IProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { TFrontendEngineFieldSchema } from "../../frontend-engine/types";
+interface IProps {
+    id: string;
+    schema: TFrontendEngineFieldSchema;
+    Field: React.ComponentType<any>;
+    warning?: string | undefined;
+}
+export declare const FieldWrapper: ({ Field, id, schema, warning }: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,30 +1,29 @@
-/// <reference types="react" />
-import { TRenderRules } from "../../../context-providers";
-import { IFilterCheckboxSchema } from "../../custom/filter/filter-checkbox/types";
-import { IFilterItemSchema } from "../../custom/filter/filter-item/types";
-import { IColumns, IV3Columns, TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
-import { IListItemSchema } from "../list";
-import { TInlineElementSchema } from "../types";
-export type TWrapperType = TBlockWrapperType | TInlineWrapperType;
-export type TBlockWrapperType = "div" | "header" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
-export type TInlineWrapperType = "span";
-export type TWrapperSchema<V = undefined, C = undefined> = IBlockWrapperSchema<V, C> | IInlineWrapperSchema;
-export interface IBlockWrapperSchema<V = undefined, C = undefined> extends TComponentOmitProps<React.HTMLAttributes<HTMLElement>, "children"> {
-    uiType: TBlockWrapperType;
-    showIf?: TRenderRules[] | undefined;
-    children: Record<string, TFrontendEngineFieldSchema<V, C>> | string;
-    columns?: IColumns | IV3Columns | undefined;
-}
-export interface IInlineWrapperSchema<V = undefined, C = undefined> extends TComponentOmitProps<React.HTMLAttributes<HTMLElement>, "children"> {
-    uiType: TInlineWrapperType;
-    showIf?: TRenderRules[] | undefined;
-    children: Record<string, TInlineElementSchema<V, C>> | string;
-    columns?: IColumns | IV3Columns | undefined;
-}
-export interface IWrapperProps {
-    id?: string | undefined;
-    schema?: TWrapperSchema | undefined;
-    /** only used internally by FrontendEngine */
-    children?: Record<string, TFrontendEngineFieldSchema> | Record<string, IFilterItemSchema | IFilterCheckboxSchema> | Record<string, IListItemSchema> | undefined;
-}
-export type TWrapperChildSchema = TFrontendEngineFieldSchema | IFilterItemSchema | IFilterCheckboxSchema | IListItemSchema;
+import { TRenderRules } from "../../../context-providers";
+import { IFilterCheckboxSchema } from "../../custom/filter/filter-checkbox/types";
+import { IFilterItemSchema } from "../../custom/filter/filter-item/types";
+import { IColumns, IV3Columns, TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
+import { IListItemSchema } from "../list";
+import { TInlineElementSchema } from "../types";
+export type TWrapperType = TBlockWrapperType | TInlineWrapperType;
+export type TBlockWrapperType = "div" | "header" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
+export type TInlineWrapperType = "span";
+export type TWrapperSchema<V = undefined, C = undefined> = IBlockWrapperSchema<V, C> | IInlineWrapperSchema;
+export interface IBlockWrapperSchema<V = undefined, C = undefined> extends TComponentOmitProps<React.HTMLAttributes<HTMLElement>, "children"> {
+    uiType: TBlockWrapperType;
+    showIf?: TRenderRules[] | undefined;
+    children: Record<string, TFrontendEngineFieldSchema<V, C>> | string;
+    columns?: IColumns | IV3Columns | undefined;
+}
+export interface IInlineWrapperSchema<V = undefined, C = undefined> extends TComponentOmitProps<React.HTMLAttributes<HTMLElement>, "children"> {
+    uiType: TInlineWrapperType;
+    showIf?: TRenderRules[] | undefined;
+    children: Record<string, TInlineElementSchema<V, C>> | string;
+    columns?: IColumns | IV3Columns | undefined;
+}
+export interface IWrapperProps {
+    id?: string | undefined;
+    schema?: TWrapperSchema | undefined;
+    /** only used internally by FrontendEngine */
+    children?: Record<string, TFrontendEngineFieldSchema> | Record<string, IFilterItemSchema | IFilterCheckboxSchema> | Record<string, IListItemSchema> | undefined;
+}
+export type TWrapperChildSchema = TFrontendEngineFieldSchema | IFilterItemSchema | IFilterCheckboxSchema | IListItemSchema;

package/components/elements/wrapper/wrapper.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { IWrapperProps } from "./types";
-export declare const Wrapper: (props: IWrapperProps) => JSX.Element | null;
+import { IWrapperProps } from "./types";
+export declare const Wrapper: (props: IWrapperProps) => JSX.Element | null;

package/components/fields/button/button.d.ts

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

package/components/fields/button/index.d.ts

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

package/components/fields/button/types.d.ts

@@ -1,17 +1,17 @@
-import { ButtonProps } from "@lifesg/react-design-system/button/types";
-import * as Icons from "@lifesg/react-icons";
-import { IBaseFieldSchema } from "../types";
-import { TFieldEventListener } from "../../../utils";
-export type TLinkTarget = "_blank" | "_self" | "_parent" | "_top";
-export interface IButtonSchema extends Omit<IBaseFieldSchema<"button">, "validation">, Omit<ButtonProps, "loading" | "type"> {
-    startIcon?: keyof typeof Icons | undefined;
-    endIcon?: keyof typeof Icons | undefined;
-    "data-testid"?: string | undefined;
-    label: string;
-    href?: string | undefined;
-    target?: TLinkTarget | undefined;
-}
-/** fired when button is clicked */
-declare function buttonEvent(uiType: "button", type: "click", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-export type TButtonEvents = typeof buttonEvent;
-export {};
+import { ButtonProps } from "@lifesg/react-design-system/button/types";
+import * as Icons from "@lifesg/react-icons";
+import { IBaseFieldSchema } from "../types";
+import { TFieldEventListener } from "../../../utils";
+export type TLinkTarget = "_blank" | "_self" | "_parent" | "_top";
+export interface IButtonSchema extends Omit<IBaseFieldSchema<"button">, "validation">, Omit<ButtonProps, "loading" | "type"> {
+    startIcon?: keyof typeof Icons | undefined;
+    endIcon?: keyof typeof Icons | undefined;
+    "data-testid"?: string | undefined;
+    label: string;
+    href?: string | undefined;
+    target?: TLinkTarget | undefined;
+}
+/** fired when button is clicked */
+declare function buttonEvent(uiType: "button", type: "click", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+export type TButtonEvents = typeof buttonEvent;
+export {};

package/components/fields/checkbox-group/checkbox-group.d.ts

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

package/components/fields/checkbox-group/checkbox-group.styles.d.ts

@@ -1,24 +1,23 @@
-/// <reference types="react" />
-import { TCheckboxToggleLayoutType } from "./types";
-interface ILabelProps {
-    disabled?: boolean | undefined;
-}
-interface IToggleWrapperProps {
-    $layoutType?: TCheckboxToggleLayoutType;
-}
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, "disabled"> & ILabelProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, "disabled"> & ILabelProps, never>>> & string;
-export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/checkbox").CheckboxProps, never> & Partial<Pick<import("@lifesg/react-design-system/checkbox").CheckboxProps, never>>> & string & Omit<({ className, checked, disabled, focusableWhenDisabled, indeterminate, displaySize, id, tabIndex, onChange, ...otherProps }: import("@lifesg/react-design-system/checkbox").CheckboxProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const CheckboxContainer: 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 ToggleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$layoutType"> & IToggleWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$layoutType"> & IToggleWrapperProps, never>>> & string;
-export declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/toggle").ToggleProps, never> & Partial<Pick<import("@lifesg/react-design-system/toggle").ToggleProps, never>>> & string & Omit<({ type, indicator, checked, styleType, children, childrenMaxLines, subLabel, disabled, error, name, id, className, compositeSection, removable, focusableWhenDisabled, useContentWidth, onRemove, onChange, "data-testid": testId, "aria-describedby": ariaDescribedBy, ...otherProps }: import("@lifesg/react-design-system/toggle").ToggleProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};
+import { TCheckboxToggleLayoutType } from "./types";
+interface ILabelProps {
+    disabled?: boolean | undefined;
+}
+interface IToggleWrapperProps {
+    $layoutType?: TCheckboxToggleLayoutType;
+}
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "disabled"> & ILabelProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, "disabled"> & ILabelProps, never>>> & string;
+export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").CheckboxProps, never> & Partial<Pick<import("@lifesg/react-design-system").CheckboxProps, never>>> & string & Omit<({ className, checked, disabled, focusableWhenDisabled, indeterminate, displaySize, id, tabIndex, onChange, ...otherProps }: import("@lifesg/react-design-system").CheckboxProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const CheckboxContainer: 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 ToggleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$layoutType"> & IToggleWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$layoutType"> & IToggleWrapperProps, never>>> & string;
+export declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").ToggleProps, never> & Partial<Pick<import("@lifesg/react-design-system").ToggleProps, never>>> & string & Omit<({ type, indicator, checked, styleType, children, childrenMaxLines, subLabel, disabled, error, name, id, className, compositeSection, removable, focusableWhenDisabled, useContentWidth, onRemove, onChange, "data-testid": testId, "aria-describedby": ariaDescribedBy, ...otherProps }: import("@lifesg/react-design-system").ToggleProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export {};

package/components/fields/checkbox-group/index.d.ts

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

package/components/fields/checkbox-group/types.d.ts

@@ -1,33 +1,33 @@
-import { CheckboxProps } from "@lifesg/react-design-system/checkbox";
-import type { IPopoverSchema, ITextSchema, ITypographySchema } from "../../elements";
-import type { IInlineWrapperSchema } from "../../elements/wrapper";
-import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-export interface ICheckboxGroupOption {
-    label: string | Record<string, ITextSchema | ITypographySchema | IPopoverSchema | IInlineWrapperSchema>;
-    value: string;
-    disabled?: boolean | undefined;
-}
-export interface IToggleOption<V = undefined, C = undefined> extends ICheckboxGroupOption {
-    none?: boolean | undefined;
-    children?: Record<string, TFrontendEngineFieldSchema<V, C>> | undefined;
-    subLabel?: string | undefined;
-}
-export type TCheckboxToggleLayoutType = "horizontal" | "vertical";
-interface ICheckboxGroupDefaultSchema<V = undefined> extends IBaseFieldSchema<"checkbox", V>, TComponentOmitProps<CheckboxProps> {
-    options: ICheckboxGroupOption[];
-    customOptions?: {
-        styleType: "default";
-    } | undefined;
-}
-interface ICheckboxGroupToggleSchema<V = undefined, C = undefined> extends IBaseFieldSchema<"checkbox", V>, TComponentOmitProps<CheckboxProps> {
-    options: IToggleOption<V, C>[];
-    customOptions: {
-        styleType: "toggle";
-        indicator?: boolean | undefined;
-        border?: boolean | undefined;
-        layoutType?: TCheckboxToggleLayoutType | undefined;
-    };
-}
-export type TCheckboxGroupSchema<V = undefined, C = undefined> = ICheckboxGroupDefaultSchema<V> | ICheckboxGroupToggleSchema<V, C>;
-export {};
+import { CheckboxProps } from "@lifesg/react-design-system/checkbox";
+import type { IPopoverSchema, ITextSchema, ITypographySchema } from "../../elements";
+import type { IInlineWrapperSchema } from "../../elements/wrapper";
+import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+export interface ICheckboxGroupOption {
+    label: string | Record<string, ITextSchema | ITypographySchema | IPopoverSchema | IInlineWrapperSchema>;
+    value: string;
+    disabled?: boolean | undefined;
+}
+export interface IToggleOption<V = undefined, C = undefined> extends ICheckboxGroupOption {
+    none?: boolean | undefined;
+    children?: Record<string, TFrontendEngineFieldSchema<V, C>> | undefined;
+    subLabel?: string | undefined;
+}
+export type TCheckboxToggleLayoutType = "horizontal" | "vertical";
+interface ICheckboxGroupDefaultSchema<V = undefined> extends IBaseFieldSchema<"checkbox", V>, TComponentOmitProps<CheckboxProps> {
+    options: ICheckboxGroupOption[];
+    customOptions?: {
+        styleType: "default";
+    } | undefined;
+}
+interface ICheckboxGroupToggleSchema<V = undefined, C = undefined> extends IBaseFieldSchema<"checkbox", V>, TComponentOmitProps<CheckboxProps> {
+    options: IToggleOption<V, C>[];
+    customOptions: {
+        styleType: "toggle";
+        indicator?: boolean | undefined;
+        border?: boolean | undefined;
+        layoutType?: TCheckboxToggleLayoutType | undefined;
+    };
+}
+export type TCheckboxGroupSchema<V = undefined, C = undefined> = ICheckboxGroupDefaultSchema<V> | ICheckboxGroupToggleSchema<V, C>;
+export {};

package/components/fields/chips/chips.d.ts

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

package/components/fields/chips/chips.styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export declare const ChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showTextarea"> & {
-    $showTextarea?: boolean | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showTextarea"> & {
-    $showTextarea?: boolean | undefined;
-}, never>>> & string;
+export declare const ChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showTextarea"> & {
+    $showTextarea?: boolean | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$showTextarea"> & {
+    $showTextarea?: boolean | undefined;
+}, never>>> & string;

package/components/fields/chips/index.d.ts

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

package/components/fields/chips/types.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import { TComponentOmitProps } from "../../frontend-engine";
-import { IBaseFieldSchema, IComplexLabel } from "../types";
-import { IYupValidationRule } from "../../../context-providers";
-export interface IChipOption {
-    label: string;
-    value: string;
-    disabled?: boolean | undefined;
-}
-export interface IChipsSchema<V = undefined> extends IBaseFieldSchema<"chips", V>, TComponentOmitProps<React.ButtonHTMLAttributes<HTMLButtonElement>> {
-    options: IChipOption[];
-    textarea?: {
-        label: string | IComplexLabel;
-        validation?: (V | IYupValidationRule)[];
-        resizable?: boolean;
-        rows?: number;
-        placeholder?: string;
-    };
-}
+import { TComponentOmitProps } from "../../frontend-engine";
+import { IBaseFieldSchema, IComplexLabel } from "../types";
+import { IYupValidationRule } from "../../../context-providers";
+export interface IChipOption {
+    label: string;
+    value: string;
+    disabled?: boolean | undefined;
+}
+export interface IChipsSchema<V = undefined> extends IBaseFieldSchema<"chips", V>, TComponentOmitProps<React.ButtonHTMLAttributes<HTMLButtonElement>> {
+    options: IChipOption[];
+    textarea?: {
+        label: string | IComplexLabel;
+        validation?: (V | IYupValidationRule)[];
+        resizable?: boolean;
+        rows?: number;
+        placeholder?: string;
+    };
+}