@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.2

package/cjs/shared/standalone-date-input/standalone-date-input.style.js

@@ -1,49 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_theme/index.js"),r=require("../input-wrapper/input-wrapper.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n=o.default.div`
-    display: flex;
-    align-items: center;
-    position: relative;
-
-    flex: 1;
-`,a=o.default.div`
-    display: flex;
-    align-items: center;
-
-    ${r=>{if(r.$hover)return e.css`
-                ${l}, ${p} {
-                    color: ${t.V3_Colour["text-subtler"]};
-                }
-            `}}
-`,l=o.default(r.BasicInput)`
-    background: transparent;
-    text-align: center;
-`,s=o.default(l)`
-    width: 2rem;
-    margin-right: ${t.V3_Spacing["spacing-4"]};
-`,u=o.default(l)`
-    width: 2.5rem;
-`,d=o.default(l)`
-    width: 3rem;
-    margin-left: ${t.V3_Spacing["spacing-4"]};
-`,p=o.default.span`
-    ${t.V3_Font["body-baseline-regular"]}
-    ${r=>{if(r.$inactive)return e.css`
-                color: ${t.V3_Colour.text};
-            `}}
-`,c=o.default.div`
-    ${t.V3_Font["body-baseline-regular"]}
-    background-color: ${t.V3_Colour.bg};
-    color: ${t.V3_Colour["text-subtler"]};
-    position: absolute;
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-
-    ${r=>r.$disabled?e.css`
-                background-color: ${t.V3_Colour["bg-disabled"]};
-                cursor: not-allowed;
-            `:r.$hide?e.css`
-                display: none;
-            `:void 0}
-`;exports.DayInput=s,exports.Divider=p,exports.InputContainer=a,exports.InputSection=n,exports.MonthInput=u,exports.Placeholder=c,exports.YearInput=d;
-//# sourceMappingURL=standalone-date-input.style.js.map

package/cjs/shared/standalone-date-input/standalone-date-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standalone-date-input.style.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../../v3_theme\";\nimport { BasicInput } from \"../input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\ninterface PlaceholderStyleProps {\n    $hide?: boolean;\n    $disabled?: boolean;\n}\n\ninterface DividerStyleProps {\n    $inactive?: boolean;\n}\n\ninterface InputContainerStyleProps {\n    $hover?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputSection = styled.div`\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    flex: 1;\n`;\n\nexport const InputContainer = styled.div<InputContainerStyleProps>`\n    display: flex;\n    align-items: center;\n\n    ${(props) => {\n        if (props.$hover) {\n            return css`\n                ${BaseInput}, ${Divider} {\n                    color: ${V3_Colour[\"text-subtler\"]};\n                }\n            `;\n        }\n    }}\n`;\n\nconst BaseInput = styled(BasicInput)`\n    background: transparent;\n    text-align: center;\n`;\n\nexport const DayInput = styled(BaseInput)`\n    width: 2rem;\n    margin-right: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const MonthInput = styled(BaseInput)`\n    width: 2.5rem;\n`;\n\nexport const YearInput = styled(BaseInput)`\n    width: 3rem;\n    margin-left: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const Divider = styled.span<DividerStyleProps>`\n    ${V3_Font[\"body-baseline-regular\"]}\n    ${(props) => {\n        if (props.$inactive) {\n            return css`\n                color: ${V3_Colour[\"text\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Placeholder = styled.div<PlaceholderStyleProps>`\n    ${V3_Font[\"body-baseline-regular\"]}\n    background-color: ${V3_Colour[\"bg\"]};\n    color: ${V3_Colour[\"text-subtler\"]};\n    position: absolute;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                background-color: ${V3_Colour[\"bg-disabled\"]};\n                cursor: not-allowed;\n            `;\n        } else if (props.$hide) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n"],"names":["InputSection","styled","div","InputContainer","props","$hover","css","BaseInput","Divider","V3_Colour","BasicInput","DayInput","V3_Spacing","MonthInput","YearInput","span","V3_Font","$inactive","Placeholder","$disabled","$hide"],"mappings":"uNA0BO,MAAMA,EAAeC,EAAAA,QAAOC,GAAG;;;;;;EAQzBC,EAAiBF,EAAAA,QAAOC,GAA6B;;;;MAI3DE,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;kBACJC,MAAcC;6BACHC,EAAAA,UAAU;;aAG/B;EAIFF,EAAYN,EAAAA,QAAOS,EAAAA,WAAW;;;EAKvBC,EAAWV,EAAAA,QAAOM,EAAU;;oBAErBK,EAAAA,WAAW;EAGlBC,EAAaZ,EAAAA,QAAOM,EAAU;;EAI9BO,EAAYb,EAAAA,QAAOM,EAAU;;mBAEvBK,EAAAA,WAAW;EAGjBJ,EAAUP,EAAAA,QAAOc,IAAuB;MAC/CC,EAAAA,QAAQ;MACPZ,IACC,GAAIA,EAAMa,UACN,OAAOX,KAAG;yBACGG,EAAAA,UAAgB;aAEjC;EAIKS,EAAcjB,EAAAA,QAAOC,GAA0B;MACtDc,EAAAA,QAAQ;wBACUP,EAAAA,UAAc;aACzBA,EAAAA,UAAU;;;;;;;MAOhBL,GACKA,EAAMe,UACCb,KAAG;oCACcG,EAAAA,UAAU;;cAG3BL,EAAMgB,MACNd,KAAG;;mBADP;"}

