@lifesg/react-design-system 4.0.0-alpha.3 → 4.0.0-alpha.4

package/markup/markup.utils.js

@@ -1,2 +0,0 @@
-import{tokens as t}from"./markup.style.js";const o={[t.rootFontFamily]:"font-family",[t.rootFontVariant]:"font-variant",[t.rootFontSize]:"font-size",[t.rootFontWeight]:"font-weight",[t.rootLineHeight]:"line-height",[t.rootLetterSpacing]:"letter-spacing"},r=t=>{return r=o,n=t,Object.fromEntries(Object.entries(r).map((([t,o])=>{var r;return[t,null!==(r=null==n?void 0:n[o])&&void 0!==r?r:null]})));var r,n};export{r as createMarkupFontStyles};
-//# sourceMappingURL=markup.utils.js.map

package/markup/markup.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markup.utils.js","sources":["../../src/markup/markup.utils.ts"],"sourcesContent":["import type { ApplyStyleMap, FontDeclarationProperties } from \"../theme\";\nimport { tokens } from \"./markup.style\";\n\nconst rootFontTokenMap: Record<string, keyof FontDeclarationProperties> = {\n    [tokens.rootFontFamily]: \"font-family\",\n    [tokens.rootFontVariant]: \"font-variant\",\n    [tokens.rootFontSize]: \"font-size\",\n    [tokens.rootFontWeight]: \"font-weight\",\n    [tokens.rootLineHeight]: \"line-height\",\n    [tokens.rootLetterSpacing]: \"letter-spacing\",\n} as const;\n\nconst mapFontDeclarationsToStyles = (\n    tokenMap: Record<string, keyof FontDeclarationProperties>,\n    declarations?: FontDeclarationProperties\n) =>\n    Object.fromEntries(\n        Object.entries(tokenMap).map(([token, declarationKey]) => [\n            token,\n            declarations?.[declarationKey] ?? null,\n        ])\n    );\n\nexport const createMarkupFontStyles = (\n    fontDeclarations?: FontDeclarationProperties\n): ApplyStyleMap =>\n    mapFontDeclarationsToStyles(rootFontTokenMap, fontDeclarations);\n"],"names":["rootFontTokenMap","tokens","rootFontFamily","rootFontVariant","rootFontSize","rootFontWeight","rootLineHeight","rootLetterSpacing","createMarkupFontStyles","fontDeclarations","mapFontDeclarationsToStyles","tokenMap","declarations","Object","fromEntries","entries","map","token","declarationKey","_a"],"mappings":"2CAGA,MAAMA,EAAoE,CACtE,CAACC,EAAOC,gBAAiB,cACzB,CAACD,EAAOE,iBAAkB,eAC1B,CAACF,EAAOG,cAAe,YACvB,CAACH,EAAOI,gBAAiB,cACzB,CAACJ,EAAOK,gBAAiB,cACzB,CAACL,EAAOM,mBAAoB,kBAcnBC,EACTC,IAEAC,OAbAC,EAa4BX,EAZ5BY,EAY8CH,EAV9CI,OAAOC,YACHD,OAAOE,QAAQJ,GAAUK,KAAI,EAAEC,EAAOC,YAAoB,MAAA,CACtDD,EAC8B,QAA9BE,EAAAP,aAAY,EAAZA,EAAeM,UAAe,IAAAC,EAAAA,EAAI,KACrC,KAR2B,IAChCR,EACAC,CAY8D"}

package/migrate-colour/data.d.ts

