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

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

@@ -1,65 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../theme/index.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const d=o(r).default.button`
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    gap: 0.5rem;
-    justify-content: center;
-    align-items: center;
-    padding: 1.5rem 1rem;
-    background-color: ${e.Colour.bg};
-    border: ${e.Border["width-010"]} ${e.Border.solid} transparent;
-    border-radius: ${e.Radius.md};
-    cursor: pointer;
-    max-width: 13rem;
-    transition: all ${e.Motion["duration-250"]} ${e.Motion["ease-default"]};
-    ${e.Font["body-baseline-semibold"]}
-    color: ${({$selected:r})=>r?e.Colour["text-primary"]:e.Colour.text};
-    overflow-wrap: anywhere;
-
-    img {
-        min-width: 3.5rem;
-        width: 3.5rem;
-        height: 3.5rem;
-        object-fit: contain;
-    }
-
-    ${e.MediaQuery.MaxWidth.sm} {
-        padding: 0.5rem 0.25rem;
-        gap: 0.25rem;
-        ${e.Font["body-md-semibold"]}
-    }
-
-    ${o=>o.$error?r.css`
-                background: ${e.Colour.bg};
-                border: ${e.Border["width-010"]} ${e.Border.solid}
-                    ${e.Colour["border-error"]};
-            `:o.$selected?r.css`
-                background: ${e.Colour["bg-selected"]};
-                border: ${e.Border["width-010"]} ${e.Border.solid}
-                    ${e.Colour["border-selected"]};
-
-                &:hover {
-                    background: ${e.Colour["bg-selected-hover"]};
-                    border: ${e.Border["width-010"]} ${e.Border.solid}
-                        ${e.Colour["border-selected-hover"]};
-                }
-            `:r.css`
-                &:hover {
-                    border: ${e.Border["width-010"]} ${e.Border.solid}
-                        ${e.Colour["border-hover-strong"]};
-                }
-            `}
-
-    ${o=>o.$disabled&&r.css`
-            &:hover {
-                border: ${e.Border["width-010"]} ${e.Border.solid} transparent;
-            }
-            box-shadow: none;
-            img {
-                filter: grayscale(100%);
-            }
-            color: ${e.Colour["text-disabled"]};
-            cursor: not-allowed;
-        `}
-`;exports.Main=d;
-//# sourceMappingURL=image-button.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image-button.style.js","sources":["../../../src/image-button/image-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Font, Motion, Radius } from \"../theme\";\nimport { MediaQuery } from \"../theme\";\n\nexport const Main = styled.button<{\n    $selected?: boolean;\n    $error?: boolean;\n    $disabled?: boolean;\n}>`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 0.5rem;\n    justify-content: center;\n    align-items: center;\n    padding: 1.5rem 1rem;\n    background-color: ${Colour.bg};\n    border: ${Border[\"width-010\"]} ${Border.solid} transparent;\n    border-radius: ${Radius[\"md\"]};\n    cursor: pointer;\n    max-width: 13rem;\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${({ $selected }) =>\n        $selected ? Colour[\"text-primary\"] : Colour[\"text\"]};\n    overflow-wrap: anywhere;\n\n    img {\n        min-width: 3.5rem;\n        width: 3.5rem;\n        height: 3.5rem;\n        object-fit: contain;\n    }\n\n    ${MediaQuery.MaxWidth.sm} {\n        padding: 0.5rem 0.25rem;\n        gap: 0.25rem;\n        ${Font[\"body-md-semibold\"]}\n    }\n\n    ${(props) => {\n        if (props.$error) {\n            return css`\n                background: ${Colour.bg};\n                border: ${Border[\"width-010\"]} ${Border.solid}\n                    ${Colour[\"border-error\"]};\n            `;\n        } else if (props.$selected) {\n            return css`\n                background: ${Colour[\"bg-selected\"]};\n                border: ${Border[\"width-010\"]} ${Border.solid}\n                    ${Colour[\"border-selected\"]};\n\n                &:hover {\n                    background: ${Colour[\"bg-selected-hover\"]};\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour[\"border-selected-hover\"]};\n                }\n            `;\n        } else {\n            return css`\n                &:hover {\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour[\"border-hover-strong\"]};\n                }\n            `;\n        }\n    }}\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            &:hover {\n                border: ${Border[\"width-010\"]} ${Border.solid} transparent;\n            }\n            box-shadow: none;\n            img {\n                filter: grayscale(100%);\n            }\n            color: ${Colour[\"text-disabled\"]};\n            cursor: not-allowed;\n        `}\n`;\n"],"names":["Main","styled","button","Colour","bg","Border","solid","Radius","Motion","Font","$selected","MediaQuery","MaxWidth","sm","props","$error","css","$disabled"],"mappings":"uJAIO,MAAMA,OAAOC,QAAOC,MAIzB;;;;;;;;wBAQsBC,EAAAA,OAAOC;cACjBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;qBACvBC,EAAAA,OAAW;;;sBAGVC,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;MACjDC,EAAAA,KAAK;aACE,EAAGC,eACRA,EAAYP,EAAAA,OAAO,gBAAkBA,SAAa;;;;;;;;;;MAUpDQ,EAAAA,WAAWC,SAASC;;;UAGhBJ,EAAAA,KAAK;;;MAGRK,GACKA,EAAMC,OACCC,KAAG;8BACQb,EAAAA,OAAOC;0BACXC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;sBAClCH,EAAAA,OAAO;cAEVW,EAAMJ,UACNM,KAAG;8BACQb,EAAAA,OAAO;0BACXE,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;sBAClCH,EAAAA,OAAO;;;kCAGKA,EAAAA,OAAO;8BACXE,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;0BAClCH,EAAAA,OAAO;;cAIda,KAAG;;8BAEQX,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;0BAClCH,EAAAA,OAAO;;;;MAM1BW,GACCA,EAAMG,WACND,KAAG;;0BAEeX,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;;;;;;qBAMnCH,EAAAA,OAAO;;;"}

package/cjs/input/input.style.js

