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

package/shared/internal-calendar/day-cell/day-cell.style.js

@@ -1,104 +0,0 @@
-import e,{css as t}from"styled-components";import{V3_Motion as r,V3_Border as o,V3_Radius as i,V3_Font as n,V3_Colour as l}from"../../../v3_theme/index.js";const s=e=>{let t=l.bg,r="transparent";switch(e.$type){case"hover-subtle":t=l["bg-hover"],r=l["bg-hover"];break;case"hover":t=l["bg-hover-strong"],r=l["bg-hover-strong"];break;case"hover-outline":t=l["bg-hover-subtle"],r=l["border-hover"];break;case"selected-outline":t=l["bg-selected"],r=l["border-selected"];break;case"selected-outline-subtle":t=l["bg-selected"],r=l["border-selected-subtle"];break;case"selected-hover":t=l["bg-selected-hover"];break;case"selected-hover-outline":t=l["bg-selected-hover"],r=l["border-selected-hover"]}return{color:t,borderColor:r}},d=e.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    width: 100%;
-    height: 2.5rem;
-`,c=e.div`
-    position: absolute;
-    height: 2.5rem;
-    width: 50%;
-    transition: ${r["duration-150"]} ${r["ease-default"]};
-    border: ${o["width-010"]} ${o.solid} transparent;
-    border-left: none;
-    border-right: none;
-
-    ${e=>{if(!e.$type)return;const{color:r,borderColor:o}=s(e);return t`
-            background-color: ${r};
-            background-clip: border-box;
-            border-top-color: ${o};
-            border-bottom-color: ${o};
-        `}}
-`,a=e(c)`
-    left: 0;
-`,b=e(c)`
-    right: 0;
-`,h=e.div`
-    position: absolute;
-    z-index: 1;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 2.5rem;
-    width: 2.5rem;
-    transition: ${r["duration-150"]} ${r["ease-default"]};
-
-    border: ${o["width-010"]} ${o.solid} transparent;
-    border-radius: ${i.md};
-
-    ${e=>{if(e.$type){const{color:r,borderColor:o}=s(e);return t`
-                background-color: ${r};
-                background-clip: content-box;
-                border-color: ${o};
-            `}}}
-`,u=e(h)`
-    right: calc(50% - 1.25rem);
-    clip-path: inset(-3px 1.25rem -3px -3px);
-`,p=e(h)`
-    left: calc(50% - 1.25rem);
-    clip-path: inset(-3px -3px -3px 1.25rem);
-`,$=e.span`
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    z-index: 2;
-    cursor: ${e=>e.$interactive?"pointer":null===e.$interactive?"default":"not-allowed"};
-`,g=e.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 2.5rem;
-    width: 2.5rem;
-    ${n["body-md-regular"]}
-    transition: ${r["duration-150"]} ${r["ease-default"]};
-
-    pointer-events: ${e=>e.$interactive||null===e.$interactive?"auto":"none"};
-
-    ${e=>{const{$disabled:r,$type:o}=e;if(r)return"hidden"===o?t`
-                    visibility: hidden;
-                `:t`
-                color: ${l["text-disabled-subtlest"]};
-            `;switch(o){case"selected":return t`
-                    font-weight: ${n.Spec["weight-semibold"]};
-                    color: ${l["text-selected"]};
-                `;case"selected-hover":return t`
-                    font-weight: ${n.Spec["weight-semibold"]};
-                    color: ${l["text-selected-hover"]};
-                `;case"current":return t`
-                    font-weight: ${n.Spec["weight-semibold"]};
-                    color: ${l["text-primary"]};
-                `;case"hover":return t`
-                    font-weight: ${n.Spec["weight-semibold"]};
-                    color: ${l["text-hover"]};
-                `;case"unavailable":return t`
-                    color: ${l["text-disabled-subtlest"]};
-                `;case"hidden":return t`
-                    visibility: hidden;
-                `;default:return t`
-                    color: ${l.text};
-                `}}}
-
-    &:focus {
-        outline: none;
-    }
-`,v=e.div`
-    position: absolute;
-    width: 4px;
-    height: 4px;
-    background-color: currentColor;
-    border-radius: 100%;
-    bottom: 4px;
-`;export{d as Cell,h as Circle,v as Indicator,g as Label,$ as LabelWrapper,u as LeftCircle,a as LeftHalf,p as RightCircle,b as RightHalf};
-//# sourceMappingURL=day-cell.style.js.map

