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

package/cjs/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\";\nimport { Border, Colour, Font, Motion, Radius } from \"../../../theme\";\nimport { 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 = Colour.bg;\n    let borderColor: typeof color | string = \"transparent\";\n\n    switch (props.$type) {\n        case \"hover-subtle\":\n            color = Colour[\"bg-hover\"];\n            borderColor = Colour[\"bg-hover\"];\n            break;\n        case \"hover\":\n            color = Colour[\"bg-hover-strong\"];\n            borderColor = Colour[\"bg-hover-strong\"];\n            break;\n        case \"hover-outline\":\n            color = Colour[\"bg-hover-subtle\"];\n            borderColor = Colour[\"border-hover\"];\n            break;\n        case \"selected-outline\":\n            color = Colour[\"bg-selected\"];\n            borderColor = Colour[\"border-selected\"];\n            break;\n        case \"selected-outline-subtle\":\n            color = Colour[\"bg-selected\"];\n            borderColor = Colour[\"border-selected-subtle\"];\n            break;\n        case \"selected-hover\":\n            color = Colour[\"bg-selected-hover\"];\n            // no border to give it an overlay effect\n            break;\n        case \"selected-hover-outline\":\n            color = Colour[\"bg-selected-hover\"];\n            borderColor = 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: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n    border: ${Border[\"width-010\"]} ${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: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} transparent;\n    border-radius: ${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    ${Font[\"body-md-regular\"]}\n    transition: ${Motion[\"duration-150\"]} ${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: ${Colour[\"text-disabled-subtlest\"]};\n            `;\n        }\n\n        switch ($type) {\n            case \"selected\":\n                return css`\n                    font-weight: ${Font.Spec[\"weight-semibold\"]};\n                    color: ${Colour[\"text-selected\"]};\n                `;\n            case \"selected-hover\":\n                return css`\n                    font-weight: ${Font.Spec[\"weight-semibold\"]};\n                    color: ${Colour[\"text-selected-hover\"]};\n                `;\n            case \"current\":\n                return css`\n                    font-weight: ${Font.Spec[\"weight-semibold\"]};\n                    color: ${Colour[\"text-primary\"]};\n                `;\n            case \"hover\":\n                return css`\n                    font-weight: ${Font.Spec[\"weight-semibold\"]};\n                    color: ${Colour[\"text-hover\"]};\n                `;\n            case \"unavailable\":\n                return css`\n                    color: ${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: ${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","Colour","bg","borderColor","$type","Cell","styled","div","Half","Motion","Border","css","LeftHalf","RightHalf","Circle","Radius","LeftCircle","RightCircle","LabelWrapper","span","$interactive","Label","Font","$disabled","Spec","text","Indicator"],"mappings":"wKA4BA,MAAMA,EAAgBC,IAClB,IAAIC,EAAQC,EAAAA,OAAOC,GACfC,EAAqC,cAEzC,OAAQJ,EAAMK,OACV,IAAK,eACDJ,EAAQC,EAAAA,OAAO,YACfE,EAAcF,EAAAA,OAAO,YACrB,MACJ,IAAK,QACDD,EAAQC,EAAAA,OAAO,mBACfE,EAAcF,EAAAA,OAAO,mBACrB,MACJ,IAAK,gBACDD,EAAQC,EAAAA,OAAO,mBACfE,EAAcF,EAAAA,OAAO,gBACrB,MACJ,IAAK,mBACDD,EAAQC,EAAAA,OAAO,eACfE,EAAcF,EAAAA,OAAO,mBACrB,MACJ,IAAK,0BACDD,EAAQC,EAAAA,OAAO,eACfE,EAAcF,EAAAA,OAAO,0BACrB,MACJ,IAAK,iBACDD,EAAQC,EAAAA,OAAO,qBAEf,MACJ,IAAK,yBACDD,EAAQC,EAAAA,OAAO,qBACfE,EAAcF,EAAAA,OAAO,yBAI7B,MAAO,CAAED,QAAOG,cAAa,EAMpBE,EAAOC,EAAAA,QAAOC,GAAG;;;;;;;EASxBC,EAAOF,EAAAA,QAAOC,GAAe;;;;kBAIjBE,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;cACrCC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc;;;;MAI5CX,IACC,IAAKA,EAAMK,MACP,OAEJ,MAAMJ,MAAEA,EAAKG,YAAEA,GAAgBL,EAAaC,GAC5C,OAAOY,KAAG;gCACcX;;gCAEAG;mCACGA;SAC1B;EAIIS,EAAWN,EAAAA,QAAOE,EAAK;;EAIvBK,EAAYP,EAAAA,QAAOE,EAAK;;EAIxBM,EAASR,EAAAA,QAAOC,GAAe;;;;;;;;;kBAS1BE,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;cAErCC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc;qBAC9BK,EAAAA,OAAW;;MAEzBhB,IACC,GAAIA,EAAMK,MAAO,CACb,MAAMJ,MAAEA,EAAKG,YAAEA,GAAgBL,EAAaC,GAC5C,OAAOY,KAAG;oCACcX;;gCAEJG;aAExB;EAIKa,EAAaV,EAAAA,QAAOQ,EAAO;;;EAK3BG,EAAcX,EAAAA,QAAOQ,EAAO;;;EAK5BI,EAAeZ,EAAAA,QAAOa,IAAuB;;;;;cAK3CpB,GACHA,EAAMqB,aACC,UACuB,OAAvBrB,EAAMqB,aACN,UAEA;EAKNC,EAAQf,EAAAA,QAAOC,GAAoB;;;;;;MAM1Ce,EAAAA,KAAK;kBACOb,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;sBAE5BV,GACXA,EAAMqB,cAAuC,OAAvBrB,EAAMqB,aACrB,OAEA;;MAIZrB,IACC,MAAMwB,UAAEA,EAASnB,MAAEA,GAAUL,EAE7B,GAAIwB,EACA,MAAc,WAAVnB,EACOO,KAAG;;kBAKPA,KAAG;yBACGV,EAAAA,OAAO;cAIxB,OAAQG,GACJ,IAAK,WACD,OAAOO,KAAG;mCACSW,EAAAA,KAAKE,KAAK;6BAChBvB,EAAAA,OAAO;kBAExB,IAAK,iBACD,OAAOU,KAAG;mCACSW,EAAAA,KAAKE,KAAK;6BAChBvB,EAAAA,OAAO;kBAExB,IAAK,UACD,OAAOU,KAAG;mCACSW,EAAAA,KAAKE,KAAK;6BAChBvB,EAAAA,OAAO;kBAExB,IAAK,QACD,OAAOU,KAAG;mCACSW,EAAAA,KAAKE,KAAK;6BAChBvB,EAAAA,OAAO;kBAExB,IAAK,cACD,OAAOU,KAAG;6BACGV,EAAAA,OAAO;kBAExB,IAAK,SACD,OAAOU,KAAG;;kBAId,QACI,OAAOA,KAAG;6BACGV,EAAAA,OAAOwB;;;;;;EAUvBC,EAAYpB,EAAAA,QAAOC,GAAwB;;;;;;;"}

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