@@ -1,31 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons/cross"),r=require("styled-components"),t=require("../shared/input-wrapper/input-wrapper.js"),i=require("../theme/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const p=n.default(t.BasicInput)`
-    width: 100%;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-
-    ${e=>"no-border"!==e.$styleType&&r.css`
-            padding-left: ${e.$visuallyReadOnly?0:i.Spacing["spacing-16"]};
-            padding-right: ${e.$visuallyReadOnly||e.$showClear?0:i.Spacing["spacing-16"]};
-        `}
-`,s=n.default(t.BasicButton)`
-    height: auto;
-    padding: ${i.Spacing["spacing-12"]} ${i.Spacing["spacing-16"]};
-
-    cursor: pointer;
-    color: ${i.Colour.icon};
-
-    ${e=>"no-border"===e.$styleType&&r.css`
-            margin-right: -${i.Spacing["spacing-12"]};
-        `}
-`,o=n.default(e.CrossIcon)`
-    height: 1.25rem;
-    width: 1.25rem;
-    vertical-align: middle;
-`,l=n.default.div`
-    display: flex;
-    width: 100%;
-`,d=n.default(t.InputBox)`
-    display: flex;
-    align-items: center;
-    width: 100%;
-`;exports.ClearButton=s,exports.ClearIcon=o,exports.DefaultWrapper=d,exports.InputElement=p,exports.NoBorderWrapper=l;
-//# sourceMappingURL=input.style.js.map

package/cjs/input/input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.style.js","sources":["../../../src/input/input.style.tsx"],"sourcesContent":["import { CrossIcon } from \"@lifesg/react-icons/cross\";\nimport styled, { css } from \"styled-components\";\nimport { BasicButton, BasicInput, InputBox } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\nimport { InputStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\nexport interface InputStyleProps {\n    $showClear?: boolean | undefined;\n    $styleType?: InputStyleType | undefined;\n    $visuallyReadOnly?: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputElement = styled(BasicInput)<InputStyleProps>`\n    width: 100%;\n    height: calc(3rem - 2px); // exclude top and bottom borders\n\n    ${(props) =>\n        props.$styleType !== \"no-border\" &&\n        css`\n            padding-left: ${props.$visuallyReadOnly\n                ? 0\n                : Spacing[\"spacing-16\"]};\n            padding-right: ${props.$visuallyReadOnly || props.$showClear\n                ? 0\n                : Spacing[\"spacing-16\"]};\n        `}\n`;\n\nexport const ClearButton = styled(BasicButton)<InputStyleProps>`\n    height: auto;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n\n    cursor: pointer;\n    color: ${Colour[\"icon\"]};\n\n    ${(props) =>\n        props.$styleType === \"no-border\" &&\n        css`\n            margin-right: -${Spacing[\"spacing-12\"]};\n        `}\n`;\n\nexport const ClearIcon = styled(CrossIcon)`\n    height: 1.25rem;\n    width: 1.25rem;\n    vertical-align: middle;\n`;\n\nexport const NoBorderWrapper = styled.div`\n    display: flex;\n    width: 100%;\n`;\n\nexport const DefaultWrapper = styled(InputBox)`\n    display: flex;\n    align-items: center;\n    width: 100%;\n`;\n"],"names":["InputElement","styled","BasicInput","props","$styleType","css","$visuallyReadOnly","Spacing","$showClear","ClearButton","BasicButton","Colour","ClearIcon","CrossIcon","NoBorderWrapper","div","DefaultWrapper","InputBox"],"mappings":"qQAkBaA,EAAeC,EAAAA,QAAOC,EAAAA,WAA4B;;;;MAIxDC,GACsB,cAArBA,EAAMC,YACNC,KAAG;4BACiBF,EAAMG,kBAChB,EACAC,EAAAA,QAAQ;6BACGJ,EAAMG,mBAAqBH,EAAMK,WAC5C,EACAD,EAAAA,QAAQ;;EAIbE,EAAcR,EAAAA,QAAOS,EAAAA,YAA6B;;eAEhDH,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;;;aAGnCI,EAAAA,OAAa;;MAEnBR,GACsB,cAArBA,EAAMC,YACNC,KAAG;6BACkBE,EAAAA,QAAQ;;EAIxBK,EAAYX,EAAAA,QAAOY,EAAAA,UAAU;;;;EAM7BC,EAAkBb,EAAAA,QAAOc,GAAG;;;EAK5BC,EAAiBf,EAAAA,QAAOgB,EAAAA,SAAS;;;;"}

package/cjs/input-group/input-group-list-addon.style.js

