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

package/cjs/progress-indicator/progress-indicator.style.js

@@ -1,39 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../theme/index.js"),t=require("../typography/typography.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default.div`
-    position: relative;
-    width: 100%;
-
-    margin: 2rem 0;
-
-    ${r.MediaQuery.MaxWidth.xl} {
-        margin: 1.5rem 0;
-    }
-
-    ${r.MediaQuery.MaxWidth.lg} {
-        margin: 1rem 0;
-    }
-`,l=i.default.div`
-    display: flex;
-    flex-basis: 0;
-    justify-content: space-between;
-    width: 100%;
-`,d=i.default.div`
-    height: 4px;
-    margin-bottom: ${r.Spacing["spacing-8"]};
-    border-radius: ${r.Radius.full};
-    ${e=>{const{$highlighted:t}=e;return`\n            background-color: ${(t?r.Colour["bg-primary-subtle"]:r.Colour["bg-disabled"])(e)};\n        `}};
-`,n=i.default(t.Typography.BodyMD)`
-    overflow-wrap: anywhere;
-    ${e=>{const{$highlighted:t}=e;return`color: ${(t?r.Colour["text-primary"]:r.Colour["text-disabled"])(e)};`}};
-`,p=i.default(t.Typography.BodyMD)`
-    overflow-wrap: anywhere;
-    color: ${r.Colour.text};
-`,s=i.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-
-    &:not(:last-child) {
-        margin-right: ${"0.5rem"};
-    }
-`;exports.Content=l,exports.INDICATOR_BAR_MARGIN_RIGHT_TABLET=.5,exports.Indicator=s,exports.IndicatorBar=d,exports.IndicatorTitleDesktop=n,exports.IndicatorTitleTablet=p,exports.Wrapper=a;
-//# sourceMappingURL=progress-indicator.style.js.map

package/cjs/progress-indicator/progress-indicator.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-indicator.style.js","sources":["../../../src/progress-indicator/progress-indicator.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Colour, MediaQuery, Radius, Spacing } from \"../theme\";\nimport { Typography } from \"../typography/typography\";\n\n// Units in rem\nexport const INDICATOR_BAR_MARGIN_RIGHT_TABLET = 0.5;\n\n// =============================================================================\n// STYLE TYPES\n// =============================================================================\n\ninterface IndicatorProps {\n    $highlighted: boolean;\n}\n\n// =============================================================================\n// STYLE COMPONENTS\n// =============================================================================\nexport const Wrapper = styled.div`\n    position: relative;\n    width: 100%;\n\n    margin: 2rem 0;\n\n    ${MediaQuery.MaxWidth.xl} {\n        margin: 1.5rem 0;\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        margin: 1rem 0;\n    }\n`;\n\nexport const Content = styled.div`\n    display: flex;\n    flex-basis: 0;\n    justify-content: space-between;\n    width: 100%;\n`;\n\nexport const IndicatorBar = styled.div<IndicatorProps>`\n    height: 4px;\n    margin-bottom: ${Spacing[\"spacing-8\"]};\n    border-radius: ${Radius[\"full\"]};\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? Colour[\"bg-primary-subtle\"]\n            : Colour[\"bg-disabled\"];\n        return `\n            background-color: ${color(props)};\n        `;\n    }};\n`;\n\nexport const IndicatorTitleDesktop = styled(Typography.BodyMD)<IndicatorProps>`\n    overflow-wrap: anywhere;\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? Colour[\"text-primary\"]\n            : Colour[\"text-disabled\"];\n        return `color: ${color(props)};`;\n    }};\n`;\n\nexport const IndicatorTitleTablet = styled(Typography.BodyMD)`\n    overflow-wrap: anywhere;\n    color: ${Colour.text};\n`;\n\nexport const Indicator = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n\n    &:not(:last-child) {\n        margin-right: ${INDICATOR_BAR_MARGIN_RIGHT_TABLET + \"rem\"};\n    }\n`;\n"],"names":["Wrapper","styled","div","MediaQuery","MaxWidth","xl","lg","Content","IndicatorBar","Spacing","Radius","props","$highlighted","Colour","IndicatorTitleDesktop","Typography","BodyMD","IndicatorTitleTablet","text","Indicator","INDICATOR_BAR_MARGIN_RIGHT_TABLET"],"mappings":"2MAKO,MAaMA,EAAUC,EAAAA,QAAOC,GAAG;;;;;;MAM3BC,EAAAA,WAAWC,SAASC;;;;MAIpBF,EAAAA,WAAWC,SAASE;;;EAKbC,EAAUN,EAAAA,QAAOC,GAAG;;;;;EAOpBM,EAAeP,EAAAA,QAAOC,GAAmB;;qBAEjCO,EAAAA,QAAQ;qBACRC,EAAAA,OAAa;MAC3BC,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,oCAHOC,EACRC,EAAAA,OAAO,qBACPA,EAAAA,OAAO,gBAEiBF,eAC7B;EAIIG,EAAwBb,EAAAA,QAAOc,aAAWC,OAAuB;;MAEvEL,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,WAHOC,EACRC,EAAAA,OAAO,gBACPA,EAAAA,OAAO,kBACUF,KAAS;EAI3BM,EAAuBhB,EAAAA,QAAOc,aAAWC,OAAO;;aAEhDH,EAAAA,OAAOK;EAGPC,EAAYlB,EAAAA,QAAOC,GAAG;;;;;;wBAMXkB;;8DAxEyB"}

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

