@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

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

@@ -1,16 +0,0 @@
-export const sizePropMapping = {
-    D1: "heading-xxl",
-    D2: "heading-xl",
-    D3: "heading-md",
-    D4: "heading-sm",
-    H1: "heading-lg",
-    H2: "heading-md",
-    H3: "heading-sm",
-    H4: "heading-xs",
-    H5: "body-md",
-    H6: "body-sm",
-    DBody: "heading-sm",
-    Body: "body-baseline",
-    BodySmall: "body-md",
-    XSmall: "body-xs",
-};

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

@@ -1,110 +0,0 @@
-import { API, FileInfo, JSCodeshift } from "jscodeshift";
-import { CodemodUtils } from "../codemod-utils";
-import { sizePropMapping } from "./data";
-
-// ======= Constants ======= //
-
-const IMPORT_PATHS = {
-    TEXT_LIST: "@lifesg/react-design-system/text-list",
-    V2_TEXT_LIST: "@lifesg/react-design-system/v2_text-list",
-    DESIGN_SYSTEM: "@lifesg/react-design-system",
-};
-
-const IMPORT_SPECIFIERS = {
-    TEXT_LIST: "TextList",
-    V2_TEXT_LIST: "V2_TextList",
-};
-
-const JSX_IDENTIFIERS = {
-    TEXT_LIST: "TextList",
-    V2_TEXT_LIST: "V2_TextList",
-};
-
-// ======= Transformer Function ======= //
-
-export default function transformer(file: FileInfo, api: API) {
-    const j: JSCodeshift = api.jscodeshift;
-    const source = j(file.source);
-
-    const isV2TextListImport = CodemodUtils.hasImport(
-        source,
-        api,
-        [IMPORT_PATHS.DESIGN_SYSTEM, IMPORT_PATHS.V2_TEXT_LIST],
-        IMPORT_SPECIFIERS.V2_TEXT_LIST
-    );
-
-    if (isV2TextListImport) {
-        CodemodUtils.addImport(
-            source,
-            api,
-            IMPORT_PATHS.TEXT_LIST,
-            IMPORT_SPECIFIERS.TEXT_LIST
-        );
-
-        CodemodUtils.removeImport(
-            source,
-            api,
-            [IMPORT_PATHS.DESIGN_SYSTEM, IMPORT_PATHS.V2_TEXT_LIST],
-            IMPORT_SPECIFIERS.V2_TEXT_LIST
-        );
-
-        source
-            .find(j.Identifier, { name: JSX_IDENTIFIERS.V2_TEXT_LIST })
-            .forEach((path) => {
-                path.node.name = JSX_IDENTIFIERS.TEXT_LIST;
-            });
-
-        source.find(j.MemberExpression).forEach((path) => {
-            if (
-                j.Identifier.check(path.node.object) &&
-                path.node.object.name === JSX_IDENTIFIERS.V2_TEXT_LIST
-            ) {
-                path.node.object.name = JSX_IDENTIFIERS.TEXT_LIST;
-            }
-        });
-
-        source.find(j.JSXMemberExpression).forEach((path) => {
-            if (
-                j.JSXIdentifier.check(path.node.object) &&
-                path.node.object.name === JSX_IDENTIFIERS.V2_TEXT_LIST
-            ) {
-                path.node.object.name = JSX_IDENTIFIERS.TEXT_LIST;
-            }
-        });
-
-        source.find(j.JSXOpeningElement).forEach((path) => {
-            const openingElement = path.node;
-            let isTextListElement = false;
-
-            if (
-                j.JSXMemberExpression.check(openingElement.name) &&
-                j.JSXIdentifier.check(openingElement.name.object) &&
-                openingElement.name.object.name === JSX_IDENTIFIERS.TEXT_LIST
-            ) {
-                isTextListElement = true;
-            }
-
-            if (isTextListElement) {
-                const attributes = openingElement.attributes;
-
-                attributes?.forEach((attribute) => {
-                    if (
-                        j.JSXAttribute.check(attribute) &&
-                        attribute.name.name === "size" &&
-                        j.StringLiteral.check(attribute.value)
-                    ) {
-                        const sizeValue = attribute.value
-                            .value as keyof typeof sizePropMapping;
-                        if (sizePropMapping[sizeValue]) {
-                            attribute.value = j.literal(
-                                sizePropMapping[sizeValue]
-                            );
-                        }
-                    }
-                });
-            }
-        });
-    }
-
-    return source.toSource();
-}

package/common.d.ts

@@ -1,8 +0,0 @@
-export declare enum Theme {
-    LifeSG = "lifesg",
-    BookingSG = "bookingsg",
-    MyLegacy = "mylegacy",
-    CCube = "ccube",
-    RBS = "rbs",
-    OneService = "oneservice"
-}

package/countdown-timer/countdown-timer.style.d.ts

@@ -1,42 +0,0 @@
-interface CountdownStyleProps {
-    $warn: boolean;
-    $visible?: boolean | undefined;
-    $top?: number | undefined;
-    $left?: number | undefined;
-    $right?: number | undefined;
-}
-export declare const Wrapper: 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 BaseCountdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>>> & string;
-export declare const Countdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>>> & string;
-export declare const FixedCountdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>>> & string;
-export declare const TimeLeft: 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 Timer: 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 TimerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, keyof CountdownStyleProps> & CountdownStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, keyof CountdownStyleProps> & CountdownStyleProps, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export {};

package/countdown-timer/countdown-timer.style.js

@@ -1,58 +0,0 @@
-import{ClockIcon as r}from"@lifesg/react-icons";import o,{css as i}from"styled-components";import{Font as e,Spacing as t,Radius as n,Colour as d,Border as s,MediaQuery as a,Shadow as $}from"../theme/index.js";const g=o.div`
-    width: 100%;
-`,c=o.div`
-    ${e["body-baseline-regular"]}
-    display: flex;
-    align-items: center;
-    padding: ${t["spacing-8"]} ${t["spacing-16"]};
-    border-radius: ${n.sm};
-    color: ${d["text-primary"]};
-    border: ${s["width-010"]} ${s.solid};
-    border-color: ${d["border-primary"]};
-    background-color: ${d.bg};
-
-    ${a.MaxWidth.sm} {
-        padding: ${t["spacing-16"]};
-    }
-
-    ${r=>{if(r.$warn)return i`
-                color: ${d["text-error"]};
-                border-color: ${d["border-error"]};
-            `}}
-`,l=o(c)`
-    position: relative;
-    opacity: ${r=>r.$visible?1:0};
-`,p=o(c)`
-    position: fixed;
-    z-index: 10;
-
-    ${r=>{const{$top:o,$left:e,$right:t,$warn:n}=r;return i`
-            /* style object will be converted to px */
-            ${{top:o,left:e,right:t}}
-
-            box-shadow: ${n?$["xs-error-strong"]:$["xs-focus-strong"]};
-
-            ${a.MaxWidth.sm} {
-                left: 0;
-                right: 0;
-                border-radius: 0;
-                border-left: none;
-                border-right: none;
-                box-shadow: none;
-            }
-        `}}
-`,m=o.div`
-    font-weight: ${e.Spec["weight-bold"]};
-    margin-left: ${t["spacing-8"]};
-    margin-right: ${t["spacing-24"]};
-
-    ${a.MaxWidth.sm} {
-        margin-right: ${t["spacing-48"]};
-    }
-`,b=o.div`
-    font-weight: ${e.Spec["weight-semibold"]};
-    margin-left: auto;
-`,h=o(r)`
-    color: ${r=>r.$warn?d["icon-error"]:d["icon-primary"]};
-`;export{c as BaseCountdown,l as Countdown,p as FixedCountdown,m as TimeLeft,b as Timer,h as TimerIcon,g as Wrapper};
-//# sourceMappingURL=countdown-timer.style.js.map