@@ -1,270 +0,0 @@
-export declare const lifesgMapping: {
-    Primary: string;
-    PrimaryDark: string;
-    Secondary: string;
-    "Brand[1]": string;
-    "Brand[2]": string;
-    "Brand[3]": string;
-    "Brand[4]": string;
-    "Brand[5]": string;
-    "Brand[6]": string;
-    "Accent.Light[1]": string;
-    "Accent.Light[2]": string;
-    "Accent.Light[3]": string;
-    "Accent.Light[4]": string;
-    "Accent.Light[5]": string;
-    "Accent.Light[6]": string;
-    "Accent.Dark[1]": string;
-    "Accent.Dark[2]": string;
-    "Accent.Dark[3]": string;
-    "Neutral[1]": string;
-    "Neutral[2]": string;
-    "Neutral[3]": string;
-    "Neutral[4]": string;
-    "Neutral[5]": string;
-    "Neutral[6]": string;
-    "Neutral[7]": string;
-    "Neutral[8]": string;
-    "Validation.Green.Text": string;
-    "Validation.Green.Icon": string;
-    "Validation.Green.Border": string;
-    "Validation.Green.Background": string;
-    "Validation.Orange.Text": string;
-    "Validation.Orange.Icon": string;
-    "Validation.Orange.Border": string;
-    "Validation.Orange.Background": string;
-    "Validation.Orange.Badge": string;
-    "Validation.Red.Text": string;
-    "Validation.Red.Icon": string;
-    "Validation.Red.Border": string;
-    "Validation.Red.Background": string;
-    "Validation.Blue.Text": string;
-    "Validation.Blue.Icon": string;
-    "Validation.Blue.Border": string;
-    "Validation.Blue.Background": string;
-};
-export declare const bookingSgMapping: {
-    Primary: string;
-    PrimaryDark: string;
-    Secondary: string;
-    "Accent.Dark[1]": string;
-    "Accent.Dark[2]": string;
-    "Accent.Dark[3]": string;
-    "Brand[1]": string;
-    "Brand[2]": string;
-    "Brand[3]": string;
-    "Brand[4]": string;
-    "Brand[5]": string;
-    "Brand[6]": string;
-    "Accent.Light[1]": string;
-    "Accent.Light[2]": string;
-    "Accent.Light[3]": string;
-    "Accent.Light[4]": string;
-    "Accent.Light[5]": string;
-    "Accent.Light[6]": string;
-    "Neutral[1]": string;
-    "Neutral[2]": string;
-    "Neutral[3]": string;
-    "Neutral[4]": string;
-    "Neutral[5]": string;
-    "Neutral[6]": string;
-    "Neutral[7]": string;
-    "Neutral[8]": string;
-    "Validation.Green.Text": string;
-    "Validation.Green.Icon": string;
-    "Validation.Green.Border": string;
-    "Validation.Green.Background": string;
-    "Validation.Orange.Text": string;
-    "Validation.Orange.Icon": string;
-    "Validation.Orange.Border": string;
-    "Validation.Orange.Background": string;
-    "Validation.Orange.Badge": string;
-    "Validation.Red.Text": string;
-    "Validation.Red.Icon": string;
-    "Validation.Red.Border": string;
-    "Validation.Red.Background": string;
-    "Validation.Blue.Text": string;
-    "Validation.Blue.Icon": string;
-    "Validation.Blue.Border": string;
-    "Validation.Blue.Background": string;
-};
-export declare const mylegacyMapping: {
-    PrimaryDark: string;
-    Primary: string;
-    Secondary: string;
-    "Validation.Green.Text": string;
-    "Validation.Red.Text": string;
-    "Brand[1]": string;
-    "Brand[2]": string;
-    "Brand[3]": string;
-    "Brand[4]": string;
-    "Brand[5]": string;
-    "Brand[6]": string;
-    "Accent.Light[1]": string;
-    "Accent.Light[2]": string;
-    "Accent.Light[3]": string;
-    "Accent.Light[4]": string;
-    "Accent.Light[5]": string;
-    "Accent.Light[6]": string;
-    "Accent.Dark[1]": string;
-    "Accent.Dark[2]": string;
-    "Accent.Dark[3]": string;
-    "Neutral[1]": string;
-    "Neutral[2]": string;
-    "Neutral[3]": string;
-    "Neutral[4]": string;
-    "Neutral[5]": string;
-    "Neutral[6]": string;
-    "Neutral[7]": string;
-    "Neutral[8]": string;
-    "Validation.Green.Icon": string;
-    "Validation.Green.Border": string;
-    "Validation.Green.Background": string;
-    "Validation.Orange.Text": string;
-    "Validation.Orange.Icon": string;
-    "Validation.Orange.Border": string;
-    "Validation.Orange.Background": string;
-    "Validation.Orange.Badge": string;
-    "Validation.Red.Icon": string;
-    "Validation.Red.Border": string;
-    "Validation.Red.Background": string;
-    "Validation.Blue.Text": string;
-    "Validation.Blue.Icon": string;
-    "Validation.Blue.Border": string;
-    "Validation.Blue.Background": string;
-};
-export declare const ccubeMapping: {
-    Primary: string;
-    PrimaryDark: string;
-    Secondary: string;
-    "Brand[1]": string;
-    "Brand[2]": string;
-    "Brand[3]": string;
-    "Brand[4]": string;
-    "Brand[5]": string;
-    "Brand[6]": string;
-    "Accent.Light[1]": string;
-    "Accent.Light[2]": string;
-    "Accent.Light[3]": string;
-    "Accent.Light[4]": string;
-    "Accent.Light[5]": string;
-    "Accent.Light[6]": string;
-    "Accent.Dark[1]": string;
-    "Accent.Dark[2]": string;
-    "Accent.Dark[3]": string;
-    "Neutral[1]": string;
-    "Neutral[2]": string;
-    "Neutral[3]": string;
-    "Neutral[4]": string;
-    "Neutral[5]": string;
-    "Neutral[6]": string;
-    "Neutral[7]": string;
-    "Neutral[8]": string;
-    "Validation.Green.Text": string;
-    "Validation.Green.Icon": string;
-    "Validation.Green.Border": string;
-    "Validation.Green.Background": string;
-    "Validation.Orange.Text": string;
-    "Validation.Orange.Icon": string;
-    "Validation.Orange.Border": string;
-    "Validation.Orange.Background": string;
-    "Validation.Orange.Badge": string;
-    "Validation.Red.Text": string;
-    "Validation.Red.Icon": string;
-    "Validation.Red.Border": string;
-    "Validation.Red.Background": string;
-    "Validation.Blue.Text": string;
-    "Validation.Blue.Icon": string;
-    "Validation.Blue.Border": string;
-    "Validation.Blue.Background": string;
-};
-export declare const rbsMapping: {
-    Primary: string;
-    PrimaryDark: string;
-    Secondary: string;
-    "Brand[1]": string;
-    "Brand[2]": string;
-    "Brand[3]": string;
-    "Brand[4]": string;
-    "Brand[5]": string;
-    "Brand[6]": string;
-    "Accent.Light[1]": string;
-    "Accent.Light[2]": string;
-    "Accent.Light[3]": string;
-    "Accent.Light[4]": string;
-    "Accent.Light[5]": string;
-    "Accent.Light[6]": string;
-    "Accent.Dark[1]": string;
-    "Accent.Dark[2]": string;
-    "Accent.Dark[3]": string;
-    "Neutral[1]": string;
-    "Neutral[2]": string;
-    "Neutral[3]": string;
-    "Neutral[4]": string;
-    "Neutral[5]": string;
-    "Neutral[6]": string;
-    "Neutral[7]": string;
-    "Neutral[8]": string;
-    "Validation.Green.Text": string;
-    "Validation.Green.Icon": string;
-    "Validation.Green.Border": string;
-    "Validation.Green.Background": string;
-    "Validation.Orange.Text": string;
-    "Validation.Orange.Icon": string;
-    "Validation.Orange.Border": string;
-    "Validation.Orange.Background": string;
-    "Validation.Orange.Badge": string;
-    "Validation.Red.Text": string;
-    "Validation.Red.Icon": string;
-    "Validation.Red.Border": string;
-    "Validation.Red.Background": string;
-    "Validation.Blue.Text": string;
-    "Validation.Blue.Icon": string;
-    "Validation.Blue.Border": string;
-    "Validation.Blue.Background": string;
-};
-export declare const oneServiceMapping: {
-    Primary: string;
-    PrimaryDark: string;
-    Secondary: string;
-    "Brand[1]": string;
-    "Accent.Dark[1]": string;
-    "Accent.Dark[2]": string;
-    "Accent.Dark[3]": string;
-    "Brand[2]": string;
-    "Brand[3]": string;
-    "Brand[4]": string;
-    "Brand[5]": string;
-    "Brand[6]": string;
-    "Accent.Light[1]": string;
-    "Accent.Light[2]": string;
-    "Accent.Light[3]": string;
-    "Accent.Light[4]": string;
-    "Accent.Light[5]": string;
-    "Accent.Light[6]": string;
-    "Neutral[1]": string;
-    "Neutral[2]": string;
-    "Neutral[3]": string;
-    "Neutral[4]": string;
-    "Neutral[5]": string;
-    "Neutral[6]": string;
-    "Neutral[7]": string;
-    "Neutral[8]": string;
-    "Validation.Green.Text": string;
-    "Validation.Green.Icon": string;
-    "Validation.Green.Border": string;
-    "Validation.Green.Background": string;
-    "Validation.Orange.Text": string;
-    "Validation.Orange.Icon": string;
-    "Validation.Orange.Border": string;
-    "Validation.Orange.Background": string;
-    "Validation.Orange.Badge": string;
-    "Validation.Red.Text": string;
-    "Validation.Red.Icon": string;
-    "Validation.Red.Border": string;
-    "Validation.Red.Background": string;
-    "Validation.Blue.Text": string;
-    "Validation.Blue.Icon": string;
-    "Validation.Blue.Border": string;
-    "Validation.Blue.Background": string;
-};

