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

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

@@ -1,39 +0,0 @@
-import e from"styled-components";import{Typography as r}from"../typography/index.js";import{V3_MediaQuery as i,V3_Spacing as t,V3_Radius as o,V3_Colour as n}from"../v3_theme/index.js";const d=.5,l=e.div`
-    position: relative;
-    width: 100%;
-
-    margin: 2rem 0;
-
-    ${i.MaxWidth.xl} {
-        margin: 1.5rem 0;
-    }
-
-    ${i.MaxWidth.lg} {
-        margin: 1rem 0;
-    }
-`,a=e.div`
-    display: flex;
-    flex-basis: 0;
-    justify-content: space-between;
-    width: 100%;
-`,m=e.div`
-    height: 4px;
-    margin-bottom: ${t["spacing-8"]};
-    border-radius: ${o.full};
-    ${e=>{const{$highlighted:r}=e;return`\n            background-color: ${(r?n["bg-primary-subtle"]:n["bg-disabled"])(e)};\n        `}};
-`,s=e(r.BodyMD)`
-    overflow-wrap: anywhere;
-    ${e=>{const{$highlighted:r}=e;return`color: ${(r?n["text-primary"]:n["text-disabled"])(e)};`}};
-`,h=e(r.BodyMD)`
-    overflow-wrap: anywhere;
-    color: ${n.text};
-`,g=e.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-
-    &:not(:last-child) {
-        margin-right: ${"0.5rem"};
-    }
-`;export{a as Content,d as INDICATOR_BAR_MARGIN_RIGHT_TABLET,g as Indicator,m as IndicatorBar,s as IndicatorTitleDesktop,h as IndicatorTitleTablet,l as Wrapper};
-//# sourceMappingURL=progress-indicator.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress-indicator.style.js","sources":["../../src/progress-indicator/progress-indicator.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\n// Units in rem\nexport const INDICATOR_BAR_MARGIN_RIGHT_TABLET = 0.5;\n\n// =============================================================================\n// STYLE TYPES\n// =============================================================================\n\ninterface IndicatorProps {\n    $highlighted: boolean;\n}\n\n// =============================================================================\n// STYLE COMPONENTS\n// =============================================================================\nexport const Wrapper = styled.div`\n    position: relative;\n    width: 100%;\n\n    margin: 2rem 0;\n\n    ${V3_MediaQuery.MaxWidth.xl} {\n        margin: 1.5rem 0;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin: 1rem 0;\n    }\n`;\n\nexport const Content = styled.div`\n    display: flex;\n    flex-basis: 0;\n    justify-content: space-between;\n    width: 100%;\n`;\n\nexport const IndicatorBar = styled.div<IndicatorProps>`\n    height: 4px;\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    border-radius: ${V3_Radius[\"full\"]};\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? V3_Colour[\"bg-primary-subtle\"]\n            : V3_Colour[\"bg-disabled\"];\n        return `\n            background-color: ${color(props)};\n        `;\n    }};\n`;\n\nexport const IndicatorTitleDesktop = styled(Typography.BodyMD)<IndicatorProps>`\n    overflow-wrap: anywhere;\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? V3_Colour[\"text-primary\"]\n            : V3_Colour[\"text-disabled\"];\n        return `color: ${color(props)};`;\n    }};\n`;\n\nexport const IndicatorTitleTablet = styled(Typography.BodyMD)`\n    overflow-wrap: anywhere;\n    color: ${V3_Colour.text};\n`;\n\nexport const Indicator = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n\n    &:not(:last-child) {\n        margin-right: ${INDICATOR_BAR_MARGIN_RIGHT_TABLET + \"rem\"};\n    }\n`;\n"],"names":["INDICATOR_BAR_MARGIN_RIGHT_TABLET","Wrapper","styled","div","V3_MediaQuery","MaxWidth","xl","lg","Content","IndicatorBar","V3_Spacing","V3_Radius","props","$highlighted","V3_Colour","IndicatorTitleDesktop","Typography","BodyMD","IndicatorTitleTablet","text","Indicator"],"mappings":"wLAMO,MAAMA,EAAoC,GAapCC,EAAUC,EAAOC,GAAG;;;;;;MAM3BC,EAAcC,SAASC;;;;MAIvBF,EAAcC,SAASE;;;EAKhBC,EAAUN,EAAOC,GAAG;;;;;EAOpBM,EAAeP,EAAOC,GAAmB;;qBAEjCO,EAAW;qBACXC,EAAgB;MAC9BC,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,oCAHOC,EACRC,EAAU,qBACVA,EAAU,gBAEcF,eAC7B;EAIIG,EAAwBb,EAAOc,EAAWC,OAAuB;;MAEvEL,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,WAHOC,EACRC,EAAU,gBACVA,EAAU,kBACOF,KAAS;EAI3BM,EAAuBhB,EAAOc,EAAWC,OAAO;;aAEhDH,EAAUK;EAGVC,EAAYlB,EAAOC,GAAG;;;;;;wBAMXH;;"}

package/theme/utils/media-query.d.ts

@@ -1,6 +0,0 @@
-export declare const DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT = "480px";
-/**
- * A safer wrapper around `useMediaQuery` that guards against invalid/empty
- * max-width values (e.g. unresolved tokens), and falls back to a valid default.
- */
-export declare const useSafeMaxWidthMediaQuery: (maxWidth: string | undefined, fallback?: string) => boolean;

package/theme/utils/media-query.js

@@ -1,2 +0,0 @@
-import{r}from"../../external/react-responsive/dist/react-responsive.js";const e=/^-?\d*\.?\d+(px|rem)$/i,t="480px",s=(s,i=t)=>{const a=(o=s)&&e.test(o.trim())?s.trim():i;var o;return r.useMediaQuery({maxWidth:a})};export{t as DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT,s as useSafeMaxWidthMediaQuery};
-//# sourceMappingURL=media-query.js.map