@@ -1,71 +0,0 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(e);const d=t.default.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;
-`,l=t.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: ${o.Radius.md};
-    margin: 0 0.5rem;
-    transition: ${o.Motion["duration-150"]} ${o.Motion["ease-default"]};
-
-    // default styles
-    ${o.Font["body-md-regular"]}
-    border-radius: ${o.Radius.md};
-    border: ${o.Border["width-010"]} ${o.Border.solid} transparent;
-    background-clip: border-box;
-    color: ${o.Colour.text};
-    cursor: default;
-
-    // cursor style
-    ${o=>o.$interactive?e.css`
-                cursor: pointer;
-            `:o.$disabledDisplay?e.css`
-                cursor: not-allowed;
-            `:void 0}
-
-    // background, border and text styles
-    ${({$variant:r,$interactive:t,$disabledDisplay:d})=>"selected-month"===r?e.css`
-                background: ${o.Colour["bg-selected"]};
-                border-color: ${o.Colour["border-selected"]};
-                color: ${o.Colour["text-selected"]};
-                font-weight: ${o.Font.Spec["weight-semibold"]};
-
-                ${t&&e.css`
-                    &:hover {
-                        background: ${o.Colour["bg-selected-hover"]};
-                        border-color: ${o.Colour["border-selected-hover"]};
-                        color: ${o.Colour["text-selected-hover"]};
-                    }
-                `}
-            `:"current-month"===r?e.css`
-                color: ${o.Colour["text-primary"]};
-                font-weight: ${o.Font.Spec["weight-semibold"]};
-            `:d?e.css`
-                color: ${o.Colour["text-disabled-subtlest"]};
-            `:void 0}
-
-    // hover styles
-    ${({$variant:r,$interactive:t})=>{if(t)return"selected-month"===r?e.css`
-                &:hover {
-                    background: ${o.Colour["bg-selected-hover"]};
-                    border-color: ${o.Colour["border-selected-hover"]};
-                    color: ${o.Colour["text-selected-hover"]};
-                    font-weight: ${o.Font.Spec["weight-semibold"]};
-                }
-            `:e.css`
-            &:hover {
-                background: ${o.Colour["bg-hover"]};
-                color: ${o.Colour["text-hover"]};
-                font-weight: ${o.Font.Spec["weight-semibold"]};
-            }
-        `}}
-`;exports.MonthCell=l,exports.Wrapper=d;
-//# sourceMappingURL=internal-calendar-month.style.js.map

package/cjs/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\";\nimport { Border, Colour, Font, Motion, Radius } from \"../../theme\";\nimport { 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: ${Radius[\"md\"]};\n    margin: 0 0.5rem;\n    transition: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n\n    // default styles\n    ${Font[\"body-md-regular\"]}\n    border-radius: ${Radius[\"md\"]};\n    border: ${Border[\"width-010\"]} ${Border.solid} transparent;\n    background-clip: border-box;\n    color: ${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: ${Colour[\"bg-selected\"]};\n                border-color: ${Colour[\"border-selected\"]};\n                color: ${Colour[\"text-selected\"]};\n                font-weight: ${Font.Spec[\"weight-semibold\"]};\n\n                ${$interactive &&\n                css`\n                    &:hover {\n                        background: ${Colour[\"bg-selected-hover\"]};\n                        border-color: ${Colour[\"border-selected-hover\"]};\n                        color: ${Colour[\"text-selected-hover\"]};\n                    }\n                `}\n            `;\n        }\n\n        if ($variant === \"current-month\") {\n            return css`\n                color: ${Colour[\"text-primary\"]};\n                font-weight: ${Font.Spec[\"weight-semibold\"]};\n            `;\n        }\n\n        if ($disabledDisplay) {\n            return css`\n                color: ${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: ${Colour[\"bg-selected-hover\"]};\n                    border-color: ${Colour[\"border-selected-hover\"]};\n                    color: ${Colour[\"text-selected-hover\"]};\n                    font-weight: ${Font.Spec[\"weight-semibold\"]};\n                }\n            `;\n        }\n\n        return css`\n            &:hover {\n                background: ${Colour[\"bg-hover\"]};\n                color: ${Colour[\"text-hover\"]};\n                font-weight: ${Font.Spec[\"weight-semibold\"]};\n            }\n        `;\n    }}\n`;\n"],"names":["Wrapper","styled","div","MonthCell","Radius","Motion","Font","Border","solid","Colour","props","$interactive","css","$disabledDisplay","$variant","Spec"],"mappings":"qKAiBO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;;;;;;;;EAYpBC,EAAYF,EAAAA,QAAOC,GAAe;;;;qBAI1BE,EAAAA,OAAW;;kBAEdC,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;;MAG7CC,EAAAA,KAAK;qBACUF,EAAAA,OAAW;cAClBG,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;;aAE/BC,EAAAA,OAAa;;;;MAInBC,GACKA,EAAMC,aACCC,KAAG;;cAIVF,EAAMG,iBACCD,KAAG;;mBADd;;;MAQF,EAAGE,WAAUH,eAAcE,sBACR,mBAAbC,EACOF,KAAG;8BACQH,EAAAA,OAAO;gCACLA,EAAAA,OAAO;yBACdA,EAAAA,OAAO;+BACDH,EAAAA,KAAKS,KAAK;;kBAEvBJ,GACFC,KAAG;;sCAEmBH,EAAAA,OAAO;wCACLA,EAAAA,OAAO;iCACdA,EAAAA,OAAO;;;cAMf,kBAAbK,EACOF,KAAG;yBACGH,EAAAA,OAAO;+BACDH,EAAAA,KAAKS,KAAK;cAI7BF,EACOD,KAAG;yBACGH,EAAAA,OAAO;mBAFxB;;;MAQF,EAAGK,WAAUH,mBACX,GAAKA,EAIL,MAAiB,mBAAbG,EACOF,KAAG;;kCAEYH,EAAAA,OAAO;oCACLA,EAAAA,OAAO;6BACdA,EAAAA,OAAO;mCACDH,EAAAA,KAAKS,KAAK;;cAK9BH,KAAG;;8BAEYH,EAAAA,OAAO;yBACZA,EAAAA,OAAO;+BACDH,EAAAA,KAAKS,KAAK;;SAEhC;"}

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

