@lifesg/react-design-system 4.0.0-alpha.2 → 4.0.0-alpha.4

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

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-bar-week-days.style.js","sources":["../../../src/time-slot-bar-week/time-slot-bar-week-days.style.tsx"],"sourcesContent":["import { ChevronUpIcon } from \"@lifesg/react-icons\";\nimport { animated } from \"@react-spring/web\";\nimport styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport type { TimeSlotStyleProps } from \"../time-slot-bar/time-slot-bar.styles\";\nimport { TimeSlot } from \"../time-slot-bar/time-slot-bar.styles\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Colour,\n    V3_Font,\n    V3_Motion,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\ninterface TimeSlotCellProps extends TimeSlotStyleProps {\n    $height: number;\n    $halfFill?: \"top\" | \"bottom\";\n}\n\ninterface TimeColumnStyleProps {\n    $height?: number;\n}\n\ninterface CellWeekTextStyleProps {\n    $disabled?: boolean;\n}\n\ninterface ChevronIconStyleProps {\n    $isExpanded?: boolean;\n}\n\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    user-select: none;\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    flex: 1;\n`;\n\nexport const CellWeekText = styled(Typography.BodyXS)<CellWeekTextStyleProps>`\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${V3_Colour[\"text-disabled-subtlest\"]};\n        `}\n`;\n\nexport const HeaderCellWeekColumn = styled.div`\n    grid-column: 2 / -1;\n    display: flex;\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const GridWrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: auto repeat(7, 1fr);\n    column-gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const Expandable = animated(styled.div`\n    grid-column: 2 / -1;\n    overflow: hidden;\n`);\n\nexport const ColumnWeekCell = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n`;\n\nexport const TimeColumn = styled.div<TimeColumnStyleProps>`\n    display: flex;\n    flex-direction: column;\n    grid-row: 3 / auto;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    width: 1.375rem;\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    overflow: hidden;\n\n    ${(props) => props.$height && `height: ${props.$height}px;`}\n`;\n\nexport const TimeColumnWrapper = styled.div`\n    min-height: 60px;\n    &:last-child {\n        min-height: 0;\n    }\n`;\n\nexport const TimeColumnText = styled.div`\n    ${V3_Font[\"body-xs-bold\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n    text-align: center;\n    line-height: 12px; // align with cell on the same row\n    &:first-line {\n        font-size: ${V3_Font.Spec[\"body-size-sm\"]};\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const CollapseExpandAllWrapper = styled.div`\n    display: flex;\n    margin-top: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const CollapseExpandAllButton = styled(Button.Small)`\n    width: 100%;\n    height: 2.5rem;\n    span {\n        display: flex;\n        align-items: center;\n        gap: ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n\nexport const ChevronIcon = styled(ChevronUpIcon)<ChevronIconStyleProps>`\n    transform: rotate(${(props) => (props.$isExpanded ? 0 : 180)}deg);\n    transition: transform ${V3_Motion[\"duration-250\"]}\n        ${V3_Motion[\"ease-default\"]};\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)<TimeSlotCellProps>`\n    ${(props) => {\n        if (props.$type === \"vertical\") {\n            return css`\n                position: relative;\n                max-width: 200px;\n                height: ${props.$height}px;\n                min-height: ${props.$height}px;\n                margin: 0;\n                border-radius: ${V3_Radius[\"xs\"]};\n            `;\n        }\n    }}\n\n    &:focus-within {\n        outline: 2px solid ${V3_Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n\n    ${(props) => {\n        if (!props.$halfFill) {\n            return css`\n                background-color: ${props.$bgColor};\n            `;\n        } else {\n            return css`\n                background: linear-gradient(\n                        to ${props.$halfFill},\n                        ${props.$styleType === \"stripes\"\n                                ? \"transparent\"\n                                : props.$bgColor}\n                            50%,\n                        ${V3_Colour[\"bg-strongest\"]} 0%\n                    )\n                    ${props.$styleType === \"stripes\" &&\n                    `, repeating-linear-gradient(\n                            135deg,\n                            ${props.$bgColor2 || V3_Colour[\"bg-strongest\"]} 0px,\n                            ${\n                                props.$bgColor2 || V3_Colour[\"bg-strongest\"]\n                            } 10px,\n                            ${props.$bgColor || V3_Colour[\"bg-stronger\"]} 10px,\n                            ${props.$bgColor || V3_Colour[\"bg-stronger\"]} 20px\n                        )`};\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderCellWeek","styled","div","V3_Spacing","CellWeekText","Typography","BodyXS","props","$disabled","css","V3_Colour","HeaderCellWeekColumn","Wrapper","GridWrapper","Expandable","animated","ColumnWeekCell","V3_Motion","TimeColumn","$height","TimeColumnWrapper","TimeColumnText","V3_Font","Spec","TimeSlotWrapper","CollapseExpandAllWrapper","CollapseExpandAllButton","Button","Small","ChevronIcon","ChevronUpIcon","$isExpanded","TimeSlotComponent","TimeSlot","$type","V3_Radius","$halfFill","$styleType","$bgColor","$bgColor2"],"mappings":"gWAiCO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;qBAMnBC,EAAAA,WAAW;;EAInBC,EAAeH,EAAAA,QAAOI,aAAWC,OAA+B;MACtEC,GACCA,EAAMC,WACNC,KAAG;qBACUC,EAAAA,UAAU;;EAIlBC,EAAuBV,EAAAA,QAAOC,GAAG;;;EAKjCU,EAAUX,EAAAA,QAAOC,GAAG;;EAIpBW,EAAcZ,EAAAA,QAAOC,GAAG;;;;kBAInBC,EAAAA,WAAW;EAGhBW,EAAaC,EAAAA,SAASd,EAAAA,QAAOC,GAAG;;;GAKhCc,EAAiBf,EAAAA,QAAOC,GAAG;;WAE7BC,EAAAA,WAAW;sBACAc,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;EAIhDC,EAAajB,EAAAA,QAAOC,GAAyB;;;;WAI/CC,EAAAA,WAAW;;sBAEAc,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;;;MAGtDV,GAAUA,EAAMY,SAAW,WAAWZ,EAAMY;EAGtCC,EAAoBnB,EAAAA,QAAOC,GAAG;;;;;EAO9BmB,EAAiBpB,EAAAA,QAAOC,GAAG;MAClCoB,EAAAA,QAAQ;aACDZ,EAAAA,UAAU;;;;qBAIFY,EAAAA,QAAQC,KAAK;;EAIrBC,EAAkBvB,EAAAA,QAAOC,GAAG;;;;WAI9BC,EAAAA,WAAW;EAGTsB,EAA2BxB,EAAAA,QAAOC,GAAG;;kBAEhCC,EAAAA,WAAW;EAGhBuB,EAA0BzB,EAAAA,QAAO0B,SAAOC,MAAM;;;;;;eAM5CzB,EAAAA,WAAW;;EAIb0B,EAAc5B,EAAAA,QAAO6B,EAAAA,cAAqC;wBAC9CvB,GAAWA,EAAMwB,YAAc,EAAI;4BAChCd,EAAAA,UAAU;UAC5BA,EAAAA,UAAU;EAGPe,EAAoB/B,EAAAA,QAAOgC,EAAAA,SAA4B;MAC7D1B,IACC,GAAoB,aAAhBA,EAAM2B,MACN,OAAOzB,KAAG;;;0BAGIF,EAAMY;8BACFZ,EAAMY;;iCAEHgB,EAAAA,UAAc;aAEvC;;;6BAIqBzB,EAAAA,UAAU;;;;MAIhCH,GACMA,EAAM6B,UAKA3B,KAAG;;6BAEOF,EAAM6B;0BACY,YAArB7B,EAAM8B,WACE,cACA9B,EAAM+B;;0BAEd5B,EAAAA,UAAU;;sBAEO,YAArBH,EAAM8B,YACR,kGAEU9B,EAAMgC,WAAa7B,EAAAA,UAAU,qDAE3BH,EAAMgC,WAAa7B,EAAAA,UAAU,sDAE/BH,EAAM+B,UAAY5B,EAAAA,UAAU,qDAC5BH,EAAM+B,UAAY5B,EAAAA,UAAU;cArBvCD,KAAG;oCACcF,EAAM+B;;"}

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

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

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

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

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