@@ -1,54 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../input/input.js");require("react/jsx-runtime"),require("react");var i=require("../theme/index.js");require("../util/string-helper.js"),require("../shared/dropdown-list/dropdown-label.styles.js"),require("../shared/dropdown-list/dropdown-list.js"),require("../shared/dropdown-list/dropdown-list-state.js");var s=require("../shared/dropdown-list/expandable-element.js");require("@lifesg/react-icons/caret-right"),require("react-virtuoso"),require("../button/button.style.js"),require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js"),require("../util/simple-id-generator.js"),require("@react-aria/live-announcer"),require("../shared/dropdown-wrapper/element-with-dropdown.js"),require("../shared/dropdown-list/dropdown-list.styles.js"),require("../shared/dropdown-list/dropdown-search.js"),require("immer"),require("../external/lodash/_getTag.js"),require("../external/lodash/isArguments.js"),require("../external/lodash/_baseGetTag.js"),require("../external/lodash/isBuffer.js"),require("../external/lodash/isTypedArray.js"),require("../external/lodash/_Stack.js"),require("../external/lodash/_SetCache.js"),require("../external/lodash/_equalByTag.js"),require("../shared/dropdown-list/nested-dropdown-list.styles.js"),require("../shared/dropdown-list/virtuoso-components.js");var t=require("../shared/input-wrapper/input-wrapper.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);const d=n.default(t.InputBox)`
-    display: flex;
-    align-items: center;
-
-    ${r=>"right"===r.$position?e.css`
-                    flex-direction: row-reverse;
-                `:e.css`
-                    flex-direction: row;
-                `}
-`,o=n.default(s.ExpandableElement)`
-    ${r=>{if(r.$noBorder)return"right"===r.$position?e.css`
-                        padding-right: 0;
-                    `:e.css`
-                        padding-left: 0;
-                    `}}
-`,l=n.default.div`
-    flex: 0 0 auto;
-`,p=n.default(r.Input)`
-    ${r=>r.readOnly?e.css`
-                padding: 0;
-            `:r.$noBorder?"right"===r.$position?e.css`
-                        padding-left: 0;
-                    `:e.css`
-                        padding-right: 0;
-                    `:"right"===r.$position?e.css`
-                    padding-left: ${i.Spacing["spacing-16"]};
-                `:e.css`
-                    padding-right: ${i.Spacing["spacing-16"]};
-                `}
-`,u=n.default.div`
-    padding: 10px 0; // TODO: confirm vertical spacing
-    display: flex;
-    align-items: center;
-    padding: 0;
-    background: transparent;
-    margin-right: ${i.Spacing["spacing-12"]};
-    color: ${i.Colour.text};
-`,c=n.default.div`
-    width: 1px;
-    background: ${i.Colour.border};
-    flex-shrink: 0;
-    height: 1.25rem;
-
-    ${r=>{if(r.$readOnly)return e.css`
-                display: none;
-            `}}
-
-    ${r=>"right"===r.$position?e.css`
-                    margin-left: ${i.Spacing["spacing-12"]};
-                `:e.css`
-                    margin-right: ${i.Spacing["spacing-12"]};
-                `}
-`;exports.Divider=c,exports.FieldInput=p,exports.FieldSelector=l,exports.FieldWrapper=d,exports.SelectorReadOnly=u,exports.StyledExpandableElement=o;
-//# sourceMappingURL=input-group-list-addon.style.js.map

package/cjs/input-group/input-group-list-addon.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-list-addon.style.js","sources":["../../../src/input-group/input-group-list-addon.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Input } from \"../input\";\nimport { ExpandableElement } from \"../shared/dropdown-list\";\nimport { InputBox } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\nimport { InputGroupAddonPosition } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $readOnly?: boolean;\n    $expanded?: boolean;\n    $position?: InputGroupAddonPosition;\n    $noBorder?: boolean;\n}\n\ninterface DividerStyleProps {\n    $readOnly?: boolean;\n    $position?: InputGroupAddonPosition;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const FieldWrapper = styled(InputBox)<StyleProps>`\n    display: flex;\n    align-items: center;\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    flex-direction: row-reverse;\n                `;\n            default:\n                return css`\n                    flex-direction: row;\n                `;\n        }\n    }}\n`;\n\nexport const StyledExpandableElement = styled(ExpandableElement)<StyleProps>`\n    ${(props) => {\n        if (props.$noBorder) {\n            switch (props.$position) {\n                case \"right\":\n                    return css`\n                        padding-right: 0;\n                    `;\n                default:\n                    return css`\n                        padding-left: 0;\n                    `;\n            }\n        }\n    }}\n`;\n\nexport const FieldSelector = styled.div`\n    flex: 0 0 auto;\n`;\n\nexport const FieldInput = styled(Input)<StyleProps>`\n    ${(props) => {\n        if (props.readOnly) {\n            return css`\n                padding: 0;\n            `;\n        }\n\n        if (props.$noBorder) {\n            switch (props.$position) {\n                case \"right\":\n                    return css`\n                        padding-left: 0;\n                    `;\n                default:\n                    return css`\n                        padding-right: 0;\n                    `;\n            }\n        }\n\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    padding-left: ${Spacing[\"spacing-16\"]};\n                `;\n            default:\n                return css`\n                    padding-right: ${Spacing[\"spacing-16\"]};\n                `;\n        }\n    }}\n`;\n\nexport const SelectorReadOnly = styled.div`\n    padding: 10px 0; // TODO: confirm vertical spacing\n    display: flex;\n    align-items: center;\n    padding: 0;\n    background: transparent;\n    margin-right: ${Spacing[\"spacing-12\"]};\n    color: ${Colour[\"text\"]};\n`;\n\nexport const Divider = styled.div<DividerStyleProps>`\n    width: 1px;\n    background: ${Colour[\"border\"]};\n    flex-shrink: 0;\n    height: 1.25rem;\n\n    ${(props) => {\n        if (props.$readOnly) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    margin-left: ${Spacing[\"spacing-12\"]};\n                `;\n            default:\n                return css`\n                    margin-right: ${Spacing[\"spacing-12\"]};\n                `;\n        }\n    }}\n`;\n"],"names":["FieldWrapper","styled","InputBox","props","$position","css","StyledExpandableElement","ExpandableElement","$noBorder","FieldSelector","div","FieldInput","Input","readOnly","Spacing","SelectorReadOnly","Colour","Divider","$readOnly"],"mappings":"kgDA0BaA,EAAeC,EAAAA,QAAOC,EAAAA,SAAqB;;;;MAIjDC,GAEU,UADDA,EAAMC,UAECC,KAAG;;kBAIHA,KAAG;;;EAObC,EAA0BL,EAAAA,QAAOM,EAAAA,kBAA8B;MACrEJ,IACC,GAAIA,EAAMK,UACN,MACS,UADDL,EAAMC,UAECC,KAAG;;sBAIHA,KAAG;;qBAItB;EAIKI,EAAgBR,EAAAA,QAAOS,GAAG;;EAI1BC,EAAaV,EAAAA,QAAOW,EAAAA,MAAkB;MAC5CT,GACKA,EAAMU,SACCR,KAAG;;cAKVF,EAAMK,UAEG,UADDL,EAAMC,UAECC,KAAG;;sBAIHA,KAAG;;sBAOb,UADDF,EAAMC,UAECC,KAAG;oCACUS,EAAAA,QAAQ;kBAGrBT,KAAG;qCACWS,EAAAA,QAAQ;;EAMhCC,EAAmBd,EAAAA,QAAOS,GAAG;;;;;;oBAMtBI,EAAAA,QAAQ;aACfE,EAAAA,OAAa;EAGbC,EAAUhB,EAAAA,QAAOS,GAAsB;;kBAElCM,EAAAA,OAAe;;;;MAI1Bb,IACC,GAAIA,EAAMe,UACN,OAAOb,KAAG;;aAGd;;MAGDF,GAEU,UADDA,EAAMC,UAECC,KAAG;mCACSS,EAAAA,QAAQ;kBAGpBT,KAAG;oCACUS,EAAAA,QAAQ;;"}

package/cjs/input-group/input-group.style.js