package/migrate-colour/index.d.ts

@@ -1,7 +0,0 @@
-import type { API, FileInfo } from "jscodeshift";
-import { Theme } from "../common";
-interface Options {
-    mapping: Theme;
-}
-export default function transformer(file: FileInfo, api: API, options: Options): string;
-export {};

package/migrate-layout/data.d.ts

@@ -1,5 +0,0 @@
-export declare const propMapping: {
-    desktopCols: string;
-    tabletCols: string;
-    mobileCols: string;
-};

package/migrate-layout/index.d.ts

@@ -1,2 +0,0 @@
-import type { API, FileInfo } from "jscodeshift";
-export default function transformer(file: FileInfo, api: API): string;

package/migrate-media-query/data.d.ts

@@ -1,20 +0,0 @@
-export declare const mediaQueryMap: {
-    MaxWidth: {
-        mobileS: string;
-        mobileM: string;
-        mobileL: string;
-        tablet: string;
-        desktopM: string;
-        desktopL: string;
-        desktop4k: string;
-    };
-    MinWidth: {
-        mobileS: string;
-        mobileM: string;
-        mobileL: string;
-        tablet: string;
-        desktopM: string;
-        desktopL: string;
-        desktop4k: string;
-    };
-};

package/migrate-media-query/index.d.ts