package/cjs/shared/toggle-icon/toggle-icon.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@lifesg/react-icons/circle"),c=require("@lifesg/react-icons/circle-dot"),s=require("@lifesg/react-icons/cross"),i=require("@lifesg/react-icons/square"),a=require("@lifesg/react-icons/square-tick-fill"),l=require("@lifesg/react-icons/tick"),t=require("./toggle-icon.styles.js");exports.ToggleIcon=({type:o,active:n=!1,disabled:u,className:q})=>{let d;switch(o){case"checkbox":d=n?e.jsx(a.SquareTickFillIcon,{}):e.jsx(i.SquareIcon,{});break;case"radio":d=n?e.jsx(c.CircleDotIcon,{}):e.jsx(r.CircleIcon,{});break;case"tick":d=e.jsx(l.TickIcon,{});break;case"cross":d=e.jsx(s.CrossIcon,{});break;default:d=null}return e.jsx(t.Wrapper,{className:q,$active:n,$disabled:u,"aria-hidden":!0,children:d})};
-//# sourceMappingURL=toggle-icon.js.map

package/cjs/shared/toggle-icon/toggle-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-icon.js","sources":["../../../../src/shared/toggle-icon/toggle-icon.tsx"],"sourcesContent":["import { CircleIcon } from \"@lifesg/react-icons/circle\";\nimport { CircleDotIcon } from \"@lifesg/react-icons/circle-dot\";\nimport { CrossIcon } from \"@lifesg/react-icons/cross\";\nimport { SquareIcon } from \"@lifesg/react-icons/square\";\nimport { SquareTickFillIcon } from \"@lifesg/react-icons/square-tick-fill\";\nimport { TickIcon } from \"@lifesg/react-icons/tick\";\n\nimport { Wrapper } from \"./toggle-icon.styles\";\n\nexport type ToggleIconType = \"checkbox\" | \"radio\" | \"tick\" | \"cross\";\n\nexport interface ToggleIconProps {\n    type: ToggleIconType;\n    active?: boolean | undefined;\n    disabled?: boolean | undefined;\n    className?: string | undefined;\n}\n\nexport const ToggleIcon = ({\n    type,\n    active = false,\n    disabled,\n    className,\n}: ToggleIconProps) => {\n    let component: JSX.Element | null;\n\n    switch (type) {\n        case \"checkbox\":\n            component = active ? <SquareTickFillIcon /> : <SquareIcon />;\n            break;\n        case \"radio\":\n            component = active ? <CircleDotIcon /> : <CircleIcon />;\n            break;\n        case \"tick\":\n            component = <TickIcon />;\n            break;\n        case \"cross\":\n            component = <CrossIcon />;\n            break;\n        default:\n            component = null;\n            break;\n    }\n\n    return (\n        <Wrapper\n            className={className}\n            $active={active}\n            $disabled={disabled}\n            aria-hidden\n        >\n            {component}\n        </Wrapper>\n    );\n};\n"],"names":["type","active","disabled","className","component","_jsx","SquareTickFillIcon","SquareIcon","CircleDotIcon","CircleIcon","TickIcon","CrossIcon","Wrapper","$active","children"],"mappings":"mWAkB0B,EACtBA,OACAC,UAAS,EACTC,WACAC,gBAEA,IAAIC,EAEJ,OAAQJ,GACJ,IAAK,WACDI,EAAYH,EAASI,EAAAA,IAACC,EAAAA,mBAAkB,CAAA,GAAMD,EAAAA,IAACE,EAAAA,eAC/C,MACJ,IAAK,QACDH,EAAYH,EAASI,EAAAA,IAACG,EAAAA,cAAa,CAAA,GAAMH,EAAAA,IAACI,EAAAA,eAC1C,MACJ,IAAK,OACDL,EAAYC,EAAAA,IAACK,EAAAA,SAAQ,IACrB,MACJ,IAAK,QACDN,EAAYC,EAAAA,IAACM,EAAAA,UAAS,IACtB,MACJ,QACIP,EAAY,KAIpB,OACIC,EAAAA,IAACO,EAAAA,QAAO,CACJT,UAAWA,EAASU,QACXZ,YACEC,EAAQ,eAAA,EAAAY,SAGlBV,GACK"}

package/cjs/shared/toggle-icon/toggle-icon.styles.js