@@ -1,39 +0,0 @@
-"use strict";var e=require("styled-components"),i=require("../input/input.js"),r=require("../shared/input-wrapper/input-wrapper.js"),n=require("../theme/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const a=o.default(r.InputBox)`
-    display: flex;
-    align-items: center;
-    width: 100%;
-    padding: 0
-        ${e=>e.$readOnly||e.$noBorder?"0":n.Spacing["spacing-16"]};
-    flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
-`,p=o.default(r.InputBox)`
-    display: flex;
-    position: relative;
-    width: 100%;
-    padding: 0
-        ${e=>e.$readOnly||e.$noBorder?"0":n.Spacing["spacing-16"]};
-    flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
-`,s=o.default(i.Input)``,d=o.default.div`
-    position: relative;
-    display: flex;
-    align-items: center;
-
-    ${n.Font["body-baseline-regular"]}
-    color: ${n.Colour.text};
-
-    /* SVG Icon */
-    svg {
-        height: 1em;
-        width: 1em;
-    }
-
-    ${i=>{if(i.$disabled)return e.css`
-                color: ${n.Colour["text-subtler"]};
-            `}}
-
-    ${i=>"right"===i.$position?e.css`
-                    margin-left: ${i.$readOnly?n.Spacing["spacing-4"]:n.Spacing["spacing-12"]};
-                `:e.css`
-                    margin-right: ${i.$readOnly?n.Spacing["spacing-4"]:n.Spacing["spacing-12"]};
-                `};
-`;exports.AddonWrapper=a,exports.LabelAddonContainer=d,exports.MainInput=s,exports.NoAddonWrapper=p;
-//# sourceMappingURL=input-group.style.js.map

package/cjs/input-group/input-group.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.style.js","sources":["../../../src/input-group/input-group.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Input } from \"../input/input\";\nimport { InputBox, InputWrapperStyleProps } from \"../shared/input-wrapper\";\nimport { Colour, Font, Spacing } from \"../theme\";\nimport { InputGroupAddonPosition } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\n// Need to export since the component could be extended\nexport interface AddonStyleProps {\n    $disabled?: boolean;\n    $error?: boolean;\n    $readOnly?: boolean;\n    $position?: InputGroupAddonPosition;\n    $noBorder?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const AddonWrapper = styled(InputBox)<InputWrapperStyleProps>`\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 0\n        ${(props) =>\n            props.$readOnly || props.$noBorder ? \"0\" : Spacing[\"spacing-16\"]};\n    flex-direction: ${(props) =>\n        props.$position === \"right\" ? \"row-reverse\" : \"row\"};\n`;\n\nexport const NoAddonWrapper = styled(InputBox)<AddonStyleProps>`\n    display: flex;\n    position: relative;\n    width: 100%;\n    padding: 0\n        ${(props) =>\n            props.$readOnly || props.$noBorder ? \"0\" : Spacing[\"spacing-16\"]};\n    flex-direction: ${(props) =>\n        props.$position === \"right\" ? \"row-reverse\" : \"row\"};\n`;\n\nexport const MainInput = styled(Input)``;\n\nexport const LabelAddonContainer = styled.div<AddonStyleProps>`\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    /* SVG Icon */\n    svg {\n        height: 1em;\n        width: 1em;\n    }\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${Colour[\"text-subtler\"]};\n            `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    margin-left: ${props.$readOnly\n                        ? Spacing[\"spacing-4\"]\n                        : Spacing[\"spacing-12\"]};\n                `;\n            case \"left\":\n            default:\n                return css`\n                    margin-right: ${props.$readOnly\n                        ? Spacing[\"spacing-4\"]\n                        : Spacing[\"spacing-12\"]};\n                `;\n        }\n    }};\n`;\n"],"names":["AddonWrapper","styled","InputBox","props","$readOnly","$noBorder","Spacing","$position","NoAddonWrapper","MainInput","Input","LabelAddonContainer","div","Font","Colour","$disabled","css"],"mappings":"6PAuBaA,EAAeC,EAAAA,QAAOC,EAAAA,SAAiC;;;;;UAKzDC,GACCA,EAAMC,WAAaD,EAAME,UAAY,IAAMC,UAAQ;sBACxCH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCC,EAAiBP,EAAAA,QAAOC,EAAAA,SAA0B;;;;;UAKpDC,GACCA,EAAMC,WAAaD,EAAME,UAAY,IAAMC,UAAQ;sBACxCH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCE,EAAYR,EAAAA,QAAOS,EAAAA,MAAM,GAEzBC,EAAsBV,EAAAA,QAAOW,GAAoB;;;;;MAKxDC,EAAAA,KAAK;aACEC,EAAAA,OAAa;;;;;;;;MAQnBX,IACC,GAAIA,EAAMY,UACN,OAAOC,KAAG;yBACGF,EAAAA,OAAO;aAExB;;MAGDX,GAEU,UADDA,EAAMI,UAECS,KAAG;mCACSb,EAAMC,UACfE,EAAAA,QAAQ,aACRA,EAAAA,QAAQ;kBAIXU,KAAG;oCACUb,EAAMC,UAChBE,EAAAA,QAAQ,aACRA,EAAAA,QAAQ;;"}

package/cjs/input-range-select/input-range-select.style.js

@@ -1,30 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../input/input.style.js"),t=require("../shared/input-wrapper/input-wrapper.js"),o=require("../theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e);const u=a.default(r.ClearButton)`
-    position: absolute;
-    right: 0;
-    padding-left: ${o.Spacing["spacing-8"]};
-    margin-right: 0;
-`,i=a.default(t.InputWrapper)`
-    height: 3rem;
-`,p=a.default.button`
-    appearance: none;
-    border: 0;
-    background: transparent;
-    display: flex;
-    flex: 1;
-    color: ${o.Colour.text};
-
-    &:focus,
-    &:active {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${o.Colour["border-focus"]};
-        border-radius: 4px;
-    }
-
-    &:disabled {
-        cursor: not-allowed;
-    }
-`;exports.ClearIconContainer=u,exports.RangeSelectorButton=p,exports.StyledInputWrapper=i;
-//# sourceMappingURL=input-range-select.style.js.map

package/cjs/input-range-select/input-range-select.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-range-select.style.js","sources":["../../../src/input-range-select/input-range-select.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ClearButton } from \"../input/input.style\";\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const ClearIconContainer = styled(ClearButton)`\n    position: absolute;\n    right: 0;\n    padding-left: ${Spacing[\"spacing-8\"]};\n    margin-right: 0;\n`;\n\nexport const StyledInputWrapper = styled(InputWrapper)`\n    height: 3rem;\n`;\n\nexport const RangeSelectorButton = styled.button`\n    appearance: none;\n    border: 0;\n    background: transparent;\n    display: flex;\n    flex: 1;\n    color: ${Colour.text};\n\n    &:focus,\n    &:active {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"border-focus\"]};\n        border-radius: 4px;\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n"],"names":["ClearIconContainer","styled","ClearButton","Spacing","StyledInputWrapper","InputWrapper","RangeSelectorButton","button","Colour","text"],"mappings":"mQAQaA,EAAqBC,EAAAA,QAAOC,EAAAA,YAAY;;;oBAGjCC,EAAAA,QAAQ;;EAIfC,EAAqBH,EAAAA,QAAOI,EAAAA,aAAa;;EAIzCC,EAAsBL,EAAAA,QAAOM,MAAM;;;;;;aAMnCC,EAAAA,OAAOC;;;;;;;;6BAQSD,EAAAA,OAAO;;;;;;;"}

package/cjs/input-textarea/textara-counter.style.js