package/countdown-timer/countdown-timer.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"countdown-timer.style.js","sources":["../../src/countdown-timer/countdown-timer.style.tsx"],"sourcesContent":["import { ClockIcon } from \"@lifesg/react-icons\";\nimport styled, { css } from \"styled-components\";\nimport {\n    Border,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Shadow,\n    Spacing,\n} from \"../theme\";\n\n// =============================================================================\n// STYLE TYPES\n// =============================================================================\n\ninterface CountdownStyleProps {\n    $warn: boolean;\n    $visible?: boolean | undefined;\n    $top?: number | undefined;\n    $left?: number | undefined;\n    $right?: number | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const BaseCountdown = styled.div<CountdownStyleProps>`\n    ${Font[\"body-baseline-regular\"]}\n    display: flex;\n    align-items: center;\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    color: ${Colour[\"text-primary\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]};\n    border-color: ${Colour[\"border-primary\"]};\n    background-color: ${Colour[\"bg\"]};\n\n    ${MediaQuery.MaxWidth.sm} {\n        padding: ${Spacing[\"spacing-16\"]};\n    }\n\n    ${(props) => {\n        if (props.$warn) {\n            return css`\n                color: ${Colour[\"text-error\"]};\n                border-color: ${Colour[\"border-error\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Countdown = styled(BaseCountdown)`\n    position: relative;\n    opacity: ${(props) => (props.$visible ? 1 : 0)};\n`;\n\nexport const FixedCountdown = styled(BaseCountdown)`\n    position: fixed;\n    z-index: 10;\n\n    ${(props) => {\n        const { $top, $left, $right, $warn } = props;\n        return css`\n            /* style object will be converted to px */\n            ${{ top: $top, left: $left, right: $right }}\n\n            box-shadow: ${$warn\n                ? Shadow[\"xs-error-strong\"]\n                : Shadow[\"xs-focus-strong\"]};\n\n            ${MediaQuery.MaxWidth.sm} {\n                left: 0;\n                right: 0;\n                border-radius: 0;\n                border-left: none;\n                border-right: none;\n                box-shadow: none;\n            }\n        `;\n    }}\n`;\n\nexport const TimeLeft = styled.div`\n    font-weight: ${Font.Spec[\"weight-bold\"]};\n    margin-left: ${Spacing[\"spacing-8\"]};\n    margin-right: ${Spacing[\"spacing-24\"]};\n\n    ${MediaQuery.MaxWidth.sm} {\n        margin-right: ${Spacing[\"spacing-48\"]};\n    }\n`;\n\nexport const Timer = styled.div`\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n    margin-left: auto;\n`;\n\nexport const TimerIcon = styled(ClockIcon)<CountdownStyleProps>`\n    color: ${(props) =>\n        props.$warn ? Colour[\"icon-error\"] : Colour[\"icon-primary\"]};\n`;\n"],"names":["Wrapper","styled","div","BaseCountdown","Font","Spacing","Radius","Colour","Border","MediaQuery","MaxWidth","sm","props","$warn","css","Countdown","$visible","FixedCountdown","$top","$left","$right","top","left","right","Shadow","TimeLeft","Spec","Timer","TimerIcon","ClockIcon"],"mappings":"iNA4BO,MAAMA,EAAUC,EAAOC,GAAG;;EAIpBC,EAAgBF,EAAOC,GAAwB;MACtDE,EAAK;;;eAGIC,EAAQ,gBAAgBA,EAAQ;qBAC1BC,EAAW;aACnBC,EAAO;cACNC,EAAO,gBAAgBA,EAAc;oBAC/BD,EAAO;wBACHA,EAAW;;MAE7BE,EAAWC,SAASC;mBACPN,EAAQ;;;MAGpBO,IACC,GAAIA,EAAMC,MACN,OAAOC,CAAG;yBACGP,EAAO;gCACAA,EAAO;aAE/B;EAIKQ,EAAYd,EAAOE,EAAc;;eAE9BS,GAAWA,EAAMI,SAAW,EAAI;EAGnCC,EAAiBhB,EAAOE,EAAc;;;;MAI5CS,IACC,MAAMM,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMP,MAAEA,GAAUD,EACvC,OAAOE,CAAG;;cAEJ,CAAEO,IAAKH,EAAMI,KAAMH,EAAOI,MAAOH;;0BAErBP,EACRW,EAAO,mBACPA,EAAO;;cAEXf,EAAWC,SAASC;;;;;;;;SAQzB;EAIIc,EAAWxB,EAAOC,GAAG;mBACfE,EAAKsB,KAAK;mBACVrB,EAAQ;oBACPA,EAAQ;;MAEtBI,EAAWC,SAASC;wBACFN,EAAQ;;EAInBsB,EAAQ1B,EAAOC,GAAG;mBACZE,EAAKsB,KAAK;;EAIhBE,EAAY3B,EAAO4B,EAA+B;aACjDjB,GACNA,EAAMC,MAAQN,EAAO,cAAgBA,EAAO;"}

package/date-input/date-input.style.d.ts

@@ -1,27 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;

package/date-input/date-input.style.js

@@ -1,4 +0,0 @@
-import r from"styled-components";import{InputWrapper as p}from"../shared/input-wrapper/input-wrapper.js";const t=r(p)`
-    height: 3rem;
-`;export{t as Container};
-//# sourceMappingURL=date-input.style.js.map

package/date-input/date-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input.style.js","sources":["../../src/date-input/date-input.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Container = styled(InputWrapper)`\n    height: 3rem;\n`;\n"],"names":["Container","styled","InputWrapper"],"mappings":"+GAOaA,EAAYC,EAAOC,EAAa;;"}

package/date-navigator/date-navigator.style.d.ts

@@ -1,7 +0,0 @@
-interface StyledDateTextProps {
-    $enableDateClick?: boolean;
-}
-export declare const HeaderArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const Container: 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 StyledDateTextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "$enableDateClick"> & StyledDateTextProps, never> & Partial<Pick<import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "$enableDateClick"> & StyledDateTextProps, never>>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};