@@ -1,22 +0,0 @@
-"use strict";var e=require("styled-components"),o=require("../../v3_theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=r(e).default.div`
-    height: 1.625rem;
-    width: 1.625rem;
-    margin-right: 0.5rem;
-    flex-shrink: 0;
-
-    svg {
-        height: 100%;
-        width: 100%;
-    }
-
-    ${r=>r.$disabled?r.$active?e.css`
-                    color: ${o.V3_Colour["icon-selected-disabled"]};
-                `:e.css`
-                    color: ${o.V3_Colour["icon-disabled-subtle"]};
-                `:r.$active?e.css`
-                color: ${o.V3_Colour["icon-selected"]};
-            `:e.css`
-            color: ${o.V3_Colour["icon-subtle"]};
-        `};
-`;exports.Wrapper=t;
-//# sourceMappingURL=toggle-icon.styles.js.map

package/cjs/shared/toggle-icon/toggle-icon.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-icon.styles.js","sources":["../../../../src/shared/toggle-icon/toggle-icon.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour } from \"../../v3_theme\";\n\ninterface StyleProps {\n    $active?: boolean;\n    $disabled?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div<StyleProps>`\n    height: 1.625rem;\n    width: 1.625rem;\n    margin-right: 0.5rem;\n    flex-shrink: 0;\n\n    svg {\n        height: 100%;\n        width: 100%;\n    }\n\n    ${(props) => {\n        if (props.$disabled) {\n            if (props.$active) {\n                return css`\n                    color: ${V3_Colour[\"icon-selected-disabled\"]};\n                `;\n            } else {\n                return css`\n                    color: ${V3_Colour[\"icon-disabled-subtle\"]};\n                `;\n            }\n        }\n\n        if (props.$active) {\n            return css`\n                color: ${V3_Colour[\"icon-selected\"]};\n            `;\n        }\n\n        return css`\n            color: ${V3_Colour[\"icon-subtle\"]};\n        `;\n    }};\n`;\n"],"names":["Wrapper","styled","div","props","$disabled","$active","css","V3_Colour"],"mappings":"6JAYO,MAAMA,OAAUC,QAAOC,GAAe;;;;;;;;;;;MAWtCC,GACKA,EAAMC,UACFD,EAAME,QACCC,KAAG;6BACGC,EAAAA,UAAU;kBAGhBD,KAAG;6BACGC,EAAAA,UAAU;kBAK3BJ,EAAME,QACCC,KAAG;yBACGC,EAAAA,UAAU;cAIpBD,KAAG;qBACGC,EAAAA,UAAU;;"}

package/cjs/singpass-button/singpass-button.style.js

@@ -1,46 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../v3_theme/index.js"),r=require("../v3_theme/components/theme-helper.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const o=n.default.button`
-    padding: ${t.V3_Spacing["spacing-8"]} ${t.V3_Spacing["spacing-16"]};
-    transition: all ${t.V3_Motion["duration-250"]} ${t.V3_Motion["ease-default"]};
-    border-radius: ${r.V3_ThemeButton["button-radius"]};
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    ${r=>"red-filled"===r.$buttonStyle?e.css`
-                background-color: #f4333d;
-                border: none;
-
-                &:hover,
-                &:active {
-                    @media (pointer: fine) {
-                        background-color: #b0262d;
-                    }
-                }
-            `:e.css`
-            background-color: ${t.V3_Colour.Primitive.white};
-            border: 1px #c8c9cc solid;
-
-            &:hover,
-            &:active {
-                @media (pointer: fine) {
-                    background-color: #f5f5f7;
-                }
-            }
-        `}
-
-    ${t=>{switch(t.$buttonSizeStyle){case"small":return e.css`
-                    height: 2.5rem;
-                `;case"large":return e.css`
-                    min-height: 4rem;
-                `;default:return e.css`
-                    min-height: 3rem;
-                `}}}
-`,a=n.default.span`
-    img {
-        height: 100%;
-    }
-
-    height: ${e=>"large"===e.$buttonSizeStyle?2.5:1.5}rem;
-`;exports.Main=o,exports.SvgContainer=a;
-//# sourceMappingURL=singpass-button.style.js.map

package/cjs/singpass-button/singpass-button.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"singpass-button.style.js","sources":["../../../src/singpass-button/singpass-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Motion, V3_Spacing } from \"../v3_theme\";\nimport { V3_ThemeButton } from \"../v3_theme/components/theme-helper\";\nimport type { SingpassButtonStyleType } from \"./types\";\n\nexport type MainButtonSize = \"default\" | \"small\" | \"large\";\n\nexport interface MainStyleProps {\n    $buttonStyle: SingpassButtonStyleType;\n    $buttonSizeStyle?: MainButtonSize | undefined;\n}\n\nexport const Main = styled.button<MainStyleProps>`\n    padding: ${V3_Spacing[\"spacing-8\"]} ${V3_Spacing[\"spacing-16\"]};\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    border-radius: ${V3_ThemeButton[\"button-radius\"]};\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    ${(props) => {\n        if (props.$buttonStyle === \"red-filled\") {\n            return css`\n                background-color: #f4333d;\n                border: none;\n\n                &:hover,\n                &:active {\n                    @media (pointer: fine) {\n                        background-color: #b0262d;\n                    }\n                }\n            `;\n        }\n\n        return css`\n            background-color: ${V3_Colour.Primitive.white};\n            border: 1px #c8c9cc solid;\n\n            &:hover,\n            &:active {\n                @media (pointer: fine) {\n                    background-color: #f5f5f7;\n                }\n            }\n        `;\n    }}\n\n    ${(props) => {\n        switch (props.$buttonSizeStyle) {\n            case \"small\":\n                return css`\n                    height: 2.5rem;\n                `;\n\n            case \"large\":\n                return css`\n                    min-height: 4rem;\n                `;\n\n            default:\n                return css`\n                    min-height: 3rem;\n                `;\n        }\n    }}\n`;\n\ninterface SvgContainerProps {\n    $buttonSizeStyle?: MainButtonSize | undefined;\n}\nexport const SvgContainer = styled.span<SvgContainerProps>`\n    img {\n        height: 100%;\n    }\n\n    height: ${(props) => {\n        switch (props.$buttonSizeStyle) {\n            case \"large\":\n                return 2.5;\n            case \"small\":\n                return 1.5;\n            default:\n                return 1.5;\n        }\n    }}rem;\n`;\n"],"names":["Main","styled","button","V3_Spacing","V3_Motion","V3_ThemeButton","props","$buttonStyle","css","V3_Colour","Primitive","white","$buttonSizeStyle","SvgContainer","span"],"mappings":"yNAaO,MAAMA,EAAOC,EAAAA,QAAOC,MAAsB;eAClCC,EAAAA,WAAW,gBAAgBA,EAAAA,WAAW;sBAC/BC,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;qBACxCC,EAAAA,eAAe;;;;;;MAM7BC,GAC4B,eAAvBA,EAAMC,aACCC,KAAG;;;;;;;;;;cAaPA,KAAG;gCACcC,EAAAA,UAAUC,UAAUC;;;;;;;;;;;MAY7CL,IACC,OAAQA,EAAMM,kBACV,IAAK,QACD,OAAOJ,KAAG;;kBAId,IAAK,QACD,OAAOA,KAAG;;kBAId,QACI,OAAOA,KAAG;;;EAUbK,EAAeZ,EAAAA,QAAOa,IAAuB;;;;;cAK3CR,GAEE,UADDA,EAAMM,iBAEC,IAIA;"}

package/cjs/tab/tab-link-chain.style.js

@@ -1,87 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../shared/fade-wrapper/fade-wrapper.js"),r=require("../v3_theme/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n=o.default.ul`
-    display: inline-flex;
-    width: 100%;
-    list-style-type: none;
-
-    ${t=>{if(t.$fullWidthIndicatorLine)return e.css`
-                &::after {
-                    content: "";
-                    height: inherit;
-                    flex-grow: 1;
-                    /* follows the border in ChainItem */
-                    border-bottom: ${r.V3_Border["width-040"]} ${r.V3_Border.solid}
-                        ${r.V3_Colour.border};
-                }
-            `}}
-`,a=o.default.li`
-    display: flex;
-    justify-content: center;
-    flex-shrink: 0;
-    border-bottom: ${r.V3_Border["width-040"]} ${r.V3_Border.solid}
-        ${r.V3_Colour.border};
-
-    ${t=>{if(t.$width)return e.css`
-                width: ${t.$width};
-            `}}
-
-    ${t=>{if(t.$active)return e.css`
-                border-color: ${r.V3_Colour["border-primary"]};
-            `}}
-
-    ${r.V3_MediaQuery.MaxWidth.sm} {
-        flex: 1;
-        justify-content: center;
-    }
-`,s=e.css`
-    padding: ${r.V3_Spacing["spacing-16"]} ${r.V3_Spacing["spacing-16"]}
-        ${r.V3_Spacing["spacing-20"]};
-`,d=e.css`
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-`,l=o.default.div`
-    /* position: relative; */
-    ${d}
-    flex-direction: ${e=>e.$reversed?"row-reverse":"row"};
-    gap: 0.5rem;
-    ${s}
-    cursor: pointer;
-    width: 100%;
-    justify-content: center;
-
-    &:has(button:focus-visible) {
-        outline: 2px solid ${r.V3_Colour["focus-ring"]};
-        outline-offset: -2px;
-        border-radius: ${r.V3_Radius.sm};
-    }
-`,c=o.default.div`
-    position: relative;
-`,u=e.css`
-    ${d}
-    border: none;
-    background: none;
-`,p=o.default.div`
-    ${u}
-    position: absolute;
-    color: ${r.V3_Colour["text-subtler"]};
-    opacity: 1;
-
-    ${t=>{if(t.$active)return e.css`
-                opacity: 0;
-            `}}
-`,f=o.default.button`
-    ${u}
-    color: ${r.V3_Colour["text-primary"]};
-    opacity: 0;
-    outline: none;
-
-    ${t=>{if(t.$active)return e.css`
-                opacity: 1;
-            `}}
-`,$=o.default(t.FadeWrapper)`
-    [data-id="left-fade-indicator-button"],
-    [data-id="right-fade-indicator-button"] {
-        margin-bottom: ${r.V3_Spacing["spacing-4"]};
-    }
-`;exports.BoldLabel=f,exports.Chain=n,exports.ChainItem=a,exports.ChainLink=l,exports.CustomFadeWrapper=$,exports.Label=p,exports.LabelContainer=c;
-//# sourceMappingURL=tab-link-chain.style.js.map

package/cjs/tab/tab-link-chain.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-link-chain.style.js","sources":["../../../src/tab/tab-link-chain.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { FadeWrapper } from \"../shared/fade-wrapper\";\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LabelStyleProps {\n    $active?: boolean;\n}\n\ninterface ChainStyleProps {\n    $fullWidthIndicatorLine?: boolean;\n}\n\ninterface ChainItemStyleProps {\n    $active?: boolean;\n    $width?: string;\n}\n\ninterface ChainLinkStyleProps {\n    $reversed: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Chain = styled.ul<ChainStyleProps>`\n    display: inline-flex;\n    width: 100%;\n    list-style-type: none;\n\n    ${(props) => {\n        if (props.$fullWidthIndicatorLine) {\n            return css`\n                &::after {\n                    content: \"\";\n                    height: inherit;\n                    flex-grow: 1;\n                    /* follows the border in ChainItem */\n                    border-bottom: ${V3_Border[\"width-040\"]} ${V3_Border.solid}\n                        ${V3_Colour.border};\n                }\n            `;\n        }\n    }}\n`;\n\nexport const ChainItem = styled.li<ChainItemStyleProps>`\n    display: flex;\n    justify-content: center;\n    flex-shrink: 0;\n    border-bottom: ${V3_Border[\"width-040\"]} ${V3_Border.solid}\n        ${V3_Colour.border};\n\n    ${(props) => {\n        if (props.$width) {\n            return css`\n                width: ${props.$width};\n            `;\n        }\n    }}\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                border-color: ${V3_Colour[\"border-primary\"]};\n            `;\n        }\n    }}\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        flex: 1;\n        justify-content: center;\n    }\n`;\n\n/* keep this separate to contain the ts-styled error */\nconst padding = css`\n    padding: ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\"spacing-16\"]}\n        ${V3_Spacing[\"spacing-20\"]};\n`;\n\nconst flexRow = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nexport const ChainLink = styled.div<ChainLinkStyleProps>`\n    /* position: relative; */\n    ${flexRow}\n    flex-direction: ${(props) => (props.$reversed ? \"row-reverse\" : \"row\")};\n    gap: 0.5rem;\n    ${padding}\n    cursor: pointer;\n    width: 100%;\n    justify-content: center;\n\n    &:has(button:focus-visible) {\n        outline: 2px solid ${V3_Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n        border-radius: ${V3_Radius.sm};\n    }\n`;\n\nexport const LabelContainer = styled.div`\n    position: relative;\n`;\n\nconst buttonBase = css`\n    ${flexRow}\n    border: none;\n    background: none;\n`;\n\nexport const Label = styled.div<LabelStyleProps>`\n    ${buttonBase}\n    position: absolute;\n    color: ${V3_Colour[\"text-subtler\"]};\n    opacity: 1;\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                opacity: 0;\n            `;\n        }\n    }}\n`;\n\nexport const BoldLabel = styled.button<LabelStyleProps>`\n    ${buttonBase}\n    color: ${V3_Colour[\"text-primary\"]};\n    opacity: 0;\n    outline: none;\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                opacity: 1;\n            `;\n        }\n    }}\n`;\n\nexport const CustomFadeWrapper = styled(FadeWrapper)`\n    [data-id=\"left-fade-indicator-button\"],\n    [data-id=\"right-fade-indicator-button\"] {\n        margin-bottom: ${V3_Spacing[\"spacing-4\"]};\n    }\n`;\n"],"names":["Chain","styled","ul","props","$fullWidthIndicatorLine","css","V3_Border","solid","V3_Colour","border","ChainItem","li","$width","$active","V3_MediaQuery","MaxWidth","sm","padding","V3_Spacing","flexRow","ChainLink","div","$reversed","V3_Radius","LabelContainer","buttonBase","Label","BoldLabel","button","CustomFadeWrapper","FadeWrapper"],"mappings":"yNAkCO,MAAMA,EAAQC,EAAAA,QAAOC,EAAmB;;;;;MAKxCC,IACC,GAAIA,EAAMC,wBACN,OAAOC,KAAG;;;;;;qCAMeC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BAC/CC,EAAAA,UAAUC;;aAG5B;EAIKC,EAAYT,EAAAA,QAAOU,EAAuB;;;;qBAIlCL,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;UAC/CC,EAAAA,UAAUC;;MAEbN,IACC,GAAIA,EAAMS,OACN,OAAOP,KAAG;yBACGF,EAAMS;aAEvB;;MAGDT,IACC,GAAIA,EAAMU,QACN,OAAOR,KAAG;gCACUG,EAAAA,UAAU;aAElC;;MAGFM,EAAAA,cAAcC,SAASC;;;;EAOvBC,EAAUZ,EAAAA,GAAG;eACJa,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;UAC5CA,EAAAA,WAAW;EAGfC,EAAUd,EAAAA,GAAG;;;;EAMNe,EAAYnB,EAAAA,QAAOoB,GAAwB;;MAElDF;sBACiBhB,GAAWA,EAAMmB,UAAY,cAAgB;;MAE9DL;;;;;;6BAMuBT,EAAAA,UAAU;;yBAEde,EAAAA,UAAUP;;EAItBQ,EAAiBvB,EAAAA,QAAOoB,GAAG;;EAIlCI,EAAapB,EAAAA,GAAG;MAChBc;;;EAKOO,EAAQzB,EAAAA,QAAOoB,GAAoB;MAC1CI;;aAEOjB,EAAAA,UAAU;;;MAGhBL,IACC,GAAIA,EAAMU,QACN,OAAOR,KAAG;;aAGd;EAIKsB,EAAY1B,EAAAA,QAAO2B,MAAuB;MACjDH;aACOjB,EAAAA,UAAU;;;;MAIhBL,IACC,GAAIA,EAAMU,QACN,OAAOR,KAAG;;aAGd;EAIKwB,EAAoB5B,EAAAA,QAAO6B,EAAAA,YAAY;;;yBAG3BZ,EAAAA,WAAW;;"}