@@ -1,53 +0,0 @@
-"use strict";var e=require("styled-components");require("../theme/theme-provider/index.js"),require("react"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var r=require("../theme/tokens/colour.js"),t=require("../theme/tokens/font.js");require("../theme/tokens/media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var i=require("../time-slot-bar/time-slot-bar.styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e);const s=l.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    user-select: none;
-    margin-bottom: 0.188rem;
-`,n=l.default.div`
-    grid-column: 1 / -1;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-`,d=l.default.div`
-    ${t.Font["body-xs-semibold"]}
-    color:${r.Colour.text};
-
-    ${t=>t.$disabled&&e.css`
-            color: ${r.Colour["text-disabled-subtlest"]};
-        `};
-`,a=l.default.div`
-    width: 100%;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-`,u=l.default.div`
-    grid-column: 1 / -1;
-    display: flex;
-    min-height: 7.625rem;
-`,m=l.default.div`
-    ${t.Font["body-xs-semibold"]}
-    margin: 1rem 0rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    max-width: 2.5rem;
-    color: ${r.Colour.text};
-    span {
-        display: block;
-    }
-`,p=l.default(i.TimeSlot)`
-    position: relative;
-
-    &:focus-within {
-        outline: 2px solid ${r.Colour["focus-ring"]};
-        outline-offset: 2px;
-        z-index: 1;
-    }
-`,c=l.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    margin: 1px;
-`;exports.ColumnWeekCell=u,exports.DayLabel=d,exports.HeaderCellWeek=s,exports.HeaderRow=n,exports.TimeSlotComponent=p,exports.TimeSlotText=m,exports.TimeSlotWrapper=c,exports.Wrapper=a;
-//# sourceMappingURL=time-slot-week-days.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"time-slot-week-days.style.js","sources":["../../../src/time-slot-week-view/time-slot-week-days.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Colour, Font } from \"../theme\";\nimport { TimeSlot } from \"../time-slot-bar/time-slot-bar.styles\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LabelStyleProps {\n    $disabled: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const HeaderCellWeek = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n    margin-bottom: 0.188rem;\n`;\n\nexport const HeaderRow = styled.div`\n    grid-column: 1 / -1;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n`;\n\nexport const DayLabel = styled.div<LabelStyleProps>`\n    ${Font[\"body-xs-semibold\"]}\n    color:${Colour[\"text\"]};\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            color: ${Colour[\"text-disabled-subtlest\"]};\n        `};\n`;\n\nexport const Wrapper = styled.div`\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n`;\n\nexport const ColumnWeekCell = styled.div`\n    grid-column: 1 / -1;\n    display: flex;\n    min-height: 7.625rem;\n`;\n\nexport const TimeSlotText = styled.div`\n    ${Font[\"body-xs-semibold\"]}\n    margin: 1rem 0rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    max-width: 2.5rem;\n    color: ${Colour[\"text\"]};\n    span {\n        display: block;\n    }\n`;\n\nexport const TimeSlotComponent = styled(TimeSlot)`\n    position: relative;\n\n    &:focus-within {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: 2px;\n        z-index: 1;\n    }\n`;\n\nexport const TimeSlotWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 1px;\n`;\n"],"names":["HeaderCellWeek","styled","div","HeaderRow","DayLabel","Font","Colour","props","$disabled","css","Wrapper","ColumnWeekCell","TimeSlotText","TimeSlotComponent","TimeSlot","TimeSlotWrapper"],"mappings":"2oBAeO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;;;;;EAS3BC,EAAYF,EAAAA,QAAOC,GAAG;;;;EAMtBE,EAAWH,EAAAA,QAAOC,GAAoB;MAC7CG,EAAAA,KAAK;YACCC,EAAAA,OAAa;;MAElBC,GACCA,EAAMC,WACNC,KAAG;qBACUH,EAAAA,OAAO;;EAIfI,EAAUT,EAAAA,QAAOC,GAAG;;;;EAMpBS,EAAiBV,EAAAA,QAAOC,GAAG;;;;EAM3BU,EAAeX,EAAAA,QAAOC,GAAG;MAChCG,EAAAA,KAAK;;;;;;;aAOEC,EAAAA,OAAa;;;;EAMbO,EAAoBZ,EAAAA,QAAOa,EAAAA,SAAS;;;;6BAIpBR,EAAAA,OAAO;;;;EAMvBS,EAAkBd,EAAAA,QAAOC,GAAG;;;;;"}

package/cjs/timeline/timeline.style.js

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

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

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

package/cjs/timepicker/timepicker.styles_zmkhl8.css

@@ -1 +0,0 @@
-.ixpxnsh{height:calc(3rem - 2px);}

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/timetable/timetable.style.js

@@ -1,172 +0,0 @@
-"use strict";var e=require("styled-components");require("../animations/loading-dots/loading-dots.js");var r=require("../animations/loading-dots-spinner/loading-dots-spinner.js");require("../animations/loading-spinner/loading-spinner.js"),require("react/jsx-runtime"),require("react"),require("../theme/theme-provider/context.js");var o=require("../error-display/error-display.js");require("../_virtual/_tslib.js"),require("clsx");var i=require("../typography/index.js");require("../card/card.styles_1gh9gs3.css"),require("../markup/markup.js"),require("../modal-v2/index.js"),require("../theme/theme-provider/index.js");var t=require("../theme/tokens/border.js"),d=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js");var a=require("../theme/tokens/spacing.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer"),require("../popover-v2/popover.styles_lslc72.css");var s=require("../popover-v2/popover-trigger.js");require("../popover-v2/popover-inline/popover-inline.styles_ziag9c.css");var l=require("../v3_theme/index.js"),n=require("./const.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e);const c=u.default.div``,g=u.default.div`
-    display: grid;
-    overflow: scroll;
-    position: relative;
-    grid-template-columns: ${n.ROW_HEADER_WIDTH}px auto;
-`,h=u.default.div`
-    display: grid;
-    align-content: start;
-    overflow: scroll;
-    position: relative;
-    padding-bottom: ${e=>e.$allRecordsLoaded?"0":"128px"};
-    isolation: isolate;
-    ${r=>{if(r.$loading)return e.css`
-                &:hover {
-                    cursor: not-allowed;
-                    padding-bottom: 0;
-                }
-            `}}
-`,$=u.default.div`
-    position: sticky;
-    top: 0;
-    left: 0;
-    background-color: ${l.V3_Colour.bg};
-    width: ${n.ROW_HEADER_WIDTH}px;
-    height: ${n.ROW_HEIGHT}px;
-    z-index: 2;
-    border-bottom: ${l.V3_Border["width-010"]} ${l.V3_Border.solid}
-        ${l.V3_Colour.border};
-    ${r=>r.$isScrolledX||r.$isScrolledY?e.css`
-                box-shadow: ${l.V3_Shadow["md-subtle"]};
-                clip-path: inset(
-                    0 ${r.$isScrolledX?"-0.12px":"0"}
-                        ${r.$isScrolledY?"-0.12px":"0"} 0
-                );
-                transition: box-shadow 0.5s ease-in-out,
-                    clip-path 0.5s ease-in-out;
-            `:e.css`
-                box-shadow: none;
-                clip-path: inset(0);
-                transition: box-shadow 0.5s ease-in-out,
-                    clip-path 0.5s ease-in-out;
-            `};
-`,m=u.default.div`
-    display: grid;
-    position: sticky;
-    top: 0;
-    z-index: 4;
-    background-color: ${d.Colour.bg};
-    grid-template-columns: ${n.ROW_HEADER_WIDTH}px max-content;
-    width: max-content;
-    min-width: 100%;
-    height: ${n.ROW_HEIGHT}px;
-`,x=u.default.div`
-    display: grid;
-    background-color: ${d.Colour.bg};
-    height: ${n.ROW_HEIGHT}px;
-    grid-template-columns: repeat(
-        ${e=>e.$numOfColumns},
-        ${e=>Math.max(4*e.$intervalWidth,n.MIN_HOURLY_INTERVAL_WIDTH)}px
-    );
-    border-bottom: ${t.Border["width-010"]} ${t.Border.solid} ${d.Colour.border};
-    transition: all 0.5s ease-in-out;
-    ${r=>{if(r.$isScrolled)return e.css`
-                box-shadow: ${l.V3_Shadow["md-subtle"]};
-            `}};
-`,_=u.default.div`
-    min-width: ${n.MIN_HOURLY_INTERVAL_WIDTH}px;
-    display: flex;
-    align-items: flex-end;
-    padding-bottom: ${a.Spacing["spacing-4"]};
-`,b=u.default(i.Typography.BodySM)`
-    color: ${l.V3_Colour["text-subtler"]};
-`,v=u.default.div`
-    width: max-content;
-    min-width: 100%;
-`,f=u.default.div`
-    display: grid;
-    grid-template-columns: ${n.ROW_HEADER_WIDTH}px max-content;
-    width: max-content;
-    min-width: 100%;
-    height: ${n.ROW_HEIGHT}px;
-`,w=u.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    justify-content: center;
-    position: sticky;
-    left: 0;
-    background-color: ${d.Colour.bg};
-    z-index: 3;
-    width: ${n.ROW_HEADER_WIDTH}px;
-    height: ${n.ROW_HEIGHT}px;
-    text-align: right;
-    padding: 0 ${l.V3_Spacing["spacing-16"]} 0 ${l.V3_Spacing["spacing-32"]};
-    border-bottom: ${l.V3_Border["width-010"]} ${l.V3_Border.solid}
-        ${l.V3_Colour.border};
-    border-right: ${l.V3_Border["width-005"]} ${l.V3_Border.solid}
-        ${l.V3_Colour["border-primary"]};
-    border-left: ${l.V3_Border["width-010"]} ${l.V3_Border.solid}
-        ${l.V3_Colour.border};
-    transition: all 0.5s ease-in-out;
-    ${r=>r.$isScrolled?e.css`
-                box-shadow: ${l.V3_Shadow["md-subtle"]};
-                clip-path: inset(0 -6px 0 0);
-            `:e.css`
-                box-shadow: none;
-            `};
-`,y=u.default(i.Typography.BodyMD)`
-    display: inline-block;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100%;
-    white-space: nowrap;
-    color: ${l.V3_Colour["text-primary"]};
-    &:hover {
-        cursor: ${e=>e.$isClickable?"pointer":"default"};
-    }
-`,V=u.default(i.Typography.BodyXS)`
-    display: inline-flex;
-    gap: ${l.V3_Spacing["spacing-4"]};
-    align-items: center;
-    color: ${l.V3_Colour["text-subtler"]};
-    ${r=>{if(!r.$show)return e.css`
-                display: none;
-            `}}
-`,H=u.default(r.LoadingDotsSpinner)`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    grid-column: ${e=>e.$isEmptyContent?"1 / -1":"2 / -1"};
-    grid-row: 2;
-    width: 100%;
-    height: 100%;
-`,T=u.default(o.ErrorDisplay)`
-    grid-column: 1 / -1;
-    grid-row: 2;
-    padding: ${l.V3_Spacing["spacing-72"]} 0;
-`,C=u.default.div`
-    display: flex;
-    border-bottom: ${l.V3_Border["width-010"]} ${l.V3_Border.solid}
-        ${l.V3_Colour.border};
-`,q=u.default.div`
-    border-right: ${l.V3_Border["width-005"]} ${l.V3_Border.solid}
-        ${l.V3_Colour["border-primary"]};
-    width: ${e=>`${e.$width}px`};
-    height: 100%;
-    padding: ${l.V3_Spacing["spacing-20"]} ${l.V3_Spacing["spacing-12"]};
-`,j=e.keyframes`
-  0% {
-        background-position: -468px 0;
-    }
-    100% {
-        background-position: 468px 0;
-    }
-`,R=u.default.div`
-    height: 28px;
-    width: 100%;
-    background: linear-gradient(
-        to right,
-        ${l.V3_Colour.Primitive["neutral-95"]} 8%,
-        ${l.V3_Colour.Primitive["neutral-100"]} 18%,
-        ${l.V3_Colour.Primitive["neutral-95"]} 33%
-    );
-    background-size: 800px 104px;
-    animation: ${j} 1.5s forwards infinite;
-`,k=u.default(s.PopoverTrigger)`
-    max-width: 24rem !important;
-    &:hover {
-        cursor: default;
-    }
-`;exports.ClickableRowHeaderTitle=y,exports.ColumnHeader=_,exports.ColumnHeaderRow=x,exports.ColumnHeaderTitle=b,exports.Container=c,exports.EmptyTableContainer=g,exports.Loader=H,exports.LoadingBar=R,exports.LoadingCell=q,exports.LoadingWrapper=C,exports.NoResultsFound=T,exports.RowColumnHeader=$,exports.RowHeader=w,exports.RowHeaderSubtitle=V,exports.StyledPopoverTrigger=k,exports.TimeTableBody=v,exports.TimeTableContainer=h,exports.TimeTableHeaderRow=m,exports.TimeTableRow=f;
-//# sourceMappingURL=timetable.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"timetable.style.js","sources":["../../../src/timetable/timetable.style.tsx"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { LoadingDotsSpinner } from \"../animations\";\nimport { ErrorDisplay } from \"../error-display\";\nimport { PopoverTrigger } from \"../popover-v2\";\nimport { Border, Colour, Spacing } from \"../theme\";\nimport { Typography } from \"../typography\";\nimport { V3_Border, V3_Colour, V3_Shadow, V3_Spacing } from \"../v3_theme\";\nimport {\n    MIN_HOURLY_INTERVAL_WIDTH,\n    ROW_HEADER_WIDTH,\n    ROW_HEIGHT,\n} from \"./const\";\n\ninterface ColumnHeaderRowProps {\n    $numOfColumns: number;\n    $intervalWidth: number;\n    $isScrolled: boolean;\n}\n\ninterface TimeTableContainerProps {\n    $loading: boolean | undefined;\n    $allRecordsLoaded: boolean;\n}\n\ninterface RowColumnHeaderProps {\n    $isScrolledY: boolean;\n    $isScrolledX: boolean;\n}\n\ninterface RowHeaderProps {\n    $isScrolled: boolean;\n}\n\ninterface ClickableRowHeaderTitleProps {\n    $isClickable: boolean;\n}\n\ninterface RowHeaderSubtitleProps {\n    $show: boolean;\n}\n\ninterface LoadingCellWrapperProps {\n    $width: number;\n}\n\ninterface LoaderProps {\n    $isEmptyContent: boolean;\n}\n\nexport const Container = styled.div``;\n\nexport const EmptyTableContainer = styled.div`\n    display: grid;\n    overflow: scroll;\n    position: relative;\n    grid-template-columns: ${ROW_HEADER_WIDTH}px auto;\n`;\n\nexport const TimeTableContainer = styled.div<TimeTableContainerProps>`\n    display: grid;\n    align-content: start;\n    overflow: scroll;\n    position: relative;\n    padding-bottom: ${(props) => (props.$allRecordsLoaded ? \"0\" : \"128px\")};\n    isolation: isolate;\n    ${(props) => {\n        if (props.$loading) {\n            return css`\n                &:hover {\n                    cursor: not-allowed;\n                    padding-bottom: 0;\n                }\n            `;\n        }\n    }}\n`;\n\nexport const RowColumnHeader = styled.div<RowColumnHeaderProps>`\n    position: sticky;\n    top: 0;\n    left: 0;\n    background-color: ${V3_Colour[\"bg\"]};\n    width: ${ROW_HEADER_WIDTH}px;\n    height: ${ROW_HEIGHT}px;\n    z-index: 2;\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    ${(props) => {\n        if (props.$isScrolledX || props.$isScrolledY) {\n            return css`\n                box-shadow: ${V3_Shadow[\"md-subtle\"]};\n                clip-path: inset(\n                    0 ${props.$isScrolledX ? \"-0.12px\" : \"0\"}\n                        ${props.$isScrolledY ? \"-0.12px\" : \"0\"} 0\n                );\n                transition: box-shadow 0.5s ease-in-out,\n                    clip-path 0.5s ease-in-out;\n            `;\n        } else {\n            return css`\n                box-shadow: none;\n                clip-path: inset(0);\n                transition: box-shadow 0.5s ease-in-out,\n                    clip-path 0.5s ease-in-out;\n            `;\n        }\n    }};\n`;\n\nexport const TimeTableHeaderRow = styled.div`\n    display: grid;\n    position: sticky;\n    top: 0;\n    z-index: 4;\n    background-color: ${Colour[\"bg\"]};\n    grid-template-columns: ${ROW_HEADER_WIDTH}px max-content;\n    width: max-content;\n    min-width: 100%;\n    height: ${ROW_HEIGHT}px;\n`;\n\nexport const ColumnHeaderRow = styled.div<ColumnHeaderRowProps>`\n    display: grid;\n    background-color: ${Colour[\"bg\"]};\n    height: ${ROW_HEIGHT}px;\n    grid-template-columns: repeat(\n        ${(props) => props.$numOfColumns},\n        ${(props) =>\n            Math.max(props.$intervalWidth * 4, MIN_HOURLY_INTERVAL_WIDTH)}px\n    );\n    border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    transition: all 0.5s ease-in-out;\n    ${(props) => {\n        if (props.$isScrolled) {\n            return css`\n                box-shadow: ${V3_Shadow[\"md-subtle\"]};\n            `;\n        }\n    }};\n`;\n\nexport const ColumnHeader = styled.div`\n    min-width: ${MIN_HOURLY_INTERVAL_WIDTH}px;\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const ColumnHeaderTitle = styled(Typography.BodySM)`\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n\nexport const TimeTableBody = styled.div`\n    width: max-content;\n    min-width: 100%;\n`;\n\nexport const TimeTableRow = styled.div`\n    display: grid;\n    grid-template-columns: ${ROW_HEADER_WIDTH}px max-content;\n    width: max-content;\n    min-width: 100%;\n    height: ${ROW_HEIGHT}px;\n`;\n\nexport const RowHeader = styled.div<RowHeaderProps>`\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    justify-content: center;\n    position: sticky;\n    left: 0;\n    background-color: ${Colour[\"bg\"]};\n    z-index: 3;\n    width: ${ROW_HEADER_WIDTH}px;\n    height: ${ROW_HEIGHT}px;\n    text-align: right;\n    padding: 0 ${V3_Spacing[\"spacing-16\"]} 0 ${V3_Spacing[\"spacing-32\"]};\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    border-right: ${V3_Border[\"width-005\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border-primary\"]};\n    border-left: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    transition: all 0.5s ease-in-out;\n    ${(props) => {\n        if (props.$isScrolled) {\n            return css`\n                box-shadow: ${V3_Shadow[\"md-subtle\"]};\n                clip-path: inset(0 -6px 0 0);\n            `;\n        } else {\n            return css`\n                box-shadow: none;\n            `;\n        }\n    }};\n`;\n\nexport const ClickableRowHeaderTitle = styled(\n    Typography.BodyMD\n)<ClickableRowHeaderTitleProps>`\n    display: inline-block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 100%;\n    white-space: nowrap;\n    color: ${V3_Colour[\"text-primary\"]};\n    &:hover {\n        cursor: ${(props) => (props.$isClickable ? \"pointer\" : \"default\")};\n    }\n`;\n\nexport const RowHeaderSubtitle = styled(\n    Typography.BodyXS\n)<RowHeaderSubtitleProps>`\n    display: inline-flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    align-items: center;\n    color: ${V3_Colour[\"text-subtler\"]};\n    ${(props) => {\n        if (!props.$show) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n\nexport const Loader = styled(LoadingDotsSpinner)<LoaderProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    grid-column: ${(props) => (props.$isEmptyContent ? \"1 / -1\" : \"2 / -1\")};\n    grid-row: 2;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const NoResultsFound = styled(ErrorDisplay)`\n    grid-column: 1 / -1;\n    grid-row: 2;\n    padding: ${V3_Spacing[\"spacing-72\"]} 0;\n`;\n\nexport const LoadingWrapper = styled.div`\n    display: flex;\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n`;\n\nexport const LoadingCell = styled.div<LoadingCellWrapperProps>`\n    border-right: ${V3_Border[\"width-005\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border-primary\"]};\n    width: ${(props) => `${props.$width}px`};\n    height: 100%;\n    padding: ${V3_Spacing[\"spacing-20\"]} ${V3_Spacing[\"spacing-12\"]};\n`;\n\nconst gradientAnimation = keyframes`\n  0% {\n        background-position: -468px 0;\n    }\n    100% {\n        background-position: 468px 0;\n    }\n`;\n\nexport const LoadingBar = styled.div`\n    height: 28px;\n    width: 100%;\n    background: linear-gradient(\n        to right,\n        ${V3_Colour.Primitive[\"neutral-95\"]} 8%,\n        ${V3_Colour.Primitive[\"neutral-100\"]} 18%,\n        ${V3_Colour.Primitive[\"neutral-95\"]} 33%\n    );\n    background-size: 800px 104px;\n    animation: ${gradientAnimation} 1.5s forwards infinite;\n`;\n\nexport const StyledPopoverTrigger = styled(PopoverTrigger)`\n    max-width: 24rem !important;\n    &:hover {\n        cursor: default;\n    }\n`;\n"],"names":["Container","styled","div","EmptyTableContainer","ROW_HEADER_WIDTH","TimeTableContainer","props","$allRecordsLoaded","$loading","css","RowColumnHeader","V3_Colour","ROW_HEIGHT","V3_Border","$isScrolledX","$isScrolledY","V3_Shadow","TimeTableHeaderRow","Colour","ColumnHeaderRow","$numOfColumns","Math","max","$intervalWidth","MIN_HOURLY_INTERVAL_WIDTH","Border","$isScrolled","ColumnHeader","Spacing","ColumnHeaderTitle","Typography","BodySM","TimeTableBody","TimeTableRow","RowHeader","V3_Spacing","ClickableRowHeaderTitle","BodyMD","$isClickable","RowHeaderSubtitle","BodyXS","$show","Loader","LoadingDotsSpinner","$isEmptyContent","NoResultsFound","ErrorDisplay","LoadingWrapper","LoadingCell","$width","gradientAnimation","keyframes","LoadingBar","Primitive","StyledPopoverTrigger","PopoverTrigger"],"mappings":"02CAkDaA,EAAYC,EAAAA,QAAOC,GAAG,GAEtBC,EAAsBF,EAAAA,QAAOC,GAAG;;;;6BAIhBE;EAGhBC,EAAqBJ,EAAAA,QAAOC,GAA4B;;;;;sBAK9CI,GAAWA,EAAMC,kBAAoB,IAAM;;MAE3DD,IACC,GAAIA,EAAME,SACN,OAAOC,KAAG;;;;;aAMd;EAIKC,EAAkBT,EAAAA,QAAOC,GAAyB;;;;wBAIvCS,EAAAA,UAAc;aACzBP;cACCQ;;qBAEOC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDF,EAAAA,UAAkB;MACrBL,GACKA,EAAMQ,cAAgBR,EAAMS,aACrBN,KAAG;8BACQO,EAAAA,UAAU;;wBAEhBV,EAAMQ,aAAe,UAAY;0BAC/BR,EAAMS,aAAe,UAAY;;;;cAMxCN,KAAG;;;;;;EAUTQ,EAAqBhB,EAAAA,QAAOC,GAAG;;;;;wBAKpBgB,EAAAA,OAAW;6BACNd;;;cAGfQ;EAGDO,EAAkBlB,EAAAA,QAAOC,GAAyB;;wBAEvCgB,EAAAA,OAAW;cACrBN;;UAEHN,GAAUA,EAAMc;UAChBd,GACCe,KAAKC,IAA2B,EAAvBhB,EAAMiB,eAAoBC,EAAAA;;qBAE1BC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc,SAAKP,SAAe;;MAEvEZ,IACC,GAAIA,EAAMoB,YACN,OAAOjB,KAAG;8BACQO,EAAAA,UAAU;aAEhC;EAIKW,EAAe1B,EAAAA,QAAOC,GAAG;iBACrBsB;;;sBAGKI,EAAAA,QAAQ;EAGjBC,EAAoB5B,EAAAA,QAAO6B,aAAWC,OAAO;aAC7CpB,EAAAA,UAAU;EAGVqB,EAAgB/B,EAAAA,QAAOC,GAAG;;;EAK1B+B,EAAehC,EAAAA,QAAOC,GAAG;;6BAETE;;;cAGfQ;EAGDsB,EAAYjC,EAAAA,QAAOC,GAAmB;;;;;;;wBAO3BgB,EAAAA,OAAW;;aAEtBd;cACCQ;;iBAEGuB,EAAAA,WAAW,mBAAmBA,EAAAA,WAAW;qBACrCtB,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDF,EAAAA,UAAkB;oBACRE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACrDF,EAAAA,UAAU;mBACDE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACpDF,EAAAA,UAAkB;;MAErBL,GACKA,EAAMoB,YACCjB,KAAG;8BACQO,EAAAA,UAAU;;cAIrBP,KAAG;;;EAOT2B,EAA0BnC,EAAAA,QACnC6B,aAAWO,OACgB;;;;;;aAMlB1B,EAAAA,UAAU;;kBAEJL,GAAWA,EAAMgC,aAAe,UAAY;;EAIlDC,EAAoBtC,EAAAA,QAC7B6B,aAAWU,OACU;;WAEdL,EAAAA,WAAW;;aAETxB,EAAAA,UAAU;MAChBL,IACC,IAAKA,EAAMmC,MACP,OAAOhC,KAAG;;aAGd;EAIKiC,EAASzC,EAAAA,QAAO0C,EAAAA,mBAAgC;;;;mBAIzCrC,GAAWA,EAAMsC,gBAAkB,SAAW;;;;EAMrDC,EAAiB5C,EAAAA,QAAO6C,EAAAA,aAAa;;;eAGnCX,EAAAA,WAAW;EAGbY,EAAiB9C,EAAAA,QAAOC,GAAG;;qBAEnBW,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDF,EAAAA,UAAkB;EAGfqC,EAAc/C,EAAAA,QAAOC,GAA4B;oBAC1CW,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACrDF,EAAAA,UAAU;aACNL,GAAU,GAAGA,EAAM2C;;eAElBd,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;EAGhDe,EAAoBC,EAAAA,SAAS;;;;;;;EAStBC,EAAanD,EAAAA,QAAOC,GAAG;;;;;UAK1BS,EAAAA,UAAU0C,UAAU;UACpB1C,EAAAA,UAAU0C,UAAU;UACpB1C,EAAAA,UAAU0C,UAAU;;;iBAGbH;EAGJI,EAAuBrD,EAAAA,QAAOsD,EAAAA,eAAe;;;;;"}