package/shared/internal-calendar/day-cell/day-cell.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"day-cell.style.js","sources":["../../../../src/shared/internal-calendar/day-cell/day-cell.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n} from \"../../../v3_theme\";\nimport type { CellType, LabelType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface StyleProps {\n    $type: CellType | undefined;\n}\n\ninterface LabelStyleProps {\n    $type: LabelType | undefined;\n    $disabled: boolean | undefined;\n    $interactive: boolean | null | undefined;\n}\n\ninterface LabelWrapperProps {\n    $interactive: boolean | null | undefined;\n}\n\ninterface IndicatorStyleProps {\n    $disabled: boolean | undefined;\n}\n\n// =============================================================================\n// HELPERS\n// =============================================================================\nconst getCellStyle = (props: StyleProps) => {\n    let color = V3_Colour.bg;\n    let borderColor: typeof color | string = \"transparent\";\n\n    switch (props.$type) {\n        case \"hover-subtle\":\n            color = V3_Colour[\"bg-hover\"];\n            borderColor = V3_Colour[\"bg-hover\"];\n            break;\n        case \"hover\":\n            color = V3_Colour[\"bg-hover-strong\"];\n            borderColor = V3_Colour[\"bg-hover-strong\"];\n            break;\n        case \"hover-outline\":\n            color = V3_Colour[\"bg-hover-subtle\"];\n            borderColor = V3_Colour[\"border-hover\"];\n            break;\n        case \"selected-outline\":\n            color = V3_Colour[\"bg-selected\"];\n            borderColor = V3_Colour[\"border-selected\"];\n            break;\n        case \"selected-outline-subtle\":\n            color = V3_Colour[\"bg-selected\"];\n            borderColor = V3_Colour[\"border-selected-subtle\"];\n            break;\n        case \"selected-hover\":\n            color = V3_Colour[\"bg-selected-hover\"];\n            // no border to give it an overlay effect\n            break;\n        case \"selected-hover-outline\":\n            color = V3_Colour[\"bg-selected-hover\"];\n            borderColor = V3_Colour[\"border-selected-hover\"];\n            break;\n    }\n\n    return { color, borderColor };\n};\n\n// =============================================================================\n// COMPONENTS\n// =============================================================================\nexport const Cell = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    width: 100%;\n    height: 2.5rem;\n`;\n\nconst Half = styled.div<StyleProps>`\n    position: absolute;\n    height: 2.5rem;\n    width: 50%;\n    transition: ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]} transparent;\n    border-left: none;\n    border-right: none;\n\n    ${(props) => {\n        if (!props.$type) {\n            return;\n        }\n        const { color, borderColor } = getCellStyle(props);\n        return css`\n            background-color: ${color};\n            background-clip: border-box;\n            border-top-color: ${borderColor};\n            border-bottom-color: ${borderColor};\n        `;\n    }}\n`;\n\nexport const LeftHalf = styled(Half)`\n    left: 0;\n`;\n\nexport const RightHalf = styled(Half)`\n    right: 0;\n`;\n\nexport const Circle = styled.div<StyleProps>`\n    position: absolute;\n    z-index: 1;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    width: 2.5rem;\n    transition: ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]};\n\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]} transparent;\n    border-radius: ${V3_Radius[\"md\"]};\n\n    ${(props) => {\n        if (props.$type) {\n            const { color, borderColor } = getCellStyle(props);\n            return css`\n                background-color: ${color};\n                background-clip: content-box;\n                border-color: ${borderColor};\n            `;\n        }\n    }}\n`;\n\nexport const LeftCircle = styled(Circle)`\n    right: calc(50% - 1.25rem);\n    clip-path: inset(-3px 1.25rem -3px -3px);\n`;\n\nexport const RightCircle = styled(Circle)`\n    left: calc(50% - 1.25rem);\n    clip-path: inset(-3px -3px -3px 1.25rem);\n`;\n\nexport const LabelWrapper = styled.span<LabelWrapperProps>`\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: 2;\n    cursor: ${(props) => {\n        if (props.$interactive) {\n            return \"pointer\";\n        } else if (props.$interactive === null) {\n            return \"default\";\n        } else {\n            return \"not-allowed\";\n        }\n    }};\n`;\n\nexport const Label = styled.div<LabelStyleProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    width: 2.5rem;\n    ${V3_Font[\"body-md-regular\"]}\n    transition: ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]};\n\n    pointer-events: ${(props) => {\n        if (props.$interactive || props.$interactive === null) {\n            return \"auto\";\n        } else {\n            return \"none\";\n        }\n    }};\n\n    ${(props) => {\n        const { $disabled, $type } = props;\n\n        if ($disabled) {\n            if ($type === \"hidden\") {\n                return css`\n                    visibility: hidden;\n                `;\n            }\n\n            return css`\n                color: ${V3_Colour[\"text-disabled-subtlest\"]};\n            `;\n        }\n\n        switch ($type) {\n            case \"selected\":\n                return css`\n                    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n                    color: ${V3_Colour[\"text-selected\"]};\n                `;\n            case \"selected-hover\":\n                return css`\n                    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n                    color: ${V3_Colour[\"text-selected-hover\"]};\n                `;\n            case \"current\":\n                return css`\n                    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n                    color: ${V3_Colour[\"text-primary\"]};\n                `;\n            case \"hover\":\n                return css`\n                    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n                    color: ${V3_Colour[\"text-hover\"]};\n                `;\n            case \"unavailable\":\n                return css`\n                    color: ${V3_Colour[\"text-disabled-subtlest\"]};\n                `;\n            case \"hidden\":\n                return css`\n                    visibility: hidden;\n                `;\n            case \"available\":\n            default:\n                return css`\n                    color: ${V3_Colour[\"text\"]};\n                `;\n        }\n    }}\n\n    &:focus {\n        outline: none;\n    }\n`;\n\nexport const Indicator = styled.div<IndicatorStyleProps>`\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background-color: currentColor;\n    border-radius: 100%;\n    bottom: 4px;\n`;\n"],"names":["getCellStyle","props","color","V3_Colour","bg","borderColor","$type","Cell","styled","div","Half","V3_Motion","V3_Border","css","LeftHalf","RightHalf","Circle","V3_Radius","LeftCircle","RightCircle","LabelWrapper","span","$interactive","Label","V3_Font","$disabled","Spec","Indicator"],"mappings":"4JAmCA,MAAMA,EAAgBC,IAClB,IAAIC,EAAQC,EAAUC,GAClBC,EAAqC,cAEzC,OAAQJ,EAAMK,OACV,IAAK,eACDJ,EAAQC,EAAU,YAClBE,EAAcF,EAAU,YACxB,MACJ,IAAK,QACDD,EAAQC,EAAU,mBAClBE,EAAcF,EAAU,mBACxB,MACJ,IAAK,gBACDD,EAAQC,EAAU,mBAClBE,EAAcF,EAAU,gBACxB,MACJ,IAAK,mBACDD,EAAQC,EAAU,eAClBE,EAAcF,EAAU,mBACxB,MACJ,IAAK,0BACDD,EAAQC,EAAU,eAClBE,EAAcF,EAAU,0BACxB,MACJ,IAAK,iBACDD,EAAQC,EAAU,qBAElB,MACJ,IAAK,yBACDD,EAAQC,EAAU,qBAClBE,EAAcF,EAAU,yBAIhC,MAAO,CAAED,QAAOG,cAAa,EAMpBE,EAAOC,EAAOC,GAAG;;;;;;;EASxBC,EAAOF,EAAOC,GAAe;;;;kBAIjBE,EAAU,mBAAmBA,EAAU;cAC3CC,EAAU,gBAAgBA,EAAiB;;;;MAIlDX,IACC,IAAKA,EAAMK,MACP,OAEJ,MAAMJ,MAAEA,EAAKG,YAAEA,GAAgBL,EAAaC,GAC5C,OAAOY,CAAG;gCACcX;;gCAEAG;mCACGA;SAC1B;EAIIS,EAAWN,EAAOE,EAAK;;EAIvBK,EAAYP,EAAOE,EAAK;;EAIxBM,EAASR,EAAOC,GAAe;;;;;;;;;kBAS1BE,EAAU,mBAAmBA,EAAU;;cAE3CC,EAAU,gBAAgBA,EAAiB;qBACpCK,EAAc;;MAE5BhB,IACC,GAAIA,EAAMK,MAAO,CACb,MAAMJ,MAAEA,EAAKG,YAAEA,GAAgBL,EAAaC,GAC5C,OAAOY,CAAG;oCACcX;;gCAEJG;aAExB;EAIKa,EAAaV,EAAOQ,EAAO;;;EAK3BG,EAAcX,EAAOQ,EAAO;;;EAK5BI,EAAeZ,EAAOa,IAAuB;;;;;cAK3CpB,GACHA,EAAMqB,aACC,UACuB,OAAvBrB,EAAMqB,aACN,UAEA;EAKNC,EAAQf,EAAOC,GAAoB;;;;;;MAM1Ce,EAAQ;kBACIb,EAAU,mBAAmBA,EAAU;;sBAElCV,GACXA,EAAMqB,cAAuC,OAAvBrB,EAAMqB,aACrB,OAEA;;MAIZrB,IACC,MAAMwB,UAAEA,EAASnB,MAAEA,GAAUL,EAE7B,GAAIwB,EACA,MAAc,WAAVnB,EACOO,CAAG;;kBAKPA,CAAG;yBACGV,EAAU;cAI3B,OAAQG,GACJ,IAAK,WACD,OAAOO,CAAG;mCACSW,EAAQE,KAAK;6BACnBvB,EAAU;kBAE3B,IAAK,iBACD,OAAOU,CAAG;mCACSW,EAAQE,KAAK;6BACnBvB,EAAU;kBAE3B,IAAK,UACD,OAAOU,CAAG;mCACSW,EAAQE,KAAK;6BACnBvB,EAAU;kBAE3B,IAAK,QACD,OAAOU,CAAG;mCACSW,EAAQE,KAAK;6BACnBvB,EAAU;kBAE3B,IAAK,cACD,OAAOU,CAAG;6BACGV,EAAU;kBAE3B,IAAK,SACD,OAAOU,CAAG;;kBAId,QACI,OAAOA,CAAG;6BACGV,EAAgB;;;;;;EAUhCwB,EAAYnB,EAAOC,GAAwB;;;;;;;"}