package/date-navigator/date-navigator.style.js

@@ -1,30 +0,0 @@
-import t,{css as e}from"styled-components";import{Button as n}from"../button/button.js";import{IconButton as o}from"../icon-button/icon-button.js";import{Spacing as r,Colour as i,Radius as a}from"../theme/index.js";const s=t(o)`
-    margin: ${r["spacing-8"]};
-`,c=t.div`
-    display: flex;
-    position: relative;
-    align-items: center;
-    justify-content: space-between;
-    background-color: ${i["bg-strong"]};
-    border-radius: ${a.sm};
-`,l=t(n.Default)`
-    color: ${t=>t.$enableDateClick?i["text-primary"]:i.text};
-    white-space: nowrap;
-    display: inline-block;
-    text-wrap: auto;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    background: transparent;
-    height: unset;
-    cursor: default;
-
-    ${t=>{if(t.$enableDateClick)return e`
-                &:hover {
-                    cursor: pointer;
-                    text-decoration: underline;
-                    text-underline-position: under;
-                }
-            `}}
-`;export{c as Container,s as HeaderArrowButton,l as StyledDateTextButton};
-//# sourceMappingURL=date-navigator.style.js.map

package/date-navigator/date-navigator.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-navigator.style.js","sources":["../../src/date-navigator/date-navigator.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../button\";\nimport { IconButton } from \"../icon-button\";\nimport { Colour, Radius, Spacing } from \"../theme\";\n\ninterface StyledDateTextProps {\n    $enableDateClick?: boolean;\n}\n\nexport const HeaderArrowButton = styled(IconButton)`\n    margin: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const Container = styled.div`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${Colour[\"bg-strong\"]};\n    border-radius: ${Radius[\"sm\"]};\n`;\n\nexport const StyledDateTextButton = styled(Button.Default)<StyledDateTextProps>`\n    color: ${(props) =>\n        props.$enableDateClick ? Colour[\"text-primary\"] : Colour[\"text\"]};\n    white-space: nowrap;\n    display: inline-block;\n    text-wrap: auto;\n    text-align: center;\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    height: unset;\n    cursor: default;\n\n    ${(props) => {\n        if (props.$enableDateClick) {\n            return css`\n                &:hover {\n                    cursor: pointer;\n                    text-decoration: underline;\n                    text-underline-position: under;\n                }\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderArrowButton","styled","IconButton","Spacing","Container","div","Colour","Radius","StyledDateTextButton","Button","Default","props","$enableDateClick","css"],"mappings":"6NASaA,EAAoBC,EAAOC,EAAW;cACrCC,EAAQ;EAGTC,EAAYH,EAAOI,GAAG;;;;;wBAKXC,EAAO;qBACVC,EAAW;EAGnBC,EAAuBP,EAAOQ,EAAOC,QAA6B;aACjEC,GACNA,EAAMC,iBAAmBN,EAAO,gBAAkBA,EAAa;;;;;;;;;;;MAWhEK,IACC,GAAIA,EAAMC,iBACN,OAAOC,CAAG;;;;;;aAOd;"}

package/date-range-input/date-range-input.style.d.ts

@@ -1,34 +0,0 @@
-interface StyleProps {
-    $wrap: boolean;
-    $readOnly?: boolean;
-}
-export declare const MOBILE_WRAP_WIDTH = 320;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, keyof StyleProps> & StyleProps, never>>> & string;
-export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyleProps> & StyleProps, never>>> & string;
-export {};

package/date-range-input/date-range-input.style.js

@@ -1,17 +0,0 @@
-import e,{css as t}from"styled-components";import{InputWrapper as p}from"../shared/input-wrapper/input-wrapper.js";import{Spacing as r}from"../theme/index.js";const i=320,n=e(p)`
-    ${e=>{if(e.$wrap)return!0===e.$readOnly?t`
-                    padding: ${r["spacing-12"]} 0;
-                `:t`
-                padding: ${r["spacing-12"]} ${r["spacing-16"]};
-            `}}
-`,a=e.div`
-    display: flex;
-    align-items: center;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-    width: 100%;
-
-    ${e=>e.$wrap&&t`
-            height: fit-content;
-        `}
-`;export{n as Container,a as InputContainer,i as MOBILE_WRAP_WIDTH};
-//# sourceMappingURL=date-range-input.style.js.map