@@ -1,6 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.p`
-    text-align: right;
-    ${t.Font["body-sm-semibold"]}
-    color: ${t.Colour["text-subtler"]};
-`;exports.CounterLabel=r;
-//# sourceMappingURL=textara-counter.style.js.map

package/cjs/input-textarea/textara-counter.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textara-counter.style.js","sources":["../../../src/input-textarea/textara-counter.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Colour, Font } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const CounterLabel = styled.p`\n    text-align: right;\n    ${Font[\"body-sm-semibold\"]}\n    color: ${Colour[\"text-subtler\"]};\n`;\n"],"names":["CounterLabel","styled","p","Font","Colour"],"mappings":"uJAMO,MAAMA,OAAeC,QAAOC,CAAC;;MAE9BC,EAAAA,KAAK;aACEC,EAAAA,OAAO;"}

package/cjs/input-textarea/textarea.style.js

@@ -1,72 +0,0 @@
-"use strict";var r=require("styled-components"),o=require("../theme/index.js");function e(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var l=e(r);const t=l.default.div`
-    display: flex;
-    flex-direction: column;
-    gap: ${o.Spacing["spacing-8"]};
-`,d=l.default.textarea`
-    border: ${o.Border["width-010"]} ${o.Border.solid} ${o.Colour.border};
-    border-radius: ${o.Radius.sm};
-    background: ${o.Colour.bg};
-    outline: none;
-    overflow: auto;
-
-    display: block;
-    padding: ${o.Spacing["spacing-12"]} ${o.Spacing["spacing-16"]};
-    width: 100%;
-
-    ${o.Font["body-baseline-regular"]}
-    color: ${o.Colour.text};
-
-    &:focus,
-    &:active {
-        outline-offset: -1px;
-        outline: ${o.Border["width-020"]} ${o.Border.solid}
-            ${o.Colour["border-focus"]};
-    }
-
-    &::placeholder,
-    &::-webkit-input-placeholder {
-        color: ${o.Colour["text-subtler"]};
-    }
-
-    &::-webkit-scrollbar {
-        width: 14px;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: ${o.Colour["bg-inverse-subtlest"]};
-        border: 5px solid transparent;
-        border-radius: ${o.Radius.full};
-        background-clip: padding-box;
-    }
-
-    ${e=>e.readOnly?r.css`
-                border-color: transparent;
-                background: transparent !important;
-                padding: ${o.Spacing["spacing-12"]} 0;
-
-                &:focus,
-                &:active {
-                    outline-color: ${o.Colour["border-focus"]};
-                }
-            `:e.disabled?r.css`
-                background: ${o.Colour["bg-disabled"]};
-                cursor: not-allowed;
-
-                &:focus,
-                &:active {
-                    outline-color: ${o.Colour["border-disabled"]};
-                }
-            `:e.$error?r.css`
-                border-color: ${o.Colour["border-error"]};
-
-                &:focus,
-                &:active {
-                    outline-color: ${o.Colour["border-error-focus"]};
-                }
-            `:void 0}
-`;exports.Element=d,exports.Wrapper=t;
-//# sourceMappingURL=textarea.style.js.map

package/cjs/input-textarea/textarea.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.style.js","sources":["../../../src/input-textarea/textarea.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface StyleProps {\n    $error?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Wrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const Element = styled.textarea<StyleProps>`\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n    outline: none;\n    overflow: auto;\n\n    display: block;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    width: 100%;\n\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:focus,\n    &:active {\n        outline-offset: -1px;\n        outline: ${Border[\"width-020\"]} ${Border[\"solid\"]}\n            ${Colour[\"border-focus\"]};\n    }\n\n    &::placeholder,\n    &::-webkit-input-placeholder {\n        color: ${Colour[\"text-subtler\"]};\n    }\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${Radius[\"full\"]};\n        background-clip: padding-box;\n    }\n\n    ${(props) => {\n        if (props.readOnly) {\n            return css`\n                border-color: transparent;\n                background: transparent !important;\n                padding: ${Spacing[\"spacing-12\"]} 0;\n\n                &:focus,\n                &:active {\n                    outline-color: ${Colour[\"border-focus\"]};\n                }\n            `;\n        } else if (props.disabled) {\n            return css`\n                background: ${Colour[\"bg-disabled\"]};\n                cursor: not-allowed;\n\n                &:focus,\n                &:active {\n                    outline-color: ${Colour[\"border-disabled\"]};\n                }\n            `;\n        } else if (props.$error) {\n            return css`\n                border-color: ${Colour[\"border-error\"]};\n\n                &:focus,\n                &:active {\n                    outline-color: ${Colour[\"border-error-focus\"]};\n                }\n            `;\n        }\n    }}\n`;\n"],"names":["Wrapper","styled","div","Spacing","Element","textarea","Border","Colour","Radius","Font","props","readOnly","css","disabled","$error"],"mappings":"kKAcO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;WAGtBC,EAAAA,QAAQ;EAGNC,EAAUH,EAAAA,QAAOI,QAAoB;cACpCC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKC,SAAe;qBAClDC,EAAAA,OAAW;kBACdD,EAAAA,OAAW;;;;;eAKdJ,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;;;MAG1CM,EAAAA,KAAK;aACEF,EAAAA,OAAa;;;;;mBAKPD,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc;cAC1CC,EAAAA,OAAO;;;;;iBAKJA,EAAAA,OAAO;;;;;;;;;;;;sBAYFA,EAAAA,OAAO;;yBAEJC,EAAAA,OAAa;;;;MAI/BE,GACKA,EAAMC,SACCC,KAAG;;;2BAGKT,EAAAA,QAAQ;;;;qCAIEI,EAAAA,OAAO;;cAGzBG,EAAMG,SACND,KAAG;8BACQL,EAAAA,OAAO;;;;;qCAKAA,EAAAA,OAAO;;cAGzBG,EAAMI,OACNF,KAAG;gCACUL,EAAAA,OAAO;;;;qCAIFA,EAAAA,OAAO;;mBAN7B;"}

package/cjs/language-switcher/dropdown-variant.style.js

@@ -1,62 +0,0 @@
-"use strict";var e=require("styled-components");require("react/jsx-runtime"),require("react");var r=require("../theme/index.js");require("../util/string-helper.js"),require("../shared/dropdown-list/dropdown-label.styles.js"),require("../shared/dropdown-list/dropdown-list.js"),require("../shared/dropdown-list/dropdown-list-state.js");var o=require("../shared/dropdown-list/expandable-element.js");require("@lifesg/react-icons/caret-right"),require("react-virtuoso"),require("../button/button.style.js"),require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js"),require("../util/simple-id-generator.js"),require("@react-aria/live-announcer"),require("../shared/dropdown-wrapper/element-with-dropdown.js");var t=require("../shared/dropdown-list/dropdown-list.styles.js");require("../shared/dropdown-list/dropdown-search.js"),require("immer"),require("../external/lodash/_getTag.js"),require("../external/lodash/isArguments.js"),require("../external/lodash/_baseGetTag.js"),require("../external/lodash/isBuffer.js"),require("../external/lodash/isTypedArray.js"),require("../external/lodash/_Stack.js"),require("../external/lodash/_SetCache.js"),require("../external/lodash/_equalByTag.js"),require("../shared/dropdown-list/nested-dropdown-list.styles.js"),require("../shared/dropdown-list/virtuoso-components.js");var s=require("../shared/dropdown-list/expandable-element.styles.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=d(e);const l=i.default(o.ExpandableElement)`
-    min-width: 9rem;
-    width: auto;
-    ${r.Font["body-md-semibold"]}
-    color: ${r.Colour["text-primary"]};
-    height: 2.5rem;
-    padding: 0 ${r.Spacing["spacing-16"]};
-    border-radius: ${r.Radius.sm};
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${r.Colour.border};
-    background: ${r.Colour.bg};
-
-    ${s.IconContainer} {
-        margin-left: auto;
-
-        svg {
-            color: ${r.Colour["text-selected"]};
-        }
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${r.Colour["focus-ring"]};
-        outline-offset: -2px;
-    }
-`,a=e.css`
-    display: flex;
-    align-items: center;
-
-    svg {
-        height: 1rem;
-        width: 1rem;
-    }
-`,n=i.default.span`
-    ${a}
-    color: ${r.Colour["icon-primary"]};
-`,u=i.default.div`
-    border-radius: ${r.Radius.sm};
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${r.Colour.border};
-    background: ${r.Colour.bg};
-    overflow: hidden;
-`,p=i.default.ul`
-    list-style: none;
-    margin: 0;
-    padding: ${r.Spacing["spacing-8"]};
-`,c=i.default(t.ListItem)`
-    align-items: center;
-    ${r.Font["body-md-regular"]}
-    color: ${r.Colour.text};
-
-    &:hover {
-        background: ${r.Colour["bg-hover-subtle"]};
-    }
-
-    ${o=>o.$selected&&e.css`
-            background: transparent;
-            color: ${r.Colour["text-selected"]};
-
-            &:hover {
-                background: ${r.Colour["bg-hover"]};
-            }
-        `}
-`;exports.SelectedIndicator=t.SelectedIndicator,exports.UnselectedIndicator=t.UnselectedIndicator,exports.DropdownItem=c,exports.DropdownList=p,exports.DropdownPanel=u,exports.LanguageIconWrapper=n,exports.StyledExpandableElement=l;
-//# sourceMappingURL=dropdown-variant.style.js.map

package/cjs/language-switcher/dropdown-variant.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-variant.style.js","sources":["../../../src/language-switcher/dropdown-variant.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ExpandableElement } from \"../shared/dropdown-list\";\nimport { IconContainer } from \"../shared/dropdown-list/expandable-element.styles\";\nimport {\n    ListItem,\n    SelectedIndicator,\n    UnselectedIndicator,\n} from \"../shared/dropdown-list/dropdown-list.styles\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// TRIGGER STYLES\n// =============================================================================\nexport const StyledExpandableElement = styled(ExpandableElement)`\n    min-width: 9rem;\n    width: auto;\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-primary\"]};\n    height: 2.5rem;\n    padding: 0 ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n\n    ${IconContainer} {\n        margin-left: auto;\n\n        svg {\n            color: ${Colour[\"text-selected\"]};\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n\nconst IconWrapper = css`\n    display: flex;\n    align-items: center;\n\n    svg {\n        height: 1rem;\n        width: 1rem;\n    }\n`;\n\nexport const LanguageIconWrapper = styled.span`\n    ${IconWrapper}\n    color: ${Colour[\"icon-primary\"]};\n`;\n\n// =============================================================================\n// DROPDOWN STYLES\n// =============================================================================\nexport const DropdownPanel = styled.div`\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n    overflow: hidden;\n`;\n\nexport const DropdownList = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\nexport { SelectedIndicator, UnselectedIndicator };\n\nexport const DropdownItem = styled(ListItem)`\n    align-items: center;\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-hover-subtle\"]};\n    }\n\n    ${(props) =>\n        props.$selected &&\n        css`\n            background: transparent;\n            color: ${Colour[\"text-selected\"]};\n\n            &:hover {\n                background: ${Colour[\"bg-hover\"]};\n            }\n        `}\n`;\n"],"names":["StyledExpandableElement","styled","ExpandableElement","Font","Colour","Spacing","Radius","Border","IconContainer","IconWrapper","css","LanguageIconWrapper","span","DropdownPanel","div","DropdownList","ul","DropdownItem","ListItem","props","$selected"],"mappings":"q/CAaaA,EAA0BC,EAAAA,QAAOC,EAAAA,kBAAkB;;;MAG1DC,EAAAA,KAAK;aACEC,EAAAA,OAAO;;iBAEHC,EAAAA,QAAQ;qBACJC,EAAAA,OAAW;cAClBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKH,SAAe;kBACrDA,EAAAA,OAAW;;MAEvBI;;;;qBAIeJ,EAAAA,OAAO;;;;;6BAKCA,EAAAA,OAAO;;;EAK9BK,EAAcC,EAAAA,GAAG;;;;;;;;EAUVC,EAAsBV,EAAAA,QAAOW,IAAI;MACxCH;aACOL,EAAAA,OAAO;EAMPS,EAAgBZ,EAAAA,QAAOa,GAAG;qBAClBR,EAAAA,OAAW;cAClBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKH,SAAe;kBACrDA,EAAAA,OAAW;;EAIhBW,EAAed,EAAAA,QAAOe,EAAE;;;eAGtBX,EAAAA,QAAQ;EAKVY,EAAehB,EAAAA,QAAOiB,EAAAA,SAAS;;MAEtCf,EAAAA,KAAK;aACEC,EAAAA,OAAa;;;sBAGJA,EAAAA,OAAO;;;MAGtBe,GACCA,EAAMC,WACNV,KAAG;;qBAEUN,EAAAA,OAAO;;;8BAGEA,EAAAA,OAAO;;;"}