@@ -1,38 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../date-navigator/date-navigator.js"),a=require("../../theme/index.js"),i=require("../../typography/typography.js"),r=require("../../button/button.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const d=o.default.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-bottom: ${a.Spacing["spacing-16"]};
-    color: ${a.Colour["text-primary"]};
-    gap: ${a.Spacing["spacing-16"]};
-`,p=o.default.div`
-    display: flex;
-    align-items: center;
-    gap: ${a.Spacing["spacing-16"]};
-
-    ${a.MediaQuery.MaxWidth.md} {
-        flex-direction: column;
-        align-items: stretch;
-        width: 100%;
-    }
-`,l=o.default.div`
-    display: flex;
-    align-items: center;
-    gap: ${a.Spacing["spacing-16"]};
-
-    ${a.MediaQuery.MaxWidth.lg} {
-        display: none;
-    }
-`,s=o.default(t.DateNavigator)`
-    width: 100%;
-    max-width: 400px;
-`,u=o.default(i.Typography.BodyMD)`
-    color: ${a.Colour["text-subtler"]};
-`,c=o.default(r.Button.Default)`
-    min-width: 5rem;
-
-    ${a.MediaQuery.MaxWidth.lg} {
-        display: none;
-    }
-`;exports.DROPDOWN_WIDTH="240px",exports.LeftSection=p,exports.RightSection=l,exports.ScheduleHeaderWrapper=d,exports.StyledButton=c,exports.StyledDateNavigator=s,exports.StyledText=u;
-//# sourceMappingURL=schedule-header.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"schedule-header.style.js","sources":["../../../../src/schedule/schedule-header/schedule-header.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { DateNavigator } from \"../../date-navigator\";\nimport { Colour, Spacing } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { Button } from \"../../button\";\nimport { MediaQuery } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const ScheduleHeaderWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: ${Spacing[\"spacing-16\"]};\n    color: ${Colour[\"text-primary\"]};\n    gap: ${Spacing[\"spacing-16\"]};\n`;\n\nexport const LeftSection = styled.div`\n    display: flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-16\"]};\n\n    ${MediaQuery.MaxWidth.md} {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n`;\n\nexport const RightSection = styled.div`\n    display: flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-16\"]};\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: none;\n    }\n`;\n\nexport const StyledDateNavigator = styled(DateNavigator)`\n    width: 100%;\n    max-width: 400px;\n`;\n\nexport const StyledText = styled(Typography.BodyMD)`\n    color: ${Colour[\"text-subtler\"]};\n`;\n\nexport const StyledButton = styled(Button.Default)`\n    min-width: 5rem;\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: none;\n    }\n`;\n\n// =============================================================================\n// CONSTANTS\n// =============================================================================\nexport const DROPDOWN_WIDTH = \"240px\";\n"],"names":["ScheduleHeaderWrapper","styled","div","Spacing","Colour","LeftSection","MediaQuery","MaxWidth","md","RightSection","lg","StyledDateNavigator","DateNavigator","StyledText","Typography","BodyMD","StyledButton","Button","Default"],"mappings":"ySAUO,MAAMA,EAAwBC,EAAAA,QAAOC,GAAG;;;;sBAIzBC,EAAAA,QAAQ;aACjBC,EAAAA,OAAO;WACTD,EAAAA,QAAQ;EAGNE,EAAcJ,EAAAA,QAAOC,GAAG;;;WAG1BC,EAAAA,QAAQ;;MAEbG,EAAAA,WAAWC,SAASC;;;;;EAObC,EAAeR,EAAAA,QAAOC,GAAG;;;WAG3BC,EAAAA,QAAQ;;MAEbG,EAAAA,WAAWC,SAASG;;;EAKbC,EAAsBV,EAAAA,QAAOW,EAAAA,cAAc;;;EAK3CC,EAAaZ,EAAAA,QAAOa,aAAWC,OAAO;aACtCX,EAAAA,OAAO;EAGPY,EAAef,EAAAA,QAAOgB,SAAOC,QAAQ;;;MAG5CZ,EAAAA,WAAWC,SAASG;;;yBAQI"}

package/cjs/schedule/schedule-week-view/slot-content.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../util/time-helper.js"),i=require("./slot-content.styles.js");exports.SlotContent=({positionedSlot:o,blockedMessage:s="Unavailable"})=>{const{slot:l,offsetTop:r}=o,n=t.TimeHelper.calculateDuration(l.startTime,l.endTime);return e.jsxs(i.SlotContentContainer,{$status:l.status,$duration:n,$offsetTop:r,onClick:e=>l.onClick&&l.onClick(l,e),children:[e.jsx(i.SlotServiceName,{children:l.serviceName}),n>=30&&e.jsx(i.SlotAvailability,{children:"blocked"===l.status?s:`${l.booked} / ${l.capacity}`})]})};
-//# sourceMappingURL=slot-content.js.map

package/cjs/schedule/schedule-week-view/slot-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slot-content.js","sources":["../../../../src/schedule/schedule-week-view/slot-content.tsx"],"sourcesContent":["import React from \"react\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport { PositionedSlot } from \"./types\";\nimport {\n    SlotAvailability,\n    SlotContentContainer,\n    SlotServiceName,\n} from \"./slot-content.styles\";\n\ninterface SlotContentProps {\n    positionedSlot: PositionedSlot;\n    blockedMessage?: string;\n}\n\nexport const SlotContent: React.FC<SlotContentProps> = ({\n    positionedSlot,\n    blockedMessage = \"Unavailable\",\n}) => {\n    const { slot, offsetTop } = positionedSlot;\n    const duration = TimeHelper.calculateDuration(slot.startTime, slot.endTime);\n\n    return (\n        <SlotContentContainer\n            $status={slot.status}\n            $duration={duration}\n            $offsetTop={offsetTop}\n            onClick={(e) => slot.onClick && slot.onClick(slot, e)}\n        >\n            <SlotServiceName>{slot.serviceName}</SlotServiceName>\n            {duration >= 30 && (\n                <SlotAvailability>\n                    {slot.status === \"blocked\"\n                        ? blockedMessage\n                        : `${slot.booked} / ${slot.capacity}`}\n                </SlotAvailability>\n            )}\n        </SlotContentContainer>\n    );\n};\n"],"names":["positionedSlot","blockedMessage","slot","offsetTop","duration","TimeHelper","calculateDuration","startTime","endTime","_jsxs","SlotContentContainer","$status","status","$duration","$offsetTop","onClick","e","children","_jsx","SlotServiceName","serviceName","SlotAvailability","booked","capacity"],"mappings":"iJAcuD,EACnDA,iBACAC,iBAAiB,kBAEjB,MAAMC,KAAEA,EAAIC,UAAEA,GAAcH,EACtBI,EAAWC,EAAAA,WAAWC,kBAAkBJ,EAAKK,UAAWL,EAAKM,SAEnE,OACIC,EAAAA,KAACC,EAAAA,qBAAoB,CAAAC,QACRT,EAAKU,OAAMC,UACTT,EAAQU,WACPX,EACZY,QAAUC,GAAMd,EAAKa,SAAWb,EAAKa,QAAQb,EAAMc,GAAEC,SAAA,CAErDC,EAAAA,IAACC,EAAAA,gBAAe,CAAAF,SAAEf,EAAKkB,cACtBhB,GAAY,IACTc,MAACG,EAAAA,2BACoB,YAAhBnB,EAAKU,OACAX,EACA,GAAGC,EAAKoB,YAAYpB,EAAKqB,eAGpB"}