package/date-range-input/date-range-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-input.style.js","sources":["../../src/date-range-input/date-range-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\nimport { Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface StyleProps {\n    $wrap: boolean;\n    $readOnly?: boolean;\n}\n\nexport const MOBILE_WRAP_WIDTH = 320;\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Container = styled(InputWrapper)<StyleProps>`\n    ${(props) => {\n        if (props.$wrap) {\n            if (props.$readOnly === true) {\n                return css`\n                    padding: ${Spacing[\"spacing-12\"]} 0;\n                `;\n            }\n            return css`\n                padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n            `;\n        }\n    }}\n`;\n\nexport const InputContainer = styled.div<StyleProps>`\n    display: flex;\n    align-items: center;\n    height: calc(3rem - 2px); // exclude top and bottom borders\n    width: 100%;\n\n    ${(props) =>\n        props.$wrap &&\n        css`\n            height: fit-content;\n        `}\n`;\n"],"names":["MOBILE_WRAP_WIDTH","Container","styled","InputWrapper","props","$wrap","$readOnly","css","Spacing","InputContainer","div"],"mappings":"+JAYO,MAAMA,EAAoB,IAKpBC,EAAYC,EAAOC,EAAyB;MAClDC,IACC,GAAIA,EAAMC,MACN,OAAwB,IAApBD,EAAME,UACCC,CAAG;+BACKC,EAAQ;kBAGpBD,CAAG;2BACKC,EAAQ,iBAAiBA,EAAQ;aAEpD;EAIKC,EAAiBP,EAAOQ,GAAe;;;;;;MAM7CN,GACCA,EAAMC,OACNE,CAAG;;;"}

package/deprecate-v2-tokens/data.d.ts

@@ -1,8 +0,0 @@
-export declare const componentMap: {
-    oldName: string;
-    newName: string;
-}[];
-export declare const pathMap: {
-    oldPath: string;
-    newPath: string;
-}[];

package/deprecate-v2-tokens/index.d.ts

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

package/divider/divider.style.d.ts

@@ -1,9 +0,0 @@
-import { ThemeStyleProps } from "../theme/types";
-import { DividerLineStyleType } from "./types";
-interface StyleProps {
-    $thickness: number;
-    $color?: string | ((props: ThemeStyleProps) => string);
-    $lineStyle?: DividerLineStyleType;
-}
-export declare const Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, keyof StyleProps> & StyleProps, never>>> & string;
-export {};

package/divider/divider.style.js

@@ -1,15 +0,0 @@
-import e,{css as o}from"styled-components";import{Colour as r}from"../theme/index.js";const t=e.hr`
-    width: 100%;
-    margin: 0;
-    border: none;
-    ${e=>{switch(e.$lineStyle){case"dashed":return e=>{let t;t="function"==typeof e.$color?e.$color(e):e.$color||r.border(e);const n=encodeURIComponent(t),s=e.$thickness||1;return o`
-        background-color: transparent;
-        height: ${s}px;
-        background-repeat: repeat-x;
-        background-image: url('data:image/svg+xml,<svg width="8" height="${s}" viewBox="0 0 8 1" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="1" x2="6" y2="1" stroke="${n}" stroke-width="${s+1}" stroke-dasharray="4 4" /></svg>');
-    `};case"solid":return o`
-                    height: ${e.$thickness}px;
-                    background-color: ${e.$color||r.border};
-                `}}}
-`;export{t as Line};
-//# sourceMappingURL=divider.style.js.map

package/divider/divider.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.style.js","sources":["../../src/divider/divider.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour } from \"../theme\";\nimport { StyledComponentProps } from \"../theme/helpers\";\nimport { ThemeStyleProps } from \"../theme/types\";\nimport { DividerLineStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface StyleProps {\n    $thickness: number;\n    $color?: string | ((props: ThemeStyleProps) => string);\n    $lineStyle?: DividerLineStyleType;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst dashedLineStyle = () => (props: StyleProps & StyledComponentProps) => {\n    let color: string;\n\n    if (typeof props.$color === \"function\") {\n        color = props.$color(props);\n    } else {\n        color = props.$color || Colour.border(props);\n    }\n\n    const encodedColor = encodeURIComponent(color);\n    const thickness = props.$thickness || 1;\n    const strokeWidth = thickness + 1; // best fit\n\n    return css`\n        background-color: transparent;\n        height: ${thickness}px;\n        background-repeat: repeat-x;\n        background-image: url('data:image/svg+xml,<svg width=\"8\" height=\"${thickness}\" viewBox=\"0 0 8 1\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2\" y1=\"1\" x2=\"6\" y2=\"1\" stroke=\"${encodedColor}\" stroke-width=\"${strokeWidth}\" stroke-dasharray=\"4 4\" /></svg>');\n    `;\n};\n\nexport const Line = styled.hr<StyleProps>`\n    width: 100%;\n    margin: 0;\n    border: none;\n    ${(props) => {\n        switch (props.$lineStyle) {\n            case \"dashed\":\n                return dashedLineStyle();\n            case \"solid\":\n                return css`\n                    height: ${props.$thickness}px;\n                    background-color: ${props.$color || Colour.border};\n                `;\n        }\n    }}\n`;\n"],"names":["Line","styled","hr","props","$lineStyle","color","$color","Colour","border","encodedColor","encodeURIComponent","thickness","$thickness","css"],"mappings":"sFAkBA,MAqBaA,EAAOC,EAAOC,EAAc;;;;MAIlCC,IACC,OAAQA,EAAMC,YACV,IAAK,SACD,OA5BeD,IAC3B,IAAIE,EAGAA,EADwB,mBAAjBF,EAAMG,OACLH,EAAMG,OAAOH,GAEbA,EAAMG,QAAUC,EAAOC,OAAOL,GAG1C,MAAMM,EAAeC,mBAAmBL,GAClCM,EAAYR,EAAMS,YAAc,EAGtC,OAAOC,CAAG;;kBAEIF;;2EAEyDA,qGAA6GF,oBANhKE,EAAY;KAO/B,EAWO,IAAK,QACD,OAAOE,CAAG;8BACIV,EAAMS;wCACIT,EAAMG,QAAUC,EAAOC;;"}

package/error-display/error-display.style.d.ts

@@ -1,26 +0,0 @@
-export declare const Container: 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 Img: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>> & string;
-export declare const TextContainer: 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 Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref" | "as" | "forwardedAs" | keyof import("..").TypographyProps> & import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "forwardedAs"> & Partial<Pick<import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref" | "as" | "forwardedAs" | keyof import("..").TypographyProps> & import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "forwardedAs">>> & string;
-export declare const DescriptionContainer: 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 ActionButton: 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/error-display/error-display.style.js

@@ -1,50 +0,0 @@
-import t from"styled-components";import{applyHtmlContentStyle as i}from"../shared/html-content/html-content.js";import{Button as e}from"../button/button.js";import{MediaQuery as n,Spacing as o,Colour as r}from"../theme/index.js";import{Typography as a}from"../typography/typography.js";const p=t.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-`,s=t.img`
-    position: relative;
-    width: 400px;
-    height: auto;
-
-    ${n.MaxWidth.sm} {
-        width: 320px;
-    }
-
-    ${n.MaxWidth.xs} {
-        width: 288px;
-    }
-
-    ${n.MaxWidth.xxs} {
-        width: 240px;
-    }
-`,m=t.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    max-width: 656px;
-    white-space: pre-wrap;
-`,d=t(a.HeadingMD).attrs((()=>({forwardedAs:"h2"})))`
-    margin: ${o["spacing-32"]} 0 ${o["spacing-16"]};
-    text-align: center;
-`,x=t.div`
-    color: ${r.text};
-    text-align: center;
-
-    ${i({textSize:"body-baseline"})}
-
-    p + p {
-        margin-top: ${o["spacing-16"]};
-    }
-`,c=t(e.Default)`
-    margin: ${o["spacing-32"]} auto 0;
-    width: 21rem;
-
-    ${n.MaxWidth.sm} {
-        width: 100%;
-    }
-`;export{c as ActionButton,p as Container,x as DescriptionContainer,s as Img,m as TextContainer,d as Title};
-//# sourceMappingURL=error-display.style.js.map