package/cjs/language-switcher/link-container-variant.style.js

@@ -1,51 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(e);const i=t.default.div`
-    display: inline-flex;
-    padding: ${r.Spacing["spacing-8"]} ${r.Spacing["spacing-16"]};
-    align-items: center;
-    border-radius: ${r.Radius.sm};
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${r.Colour.border};
-    background: ${r.Colour.bg};
-`,n=t.default.ul`
-    display: flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    align-items: center;
-    gap: 0 ${r.Spacing["spacing-8"]};
-    flex-wrap: wrap;
-`,l=t.default.li`
-    display: flex;
-    align-items: center;
-`,s=t.default.button`
-    display: flex;
-    padding: 0.25rem 0.5rem;
-    justify-content: center;
-    align-items: center;
-    gap: 0.625rem;
-    border: none;
-    border-radius: ${r.Radius.md};
-    ${r.Font["body-md-semibold"]}
-    color: ${r.Colour["text-subtler"]};
-    text-align: center;
-    transition: color ${r.Motion["duration-150"]} ${r.Motion["ease-default"]};
-
-    ${({$active:o})=>o?e.css`
-                  background: ${r.Colour["bg-primary-subtler"]};
-                  color: ${r.Colour["text-selected"]};
-                  cursor: default;
-              `:e.css`
-                  background: none;
-                  cursor: pointer;
-
-                  &:hover {
-                      color: ${r.Colour["text-hover"]};
-                      text-decoration: underline;
-                  }
-              `}
-
-    &:focus-visible {
-        outline: 2px solid ${r.Colour["focus-ring"]};
-        outline-offset: -2px;
-    }
-`;exports.LinkContainerWrapper=i,exports.LinkItem=s,exports.LinkList=n,exports.LinkListItem=l;
-//# sourceMappingURL=link-container-variant.style.js.map

