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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/tab/tab.style.js

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

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

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

package/cjs/time-slot-bar-week/time-slot-bar-week-days.style.js

@@ -1,95 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons"),t=require("@react-spring/web"),o=require("styled-components"),i=require("../button/button.js"),r=require("../time-slot-bar/time-slot-bar.styles.js"),l=require("../typography/index.js"),n=require("../v3_theme/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(o);const d=s.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-    user-select: none;
-    margin-bottom: ${n.V3_Spacing["spacing-8"]};
-    flex: 1;
-`,p=s.default(l.Typography.BodyXS)`
-    ${e=>e.$disabled&&o.css`
-            color: ${n.V3_Colour["text-disabled-subtlest"]};
-        `}
-`,g=s.default.div`
-    grid-column: 2 / -1;
-    display: flex;
-`,u=s.default.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: auto repeat(7, 1fr);
-    column-gap: ${n.V3_Spacing["spacing-4"]};
-`,c=t.animated(s.default.div`
-    grid-column: 2 / -1;
-    overflow: hidden;
-`),$=s.default.div`
-    display: flex;
-    gap: ${n.V3_Spacing["spacing-4"]};
-    transition: all ${n.V3_Motion["duration-250"]} ${n.V3_Motion["ease-default"]};
-    overflow: hidden;
-`,x=s.default.div`
-    display: flex;
-    flex-direction: column;
-    grid-row: 3 / auto;
-    gap: ${n.V3_Spacing["spacing-4"]};
-    width: 1.375rem;
-    transition: all ${n.V3_Motion["duration-250"]} ${n.V3_Motion["ease-default"]};
-    overflow: hidden;
-
-    ${e=>e.$height&&`height: ${e.$height}px;`}
-`,f=s.default.div`
-    min-height: 3.75rem;
-    &:last-child {
-        min-height: 0;
-    }
-`,m=s.default.div`
-    ${n.V3_Font["body-xs-bold"]}
-    color: ${n.V3_Colour["text-subtler"]};
-    text-align: center;
-    line-height: 12px; // align with cell on the same row
-    &:first-line {
-        font-size: ${n.V3_Font.Spec["body-size-sm"]};
-    }
-`,h=s.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    gap: ${n.V3_Spacing["spacing-4"]};
-`,b=s.default.div`
-    grid-row: 4;
-    grid-column: 1 / -1;
-    display: flex;
-    margin-top: ${n.V3_Spacing["spacing-8"]};
-`,C=s.default(i.Button.Small)`
-    width: 100%;
-    height: 2.5rem;
-    span {
-        display: flex;
-        align-items: center;
-        gap: ${n.V3_Spacing["spacing-8"]};
-    }
-`,y=s.default(e.ChevronUpIcon)`
-    transform: rotate(${e=>e.$isExpanded?0:180}deg);
-    transition: transform ${n.V3_Motion["duration-250"]}
-        ${n.V3_Motion["ease-default"]};
-`,_=s.default(r.TimeSlot)`
-    ${e=>{if("vertical"===e.$type)return o.css`
-                max-width: 200px;
-                height: ${e.$height}px;
-                min-height: ${e.$height}px;
-                margin: 0;
-                border-radius: ${n.V3_Radius.xs};
-            `}}
-
-    ${e=>e.$halfFill?o.css`
-                background: linear-gradient(
-                        to ${e.$halfFill},
-                        ${"stripes"===e.$styleType?"transparent":e.$bgColor}
-                            50%,
-                        ${n.V3_Colour["bg-strongest"]} 0%
-                    )
-                    ${"stripes"===e.$styleType&&`, repeating-linear-gradient(\n                            135deg,\n                            ${e.$bgColor2||n.V3_Colour["bg-strongest"]} 0px,\n                            ${e.$bgColor2||n.V3_Colour["bg-strongest"]} 10px,\n                            ${e.$bgColor||n.V3_Colour["bg-stronger"]} 10px,\n                            ${e.$bgColor||n.V3_Colour["bg-stronger"]} 20px\n                        )`};
-            `:o.css`
-                background-color: ${e.$bgColor};
-            `}
-`;exports.CellWeekText=p,exports.ChevronIcon=y,exports.CollapseExpandAllButton=C,exports.CollapseExpandAllWrapper=b,exports.ColumnWeekCell=$,exports.Expandable=c,exports.HeaderCellWeek=d,exports.HeaderCellWeekColumn=g,exports.TimeColumn=x,exports.TimeColumnText=m,exports.TimeColumnWrapper=f,exports.TimeSlotComponent=_,exports.TimeSlotWrapper=h,exports.Wrapper=u;
-//# sourceMappingURL=time-slot-bar-week-days.style.js.map

package/cjs/time-slot-bar-week/time-slot-bar-week-days.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-bar-week-days.style.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week-days.style.tsx"],"sourcesContent":["import { ChevronUpIcon } from \"@lifesg/react-icons\";\nimport { animated } from \"@react-spring/web\";\nimport styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport type { TimeSlotStyleProps } from \"../time-slot-bar/time-slot-bar.styles\";\nimport { TimeSlot } from \"../time-slot-bar/time-slot-bar.styles\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\ninterface TimeSlotCellProps extends TimeSlotStyleProps {\n    $height: number;\n    $halfFill?: \"top\" | \"bottom\";\n}\n\ninterface TimeColumnStyleProps {\n    $height?: number;\n}\n\ninterface CellWeekTextStyleProps {\n    $disabled?: boolean;\n}\n\ninterface ChevronIconStyleProps {\n    $isExpanded?: boolean;\n}\n\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    user-select: none;\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    flex: 1;\n`;\n\nexport const CellWeekText = styled(Typography.BodyXS)<CellWeekTextStyleProps>`\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${V3_Colour[\"text-disabled-subtlest\"]};\n        `}\n`;\n\nexport const HeaderCellWeekColumn = styled.div`\n    grid-column: 2 / -1;\n    display: flex;\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: auto repeat(7, 1fr);\n    column-gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const Expandable = animated(styled.div`\n    grid-column: 2 / -1;\n    overflow: hidden;\n`);\n\nexport const ColumnWeekCell = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n`;\n\nexport const TimeColumn = styled.div<TimeColumnStyleProps>`\n    display: flex;\n    flex-direction: column;\n    grid-row: 3 / auto;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    width: 1.375rem;\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n\n    ${(props) => props.$height && `height: ${props.$height}px;`}\n`;\n\nexport const TimeColumnWrapper = styled.div`\n    min-height: 3.75rem;\n    &:last-child {\n        min-height: 0;\n    }\n`;\n\nexport const TimeColumnText = styled.div`\n    ${V3_Font[\"body-xs-bold\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n    text-align: center;\n    line-height: 12px; // align with cell on the same row\n    &:first-line {\n        font-size: ${V3_Font.Spec[\"body-size-sm\"]};\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const CollapseExpandAllWrapper = styled.div`\n    grid-row: 4;\n    grid-column: 1 / -1;\n    display: flex;\n    margin-top: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const CollapseExpandAllButton = styled(Button.Small)`\n    width: 100%;\n    height: 2.5rem;\n    span {\n        display: flex;\n        align-items: center;\n        gap: ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const ChevronIcon = styled(ChevronUpIcon)<ChevronIconStyleProps>`\n    transform: rotate(${(props) => (props.$isExpanded ? 0 : 180)}deg);\n    transition: transform ${V3_Motion[\"duration-250\"]}\n        ${V3_Motion[\"ease-default\"]};\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)<TimeSlotCellProps>`\n    ${(props) => {\n        if (props.$type === \"vertical\") {\n            return css`\n                max-width: 200px;\n                height: ${props.$height}px;\n                min-height: ${props.$height}px;\n                margin: 0;\n                border-radius: ${V3_Radius[\"xs\"]};\n            `;\n        }\n    }}\n\n    ${(props) => {\n        if (!props.$halfFill) {\n            return css`\n                background-color: ${props.$bgColor};\n            `;\n        } else {\n            return css`\n                background: linear-gradient(\n                        to ${props.$halfFill},\n                        ${props.$styleType === \"stripes\"\n                                ? \"transparent\"\n                                : props.$bgColor}\n                            50%,\n                        ${V3_Colour[\"bg-strongest\"]} 0%\n                    )\n                    ${props.$styleType === \"stripes\" &&\n                    `, repeating-linear-gradient(\n                            135deg,\n                            ${props.$bgColor2 || V3_Colour[\"bg-strongest\"]} 0px,\n                            ${\n                                props.$bgColor2 || V3_Colour[\"bg-strongest\"]\n                            } 10px,\n                            ${props.$bgColor || V3_Colour[\"bg-stronger\"]} 10px,\n                            ${props.$bgColor || V3_Colour[\"bg-stronger\"]} 20px\n                        )`};\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderCellWeek","styled","div","V3_Spacing","CellWeekText","Typography","BodyXS","props","$disabled","css","V3_Colour","HeaderCellWeekColumn","Wrapper","Expandable","animated","ColumnWeekCell","V3_Motion","TimeColumn","$height","TimeColumnWrapper","TimeColumnText","V3_Font","Spec","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","Button","Small","ChevronIcon","ChevronUpIcon","$isExpanded","TimeSlotComponent","TimeSlot","$type","V3_Radius","$halfFill","$styleType","$bgColor","$bgColor2"],"mappings":"gWAiCO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;qBAMnBC,EAAAA,WAAW;;EAInBC,EAAeH,EAAAA,QAAOI,aAAWC,OAA+B;MACtEC,GACCA,EAAMC,WACNC,KAAG;qBACUC,EAAAA,UAAU;;EAIlBC,EAAuBV,EAAAA,QAAOC,GAAG;;;EAKjCU,EAAUX,EAAAA,QAAOC,GAAG;;;;kBAIfC,EAAAA,WAAW;EAGhBU,EAAaC,EAAAA,SAASb,EAAAA,QAAOC,GAAG;;;GAKhCa,EAAiBd,EAAAA,QAAOC,GAAG;;WAE7BC,EAAAA,WAAW;sBACAa,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;EAIhDC,EAAahB,EAAAA,QAAOC,GAAyB;;;;WAI/CC,EAAAA,WAAW;;sBAEAa,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;;MAGtDT,GAAUA,EAAMW,SAAW,WAAWX,EAAMW;EAGtCC,EAAoBlB,EAAAA,QAAOC,GAAG;;;;;EAO9BkB,EAAiBnB,EAAAA,QAAOC,GAAG;MAClCmB,EAAAA,QAAQ;aACDX,EAAAA,UAAU;;;;qBAIFW,EAAAA,QAAQC,KAAK;;EAIrBC,EAAkBtB,EAAAA,QAAOC,GAAG;;;;WAI9BC,EAAAA,WAAW;EAGTqB,EAA2BvB,EAAAA,QAAOC,GAAG;;;;kBAIhCC,EAAAA,WAAW;EAGhBsB,EAA0BxB,EAAAA,QAAOyB,SAAOC,MAAM;;;;;;eAM5CxB,EAAAA,WAAW;;EAIbyB,EAAc3B,EAAAA,QAAO4B,EAAAA,cAAqC;wBAC9CtB,GAAWA,EAAMuB,YAAc,EAAI;4BAChCd,EAAAA,UAAU;UAC5BA,EAAAA,UAAU;EAGPe,EAAoB9B,EAAAA,QAAO+B,EAAAA,SAA4B;MAC7DzB,IACC,GAAoB,aAAhBA,EAAM0B,MACN,OAAOxB,KAAG;;0BAEIF,EAAMW;8BACFX,EAAMW;;iCAEHgB,EAAAA,UAAc;aAEvC;;MAGD3B,GACMA,EAAM4B,UAKA1B,KAAG;;6BAEOF,EAAM4B;0BACY,YAArB5B,EAAM6B,WACE,cACA7B,EAAM8B;;0BAEd3B,EAAAA,UAAU;;sBAEO,YAArBH,EAAM6B,YACR,kGAEU7B,EAAM+B,WAAa5B,EAAAA,UAAU,qDAE3BH,EAAM+B,WAAa5B,EAAAA,UAAU,sDAE/BH,EAAM8B,UAAY3B,EAAAA,UAAU,qDAC5BH,EAAM8B,UAAY3B,EAAAA,UAAU;cArBvCD,KAAG;oCACcF,EAAM8B;;"}