@@ -1,68 +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 l=t.default.div`
-    width: 100%;
-    height: 100%;
-    display: grid;
-    align-content: center;
-    align-items: center;
-    grid-template-columns: repeat(3, 1fr);
-`,d=t.default.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 1rem 0.5rem;
-    transition: ${r.Motion["duration-150"]} ${r.Motion["ease-default"]};
-    padding: 0.5rem;
-
-    // default styles
-    ${r.Font["body-md-regular"]}
-    border-radius: ${r.Radius.md};
-    border: ${r.Border["width-010"]} ${r.Border.solid} transparent;
-    background-clip: border-box;
-    color: ${r.Colour.text};
-    cursor: default;
-
-    // cursor style
-    ${({$interactive:r,$disabledDisplay:o})=>r?e.css`
-                cursor: pointer;
-            `:o?e.css`
-                cursor: not-allowed;
-            `:void 0}
-
-    // background, border and text styles
-    ${({$variant:o,$interactive:t,$disabledDisplay:l})=>"selected-year"===o?e.css`
-                background: ${r.Colour["bg-selected"]};
-                border-color: ${r.Colour["border-selected"]};
-                color: ${r.Colour["text-selected"]};
-                font-weight: ${r.Font.Spec["weight-semibold"]};
-
-                ${t&&e.css`
-                    &:hover {
-                        background: ${r.Colour["bg-selected-hover"]};
-                        border-color: ${r.Colour["border-selected-hover"]};
-                        color: ${r.Colour["text-selected-hover"]};
-                    }
-                `}
-            `:"current-year"===o?e.css`
-                color: ${r.Colour["text-primary"]};
-                font-weight: ${r.Font.Spec["weight-semibold"]};
-            `:"other-decade"===o||l?e.css`
-                color: ${r.Colour["text-disabled-subtlest"]};
-            `:void 0}
-
-    // hover styles
-    ${({$variant:o,$interactive:t})=>{if(t)return"selected-year"===o?e.css`
-                &:hover {
-                    background: ${r.Colour["bg-selected-hover"]};
-                    border-color: ${r.Colour["border-selected-hover"]};
-                    color: ${r.Colour["text-selected-hover"]};
-                    font-weight: ${r.Font.Spec["weight-semibold"]};
-                }
-            `:e.css`
-            &:hover {
-                background: ${r.Colour["bg-hover"]};
-                color: ${r.Colour["text-hover"]};
-                font-weight: ${r.Font.Spec["weight-semibold"]};
-            }
-        `}}
-`;exports.Wrapper=l,exports.YearCell=d;
-//# sourceMappingURL=internal-calendar-year.style.js.map

package/cjs/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\";\nimport { Border, Colour, Font, Motion, Radius } from \"../../theme\";\nimport { 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: ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n    padding: 0.5rem;\n\n    // default styles\n    ${Font[\"body-md-regular\"]}\n    border-radius: ${Radius[\"md\"]};\n    border: ${Border[\"width-010\"]} ${Border.solid} transparent;\n    background-clip: border-box;\n    color: ${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: ${Colour[\"bg-selected\"]};\n                border-color: ${Colour[\"border-selected\"]};\n                color: ${Colour[\"text-selected\"]};\n                font-weight: ${Font.Spec[\"weight-semibold\"]};\n\n                ${$interactive &&\n                css`\n                    &:hover {\n                        background: ${Colour[\"bg-selected-hover\"]};\n                        border-color: ${Colour[\"border-selected-hover\"]};\n                        color: ${Colour[\"text-selected-hover\"]};\n                    }\n                `}\n            `;\n        }\n\n        if ($variant === \"current-year\") {\n            return css`\n                color: ${Colour[\"text-primary\"]};\n                font-weight: ${Font.Spec[\"weight-semibold\"]};\n            `;\n        }\n\n        if ($variant === \"other-decade\") {\n            return css`\n                color: ${Colour[\"text-disabled-subtlest\"]};\n            `;\n        }\n\n        if ($disabledDisplay) {\n            return css`\n                color: ${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: ${Colour[\"bg-selected-hover\"]};\n                    border-color: ${Colour[\"border-selected-hover\"]};\n                    color: ${Colour[\"text-selected-hover\"]};\n                    font-weight: ${Font.Spec[\"weight-semibold\"]};\n                }\n            `;\n        }\n\n        return css`\n            &:hover {\n                background: ${Colour[\"bg-hover\"]};\n                color: ${Colour[\"text-hover\"]};\n                font-weight: ${Font.Spec[\"weight-semibold\"]};\n            }\n        `;\n    }}\n`;\n"],"names":["Wrapper","styled","div","YearCell","Motion","Font","Radius","Border","solid","Colour","$interactive","$disabledDisplay","css","$variant","Spec"],"mappings":"qKAiBO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;;;;;EASpBC,EAAWF,EAAAA,QAAOC,GAAe;;;;;kBAK5BE,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;;;;MAI7CC,EAAAA,KAAK;qBACUC,EAAAA,OAAW;cAClBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;;aAE/BC,EAAAA,OAAa;;;;MAIpB,EAAGC,eAAcC,sBACXD,EACOE,KAAG;;cAKVD,EACOC,KAAG;;mBADd;;;MAQF,EAAGC,WAAUH,eAAcC,sBACR,kBAAbE,EACOD,KAAG;8BACQH,EAAAA,OAAO;gCACLA,EAAAA,OAAO;yBACdA,EAAAA,OAAO;+BACDJ,EAAAA,KAAKS,KAAK;;kBAEvBJ,GACFE,KAAG;;sCAEmBH,EAAAA,OAAO;wCACLA,EAAAA,OAAO;iCACdA,EAAAA,OAAO;;;cAMf,iBAAbI,EACOD,KAAG;yBACGH,EAAAA,OAAO;+BACDJ,EAAAA,KAAKS,KAAK;cAIhB,iBAAbD,GAMAF,EALOC,KAAG;yBACGH,EAAAA,OAAO;mBAIxB;;;MAQF,EAAGI,WAAUH,mBACX,GAAKA,EAIL,MAAiB,kBAAbG,EACOD,KAAG;;kCAEYH,EAAAA,OAAO;oCACLA,EAAAA,OAAO;6BACdA,EAAAA,OAAO;mCACDJ,EAAAA,KAAKS,KAAK;;cAK9BF,KAAG;;8BAEYH,EAAAA,OAAO;yBACZA,EAAAA,OAAO;+BACDJ,EAAAA,KAAKS,KAAK;;SAEhC;"}

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

@@ -1,5 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=r(e).default.div`
-    width: 100%;
-    background: ${t.Colour.bg};
-`;exports.Container=n;
-//# sourceMappingURL=internal-calendar.style.js.map

package/cjs/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\";\nimport { Colour } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Container = styled.div`\n    width: 100%;\n    background: ${Colour.bg};\n`;\n"],"names":["Container","styled","div","Colour","bg"],"mappings":"0JAMO,MAAMA,OAAYC,QAAOC,GAAG;;kBAEjBC,EAAAA,OAAOC;"}

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