package/cjs/language-switcher/link-container-variant.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-container-variant.style.js","sources":["../../../src/language-switcher/link-container-variant.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Font, Motion, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LinkItemStyleProps {\n    $active?: boolean;\n}\n\n// =============================================================================\n// LINK CONTAINER STYLES\n// =============================================================================\nexport const LinkContainerWrapper = styled.div`\n    display: inline-flex;\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    align-items: center;\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const LinkList = styled.ul`\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    align-items: center;\n    gap: 0 ${Spacing[\"spacing-8\"]};\n    flex-wrap: wrap;\n`;\n\nexport const LinkListItem = styled.li`\n    display: flex;\n    align-items: center;\n`;\n\nexport const LinkItem = styled.button<LinkItemStyleProps>`\n    display: flex;\n    padding: 0.25rem 0.5rem;\n    justify-content: center;\n    align-items: center;\n    gap: 0.625rem;\n    border: none;\n    border-radius: ${Radius[\"md\"]};\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-subtler\"]};\n    text-align: center;\n    transition: color ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n\n    ${({ $active }) =>\n        $active\n            ? css`\n                  background: ${Colour[\"bg-primary-subtler\"]};\n                  color: ${Colour[\"text-selected\"]};\n                  cursor: default;\n              `\n            : css`\n                  background: none;\n                  cursor: pointer;\n\n                  &:hover {\n                      color: ${Colour[\"text-hover\"]};\n                      text-decoration: underline;\n                  }\n              `}\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n"],"names":["LinkContainerWrapper","styled","div","Spacing","Radius","Border","Colour","LinkList","ul","LinkListItem","li","LinkItem","button","Font","Motion","$active","css"],"mappings":"kKAaO,MAAMA,EAAuBC,EAAAA,QAAOC,GAAG;;eAE/BC,EAAAA,QAAQ,gBAAgBA,EAAAA,QAAQ;;qBAE1BC,EAAAA,OAAW;cAClBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKC,SAAe;kBACrDA,EAAAA,OAAW;EAGhBC,EAAWN,EAAAA,QAAOO,EAAE;;;;;;aAMpBL,EAAAA,QAAQ;;EAIRM,EAAeR,EAAAA,QAAOS,EAAE;;;EAKxBC,EAAWV,EAAAA,QAAOW,MAA0B;;;;;;;qBAOpCR,EAAAA,OAAW;MAC1BS,EAAAA,KAAK;aACEP,EAAAA,OAAO;;wBAEIQ,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;MAEnD,EAAGC,aACDA,EACMC,KAAG;gCACeV,EAAAA,OAAO;2BACZA,EAAAA,OAAO;;gBAGpBU,KAAG;;;;;+BAKcV,EAAAA,OAAO;;;;;;6BAMTA,EAAAA,OAAO;;;"}

package/cjs/layout/col-div.style.js

@@ -1,32 +0,0 @@
-"use strict";var a=require("styled-components"),t=require("../theme/breakpoint/media-query-helper.js");function e(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}const r=e(a).default.div`
-    position: relative;
-
-    ${e=>{const{$xxlStart:r,$xxlSpan:$,$xlStart:n,$xlSpan:i,$lgStart:u,$lgSpan:d,$mdStart:s,$mdSpan:o,$smStart:x,$smSpan:l,$xsStart:p,$xsSpan:m,$xxsStart:S,$xxsSpan:c}=e;return a.css`
-            grid-column: ${r||"auto"} / span ${$||1};
-
-            ${t.MediaQuery.MaxWidth.xl} {
-                grid-column: ${n||"auto"} / span ${i||1};
-            }
-
-            ${t.MediaQuery.MaxWidth.lg} {
-                grid-column: ${u||"auto"} / span ${d||1};
-            }
-
-            ${t.MediaQuery.MaxWidth.md} {
-                grid-column: ${s||"auto"} / span ${o||1};
-            }
-
-            ${t.MediaQuery.MaxWidth.sm} {
-                grid-column: ${x||"auto"} / span ${l||1};
-            }
-
-            ${t.MediaQuery.MaxWidth.xs} {
-                grid-column: ${p||"auto"} / span ${m||1};
-            }
-
-            ${t.MediaQuery.MaxWidth.xxs} {
-                grid-column: ${S||"auto"} / span ${c||1};
-            }
-        `}}
-`;exports.StyledDiv=r;
-//# sourceMappingURL=col-div.style.js.map

