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

package/timetable/timetable-header/timetable-header.style.d.ts

@@ -1,31 +0,0 @@
-export declare const StyledRefreshButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "$loading"> & {
-    $loading: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "$loading"> & {
-    $loading: boolean;
-}, never>>> & string & Omit<((props: import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null) & {
-    Default: (props: import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
-    Small: (props: import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
-    Large: (props: import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const NavigationHeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const NavigationHeaderSubtitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledResultText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const StyledDateNavigator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").DateNavigatorProps, never> & Partial<Pick<import("../..").DateNavigatorProps, never>>> & string & Omit<({ selectedDate, minDate, maxDate, loading, showDateAsShortForm, showCurrentDateAsToday, view, onLeftArrowClick, onRightArrowClick, onCalendarDateSelect, dropdownRootNode, className, ...otherProps }: import("../..").DateNavigatorProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

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

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

package/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":"4SAOA,MAAMA,EAAOC,CAAS;;;;;EAOTC,EAAsBC,EAAOC,EAA8B;aAC3DC,EAAgB;;UAElBC,IACC,GAAIA,EAAMC,SACN,OAAOC,CAAG;iCACOR;iBAErB;;EAKCS,EAA0BN,EAAOO,GAAG;;sBAE3BC,EAAW;;WAEtBA,EAAW;EAGTC,EAAkCT,EAAOO,GAAG;;;;WAI9CC,EAAW;EAGTE,EAAmBV,EAAOW,EAAWC,OAAO;aAC5CV,EAAU;EAGVW,EAAsBb,EAAOc,EAAc;;"}

package/timetable/timetable-row/row-bar.style.d.ts

@@ -1 +0,0 @@
-export declare const RowCellContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

@@ -1,5 +0,0 @@
-import o from"styled-components";const t=o.div`
-    display: flex;
-    width: 100%;
-`;export{t as RowCellContainer};
-//# sourceMappingURL=row-bar.style.js.map

package/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":"iCAEO,MAAMA,EAAmBC,EAAOC,GAAG;;;"}

package/timetable/timetable-row/row-cell.style.d.ts

@@ -1,60 +0,0 @@
-import type { V3_ThemeStyleProps } from "../../v3_theme";
-import type { TimeTableCellType } from "../types";
-interface BlockStyleProps {
-    $width: number;
-    $status: TimeTableCellType;
-    $mainColor: string;
-    $altColor: string;
-    $isClickable?: boolean;
-    $customMainColor?: string | ((props: V3_ThemeStyleProps) => string) | undefined;
-    $customAltColor?: string | ((props: V3_ThemeStyleProps) => string) | undefined;
-    $customHoverColor?: string | ((props: V3_ThemeStyleProps) => string) | undefined;
-    $customAltHoverColor?: string | ((props: V3_ThemeStyleProps) => string) | undefined;
-    $styleType?: "default" | "solid" | "stripes" | undefined;
-}
-interface BlockContainerProps {
-    $isOnTheHour: boolean;
-}
-export declare const BlockContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isOnTheHour"> & BlockContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isOnTheHour"> & BlockContainerProps, never>>> & string;
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Gap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Block: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BlockStyleProps> & BlockStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BlockStyleProps> & BlockStyleProps, never>>> & string;
-export declare const BlockTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const BlockDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("../..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};

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

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

package/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":"oMAoCO,MAAMA,EAAiBC,EAAOC,GAAwB;qBACxCC,EAAU,gBAAgBA,EAAiB;UACtDC,EAAkB;MACrBC,IACC,GAAIA,EAAMC,aACN,OAAOC,CAAG;+CACyBH,EAAU;aAEjD;EAIKI,EAAUP,EAAOC,GAAG;;;;EAMpBO,EAAMR,EAAOC,GAAG;;;EAKhBQ,EAAQT,EAAOC,GAAoB;;aAEnC,EAAGS,YAAa,GAAGA;qBACXC,EAAc;;eAEpBC,EAAW;MACpB,EACEC,UACAC,aACAC,eACAC,YACAC,mBACAC,kBACAC,oBACAC,uBACAC,iBAGA,MAqCMC,EA5BF,CACAC,QAAS,CACLC,UAAWrB,EAAU,eACrBsB,SAAUtB,EAAU,gBACpBuB,iBAAkB,UAClBC,oBAAqB,eAEzBC,OAAQ,CACJJ,UAAWV,EACXY,iBAAkB,SAEtBG,SAAU,CACNL,UAAWrB,EAAU,eACrBuB,iBAAkB,QAClBC,oBAAqB,eAEzBG,QAAS,CACLN,UAAWV,EACXW,SAAUT,EACVU,iBAAkB,UAClBC,oBAAqB,eAEzBI,QAAS,CACLC,WAAY7B,EAAU,mBACtBuB,iBAAkB,UAIMb,GAC1BoB,EACa,YAAfZ,GAA6BA,EAEvBA,EADAC,EAASI,iBAEbQ,EAASnB,EACT,UACAO,EAASK,qBAAuB,UAEtC,MAA2B,YAAvBM,EACO3B,CAAG;;;sBAGAW,GAAoBK,EAASE,WAAa;sBAC1CN,GAAmBI,EAASG,UAAY;;;sBAGxCV,GACFT,CAAG;;;8BAGOa,GAAqB;8BACrBC,GAAwB;;;8BAGxBc;;cAIX5B,CAAG;8BACQW,GAAoBK,EAASE;;wCAEnBT,EACdI,GAAqBG,EAASU,WAC9B;8BACIE;;aAGtB;EAIKC,EAAanC,EAAOoC,EAAWC,OAAO;;;;EAMtCC,EAAmBtC,EAAOoC,EAAWG,OAAO;aAC5CpC,EAAU;;;;"}

package/timetable/timetable.style.d.ts

@@ -1,102 +0,0 @@
-interface ColumnHeaderRowProps {
-    $numOfColumns: number;
-    $intervalWidth: number;
-    $isScrolled: boolean;
-}
-interface TimeTableContainerProps {
-    $loading: boolean | undefined;
-    $allRecordsLoaded: boolean;
-}
-interface RowColumnHeaderProps {
-    $isScrolledY: boolean;
-    $isScrolledX: boolean;
-}
-interface RowHeaderProps {
-    $isScrolled: boolean;
-}
-interface ClickableRowHeaderTitleProps {
-    $isClickable: boolean;
-}
-interface RowHeaderSubtitleProps {
-    $show: boolean;
-}
-interface LoadingCellWrapperProps {
-    $width: number;
-}
-interface LoaderProps {
-    $isEmptyContent: boolean;
-}
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const EmptyTableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeTableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimeTableContainerProps> & TimeTableContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimeTableContainerProps> & TimeTableContainerProps, never>>> & string;
-export declare const RowColumnHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RowColumnHeaderProps> & RowColumnHeaderProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RowColumnHeaderProps> & RowColumnHeaderProps, never>>> & string;
-export declare const TimeTableHeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ColumnHeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ColumnHeaderRowProps> & ColumnHeaderRowProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ColumnHeaderRowProps> & ColumnHeaderRowProps, never>>> & string;
-export declare const ColumnHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ColumnHeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never> & Partial<Pick<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const TimeTableBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeTableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const RowHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isScrolled"> & RowHeaderProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isScrolled"> & RowHeaderProps, never>>> & string;
-export declare const ClickableRowHeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$isClickable"> & ClickableRowHeaderTitleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$isClickable"> & ClickableRowHeaderTitleProps, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const RowHeaderSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$show"> & RowHeaderSubtitleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$show"> & RowHeaderSubtitleProps, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const Loader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").CustomisableAnimationProps, "$isEmptyContent"> & LoaderProps, never> & Partial<Pick<import("styled-components").FastOmit<import("..").CustomisableAnimationProps, "$isEmptyContent"> & LoaderProps, never>>> & string & Omit<({ className, color, ...otherProps }: import("..").CustomisableAnimationProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const NoResultsFound: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ErrorDisplayProps, never> & Partial<Pick<import("..").ErrorDisplayProps, never>>> & string & Omit<({ type, img, title, description, actionButton, additionalProps, imageOnly, illustrationScheme, className, ...otherProps }: import("..").ErrorDisplayProps) => import("react/jsx-runtime").JSX.Element | null, keyof import("react").Component<any, {}, any>>;
-export declare const LoadingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const LoadingCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & LoadingCellWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & LoadingCellWrapperProps, never>>> & string;
-export declare const LoadingBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledPopoverTrigger: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").PopoverV2TriggerProps, never> & Partial<Pick<import("..").PopoverV2TriggerProps, never>>> & string & Omit<({ children, popoverContent, trigger: _trigger, position, zIndex, rootNode, customOffset, delay, onPopoverAppear, onPopoverDismiss, popoverAriaLabel, enableFlip, enableResize, overflow, triggerOnFocus, isModal, className, ...otherProps }: import("..").PopoverV2TriggerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};

package/timetable/timetable.style.js

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

package/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":"87CAkDaA,EAAYC,EAAOC,GAAG,GAEtBC,EAAsBF,EAAOC,GAAG;;;;6BAIhBE;EAGhBC,EAAqBJ,EAAOC,GAA4B;;;;;sBAK9CI,GAAWA,EAAMC,kBAAoB,IAAM;;MAE3DD,IACC,GAAIA,EAAME,SACN,OAAOC,CAAG;;;;;aAMd;EAIKC,EAAkBT,EAAOC,GAAyB;;;;wBAIvCS,EAAc;aACzBP;cACCQ;;qBAEOC,EAAU,gBAAgBA,EAAiB;UACtDF,EAAkB;MACrBL,GACKA,EAAMQ,cAAgBR,EAAMS,aACrBN,CAAG;8BACQO,EAAU;;wBAEhBV,EAAMQ,aAAe,UAAY;0BAC/BR,EAAMS,aAAe,UAAY;;;;cAMxCN,CAAG;;;;;;EAUTQ,EAAqBhB,EAAOC,GAAG;;;;;wBAKpBgB,EAAW;6BACNd;;;cAGfQ;EAGDO,EAAkBlB,EAAOC,GAAyB;;wBAEvCgB,EAAW;cACrBN;;UAEHN,GAAUA,EAAMc;UAChBd,GACCe,KAAKC,IAA2B,EAAvBhB,EAAMiB,eAAoBC;;qBAE1BC,EAAO,gBAAgBA,EAAc,SAAKP,EAAe;;MAEvEZ,IACC,GAAIA,EAAMoB,YACN,OAAOjB,CAAG;8BACQO,EAAU;aAEhC;EAIKW,EAAe1B,EAAOC,GAAG;iBACrBsB;;;sBAGKI,EAAQ;EAGjBC,EAAoB5B,EAAO6B,EAAWC,OAAO;aAC7CpB,EAAU;EAGVqB,EAAgB/B,EAAOC,GAAG;;;EAK1B+B,EAAehC,EAAOC,GAAG;;6BAETE;;;cAGfQ;EAGDsB,EAAYjC,EAAOC,GAAmB;;;;;;;wBAO3BgB,EAAW;;aAEtBd;cACCQ;;iBAEGuB,EAAW,mBAAmBA,EAAW;qBACrCtB,EAAU,gBAAgBA,EAAiB;UACtDF,EAAkB;oBACRE,EAAU,gBAAgBA,EAAiB;UACrDF,EAAU;mBACDE,EAAU,gBAAgBA,EAAiB;UACpDF,EAAkB;;MAErBL,GACKA,EAAMoB,YACCjB,CAAG;8BACQO,EAAU;;cAIrBP,CAAG;;;EAOT2B,EAA0BnC,EACnC6B,EAAWO,OACgB;;;;;;aAMlB1B,EAAU;;kBAEJL,GAAWA,EAAMgC,aAAe,UAAY;;EAIlDC,EAAoBtC,EAC7B6B,EAAWU,OACU;;WAEdL,EAAW;;aAETxB,EAAU;MAChBL,IACC,IAAKA,EAAMmC,MACP,OAAOhC,CAAG;;aAGd;EAIKiC,EAASzC,EAAO0C,EAAgC;;;;mBAIzCrC,GAAWA,EAAMsC,gBAAkB,SAAW;;;;EAMrDC,EAAiB5C,EAAO6C,EAAa;;;eAGnCX,EAAW;EAGbY,EAAiB9C,EAAOC,GAAG;;qBAEnBW,EAAU,gBAAgBA,EAAiB;UACtDF,EAAkB;EAGfqC,EAAc/C,EAAOC,GAA4B;oBAC1CW,EAAU,gBAAgBA,EAAiB;UACrDF,EAAU;aACNL,GAAU,GAAGA,EAAM2C;;eAElBd,EAAW,iBAAiBA,EAAW;EAGhDe,EAAoBC,CAAS;;;;;;;EAStBC,EAAanD,EAAOC,GAAG;;;;;UAK1BS,EAAU0C,UAAU;UACpB1C,EAAU0C,UAAU;UACpB1C,EAAU0C,UAAU;;;iBAGbH;EAGJI,EAAuBrD,EAAOsD,EAAe;;;;;"}

package/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/tooltip/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./tooltip";
-export * from "./tooltip-hoc";
-export * from "./types";

package/tooltip/index.js

@@ -1,2 +0,0 @@
-export{Tooltip}from"./tooltip.js";export{withTooltip}from"./tooltip-hoc.js";
-//# sourceMappingURL=index.js.map

package/tooltip/index.js.map

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

package/tooltip/tooltip-hoc.d.ts

@@ -1,3 +0,0 @@
-import type React from "react";
-import type { TooltipHOCOptionsProps, TooltipHOCProps } from "./types";
-export declare const withTooltip: <T extends object>(Component: React.ComponentType<T>, options: TooltipHOCOptionsProps) => (props: T & TooltipHOCProps) => JSX.Element;

package/tooltip/tooltip-hoc.js

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

package/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":["withTooltip","Component","options","props","tooltipVisible","position","innerProps","__rest","_jsxs","HOCWrapper","children","_jsx","Object","assign","Tooltip","visible","content"],"mappings":"+LAMaA,EACT,CACIC,EACAC,IAGHC,IACG,MAAMC,eAAEA,EAAcC,SAAEA,GAA4BF,EAC9CG,EADyCC,EAAKJ,EAA9C,CAAA,iBAAA,aAGN,OACIK,EAACC,EAAU,CAAAC,SAAA,CACPC,EAACV,EAASW,OAAAC,OAAA,CAAA,EAAKP,IACfK,EAACG,EAAO,CAACC,QAASX,EAAgBC,SAAUA,EAAQK,SAC/CR,EAAQc,YAEJ"}

package/tooltip/tooltip.d.ts

@@ -1,3 +0,0 @@
-import type { TooltipProps } from "./types";
-/** @deprecated Use `PopoverV2` */
-export declare const Tooltip: ({ visible, position, children, ...otherProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;