package/cjs/schedule/schedule-week-view/slot-content.styles.js

@@ -1,40 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),o=require("../../typography/typography.js"),r=require("../const.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e);const a=n.default(o.Typography.BodyXS)`
-    width: calc(100% - 1px);
-    height: ${e=>e.$duration?e.$duration/30*r.CELL_HEIGHT-1+"px":r.CELL_HEIGHT-1+"px"};
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: flex-start;
-    padding: ${t.Spacing["spacing-4"]};
-    position: absolute;
-    top: ${e=>e.$offsetTop||0}px;
-    border-radius: ${t.Radius.sm};
-
-    background: ${o=>{switch(o.$status){case"pending":return e.css`
-                    repeating-linear-gradient(
-                        135deg,
-                        ${t.Colour["bg-warning"]},
-                        ${t.Colour["bg-warning"]} 5px,
-                        ${t.Colour["bg-warning-hover"]} 5px,
-                        ${t.Colour["bg-warning-hover"]} 10px
-                    )
-                `;case"blocked":return t.Colour["bg-inverse-subtle"];case"available":return t.Colour["bg-success-hover"];case"booked":return t.Colour["bg-primary-subtler"];default:return t.Colour.bg}}};
-
-    color: ${e=>"blocked"===e.$status?t.Colour["text-inverse"]:"inherit"};
-
-    border-left: ${t.Border["width-040"]} solid
-        ${e=>"available"===e.$status?t.Colour["icon-success"]:"none"};
-`,s=n.default.span`
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    width: 100%;
-    font-weight: ${t.Font.Spec["weight-regular"]};
-`,l=n.default.span`
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    width: 100%;
-    font-weight: ${t.Font.Spec["weight-semibold"]};
-`;exports.SlotAvailability=l,exports.SlotContentContainer=a,exports.SlotServiceName=s;
-//# sourceMappingURL=slot-content.styles.js.map

package/cjs/schedule/schedule-week-view/slot-content.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slot-content.styles.js","sources":["../../../../src/schedule/schedule-week-view/slot-content.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { CELL_HEIGHT } from \"../const\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface SlotContentContainerStyleProps {\n    $status: string;\n    $duration: number;\n    $offsetTop: number;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const SlotContentContainer = styled(\n    Typography.BodyXS\n)<SlotContentContainerStyleProps>`\n    width: calc(100% - 1px);\n    height: ${(props) =>\n        props.$duration\n            ? `${(props.$duration / 30) * CELL_HEIGHT - 1}px`\n            : `${CELL_HEIGHT - 1}px`};\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    padding: ${Spacing[\"spacing-4\"]};\n    position: absolute;\n    top: ${(props) => props.$offsetTop || 0}px;\n    border-radius: ${Radius[\"sm\"]};\n\n    background: ${(props) => {\n        switch (props.$status) {\n            case \"pending\":\n                return css`\n                    repeating-linear-gradient(\n                        135deg,\n                        ${Colour[\"bg-warning\"]},\n                        ${Colour[\"bg-warning\"]} 5px,\n                        ${Colour[\"bg-warning-hover\"]} 5px,\n                        ${Colour[\"bg-warning-hover\"]} 10px\n                    )\n                `;\n            case \"blocked\":\n                return Colour[\"bg-inverse-subtle\"];\n            case \"available\":\n                return Colour[\"bg-success-hover\"];\n            case \"booked\":\n                return Colour[\"bg-primary-subtler\"];\n            default:\n                return Colour[\"bg\"];\n        }\n    }};\n\n    color: ${(props) =>\n        props.$status === \"blocked\" ? Colour[\"text-inverse\"] : \"inherit\"};\n\n    border-left: ${Border[\"width-040\"]} solid\n        ${(props) =>\n            props.$status === \"available\" ? Colour[\"icon-success\"] : \"none\"};\n`;\n\nexport const SlotServiceName = styled.span`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n    font-weight: ${Font.Spec[\"weight-regular\"]};\n`;\n\nexport const SlotAvailability = styled.span`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n"],"names":["SlotContentContainer","styled","Typography","BodyXS","props","$duration","CELL_HEIGHT","Spacing","$offsetTop","Radius","$status","css","Colour","Border","SlotServiceName","span","Font","Spec","SlotAvailability"],"mappings":"0OAiBO,MAAMA,EAAuBC,EAAAA,QAChCC,aAAWC,OACkB;;cAElBC,GACPA,EAAMC,UACID,EAAMC,UAAY,GAAMC,EAAAA,YAAc,EAA1C,KACGA,EAAAA,YAAc,EAAjB;;;;;eAKCC,EAAAA,QAAQ;;WAEXH,GAAUA,EAAMI,YAAc;qBACrBC,EAAAA,OAAW;;kBAEbL,IACX,OAAQA,EAAMM,SACV,IAAK,UACD,OAAOC,KAAG;;;0BAGAC,EAAAA,OAAO;0BACPA,EAAAA,OAAO;0BACPA,EAAAA,OAAO;0BACPA,EAAAA,OAAO;;kBAGrB,IAAK,UACD,OAAOA,EAAAA,OAAO,qBAClB,IAAK,YACD,OAAOA,EAAAA,OAAO,oBAClB,IAAK,SACD,OAAOA,EAAAA,OAAO,sBAClB,QACI,OAAOA,EAAAA,OAAW;;aAIpBR,GACY,YAAlBA,EAAMM,QAAwBE,SAAO,gBAAkB;;mBAE5CC,EAAAA,OAAO;UACfT,GACmB,cAAlBA,EAAMM,QAA0BE,SAAO,gBAAkB;EAGxDE,EAAkBb,EAAAA,QAAOc,IAAI;;;;;mBAKvBC,EAAAA,KAAKC,KAAK;EAGhBC,EAAmBjB,EAAAA,QAAOc,IAAI;;;;;mBAKxBC,EAAAA,KAAKC,KAAK;"}

package/cjs/shared/clickable-icon/clickable-icon.style.js

@@ -1,29 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(e).default.button`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: ${t.Spacing["spacing-24"]};
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-
-    img {
-        height: 1rem;
-        width: 1rem;
-    }
-
-    svg {
-        height: 1.125rem;
-        width: 1.125rem;
-    }
-
-    &:active,
-    &:focus {
-        ${({$outline:e})=>"none"===e&&"outline: none;"}
-
-        ${({$highlight:n})=>n&&e.css`
-                background-color: ${t.Colour["bg-hover-neutral"]};
-            `}
-    }
-`;exports.Main=r;
-//# sourceMappingURL=clickable-icon.style.js.map

package/cjs/shared/clickable-icon/clickable-icon.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clickable-icon.style.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Spacing } from \"../../theme\";\n\ninterface StyleProps {\n    $outline: \"none\" | \"browser\";\n    $highlight: boolean;\n}\n\nexport const Main = styled.button<StyleProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: ${Spacing[\"spacing-24\"]};\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n\n    img {\n        height: 1rem;\n        width: 1rem;\n    }\n\n    svg {\n        height: 1.125rem;\n        width: 1.125rem;\n    }\n\n    &:active,\n    &:focus {\n        ${({ $outline }) => $outline === \"none\" && \"outline: none;\"}\n\n        ${({ $highlight }) =>\n            $highlight &&\n            css`\n                background-color: ${Colour[\"bg-hover-neutral\"]};\n            `}\n    }\n`;\n"],"names":["Main","styled","button","Spacing","$outline","$highlight","css","Colour"],"mappings":"0JAQO,MAAMA,OAAOC,QAAOC,MAAkB;;;;eAI9BC,EAAAA,QAAQ;;;;;;;;;;;;;;;;;UAiBb,EAAGC,cAA4B,SAAbA,GAAuB;;UAEzC,EAAGC,gBACDA,GACAC,KAAG;oCACqBC,EAAAA,OAAO;;;"}