@@ -1,20 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const l=o.default.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    row-gap: 0.25rem;
-`,i=o.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 2.5rem;
-    pointer-events: none;
-    user-select: none;
-
-    ${t.Font["body-sm-semibold"]};
-    color: ${t.Colour.text};
-`,n=o.default.div`
-    grid-column: 1 / -1;
-    display: flex;
-`;exports.HeaderCell=i,exports.RowDayCell=n,exports.Wrapper=l;
-//# sourceMappingURL=standard-calendar-day-view.style.js.map

package/cjs/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\";\nimport { Colour, Font } from \"../../../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    ${Font[\"body-sm-semibold\"]};\n    color: ${Colour[\"text\"]};\n`;\n\nexport const RowDayCell = styled.div`\n    grid-column: 1 / -1;\n    display: flex;\n`;\n"],"names":["Wrapper","styled","div","HeaderCell","Font","Colour","RowDayCell"],"mappings":"wKAGO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;;;EAOpBC,EAAaF,EAAAA,QAAOC,GAAG;;;;;;;;MAQ9BE,EAAAA,KAAK;aACEC,EAAAA,OAAa;EAGbC,EAAaL,EAAAA,QAAOC,GAAG;;;"}

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

@@ -1,69 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),o=require("../input-wrapper/input-wrapper.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const i=n.default.div`
-    display: flex;
-    align-items: center;
-    position: relative;
-
-    flex: 1;
-`,l=n.default.div`
-    display: flex;
-    align-items: center;
-    gap: ${t.Spacing["spacing-4"]};
-
-    ${o=>{if(o.$hover)return e.css`
-                ${p}, ${x} {
-                    color: ${t.Colour["text-subtler"]};
-                }
-            `}}
-`,a=n.default.span`
-    display: inline-block;
-    position: relative;
-
-    &::after {
-        ${t.Font["body-baseline-regular"]}
-        visibility: hidden;
-        pointer-events: none;
-        white-space: pre;
-    }
-`,s=n.default(a)`
-    &::after {
-        content: "DD";
-    }
-`,u=n.default(a)`
-    &::after {
-        content: "MM";
-    }
-`,d=n.default(a)`
-    &::after {
-        content: "YYYY";
-    }
-`,p=n.default(o.BasicInput)`
-    background: transparent;
-    text-align: center;
-    position: absolute;
-    inset: 0;
-`,c=n.default(p)``,f=n.default(p)``,b=n.default(p)``,x=n.default.span`
-    ${t.Font["body-baseline-regular"]}
-    color: ${t.Colour.text};
-    ${o=>o.$disabled?e.css`
-                color: ${t.Colour["text-disabled"]};
-            `:o.$inactive?e.css`
-                color: ${t.Colour["text-subtler"]};
-            `:void 0}
-`,$=n.default.div`
-    ${t.Font["body-baseline-regular"]}
-    background-color: ${t.Colour.bg};
-    color: ${t.Colour["text-subtler"]};
-    position: absolute;
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-
-    ${o=>o.$disabled?e.css`
-                background-color: ${t.Colour["bg-disabled"]};
-                cursor: not-allowed;
-            `:o.$hide?e.css`
-                display: none;
-            `:void 0}
-`;exports.DayInput=c,exports.DayInputSizer=s,exports.Divider=x,exports.InputContainer=l,exports.InputSection=i,exports.MonthInput=f,exports.MonthInputSizer=u,exports.Placeholder=$,exports.YearInput=b,exports.YearInputSizer=d;
-//# sourceMappingURL=standalone-date-input.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"standalone-date-input.style.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font, Spacing } from \"../../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    $disabled?: boolean | undefined;\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    gap: ${Spacing[\"spacing-4\"]};\n\n    ${(props) => {\n        if (props.$hover) {\n            return css`\n                ${BaseInput}, ${Divider} {\n                    color: ${Colour[\"text-subtler\"]};\n                }\n            `;\n        }\n    }}\n`;\n\nconst InputSizerBase = styled.span`\n    display: inline-block;\n    position: relative;\n\n    &::after {\n        ${Font[\"body-baseline-regular\"]}\n        visibility: hidden;\n        pointer-events: none;\n        white-space: pre;\n    }\n`;\n\nexport const DayInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"DD\";\n    }\n`;\n\nexport const MonthInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"MM\";\n    }\n`;\n\nexport const YearInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"YYYY\";\n    }\n`;\n\nconst BaseInput = styled(BasicInput)`\n    background: transparent;\n    text-align: center;\n    position: absolute;\n    inset: 0;\n`;\n\nexport const DayInput = styled(BaseInput)``;\nexport const MonthInput = styled(BaseInput)``;\nexport const YearInput = styled(BaseInput)``;\n\nexport const Divider = styled.span<DividerStyleProps>`\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${Colour[\"text-disabled\"]};\n            `;\n        }\n\n        if (props.$inactive) {\n            return css`\n                color: ${Colour[\"text-subtler\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Placeholder = styled.div<PlaceholderStyleProps>`\n    ${Font[\"body-baseline-regular\"]}\n    background-color: ${Colour[\"bg\"]};\n    color: ${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: ${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","Spacing","props","$hover","css","BaseInput","Divider","Colour","InputSizerBase","span","Font","DayInputSizer","MonthInputSizer","YearInputSizer","BasicInput","DayInput","MonthInput","YearInput","$disabled","$inactive","Placeholder","$hide"],"mappings":"oNA0BO,MAAMA,EAAeC,EAAAA,QAAOC,GAAG;;;;;;EAQzBC,EAAiBF,EAAAA,QAAOC,GAA6B;;;WAGvDE,EAAAA,QAAQ;;MAEZC,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;kBACJC,MAAcC;6BACHC,EAAAA,OAAO;;aAG5B;EAIFC,EAAiBV,EAAAA,QAAOW,IAAI;;;;;UAKxBC,EAAAA,KAAK;;;;;EAOFC,EAAgBb,EAAAA,QAAOU,EAAe;;;;EAMtCI,EAAkBd,EAAAA,QAAOU,EAAe;;;;EAMxCK,EAAiBf,EAAAA,QAAOU,EAAe;;;;EAM9CH,EAAYP,EAAAA,QAAOgB,EAAAA,WAAW;;;;;EAOvBC,EAAWjB,EAAAA,QAAOO,EAAU,GAC5BW,EAAalB,EAAAA,QAAOO,EAAU,GAC9BY,EAAYnB,EAAAA,QAAOO,EAAU,GAE7BC,EAAUR,EAAAA,QAAOW,IAAuB;MAC/CC,EAAAA,KAAK;aACEH,EAAAA,OAAa;MACnBL,GACKA,EAAMgB,UACCd,KAAG;yBACGG,EAAAA,OAAO;cAIpBL,EAAMiB,UACCf,KAAG;yBACGG,EAAAA,OAAO;mBAFxB;EAQKa,EAActB,EAAAA,QAAOC,GAA0B;MACtDW,EAAAA,KAAK;wBACaH,EAAAA,OAAW;aACtBA,EAAAA,OAAO;;;;;;;MAObL,GACKA,EAAMgB,UACCd,KAAG;oCACcG,EAAAA,OAAO;;cAGxBL,EAAMmB,MACNjB,KAAG;;mBADP;"}

package/cjs/shared/styles/index.js

@@ -1,7 +0,0 @@
-"use strict";var e=require("styled-components");exports.lineClampCss=i=>e.css`
-    display: -webkit-box;
-    -webkit-line-clamp: ${i};
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-`;
-//# sourceMappingURL=index.js.map

package/cjs/shared/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/shared/styles/index.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const lineClampCss = (lines: number) => css`\n    display: -webkit-box;\n    -webkit-line-clamp: ${lines};\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n"],"names":["lines","css"],"mappings":"qEAE6BA,GAAkBC,KAAG;;0BAExBD"}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-icon.styles.js","sources":["../../../../src/shared/toggle-icon/toggle-icon.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour } from \"../../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: ${Colour[\"icon-selected-disabled\"]};\n                `;\n            } else {\n                return css`\n                    color: ${Colour[\"icon-disabled-subtle\"]};\n                `;\n            }\n        }\n\n        if (props.$active) {\n            return css`\n                color: ${Colour[\"icon-selected\"]};\n            `;\n        }\n\n        return css`\n            color: ${Colour[\"icon-subtle\"]};\n        `;\n    }};\n`;\n"],"names":["Wrapper","styled","div","props","$disabled","$active","css","Colour"],"mappings":"0JAWO,MAAMA,OAAUC,QAAOC,GAAe;;;;;;;;;;;MAWtCC,GACKA,EAAMC,UACFD,EAAME,QACCC,KAAG;6BACGC,EAAAA,OAAO;kBAGbD,KAAG;6BACGC,EAAAA,OAAO;kBAKxBJ,EAAME,QACCC,KAAG;yBACGC,EAAAA,OAAO;cAIjBD,KAAG;qBACGC,EAAAA,OAAO;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"singpass-button.style.js","sources":["../../../src/singpass-button/singpass-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Motion, Spacing } from \"../theme\";\nimport { ThemeButton } from \"../theme/components/theme-helper\";\nimport { 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: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    border-radius: ${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: ${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","Spacing","Motion","ThemeButton","props","$buttonStyle","css","Colour","Primitive","white","$buttonSizeStyle","SvgContainer","span"],"mappings":"mNAYO,MAAMA,EAAOC,EAAAA,QAAOC,MAAsB;eAClCC,EAAAA,QAAQ,gBAAgBA,EAAAA,QAAQ;sBACzBC,EAAAA,OAAO,mBAAmBA,EAAAA,OAAO;qBAClCC,EAAAA,YAAY;;;;;;MAM1BC,GAC4B,eAAvBA,EAAMC,aACCC,KAAG;;;;;;;;;;cAaPA,KAAG;gCACcC,EAAAA,OAAOC,UAAUC;;;;;;;;;;;MAY1CL,IACC,OAAQA,EAAMM,kBACV,IAAK,QACD,OAAOJ,KAAG;;kBAId,IAAK,QACD,OAAOA,KAAG;;kBAId,QACI,OAAOA,KAAG;;;EAUbK,EAAeZ,EAAAA,QAAOa,IAAuB;;;;;cAK3CR,GAEE,UADDA,EAAMM,iBAEC,IAIA;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"tab-link-chain.style.js","sources":["../../../src/tab/tab-link-chain.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FadeWrapper } from \"../shared/fade-wrapper\";\nimport { Border, Colour, Font, MediaQuery, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LabelStyleProps {\n    $active?: boolean;\n}\n\ninterface ChainStyleProps {\n    $fullWidthIndicatorLine?: boolean;\n}\n\ninterface ChainItemStyleProps {\n    $active?: boolean;\n    $width?: string;\n}\n\ninterface ChainLinkStyleProps {\n    $reversed: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Chain = styled.ul<ChainStyleProps>`\n    display: inline-flex;\n    width: 100%;\n    list-style-type: none;\n\n    ${(props) => {\n        if (props.$fullWidthIndicatorLine) {\n            return css`\n                &::after {\n                    content: \"\";\n                    height: inherit;\n                    flex-grow: 1;\n                    /* follows the border in ChainItem */\n                    border-bottom: ${Border[\"width-040\"]} ${Border.solid}\n                        ${Colour.border};\n                }\n            `;\n        }\n    }}\n`;\n\nexport const ChainItem = styled.li<ChainItemStyleProps>`\n    display: flex;\n    justify-content: center;\n    flex-shrink: 0;\n    border-bottom: ${Border[\"width-040\"]} ${Border.solid} ${Colour.border};\n\n    ${(props) => {\n        if (props.$width) {\n            return css`\n                width: ${props.$width};\n            `;\n        }\n    }}\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                border-color: ${Colour[\"border-primary\"]};\n            `;\n        }\n    }}\n\n    ${MediaQuery.MaxWidth.sm} {\n        flex: 1;\n        justify-content: center;\n    }\n`;\n\n/* keep this separate to contain the ts-styled error */\nconst padding = css`\n    padding: ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-16\"]}\n        ${Spacing[\"spacing-20\"]};\n`;\n\nconst flexRow = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nexport const ChainLink = styled.div<ChainLinkStyleProps>`\n    /* position: relative; */\n    ${flexRow}\n    flex-direction: ${(props) => (props.$reversed ? \"row-reverse\" : \"row\")};\n    gap: 0.5rem;\n    ${padding}\n    cursor: pointer;\n    width: 100%;\n    justify-content: center;\n\n    &:has(button:focus-visible) {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n        border-radius: ${Radius.sm};\n    }\n`;\n\nexport const LabelContainer = styled.div`\n    position: relative;\n`;\n\nconst buttonBase = css`\n    ${flexRow}\n    border: none;\n    background: none;\n`;\n\nexport const Label = styled.div<LabelStyleProps>`\n    ${buttonBase}\n    position: absolute;\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text-subtler\"]};\n    opacity: 1;\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                opacity: 0;\n            `;\n        }\n    }}\n`;\n\nexport const BoldLabel = styled.button<LabelStyleProps>`\n    ${buttonBase}\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${Colour[\"text-primary\"]};\n    opacity: 0;\n    outline: none;\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                opacity: 1;\n            `;\n        }\n    }}\n`;\n\nexport const CustomFadeWrapper = styled(FadeWrapper)`\n    [data-id=\"left-fade-indicator-button\"],\n    [data-id=\"right-fade-indicator-button\"] {\n        margin-bottom: ${Spacing[\"spacing-4\"]};\n    }\n`;\n"],"names":["Chain","styled","ul","props","$fullWidthIndicatorLine","css","Border","solid","Colour","border","ChainItem","li","$width","$active","MediaQuery","MaxWidth","sm","padding","Spacing","flexRow","ChainLink","div","$reversed","Radius","LabelContainer","buttonBase","Label","Font","BoldLabel","button","CustomFadeWrapper","FadeWrapper"],"mappings":"sNA2BO,MAAMA,EAAQC,EAAAA,QAAOC,EAAmB;;;;;MAKxCC,IACC,GAAIA,EAAMC,wBACN,OAAOC,KAAG;;;;;;qCAMeC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;0BACzCC,EAAAA,OAAOC;;aAGzB;EAIKC,EAAYT,EAAAA,QAAOU,EAAuB;;;;qBAIlCL,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC,SAASC,EAAAA,OAAOC;;MAE5DN,IACC,GAAIA,EAAMS,OACN,OAAOP,KAAG;yBACGF,EAAMS;aAEvB;;MAGDT,IACC,GAAIA,EAAMU,QACN,OAAOR,KAAG;gCACUG,EAAAA,OAAO;aAE/B;;MAGFM,EAAAA,WAAWC,SAASC;;;;EAOpBC,EAAUZ,EAAAA,GAAG;eACJa,EAAAA,QAAQ,iBAAiBA,EAAAA,QAAQ;UACtCA,EAAAA,QAAQ;EAGZC,EAAUd,EAAAA,GAAG;;;;EAMNe,EAAYnB,EAAAA,QAAOoB,GAAwB;;MAElDF;sBACiBhB,GAAWA,EAAMmB,UAAY,cAAgB;;MAE9DL;;;;;;6BAMuBT,EAAAA,OAAO;;yBAEXe,EAAAA,OAAOP;;EAInBQ,EAAiBvB,EAAAA,QAAOoB,GAAG;;EAIlCI,EAAapB,EAAAA,GAAG;MAChBc;;;EAKOO,EAAQzB,EAAAA,QAAOoB,GAAoB;MAC1CI;;MAEAE,EAAAA,KAAK;aACEnB,EAAAA,OAAO;;;MAGbL,IACC,GAAIA,EAAMU,QACN,OAAOR,KAAG;;aAGd;EAIKuB,EAAY3B,EAAAA,QAAO4B,MAAuB;MACjDJ;MACAE,EAAAA,KAAK;aACEnB,EAAAA,OAAO;;;;MAIbL,IACC,GAAIA,EAAMU,QACN,OAAOR,KAAG;;aAGd;EAIKyB,EAAoB7B,EAAAA,QAAO8B,EAAAA,YAAY;;;yBAG3Bb,EAAAA,QAAQ;;"}