package/shared/internal-calendar/internal-calendar-month.style.d.ts

@@ -1,9 +0,0 @@
-import type { MonthVariant } from "./internal-calendar-month";
-interface StyleProps {
-    $variant: MonthVariant;
-    $disabledDisplay?: boolean;
-    $interactive?: boolean;
-}
-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 MonthCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export {};

package/shared/internal-calendar/internal-calendar-month.style.js

@@ -1,71 +0,0 @@
-import e,{css as r}from"styled-components";import{V3_Radius as t,V3_Motion as o,V3_Font as d,V3_Border as i,V3_Colour as l}from"../../v3_theme/index.js";const c=e.div`
-    width: 100%;
-    height: 100%;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(6, 2.5rem);
-    align-content: center;
-    justify-content: center;
-
-    gap: 0.5rem 0;
-`,s=e.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: ${t.md};
-    margin: 0 0.5rem;
-    transition: ${o["duration-150"]} ${o["ease-default"]};
-
-    // default styles
-    ${d["body-md-regular"]}
-    border-radius: ${t.md};
-    border: ${i["width-010"]} ${i.solid} transparent;
-    background-clip: border-box;
-    color: ${l.text};
-    cursor: default;
-
-    // cursor style
-    ${e=>e.$interactive?r`
-                cursor: pointer;
-            `:e.$disabledDisplay?r`
-                cursor: not-allowed;
-            `:void 0}
-
-    // background, border and text styles
-    ${({$variant:e,$interactive:t,$disabledDisplay:o})=>"selected-month"===e?r`
-                background: ${l["bg-selected"]};
-                border-color: ${l["border-selected"]};
-                color: ${l["text-selected"]};
-                font-weight: ${d.Spec["weight-semibold"]};
-
-                ${t&&r`
-                    &:hover {
-                        background: ${l["bg-selected-hover"]};
-                        border-color: ${l["border-selected-hover"]};
-                        color: ${l["text-selected-hover"]};
-                    }
-                `}
-            `:"current-month"===e?r`
-                color: ${l["text-primary"]};
-                font-weight: ${d.Spec["weight-semibold"]};
-            `:o?r`
-                color: ${l["text-disabled-subtlest"]};
-            `:void 0}
-
-    // hover styles
-    ${({$variant:e,$interactive:t})=>{if(t)return"selected-month"===e?r`
-                &:hover {
-                    background: ${l["bg-selected-hover"]};
-                    border-color: ${l["border-selected-hover"]};
-                    color: ${l["text-selected-hover"]};
-                    font-weight: ${d.Spec["weight-semibold"]};
-                }
-            `:r`
-            &:hover {
-                background: ${l["bg-hover"]};
-                color: ${l["text-hover"]};
-                font-weight: ${d.Spec["weight-semibold"]};
-            }
-        `}}
-`;export{s as MonthCell,c as Wrapper};
-//# sourceMappingURL=internal-calendar-month.style.js.map

package/shared/internal-calendar/internal-calendar-month.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"internal-calendar-month.style.js","sources":["../../../src/shared/internal-calendar/internal-calendar-month.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n} from \"../../v3_theme\";\nimport type { MonthVariant } from \"./internal-calendar-month\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $variant: MonthVariant;\n    $disabledDisplay?: boolean;\n    $interactive?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div`\n    width: 100%;\n    height: 100%;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(6, 2.5rem);\n    align-content: center;\n    justify-content: center;\n\n    gap: 0.5rem 0;\n`;\n\nexport const MonthCell = styled.div<StyleProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: ${V3_Radius[\"md\"]};\n    margin: 0 0.5rem;\n    transition: ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]};\n\n    // default styles\n    ${V3_Font[\"body-md-regular\"]}\n    border-radius: ${V3_Radius[\"md\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} transparent;\n    background-clip: border-box;\n    color: ${V3_Colour[\"text\"]};\n    cursor: default;\n\n    // cursor style\n    ${(props) => {\n        if (props.$interactive) {\n            return css`\n                cursor: pointer;\n            `;\n        }\n        if (props.$disabledDisplay) {\n            return css`\n                cursor: not-allowed;\n            `;\n        }\n    }}\n\n    // background, border and text styles\n    ${({ $variant, $interactive, $disabledDisplay }) => {\n        if ($variant === \"selected-month\") {\n            return css`\n                background: ${V3_Colour[\"bg-selected\"]};\n                border-color: ${V3_Colour[\"border-selected\"]};\n                color: ${V3_Colour[\"text-selected\"]};\n                font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n\n                ${$interactive &&\n                css`\n                    &:hover {\n                        background: ${V3_Colour[\"bg-selected-hover\"]};\n                        border-color: ${V3_Colour[\"border-selected-hover\"]};\n                        color: ${V3_Colour[\"text-selected-hover\"]};\n                    }\n                `}\n            `;\n        }\n\n        if ($variant === \"current-month\") {\n            return css`\n                color: ${V3_Colour[\"text-primary\"]};\n                font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n            `;\n        }\n\n        if ($disabledDisplay) {\n            return css`\n                color: ${V3_Colour[\"text-disabled-subtlest\"]};\n            `;\n        }\n    }}\n\n    // hover styles\n    ${({ $variant, $interactive }) => {\n        if (!$interactive) {\n            return;\n        }\n\n        if ($variant === \"selected-month\") {\n            return css`\n                &:hover {\n                    background: ${V3_Colour[\"bg-selected-hover\"]};\n                    border-color: ${V3_Colour[\"border-selected-hover\"]};\n                    color: ${V3_Colour[\"text-selected-hover\"]};\n                    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n                }\n            `;\n        }\n\n        return css`\n            &:hover {\n                background: ${V3_Colour[\"bg-hover\"]};\n                color: ${V3_Colour[\"text-hover\"]};\n                font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n            }\n        `;\n    }}\n`;\n"],"names":["Wrapper","styled","div","MonthCell","V3_Radius","V3_Motion","V3_Font","V3_Border","solid","V3_Colour","props","$interactive","css","$disabledDisplay","$variant","Spec"],"mappings":"yJAwBO,MAAMA,EAAUC,EAAOC,GAAG;;;;;;;;;;EAYpBC,EAAYF,EAAOC,GAAe;;;;qBAI1BE,EAAc;;kBAEjBC,EAAU,mBAAmBA,EAAU;;;MAGnDC,EAAQ;qBACOF,EAAc;cACrBG,EAAU,gBAAgBA,EAAUC;;aAErCC,EAAgB;;;;MAItBC,GACKA,EAAMC,aACCC,CAAG;;cAIVF,EAAMG,iBACCD,CAAG;;mBADd;;;MAQF,EAAGE,WAAUH,eAAcE,sBACR,mBAAbC,EACOF,CAAG;8BACQH,EAAU;gCACRA,EAAU;yBACjBA,EAAU;+BACJH,EAAQS,KAAK;;kBAE1BJ,GACFC,CAAG;;sCAEmBH,EAAU;wCACRA,EAAU;iCACjBA,EAAU;;;cAMlB,kBAAbK,EACOF,CAAG;yBACGH,EAAU;+BACJH,EAAQS,KAAK;cAIhCF,EACOD,CAAG;yBACGH,EAAU;mBAF3B;;;MAQF,EAAGK,WAAUH,mBACX,GAAKA,EAIL,MAAiB,mBAAbG,EACOF,CAAG;;kCAEYH,EAAU;oCACRA,EAAU;6BACjBA,EAAU;mCACJH,EAAQS,KAAK;;cAKjCH,CAAG;;8BAEYH,EAAU;yBACfA,EAAU;+BACJH,EAAQS,KAAK;;SAEnC;"}