package/cjs/tab/tab.style.js

@@ -1,6 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=e(require("styled-components")).default.div`
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-`;exports.Wrapper=t;
-//# sourceMappingURL=tab.style.js.map

package/cjs/tab/tab.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.style.js","sources":["../../../src/tab/tab.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Wrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n`;\n"],"names":["Wrapper","styled","div"],"mappings":"qFAEO,MAAMA,kCAAUC,QAAOC,GAAG;;;;"}

package/cjs/typography/helper.js

@@ -1,19 +0,0 @@
-"use strict";var e=require("styled-components"),s=require("../shared/styles/index.js"),t=require("../v3_theme/index.js");const r=(s,r,o=!1)=>{const i=`${s}-${r}`;return e.css`
-        ${t.V3_Font[i]}
-        ${o?"margin-bottom: 1.05em;":"margin-bottom: 0;"}
-    `},o=t=>{if(t)return e.css`
-            ${s.lineClampCss(t)}
-        `},i=(s=!1,t=!1,r=void 0)=>t?e.css`
-            display: block;
-            ${o(r)}
-        `:s?e.css`
-            display: inline;
-        `:e.css`
-            display: block;
-            ${o(r)}
-        `;exports.createTypographyStyles=(s,o,l,c,n)=>e.css`
-    ${r(s,o||"regular",c)}
-    ${i(l,c,n)}
-    color: ${t.V3_Colour.text};
-`,exports.getDisplayStyle=i,exports.getTextStyle=r;
-//# sourceMappingURL=helper.js.map

package/cjs/typography/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sources":["../../../src/typography/helper.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nimport { lineClampCss } from \"../shared/styles\";\nimport { V3_Colour, V3_Font } from \"../v3_theme\";\nimport type { V3_FontSet, V3_TypographySizeType } from \"../v3_theme/font/types\";\nimport type { TypographyWeight } from \"./types\";\n\nexport const getTextStyle = (\n    type: V3_TypographySizeType,\n    weight: TypographyWeight,\n    paragraph = false\n) => {\n    const token: keyof V3_FontSet = `${type}-${weight}`;\n\n    return css`\n        ${V3_Font[token]}\n        ${paragraph ? \"margin-bottom: 1.05em;\" : \"margin-bottom: 0;\"}\n    `;\n};\n\nconst getMaxLinesStyle = (maxLines: number | undefined) => {\n    if (maxLines) {\n        return css`\n            ${lineClampCss(maxLines)}\n        `;\n    }\n};\n\nexport const getDisplayStyle = (\n    inline = false,\n    paragraph = false,\n    maxLines: number | undefined = undefined\n) => {\n    if (paragraph) {\n        return css`\n            display: block;\n            ${getMaxLinesStyle(maxLines)}\n        `;\n    } else if (inline) {\n        return css`\n            display: inline;\n        `;\n    } else {\n        return css`\n            display: block;\n            ${getMaxLinesStyle(maxLines)}\n        `;\n    }\n};\n\nexport const createTypographyStyles = (\n    textStyle: V3_TypographySizeType,\n    weight: TypographyWeight | undefined,\n    inline: boolean | undefined,\n    paragraph: boolean | undefined,\n    maxLines: number | undefined\n) => css`\n    ${getTextStyle(textStyle, weight || \"regular\", paragraph)}\n    ${getDisplayStyle(inline, paragraph, maxLines)}\n    color: ${V3_Colour.text};\n`;\n"],"names":["getTextStyle","type","weight","paragraph","token","css","V3_Font","getMaxLinesStyle","maxLines","lineClampCss","getDisplayStyle","inline","undefined","textStyle","V3_Colour","text"],"mappings":"yHAOO,MAAMA,EAAe,CACxBC,EACAC,EACAC,GAAY,KAEZ,MAAMC,EAA0B,GAAGH,KAAQC,IAE3C,OAAOG,KAAG;UACJC,EAAAA,QAAQF;UACRD,EAAY,yBAA2B;KAC5C,EAGCI,EAAoBC,IACtB,GAAIA,EACA,OAAOH,KAAG;cACJI,EAAAA,aAAaD;SAEvB,EAGSE,EAAkB,CAC3BC,GAAS,EACTR,GAAY,EACZK,OAA+BI,IAE3BT,EACOE,KAAG;;cAEJE,EAAiBC;UAEhBG,EACAN,KAAG;;UAIHA,KAAG;;cAEJE,EAAiBC;yCAKO,CAClCK,EACAX,EACAS,EACAR,EACAK,IACCH,KAAG;MACFL,EAAaa,EAAWX,GAAU,UAAWC;MAC7CO,EAAgBC,EAAQR,EAAWK;aAC5BM,EAAAA,UAAUC;"}

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>> & 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>> & string;
-export declare const StyledDateTextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, StyledDateTextProps>> & 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{V3_Spacing as r,V3_Colour as i,V3_Radius as a}from"../v3_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\";\n\nimport { Button } from \"../button\";\nimport { IconButton } from \"../icon-button\";\nimport { V3_Colour, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\ninterface StyledDateTextProps {\n    $enableDateClick?: boolean;\n}\n\nexport const HeaderArrowButton = styled(IconButton)`\n    margin: ${V3_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: ${V3_Colour[\"bg-strong\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n`;\n\nexport const StyledDateTextButton = styled(Button.Default)<StyledDateTextProps>`\n    color: ${(props) =>\n        props.$enableDateClick ? V3_Colour[\"text-primary\"] : V3_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","V3_Spacing","Container","div","V3_Colour","V3_Radius","StyledDateTextButton","Button","Default","props","$enableDateClick","css"],"mappings":"yOAUaA,EAAoBC,EAAOC,EAAW;cACrCC,EAAW;EAGZC,EAAYH,EAAOI,GAAG;;;;;wBAKXC,EAAU;qBACbC,EAAc;EAGtBC,EAAuBP,EAAOQ,EAAOC,QAA6B;aACjEC,GACNA,EAAMC,iBAAmBN,EAAU,gBAAkBA,EAAgB;;;;;;;;;;;MAWtEK,IACC,GAAIA,EAAMC,iBACN,OAAOC,CAAG;;;;;;aAOd;"}