@@ -1,2 +0,0 @@
-import type { API, FileInfo } from "jscodeshift";
-export default function transformer(file: FileInfo, api: API): string;

package/migrate-text/data.d.ts

@@ -1,46 +0,0 @@
-export declare const textComponentMap: {
-    D1: string;
-    D2: string;
-    D3: string;
-    D4: string;
-    H1: string;
-    H2: string;
-    H3: string;
-    H4: string;
-    H5: string;
-    H6: string;
-    DBody: string;
-    Body: string;
-    BodySmall: string;
-    XSmall: string;
-    "Hyperlink.Default": string;
-    "Hyperlink.Small": string;
-};
-export declare const textStyleFontMap: {
-    D1: string;
-    D2: string;
-    D3: string;
-    D4: string;
-    H1: string;
-    H2: string;
-    H3: string;
-    H4: string;
-    H5: string;
-    H6: string;
-    DBody: string;
-    Body: string;
-    BodySmall: string;
-    XSmall: string;
-};
-export declare const weightMap: {
-    regular: string;
-    semibold: string;
-    bold: string;
-    light: string;
-    black: string;
-    400: string;
-    600: string;
-    700: string;
-    300: string;
-    900: string;
-};

package/migrate-text/index.d.ts

@@ -1,2 +0,0 @@
-import type { API, FileInfo } from "jscodeshift";
-export default function transformer(file: FileInfo, api: API): string;

package/migrate-text-list/data.d.ts

@@ -1,16 +0,0 @@
-export declare const sizePropMapping: {
-    D1: string;
-    D2: string;
-    D3: string;
-    D4: string;
-    H1: string;
-    H2: string;
-    H3: string;
-    H4: string;
-    H5: string;
-    H6: string;
-    DBody: string;
-    Body: string;
-    BodySmall: string;
-    XSmall: string;
-};

package/migrate-text-list/index.d.ts

@@ -1,2 +0,0 @@
-import type { API, FileInfo } from "jscodeshift";
-export default function transformer(file: FileInfo, api: API): string;

package/modal/modal-box.styles_1xrlxhd.css

@@ -1,2 +0,0 @@
-.b14nv3ev{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:40rem;max-height:70%;background:var(--fds-colour-bg);box-shadow:var(--fds-shadow-lg-strong);border-radius:var(--fds-radius-lg);overflow:hidden;}:where(body.fds-breakpoint-md-max) .b14nv3ev{width:90%;max-height:70%;}
-.ccgs01o{position:absolute;top:var(--close-button-top-inset, var(--fds-spacing-16));right:var(--close-button-right-inset, var(--fds-spacing-16));padding:0;color:var(--fds-colour-icon);}.ccgs01o svg{height:2rem;width:2rem;}:where(body.fds-breakpoint-sm-max) .ccgs01o{right:var(--close-button-right-inset, var(--fds-spacing-20));}

package/modal-v2/modal-v2.styles_1irpyi6.css