package/cjs/time-slot-bar-week/time-slot-bar-week.style.js

@@ -1,10 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../v3_theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=r(e).default.div`
-    --header-bottom-spacing: 0.5rem;
-
-    ${t.V3_MediaQuery.MaxWidth.sm} {
-        --header-horizontal-inset: 1.25rem;
-    }
-
-    min-width: 18.5rem;
-`;exports.Wrapper=i;
-//# sourceMappingURL=time-slot-bar-week.style.js.map

package/cjs/time-slot-bar-week/time-slot-bar-week.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-bar-week.style.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_MediaQuery } from \"../v3_theme\";\n\nexport const Wrapper = styled.div`\n    --header-bottom-spacing: 0.5rem;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        --header-horizontal-inset: 1.25rem;\n    }\n\n    min-width: 18.5rem;\n`;\n"],"names":["Wrapper","styled","div","V3_MediaQuery","MaxWidth","sm"],"mappings":"0JAIO,MAAMA,OAAUC,QAAOC,GAAG;;;MAG3BC,EAAAA,cAAcC,SAASC;;;;;"}

package/cjs/time-slot-week-view/time-slot-week-days.style.js

@@ -1,41 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../v3_theme/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(e);const i=r.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    user-select: none;
-    margin-bottom: 0.188rem;
-`,o=r.default.div`
-    ${t.V3_Font["body-xs-semibold"]}
-    color:${t.V3_Colour.text};
-
-    ${l=>l.$disabled&&e.css`
-            color: ${t.V3_Colour["text-disabled-subtlest"]};
-        `};
-`,d=r.default.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-`,n=r.default.div`
-    grid-column: 1 / -1;
-    display: flex;
-    min-height: 7.625rem;
-`,s=r.default.div`
-    ${t.V3_Font["body-xs-semibold"]}
-    margin: 1rem 0rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    max-width: 2.5rem;
-    color: ${t.V3_Colour.text};
-    span {
-        display: block;
-    }
-`,a=r.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    margin: 1px;
-`;exports.ColumnWeekCell=n,exports.DayLabel=o,exports.HeaderCellWeek=i,exports.TimeSlotText=s,exports.TimeSlotWrapper=a,exports.Wrapper=d;
-//# sourceMappingURL=time-slot-week-days.style.js.map

package/cjs/time-slot-week-view/time-slot-week-days.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-week-days.style.js","sources":["../../../src/time-slot-week-view/time-slot-week-days.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Font } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LabelStyleProps {\n    $disabled: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n    margin-bottom: 0.188rem;\n`;\n\nexport const DayLabel = styled.div<LabelStyleProps>`\n    ${V3_Font[\"body-xs-semibold\"]}\n    color:${V3_Colour[\"text\"]};\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${V3_Colour[\"text-disabled-subtlest\"]};\n        `};\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n`;\n\nexport const ColumnWeekCell = styled.div`\n    grid-column: 1 / -1;\n    display: flex;\n    min-height: 7.625rem;\n`;\n\nexport const TimeSlotText = styled.div`\n    ${V3_Font[\"body-xs-semibold\"]}\n    margin: 1rem 0rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    max-width: 2.5rem;\n    color: ${V3_Colour.text};\n    span {\n        display: block;\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 1px;\n`;\n"],"names":["HeaderCellWeek","styled","div","DayLabel","V3_Font","V3_Colour","props","$disabled","css","Wrapper","ColumnWeekCell","TimeSlotText","text","TimeSlotWrapper"],"mappings":"qKAcO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;;EAS3BC,EAAWF,EAAAA,QAAOC,GAAoB;MAC7CE,EAAAA,QAAQ;YACFC,EAAAA,UAAgB;;MAErBC,GACCA,EAAMC,WACNC,KAAG;qBACUH,EAAAA,UAAU;;EAIlBI,EAAUR,EAAAA,QAAOC,GAAG;;;;EAMpBQ,EAAiBT,EAAAA,QAAOC,GAAG;;;;EAM3BS,EAAeV,EAAAA,QAAOC,GAAG;MAChCE,EAAAA,QAAQ;;;;;;;aAODC,EAAAA,UAAUO;;;;EAMVC,EAAkBZ,EAAAA,QAAOC,GAAG;;;;;"}