package/cjs/shared/component-loading-spinner/component-loading-spinner.style.js

@@ -1,33 +0,0 @@
-"use strict";var e=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(e);const n=t.default.div`
-    display: inline-block;
-    position: relative;
-    width: ${({$size:e})=>e?`${e}px`:"1em"};
-    height: ${({$size:e})=>e?`${e}px`:"1em"};
-    color: ${e=>e.$color||"currentColor"};
-`,o=e.keyframes`
-	0% {
-	  transform: rotate(0deg);
-	}
-	100% {
-	  transform: rotate(360deg);
-	}
-`,i=t.default.div`
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    top: 1px;
-    width: calc(100% - 2px);
-    height: calc(100% - 2px);
-    border-width: 2px;
-    border-style: solid;
-    border-radius: 100%;
-    border-color: currentColor transparent transparent transparent;
-    animation: ${o} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-`,a=t.default(i)`
-    animation-delay: -0.45s;
-`,s=t.default(i)`
-    animation-delay: -0.3s;
-`,d=t.default(i)`
-    animation-delay: -0.15s;
-`;exports.InnerRing1=i,exports.InnerRing2=a,exports.InnerRing3=s,exports.InnerRing4=d,exports.OuterRing=n;
-//# sourceMappingURL=component-loading-spinner.style.js.map

package/cjs/shared/component-loading-spinner/component-loading-spinner.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-loading-spinner.style.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.style.tsx"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $size?: number;\n    $color?: string | ((props: any) => string);\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const OuterRing = styled.div<StyleProps>`\n    display: inline-block;\n    position: relative;\n    width: ${({ $size }) => ($size ? `${$size}px` : \"1em\")};\n    height: ${({ $size }) => ($size ? `${$size}px` : \"1em\")};\n    color: ${(props) => props.$color || \"currentColor\"};\n`;\n\nconst rotate = keyframes`\n\t0% {\n\t  transform: rotate(0deg);\n\t}\n\t100% {\n\t  transform: rotate(360deg);\n\t}\n`;\n\nexport const InnerRing1 = styled.div`\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    top: 1px;\n    width: calc(100% - 2px);\n    height: calc(100% - 2px);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 100%;\n    border-color: currentColor transparent transparent transparent;\n    animation: ${rotate} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n`;\n\nexport const InnerRing2 = styled(InnerRing1)`\n    animation-delay: -0.45s;\n`;\n\nexport const InnerRing3 = styled(InnerRing1)`\n    animation-delay: -0.3s;\n`;\n\nexport const InnerRing4 = styled(InnerRing1)`\n    animation-delay: -0.15s;\n`;\n"],"names":["OuterRing","styled","div","$size","props","$color","rotate","keyframes","InnerRing1","InnerRing2","InnerRing3","InnerRing4"],"mappings":"mIAcO,MAAMA,EAAYC,EAAAA,QAAOC,GAAe;;;aAGlC,EAAGC,WAAaA,EAAQ,GAAGA,MAAY;cACtC,EAAGA,WAAaA,EAAQ,GAAGA,MAAY;aACvCC,GAAUA,EAAMC,QAAU;EAGlCC,EAASC,EAAAA,SAAS;;;;;;;EASXC,EAAaP,EAAAA,QAAOC,GAAG;;;;;;;;;;;iBAWnBI;EAGJG,EAAaR,EAAAA,QAAOO,EAAW;;EAI/BE,EAAaT,EAAAA,QAAOO,EAAW;;EAI/BG,EAAaV,EAAAA,QAAOO,EAAW;;"}