package/cjs/tab/tab.style.js

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

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

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

package/cjs/theme/border/specs/default-border-set.js

@@ -1,2 +0,0 @@
-"use strict";exports.DefaultBorderSet={"width-005":.5,"width-010":1,"width-020":2,"width-040":4,solid:"solid"};
-//# sourceMappingURL=default-border-set.js.map

package/cjs/theme/border/specs/default-border-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-border-set.js","sources":["../../../../../src/theme/border/specs/default-border-set.ts"],"sourcesContent":["import { BorderSet } from \"../types\";\n\nexport const DefaultBorderSet: BorderSet = {\n    \"width-005\": 0.5,\n    \"width-010\": 1,\n    \"width-020\": 2,\n    \"width-040\": 4,\n\n    solid: \"solid\",\n};\n"],"names":["solid"],"mappings":"sCAE2C,CACvC,YAAa,GACb,YAAa,EACb,YAAa,EACb,YAAa,EAEbA,MAAO"}

package/cjs/theme/border/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../helpers.js");const r={collections:{default:require("./specs/default-border-set.js").DefaultBorderSet},defaultValue:"default"},o=o=>t=>{var d;const i=t.theme,l=e.getCollection(r,null==i?void 0:i.borderScheme);return(null===(d=null==i?void 0:i.overrides)||void 0===d?void 0:d.border)?`${e.getValue(l,o,i.overrides.border)}px`:`${l[o]}px`},t=o=>t=>{var d;const i=t.theme,l=e.getCollection(r,null==i?void 0:i.borderScheme),s=(null===(d=null==i?void 0:i.overrides)||void 0===d?void 0:d.border)?e.getValue(l,o,i.overrides.border):l[o];return"function"==typeof s?s(t):s},d={"width-005":o("width-005"),"width-010":o("width-010"),"width-020":o("width-020"),"width-040":o("width-040"),solid:t("solid")};exports.BorderValues=d,exports.getBorder=t,exports.getBorderWidth=o;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/theme/border/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/border/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { BorderScheme } from \"../types\";\nimport { DefaultBorderSet } from \"./specs/default-border-set\";\nimport { BorderCollectionMap, BorderSet } from \"./types\";\n\nconst BorderSpec: ThemeCollectionSpec<BorderCollectionMap, BorderScheme> = {\n    collections: {\n        default: DefaultBorderSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getBorderWidth = (\n    key: \"width-005\" | \"width-010\" | \"width-020\" | \"width-040\"\n) => {\n    return (props: StyledComponentProps) => {\n        const theme = props.theme;\n        const borderSet: BorderSet = getCollection(\n            BorderSpec,\n            theme?.borderScheme\n        );\n\n        if (theme?.overrides?.border) {\n            return `${getValue(borderSet, key, theme.overrides.border)}px`;\n        } else {\n            return `${borderSet[key]}px`;\n        }\n    };\n};\n\nexport const getBorder = (key: \"solid\") => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const borderSet: BorderSet = getCollection(\n            BorderSpec,\n            theme?.borderScheme\n        );\n\n        // check for an override\n        const borderValue = theme?.overrides?.border\n            ? getValue(borderSet, key, theme.overrides.border)\n            : borderSet[key];\n\n        // If function, resolve with props\n        if (typeof borderValue === \"function\") {\n            return (borderValue as (props: any) => string)(props);\n        }\n\n        return borderValue as string;\n    };\n};\n\nexport const BorderValues = {\n    \"width-005\": getBorderWidth(\"width-005\"),\n    \"width-010\": getBorderWidth(\"width-010\"),\n    \"width-020\": getBorderWidth(\"width-020\"),\n    \"width-040\": getBorderWidth(\"width-040\"),\n    solid: getBorder(\"solid\"),\n};\n"],"names":["BorderSpec","collections","default","DefaultBorderSet","defaultValue","getBorderWidth","key","props","theme","borderSet","getCollection","borderScheme","_a","overrides","border","getValue","getBorder","borderValue","BorderValues","solid"],"mappings":"4CAMA,MAAMA,EAAqE,CACvEC,YAAa,CACTC,iDAASC,kBAEbC,aAAc,WAGLC,EACTC,GAEQC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EAAAA,cACzBV,EACAQ,aAAK,EAALA,EAAOG,cAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QACX,GAAGC,EAAAA,SAASN,EAAWH,EAAKE,EAAMK,UAAUC,YAE5C,GAAGL,EAAUH,MACxB,EAIKU,EAAaV,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EAAAA,cACzBV,EACAQ,aAAK,EAALA,EAAOG,cAILM,GAA8B,QAAhBL,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QAChCC,EAAAA,SAASN,EAAWH,EAAKE,EAAMK,UAAUC,QACzCL,EAAUH,GAGhB,MAA2B,mBAAhBW,EACCA,EAAuCV,GAG5CU,CAAqB,EAIvBC,EAAe,CACxB,YAAab,EAAe,aAC5B,YAAaA,EAAe,aAC5B,YAAaA,EAAe,aAC5B,YAAaA,EAAe,aAC5Bc,MAAOH,EAAU"}