package/cjs/timeline/timeline.style.js

@@ -1,100 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../pill/pill.js"),o=require("../typography/index.js"),i=require("../v3_theme/index.js");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var n=t(r);const l=n.default.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    border-radius: 100%;
-
-    ${e=>{switch(e.$variant){case"current":return r.css`
-                    background-color: ${i.V3_Colour["icon-primary-subtle"]};
-                `;case"upcoming-active":return r.css`
-                    border: 4px solid ${i.V3_Colour["icon-primary-subtle"]};
-                `;case"upcoming-inactive":return r.css`
-                    border: 4px solid ${i.V3_Colour["icon-subtle"]};
-                `;case"disabled":return r.css`
-                    background-color: ${i.V3_Colour["icon-disabled-subtle"]};
-                `;case"completed":return r.css`
-                    background-color: ${i.V3_Colour["icon-success"]};
-                    svg {
-                        color: ${i.V3_Colour["icon-inverse"]};
-                    }
-                `;case"numeric":return r.css`
-                    background-color: ${i.V3_Colour["icon-info"]};
-                    color: ${i.V3_Colour["text-inverse"]};
-                    font-size: ${i.V3_Font["body-sm-bold"]};
-                `;case"error":return r.css`
-                    width: 1.8rem;
-                    height: 1.8rem;
-                    margin: -0.15rem 0 -0.15rem -0.15rem;
-
-                    svg {
-                        color: ${i.V3_Colour["icon-error"]};
-                        height: 100%;
-                        width: 100%;
-                    }
-                `}}}
-`,c=n.default.div`
-    width: 4px;
-    flex-grow: 1;
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-    border-radius: ${i.V3_Radius.full};
-
-    ${e=>{switch(e.$variant){case"current":case"upcoming-active":return r.css`
-                    background-color: ${i.V3_Colour["icon-primary-subtle"]};
-                `;case"upcoming-inactive":return r.css`
-                    background-color: ${i.V3_Colour["icon-subtle"]};
-                `;case"disabled":return r.css`
-                    background-color: ${i.V3_Colour["icon-disabled-subtle"]};
-                `;case"completed":return r.css`
-                    background-color: ${i.V3_Colour["icon-success"]};
-                `;case"numeric":return r.css`
-                    background-color: ${i.V3_Colour["icon-info"]};
-                `;case"error":return r.css`
-                    margin-left: -0.15rem;
-                    background-color: ${i.V3_Colour["icon-error"]};
-                `}}}
-`,s=n.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-right: 1rem;
-`,a=n.default.div`
-    grid-column: ${r=>r.$startCol?r.$startCol:3} / span
-        ${r=>r.$colSpan?r.$colSpan:8};
-
-    ${i.V3_MediaQuery.MaxWidth.lg} {
-        grid-column: span 8;
-    }
-
-    ${i.V3_MediaQuery.MaxWidth.sm} {
-        grid-column: span 8;
-    }
-`,u=n.default(o.Typography.HeadingSM)`
-    margin-bottom: 1rem;
-
-    ${i.V3_MediaQuery.MaxWidth.lg} {
-        margin-bottom: 1.5rem;
-    }
-`,d=n.default(o.Typography.HeadingXS)`
-    margin-top: -0.125rem;
-    margin-bottom: 0.5rem;
-`,m=n.default.div`
-    display: flex;
-
-    &:last-of-type ${c} {
-        margin-bottom: 0;
-    }
-`,p=n.default.div`
-    margin-bottom: 2rem;
-    width: 100%;
-`,g=n.default.div`
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 0.5rem;
-    gap: 0.5rem;
-`,b=n.default(e.Pill)`
-    padding: 0.125rem 0.5rem;
-`;exports.CircleIndicator=l,exports.LineIndicator=c,exports.TimelineIndicators=s,exports.TimelineItem=m,exports.TimelineItemContent=p,exports.TimelineItemTitle=d,exports.TimelinePill=b,exports.TimelinePills=g,exports.TimelineTitle=u,exports.TimelineWrapper=a;
-//# sourceMappingURL=timeline.style.js.map