package/cjs/shared/fade-wrapper/fade-wrapper.style.js

@@ -1,53 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),i=require("../clickable-icon/clickable-icon.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const r=o.default.div`
-    position: relative;
-    width: 100%;
-`,a=o.default.div`
-    width: 64px;
-    height: 100%;
-    top: 0;
-    position: absolute;
-    pointer-events: none;
-    display: flex;
-    align-items: center;
-
-    ${i=>{let n;const o="rgba(255,255,255,0.001)",r=t.Colour.bg(i);return n="left"===i.$position?`\n                left: 0;\n                background-image: linear-gradient(\n                    to right,\n                    ${i.$backgroundColor||(i.$showIndicator?`${r}, ${r}`:`${r}`)},\n                    ${o}\n                );\n            `:`\n                right: 0;\n                background-image: linear-gradient(\n                    to left,\n                    ${i.$backgroundColor||(i.$showIndicator?`${r}, ${r}`:`${r}`)},\n                    ${o}\n                );\n            `,e.css`
-            ${t.MediaQuery.MaxWidth.lg} {
-                ${n}
-            }
-        `}};
-`,l=o.default.div`
-    position: relative;
-    width: 100%;
-    height: 100%;
-    overflow-x: scroll;
-    overflow-y: hidden;
-    white-space: nowrap;
-    scrollbar-width: none; /* Firefox */
-    -ms-overflow-style: none; /* IE 10+ */
-    &::-webkit-scrollbar {
-        display: none; /* Chrome/Safari/Webkit */
-    }
-`,s=o.default(i.ClickableIcon)`
-    display: none;
-
-    ${t.MediaQuery.MaxWidth.lg} {
-        display: flex;
-        height: 100%;
-        width: 100%;
-        padding: unset;
-        align-items: center;
-
-        ${i=>"left"===i.$position?e.css`
-                    justify-content: left;
-                    padding-left: ${t.Spacing["spacing-8"]};
-                `:e.css`
-                    justify-content: right;
-                    padding-right: ${t.Spacing["spacing-8"]};
-                `}
-
-        svg {
-            color: ${t.Colour.icon};
-        }
-    }
-`;exports.Content=l,exports.Fade=a,exports.FadeIndicatorButton=s,exports.Wrapper=r;
-//# sourceMappingURL=fade-wrapper.style.js.map

package/cjs/shared/fade-wrapper/fade-wrapper.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fade-wrapper.style.js","sources":["../../../../src/shared/fade-wrapper/fade-wrapper.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, MediaQuery, Spacing } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE TYPES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface FadeProps {\n    $backgroundColor?: string[];\n    $position?: \"left\" | \"right\";\n    $showIndicator?: boolean;\n}\n\ninterface IndicatorButtonProps {\n    $position?: \"left\" | \"right\";\n}\n\n// =============================================================================\n// STYLE COMPONENTS\n// =============================================================================\nexport const Wrapper = styled.div`\n    position: relative;\n    width: 100%;\n`;\n\nexport const Fade = styled.div<FadeProps>`\n    width: 64px;\n    height: 100%;\n    top: 0;\n    position: absolute;\n    pointer-events: none;\n    display: flex;\n    align-items: center;\n\n    ${(props) => {\n        let positionStyle: string;\n        const transparentColor = \"rgba(255,255,255,0.001)\";\n        const fadeColor = Colour.bg(props);\n\n        if (props.$position === \"left\") {\n            positionStyle = `\n                left: 0;\n                background-image: linear-gradient(\n                    to right,\n                    ${\n                        props.$backgroundColor ||\n                        (props.$showIndicator\n                            ? `${fadeColor}, ${fadeColor}`\n                            : `${fadeColor}`)\n                    },\n                    ${transparentColor}\n                );\n            `;\n        } else {\n            positionStyle = `\n                right: 0;\n                background-image: linear-gradient(\n                    to left,\n                    ${\n                        props.$backgroundColor ||\n                        (props.$showIndicator\n                            ? `${fadeColor}, ${fadeColor}`\n                            : `${fadeColor}`)\n                    },\n                    ${transparentColor}\n                );\n            `;\n        }\n\n        return css`\n            ${MediaQuery.MaxWidth.lg} {\n                ${positionStyle}\n            }\n        `;\n    }};\n`;\n\nexport const Content = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none; /* IE 10+ */\n    &::-webkit-scrollbar {\n        display: none; /* Chrome/Safari/Webkit */\n    }\n`;\n\nexport const FadeIndicatorButton = styled(ClickableIcon)<IndicatorButtonProps>`\n    display: none;\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: flex;\n        height: 100%;\n        width: 100%;\n        padding: unset;\n        align-items: center;\n\n        ${(props) => {\n            if (props.$position === \"left\") {\n                return css`\n                    justify-content: left;\n                    padding-left: ${Spacing[\"spacing-8\"]};\n                `;\n            } else {\n                return css`\n                    justify-content: right;\n                    padding-right: ${Spacing[\"spacing-8\"]};\n                `;\n            }\n        }}\n\n        svg {\n            color: ${Colour[\"icon\"]};\n        }\n    }\n`;\n"],"names":["Wrapper","styled","div","Fade","props","positionStyle","transparentColor","fadeColor","Colour","bg","$position","$backgroundColor","$showIndicator","css","MediaQuery","MaxWidth","lg","Content","FadeIndicatorButton","ClickableIcon","Spacing"],"mappings":"sNAqBO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;EAKpBC,EAAOF,EAAAA,QAAOC,GAAc;;;;;;;;;MASlCE,IACC,IAAIC,EACJ,MAAMC,EAAmB,0BACnBC,EAAYC,EAAAA,OAAOC,GAAGL,GAgC5B,OA7BIC,EADoB,SAApBD,EAAMM,UACU,sIAKJN,EAAMO,mBACLP,EAAMQ,eACD,GAAGL,MAAcA,IACjB,GAAGA,8BAEXD,sCAIM,sIAKJF,EAAMO,mBACLP,EAAMQ,eACD,GAAGL,MAAcA,IACjB,GAAGA,8BAEXD,sCAKPO,KAAG;cACJC,EAAAA,WAAWC,SAASC;kBAChBX;;SAET;EAIIY,EAAUhB,EAAAA,QAAOC,GAAG;;;;;;;;;;;;EAcpBgB,EAAsBjB,EAAAA,QAAOkB,EAAAA,cAAoC;;;MAGxEL,EAAAA,WAAWC,SAASC;;;;;;;UAOfZ,GACyB,SAApBA,EAAMM,UACCG,KAAG;;oCAEUO,EAAAA,QAAQ;kBAGrBP,KAAG;;qCAEWO,EAAAA,QAAQ;;;;qBAMxBZ,EAAAA,OAAa;;;"}

package/cjs/shared/html-content/html-content.js

@@ -1,57 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js");exports.applyHtmlContentStyle=o=>{const{textSize:i}=o||{};return e.css`
-        // Text styling
-        ${i&&t.Font[`${i}-regular`]}
-
-        strong {
-            font-weight: ${t.Font.Spec["weight-semibold"]};
-            ${i&&t.Font[`${i}-semibold`]};
-        }
-
-        p {
-            margin: 0;
-        }
-
-        // Link styling
-        a {
-            font-weight: ${t.Font.Spec["weight-semibold"]};
-            ${i&&t.Font[`${i}-semibold`]}
-            color: ${t.Colour.hyperlink};
-            text-decoration: underline;
-
-            svg {
-                color: ${t.Colour["icon-primary"]};
-                height: 1lh;
-                width: 1em;
-                margin-left: 0.4rem;
-                vertical-align: middle;
-            }
-
-            &:hover,
-            &:active,
-            &:visited,
-            &:focus {
-                color: ${t.Colour["hyperlink-hover"]};
-
-                svg {
-                    color: ${t.Colour["icon-hover"]};
-                }
-            }
-        }
-
-        // List styling
-        ul,
-        ol {
-            margin: 0;
-            padding: 0;
-            margin-left: 2.5rem;
-        }
-
-        ol {
-            list-style: decimal;
-        }
-
-        ul {
-            list-style: disc;
-        }
-    `};
-//# sourceMappingURL=html-content.js.map

package/cjs/shared/html-content/html-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"html-content.js","sources":["../../../../src/shared/html-content/html-content.ts"],"sourcesContent":["import { css } from \"styled-components\";\nimport { Colour, Font } from \"../../theme\";\nimport { TypographySizeType } from \"../../theme/font/types\";\n\nexport interface HtmlContentStyleOptions {\n    textSize?: TypographySizeType | undefined;\n}\n\nexport const applyHtmlContentStyle = (options?: HtmlContentStyleOptions) => {\n    const { textSize } = options || {};\n\n    return css`\n        // Text styling\n        ${textSize && Font[`${textSize}-regular`]}\n\n        strong {\n            font-weight: ${Font.Spec[\"weight-semibold\"]};\n            ${textSize && Font[`${textSize}-semibold`]};\n        }\n\n        p {\n            margin: 0;\n        }\n\n        // Link styling\n        a {\n            font-weight: ${Font.Spec[\"weight-semibold\"]};\n            ${textSize && Font[`${textSize}-semibold`]}\n            color: ${Colour.hyperlink};\n            text-decoration: underline;\n\n            svg {\n                color: ${Colour[\"icon-primary\"]};\n                height: 1lh;\n                width: 1em;\n                margin-left: 0.4rem;\n                vertical-align: middle;\n            }\n\n            &:hover,\n            &:active,\n            &:visited,\n            &:focus {\n                color: ${Colour[\"hyperlink-hover\"]};\n\n                svg {\n                    color: ${Colour[\"icon-hover\"]};\n                }\n            }\n        }\n\n        // List styling\n        ul,\n        ol {\n            margin: 0;\n            padding: 0;\n            margin-left: 2.5rem;\n        }\n\n        ol {\n            list-style: decimal;\n        }\n\n        ul {\n            list-style: disc;\n        }\n    `;\n};\n"],"names":["options","textSize","css","Font","Spec","Colour","hyperlink"],"mappings":"gHAQsCA,IAClC,MAAMC,SAAEA,GAAaD,GAAW,CAAA,EAEhC,OAAOE,KAAG;;UAEJD,GAAYE,EAAAA,KAAK,GAAGF;;;2BAGHE,EAAAA,KAAKC,KAAK;cACvBH,GAAYE,EAAAA,KAAK,GAAGF;;;;;;;;;2BASPE,EAAAA,KAAKC,KAAK;cACvBH,GAAYE,EAAAA,KAAK,GAAGF;qBACbI,EAAAA,OAAOC;;;;yBAIHD,EAAAA,OAAO;;;;;;;;;;;yBAWPA,EAAAA,OAAO;;;6BAGHA,EAAAA,OAAO;;;;;;;;;;;;;;;;;;;;KAoB/B"}

package/cjs/shared/image-placeholder/image-placeholder.style.js

@@ -1,15 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.div`
-    background-color: ${t.Colour["bg-stronger"]};
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1rem;
-
-    svg {
-        min-width: 48px;
-        width: 18%;
-        height: auto;
-        color: ${t.Colour["icon-subtle"]};
-    }
-`;exports.Placeholder=r;
-//# sourceMappingURL=image-placeholder.style.js.map

package/cjs/shared/image-placeholder/image-placeholder.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-placeholder.style.js","sources":["../../../../src/shared/image-placeholder/image-placeholder.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Colour } from \"../../theme\";\n\nexport const Placeholder = styled.div`\n    background-color: ${Colour[\"bg-stronger\"]};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem;\n\n    svg {\n        min-width: 48px;\n        width: 18%;\n        height: auto;\n        color: ${Colour[\"icon-subtle\"]};\n    }\n`;\n"],"names":["Placeholder","styled","div","Colour"],"mappings":"0JAGO,MAAMA,OAAcC,QAAOC,GAAG;wBACbC,EAAAA,OAAO;;;;;;;;;;iBAUdA,EAAAA,OAAO;;"}

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