@@ -1,3 +0,0 @@
-.c1jrmyjd{position:relative;width:100%;height:100%;overflow:auto;--fds-internal-modalV2-container-verticalHeight:initial;--fds-internal-modalV2-container-offsetTop:initial;}:where(body.fds-breakpoint-sm-max) .c1jrmyjd{height:calc(var(--fds-internal-modalV2-container-verticalHeight, 1vh) * 100);top:var(--fds-internal-modalV2-container-offsetTop, 0px);}.c1jrmyjd[data-status="initial"]{opacity:0;}.c1jrmyjd[data-status="open"]{opacity:1;-webkit-transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-entrance);transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-entrance);transition-delay:var(--fds-motion-duration-150);}.c1jrmyjd[data-status="close"]{opacity:0;-webkit-transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-exit);transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-exit);}.c1jrmyjd[data-animation-from="top"]:is([data-status="initial"], [data-status="close"]){top:-3%;}.c1jrmyjd[data-animation-from="top"][data-status="open"]{top:0;}.c1jrmyjd[data-animation-from="bottom"]:is([data-status="initial"], [data-status="close"]){bottom:-3%;}.c1jrmyjd[data-animation-from="bottom"][data-status="open"]{bottom:0;}.c1jrmyjd[data-animation-from="left"]:is([data-status="initial"], [data-status="close"]){left:-3%;}.c1jrmyjd[data-animation-from="left"][data-status="open"]{left:0;}.c1jrmyjd[data-animation-from="right"]:is([data-status="initial"], [data-status="close"]){right:-3%;}.c1jrmyjd[data-animation-from="right"][data-status="open"]{right:0;}
-.s1xsiaxz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100%;pointer-events:none;}
-.mn5ir3{pointer-events:auto;width:100%;outline:none;}

package/otp-verification/contact-input-section-styles.d.ts

@@ -1,14 +0,0 @@
-interface ContactInputWrapperStyleProps {
-    $isMaxWidth?: boolean;
-    $error?: boolean;
-    $disabled?: boolean;
-    $readonly?: boolean;
-}
-export declare const ContactSectionWrapper: 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 ContactInputSectionWrapper: 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 ContactInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContactInputWrapperStyleProps> & ContactInputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContactInputWrapperStyleProps> & ContactInputWrapperStyleProps, never>>> & string;
-export declare const VerifiedIconWrapper: 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 ContactButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const EmailContactInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").InputGroupProps<unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, never> & Partial<Pick<import("..").InputGroupProps<unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, never>>> & string & Omit<(<T, V>(props: import("..").InputGroupProps<T, V> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;
-export declare const PhoneContactInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").PhoneNumberInputProps, never> & Partial<Pick<import("..").PhoneNumberInputProps, never>>> & string & Omit<({ id, onChange, value, allowClear, onClear, onBlur, error, fixedCountry, optionPlaceholder, optionSearchPlaceholder, enableSearch, onHideOptions, onShowOptions, placeholder, autoComplete, noBorder, getAriaLabel, ...otherProps }: import("..").PhoneNumberInputProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};

package/otp-verification/contact-input-section-styles.js