package/shared/internal-calendar/internal-calendar-year.style.d.ts

@@ -1,9 +0,0 @@
-import type { YearVariant } from "./internal-calendar-year";
-interface StyleProps {
-    $disabledDisplay: boolean;
-    $interactive: boolean;
-    $variant: YearVariant;
-}
-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 YearCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export {};

package/shared/internal-calendar/internal-calendar-year.style.js

@@ -1,68 +0,0 @@
-import e,{css as r}from"styled-components";import{V3_Motion as t,V3_Font as o,V3_Radius as d,V3_Border as i,V3_Colour as l}from"../../v3_theme/index.js";const c=e.div`
-    width: 100%;
-    height: 100%;
-    display: grid;
-    align-content: center;
-    align-items: center;
-    grid-template-columns: repeat(3, 1fr);
-`,s=e.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 1rem 0.5rem;
-    transition: ${t["duration-150"]} ${t["ease-default"]};
-    padding: 0.5rem;
-
-    // default styles
-    ${o["body-md-regular"]}
-    border-radius: ${d.md};
-    border: ${i["width-010"]} ${i.solid} transparent;
-    background-clip: border-box;
-    color: ${l.text};
-    cursor: default;
-
-    // cursor style
-    ${({$interactive:e,$disabledDisplay:t})=>e?r`
-                cursor: pointer;
-            `:t?r`
-                cursor: not-allowed;
-            `:void 0}
-
-    // background, border and text styles
-    ${({$variant:e,$interactive:t,$disabledDisplay:d})=>"selected-year"===e?r`
-                background: ${l["bg-selected"]};
-                border-color: ${l["border-selected"]};
-                color: ${l["text-selected"]};
-                font-weight: ${o.Spec["weight-semibold"]};
-
-                ${t&&r`
-                    &:hover {
-                        background: ${l["bg-selected-hover"]};
-                        border-color: ${l["border-selected-hover"]};
-                        color: ${l["text-selected-hover"]};
-                    }
-                `}
-            `:"current-year"===e?r`
-                color: ${l["text-primary"]};
-                font-weight: ${o.Spec["weight-semibold"]};
-            `:"other-decade"===e||d?r`
-                color: ${l["text-disabled-subtlest"]};
-            `:void 0}
-
-    // hover styles
-    ${({$variant:e,$interactive:t})=>{if(t)return"selected-year"===e?r`
-                &:hover {
-                    background: ${l["bg-selected-hover"]};
-                    border-color: ${l["border-selected-hover"]};
-                    color: ${l["text-selected-hover"]};
-                    font-weight: ${o.Spec["weight-semibold"]};
-                }
-            `:r`
-            &:hover {
-                background: ${l["bg-hover"]};
-                color: ${l["text-hover"]};
-                font-weight: ${o.Spec["weight-semibold"]};
-            }
-        `}}
-`;export{c as Wrapper,s as YearCell};
-//# sourceMappingURL=internal-calendar-year.style.js.map

package/shared/internal-calendar/internal-calendar-year.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"internal-calendar-year.style.js","sources":["../../../src/shared/internal-calendar/internal-calendar-year.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n} from \"../../v3_theme\";\nimport type { YearVariant } from \"./internal-calendar-year\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $disabledDisplay: boolean;\n    $interactive: boolean;\n    $variant: YearVariant;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div`\n    width: 100%;\n    height: 100%;\n    display: grid;\n    align-content: center;\n    align-items: center;\n    grid-template-columns: repeat(3, 1fr);\n`;\n\nexport const YearCell = styled.div<StyleProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 1rem 0.5rem;\n    transition: ${V3_Motion[\"duration-150\"]} ${V3_Motion[\"ease-default\"]};\n    padding: 0.5rem;\n\n    // default styles\n    ${V3_Font[\"body-md-regular\"]}\n    border-radius: ${V3_Radius[\"md\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} transparent;\n    background-clip: border-box;\n    color: ${V3_Colour[\"text\"]};\n    cursor: default;\n\n    // cursor style\n    ${({ $interactive, $disabledDisplay }) => {\n        if ($interactive) {\n            return css`\n                cursor: pointer;\n            `;\n        }\n\n        if ($disabledDisplay) {\n            return css`\n                cursor: not-allowed;\n            `;\n        }\n    }}\n\n    // background, border and text styles\n    ${({ $variant, $interactive, $disabledDisplay }) => {\n        if ($variant === \"selected-year\") {\n            return css`\n                background: ${V3_Colour[\"bg-selected\"]};\n                border-color: ${V3_Colour[\"border-selected\"]};\n                color: ${V3_Colour[\"text-selected\"]};\n                font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n\n                ${$interactive &&\n                css`\n                    &:hover {\n                        background: ${V3_Colour[\"bg-selected-hover\"]};\n                        border-color: ${V3_Colour[\"border-selected-hover\"]};\n                        color: ${V3_Colour[\"text-selected-hover\"]};\n                    }\n                `}\n            `;\n        }\n\n        if ($variant === \"current-year\") {\n            return css`\n                color: ${V3_Colour[\"text-primary\"]};\n                font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n            `;\n        }\n\n        if ($variant === \"other-decade\") {\n            return css`\n                color: ${V3_Colour[\"text-disabled-subtlest\"]};\n            `;\n        }\n\n        if ($disabledDisplay) {\n            return css`\n                color: ${V3_Colour[\"text-disabled-subtlest\"]};\n            `;\n        }\n    }}\n\n    // hover styles\n    ${({ $variant, $interactive }) => {\n        if (!$interactive) {\n            return;\n        }\n\n        if ($variant === \"selected-year\") {\n            return css`\n                &:hover {\n                    background: ${V3_Colour[\"bg-selected-hover\"]};\n                    border-color: ${V3_Colour[\"border-selected-hover\"]};\n                    color: ${V3_Colour[\"text-selected-hover\"]};\n                    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n                }\n            `;\n        }\n\n        return css`\n            &:hover {\n                background: ${V3_Colour[\"bg-hover\"]};\n                color: ${V3_Colour[\"text-hover\"]};\n                font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n            }\n        `;\n    }}\n`;\n"],"names":["Wrapper","styled","div","YearCell","V3_Motion","V3_Font","V3_Radius","V3_Border","solid","V3_Colour","$interactive","$disabledDisplay","css","$variant","Spec"],"mappings":"yJAwBO,MAAMA,EAAUC,EAAOC,GAAG;;;;;;;EASpBC,EAAWF,EAAOC,GAAe;;;;;kBAK5BE,EAAU,mBAAmBA,EAAU;;;;MAInDC,EAAQ;qBACOC,EAAc;cACrBC,EAAU,gBAAgBA,EAAUC;;aAErCC,EAAgB;;;;MAIvB,EAAGC,eAAcC,sBACXD,EACOE,CAAG;;cAKVD,EACOC,CAAG;;mBADd;;;MAQF,EAAGC,WAAUH,eAAcC,sBACR,kBAAbE,EACOD,CAAG;8BACQH,EAAU;gCACRA,EAAU;yBACjBA,EAAU;+BACJJ,EAAQS,KAAK;;kBAE1BJ,GACFE,CAAG;;sCAEmBH,EAAU;wCACRA,EAAU;iCACjBA,EAAU;;;cAMlB,iBAAbI,EACOD,CAAG;yBACGH,EAAU;+BACJJ,EAAQS,KAAK;cAInB,iBAAbD,GAMAF,EALOC,CAAG;yBACGH,EAAU;mBAI3B;;;MAQF,EAAGI,WAAUH,mBACX,GAAKA,EAIL,MAAiB,kBAAbG,EACOD,CAAG;;kCAEYH,EAAU;oCACRA,EAAU;6BACjBA,EAAU;mCACJJ,EAAQS,KAAK;;cAKjCF,CAAG;;8BAEYH,EAAU;yBACfA,EAAU;+BACJJ,EAAQS,KAAK;;SAEnC;"}