package/cjs/theme/border-util/specs/default-border-util-set.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../utils.js");const r={solid:e.solidBorderStyle,"dashed-default":e.dashedBorderStyle};exports.DefaultBorderUtilSet=r;
-//# sourceMappingURL=default-border-util-set.js.map

package/cjs/theme/border-util/specs/default-border-util-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-border-util-set.js","sources":["../../../../../src/theme/border-util/specs/default-border-util-set.ts"],"sourcesContent":["import { BorderUtilSet } from \"../types\";\nimport { dashedBorderStyle, solidBorderStyle } from \"../utils\";\n\nexport const DefaultBorderUtilSet: BorderUtilSet = {\n    solid: solidBorderStyle,\n    \"dashed-default\": dashedBorderStyle,\n};\n"],"names":["DefaultBorderUtilSet","solid","solidBorderStyle","dashedBorderStyle"],"mappings":"0CAGO,MAAMA,EAAsC,CAC/CC,MAAOC,EAAAA,iBACP,iBAAkBC,EAAAA"}

package/cjs/theme/border-util/theme-helper.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../helpers.js");const t={collections:{default:require("./specs/default-border-util-set.js").DefaultBorderUtilSet},defaultValue:"default"},l=e=>1===e.length&&"theme"in e[0],r=r=>(...d)=>s=>{const o=l(d)?[]:d,u=l(d)?d[0]:s,a=u.theme;return(0,e.getCollection(t,null==a?void 0:a.borderScheme)[r])(...o)(u)},d={solid:r("solid"),"dashed-default":r("dashed-default")};exports.BorderUtilValues=d,exports.getBorderStyle=r;
-//# sourceMappingURL=theme-helper.js.map