@@ -1,115 +0,0 @@
-import e,{css as r}from"styled-components";import{Button as i}from"../button/button.js";import{InputGroup as o}from"../input-group/input-group.js";import{PhoneNumberInput as d}from"../phone-number-input/phone-number-input.js";import{V3_Spacing as t,V3_Radius as n,V3_Colour as s,V3_MediaQuery as a}from"../v3_theme/index.js";const p=e.div`
-    display: flex;
-    flex-direction: column;
-`,b=e.div`
-    display: flex;
-`,x=e.div`
-    display: flex;
-    align-items: center;
-    width: ${e=>e.$isMaxWidth?"100%":"auto"};
-    padding: 0 ${t["spacing-16"]};
-    border-radius: ${n.sm} 0 0 ${n.sm};
-    box-shadow: inset 1px 0 0 ${s.border},
-        inset 0 1px 0 ${s.border},
-        inset 0 -1px 0 ${s.border};
-
-    &:focus-within {
-        box-shadow: inset 2px 0 0 ${s["border-focus"]},
-            inset 0 2px 0 ${s["border-focus"]},
-            inset 0 -2px 0 ${s["border-focus"]};
-    }
-
-    ${e=>e.$error?r`
-                box-shadow: inset 1px 0 0 ${s["border-error"]},
-                    inset 0 1px 0 ${s["border-error"]},
-                    inset 0 -1px 0 ${s["border-error"]};
-
-                &:focus-within {
-                    box-shadow: inset 2px 0 0 ${s["border-error-focus"]},
-                        inset 0 2px 0 ${s["border-error-focus"]},
-                        inset 0 -2px 0 ${s["border-error-focus"]};
-                }
-            `:e.$disabled?r`
-                box-shadow: inset 0 0 0 1px ${s.border};
-                border-radius: ${n.sm};
-                background: ${s["bg-disabled"]};
-                color: ${s["text-disabled"]};
-                &:focus-within {
-                    box-shadow: inset 0 0 0 2px ${s.border};
-                }
-
-                /* Spacer to maintain width when disabled */
-                ${!e.$isMaxWidth&&r`
-                    &::after {
-                        content: "";
-                        min-width: 120px;
-                        flex-shrink: 0;
-                    }
-
-                    /* Hide spacer on mobile to prevent text coverage */
-                    ${a.MaxWidth.sm} {
-                        &::after {
-                            display: none;
-                        }
-                    }
-                `}
-            `:e.$readonly?r`
-                padding-left: 0;
-                box-shadow: none;
-                border-radius: ${n.sm};
-                &:focus-within {
-                    box-shadow: inset 0 0 0 2px ${s["border-focus"]};
-                }
-            `:void 0}
-`,$=e.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding-left: ${t["spacing-12"]};
-    color: ${s["icon-success"]};
-    flex-shrink: 0;
-
-    svg {
-        width: 1.25rem;
-        height: 1.25rem;
-    }
-`,c=e(i.Default)`
-    min-width: 120px;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    flex-shrink: 0;
-    ${a.MaxWidth.sm} {
-        width: fit-content;
-    }
-`,l=e(o)`
-    padding: 0 ${t["spacing-16"]};
-    width: 100%;
-    background: transparent;
-
-    ${e=>e.disabled&&r`
-            input {
-                color: ${s["text-disabled"]};
-            }
-        `}
-
-    ${e=>e.readOnly&&r`
-            padding: 0;
-        `}
-`,u=e(d)`
-    padding: 0 ${t["spacing-16"]};
-    background: transparent;
-
-    ${e=>e.disabled&&r`
-            input {
-                color: ${s["text-disabled"]};
-            }
-        `}
-
-    ${e=>e.readOnly&&r`
-            padding: 0;
-            input {
-                margin-left: ${t["spacing-12"]};
-            }
-        `}
-`;export{c as ContactButton,b as ContactInputSectionWrapper,x as ContactInputWrapper,p as ContactSectionWrapper,l as EmailContactInput,u as PhoneContactInput,$ as VerifiedIconWrapper};
-//# sourceMappingURL=contact-input-section-styles.js.map

package/otp-verification/contact-input-section-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact-input-section-styles.js","sources":["../../src/otp-verification/contact-input-section-styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { InputGroup } from \"../input-group\";\nimport { PhoneNumberInput } from \"../phone-number-input\";\nimport { V3_Colour, V3_MediaQuery, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface ContactInputWrapperStyleProps {\n    $isMaxWidth?: boolean;\n    $error?: boolean;\n    $disabled?: boolean;\n    $readonly?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const ContactSectionWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const ContactInputSectionWrapper = styled.div`\n    display: flex;\n`;\n\nexport const ContactInputWrapper = styled.div<ContactInputWrapperStyleProps>`\n    display: flex;\n    align-items: center;\n    width: ${(props) => (props.$isMaxWidth ? \"100%\" : \"auto\")};\n    padding: 0 ${V3_Spacing[\"spacing-16\"]};\n    border-radius: ${V3_Radius[\"sm\"]} 0 0 ${V3_Radius[\"sm\"]};\n    box-shadow: inset 1px 0 0 ${V3_Colour[\"border\"]},\n        inset 0 1px 0 ${V3_Colour[\"border\"]},\n        inset 0 -1px 0 ${V3_Colour[\"border\"]};\n\n    &:focus-within {\n        box-shadow: inset 2px 0 0 ${V3_Colour[\"border-focus\"]},\n            inset 0 2px 0 ${V3_Colour[\"border-focus\"]},\n            inset 0 -2px 0 ${V3_Colour[\"border-focus\"]};\n    }\n\n    ${(props) => {\n        if (props.$error) {\n            return css`\n                box-shadow: inset 1px 0 0 ${V3_Colour[\"border-error\"]},\n                    inset 0 1px 0 ${V3_Colour[\"border-error\"]},\n                    inset 0 -1px 0 ${V3_Colour[\"border-error\"]};\n\n                &:focus-within {\n                    box-shadow: inset 2px 0 0 ${V3_Colour[\"border-error-focus\"]},\n                        inset 0 2px 0 ${V3_Colour[\"border-error-focus\"]},\n                        inset 0 -2px 0 ${V3_Colour[\"border-error-focus\"]};\n                }\n            `;\n        } else if (props.$disabled) {\n            return css`\n                box-shadow: inset 0 0 0 1px ${V3_Colour[\"border\"]};\n                border-radius: ${V3_Radius[\"sm\"]};\n                background: ${V3_Colour[\"bg-disabled\"]};\n                color: ${V3_Colour[\"text-disabled\"]};\n                &:focus-within {\n                    box-shadow: inset 0 0 0 2px ${V3_Colour[\"border\"]};\n                }\n\n                /* Spacer to maintain width when disabled */\n                ${!props.$isMaxWidth &&\n                css`\n                    &::after {\n                        content: \"\";\n                        min-width: 120px;\n                        flex-shrink: 0;\n                    }\n\n                    /* Hide spacer on mobile to prevent text coverage */\n                    ${V3_MediaQuery.MaxWidth.sm} {\n                        &::after {\n                            display: none;\n                        }\n                    }\n                `}\n            `;\n        } else if (props.$readonly) {\n            return css`\n                padding-left: 0;\n                box-shadow: none;\n                border-radius: ${V3_Radius[\"sm\"]};\n                &:focus-within {\n                    box-shadow: inset 0 0 0 2px ${V3_Colour[\"border-focus\"]};\n                }\n            `;\n        }\n    }}\n`;\n\nexport const VerifiedIconWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-left: ${V3_Spacing[\"spacing-12\"]};\n    color: ${V3_Colour[\"icon-success\"]};\n    flex-shrink: 0;\n\n    svg {\n        width: 1.25rem;\n        height: 1.25rem;\n    }\n`;\n\nexport const ContactButton = styled(Button.Default)`\n    min-width: 120px;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    flex-shrink: 0;\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: fit-content;\n    }\n`;\n\nexport const EmailContactInput = styled(InputGroup)`\n    padding: 0 ${V3_Spacing[\"spacing-16\"]};\n    width: 100%;\n    background: transparent;\n\n    ${(props) =>\n        props.disabled &&\n        css`\n            input {\n                color: ${V3_Colour[\"text-disabled\"]};\n            }\n        `}\n\n    ${(props) =>\n        props.readOnly &&\n        css`\n            padding: 0;\n        `}\n`;\n\nexport const PhoneContactInput = styled(PhoneNumberInput)`\n    padding: 0 ${V3_Spacing[\"spacing-16\"]};\n    background: transparent;\n\n    ${(props) =>\n        props.disabled &&\n        css`\n            input {\n                color: ${V3_Colour[\"text-disabled\"]};\n            }\n        `}\n\n    ${(props) =>\n        props.readOnly &&\n        css`\n            padding: 0;\n            input {\n                margin-left: ${V3_Spacing[\"spacing-12\"]};\n            }\n        `}\n`;\n"],"names":["ContactSectionWrapper","styled","div","ContactInputSectionWrapper","ContactInputWrapper","props","$isMaxWidth","V3_Spacing","V3_Radius","V3_Colour","$error","css","$disabled","V3_MediaQuery","MaxWidth","sm","$readonly","VerifiedIconWrapper","ContactButton","Button","Default","EmailContactInput","InputGroup","disabled","readOnly","PhoneContactInput","PhoneNumberInput"],"mappings":"qUAoBO,MAAMA,EAAwBC,EAAOC,GAAG;;;EAKlCC,EAA6BF,EAAOC,GAAG;;EAIvCE,EAAsBH,EAAOC,GAAkC;;;aAG9DG,GAAWA,EAAMC,YAAc,OAAS;iBACrCC,EAAW;qBACPC,EAAc,UAASA,EAAc;gCAC1BC,EAAkB;wBAC1BA,EAAkB;yBACjBA,EAAkB;;;oCAGPA,EAAU;4BAClBA,EAAU;6BACTA,EAAU;;;MAGhCJ,GACKA,EAAMK,OACCC,CAAG;4CACsBF,EAAU;oCAClBA,EAAU;qCACTA,EAAU;;;gDAGCA,EAAU;wCAClBA,EAAU;yCACTA,EAAU;;cAGhCJ,EAAMO,UACND,CAAG;8CACwBF,EAAkB;iCAC/BD,EAAc;8BACjBC,EAAU;yBACfA,EAAU;;kDAEeA,EAAkB;;;;mBAIjDJ,EAAMC,aACTK,CAAG;;;;;;;;sBAQGE,EAAcC,SAASC;;;;;;cAO1BV,EAAMW,UACNL,CAAG;;;iCAGWH,EAAc;;kDAEGC,EAAU;;mBAN7C;EAaFQ,EAAsBhB,EAAOC,GAAG;;;;oBAIzBK,EAAW;aAClBE,EAAU;;;;;;;EASVS,EAAgBjB,EAAOkB,EAAOC,QAAQ;;;;;MAK7CP,EAAcC,SAASC;;;EAKhBM,EAAoBpB,EAAOqB,EAAW;iBAClCf,EAAW;;;;MAIrBF,GACCA,EAAMkB,UACNZ,CAAG;;yBAEcF,EAAU;;;;MAI5BJ,GACCA,EAAMmB,UACNb,CAAG;;;EAKEc,EAAoBxB,EAAOyB,EAAiB;iBACxCnB,EAAW;;;MAGrBF,GACCA,EAAMkB,UACNZ,CAAG;;yBAEcF,EAAU;;;;MAI5BJ,GACCA,EAAMmB,UACNb,CAAG;;;+BAGoBJ,EAAW;;;"}