package/shared/internal-calendar/internal-calendar.style.d.ts

@@ -1 +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;

package/shared/internal-calendar/internal-calendar.style.js

@@ -1,5 +0,0 @@
-import o from"styled-components";import{V3_Colour as t}from"../../v3_theme/index.js";const e=o.div`
-    width: 100%;
-    background: ${t.bg};
-`;export{e as Container};
-//# sourceMappingURL=internal-calendar.style.js.map

package/shared/internal-calendar/internal-calendar.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"internal-calendar.style.js","sources":["../../../src/shared/internal-calendar/internal-calendar.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Colour } from \"../../v3_theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Container = styled.div`\n    width: 100%;\n    background: ${V3_Colour.bg};\n`;\n"],"names":["Container","styled","div","V3_Colour","bg"],"mappings":"qFAOO,MAAMA,EAAYC,EAAOC,GAAG;;kBAEjBC,EAAUC;"}

package/shared/internal-calendar/standard/standard-calendar-day-view.style.d.ts

@@ -1,3 +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 HeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const RowDayCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/shared/internal-calendar/standard/standard-calendar-day-view.style.js

@@ -1,20 +0,0 @@
-import e from"styled-components";import{V3_Font as t,V3_Colour as i}from"../../../v3_theme/index.js";const o=e.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    row-gap: 0.25rem;
-`,r=e.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 2.5rem;
-    pointer-events: none;
-    user-select: none;
-
-    ${t["body-sm-semibold"]};
-    color: ${i.text};
-`,n=e.div`
-    grid-column: 1 / -1;
-    display: flex;
-`;export{r as HeaderCell,n as RowDayCell,o as Wrapper};
-//# sourceMappingURL=standard-calendar-day-view.style.js.map