package/divider/divider.style.d.ts

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

package/divider/divider.style.js

@@ -1,15 +0,0 @@
-import e,{css as o}from"styled-components";import{V3_Colour as r}from"../v3_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\";\n\nimport { V3_Colour } from \"../v3_theme\";\nimport type { V3_StyledComponentProps } from \"../v3_theme/helpers\";\nimport type { V3_ThemeStyleProps } from \"../v3_theme/types\";\nimport type { DividerLineStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface StyleProps {\n    $thickness: number;\n    $color?: string | ((props: V3_ThemeStyleProps) => string);\n    $lineStyle?: DividerLineStyleType;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst dashedLineStyle = () => (props: StyleProps & V3_StyledComponentProps) => {\n    let color: string;\n\n    if (typeof props.$color === \"function\") {\n        color = props.$color(props);\n    } else {\n        color = props.$color || V3_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 || V3_Colour.border};\n                `;\n        }\n    }}\n`;\n"],"names":["Line","styled","hr","props","$lineStyle","color","$color","V3_Colour","border","encodedColor","encodeURIComponent","thickness","$thickness","css"],"mappings":"4FAmBA,MAqBaA,EAAOC,EAAOC,EAAc;;;;MAIlCC,IACC,OAAQA,EAAMC,YACV,IAAK,SACD,OA5BeD,IAC3B,IAAIE,EAGAA,EADwB,mBAAjBF,EAAMG,OACLH,EAAMG,OAAOH,GAEbA,EAAMG,QAAUC,EAAUC,OAAOL,GAG7C,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,EAAUC;;"}

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

