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

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

@@ -1,53 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_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.V3_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.V3_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.V3_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.V3_Spacing["spacing-8"]};
-                `:e.css`
-                    justify-content: right;
-                    padding-right: ${t.V3_Spacing["spacing-8"]};
-                `}
-
-        svg {
-            color: ${t.V3_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\";\n\nimport { V3_Colour, V3_MediaQuery, V3_Spacing } from \"../../v3_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 = V3_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            ${V3_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    ${V3_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: ${V3_Spacing[\"spacing-8\"]};\n                `;\n            } else {\n                return css`\n                    justify-content: right;\n                    padding-right: ${V3_Spacing[\"spacing-8\"]};\n                `;\n            }\n        }}\n\n        svg {\n            color: ${V3_Colour[\"icon\"]};\n        }\n    }\n`;\n"],"names":["Wrapper","styled","div","Fade","props","positionStyle","transparentColor","fadeColor","V3_Colour","bg","$position","$backgroundColor","$showIndicator","css","V3_MediaQuery","MaxWidth","lg","Content","FadeIndicatorButton","ClickableIcon","V3_Spacing"],"mappings":"yNAsBO,MAAMA,EAAUC,EAAAA,QAAOC,GAAG;;;EAKpBC,EAAOF,EAAAA,QAAOC,GAAc;;;;;;;;;MASlCE,IACC,IAAIC,EACJ,MAAMC,EAAmB,0BACnBC,EAAYC,EAAAA,UAAUC,GAAGL,GAgC/B,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,cAAcC,SAASC;kBACnBX;;SAET;EAIIY,EAAUhB,EAAAA,QAAOC,GAAG;;;;;;;;;;;;EAcpBgB,EAAsBjB,EAAAA,QAAOkB,EAAAA,cAAoC;;;MAGxEL,EAAAA,cAAcC,SAASC;;;;;;;UAOlBZ,GACyB,SAApBA,EAAMM,UACCG,KAAG;;oCAEUO,EAAAA,WAAW;kBAGxBP,KAAG;;qCAEWO,EAAAA,WAAW;;;;qBAM3BZ,EAAAA,UAAgB;;;"}

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

@@ -1,57 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_theme/index.js");exports.applyHtmlContentStyle=o=>{const{textSize:i}=o||{};return e.css`
-        // Text styling
-        ${i&&t.V3_Font[`${i}-regular`]}
-
-        strong {
-            font-weight: ${t.V3_Font.Spec["weight-semibold"]};
-            ${i&&t.V3_Font[`${i}-semibold`]};
-        }
-
-        p {
-            margin: 0;
-        }
-
-        // Link styling
-        a {
-            font-weight: ${t.V3_Font.Spec["weight-semibold"]};
-            ${i&&t.V3_Font[`${i}-semibold`]}
-            color: ${t.V3_Colour.hyperlink};
-            text-decoration: underline;
-
-            svg {
-                color: ${t.V3_Colour["icon-primary"]};
-                height: 1lh;
-                width: 1em;
-                margin-left: 0.4rem;
-                vertical-align: middle;
-            }
-
-            &:hover,
-            &:active,
-            &:visited,
-            &:focus {
-                color: ${t.V3_Colour["hyperlink-hover"]};
-
-                svg {
-                    color: ${t.V3_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\";\n\nimport { V3_Colour, V3_Font } from \"../../v3_theme\";\nimport type { V3_TypographySizeType } from \"../../v3_theme/font/types\";\n\nexport interface HtmlContentStyleOptions {\n    textSize?: V3_TypographySizeType | undefined;\n}\n\nexport const applyHtmlContentStyle = (options?: HtmlContentStyleOptions) => {\n    const { textSize } = options || {};\n\n    return css`\n        // Text styling\n        ${textSize && V3_Font[`${textSize}-regular`]}\n\n        strong {\n            font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n            ${textSize && V3_Font[`${textSize}-semibold`]};\n        }\n\n        p {\n            margin: 0;\n        }\n\n        // Link styling\n        a {\n            font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n            ${textSize && V3_Font[`${textSize}-semibold`]}\n            color: ${V3_Colour.hyperlink};\n            text-decoration: underline;\n\n            svg {\n                color: ${V3_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: ${V3_Colour[\"hyperlink-hover\"]};\n\n                svg {\n                    color: ${V3_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","V3_Font","Spec","V3_Colour","hyperlink"],"mappings":"mHASsCA,IAClC,MAAMC,SAAEA,GAAaD,GAAW,CAAA,EAEhC,OAAOE,KAAG;;UAEJD,GAAYE,EAAAA,QAAQ,GAAGF;;;2BAGNE,EAAAA,QAAQC,KAAK;cAC1BH,GAAYE,EAAAA,QAAQ,GAAGF;;;;;;;;;2BASVE,EAAAA,QAAQC,KAAK;cAC1BH,GAAYE,EAAAA,QAAQ,GAAGF;qBAChBI,EAAAA,UAAUC;;;;yBAIND,EAAAA,UAAU;;;;;;;;;;;yBAWVA,EAAAA,UAAU;;;6BAGNA,EAAAA,UAAU;;;;;;;;;;;;;;;;;;;;KAoBlC"}

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

@@ -1,15 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_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.V3_Colour["bg-stronger"]};
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1rem;
-
-    svg {
-        min-width: 48px;
-        width: 18%;
-        height: auto;
-        color: ${t.V3_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\";\n\nimport { V3_Colour } from \"../../v3_theme\";\n\nexport const Placeholder = styled.div`\n    background-color: ${V3_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: ${V3_Colour[\"icon-subtle\"]};\n    }\n`;\n"],"names":["Placeholder","styled","div","V3_Colour"],"mappings":"6JAIO,MAAMA,OAAcC,QAAOC,GAAG;wBACbC,EAAAA,UAAU;;;;;;;;;;iBAUjBA,EAAAA,UAAU;;"}

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

@@ -1,18 +0,0 @@
-"use strict";var e=require("styled-components"),i=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`
-    --vertical-inset: ${i.V3_Spacing["spacing-24"]};
-    --horizontal-inset: ${i.V3_Spacing["spacing-20"]};
-    --header-bottom-spacing: ${i.V3_Spacing["spacing-4"]};
-
-    border: ${i.V3_Border["width-010"]} ${i.V3_Border.solid} ${i.V3_Colour.border};
-    border-radius: ${i.V3_Radius.sm};
-    overflow: hidden;
-
-    width: ${e=>e.$width}px;
-    max-width: 41rem;
-    min-width: 21rem;
-
-    ${i.V3_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\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Spacing,\n} from \"../../v3_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: ${V3_Spacing[\"spacing-24\"]};\n    --horizontal-inset: ${V3_Spacing[\"spacing-20\"]};\n    --header-bottom-spacing: ${V3_Spacing[\"spacing-4\"]};\n\n    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} ${V3_Colour.border};\n    border-radius: ${V3_Radius[\"sm\"]};\n    overflow: hidden;\n\n    width: ${(props) => props.$width}px;\n    max-width: 41rem;\n    min-width: 21rem;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        min-width: 17.5rem;\n    }\n`;\n"],"names":["CalendarWrapper","styled","div","V3_Spacing","V3_Border","solid","V3_Colour","border","V3_Radius","props","$width","V3_MediaQuery","MaxWidth","sm"],"mappings":"6JAoBO,MAAMA,OAAkBC,QAAOC,GAAe;wBAC7BC,EAAAA,WAAW;0BACTA,EAAAA,WAAW;+BACNA,EAAAA,WAAW;;cAE5BC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC,SAASC,EAAAA,UAAUC;qBAChDC,EAAAA,UAAc;;;aAGrBC,GAAUA,EAAMC;;;;MAIxBC,EAAAA,cAAcC,SAASC;;;"}

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

@@ -1,91 +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("../../v3_theme/index.js"),a=require("../clickable-icon/clickable-icon.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(r);const s=r.css`
-    color: ${n.V3_Colour.icon};
-    height: 1rem;
-    width: 1rem;
-`,p=l.default(t.ChevronLeftIcon)`
-    ${s}
-`,u=l.default(o.ChevronRightIcon)`
-    ${s}
-`,c=l.default(e.ChevronDownIcon)`
-    ${s}
-    transition: transform 250ms ease-in-out;
-    margin-left: 0.5rem;
-`,f=l.default.div`
-    position: relative;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-
-    padding-top: var(--vertical-inset);
-    padding-bottom: var(--vertical-inset);
-`,v=l.default.div`
-    display: flex;
-    flex: 1;
-    position: relative;
-`,g=l.default.div`
-    isolation: isolate;
-    width: 100%;
-
-    padding-left: var(--horizontal-inset);
-    padding-right: var(--horizontal-inset);
-`,h=l.default.div`
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background: ${n.V3_Colour.bg};
-
-    padding-left: var(--horizontal-inset);
-    padding-right: var(--horizontal-inset);
-
-    ${e=>{if(!e.$visible)return r.css`
-                display: none;
-            `}}
-`,x=l.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=l.default.div`
-    display: flex;
-`,b=l.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=l.default.span`
-    ${n.V3_Font["body-md-regular"]}
-    color: ${n.V3_Colour.text};
-`,y=l.default.div`
-    display: flex;
-`,$=l.default(a.ClickableIcon)`
-    margin: auto 0;
-    padding: 0.75rem;
-
-    &:disabled {
-        cursor: not-allowed;
-    }
-`,z=l.default.div`
-    display: flex;
-    gap: 0.5rem;
-    margin-top: 1.5rem;
-
-    padding-left: var(--horizontal-inset);
-    padding-right: var(--horizontal-inset);
-`,C=l.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\";\n\nimport { Button } from \"../../button\";\nimport { V3_Colour, V3_Font } from \"../../v3_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: ${V3_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`;\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: ${V3_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    ${V3_Font[\"body-md-regular\"]}\n    color: ${V3_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","V3_Colour","icon","ArrowLeft","styled","ChevronLeftIcon","ArrowRight","ChevronRightIcon","IconChevronDown","ChevronDownIcon","Container","div","ToggleZone","DefaultView","OptionsOverlay","bg","props","$visible","Header","HeaderInputDropdown","DropdownButton","button","$expanded","DropdownText","span","V3_Font","HeaderArrows","HeaderArrowButton","ClickableIcon","ActionButtonSection","ActionButton","Button","Small"],"mappings":"wYA2BA,MAAMA,EAAYC,EAAAA,GAAG;aACRC,EAAAA,UAAUC;;;EAKVC,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;;;;EAMvBE,EAAcT,EAAAA,QAAOO,GAAG;;;;;;EAQxBG,EAAiBV,EAAAA,QAAOO,GAAsB;;;;;;kBAMzCV,EAAAA,UAAUc;;;;;MAKrBC,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,QAAQ;aACDxB,EAAAA,UAAgB;EAGhByB,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("../../../v3_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.V3_Colour.bg,r="transparent";switch(e.$type){case"hover-subtle":t=o.V3_Colour["bg-hover"],r=o.V3_Colour["bg-hover"];break;case"hover":t=o.V3_Colour["bg-hover-strong"],r=o.V3_Colour["bg-hover-strong"];break;case"hover-outline":t=o.V3_Colour["bg-hover-subtle"],r=o.V3_Colour["border-hover"];break;case"selected-outline":t=o.V3_Colour["bg-selected"],r=o.V3_Colour["border-selected"];break;case"selected-outline-subtle":t=o.V3_Colour["bg-selected"],r=o.V3_Colour["border-selected-subtle"];break;case"selected-hover":t=o.V3_Colour["bg-selected-hover"];break;case"selected-hover-outline":t=o.V3_Colour["bg-selected-hover"],r=o.V3_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.V3_Motion["duration-150"]} ${o.V3_Motion["ease-default"]};
-    border: ${o.V3_Border["width-010"]} ${o.V3_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.V3_Motion["duration-150"]} ${o.V3_Motion["ease-default"]};
-
-    border: ${o.V3_Border["width-010"]} ${o.V3_Border.solid} transparent;
-    border-radius: ${o.V3_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.V3_Font["body-md-regular"]}
-    transition: ${o.V3_Motion["duration-150"]} ${o.V3_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.V3_Colour["text-disabled-subtlest"]};
-            `;switch(l){case"selected":return e.css`
-                    font-weight: ${o.V3_Font.Spec["weight-semibold"]};
-                    color: ${o.V3_Colour["text-selected"]};
-                `;case"selected-hover":return e.css`
-                    font-weight: ${o.V3_Font.Spec["weight-semibold"]};
-                    color: ${o.V3_Colour["text-selected-hover"]};
-                `;case"current":return e.css`
-                    font-weight: ${o.V3_Font.Spec["weight-semibold"]};
-                    color: ${o.V3_Colour["text-primary"]};
-                `;case"hover":return e.css`
-                    font-weight: ${o.V3_Font.Spec["weight-semibold"]};
-                    color: ${o.V3_Colour["text-hover"]};
-                `;case"unavailable":return e.css`
-                    color: ${o.V3_Colour["text-disabled-subtlest"]};
-                `;case"hidden":return e.css`
-                    visibility: hidden;
-                `;default:return e.css`
-                    color: ${o.V3_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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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