package/cjs/timeline/timeline.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline.style.js","sources":["../../../src/timeline/timeline.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Pill } from \"../pill\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_Font, V3_MediaQuery, V3_Radius } from \"../v3_theme\";\nimport type { Variant } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\ninterface TimelineWrapperStyleProps {\n    $startCol?: number | undefined;\n    $colSpan?: number | undefined;\n}\n\ninterface VariantStyleProps {\n    $variant: Variant;\n}\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\nexport const CircleIndicator = styled.div<VariantStyleProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 1.5rem;\n    height: 1.5rem;\n    border-radius: 100%;\n\n    ${(props) => {\n        switch (props.$variant) {\n            case \"current\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-primary-subtle\"]};\n                `;\n            case \"upcoming-active\":\n                return css`\n                    border: 4px solid ${V3_Colour[\"icon-primary-subtle\"]};\n                `;\n            case \"upcoming-inactive\":\n                return css`\n                    border: 4px solid ${V3_Colour[\"icon-subtle\"]};\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-disabled-subtle\"]};\n                `;\n            case \"completed\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-success\"]};\n                    svg {\n                        color: ${V3_Colour[\"icon-inverse\"]};\n                    }\n                `;\n            case \"numeric\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-info\"]};\n                    color: ${V3_Colour[\"text-inverse\"]};\n                    font-size: ${V3_Font[\"body-sm-bold\"]};\n                `;\n            case \"error\":\n                return css`\n                    width: 1.8rem;\n                    height: 1.8rem;\n                    margin: -0.15rem 0 -0.15rem -0.15rem;\n\n                    svg {\n                        color: ${V3_Colour[\"icon-error\"]};\n                        height: 100%;\n                        width: 100%;\n                    }\n                `;\n        }\n    }}\n`;\n\nexport const LineIndicator = styled.div<VariantStyleProps>`\n    width: 4px;\n    flex-grow: 1;\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n    border-radius: ${V3_Radius[\"full\"]};\n\n    ${(props) => {\n        switch (props.$variant) {\n            case \"current\":\n            case \"upcoming-active\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-primary-subtle\"]};\n                `;\n            case \"upcoming-inactive\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-subtle\"]};\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-disabled-subtle\"]};\n                `;\n            case \"completed\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-success\"]};\n                `;\n            case \"numeric\":\n                return css`\n                    background-color: ${V3_Colour[\"icon-info\"]};\n                `;\n            case \"error\":\n                return css`\n                    margin-left: -0.15rem;\n                    background-color: ${V3_Colour[\"icon-error\"]};\n                `;\n        }\n    }}\n`;\n\nexport const TimelineIndicators = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-right: 1rem;\n`;\n\nexport const TimelineWrapper = styled.div<TimelineWrapperStyleProps>`\n    grid-column: ${(props) => (props.$startCol ? props.$startCol : 3)} / span\n        ${(props) => (props.$colSpan ? props.$colSpan : 8)};\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        grid-column: span 8;\n    }\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        grid-column: span 8;\n    }\n`;\n\nexport const TimelineTitle = styled(Typography.HeadingSM)`\n    margin-bottom: 1rem;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-bottom: 1.5rem;\n    }\n`;\n\nexport const TimelineItemTitle = styled(Typography.HeadingXS)`\n    margin-top: -0.125rem;\n    margin-bottom: 0.5rem;\n`;\n\n// default is 2-8-2 on desktop\nexport const TimelineItem = styled.div`\n    display: flex;\n\n    &:last-of-type ${LineIndicator} {\n        margin-bottom: 0;\n    }\n`;\n\nexport const TimelineItemContent = styled.div`\n    margin-bottom: 2rem;\n    width: 100%;\n`;\n\nexport const TimelinePills = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 0.5rem;\n    gap: 0.5rem;\n`;\n\nexport const TimelinePill = styled(Pill)`\n    padding: 0.125rem 0.5rem;\n`;\n"],"names":["CircleIndicator","styled","div","props","$variant","css","V3_Colour","V3_Font","LineIndicator","V3_Radius","TimelineIndicators","TimelineWrapper","$startCol","$colSpan","V3_MediaQuery","MaxWidth","lg","sm","TimelineTitle","Typography","HeadingSM","TimelineItemTitle","HeadingXS","TimelineItem","TimelineItemContent","TimelinePills","TimelinePill","Pill"],"mappings":"sOAwBO,MAAMA,EAAkBC,EAAAA,QAAOC,GAAsB;;;;;;;;MAQrDC,IACC,OAAQA,EAAMC,UACV,IAAK,UACD,OAAOC,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,kBACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,oBACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,WACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,YACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;;iCAEjBA,EAAAA,UAAU;;kBAG/B,IAAK,UACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;6BACrBA,EAAAA,UAAU;iCACNC,EAAAA,QAAQ;kBAE7B,IAAK,QACD,OAAOF,KAAG;;;;;;iCAMOC,EAAAA,UAAU;;;;;EAS9BE,EAAgBP,EAAAA,QAAOC,GAAsB;;;;;qBAKrCO,EAAAA,UAAgB;;MAE9BN,IACC,OAAQA,EAAMC,UACV,IAAK,UACL,IAAK,kBACD,OAAOC,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,oBACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,WACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,YACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,UACD,OAAOD,KAAG;wCACcC,EAAAA,UAAU;kBAEtC,IAAK,QACD,OAAOD,KAAG;;wCAEcC,EAAAA,UAAU;;EAMrCI,EAAqBT,EAAAA,QAAOC,GAAG;;;;;EAO/BS,EAAkBV,EAAAA,QAAOC,GAA8B;mBAChDC,GAAWA,EAAMS,UAAYT,EAAMS,UAAY;UACxDT,GAAWA,EAAMU,SAAWV,EAAMU,SAAW;;MAElDC,EAAAA,cAAcC,SAASC;;;;MAIvBF,EAAAA,cAAcC,SAASE;;;EAKhBC,EAAgBjB,EAAAA,QAAOkB,aAAWC,UAAU;;;MAGnDN,EAAAA,cAAcC,SAASC;;;EAKhBK,EAAoBpB,EAAAA,QAAOkB,aAAWG,UAAU;;;EAMhDC,EAAetB,EAAAA,QAAOC,GAAG;;;qBAGjBM;;;EAKRgB,EAAsBvB,EAAAA,QAAOC,GAAG;;;EAKhCuB,EAAgBxB,EAAAA,QAAOC,GAAG;;;;;EAO1BwB,EAAezB,EAAAA,QAAO0B,EAAAA,KAAK;;"}