@@ -1,10 +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>> & 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>> & 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>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-}, import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-}>, never>, never>> & 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>> & string;
-export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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{Button as i}from"../button/button.js";import{applyHtmlContentStyle as e}from"../shared/html-content/html-content.js";import{Typography as n}from"../typography/index.js";import{V3_MediaQuery as o,V3_Spacing as r,V3_Colour as a}from"../v3_theme/index.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;
-
-    ${o.MaxWidth.sm} {
-        width: 320px;
-    }
-
-    ${o.MaxWidth.xs} {
-        width: 288px;
-    }
-
-    ${o.MaxWidth.xxs} {
-        width: 240px;
-    }
-`,d=t.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    max-width: 656px;
-    white-space: pre-wrap;
-`,m=t(n.HeadingMD).attrs((()=>({forwardedAs:"h2"})))`
-    margin: ${r["spacing-32"]} 0 ${r["spacing-16"]};
-    text-align: center;
-`,x=t.div`
-    color: ${a.text};
-    text-align: center;
-
-    ${e({textSize:"body-baseline"})}
-
-    p + p {
-        margin-top: ${r["spacing-16"]};
-    }
-`,c=t(i.Default)`
-    margin: ${r["spacing-32"]} auto 0;
-    width: 21rem;
-
-    ${o.MaxWidth.sm} {
-        width: 100%;
-    }
-`;export{c as ActionButton,p as Container,x as DescriptionContainer,s as Img,d as TextContainer,m 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\";\n\nimport { Button } from \"../button\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\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    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 320px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xs} {\n        width: 288px;\n    }\n\n    ${V3_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: ${V3_Spacing[\"spacing-32\"]} 0 ${V3_Spacing[\"spacing-16\"]};\n    text-align: center;\n`;\n\nexport const DescriptionContainer = styled.div`\n    color: ${V3_Colour.text};\n    text-align: center;\n\n    ${applyHtmlContentStyle({ textSize: \"body-baseline\" })}\n\n    p + p {\n        margin-top: ${V3_Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const ActionButton = styled(Button.Default)`\n    margin: ${V3_Spacing[\"spacing-32\"]} auto 0;\n    width: 21rem;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n`;\n"],"names":["Container","styled","div","Img","img","V3_MediaQuery","MaxWidth","sm","xs","xxs","TextContainer","Title","Typography","HeadingMD","attrs","forwardedAs","V3_Spacing","DescriptionContainer","V3_Colour","text","applyHtmlContentStyle","textSize","ActionButton","Button","Default"],"mappings":"qSAOO,MAAMA,EAAYC,EAAOC,GAAG;;;;;;EAQtBC,EAAMF,EAAOG,GAAG;;;;;MAKvBC,EAAcC,SAASC;;;;MAIvBF,EAAcC,SAASE;;;;MAIvBH,EAAcC,SAASG;;;EAKhBC,EAAgBT,EAAOC,GAAG;;;;;;;EAS1BS,EAAQV,EAAOW,EAAWC,WAAWC,OAAM,KAAA,CACpDC,YAAa,QACd;cACWC,EAAW,mBAAmBA,EAAW;;EAI1CC,EAAuBhB,EAAOC,GAAG;aACjCgB,EAAUC;;;MAGjBC,EAAsB,CAAEC,SAAU;;;sBAGlBL,EAAW;;EAIpBM,EAAerB,EAAOsB,EAAOC,QAAQ;cACpCR,EAAW;;;MAGnBX,EAAcC,SAASC;;;"}