package/shared/internal-calendar/standard/standard-calendar-day-view.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standard-calendar-day-view.style.js","sources":["../../../../src/shared/internal-calendar/standard/standard-calendar-day-view.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Colour, V3_Font } from \"../../../v3_theme\";\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    row-gap: 0.25rem;\n`;\n\nexport const HeaderCell = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 2.5rem;\n    pointer-events: none;\n    user-select: none;\n\n    ${V3_Font[\"body-sm-semibold\"]};\n    color: ${V3_Colour[\"text\"]};\n`;\n\nexport const RowDayCell = styled.div`\n    grid-column: 1 / -1;\n    display: flex;\n`;\n"],"names":["Wrapper","styled","div","HeaderCell","V3_Font","V3_Colour","RowDayCell"],"mappings":"qGAIO,MAAMA,EAAUC,EAAOC,GAAG;;;;;EAOpBC,EAAaF,EAAOC,GAAG;;;;;;;;MAQ9BE,EAAQ;aACDC,EAAgB;EAGhBC,EAAaL,EAAOC,GAAG;;;"}

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

@@ -1,24 +0,0 @@
-interface PlaceholderStyleProps {
-    $hide?: boolean;
-    $disabled?: boolean;
-}
-interface DividerStyleProps {
-    $inactive?: boolean;
-}
-interface InputContainerStyleProps {
-    $hover?: boolean;
-}
-export declare const InputSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputContainerStyleProps>> & string;
-export declare const DayInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../input-wrapper").InputStyleProps, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, never>, never>> & string;
-export declare const MonthInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../input-wrapper").InputStyleProps, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, never>, never>> & string;
-export declare const YearInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../input-wrapper").InputStyleProps, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, never>, never>> & string;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DividerStyleProps>> & string;
-export declare const Placeholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PlaceholderStyleProps>> & string;
-export {};

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

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