package/otp-verification/otp-verification-styles.d.ts

@@ -1 +0,0 @@
-export declare const OTPInputWrapper: 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/otp-verification/otp-verification-styles.js

@@ -1,6 +0,0 @@
-import o from"styled-components";import{V3_Spacing as e}from"../v3_theme/index.js";const i=o.div`
-    display: flex;
-    flex-direction: column;
-    gap: ${e["spacing-16"]};
-`;export{i as OTPInputWrapper};
-//# sourceMappingURL=otp-verification-styles.js.map

package/otp-verification/otp-verification-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"otp-verification-styles.js","sources":["../../src/otp-verification/otp-verification-styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\n\nexport const OTPInputWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n`;\n"],"names":["OTPInputWrapper","styled","div","V3_Spacing"],"mappings":"mFAIO,MAAMA,EAAkBC,EAAOC,GAAG;;;WAG9BC,EAAW;"}

package/otp-verification/verification-section-styles.d.ts

@@ -1,23 +0,0 @@
-export declare const VerificationSectionWrapper: 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 SectionContainer: 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 ReSendMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const VerifyInputWrapper: 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 VerifyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/otp-verification/verification-section-styles.js

@@ -1,27 +0,0 @@
-import i from"styled-components";import{Button as t}from"../button/button.js";import{Typography as n}from"../typography/index.js";import{V3_Colour as o,V3_Spacing as p,V3_MediaQuery as a}from"../v3_theme/index.js";const s=i.div`
-    display: flex;
-    align-items: center;
-    background-color: ${o["bg-strong"]};
-    padding: ${p["spacing-16"]} ${p["spacing-32"]};
-    gap: ${p["spacing-32"]};
-    ${a.MaxWidth.sm} {
-        flex-direction: column;
-        align-items: start;
-        gap: ${p["spacing-16"]};
-        padding: ${p["spacing-16"]};
-    }
-`,e=i.div`
-    display: flex;
-    flex-direction: column;
-    gap: ${p["spacing-16"]};
-`,d=i(n.BodyMD)`
-    color: ${o["text-subtlest"]};
-`,g=i.div`
-    display: flex;
-    gap: ${p["spacing-8"]};
-    max-width: 472px;
-`,r=i(t.Default)`
-    flex-shrink: 0;
-    width: 83px;
-`;export{d as ReSendMessage,e as SectionContainer,s as VerificationSectionWrapper,r as VerifyButton,g as VerifyInputWrapper};
-//# sourceMappingURL=verification-section-styles.js.map