package/cjs/timetable/timetable-header/timetable-header.style.js

@@ -1,28 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../date-navigator/date-navigator.js"),a=require("../../icon-button/icon-button.js"),r=require("../../typography/index.js"),i=require("../../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);const s=e.keyframes`
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-`,d=n.default(a.IconButton)`
-    color: ${i.V3_Colour.icon};
-    svg {
-        ${t=>{if(t.$loading)return e.css`
-                    animation: ${s} 4s linear infinite;
-                `}}
-    }
-`,p=n.default.div`
-    display: flex;
-    padding-bottom: ${i.V3_Spacing["spacing-16"]};
-    justify-content: space-between;
-    gap: ${i.V3_Spacing["spacing-8"]};
-`,u=n.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: ${i.V3_Spacing["spacing-8"]};
-`,l=n.default(r.Typography.BodySM)`
-    color: ${i.V3_Colour["text-subtler"]};
-`,c=n.default(t.DateNavigator)`
-    width: 400px;
-`;exports.NavigationHeaderSubtitleWrapper=u,exports.NavigationHeaderWrapper=p,exports.StyledDateNavigator=c,exports.StyledRefreshButton=d,exports.StyledResultText=l;
-//# sourceMappingURL=timetable-header.style.js.map

package/cjs/timetable/timetable-header/timetable-header.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timetable-header.style.js","sources":["../../../../src/timetable/timetable-header/timetable-header.style.tsx"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { DateNavigator } from \"../../date-navigator\";\nimport { IconButton } from \"../../icon-button\";\nimport { Typography } from \"../../typography\";\nimport { V3_Colour, V3_Spacing } from \"../../v3_theme\";\n\nconst spin = keyframes`\n    100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n`;\n\nexport const StyledRefreshButton = styled(IconButton)<{ $loading: boolean }>`\n    color: ${V3_Colour[\"icon\"]};\n    svg {\n        ${(props) => {\n            if (props.$loading) {\n                return css`\n                    animation: ${spin} 4s linear infinite;\n                `;\n            }\n        }}\n    }\n`;\n\nexport const NavigationHeaderWrapper = styled.div`\n    display: flex;\n    padding-bottom: ${V3_Spacing[\"spacing-16\"]};\n    justify-content: space-between;\n    gap: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const NavigationHeaderSubtitleWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const StyledResultText = styled(Typography.BodySM)`\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n\nexport const StyledDateNavigator = styled(DateNavigator)`\n    width: 400px;\n`;\n"],"names":["spin","keyframes","StyledRefreshButton","styled","IconButton","V3_Colour","props","$loading","css","NavigationHeaderWrapper","div","V3_Spacing","NavigationHeaderSubtitleWrapper","StyledResultText","Typography","BodySM","StyledDateNavigator","DateNavigator"],"mappings":"iTAOA,MAAMA,EAAOC,EAAAA,SAAS;;;;;EAOTC,EAAsBC,EAAAA,QAAOC,EAAAA,WAAkC;aAC/DC,EAAAA,UAAgB;;UAElBC,IACC,GAAIA,EAAMC,SACN,OAAOC,KAAG;iCACOR;iBAErB;;EAKCS,EAA0BN,EAAAA,QAAOO,GAAG;;sBAE3BC,EAAAA,WAAW;;WAEtBA,EAAAA,WAAW;EAGTC,EAAkCT,EAAAA,QAAOO,GAAG;;;;WAI9CC,EAAAA,WAAW;EAGTE,EAAmBV,EAAAA,QAAOW,aAAWC,OAAO;aAC5CV,EAAAA,UAAU;EAGVW,EAAsBb,EAAAA,QAAOc,EAAAA,cAAc;;"}

package/cjs/timetable/timetable-row/row-bar.style.js

@@ -1,5 +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;
-    width: 100%;
-`;exports.RowCellContainer=t;
-//# sourceMappingURL=row-bar.style.js.map

package/cjs/timetable/timetable-row/row-bar.style.js.map

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