package/theme/utils/media-query.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-query.js","sources":["../../../src/theme/utils/media-query.ts"],"sourcesContent":["import { useMediaQuery } from \"react-responsive\";\n\nconst CSS_LENGTH_PATTERN = /^-?\\d*\\.?\\d+(px|rem)$/i;\n\nexport const DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT = \"480px\";\n\nconst isValidMaxWidthValue = (value: string | undefined) => {\n    if (!value) return false;\n\n    return CSS_LENGTH_PATTERN.test(value.trim());\n};\n\n/**\n * A safer wrapper around `useMediaQuery` that guards against invalid/empty\n * max-width values (e.g. unresolved tokens), and falls back to a valid default.\n */\nexport const useSafeMaxWidthMediaQuery = (\n    maxWidth: string | undefined,\n    fallback: string = DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT\n) => {\n    const resolvedMaxWidth = isValidMaxWidthValue(maxWidth)\n        ? maxWidth!.trim()\n        : fallback;\n\n    return useMediaQuery({ maxWidth: resolvedMaxWidth });\n};\n"],"names":["CSS_LENGTH_PATTERN","DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT","useSafeMaxWidthMediaQuery","maxWidth","fallback","resolvedMaxWidth","value","test","trim","useMediaQuery"],"mappings":"wEAEA,MAAMA,EAAqB,yBAEdC,EAAsC,QAYtCC,EAA4B,CACrCC,EACAC,EAAmBH,KAEnB,MAAMI,GAdoBC,EAcoBH,IAXvCH,EAAmBO,KAAKD,EAAME,QAY/BL,EAAUK,OACVJ,EAhBmB,IAACE,EAkB1B,OAAOG,gBAAc,CAAEN,SAAUE,GAAmB"}

package/timeline/timeline.style.d.ts

@@ -1,55 +0,0 @@
-import type { Variant } from "./types";
-interface TimelineWrapperStyleProps {
-    $startCol?: number | undefined;
-    $colSpan?: number | undefined;
-}
-interface VariantStyleProps {
-    $variant: Variant;
-}
-export declare const CircleIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never>>> & string;
-export declare const LineIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$variant"> & VariantStyleProps, never>>> & string;
-export declare const TimelineIndicators: 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 TimelineWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimelineWrapperStyleProps> & TimelineWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimelineWrapperStyleProps> & TimelineWrapperStyleProps, never>>> & string;
-export declare const TimelineTitle: 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<HTMLHeadingElement>, 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<HTMLHeadingElement>, 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<HTMLHeadingElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const TimelineItemTitle: 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<HTMLHeadingElement>, 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<HTMLHeadingElement>, 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<HTMLHeadingElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const TimelineItem: 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 TimelineItemContent: 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 TimelinePills: 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 TimelinePill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").PillProps, never> & Partial<Pick<import("..").PillProps, never>>> & string & Omit<({ type, colorType, children, icon, className, ...otherProps }: import("..").PillProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};

package/timeline/timeline.style.js

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

package/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,EAAOC,GAAsB;;;;;;;;MAQrDC,IACC,OAAQA,EAAMC,UACV,IAAK,UACD,OAAOC,CAAG;wCACcC,EAAU;kBAEtC,IAAK,kBACD,OAAOD,CAAG;wCACcC,EAAU;kBAEtC,IAAK,oBACD,OAAOD,CAAG;wCACcC,EAAU;kBAEtC,IAAK,WACD,OAAOD,CAAG;wCACcC,EAAU;kBAEtC,IAAK,YACD,OAAOD,CAAG;wCACcC,EAAU;;iCAEjBA,EAAU;;kBAG/B,IAAK,UACD,OAAOD,CAAG;wCACcC,EAAU;6BACrBA,EAAU;iCACNC,EAAQ;kBAE7B,IAAK,QACD,OAAOF,CAAG;;;;;;iCAMOC,EAAU;;;;;EAS9BE,EAAgBP,EAAOC,GAAsB;;;;;qBAKrCO,EAAgB;;MAE9BN,IACC,OAAQA,EAAMC,UACV,IAAK,UACL,IAAK,kBACD,OAAOC,CAAG;wCACcC,EAAU;kBAEtC,IAAK,oBACD,OAAOD,CAAG;wCACcC,EAAU;kBAEtC,IAAK,WACD,OAAOD,CAAG;wCACcC,EAAU;kBAEtC,IAAK,YACD,OAAOD,CAAG;wCACcC,EAAU;kBAEtC,IAAK,UACD,OAAOD,CAAG;wCACcC,EAAU;kBAEtC,IAAK,QACD,OAAOD,CAAG;;wCAEcC,EAAU;;EAMrCI,EAAqBT,EAAOC,GAAG;;;;;EAO/BS,EAAkBV,EAAOC,GAA8B;mBAChDC,GAAWA,EAAMS,UAAYT,EAAMS,UAAY;UACxDT,GAAWA,EAAMU,SAAWV,EAAMU,SAAW;;MAElDC,EAAcC,SAASC;;;;MAIvBF,EAAcC,SAASE;;;EAKhBC,EAAgBjB,EAAOkB,EAAWC,UAAU;;;MAGnDN,EAAcC,SAASC;;;EAKhBK,EAAoBpB,EAAOkB,EAAWG,UAAU;;;EAMhDC,EAAetB,EAAOC,GAAG;;;qBAGjBM;;;EAKRgB,EAAsBvB,EAAOC,GAAG;;;EAKhCuB,EAAgBxB,EAAOC,GAAG;;;;;EAO1BwB,EAAezB,EAAO0B,EAAK;;"}

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 {};