package/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":"2LA0BO,MAAMA,EAAeC,EAAOC,GAAG;;;;;;EAQzBC,EAAiBF,EAAOC,GAA6B;;;;MAI3DE,IACC,GAAIA,EAAMC,OACN,OAAOC,CAAG;kBACJC,MAAcC;6BACHC,EAAU;;aAG/B;EAIFF,EAAYN,EAAOS,EAAW;;;EAKvBC,EAAWV,EAAOM,EAAU;;oBAErBK,EAAW;EAGlBC,EAAaZ,EAAOM,EAAU;;EAI9BO,EAAYb,EAAOM,EAAU;;mBAEvBK,EAAW;EAGjBJ,EAAUP,EAAOc,IAAuB;MAC/CC,EAAQ;MACPZ,IACC,GAAIA,EAAMa,UACN,OAAOX,CAAG;yBACGG,EAAgB;aAEjC;EAIKS,EAAcjB,EAAOC,GAA0B;MACtDc,EAAQ;wBACUP,EAAc;aACzBA,EAAU;;;;;;;MAOhBL,GACKA,EAAMe,UACCb,CAAG;oCACcG,EAAU;;cAG3BL,EAAMgB,MACNd,CAAG;;mBADP;"}

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

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

package/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":["ToggleIcon","type","active","disabled","className","component","_jsx","SquareTickFillIcon","SquareIcon","CircleDotIcon","CircleIcon","TickIcon","CrossIcon","Wrapper","$active","children"],"mappings":"6bAkBO,MAAMA,EAAa,EACtBC,OACAC,UAAS,EACTC,WACAC,gBAEA,IAAIC,EAEJ,OAAQJ,GACJ,IAAK,WACDI,EAAqBC,EAATJ,EAAUK,EAAyBC,EAAP,CAAA,GACxC,MACJ,IAAK,QACDH,EAAqBC,EAATJ,EAAUO,EAAoBC,EAAP,CAAA,GACnC,MACJ,IAAK,OACDL,EAAYC,EAACK,EAAQ,IACrB,MACJ,IAAK,QACDN,EAAYC,EAACM,EAAS,IACtB,MACJ,QACIP,EAAY,KAIpB,OACIC,EAACO,EAAO,CACJT,UAAWA,EAASU,QACXZ,YACEC,EAAQ,eAAA,EAAAY,SAGlBV,GACK"}