package/cjs/theme/border-util/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/border-util/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { BorderScheme } from \"../types\";\nimport { DefaultBorderUtilSet } from \"./specs/default-border-util-set\";\nimport { BorderUtilCollectionMap, BorderUtilSet } from \"./types\";\n\nconst BorderUtilSpec: ThemeCollectionSpec<\n    BorderUtilCollectionMap,\n    BorderScheme\n> = {\n    collections: {\n        default: DefaultBorderUtilSet,\n    },\n    defaultValue: \"default\",\n};\n\nconst isStyledProps = (args: any): args is [StyledComponentProps] =>\n    args.length === 1 && \"theme\" in args[0];\n\nexport const getBorderStyle = (key: keyof BorderUtilSet) => {\n    return (\n            ...args:\n                | Parameters<BorderUtilSet[typeof key]>\n                | [StyledComponentProps]\n        ) =>\n        (props: StyledComponentProps): CSSProp => {\n            const resolvedOptions = isStyledProps(args) ? [] : args;\n            const resolvedStyledProps = isStyledProps(args) ? args[0] : props;\n\n            const theme = resolvedStyledProps.theme;\n            const borderUtilSet: BorderUtilSet = getCollection(\n                BorderUtilSpec,\n                theme?.borderScheme\n            );\n\n            const borderValue = borderUtilSet[key];\n            return borderValue(...resolvedOptions)(resolvedStyledProps);\n        };\n};\n\nexport const BorderUtilValues = {\n    solid: getBorderStyle(\"solid\"),\n    \"dashed-default\": getBorderStyle(\"dashed-default\"),\n};\n"],"names":["BorderUtilSpec","collections","default","DefaultBorderUtilSet","defaultValue","isStyledProps","args","length","getBorderStyle","key","props","resolvedOptions","resolvedStyledProps","theme","borderValue","getCollection","borderScheme","BorderUtilValues","solid"],"mappings":"4CAOA,MAAMA,EAGF,CACAC,YAAa,CACTC,sDAASC,sBAEbC,aAAc,WAGZC,EAAiBC,GACH,IAAhBA,EAAKC,QAAgB,UAAWD,EAAK,GAE5BE,EAAkBC,GACpB,IACIH,IAINI,IACG,MAAMC,EAAkBN,EAAcC,GAAQ,GAAKA,EAC7CM,EAAsBP,EAAcC,GAAQA,EAAK,GAAKI,EAEtDG,EAAQD,EAAoBC,MAOlC,OAAOC,EAN8BC,EAAAA,cACjCf,EACAa,aAAK,EAALA,EAAOG,cAGuBP,OACZE,EAAfG,CAAgCF,EAAoB,EAI1DK,EAAmB,CAC5BC,MAAOV,EAAe,SACtB,iBAAkBA,EAAe"}