package/cjs/toggle/toggle.styles_1yzqsu.css

@@ -1,38 +0,0 @@
-.h1fyul7s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
-.tybgacj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-wrap:anywhere;width:100%;overflow:hidden;color:var(--fds-colour-text);}
-.tvkjim3{color:var(--fds-colour-text-selected);}
-.t1aku79x{color:var(--fds-colour-text-selected-disabled);}
-.c11szvws{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:10.375rem;border-radius:var(--fds-radius-sm);border-width:1px;border-style:solid;overflow:hidden;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:var(--fds-colour-bg);}.c11szvws:focus-within{outline:2px solid var(--fds-colour-focus-ring);outline-offset:0;}
-.n12ofp2c{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
-.u1l0nsei{min-width:unset;}
-.c17z2k4k{border-color:var(--fds-colour-border-error);}
-.tfiow01{border:none;background:var(--fds-colour-bg-selected-disabled);}
-.td5xote{border:none;}
-.t15nuck4{border:none;background:var(--fds-colour-bg-selected);}
-.tnwn55u{border:none;}
-.t1graj5g{border-color:var(--fds-colour-border-error);}
-.t1qqpl3b{border-color:var(--fds-colour-border-selected-disabled);background:var(--fds-colour-bg-selected-disabled);}
-.t1l2ct9g{border-color:var(--fds-colour-border-disabled);background:var(--fds-colour-bg-disabled);}
-.t1tat3es{border-color:var(--fds-colour-border-selected);background:var(--fds-colour-bg-selected);}
-@media (pointer: fine){.t1nsq3eo:has(.h1fyul7s:hover){background:var(--fds-colour-bg-selected-hover);}.t1nsq3eo:has(.h1fyul7s:hover) .tybgacj{color:var(--fds-colour-text-selected-hover);}.t1nsq3eo:has(.h1fyul7s:hover) .wxufi5f{color:var(--fds-colour-icon-selected-hover);}}
-.t1cyflot{border-color:var(--fds-colour-border);}
-@media (pointer: fine){.txm5wyu:has(.h1fyul7s:hover){background:var(--fds-colour-bg-hover-subtle);}}
-.i14lgw6r{position:absolute;height:100%;width:100%;cursor:pointer;top:0;left:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:transparent;border:none;}
-.tovnc4j{cursor:not-allowed;}
-.iangfw6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.l1oixyvr{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow-wrap:break-word;--fds-internal-toggle-label-desktopLineClamp:initial;--fds-internal-toggle-label-tabletLineClamp:initial;--fds-internal-toggle-label-mobileLineClamp:initial;-webkit-line-clamp:var(--fds-internal-toggle-label-desktopLineClamp, none);}:where(body.fds-breakpoint-lg-max) .l1oixyvr{-webkit-line-clamp:var(--fds-internal-toggle-label-tabletLineClamp, none);}:where(body.fds-breakpoint-sm-max) .l1oixyvr{-webkit-line-clamp:var(--fds-internal-toggle-label-mobileLineClamp, none);}
-.t1elmp69{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
-.tv1hw4w{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
-.s17sf3sp{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);margin-top:0.5rem;z-index:1;pointer-events:none;}.s17sf3sp strong,.s17sf3sp b{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
-.i1l466bv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;position:relative;padding:0.6875rem 1rem;}
-.ih3od2r{padding:0.6875rem 0rem 0.6875rem 1rem;}
-.r1izng22{color:var(--fds-colour-text-error);white-space:nowrap;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.6875rem 1rem 0.6875rem 0.5rem;border:none;background:none;cursor:pointer;}
-.d194isif{color:var(--fds-colour-text-disabled);cursor:not-allowed;}
-.ehwglic{color:var(--fds-colour-text-primary);font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;border:none;background-color:var(--fds-colour-bg);cursor:pointer;padding:0 1rem 0.6875rem 1rem;width:100%;}.ehwglic svg{width:1em;height:1em;margin-left:0.5rem;}
-.ejwzsce{padding-top:0.6875rem;}
-.e1q8ywpe{width:100%;color:var(--fds-colour-text-error);border:none;background:var(--fds-colour-bg);cursor:pointer;padding:0.6875rem 1rem 0.5rem 1rem;}
-.c1mf9nso{padding:0 1rem;padding-top:0.6875rem;padding-bottom:0.5rem;background-color:var(--fds-colour-bg);color:var(--fds-colour-text);}
-.c9t56r4{padding-bottom:0.6875rem;}
-.c1y0x62l{color:var(--fds-colour-text-disabled);}
-.c1gmwtb7{color:var(--fds-colour-text-error);}
-.aeqryui{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

package/cjs/tooltip/index.js

@@ -1,2 +0,0 @@
-"use strict";var o=require("./tooltip.js"),t=require("./tooltip-hoc.js");exports.Tooltip=o.Tooltip,exports.withTooltip=t.withTooltip;
-//# sourceMappingURL=index.js.map

package/cjs/tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/tooltip/tooltip-hoc.js

@@ -1,2 +0,0 @@
-"use strict";var i=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("./tooltip.js"),e=require("./tooltip.styles.js");exports.withTooltip=(o,r)=>l=>{const{tooltipVisible:p,position:n}=l,j=i.__rest(l,["tooltipVisible","position"]);return t.jsxs(e.HOCWrapper,{children:[t.jsx(o,Object.assign({},j)),t.jsx(s.Tooltip,{visible:p,position:n,children:r.content})]})};
-//# sourceMappingURL=tooltip-hoc.js.map

package/cjs/tooltip/tooltip-hoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-hoc.js","sources":["../../../src/tooltip/tooltip-hoc.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { Tooltip } from \"./tooltip\";\nimport { HOCWrapper } from \"./tooltip.styles\";\nimport type { TooltipHOCOptionsProps, TooltipHOCProps } from \"./types\";\n\nexport const withTooltip =\n    <T extends object>(\n        Component: React.ComponentType<T>,\n        options: TooltipHOCOptionsProps\n    ) =>\n    // eslint-disable-next-line react/display-name\n    (props: T & TooltipHOCProps): JSX.Element => {\n        const { tooltipVisible, position, ...otherProps } = props;\n        const innerProps = otherProps as T;\n\n        return (\n            <HOCWrapper>\n                <Component {...innerProps} />\n                <Tooltip visible={tooltipVisible} position={position}>\n                    {options.content}\n                </Tooltip>\n            </HOCWrapper>\n        );\n    };\n"],"names":["Component","options","props","tooltipVisible","position","innerProps","__rest","_jsxs","HOCWrapper","children","_jsx","Object","assign","Tooltip","visible","content"],"mappings":"kKAOI,CACIA,EACAC,IAGHC,IACG,MAAMC,eAAEA,EAAcC,SAAEA,GAA4BF,EAC9CG,EADyCC,EAAAA,OAAKJ,EAA9C,CAAA,iBAAA,aAGN,OACIK,OAACC,EAAAA,WAAU,CAAAC,SAAA,CACPC,EAAAA,IAACV,EAASW,OAAAC,OAAA,CAAA,EAAKP,IACfK,EAAAA,IAACG,UAAO,CAACC,QAASX,EAAgBC,SAAUA,EAAQK,SAC/CR,EAAQc,YAEJ"}

package/cjs/tooltip/tooltip.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("../external/lodash/debounce.js"),s=require("react"),r=require("../v2_text/text.js"),o=require("./tooltip.styles.js");exports.Tooltip=n=>{var{visible:l,position:a="top",children:c}=n,u=e.__rest(n,["visible","position","children"]);const d=u["data-testid"]||"tooltip",[p,b]=s.useState(a),f=s.useRef(null);s.useEffect((()=>(x(),window.addEventListener("resize",i.default(h,300)),()=>{window.removeEventListener("resize",i.default(h,300))})),[]);const h=()=>{x()},x=()=>{if(f.current){const e=f.current.getBoundingClientRect();if(e.x<0)switch(a){case"left":case"top":case"bottom":b("right");break;case"right":b("top")}else if(e.x+e.width>window.outerWidth)switch(a){case"right":case"top":case"bottom":b("left");break;case"left":b("top")}else b(a)}};return t.jsxs(o.BubbleWrap,Object.assign({position:p,"data-testid":d,visible:l,ref:f},u,{children:[t.jsx(o.Bubble,{children:"string"==typeof c?t.jsx(r.V2_Text.BodySmall,{children:c}):c}),t.jsx(o.Arrow,{position:p})]}))};
-//# sourceMappingURL=tooltip.js.map