package/footer/footer-download-app.style.d.ts

@@ -1,6 +0,0 @@
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;
-export declare const AppButtonsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AppStoreLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;

package/footer/footer-download-app.style.js

@@ -1,33 +0,0 @@
-import t from"styled-components";import{Typography as o}from"../typography/index.js";import{V3_MediaQuery as i,V3_Spacing as e}from"../v3_theme/index.js";import{V3_ThemeFooter as r}from"../v3_theme/components/theme-helper.js";const m=t.div`
-    display: flex;
-    align-items: flex-start;
-    flex-direction: column;
-
-    ${i.MaxWidth.lg} {
-        justify-content: flex-start;
-        padding: 0;
-    }
-`,a=t(o.BodyMD)`
-    margin-bottom: ${e["spacing-16"]};
-    color: ${r["footer-colour-text"]};
-`,p=t.div`
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: ${e["spacing-16"]};
-    column-gap: ${e["spacing-16"]};
-`,n=t.a`
-    img {
-        width: auto;
-        height: 3.75rem;
-        object-fit: contain;
-        display: block;
-    }
-
-    ${i.MaxWidth.lg} {
-        img {
-            height: 3rem;
-            width: 100%;
-        }
-    }
-`;export{p as AppButtonsWrapper,n as AppStoreLink,a as Label,m as Wrapper};
-//# sourceMappingURL=footer-download-app.style.js.map