package/shared/toggle-icon/toggle-icon.styles.d.ts

@@ -1,6 +0,0 @@
-interface StyleProps {
-    $active?: boolean;
-    $disabled?: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export {};

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

@@ -1,22 +0,0 @@
-import e,{css as i}from"styled-components";import{V3_Colour as o}from"../../v3_theme/index.js";const t=e.div`
-    height: 1.625rem;
-    width: 1.625rem;
-    margin-right: 0.5rem;
-    flex-shrink: 0;
-
-    svg {
-        height: 100%;
-        width: 100%;
-    }
-
-    ${e=>e.$disabled?e.$active?i`
-                    color: ${o["icon-selected-disabled"]};
-                `:i`
-                    color: ${o["icon-disabled-subtle"]};
-                `:e.$active?i`
-                color: ${o["icon-selected"]};
-            `:i`
-            color: ${o["icon-subtle"]};
-        `};
-`;export{t as Wrapper};
-//# sourceMappingURL=toggle-icon.styles.js.map

package/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":"+FAYO,MAAMA,EAAUC,EAAOC,GAAe;;;;;;;;;;;MAWtCC,GACKA,EAAMC,UACFD,EAAME,QACCC,CAAG;6BACGC,EAAU;kBAGhBD,CAAG;6BACGC,EAAU;kBAK3BJ,EAAME,QACCC,CAAG;yBACGC,EAAU;cAIpBD,CAAG;qBACGC,EAAU;;"}

package/singpass-button/singpass-button.style.d.ts

@@ -1,12 +0,0 @@
-import type { SingpassButtonStyleType } from "./types";
-export type MainButtonSize = "default" | "small" | "large";
-export interface MainStyleProps {
-    $buttonStyle: SingpassButtonStyleType;
-    $buttonSizeStyle?: MainButtonSize | undefined;
-}
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, MainStyleProps>> & string;
-interface SvgContainerProps {
-    $buttonSizeStyle?: MainButtonSize | undefined;
-}
-export declare const SvgContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SvgContainerProps>> & string;
-export {};

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

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

package/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":"mMAaO,MAAMA,EAAOC,EAAOC,MAAsB;eAClCC,EAAW,gBAAgBA,EAAW;sBAC/BC,EAAU,mBAAmBA,EAAU;qBACxCC,EAAe;;;;;;MAM7BC,GAC4B,eAAvBA,EAAMC,aACCC,CAAG;;;;;;;;;;cAaPA,CAAG;gCACcC,EAAUC,UAAUC;;;;;;;;;;;MAY7CL,IACC,OAAQA,EAAMM,kBACV,IAAK,QACD,OAAOJ,CAAG;;kBAId,IAAK,QACD,OAAOA,CAAG;;kBAId,QACI,OAAOA,CAAG;;;EAUbK,EAAeZ,EAAOa,IAAuB;;;;;cAK3CR,GAEE,UADDA,EAAMM,iBAEC,IAIA;"}

package/tab/tab-link-chain.style.d.ts

@@ -1,21 +0,0 @@
-interface LabelStyleProps {
-    $active?: boolean;
-}
-interface ChainStyleProps {
-    $fullWidthIndicatorLine?: boolean;
-}
-interface ChainItemStyleProps {
-    $active?: boolean;
-    $width?: string;
-}
-interface ChainLinkStyleProps {
-    $reversed: boolean;
-}
-export declare const Chain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, ChainStyleProps>> & string;
-export declare const ChainItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, ChainItemStyleProps>> & string;
-export declare const ChainLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChainLinkStyleProps>> & string;
-export declare const LabelContainer: 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/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelStyleProps>> & string;
-export declare const BoldLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, LabelStyleProps>> & string;
-export declare const CustomFadeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/fade-wrapper").FadeWrapperProps & import("react").RefAttributes<import("../shared/fade-wrapper").FadeWrapperRef>, never>> & string & Omit<(props: import("../shared/fade-wrapper").FadeWrapperProps & import("react").RefAttributes<import("../shared/fade-wrapper").FadeWrapperRef>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};