package/error-display/error-display.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-display.style.js","sources":["../../src/error-display/error-display.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Button } from \"../button\";\nimport { Colour, MediaQuery, Spacing } from \"../theme\";\nimport { Typography } from \"../typography\";\n\nexport const Container = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n`;\n\nexport const Img = styled.img`\n    position: relative;\n    width: 400px;\n    height: auto;\n\n    ${MediaQuery.MaxWidth.sm} {\n        width: 320px;\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        width: 288px;\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        width: 240px;\n    }\n`;\n\nexport const TextContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    max-width: 656px;\n    white-space: pre-wrap;\n`;\n\nexport const Title = styled(Typography.HeadingMD).attrs(() => ({\n    forwardedAs: \"h2\",\n}))`\n    margin: ${Spacing[\"spacing-32\"]} 0 ${Spacing[\"spacing-16\"]};\n    text-align: center;\n`;\n\nexport const DescriptionContainer = styled.div`\n    color: ${Colour.text};\n    text-align: center;\n\n    ${applyHtmlContentStyle({ textSize: \"body-baseline\" })}\n\n    p + p {\n        margin-top: ${Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const ActionButton = styled(Button.Default)`\n    margin: ${Spacing[\"spacing-32\"]} auto 0;\n    width: 21rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n`;\n"],"names":["Container","styled","div","Img","img","MediaQuery","MaxWidth","sm","xs","xxs","TextContainer","Title","Typography","HeadingMD","attrs","forwardedAs","Spacing","DescriptionContainer","Colour","text","applyHtmlContentStyle","textSize","ActionButton","Button","Default"],"mappings":"8RAMO,MAAMA,EAAYC,EAAOC,GAAG;;;;;;EAQtBC,EAAMF,EAAOG,GAAG;;;;;MAKvBC,EAAWC,SAASC;;;;MAIpBF,EAAWC,SAASE;;;;MAIpBH,EAAWC,SAASG;;;EAKbC,EAAgBT,EAAOC,GAAG;;;;;;;EAS1BS,EAAQV,EAAOW,EAAWC,WAAWC,OAAM,KAAA,CACpDC,YAAa,QACd;cACWC,EAAQ,mBAAmBA,EAAQ;;EAIpCC,EAAuBhB,EAAOC,GAAG;aACjCgB,EAAOC;;;MAGdC,EAAsB,CAAEC,SAAU;;;sBAGlBL,EAAQ;;EAIjBM,EAAerB,EAAOsB,EAAOC,QAAQ;cACpCR,EAAQ;;;MAGhBX,EAAWC,SAASC;;;"}

package/external/@govtechsg/sgds-web-component/themes/day.css.js