package/footer/footer-download-app.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer-download-app.style.js","sources":["../../src/footer/footer-download-app.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Typography } from \"../typography\";\nimport { V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\nimport { V3_ThemeFooter } from \"../v3_theme/components/theme-helper\";\n\nexport const Wrapper = styled.div`\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        justify-content: flex-start;\n        padding: 0;\n    }\n`;\n\nexport const Label = styled(Typography.BodyMD)`\n    margin-bottom: ${V3_Spacing[\"spacing-16\"]};\n    color: ${V3_ThemeFooter[\"footer-colour-text\"]};\n`;\n\nexport const AppButtonsWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: ${V3_Spacing[\"spacing-16\"]};\n    column-gap: ${V3_Spacing[\"spacing-16\"]};\n`;\n\nexport const AppStoreLink = styled.a`\n    img {\n        width: auto;\n        height: 3.75rem;\n        object-fit: contain;\n        display: block;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        img {\n            height: 3rem;\n            width: 100%;\n        }\n    }\n`;\n"],"names":["Wrapper","styled","div","V3_MediaQuery","MaxWidth","lg","Label","Typography","BodyMD","V3_Spacing","V3_ThemeFooter","AppButtonsWrapper","AppStoreLink","a"],"mappings":"kOAMO,MAAMA,EAAUC,EAAOC,GAAG;;;;;MAK3BC,EAAcC,SAASC;;;;EAMhBC,EAAQL,EAAOM,EAAWC,OAAO;qBACzBC,EAAW;aACnBC,EAAe;EAGfC,EAAoBV,EAAOC,GAAG;;;eAG5BO,EAAW;kBACRA,EAAW;EAGhBG,EAAeX,EAAOY,CAAC;;;;;;;;MAQ9BV,EAAcC,SAASC;;;;;;"}

package/footer/footer.style.d.ts

@@ -1,21 +0,0 @@
-export declare const BaseFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const StyledFooterLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyLinkProps & {
-    ref?: import("react").RefObject<HTMLAnchorElement> | undefined;
-}, never>> & string;
-export declare const FullWidthDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").DividerProps, never>> & string & Omit<({ thickness, lineStyle, layoutType, color, className, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, mobileCols, tabletCols, desktopCols, ...otherProps }: import("..").DividerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const TopSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ContentProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<(props: import("..").ContentProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const LogoSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LinkSectionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LinkSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const AddonSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BottomSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ContentProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<(props: import("..").ContentProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const BottomSectionContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CopyrightSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const CopyrightText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;
-export declare const DisclaimerTextLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyLinkProps & {
-    ref?: import("react").RefObject<HTMLAnchorElement> | undefined;
-}, never>> & string;