package/cjs/layout/col-div.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"col-div.style.js","sources":["../../../src/layout/col-div.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { MediaQuery } from \"../theme/breakpoint/media-query-helper\";\n\nexport interface StyledDivStyleProps {\n    $xxsStart?: number | undefined;\n    $xxsSpan?: number | undefined;\n    $xsStart?: number | undefined;\n    $xsSpan?: number | undefined;\n    $smStart?: number | undefined;\n    $smSpan?: number | undefined;\n    $mdStart?: number | undefined;\n    $mdSpan?: number | undefined;\n    $lgStart?: number | undefined;\n    $lgSpan?: number | undefined;\n    $xlStart?: number | undefined;\n    $xlSpan?: number | undefined;\n    $xxlStart?: number | undefined;\n    $xxlSpan?: number | undefined;\n}\n\nexport const StyledDiv = styled.div<StyledDivStyleProps>`\n    position: relative;\n\n    ${(props) => {\n        const {\n            $xxlStart,\n            $xxlSpan,\n\n            $xlStart,\n            $xlSpan,\n\n            $lgStart,\n            $lgSpan,\n\n            $mdStart,\n            $mdSpan,\n\n            $smStart,\n            $smSpan,\n\n            $xsStart,\n            $xsSpan,\n\n            $xxsStart,\n            $xxsSpan,\n        } = props;\n\n        return css`\n            grid-column: ${$xxlStart || \"auto\"} / span ${$xxlSpan || 1};\n\n            ${MediaQuery.MaxWidth.xl} {\n                grid-column: ${$xlStart || \"auto\"} / span ${$xlSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.lg} {\n                grid-column: ${$lgStart || \"auto\"} / span ${$lgSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.md} {\n                grid-column: ${$mdStart || \"auto\"} / span ${$mdSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.sm} {\n                grid-column: ${$smStart || \"auto\"} / span ${$smSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.xs} {\n                grid-column: ${$xsStart || \"auto\"} / span ${$xsSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.xxs} {\n                grid-column: ${$xxsStart || \"auto\"} / span ${$xxsSpan || 1};\n            }\n        `;\n    }}\n`;\n"],"names":["StyledDiv","styled","div","props","$xxlStart","$xxlSpan","$xlStart","$xlSpan","$lgStart","$lgSpan","$mdStart","$mdSpan","$smStart","$smSpan","$xsStart","$xsSpan","$xxsStart","$xxsSpan","css","MediaQuery","MaxWidth","xl","lg","md","sm","xs","xxs"],"mappings":"+KAoBO,MAAMA,OAAYC,QAAOC,GAAwB;;;MAGjDC,IACC,MAAMC,UACFA,EAASC,SACTA,EAAQC,SAERA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,UAEPA,EAASC,SACTA,GACAd,EAEJ,OAAOe,KAAG;2BACSd,GAAa,iBAAiBC,GAAY;;cAEvDc,EAAAA,WAAWC,SAASC;+BACHf,GAAY,iBAAiBC,GAAW;;;cAGzDY,EAAAA,WAAWC,SAASE;+BACHd,GAAY,iBAAiBC,GAAW;;;cAGzDU,EAAAA,WAAWC,SAASG;+BACHb,GAAY,iBAAiBC,GAAW;;;cAGzDQ,EAAAA,WAAWC,SAASI;+BACHZ,GAAY,iBAAiBC,GAAW;;;cAGzDM,EAAAA,WAAWC,SAASK;+BACHX,GAAY,iBAAiBC,GAAW;;;cAGzDI,EAAAA,WAAWC,SAASM;+BACHV,GAAa,iBAAiBC,GAAY;;SAEhE;"}

package/cjs/masked-input/masked-input.style.js

@@ -1,85 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons/exclamation-triangle"),r=require("styled-components"),n=require("../input-group/input-group.js"),t=require("../shared/component-loading-spinner/component-loading-spinner.js"),i=require("../theme/index.js"),o=require("../typography/typography.js"),a=require("../shared/input-wrapper/input-wrapper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(r);const s=p.default(n.InputGroup)`
-    padding: 0 0 0 ${({readOnly:e})=>e?"0":i.Spacing["spacing-16"]};
-    input {
-        cursor: ${({readOnly:e,$isDisabled:r})=>e&&!r?"pointer":"initial"};
-    }
-`,c=p.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: ${({$isDisabled:e})=>e?"initial":"pointer"};
-    color: ${({$isDisabled:e,$inactiveColor:r=i.Colour.icon,$activeColor:n=i.Colour["icon-primary"]})=>e?r:n};
-    padding: ${i.Spacing["spacing-12"]} ${i.Spacing["spacing-16"]};
-
-    svg {
-        height: 1em;
-        width: 1em;
-    }
-`,u=p.default.div`
-    display: flex;
-    align-items: center;
-    height: 3rem;
-`,d=p.default(o.Typography.BodyBL)`
-    color: ${i.Colour["text-subtler"]};
-`,g=p.default(t.ComponentLoadingSpinner)`
-    margin-right: ${i.Spacing["spacing-8"]};
-    color: ${i.Colour.icon};
-`,f=p.default.span`
-    color: ${i.Colour["text-primary"]};
-    font-weight: ${i.Font.Spec["weight-semibold"]};
-`,y=p.default.span`
-    display: flex;
-    align-items: center;
-    margin-right: ${i.Spacing["spacing-8"]};
-`,h=p.default(e.ExclamationTriangleIcon)`
-    color: ${i.Colour["icon-warning"]};
-    margin-right: ${i.Spacing["spacing-8"]};
-    height: 1em;
-    width: 1em;
-`,x=p.default.span`
-    color: ${i.Colour["text-warning"]};
-`,m=p.default(a.BasicButton)`
-    width: 100%;
-    height: 3rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-
-    ${i.Font["body-baseline-regular"]}
-
-    &:hover, &:active, &:focus {
-        ${f} {
-            color: ${i.Colour["text-hover"]};
-        }
-    }
-`,$=p.default.button`
-    ${i.Font["body-baseline-regular"]}
-    color: ${i.Colour.text};
-    border: none;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    text-align: left;
-    width: 100%;
-    justify-content: space-between;
-    min-height: 3rem;
-`,b=p.default.span`
-    overflow-wrap: anywhere;
-`,C=p.default.span`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${i.Colour["icon-primary"]};
-    padding: 0 1rem;
-    flex-shrink: 0;
-
-    svg {
-        width: ${i.Font.Spec["body-size-baseline"]};
-        height: ${i.Font.Spec["body-size-baseline"]};
-    }
-`;exports.ClickableErrorWrapper=m,exports.ErrorIcon=h,exports.ErrorLabel=x,exports.ErrorTextContainer=y,exports.IconContainer=c,exports.InputGroupWrapper=s,exports.LoadingLabel=d,exports.LoadingWrapper=u,exports.ReadOnlyClickable=$,exports.ReadOnlyIconContainer=C,exports.ReadOnlyValueText=b,exports.Spinner=g,exports.TryAgainLabel=f;
-//# sourceMappingURL=masked-input.style.js.map