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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/tab/tab.style.js

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

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

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

package/cjs/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;;;"}

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

@@ -1,53 +0,0 @@
-"use strict";var o=require("styled-components"),e=require("../../typography/index.js"),r=require("../../v3_theme/index.js");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=l(o);const i=t.default.div`
-    border-bottom: ${r.V3_Border["width-010"]} ${r.V3_Border.solid}
-        ${r.V3_Colour.border};
-    ${e=>{if(e.$isOnTheHour)return o.css`
-                box-shadow: inset -0.5px 0px ${r.V3_Colour["border-primary"]};
-            `}}
-`,a=t.default.div`
-    display: flex;
-    margin-bottom: 2px;
-    height: 65px;
-`,d=t.default.div`
-    width: 2px;
-    height: 100%;
-`,s=t.default.div`
-    height: 100%;
-    width: ${({$width:o})=>`${o}px`};
-    border-radius: ${r.V3_Radius.sm};
-    box-sizing: border-box;
-    padding: ${r.V3_Spacing["spacing-4"]};
-    ${({$status:e,$mainColor:l,$isClickable:t,$altColor:i,$customMainColor:a,$customAltColor:d,$customHoverColor:s,$customAltHoverColor:n,$styleType:p})=>{const u={blocked:{mainColor:r.V3_Colour["bg-stronger"],altColor:r.V3_Colour["bg-strongest"],defaultStyleType:"stripes",nonClickablePointer:"not-allowed"},filled:{mainColor:l,defaultStyleType:"solid"},disabled:{mainColor:r.V3_Colour["bg-disabled"],defaultStyleType:"solid",nonClickablePointer:"not-allowed"},pending:{mainColor:l,altColor:i,defaultStyleType:"stripes",nonClickablePointer:"not-allowed"},default:{hoverColor:r.V3_Colour["bg-hover-subtle"],defaultStyleType:"solid"}}[e],c="default"!==p&&p?p:u.defaultStyleType,$=t?"pointer":u.nonClickablePointer||"default";return"stripes"===c?o.css`
-                background: repeating-linear-gradient(
-                    135deg,
-                    ${a||u.mainColor||""} 0px 6px,
-                    ${d||u.altColor||""} 6px 12px
-                );
-                &:hover {
-                    ${t&&o.css`
-                        background: repeating-linear-gradient(
-                            135deg,
-                            ${s||""} 0px 6px,
-                            ${n||""} 6px 12px
-                        );
-                    `}
-                    cursor: ${$};
-                }
-            `:o.css`
-                background: ${a||u.mainColor};
-                &:hover {
-                    background-color: ${t?s||u.hoverColor:""};
-                    cursor: ${$};
-                }
-            `}}
-`,n=t.default(e.Typography.BodySM)`
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-`,p=t.default(e.Typography.BodyXS)`
-    color: ${r.V3_Colour["text-subtler"]};
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-`;exports.Block=s,exports.BlockContainer=i,exports.BlockDescription=p,exports.BlockTitle=n,exports.Gap=d,exports.Wrapper=a;
-//# sourceMappingURL=row-cell.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"row-cell.style.js","sources":["../../../../src/timetable/timetable-row/row-cell.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Typography } from \"../../typography\";\nimport type { V3_ThemeStyleProps } from \"../../v3_theme\";\nimport { V3_Border, V3_Colour, V3_Radius, V3_Spacing } from \"../../v3_theme\";\nimport type { TimeTableCellType } from \"../types\";\n\ninterface BlockStyleProps {\n    $width: number;\n    $status: TimeTableCellType;\n    $mainColor: string;\n    $altColor: string;\n    $isClickable?: boolean;\n    $customMainColor?:\n        | string\n        | ((props: V3_ThemeStyleProps) => string)\n        | undefined;\n    $customAltColor?:\n        | string\n        | ((props: V3_ThemeStyleProps) => string)\n        | undefined;\n    $customHoverColor?:\n        | string\n        | ((props: V3_ThemeStyleProps) => string)\n        | undefined;\n    $customAltHoverColor?:\n        | string\n        | ((props: V3_ThemeStyleProps) => string)\n        | undefined;\n    $styleType?: \"default\" | \"solid\" | \"stripes\" | undefined;\n}\n\ninterface BlockContainerProps {\n    $isOnTheHour: boolean;\n}\n\nexport const BlockContainer = styled.div<BlockContainerProps>`\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    ${(props) => {\n        if (props.$isOnTheHour) {\n            return css`\n                box-shadow: inset -0.5px 0px ${V3_Colour[\"border-primary\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Wrapper = styled.div`\n    display: flex;\n    margin-bottom: 2px;\n    height: 65px;\n`;\n\nexport const Gap = styled.div`\n    width: 2px;\n    height: 100%;\n`;\n\nexport const Block = styled.div<BlockStyleProps>`\n    height: 100%;\n    width: ${({ $width }) => `${$width}px`};\n    border-radius: ${V3_Radius[\"sm\"]};\n    box-sizing: border-box;\n    padding: ${V3_Spacing[\"spacing-4\"]};\n    ${({\n        $status,\n        $mainColor,\n        $isClickable,\n        $altColor,\n        $customMainColor,\n        $customAltColor,\n        $customHoverColor,\n        $customAltHoverColor,\n        $styleType,\n    }) => {\n        // Map status to default colors, cursor behavior, and style type\n        const statusDefaults: Record<\n            TimeTableCellType,\n            {\n                mainColor?: string | ((props: V3_ThemeStyleProps) => string);\n                altColor?: string | ((props: V3_ThemeStyleProps) => string);\n                hoverColor?: string | ((props: V3_ThemeStyleProps) => string);\n                defaultStyleType: \"solid\" | \"stripes\";\n                nonClickablePointer?: \"default\" | \"not-allowed\";\n            }\n        > = {\n            blocked: {\n                mainColor: V3_Colour[\"bg-stronger\"],\n                altColor: V3_Colour[\"bg-strongest\"],\n                defaultStyleType: \"stripes\",\n                nonClickablePointer: \"not-allowed\",\n            },\n            filled: {\n                mainColor: $mainColor,\n                defaultStyleType: \"solid\",\n            },\n            disabled: {\n                mainColor: V3_Colour[\"bg-disabled\"],\n                defaultStyleType: \"solid\",\n                nonClickablePointer: \"not-allowed\",\n            },\n            pending: {\n                mainColor: $mainColor,\n                altColor: $altColor,\n                defaultStyleType: \"stripes\",\n                nonClickablePointer: \"not-allowed\",\n            },\n            default: {\n                hoverColor: V3_Colour[\"bg-hover-subtle\"],\n                defaultStyleType: \"solid\",\n            },\n        };\n\n        const defaults = statusDefaults[$status];\n        const effectiveStyleType =\n            $styleType === \"default\" || !$styleType\n                ? defaults.defaultStyleType\n                : $styleType;\n        const cursor = $isClickable\n            ? \"pointer\"\n            : defaults.nonClickablePointer || \"default\";\n\n        if (effectiveStyleType === \"stripes\") {\n            return css`\n                background: repeating-linear-gradient(\n                    135deg,\n                    ${$customMainColor || defaults.mainColor || \"\"} 0px 6px,\n                    ${$customAltColor || defaults.altColor || \"\"} 6px 12px\n                );\n                &:hover {\n                    ${$isClickable &&\n                    css`\n                        background: repeating-linear-gradient(\n                            135deg,\n                            ${$customHoverColor || \"\"} 0px 6px,\n                            ${$customAltHoverColor || \"\"} 6px 12px\n                        );\n                    `}\n                    cursor: ${cursor};\n                }\n            `;\n        } else {\n            return css`\n                background: ${$customMainColor || defaults.mainColor};\n                &:hover {\n                    background-color: ${$isClickable\n                        ? $customHoverColor || defaults.hoverColor\n                        : \"\"};\n                    cursor: ${cursor};\n                }\n            `;\n        }\n    }}\n`;\n\nexport const BlockTitle = styled(Typography.BodySM)`\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n`;\n\nexport const BlockDescription = styled(Typography.BodyXS)`\n    color: ${V3_Colour[\"text-subtler\"]};\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n`;\n"],"names":["BlockContainer","styled","div","V3_Border","V3_Colour","props","$isOnTheHour","css","Wrapper","Gap","Block","$width","V3_Radius","V3_Spacing","$status","$mainColor","$isClickable","$altColor","$customMainColor","$customAltColor","$customHoverColor","$customAltHoverColor","$styleType","defaults","blocked","mainColor","altColor","defaultStyleType","nonClickablePointer","filled","disabled","pending","default","hoverColor","effectiveStyleType","cursor","BlockTitle","Typography","BodySM","BlockDescription","BodyXS"],"mappings":"+MAoCO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAwB;qBACxCC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDC,EAAAA,UAAkB;MACrBC,IACC,GAAIA,EAAMC,aACN,OAAOC,KAAG;+CACyBH,EAAAA,UAAU;aAEjD;EAIKI,EAAUP,EAAAA,QAAOC,GAAG;;;;EAMpBO,EAAMR,EAAAA,QAAOC,GAAG;;;EAKhBQ,EAAQT,EAAAA,QAAOC,GAAoB;;aAEnC,EAAGS,YAAa,GAAGA;qBACXC,EAAAA,UAAc;;eAEpBC,EAAAA,WAAW;MACpB,EACEC,UACAC,aACAC,eACAC,YACAC,mBACAC,kBACAC,oBACAC,uBACAC,iBAGA,MAqCMC,EA5BF,CACAC,QAAS,CACLC,UAAWrB,EAAAA,UAAU,eACrBsB,SAAUtB,EAAAA,UAAU,gBACpBuB,iBAAkB,UAClBC,oBAAqB,eAEzBC,OAAQ,CACJJ,UAAWV,EACXY,iBAAkB,SAEtBG,SAAU,CACNL,UAAWrB,EAAAA,UAAU,eACrBuB,iBAAkB,QAClBC,oBAAqB,eAEzBG,QAAS,CACLN,UAAWV,EACXW,SAAUT,EACVU,iBAAkB,UAClBC,oBAAqB,eAEzBI,QAAS,CACLC,WAAY7B,EAAAA,UAAU,mBACtBuB,iBAAkB,UAIMb,GAC1BoB,EACa,YAAfZ,GAA6BA,EAEvBA,EADAC,EAASI,iBAEbQ,EAASnB,EACT,UACAO,EAASK,qBAAuB,UAEtC,MAA2B,YAAvBM,EACO3B,KAAG;;;sBAGAW,GAAoBK,EAASE,WAAa;sBAC1CN,GAAmBI,EAASG,UAAY;;;sBAGxCV,GACFT,KAAG;;;8BAGOa,GAAqB;8BACrBC,GAAwB;;;8BAGxBc;;cAIX5B,KAAG;8BACQW,GAAoBK,EAASE;;wCAEnBT,EACdI,GAAqBG,EAASU,WAC9B;8BACIE;;aAGtB;EAIKC,EAAanC,EAAAA,QAAOoC,aAAWC,OAAO;;;;EAMtCC,EAAmBtC,EAAAA,QAAOoC,aAAWG,OAAO;aAC5CpC,EAAAA,UAAU;;;;"}