package/cjs/theme/border-util/utils.js

@@ -1,8 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../border/theme-helper.js"),o=require("../colour-semantic/theme-helper.js");exports.dashedBorderStyle=t=>s=>{var i,n,d;const{thickness:l,radius:u,colour:a}=t||{},c=null!==(i="function"==typeof l?l(s):l)&&void 0!==i?i:r.BorderValues["width-010"](s),h=null!==(n="function"==typeof u?u(s):u)&&void 0!==n?n:0,p=null!==(d="function"==typeof a?a(s):a)&&void 0!==d?d:o.ColourSemantic.border(s),f=encodeURIComponent(`<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='none' rx='${h}' ry='${h}' stroke='${p}' stroke-width='${c}' stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'/></svg>`);return e.css`
-            background-image: url("data:image/svg+xml,${f}");
-            border-radius: ${h};
-        `},exports.solidBorderStyle=t=>s=>{var i,n,d;const{thickness:l,radius:u,colour:a}=t||{},c=null!==(i="function"==typeof l?l(s):l+"px")&&void 0!==i?i:r.BorderValues["width-010"](s),h=null!==(n="function"==typeof u?u(s):u+"px")&&void 0!==n?n:0,p=null!==(d="function"==typeof a?a(s):a)&&void 0!==d?d:o.ColourSemantic.border(s),f=r.BorderValues.solid;return e.css`
-            border: ${c} ${f} ${p};
-            border-radius: ${h};
-        `};
-//# sourceMappingURL=utils.js.map

package/cjs/theme/border-util/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/theme/border-util/utils.ts"],"sourcesContent":["import { css } from \"styled-components\";\nimport { BorderValues } from \"../border/theme-helper\";\nimport { ColourSemantic } from \"../colour-semantic/theme-helper\";\nimport { StyledComponentProps } from \"../helpers\";\n\nexport const solidBorderStyle =\n    (options?: {\n        thickness?: number | ((props: StyledComponentProps) => string);\n        radius?: number | ((props: StyledComponentProps) => string);\n        colour?: string | ((props: StyledComponentProps) => string);\n    }) =>\n    (props: StyledComponentProps) => {\n        const { thickness, radius, colour } = options || {};\n        // Resolve design tokens to their underlying value\n        const resolvedThickness =\n            (typeof thickness === \"function\"\n                ? thickness(props)\n                : thickness + \"px\") ?? BorderValues[\"width-010\"](props);\n        const resolvedRadius =\n            (typeof radius === \"function\" ? radius(props) : radius + \"px\") ?? 0;\n        const resolvedColor =\n            (typeof colour === \"function\" ? colour(props) : colour) ??\n            ColourSemantic.border(props);\n        const style = BorderValues[\"solid\"];\n\n        return css`\n            border: ${resolvedThickness} ${style} ${resolvedColor};\n            border-radius: ${resolvedRadius};\n        `;\n    };\n\nexport const dashedBorderStyle =\n    (options?: {\n        thickness?: number | ((props: StyledComponentProps) => string);\n        radius?: number | ((props: StyledComponentProps) => string);\n        colour?: string | ((props: StyledComponentProps) => string);\n    }) =>\n    (props: StyledComponentProps) => {\n        const { thickness, radius, colour } = options || {};\n        // Resolve design tokens to their underlying value\n        const resolvedThickness =\n            (typeof thickness === \"function\" ? thickness(props) : thickness) ??\n            BorderValues[\"width-010\"](props);\n        const resolvedRadius =\n            (typeof radius === \"function\" ? radius(props) : radius) ?? 0;\n        const resolvedColor =\n            (typeof colour === \"function\" ? colour(props) : colour) ??\n            ColourSemantic.border(props);\n\n        const svg = `<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='none' rx='${resolvedRadius}' ry='${resolvedRadius}' stroke='${resolvedColor}' stroke-width='${resolvedThickness}' stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'/></svg>`;\n        const encodedSvg = encodeURIComponent(svg);\n\n        return css`\n            background-image: url(\"data:image/svg+xml,${encodedSvg}\");\n            border-radius: ${resolvedRadius};\n        `;\n    };\n"],"names":["options","props","thickness","radius","colour","resolvedThickness","_a","BorderValues","resolvedRadius","_b","resolvedColor","_c","ColourSemantic","border","encodedSvg","encodeURIComponent","css","style"],"mappings":"iKAgCKA,GAKAC,cACG,MAAMC,UAAEA,EAASC,OAAEA,EAAMC,OAAEA,GAAWJ,GAAW,CAAA,EAE3CK,EAC8D,QAAhEC,EAAsB,mBAAdJ,EAA2BA,EAAUD,GAASC,SAAU,IAAAI,EAAAA,EAChEC,eAAa,aAAaN,GACxBO,EACqD,QAAvDC,EAAmB,mBAAXN,EAAwBA,EAAOF,GAASE,SAAO,IAAAM,EAAAA,EAAI,EACzDC,EACqD,QAAvDC,EAAmB,mBAAXP,EAAwBA,EAAOH,GAASG,SAAO,IAAAO,EAAAA,EACvDC,EAAAA,eAAeC,OAAOZ,GAGpBa,EAAaC,mBADP,uHAAuHP,UAAuBA,cAA2BE,oBAAgCL,oFAGrN,OAAOW,KAAG;wDACsCF;6BAC3BN;SACpB,2BAjDJR,GAKAC,cACG,MAAMC,UAAEA,EAASC,OAAEA,EAAMC,OAAEA,GAAWJ,GAAW,CAAA,EAE3CK,EAGqB,QAFvBC,EAAsB,mBAAdJ,EACFA,EAAUD,GACVC,EAAY,YAAK,IAAAI,EAAAA,EAAIC,EAAAA,aAAa,aAAaN,GACnDO,EAC4D,QAA9DC,EAAmB,mBAAXN,EAAwBA,EAAOF,GAASE,EAAS,YAAK,IAAAM,EAAAA,EAAI,EAChEC,EACqD,QAAvDC,EAAmB,mBAAXP,EAAwBA,EAAOH,GAASG,SAAO,IAAAO,EAAAA,EACvDC,EAAAA,eAAeC,OAAOZ,GACpBgB,EAAQV,EAAAA,aAAoB,MAElC,OAAOS,KAAG;sBACIX,KAAqBY,KAASP;6BACvBF;SACpB"}