@@ -1,18 +0,0 @@
-"use strict";var e=require("styled-components"),i=require("../../theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=r(e).default.div`
-    --vertical-inset: ${i.Spacing["spacing-24"]};
-    --horizontal-inset: ${i.Spacing["spacing-20"]};
-    --header-bottom-spacing: ${i.Spacing["spacing-4"]};
-
-    border: ${i.Border["width-010"]} ${i.Border.solid} ${i.Colour.border};
-    border-radius: ${i.Radius.sm};
-    overflow: hidden;
-
-    width: ${e=>e.$width}px;
-    max-width: 41rem;
-    min-width: 21rem;
-
-    ${i.MediaQuery.MaxWidth.sm} {
-        min-width: 17.5rem;
-    }
-`;exports.CalendarWrapper=t;
-//# sourceMappingURL=calendar-dropdown.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-dropdown.style.js","sources":["../../../../src/shared/internal-calendar/calendar-dropdown.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Border, Colour, MediaQuery, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface StyleProps {\n    $width: number;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const CalendarWrapper = styled.div<StyleProps>`\n    --vertical-inset: ${Spacing[\"spacing-24\"]};\n    --horizontal-inset: ${Spacing[\"spacing-20\"]};\n    --header-bottom-spacing: ${Spacing[\"spacing-4\"]};\n\n    border: ${Border[\"width-010\"]} ${Border.solid} ${Colour.border};\n    border-radius: ${Radius[\"sm\"]};\n    overflow: hidden;\n\n    width: ${(props) => props.$width}px;\n    max-width: 41rem;\n    min-width: 21rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        min-width: 17.5rem;\n    }\n`;\n"],"names":["CalendarWrapper","styled","div","Spacing","Border","solid","Colour","border","Radius","props","$width","MediaQuery","MaxWidth","sm"],"mappings":"0JAaO,MAAMA,OAAkBC,QAAOC,GAAe;wBAC7BC,EAAAA,QAAQ;0BACNA,EAAAA,QAAQ;+BACHA,EAAAA,QAAQ;;cAEzBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC,SAASC,EAAAA,OAAOC;qBACvCC,EAAAA,OAAW;;;aAGlBC,GAAUA,EAAMC;;;;MAIxBC,EAAAA,WAAWC,SAASC;;;"}

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

@@ -1,92 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons/chevron-down"),t=require("@lifesg/react-icons/chevron-left"),o=require("@lifesg/react-icons/chevron-right"),r=require("styled-components"),i=require("../../button/button.js"),n=require("../../theme/index.js"),a=require("../clickable-icon/clickable-icon.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(r);const s=r.css`
-    color: ${n.Colour.icon};
-    height: 1rem;
-    width: 1rem;
-`,p=d.default(t.ChevronLeftIcon)`
-    ${s}
-`,u=d.default(o.ChevronRightIcon)`
-    ${s}
-`,c=d.default(e.ChevronDownIcon)`
-    ${s}
-    transition: transform 250ms ease-in-out;
-    margin-left: 0.5rem;
-`,f=d.default.div`
-    position: relative;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-
-    padding-top: var(--vertical-inset);
-    padding-bottom: var(--vertical-inset);
-`,v=d.default.div`
-    display: flex;
-    flex: 1;
-    position: relative;
-    overflow-y: scroll;
-`,g=d.default.div`
-    isolation: isolate;
-    width: 100%;
-
-    padding-left: var(--horizontal-inset);
-    padding-right: var(--horizontal-inset);
-`,h=d.default.div`
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background: ${n.Colour.bg};
-
-    padding-left: var(--horizontal-inset);
-    padding-right: var(--horizontal-inset);
-
-    ${e=>{if(!e.$visible)return r.css`
-                display: none;
-            `}}
-`,x=d.default.div`
-    display: flex;
-    justify-content: space-between;
-
-    padding-left: var(--header-horizontal-inset, var(--horizontal-inset));
-    padding-right: var(--header-horizontal-inset, var(--horizontal-inset));
-    padding-bottom: var(--header-bottom-spacing);
-`,m=d.default.div`
-    display: flex;
-`,b=d.default.button`
-    border: none;
-    display: flex;
-    align-items: center;
-    padding: 0.5rem;
-    background: transparent;
-    cursor: pointer;
-
-    ${e=>!1===e.$visible?r.css`
-                display: none;
-            `:e.$expanded?r.css`
-                ${c} {
-                    transform: rotate(180deg);
-                }
-            `:void 0};
-`,w=d.default.span`
-    ${n.Font["body-md-regular"]}
-    color: ${n.Colour.text};
-`,y=d.default.div`
-    display: flex;
-`,$=d.default(a.ClickableIcon)`
-    margin: auto 0;
-    padding: 0.75rem;
-
-    &:disabled {
-        cursor: not-allowed;
-    }
-`,z=d.default.div`
-    display: flex;
-    gap: 0.5rem;
-    margin-top: 1.5rem;
-
-    padding-left: var(--horizontal-inset);
-    padding-right: var(--horizontal-inset);
-`,C=d.default(i.Button.Small)`
-    flex: 1;
-`;exports.ActionButton=C,exports.ActionButtonSection=z,exports.ArrowLeft=p,exports.ArrowRight=u,exports.Container=f,exports.DefaultView=g,exports.DropdownButton=b,exports.DropdownText=w,exports.Header=x,exports.HeaderArrowButton=$,exports.HeaderArrows=y,exports.HeaderInputDropdown=m,exports.IconChevronDown=c,exports.OptionsOverlay=h,exports.ToggleZone=v;
-//# sourceMappingURL=calendar-manager.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-manager.style.js","sources":["../../../../src/shared/internal-calendar/calendar-manager.style.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport { ChevronLeftIcon } from \"@lifesg/react-icons/chevron-left\";\nimport { ChevronRightIcon } from \"@lifesg/react-icons/chevron-right\";\nimport styled, { css } from \"styled-components\";\nimport { Button } from \"../../button\";\nimport { Colour, Font } from \"../../theme\";\nimport { ClickableIcon } from \"../clickable-icon\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface DropdownButtonStyleProps {\n    $expanded: boolean;\n    $visible?: boolean;\n}\n\ninterface OverlayStyleProps {\n    $visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n// -----------------------------------------------------------------------------\n// ICONS\n// -----------------------------------------------------------------------------\nconst iconStyle = css`\n    color: ${Colour.icon};\n    height: 1rem;\n    width: 1rem;\n`;\n\nexport const ArrowLeft = styled(ChevronLeftIcon)`\n    ${iconStyle}\n`;\n\nexport const ArrowRight = styled(ChevronRightIcon)`\n    ${iconStyle}\n`;\n\nexport const IconChevronDown = styled(ChevronDownIcon)`\n    ${iconStyle}\n    transition: transform 250ms ease-in-out;\n    margin-left: 0.5rem;\n`;\n\n// -----------------------------------------------------------------------------\n// MAIN\n// -----------------------------------------------------------------------------\nexport const Container = styled.div`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    padding-top: var(--vertical-inset);\n    padding-bottom: var(--vertical-inset);\n`;\n\nexport const ToggleZone = styled.div`\n    display: flex;\n    flex: 1;\n    position: relative;\n    overflow-y: scroll;\n`;\n\nexport const DefaultView = styled.div`\n    isolation: isolate;\n    width: 100%;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const OptionsOverlay = styled.div<OverlayStyleProps>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background: ${Colour.bg};\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n\n    ${(props) => {\n        if (!props.$visible) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n\n// -----------------------------------------------------------------------------\n// HEADER\n// -----------------------------------------------------------------------------\nexport const Header = styled.div`\n    display: flex;\n    justify-content: space-between;\n\n    padding-left: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-right: var(--header-horizontal-inset, var(--horizontal-inset));\n    padding-bottom: var(--header-bottom-spacing);\n`;\n\nexport const HeaderInputDropdown = styled.div`\n    display: flex;\n`;\n\nexport const DropdownButton = styled.button<DropdownButtonStyleProps>`\n    border: none;\n    display: flex;\n    align-items: center;\n    padding: 0.5rem;\n    background: transparent;\n    cursor: pointer;\n\n    ${(props) => {\n        if (props.$visible === false) {\n            return css`\n                display: none;\n            `;\n        }\n\n        if (props.$expanded) {\n            return css`\n                ${IconChevronDown} {\n                    transform: rotate(180deg);\n                }\n            `;\n        }\n    }};\n`;\n\nexport const DropdownText = styled.span`\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n`;\n\nexport const HeaderArrows = styled.div`\n    display: flex;\n`;\n\nexport const HeaderArrowButton = styled(ClickableIcon)`\n    margin: auto 0;\n    padding: 0.75rem;\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// ACTION BUTTONS\n// -----------------------------------------------------------------------------\nexport const ActionButtonSection = styled.div`\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1.5rem;\n\n    padding-left: var(--horizontal-inset);\n    padding-right: var(--horizontal-inset);\n`;\n\nexport const ActionButton = styled(Button.Small)`\n    flex: 1;\n`;\n"],"names":["iconStyle","css","Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"qYA0BA,MAAMA,EAAYC,EAAAA,GAAG;aACRC,EAAAA,OAAOC;;;EAKPC,EAAYC,EAAAA,QAAOC,EAAAA,gBAAgB;MAC1CN;EAGOO,EAAaF,EAAAA,QAAOG,EAAAA,iBAAiB;MAC5CR;EAGOS,EAAkBJ,EAAAA,QAAOK,EAAAA,gBAAgB;MAChDV;;;EAQOW,EAAYN,EAAAA,QAAOO,GAAG;;;;;;;;EAUtBC,EAAaR,EAAAA,QAAOO,GAAG;;;;;EAOvBE,EAAcT,EAAAA,QAAOO,GAAG;;;;;;EAQxBG,EAAiBV,EAAAA,QAAOO,GAAsB;;;;;;kBAMzCV,EAAAA,OAAOc;;;;;MAKlBC,IACC,IAAKA,EAAMC,SACP,OAAOjB,KAAG;;aAGd;EAOKkB,EAASd,EAAAA,QAAOO,GAAG;;;;;;;EASnBQ,EAAsBf,EAAAA,QAAOO,GAAG;;EAIhCS,EAAiBhB,EAAAA,QAAOiB,MAAgC;;;;;;;;MAQ9DL,IACwB,IAAnBA,EAAMC,SACCjB,KAAG;;cAKVgB,EAAMM,UACCtB,KAAG;kBACJQ;;;mBAFV;EAUKe,EAAenB,EAAAA,QAAOoB,IAAI;MACjCC,EAAAA,KAAK;aACExB,EAAAA,OAAa;EAGbyB,EAAetB,EAAAA,QAAOO,GAAG;;EAIzBgB,EAAoBvB,EAAAA,QAAOwB,EAAAA,cAAc;;;;;;;EAYzCC,EAAsBzB,EAAAA,QAAOO,GAAG;;;;;;;EAShCmB,EAAe1B,EAAAA,QAAO2B,SAAOC,MAAM;;"}

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

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