package/otp-verification/verification-section-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verification-section-styles.js","sources":["../../src/otp-verification/verification-section-styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\n\nexport const VerificationSectionWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    background-color: ${V3_Colour[\"bg-strong\"]};\n    padding: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-32\"]};\n    gap: ${V3_Spacing[\"spacing-32\"]};\n    ${V3_MediaQuery.MaxWidth.sm} {\n        flex-direction: column;\n        align-items: start;\n        gap: ${V3_Spacing[\"spacing-16\"]};\n        padding: ${V3_Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const SectionContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n`;\n\nexport const ReSendMessage = styled(Typography.BodyMD)`\n    color: ${V3_Colour[\"text-subtlest\"]};\n`;\n\nexport const VerifyInputWrapper = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-8\"]};\n    max-width: 472px;\n`;\n\nexport const VerifyButton = styled(Button.Default)`\n    flex-shrink: 0;\n    width: 83px;\n`;\n"],"names":["VerificationSectionWrapper","styled","div","V3_Colour","V3_Spacing","V3_MediaQuery","MaxWidth","sm","SectionContainer","ReSendMessage","Typography","BodyMD","VerifyInputWrapper","VerifyButton","Button","Default"],"mappings":"sNAMO,MAAMA,EAA6BC,EAAOC,GAAG;;;wBAG5BC,EAAU;eACnBC,EAAW,iBAAiBA,EAAW;WAC3CA,EAAW;MAChBC,EAAcC,SAASC;;;eAGdH,EAAW;mBACPA,EAAW;;EAIjBI,EAAmBP,EAAOC,GAAG;;;WAG/BE,EAAW;EAGTK,EAAgBR,EAAOS,EAAWC,OAAO;aACzCR,EAAU;EAGVS,EAAqBX,EAAOC,GAAG;;WAEjCE,EAAW;;EAITS,EAAeZ,EAAOa,EAAOC,QAAQ;;;"}