@@ -1,2 +0,0 @@
-!function(s,d){if("undefined"!=typeof document&&s){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",document.getElementById(d)||(n.id=d,r.appendChild(n),n.appendChild(document.createTextNode(s)))}}(':root {\n  /* Primitive - Product Primary Color */\n  --sgds-product-primary-100: #f4f2fe;\n  --sgds-product-primary-200: #e1dbfb;\n  --sgds-product-primary-300: #c8bdf7;\n  --sgds-product-primary-400: #a999f3;\n  --sgds-product-primary-500: #8a72ef;\n  --sgds-product-primary-600: #6b4feb;\n  --sgds-product-primary-700: #523abc;\n  --sgds-product-primary-800: #3c2b8a;\n  --sgds-product-primary-900: #2a1e61;\n\n  /* Primitive - Purple Color */\n  --sgds-purple-100: #fbf0fe;\n  --sgds-purple-200: #f2d6fc;\n  --sgds-purple-300: #e6adf9;\n  --sgds-purple-400: #d983f6;\n  --sgds-purple-500: #c94cf2;\n  --sgds-purple-600: #ac1cdb;\n  --sgds-purple-700: #8516a9;\n  --sgds-purple-800: #641180;\n  --sgds-purple-900: #460c5a;\n\n  /* Primitive - Cyan Color */\n  --sgds-cyan-100: #DBf9fd;\n  --sgds-cyan-200: #94edfa;\n  --sgds-cyan-300: #24d5ee;\n  --sgds-cyan-400: #1fb5ca;\n  --sgds-cyan-500: #1993a4;\n  --sgds-cyan-600: #147583;\n  --sgds-cyan-700: #0f5a65;\n  --sgds-cyan-800: #0b434b;\n  --sgds-cyan-900: #082e34;\n\n  /* Primitive - Green Color */\n  --sgds-green-100: #e3f9ed;\n  --sgds-green-200: #b1edcb;\n  --sgds-green-300: #62db96;\n  --sgds-green-400: #16bd5e;\n  --sgds-green-500: #129a4d;\n  --sgds-green-600: #0e7c3d;\n  --sgds-green-700: #0b5e2f;\n  --sgds-green-800: #084523;\n  --sgds-green-900: #063119;\n\n  /* Primitive - Blue Color */\n  --sgds-blue-100: #ecf5fe;\n  --sgds-blue-200: #c8e2fb;\n  --sgds-blue-300: #96c7f7;\n  --sgds-blue-400: #60aaf4;\n  --sgds-blue-500: #1e87ef;\n  --sgds-blue-600: #0269d0;\n  --sgds-blue-700: #0151a0;\n  --sgds-blue-800: #013c77;\n  --sgds-blue-900: #012a54;\n\n  /* Primitive - Yellow Color */\n  --sgds-yellow-100: #fef4cb;\n  --sgds-yellow-200: #fcde63;\n  --sgds-yellow-300: #e5bf29;\n  --sgds-yellow-400: #c2a223;\n  --sgds-yellow-500: #9d841c;\n  --sgds-yellow-600: #7e6917;\n  --sgds-yellow-700: #605111;\n  --sgds-yellow-800: #483c0d;\n  --sgds-yellow-900: #322909;\n\n  /* Primitive - Red Color */\n  --sgds-red-100: #fcf1f1;\n  --sgds-red-200: #f8d7d7;\n  --sgds-red-300: #f1b2b2;\n  --sgds-red-400: #e98b8b;\n  --sgds-red-500: #e05959;\n  --sgds-red-600: #cf2323;\n  --sgds-red-700: #a11b1b;\n  --sgds-red-800: #791414;\n  --sgds-red-900: #550e0e;\n\n  /* Primitive - Gray Color */\n  --sgds-gray-000: #ffffff;\n  --sgds-gray-100: #f3f3f3;\n  --sgds-gray-200: #dfdfdf;\n  --sgds-gray-300: #c6c6c6;\n  --sgds-gray-400: #a5a5a5;\n  --sgds-gray-500: #868686;\n  --sgds-gray-600: #6b6b6b;\n  --sgds-gray-700: #525252;\n  --sgds-gray-800: #3b3b3b;\n  --sgds-gray-900: #2a2a2a;\n  --sgds-gray-1000: #1a1a1a;\n  --sgds-gray-1100: #0e0e0e;\n\n  /* Primitive - Border Width */\n  --sgds-border-width-0: 0px;\n  --sgds-border-width-1: 1px;\n  --sgds-border-width-2: 2px;\n  --sgds-border-width-3: 3px;\n  --sgds-border-width-4: 4px;\n  --sgds-form-border-width-default: var(--sgds-border-width-1);\n  --sgds-form-border-width-thick: var(--sgds-border-width-2);\n\n  /* Primitive - Border Radius */\n  --sgds-border-radius-none: 0px;\n  --sgds-border-radius-xs: 2px;\n  --sgds-border-radius-sm: 4px;\n  --sgds-border-radius-md: 8px;\n  --sgds-border-radius-lg: 12px;\n  --sgds-border-radius-xl: 16px;\n  --sgds-border-radius-2-xl: 24px;\n  --sgds-border-radius-full: 999px;\n  --sgds-form-border-radius-none: var(--sgds-border-radius-none);\n  --sgds-form-border-radius-xs: var(--sgds-border-radius-xs);\n  --sgds-form-border-radius-sm: var(--sgds-border-radius-sm);\n  --sgds-form-border-radius-md: var(--sgds-border-radius-md);\n  --sgds-form-border-radius-full: var(--sgds-border-radius-full);\n\n  /* Primitive - Breakpoint */\n  --sgds-breakpoint-xs: var(--sgds-dimension-320);\n  --sgds-breakpoint-sm: var(--sgds-dimension-512);\n  --sgds-breakpoint-md: var(--sgds-dimension-768);\n  --sgds-breakpoint-lg: var(--sgds-dimension-1024);\n  --sgds-breakpoint-xl: var(--sgds-dimension-1280);\n  --sgds-breakpoint-2-xl: var(--sgds-dimension-1440);\n\n  /* Primitive - Font Family */\n  --sgds-font-family-brand: "Inter", system-ui, sans-serif;\n\n  /* Primitive - Font Weight */\n  --sgds-font-weight-light: 300;\n  --sgds-font-weight-regular: 400;\n  --sgds-font-weight-semibold: 600;\n  --sgds-font-weight-bold: 700;\n\n  /* Primitive - Font Size */\n  --sgds-font-size-1: 0.875rem;\n  --sgds-font-size-2: 1rem;\n  --sgds-font-size-3: 1.25rem;\n  --sgds-font-size-4: 1.5rem;\n  --sgds-font-size-5: 1.75rem;\n  --sgds-font-size-6: 2rem;\n  --sgds-font-size-7: 2.5rem;\n  --sgds-font-size-8: 3rem;\n  --sgds-font-size-9: 3.5rem;\n\n  /* Primitive - Icon Size */\n  --sgds-icon-size-sm: 1rem;\n  --sgds-icon-size-md: 1.25rem;\n  --sgds-icon-size-lg: 1.5rem;\n  --sgds-icon-size-xl: 2rem;\n  --sgds-icon-size-2-xl: 3rem;\n  --sgds-icon-size-3-xl: 4rem;\n\n  /* Primitive - Letter Spacing */\n  --sgds-letter-spacing-tighter: -1px;\n  --sgds-letter-spacing-tight: -0.4px;\n  --sgds-letter-spacing-normal: 0px;\n  --sgds-letter-spacing-wide: 1px;\n  --sgds-letter-spacing-wider: 2px;\n\n  /* Primitive - Line Height */\n  --sgds-line-height-body: 1.5;\n  --sgds-line-height-heading: 1.2;\n  --sgds-line-height-min: 20px;\n\n  /* Primitive - Opacity */\n  --sgds-opacity-0: 0;\n  --sgds-opacity-5: 0.05;\n  --sgds-opacity-10: 0.1;\n  --sgds-opacity-20: 0.2;\n  --sgds-opacity-30: 0.3;\n  --sgds-opacity-40: 0.4;\n  --sgds-opacity-50: 0.5;\n  --sgds-opacity-60: 0.6;\n  --sgds-opacity-70: 0.7;\n  --sgds-opacity-80: 0.8;\n  --sgds-opacity-90: 0.9;\n  --sgds-opacity-100: 1;\n\n  /* Primitive - Paragraph Spacing */\n  --sgds-paragraph-spacing-none: 0;\n  --sgds-paragraph-spacing-sm: 0.5rem;\n  --sgds-paragraph-spacing-md: 1rem;\n  --sgds-paragraph-spacing-lg: 1.5rem;\n  --sgds-paragraph-spacing-xl: 2rem;\n\n  /* Primitive - Spacer */\n  --sgds-spacer-0: 0rem;\n  --sgds-spacer-1: 0.125rem;\n  --sgds-spacer-2: 0.25rem;\n  --sgds-spacer-3: 0.5rem;\n  --sgds-spacer-4: 0.75rem;\n  --sgds-spacer-5: 1rem;\n  --sgds-spacer-6: 1.25rem;\n  --sgds-spacer-7: 1.5rem;\n  --sgds-spacer-8: 2rem;\n  --sgds-spacer-9: 3rem;\n  --sgds-spacer-10: 4rem;\n  --sgds-spacer-11: 6rem;\n  --sgds-spacer-12: 8rem;\n\n  /* Primitive - Dimension */\n  --sgds-dimension-0: 0px;\n  --sgds-dimension-1: 1px;\n  --sgds-dimension-2: 2px;\n  --sgds-dimension-4: 4px;\n  --sgds-dimension-8: 8px;\n  --sgds-dimension-12: 12px;\n  --sgds-dimension-16: 16px;\n  --sgds-dimension-20: 20px;\n  --sgds-dimension-24: 24px;\n  --sgds-dimension-32: 32px;\n  --sgds-dimension-40: 40px;\n  --sgds-dimension-48: 48px;\n  --sgds-dimension-52: 52px;\n  --sgds-dimension-56: 56px;\n  --sgds-dimension-60: 60px;\n  --sgds-dimension-64: 64px;\n  --sgds-dimension-72: 72px;\n  --sgds-dimension-76: 76px;\n  --sgds-dimension-80: 80px;\n  --sgds-dimension-88: 88px;\n  --sgds-dimension-96: 96px;\n  --sgds-dimension-112: 112px;\n  --sgds-dimension-120: 120px;\n  --sgds-dimension-128: 128px;\n  --sgds-dimension-132: 132px;\n  --sgds-dimension-136: 136px;\n  --sgds-dimension-144: 144px;\n  --sgds-dimension-168: 168px;\n  --sgds-dimension-192: 192px;\n  --sgds-dimension-224: 224px;\n  --sgds-dimension-256: 256px;\n  --sgds-dimension-280: 280px;\n  --sgds-dimension-288: 288px;\n  --sgds-dimension-320: 320px;\n  --sgds-dimension-328: 328px;\n  --sgds-dimension-340: 340px;\n  --sgds-dimension-384: 384px;\n  --sgds-dimension-480: 480px;\n  --sgds-dimension-512: 512px;\n  --sgds-dimension-688: 688px;\n  --sgds-dimension-768: 768px;\n  --sgds-dimension-1024: 1024px;\n  --sgds-dimension-1280: 1280px;\n  --sgds-dimension-1440: 1440px;\n\n  /* Semantic - Padding */\n  --sgds-padding-none: var(--sgds-spacer-0);\n  --sgds-padding-3-xs: var(--sgds-spacer-1);\n  --sgds-padding-2-xs: var(--sgds-spacer-2);\n  --sgds-padding-xs: var(--sgds-spacer-3);\n  --sgds-padding-sm: var(--sgds-spacer-4);\n  --sgds-padding-md: var(--sgds-spacer-5);\n  --sgds-padding-lg: var(--sgds-spacer-6);\n  --sgds-padding-xl: var(--sgds-spacer-7);\n  --sgds-padding-2-xl: var(--sgds-spacer-8);\n  --sgds-padding-3-xl: var(--sgds-spacer-9);\n  --sgds-padding-4-xl: var(--sgds-spacer-10);\n  --sgds-padding-5-xl: var(--sgds-spacer-11);\n  --sgds-form-padding-x: var(--sgds-padding-md);\n  --sgds-form-padding-y: var(--sgds-padding-sm);\n  --sgds-form-padding-inline-xs: var(--sgds-padding-3-xs);\n  --sgds-form-padding-inline-sm: var(--sgds-padding-2-xs);\n  --sgds-form-padding-inline-md: var(--sgds-padding-xs);\n  --sgds-form-padding-inline-lg: var(--sgds-padding-sm);\n  --sgds-form-padding-inline-xl: var(--sgds-padding-md);\n\n  --sgds-margin-none: var(--sgds-spacer-0);\n  --sgds-margin-3-xs: var(--sgds-spacer-3);\n  --sgds-margin-2-xs: var(--sgds-spacer-5);\n  --sgds-margin-xs: var(--sgds-spacer-6);\n  --sgds-margin-sm: var(--sgds-spacer-7);\n  --sgds-margin-md: var(--sgds-spacer-8);\n  --sgds-margin-lg: var(--sgds-spacer-9);\n  --sgds-margin-xl: var(--sgds-spacer-10);\n  --sgds-margin-2-xl: var(--sgds-spacer-11);\n  --sgds-margin-3-xl: var(--sgds-spacer-12);\n\n  --sgds-gap-none: var(--sgds-spacer-0);\n  --sgds-gap-2-xs: var(--sgds-spacer-2);\n  --sgds-gap-xs: var(--sgds-spacer-3);\n  --sgds-gap-sm: var(--sgds-spacer-4);\n  --sgds-gap-md: var(--sgds-spacer-5);\n  --sgds-gap-lg: var(--sgds-spacer-6);\n  --sgds-gap-xl: var(--sgds-spacer-7);\n  --sgds-gap-2-xl: var(--sgds-spacer-8);\n  --sgds-form-gap-sm: var(--sgds-gap-2-xs);\n  --sgds-form-gap-md: var(--sgds-gap-xs);\n  --sgds-form-gap-lg: var(--sgds-gap-sm);\n  --sgds-form-gap-xl: var(--sgds-gap-md);\n  --sgds-form-gap-2-xl: var(--sgds-gap-xl);\n\n  --sgds-form-height-3-xs: var(--sgds-dimension-12);\n  --sgds-form-height-2-xs: var(--sgds-dimension-16);\n  --sgds-form-height-xs: var(--sgds-dimension-20);\n  --sgds-form-height-sm: var(--sgds-dimension-24);\n  --sgds-form-height-md: var(--sgds-dimension-32);\n  --sgds-form-height-lg: var(--sgds-dimension-40);\n  --sgds-form-height-xl: var(--sgds-dimension-48);\n  --sgds-form-height-2-xl: var(--sgds-dimension-56);\n\n  --sgds-form-width-3-xs: var(--sgds-dimension-12);\n  --sgds-form-width-2-xs: var(--sgds-dimension-16);\n  --sgds-form-width-xs: var(--sgds-dimension-24);\n  --sgds-form-width-sm: var(--sgds-dimension-32);\n  --sgds-form-width-md: var(--sgds-dimension-40);\n  --sgds-form-width-lg: var(--sgds-dimension-48);\n  --sgds-form-width-xl: var(--sgds-dimension-56);\n  --sgds-form-width-2-xl: var(--sgds-dimension-64);\n  --sgds-form-width-3-xl: var(--sgds-dimension-72);\n  --sgds-form-width-4-xl: var(--sgds-dimension-80);\n\n  /* Semantic - Form Icon Size */\n  --sgds-form-icon-size-sm: var(--sgds-icon-size-sm);\n  --sgds-form-icon-size-md: var(--sgds-icon-size-md);\n  --sgds-form-icon-size-lg: var(--sgds-icon-size-lg);\n\n  --sgds-box-shadow-focus: 0px 0px 0px 4px var(--sgds-blue-400);\n  --sgds-form-box-shadow-focus: var(--sgds-box-shadow-focus);\n\n  /* Masthead and Mainnav Max Width and Padding */\n  --sgds-mainnav-max-width: 1440px;\n  --sgds-mainnav-padding-x: 2rem;\n  --sgds-mainnav-mobile-padding-x: 1.25rem;\n}\n:root {\n  color-scheme: only light;\n\n  /* Semantic - Default Colors */\n  --sgds-bg-default: var(--sgds-gray-000);\n  --sgds-bg-alternate: var(--sgds-gray-100);\n  --sgds-bg-fixed-light: var(--sgds-gray-000);\n  --sgds-bg-fixed-dark: var(--sgds-gray-1100);\n  --sgds-bg-overlay: oklch(from var(--sgds-gray-1100) l c h / 0.4);\n  --sgds-bg-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.1);\n  --sgds-bg-translucent-subtle: oklch(from var(--sgds-gray-1100) l c h / 0.05);\n  --sgds-bg-transparent: transparent;\n  --sgds-surface-default: var(--sgds-gray-000);\n  --sgds-surface-raised: var(--sgds-gray-100);\n  --sgds-surface-inverse: var(--sgds-gray-900);\n  --sgds-surface-fixed-light: var(--sgds-gray-000);\n  --sgds-surface-fixed-dark: var(--sgds-gray-900);\n  --sgds-color-default: var(--sgds-gray-1000);\n  --sgds-color-subtle: var(--sgds-gray-700);\n  --sgds-color-muted: var(--sgds-gray-300);\n  --sgds-color-inverse: var(--sgds-gray-100);\n  --sgds-color-fixed-light: var(--sgds-gray-100);\n  --sgds-color-fixed-dark: var(--sgds-gray-1000);\n  --sgds-color-transparent: transparent;\n  --sgds-border-color-default: var(--sgds-gray-500);\n  --sgds-border-color-emphasis: var(--sgds-gray-800);\n  --sgds-border-color-muted: var(--sgds-gray-200);\n  --sgds-border-color-fixed-light: var(--sgds-gray-000);\n  --sgds-border-color-fixed-dark: var(--sgds-gray-1000);\n  --sgds-border-color-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.05);\n  --sgds-border-color-transparent: transparent;\n\n  /* Semantic - Primary Colors */\n  --sgds-primary-bg-default: var(--sgds-product-primary-700);\n  --sgds-primary-bg-muted: var(--sgds-product-primary-100);\n  --sgds-primary-bg-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);\n  --sgds-primary-surface-default: var(--sgds-product-primary-700);\n  --sgds-primary-surface-emphasis: var(--sgds-product-primary-800);\n  --sgds-primary-surface-muted: var(--sgds-product-primary-100);\n  --sgds-primary-surface-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);\n  --sgds-primary-color-default: var(--sgds-product-primary-600);\n  --sgds-primary-color-emphasis: var(--sgds-product-primary-700);\n  --sgds-primary-color-fixed-light: var(--sgds-product-primary-400);\n  --sgds-primary-color-fixed-dark: var(--sgds-product-primary-700);\n  --sgds-primary-border-color-default: var(--sgds-product-primary-500);\n  --sgds-primary-border-color-emphasis: var(--sgds-product-primary-700);\n  --sgds-primary-border-color-muted: var(--sgds-product-primary-300);\n\n  /* Semantic - Success Colors */\n  --sgds-success-bg-default: var(--sgds-green-700);\n  --sgds-success-bg-muted: var(--sgds-green-100);\n  --sgds-success-surface-default: var(--sgds-green-700);\n  --sgds-success-surface-emphasis: var(--sgds-green-800);\n  --sgds-success-surface-muted: var(--sgds-green-100);\n  --sgds-success-color-default: var(--sgds-green-600);\n  --sgds-success-color-emphasis: var(--sgds-green-700);\n  --sgds-success-color-fixed-light: var(--sgds-green-400);\n  --sgds-success-color-fixed-dark: var(--sgds-green-700);\n  --sgds-success-border-color-default: var(--sgds-green-500);\n  --sgds-success-border-color-emphasis: var(--sgds-green-700);\n  --sgds-success-border-color-muted: var(--sgds-green-300);\n\n  /* Semantic - Danger Colors */\n  --sgds-danger-bg-default: var(--sgds-red-700);\n  --sgds-danger-bg-muted: var(--sgds-red-100);\n  --sgds-danger-surface-default: var(--sgds-red-700);\n  --sgds-danger-surface-emphasis: var(--sgds-red-800);\n  --sgds-danger-surface-muted: var(--sgds-red-100);\n  --sgds-danger-color-default: var(--sgds-red-600);\n  --sgds-danger-color-emphasis: var(--sgds-red-700);\n  --sgds-danger-color-fixed-light: var(--sgds-red-400);\n  --sgds-danger-color-fixed-dark: var(--sgds-red-700);\n  --sgds-danger-border-color-default: var(--sgds-red-500);\n  --sgds-danger-border-color-emphasis: var(--sgds-red-700);\n  --sgds-danger-border-color-muted: var(--sgds-red-300);\n\n  /* Semantic - Warning Colors */\n  --sgds-warning-bg-default: var(--sgds-yellow-200);\n  --sgds-warning-bg-muted: var(--sgds-yellow-100);\n  --sgds-warning-surface-default: var(--sgds-yellow-200);\n  --sgds-warning-surface-emphasis: var(--sgds-yellow-700);\n  --sgds-warning-surface-muted: var(--sgds-yellow-100);\n  --sgds-warning-color-default: var(--sgds-yellow-600);\n  --sgds-warning-color-emphasis: var(--sgds-yellow-700);\n  --sgds-warning-color-fixed-light: var(--sgds-yellow-300);\n  --sgds-warning-color-fixed-dark: var(--sgds-yellow-700);\n  --sgds-warning-border-color-default: var(--sgds-yellow-500);\n  --sgds-warning-border-color-emphasis: var(--sgds-yellow-700);\n  --sgds-warning-border-color-muted: var(--sgds-yellow-300);\n\n  /* Semantic - Neutral Colors */\n  --sgds-neutral-bg-default: var(--sgds-gray-700);\n  --sgds-neutral-bg-muted: var(--sgds-gray-100);\n  --sgds-neutral-surface-default: var(--sgds-gray-800);\n  --sgds-neutral-surface-emphasis: var(--sgds-gray-800);\n  --sgds-neutral-surface-muted: var(--sgds-gray-100);\n  --sgds-neutral-color-default: var(--sgds-gray-600);\n  --sgds-neutral-color-emphasis: var(--sgds-gray-700);\n  --sgds-neutral-color-fixed-light: var(--sgds-gray-400);\n  --sgds-neutral-color-fixed-dark: var(--sgds-gray-700);\n  --sgds-neutral-border-color-default: var(--sgds-gray-500);\n  --sgds-neutral-border-color-emphasis: var(--sgds-gray-700);\n  --sgds-neutral-border-color-subtle: var(--sgds-gray-300);\n\n  /* Semantic - Display Colors */\n  --sgds-display-color-default: var(--sgds-gray-1000);\n  --sgds-display-color-subtle: var(--sgds-gray-800);\n\n  /* Semantic - Header Colors */\n  --sgds-header-color-default: var(--sgds-gray-900);\n  --sgds-header-color-subtle: var(--sgds-gray-800);\n\n  /* Semantic - Body Colors */\n  --sgds-body-color-default: var(--sgds-gray-1000);\n  --sgds-body-color-subtle: var(--sgds-gray-700);\n\n  /* Semantic - Label Colors */\n  --sgds-label-color-default: var(--sgds-gray-900);\n  --sgds-label-color-subtle: var(--sgds-gray-700);\n\n  /* Semantic - Caption Color */\n  --sgds-caption-color: var(--sgds-gray-600);\n\n  /* Semantic - Link Color */\n  --sgds-link-color-default: var(--sgds-blue-600);\n  --sgds-link-color-emphasis: var(--sgds-blue-700);\n\n  /* Semantic - Form Color */\n  --sgds-form-surface-default: var(--sgds-gray-000);\n  --sgds-form-surface-emphasis: var(--sgds-gray-700);\n  --sgds-form-surface-subtle: var(--sgds-gray-400);\n  --sgds-form-surface-muted: var(--sgds-gray-200);\n  --sgds-form-surface-inverse: var(--sgds-gray-900);\n  --sgds-form-surface-fixed-light: var(--sgds-gray-000);\n  --sgds-form-surface-fixed-dark: var(--sgds-gray-900);\n  --sgds-form-color-default: var(--sgds-gray-900);\n  --sgds-form-color-subtle: var(--sgds-gray-700);\n  --sgds-form-color-muted: var(--sgds-gray-300);\n  --sgds-form-color-inverse: var(--sgds-gray-100);\n  --sgds-form-color-fixed-light: var(--sgds-gray-000);\n  --sgds-form-color-fixed-dark: var(--sgds-gray-1100);\n  --sgds-form-primary-surface-default: var(--sgds-product-primary-700);\n  --sgds-form-primary-surface-emphasis: var(--sgds-product-primary-800);\n  --sgds-form-primary-color-default: var(--sgds-product-primary-700);\n  --sgds-form-success-surface-default: var(--sgds-green-700);\n  --sgds-form-success-color-default: var(--sgds-green-600);\n  --sgds-form-success-border-color-default: var(--sgds-green-500);\n  --sgds-form-danger-surface-default: var(--sgds-red-700);\n  --sgds-form-danger-color-default: var(--sgds-red-600);\n  --sgds-form-danger-border-color-default: var(--sgds-red-500);\n}\n',"lifesg-ds-masthead-stylesheet-day");
-//# sourceMappingURL=day.css.js.map

package/external/@govtechsg/sgds-web-component/themes/day.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"day.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}