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

package/shared/toggle-icon/toggle-icon.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{CircleIcon as r}from"@lifesg/react-icons/circle";import{CircleDotIcon as i}from"@lifesg/react-icons/circle-dot";import{CrossIcon as c}from"@lifesg/react-icons/cross";import{SquareIcon as s}from"@lifesg/react-icons/square";import{SquareTickFillIcon as o}from"@lifesg/react-icons/square-tick-fill";import{TickIcon as t}from"@lifesg/react-icons/tick";import{Wrapper as a}from"./toggle-icon.styles.js";const l=({type:l,active:m=!1,disabled:f,className:n})=>{let d;switch(l){case"checkbox":d=e(m?o:s,{});break;case"radio":d=e(m?i:r,{});break;case"tick":d=e(t,{});break;case"cross":d=e(c,{});break;default:d=null}return e(a,{className:n,$active:m,$disabled:f,"aria-hidden":!0,children:d})};export{l as ToggleIcon};
-//# sourceMappingURL=toggle-icon.js.map

package/shared/toggle-icon/toggle-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-icon.js","sources":["../../../src/shared/toggle-icon/toggle-icon.tsx"],"sourcesContent":["import { CircleIcon } from \"@lifesg/react-icons/circle\";\nimport { CircleDotIcon } from \"@lifesg/react-icons/circle-dot\";\nimport { CrossIcon } from \"@lifesg/react-icons/cross\";\nimport { SquareIcon } from \"@lifesg/react-icons/square\";\nimport { SquareTickFillIcon } from \"@lifesg/react-icons/square-tick-fill\";\nimport { TickIcon } from \"@lifesg/react-icons/tick\";\nimport { Wrapper } from \"./toggle-icon.styles\";\n\nexport type ToggleIconType = \"checkbox\" | \"radio\" | \"tick\" | \"cross\";\n\nexport interface ToggleIconProps {\n    type: ToggleIconType;\n    active?: boolean | undefined;\n    disabled?: boolean | undefined;\n    className?: string | undefined;\n}\n\nexport const ToggleIcon = ({\n    type,\n    active = false,\n    disabled,\n    className,\n}: ToggleIconProps) => {\n    let component: JSX.Element | null;\n\n    switch (type) {\n        case \"checkbox\":\n            component = active ? <SquareTickFillIcon /> : <SquareIcon />;\n            break;\n        case \"radio\":\n            component = active ? <CircleDotIcon /> : <CircleIcon />;\n            break;\n        case \"tick\":\n            component = <TickIcon />;\n            break;\n        case \"cross\":\n            component = <CrossIcon />;\n            break;\n        default:\n            component = null;\n            break;\n    }\n\n    return (\n        <Wrapper\n            className={className}\n            $active={active}\n            $disabled={disabled}\n            aria-hidden\n        >\n            {component}\n        </Wrapper>\n    );\n};\n"],"names":["ToggleIcon","type","active","disabled","className","component","_jsx","SquareTickFillIcon","SquareIcon","CircleDotIcon","CircleIcon","TickIcon","CrossIcon","Wrapper","$active","children"],"mappings":"6bAiBO,MAAMA,EAAa,EACtBC,OACAC,UAAS,EACTC,WACAC,gBAEA,IAAIC,EAEJ,OAAQJ,GACJ,IAAK,WACDI,EAAqBC,EAATJ,EAAUK,EAAyBC,EAAP,CAAA,GACxC,MACJ,IAAK,QACDH,EAAqBC,EAATJ,EAAUO,EAAoBC,EAAP,CAAA,GACnC,MACJ,IAAK,OACDL,EAAYC,EAACK,EAAQ,IACrB,MACJ,IAAK,QACDN,EAAYC,EAACM,EAAS,IACtB,MACJ,QACIP,EAAY,KAIpB,OACIC,EAACO,EAAO,CACJT,UAAWA,EAASU,QACXZ,YACEC,EAAQ,eAAA,EAAAY,SAGlBV,GACK"}

package/shared/toggle-icon/toggle-icon.styles.d.ts

@@ -1,6 +0,0 @@
-interface StyleProps {
-    $active?: boolean;
-    $disabled?: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyleProps> & StyleProps, never>>> & string;
-export {};

package/shared/toggle-icon/toggle-icon.styles.js

@@ -1,22 +0,0 @@
-import e,{css as i}from"styled-components";import{Colour as o}from"../../theme/index.js";const t=e.div`
-    height: 1.625rem;
-    width: 1.625rem;
-    margin-right: 0.5rem;
-    flex-shrink: 0;
-
-    svg {
-        height: 100%;
-        width: 100%;
-    }
-
-    ${e=>e.$disabled?e.$active?i`
-                    color: ${o["icon-selected-disabled"]};
-                `:i`
-                    color: ${o["icon-disabled-subtle"]};
-                `:e.$active?i`
-                color: ${o["icon-selected"]};
-            `:i`
-            color: ${o["icon-subtle"]};
-        `};
-`;export{t as Wrapper};
-//# sourceMappingURL=toggle-icon.styles.js.map

package/shared/toggle-icon/toggle-icon.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-icon.styles.js","sources":["../../../src/shared/toggle-icon/toggle-icon.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour } from \"../../theme\";\n\ninterface StyleProps {\n    $active?: boolean;\n    $disabled?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div<StyleProps>`\n    height: 1.625rem;\n    width: 1.625rem;\n    margin-right: 0.5rem;\n    flex-shrink: 0;\n\n    svg {\n        height: 100%;\n        width: 100%;\n    }\n\n    ${(props) => {\n        if (props.$disabled) {\n            if (props.$active) {\n                return css`\n                    color: ${Colour[\"icon-selected-disabled\"]};\n                `;\n            } else {\n                return css`\n                    color: ${Colour[\"icon-disabled-subtle\"]};\n                `;\n            }\n        }\n\n        if (props.$active) {\n            return css`\n                color: ${Colour[\"icon-selected\"]};\n            `;\n        }\n\n        return css`\n            color: ${Colour[\"icon-subtle\"]};\n        `;\n    }};\n`;\n"],"names":["Wrapper","styled","div","props","$disabled","$active","css","Colour"],"mappings":"yFAWO,MAAMA,EAAUC,EAAOC,GAAe;;;;;;;;;;;MAWtCC,GACKA,EAAMC,UACFD,EAAME,QACCC,CAAG;6BACGC,EAAO;kBAGbD,CAAG;6BACGC,EAAO;kBAKxBJ,EAAME,QACCC,CAAG;yBACGC,EAAO;cAIjBD,CAAG;qBACGC,EAAO;;"}

package/singpass-button/singpass-button.style.d.ts

@@ -1,12 +0,0 @@
-import { SingpassButtonStyleType } from "./types";
-export type MainButtonSize = "default" | "small" | "large";
-export interface MainStyleProps {
-    $buttonStyle: SingpassButtonStyleType;
-    $buttonSizeStyle?: MainButtonSize | undefined;
-}
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof MainStyleProps> & MainStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof MainStyleProps> & MainStyleProps, never>>> & string;
-interface SvgContainerProps {
-    $buttonSizeStyle?: MainButtonSize | undefined;
-}
-export declare const SvgContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$buttonSizeStyle"> & SvgContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$buttonSizeStyle"> & SvgContainerProps, never>>> & string;
-export {};

package/singpass-button/singpass-button.style.js

@@ -1,46 +0,0 @@
-import e,{css as t}from"styled-components";import{Spacing as r,Motion as o,Colour as i}from"../theme/index.js";import{ThemeButton as n}from"../theme/components/theme-helper.js";const a=e.button`
-    padding: ${r["spacing-8"]} ${r["spacing-16"]};
-    transition: all ${o["duration-250"]} ${o["ease-default"]};
-    border-radius: ${n["button-radius"]};
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    ${e=>"red-filled"===e.$buttonStyle?t`
-                background-color: #f4333d;
-                border: none;
-
-                &:hover,
-                &:active {
-                    @media (pointer: fine) {
-                        background-color: #b0262d;
-                    }
-                }
-            `:t`
-            background-color: ${i.Primitive.white};
-            border: 1px #c8c9cc solid;
-
-            &:hover,
-            &:active {
-                @media (pointer: fine) {
-                    background-color: #f5f5f7;
-                }
-            }
-        `}
-
-    ${e=>{switch(e.$buttonSizeStyle){case"small":return t`
-                    height: 2.5rem;
-                `;case"large":return t`
-                    min-height: 4rem;
-                `;default:return t`
-                    min-height: 3rem;
-                `}}}
-`,c=e.span`
-    img {
-        height: 100%;
-    }
-
-    height: ${e=>"large"===e.$buttonSizeStyle?2.5:1.5}rem;
-`;export{a as Main,c as SvgContainer};
-//# sourceMappingURL=singpass-button.style.js.map

package/singpass-button/singpass-button.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"singpass-button.style.js","sources":["../../src/singpass-button/singpass-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Motion, Spacing } from \"../theme\";\nimport { ThemeButton } from \"../theme/components/theme-helper\";\nimport { SingpassButtonStyleType } from \"./types\";\n\nexport type MainButtonSize = \"default\" | \"small\" | \"large\";\n\nexport interface MainStyleProps {\n    $buttonStyle: SingpassButtonStyleType;\n    $buttonSizeStyle?: MainButtonSize | undefined;\n}\n\nexport const Main = styled.button<MainStyleProps>`\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    border-radius: ${ThemeButton[\"button-radius\"]};\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    ${(props) => {\n        if (props.$buttonStyle === \"red-filled\") {\n            return css`\n                background-color: #f4333d;\n                border: none;\n\n                &:hover,\n                &:active {\n                    @media (pointer: fine) {\n                        background-color: #b0262d;\n                    }\n                }\n            `;\n        }\n\n        return css`\n            background-color: ${Colour.Primitive.white};\n            border: 1px #c8c9cc solid;\n\n            &:hover,\n            &:active {\n                @media (pointer: fine) {\n                    background-color: #f5f5f7;\n                }\n            }\n        `;\n    }}\n\n    ${(props) => {\n        switch (props.$buttonSizeStyle) {\n            case \"small\":\n                return css`\n                    height: 2.5rem;\n                `;\n\n            case \"large\":\n                return css`\n                    min-height: 4rem;\n                `;\n\n            default:\n                return css`\n                    min-height: 3rem;\n                `;\n        }\n    }}\n`;\n\ninterface SvgContainerProps {\n    $buttonSizeStyle?: MainButtonSize | undefined;\n}\nexport const SvgContainer = styled.span<SvgContainerProps>`\n    img {\n        height: 100%;\n    }\n\n    height: ${(props) => {\n        switch (props.$buttonSizeStyle) {\n            case \"large\":\n                return 2.5;\n            case \"small\":\n                return 1.5;\n            default:\n                return 1.5;\n        }\n    }}rem;\n`;\n"],"names":["Main","styled","button","Spacing","Motion","ThemeButton","props","$buttonStyle","css","Colour","Primitive","white","$buttonSizeStyle","SvgContainer","span"],"mappings":"iLAYO,MAAMA,EAAOC,EAAOC,MAAsB;eAClCC,EAAQ,gBAAgBA,EAAQ;sBACzBC,EAAO,mBAAmBA,EAAO;qBAClCC,EAAY;;;;;;MAM1BC,GAC4B,eAAvBA,EAAMC,aACCC,CAAG;;;;;;;;;;cAaPA,CAAG;gCACcC,EAAOC,UAAUC;;;;;;;;;;;MAY1CL,IACC,OAAQA,EAAMM,kBACV,IAAK,QACD,OAAOJ,CAAG;;kBAId,IAAK,QACD,OAAOA,CAAG;;kBAId,QACI,OAAOA,CAAG;;;EAUbK,EAAeZ,EAAOa,IAAuB;;;;;cAK3CR,GAEE,UADDA,EAAMM,iBAEC,IAIA;"}

package/tab/tab-link-chain.style.d.ts

@@ -1,21 +0,0 @@
-interface LabelStyleProps {
-    $active?: boolean;
-}
-interface ChainStyleProps {
-    $fullWidthIndicatorLine?: boolean;
-}
-interface ChainItemStyleProps {
-    $active?: boolean;
-    $width?: string;
-}
-interface ChainLinkStyleProps {
-    $reversed: boolean;
-}
-export declare const Chain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$fullWidthIndicatorLine"> & ChainStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "$fullWidthIndicatorLine"> & ChainStyleProps, never>>> & string;
-export declare const ChainItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof ChainItemStyleProps> & ChainItemStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof ChainItemStyleProps> & ChainItemStyleProps, never>>> & string;
-export declare const ChainLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$reversed"> & ChainLinkStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$reversed"> & ChainLinkStyleProps, never>>> & string;
-export declare const LabelContainer: 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 Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$active"> & LabelStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$active"> & LabelStyleProps, never>>> & string;
-export declare const BoldLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & LabelStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & LabelStyleProps, never>>> & string;
-export declare const CustomFadeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/fade-wrapper").FadeWrapperProps & import("react").RefAttributes<import("../shared/fade-wrapper").FadeWrapperRef>, never> & Partial<Pick<import("../shared/fade-wrapper").FadeWrapperProps & import("react").RefAttributes<import("../shared/fade-wrapper").FadeWrapperRef>, never>>> & string & Omit<(props: import("../shared/fade-wrapper").FadeWrapperProps & import("react").RefAttributes<import("../shared/fade-wrapper").FadeWrapperRef>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};

package/tab/tab-link-chain.style.js

@@ -1,88 +0,0 @@
-import e,{css as t}from"styled-components";import{FadeWrapper as i}from"../shared/fade-wrapper/fade-wrapper.js";import{Border as r,Colour as o,MediaQuery as n,Spacing as d,Radius as a,Font as s}from"../theme/index.js";const l=e.ul`
-    display: inline-flex;
-    width: 100%;
-    list-style-type: none;
-
-    ${e=>{if(e.$fullWidthIndicatorLine)return t`
-                &::after {
-                    content: "";
-                    height: inherit;
-                    flex-grow: 1;
-                    /* follows the border in ChainItem */
-                    border-bottom: ${r["width-040"]} ${r.solid}
-                        ${o.border};
-                }
-            `}}
-`,$=e.li`
-    display: flex;
-    justify-content: center;
-    flex-shrink: 0;
-    border-bottom: ${r["width-040"]} ${r.solid} ${o.border};
-
-    ${e=>{if(e.$width)return t`
-                width: ${e.$width};
-            `}}
-
-    ${e=>{if(e.$active)return t`
-                border-color: ${o["border-primary"]};
-            `}}
-
-    ${n.MaxWidth.sm} {
-        flex: 1;
-        justify-content: center;
-    }
-`,c=t`
-    padding: ${d["spacing-16"]} ${d["spacing-16"]}
-        ${d["spacing-20"]};
-`,f=t`
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-`,p=e.div`
-    /* position: relative; */
-    ${f}
-    flex-direction: ${e=>e.$reversed?"row-reverse":"row"};
-    gap: 0.5rem;
-    ${c}
-    cursor: pointer;
-    width: 100%;
-    justify-content: center;
-
-    &:has(button:focus-visible) {
-        outline: 2px solid ${o["focus-ring"]};
-        outline-offset: -2px;
-        border-radius: ${a.sm};
-    }
-`,b=e.div`
-    position: relative;
-`,u=t`
-    ${f}
-    border: none;
-    background: none;
-`,m=e.div`
-    ${u}
-    position: absolute;
-    ${s["body-baseline-regular"]}
-    color: ${o["text-subtler"]};
-    opacity: 1;
-
-    ${e=>{if(e.$active)return t`
-                opacity: 0;
-            `}}
-`,h=e.button`
-    ${u}
-    ${s["body-baseline-semibold"]}
-    color: ${o["text-primary"]};
-    opacity: 0;
-    outline: none;
-
-    ${e=>{if(e.$active)return t`
-                opacity: 1;
-            `}}
-`,y=e(i)`
-    [data-id="left-fade-indicator-button"],
-    [data-id="right-fade-indicator-button"] {
-        margin-bottom: ${d["spacing-4"]};
-    }
-`;export{h as BoldLabel,l as Chain,$ as ChainItem,p as ChainLink,y as CustomFadeWrapper,m as Label,b as LabelContainer};
-//# sourceMappingURL=tab-link-chain.style.js.map

package/tab/tab-link-chain.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-link-chain.style.js","sources":["../../src/tab/tab-link-chain.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FadeWrapper } from \"../shared/fade-wrapper\";\nimport { Border, Colour, Font, MediaQuery, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LabelStyleProps {\n    $active?: boolean;\n}\n\ninterface ChainStyleProps {\n    $fullWidthIndicatorLine?: boolean;\n}\n\ninterface ChainItemStyleProps {\n    $active?: boolean;\n    $width?: string;\n}\n\ninterface ChainLinkStyleProps {\n    $reversed: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Chain = styled.ul<ChainStyleProps>`\n    display: inline-flex;\n    width: 100%;\n    list-style-type: none;\n\n    ${(props) => {\n        if (props.$fullWidthIndicatorLine) {\n            return css`\n                &::after {\n                    content: \"\";\n                    height: inherit;\n                    flex-grow: 1;\n                    /* follows the border in ChainItem */\n                    border-bottom: ${Border[\"width-040\"]} ${Border.solid}\n                        ${Colour.border};\n                }\n            `;\n        }\n    }}\n`;\n\nexport const ChainItem = styled.li<ChainItemStyleProps>`\n    display: flex;\n    justify-content: center;\n    flex-shrink: 0;\n    border-bottom: ${Border[\"width-040\"]} ${Border.solid} ${Colour.border};\n\n    ${(props) => {\n        if (props.$width) {\n            return css`\n                width: ${props.$width};\n            `;\n        }\n    }}\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                border-color: ${Colour[\"border-primary\"]};\n            `;\n        }\n    }}\n\n    ${MediaQuery.MaxWidth.sm} {\n        flex: 1;\n        justify-content: center;\n    }\n`;\n\n/* keep this separate to contain the ts-styled error */\nconst padding = css`\n    padding: ${Spacing[\"spacing-16\"]} ${Spacing[\"spacing-16\"]}\n        ${Spacing[\"spacing-20\"]};\n`;\n\nconst flexRow = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nexport const ChainLink = styled.div<ChainLinkStyleProps>`\n    /* position: relative; */\n    ${flexRow}\n    flex-direction: ${(props) => (props.$reversed ? \"row-reverse\" : \"row\")};\n    gap: 0.5rem;\n    ${padding}\n    cursor: pointer;\n    width: 100%;\n    justify-content: center;\n\n    &:has(button:focus-visible) {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n        border-radius: ${Radius.sm};\n    }\n`;\n\nexport const LabelContainer = styled.div`\n    position: relative;\n`;\n\nconst buttonBase = css`\n    ${flexRow}\n    border: none;\n    background: none;\n`;\n\nexport const Label = styled.div<LabelStyleProps>`\n    ${buttonBase}\n    position: absolute;\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text-subtler\"]};\n    opacity: 1;\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                opacity: 0;\n            `;\n        }\n    }}\n`;\n\nexport const BoldLabel = styled.button<LabelStyleProps>`\n    ${buttonBase}\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${Colour[\"text-primary\"]};\n    opacity: 0;\n    outline: none;\n\n    ${(props) => {\n        if (props.$active) {\n            return css`\n                opacity: 1;\n            `;\n        }\n    }}\n`;\n\nexport const CustomFadeWrapper = styled(FadeWrapper)`\n    [data-id=\"left-fade-indicator-button\"],\n    [data-id=\"right-fade-indicator-button\"] {\n        margin-bottom: ${Spacing[\"spacing-4\"]};\n    }\n`;\n"],"names":["Chain","styled","ul","props","$fullWidthIndicatorLine","css","Border","solid","Colour","border","ChainItem","li","$width","$active","MediaQuery","MaxWidth","sm","padding","Spacing","flexRow","ChainLink","div","$reversed","Radius","LabelContainer","buttonBase","Label","Font","BoldLabel","button","CustomFadeWrapper","FadeWrapper"],"mappings":"0NA2BO,MAAMA,EAAQC,EAAOC,EAAmB;;;;;MAKxCC,IACC,GAAIA,EAAMC,wBACN,OAAOC,CAAG;;;;;;qCAMeC,EAAO,gBAAgBA,EAAOC;0BACzCC,EAAOC;;aAGzB;EAIKC,EAAYT,EAAOU,EAAuB;;;;qBAIlCL,EAAO,gBAAgBA,EAAOC,SAASC,EAAOC;;MAE5DN,IACC,GAAIA,EAAMS,OACN,OAAOP,CAAG;yBACGF,EAAMS;aAEvB;;MAGDT,IACC,GAAIA,EAAMU,QACN,OAAOR,CAAG;gCACUG,EAAO;aAE/B;;MAGFM,EAAWC,SAASC;;;;EAOpBC,EAAUZ,CAAG;eACJa,EAAQ,iBAAiBA,EAAQ;UACtCA,EAAQ;EAGZC,EAAUd,CAAG;;;;EAMNe,EAAYnB,EAAOoB,GAAwB;;MAElDF;sBACiBhB,GAAWA,EAAMmB,UAAY,cAAgB;;MAE9DL;;;;;;6BAMuBT,EAAO;;yBAEXe,EAAOP;;EAInBQ,EAAiBvB,EAAOoB,GAAG;;EAIlCI,EAAapB,CAAG;MAChBc;;;EAKOO,EAAQzB,EAAOoB,GAAoB;MAC1CI;;MAEAE,EAAK;aACEnB,EAAO;;;MAGbL,IACC,GAAIA,EAAMU,QACN,OAAOR,CAAG;;aAGd;EAIKuB,EAAY3B,EAAO4B,MAAuB;MACjDJ;MACAE,EAAK;aACEnB,EAAO;;;;MAIbL,IACC,GAAIA,EAAMU,QACN,OAAOR,CAAG;;aAGd;EAIKyB,EAAoB7B,EAAO8B,EAAY;;;yBAG3Bb,EAAQ;;"}

package/tab/tab.style.d.ts

@@ -1 +0,0 @@
-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;

package/tab/tab.style.js

@@ -1,6 +0,0 @@
-import o from"styled-components";const t=o.div`
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-`;export{t as Wrapper};
-//# sourceMappingURL=tab.style.js.map

package/tab/tab.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.style.js","sources":["../../src/tab/tab.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Wrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n`;\n"],"names":["Wrapper","styled","div"],"mappings":"iCAEO,MAAMA,EAAUC,EAAOC,GAAG;;;;"}

package/theme/border/specs/default-border-set.d.ts

@@ -1,2 +0,0 @@
-import { BorderSet } from "../types";
-export declare const DefaultBorderSet: BorderSet;

package/theme/border/specs/default-border-set.js

@@ -1,2 +0,0 @@
-const d={"width-005":.5,"width-010":1,"width-020":2,"width-040":4,solid:"solid"};export{d as DefaultBorderSet};
-//# sourceMappingURL=default-border-set.js.map

package/theme/border/specs/default-border-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-border-set.js","sources":["../../../../src/theme/border/specs/default-border-set.ts"],"sourcesContent":["import { BorderSet } from \"../types\";\n\nexport const DefaultBorderSet: BorderSet = {\n    \"width-005\": 0.5,\n    \"width-010\": 1,\n    \"width-020\": 2,\n    \"width-040\": 4,\n\n    solid: \"solid\",\n};\n"],"names":["DefaultBorderSet","solid"],"mappings":"AAEO,MAAMA,EAA8B,CACvC,YAAa,GACb,YAAa,EACb,YAAa,EACb,YAAa,EAEbC,MAAO"}

package/theme/border/theme-helper.d.ts

@@ -1,10 +0,0 @@
-import { StyledComponentProps } from "../helpers";
-export declare const getBorderWidth: (key: "width-005" | "width-010" | "width-020" | "width-040") => (props: StyledComponentProps) => string;
-export declare const getBorder: (key: "solid") => (props: StyledComponentProps) => string;
-export declare const BorderValues: {
-    "width-005": (props: StyledComponentProps) => string;
-    "width-010": (props: StyledComponentProps) => string;
-    "width-020": (props: StyledComponentProps) => string;
-    "width-040": (props: StyledComponentProps) => string;
-    solid: (props: StyledComponentProps) => string;
-};

package/theme/border/theme-helper.js

@@ -1,2 +0,0 @@
-import{getCollection as e,getValue as r}from"../helpers.js";import{DefaultBorderSet as d}from"./specs/default-border-set.js";const o={collections:{default:d},defaultValue:"default"},i=d=>i=>{var t;const l=i.theme,s=e(o,null==l?void 0:l.borderScheme);return(null===(t=null==l?void 0:l.overrides)||void 0===t?void 0:t.border)?`${r(s,d,l.overrides.border)}px`:`${s[d]}px`},t=d=>i=>{var t;const l=i.theme,s=e(o,null==l?void 0:l.borderScheme),n=(null===(t=null==l?void 0:l.overrides)||void 0===t?void 0:t.border)?r(s,d,l.overrides.border):s[d];return"function"==typeof n?n(i):n},l={"width-005":i("width-005"),"width-010":i("width-010"),"width-020":i("width-020"),"width-040":i("width-040"),solid:t("solid")};export{l as BorderValues,t as getBorder,i as getBorderWidth};
-//# sourceMappingURL=theme-helper.js.map

package/theme/border/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/border/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { BorderScheme } from \"../types\";\nimport { DefaultBorderSet } from \"./specs/default-border-set\";\nimport { BorderCollectionMap, BorderSet } from \"./types\";\n\nconst BorderSpec: ThemeCollectionSpec<BorderCollectionMap, BorderScheme> = {\n    collections: {\n        default: DefaultBorderSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getBorderWidth = (\n    key: \"width-005\" | \"width-010\" | \"width-020\" | \"width-040\"\n) => {\n    return (props: StyledComponentProps) => {\n        const theme = props.theme;\n        const borderSet: BorderSet = getCollection(\n            BorderSpec,\n            theme?.borderScheme\n        );\n\n        if (theme?.overrides?.border) {\n            return `${getValue(borderSet, key, theme.overrides.border)}px`;\n        } else {\n            return `${borderSet[key]}px`;\n        }\n    };\n};\n\nexport const getBorder = (key: \"solid\") => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const borderSet: BorderSet = getCollection(\n            BorderSpec,\n            theme?.borderScheme\n        );\n\n        // check for an override\n        const borderValue = theme?.overrides?.border\n            ? getValue(borderSet, key, theme.overrides.border)\n            : borderSet[key];\n\n        // If function, resolve with props\n        if (typeof borderValue === \"function\") {\n            return (borderValue as (props: any) => string)(props);\n        }\n\n        return borderValue as string;\n    };\n};\n\nexport const BorderValues = {\n    \"width-005\": getBorderWidth(\"width-005\"),\n    \"width-010\": getBorderWidth(\"width-010\"),\n    \"width-020\": getBorderWidth(\"width-020\"),\n    \"width-040\": getBorderWidth(\"width-040\"),\n    solid: getBorder(\"solid\"),\n};\n"],"names":["BorderSpec","collections","default","DefaultBorderSet","defaultValue","getBorderWidth","key","props","theme","borderSet","getCollection","borderScheme","_a","overrides","border","getValue","getBorder","borderValue","BorderValues","solid"],"mappings":"6HAMA,MAAMA,EAAqE,CACvEC,YAAa,CACTC,QAASC,GAEbC,aAAc,WAGLC,EACTC,GAEQC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EACzBV,EACAQ,aAAK,EAALA,EAAOG,cAGX,OAAoB,QAAhBC,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QACX,GAAGC,EAASN,EAAWH,EAAKE,EAAMK,UAAUC,YAE5C,GAAGL,EAAUH,MACxB,EAIKU,EAAaV,GACdC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAuBC,EACzBV,EACAQ,aAAK,EAALA,EAAOG,cAILM,GAA8B,QAAhBL,EAAAJ,aAAK,EAALA,EAAOK,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,QAChCC,EAASN,EAAWH,EAAKE,EAAMK,UAAUC,QACzCL,EAAUH,GAGhB,MAA2B,mBAAhBW,EACCA,EAAuCV,GAG5CU,CAAqB,EAIvBC,EAAe,CACxB,YAAab,EAAe,aAC5B,YAAaA,EAAe,aAC5B,YAAaA,EAAe,aAC5B,YAAaA,EAAe,aAC5Bc,MAAOH,EAAU"}

package/theme/border/types.d.ts

@@ -1,12 +0,0 @@
-import { BorderScheme } from "../types";
-export interface BorderSet {
-    "width-005": number;
-    "width-010": number;
-    "width-020": number;
-    "width-040": number;
-    solid: string;
-}
-export type BorderCollectionMap = {
-    [key in BorderScheme]: BorderSet;
-};
-export type BorderSetOptions = Partial<BorderSet>;

package/theme/border-util/specs/default-border-util-set.d.ts

@@ -1,2 +0,0 @@
-import { BorderUtilSet } from "../types";
-export declare const DefaultBorderUtilSet: BorderUtilSet;

package/theme/border-util/specs/default-border-util-set.js

@@ -1,2 +0,0 @@
-import{dashedBorderStyle as o,solidBorderStyle as s}from"../utils.js";const t={solid:s,"dashed-default":o};export{t as DefaultBorderUtilSet};
-//# sourceMappingURL=default-border-util-set.js.map

package/theme/border-util/specs/default-border-util-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-border-util-set.js","sources":["../../../../src/theme/border-util/specs/default-border-util-set.ts"],"sourcesContent":["import { BorderUtilSet } from \"../types\";\nimport { dashedBorderStyle, solidBorderStyle } from \"../utils\";\n\nexport const DefaultBorderUtilSet: BorderUtilSet = {\n    solid: solidBorderStyle,\n    \"dashed-default\": dashedBorderStyle,\n};\n"],"names":["DefaultBorderUtilSet","solid","solidBorderStyle","dashedBorderStyle"],"mappings":"sEAGO,MAAMA,EAAsC,CAC/CC,MAAOC,EACP,iBAAkBC"}

package/theme/border-util/theme-helper.d.ts

@@ -1,8 +0,0 @@
-import { CSSProp } from "styled-components";
-import { StyledComponentProps } from "../helpers";
-import { BorderUtilSet } from "./types";
-export declare const getBorderStyle: (key: keyof BorderUtilSet) => (...args: Parameters<BorderUtilSet[typeof key]> | [StyledComponentProps]) => (props: StyledComponentProps) => CSSProp;
-export declare const BorderUtilValues: {
-    solid: (...args: Parameters<BorderUtilSet[keyof BorderUtilSet]> | [StyledComponentProps]) => (props: StyledComponentProps) => CSSProp;
-    "dashed-default": (...args: Parameters<BorderUtilSet[keyof BorderUtilSet]> | [StyledComponentProps]) => (props: StyledComponentProps) => CSSProp;
-};

package/theme/border-util/theme-helper.js

@@ -1,2 +0,0 @@
-import{getCollection as e}from"../helpers.js";import{DefaultBorderUtilSet as t}from"./specs/default-border-util-set.js";const l={collections:{default:t},defaultValue:"default"},d=e=>1===e.length&&"theme"in e[0],o=t=>(...o)=>s=>{const r=d(o)?[]:o,u=d(o)?o[0]:s,a=u.theme;return(0,e(l,null==a?void 0:a.borderScheme)[t])(...r)(u)},s={solid:o("solid"),"dashed-default":o("dashed-default")};export{s as BorderUtilValues,o as getBorderStyle};
-//# sourceMappingURL=theme-helper.js.map

package/theme/border-util/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/border-util/theme-helper.ts"],"sourcesContent":["import { CSSProp } from \"styled-components\";\nimport { StyledComponentProps, getCollection } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { BorderScheme } from \"../types\";\nimport { DefaultBorderUtilSet } from \"./specs/default-border-util-set\";\nimport { BorderUtilCollectionMap, BorderUtilSet } from \"./types\";\n\nconst BorderUtilSpec: ThemeCollectionSpec<\n    BorderUtilCollectionMap,\n    BorderScheme\n> = {\n    collections: {\n        default: DefaultBorderUtilSet,\n    },\n    defaultValue: \"default\",\n};\n\nconst isStyledProps = (args: any): args is [StyledComponentProps] =>\n    args.length === 1 && \"theme\" in args[0];\n\nexport const getBorderStyle = (key: keyof BorderUtilSet) => {\n    return (\n            ...args:\n                | Parameters<BorderUtilSet[typeof key]>\n                | [StyledComponentProps]\n        ) =>\n        (props: StyledComponentProps): CSSProp => {\n            const resolvedOptions = isStyledProps(args) ? [] : args;\n            const resolvedStyledProps = isStyledProps(args) ? args[0] : props;\n\n            const theme = resolvedStyledProps.theme;\n            const borderUtilSet: BorderUtilSet = getCollection(\n                BorderUtilSpec,\n                theme?.borderScheme\n            );\n\n            const borderValue = borderUtilSet[key];\n            return borderValue(...resolvedOptions)(resolvedStyledProps);\n        };\n};\n\nexport const BorderUtilValues = {\n    solid: getBorderStyle(\"solid\"),\n    \"dashed-default\": getBorderStyle(\"dashed-default\"),\n};\n"],"names":["BorderUtilSpec","collections","default","DefaultBorderUtilSet","defaultValue","isStyledProps","args","length","getBorderStyle","key","props","resolvedOptions","resolvedStyledProps","theme","borderValue","getCollection","borderScheme","BorderUtilValues","solid"],"mappings":"wHAOA,MAAMA,EAGF,CACAC,YAAa,CACTC,QAASC,GAEbC,aAAc,WAGZC,EAAiBC,GACH,IAAhBA,EAAKC,QAAgB,UAAWD,EAAK,GAE5BE,EAAkBC,GACpB,IACIH,IAINI,IACG,MAAMC,EAAkBN,EAAcC,GAAQ,GAAKA,EAC7CM,EAAsBP,EAAcC,GAAQA,EAAK,GAAKI,EAEtDG,EAAQD,EAAoBC,MAOlC,OAAOC,EAN8BC,EACjCf,EACAa,aAAK,EAALA,EAAOG,cAGuBP,OACZE,EAAfG,CAAgCF,EAAoB,EAI1DK,EAAmB,CAC5BC,MAAOV,EAAe,SACtB,iBAAkBA,EAAe"}

package/theme/border-util/types.d.ts

@@ -1,19 +0,0 @@
-import { CSSProp } from "styled-components";
-import { BorderScheme } from "../types";
-import { StyledComponentProps } from "../helpers";
-export interface BorderUtilSet {
-    solid: (options?: {
-        thickness?: number | ((props: StyledComponentProps) => string);
-        radius?: number | ((props: StyledComponentProps) => string);
-        colour?: string | ((props: StyledComponentProps) => string);
-    }) => (props: StyledComponentProps) => CSSProp;
-    "dashed-default": (options?: {
-        thickness?: number | ((props: StyledComponentProps) => string);
-        radius?: number | ((props: StyledComponentProps) => string);
-        colour?: string | ((props: StyledComponentProps) => string);
-    }) => (props: StyledComponentProps) => CSSProp;
-}
-export type BorderUtilCollectionMap = {
-    [key in BorderScheme]: BorderUtilSet;
-};
-export type BorderUtilSetOptions = Partial<BorderUtilSet>;

package/theme/border-util/utils.d.ts

@@ -1,11 +0,0 @@
-import { StyledComponentProps } from "../helpers";
-export declare const solidBorderStyle: (options?: {
-    thickness?: number | ((props: StyledComponentProps) => string);
-    radius?: number | ((props: StyledComponentProps) => string);
-    colour?: string | ((props: StyledComponentProps) => string);
-}) => (props: StyledComponentProps) => import("styled-components").RuleSet<object>;
-export declare const dashedBorderStyle: (options?: {
-    thickness?: number | ((props: StyledComponentProps) => string);
-    radius?: number | ((props: StyledComponentProps) => string);
-    colour?: string | ((props: StyledComponentProps) => string);
-}) => (props: StyledComponentProps) => import("styled-components").RuleSet<object>;

package/theme/border-util/utils.js

@@ -1,8 +0,0 @@
-import{css as o}from"styled-components";import{BorderValues as r}from"../border/theme-helper.js";import{ColourSemantic as t}from"../colour-semantic/theme-helper.js";const e=e=>n=>{var i,s,d;const{thickness:l,radius:u,colour:c}=e||{},a=null!==(i="function"==typeof l?l(n):l+"px")&&void 0!==i?i:r["width-010"](n),f=null!==(s="function"==typeof u?u(n):u+"px")&&void 0!==s?s:0,h=null!==(d="function"==typeof c?c(n):c)&&void 0!==d?d:t.border(n),p=r.solid;return o`
-            border: ${a} ${p} ${h};
-            border-radius: ${f};
-        `},n=e=>n=>{var i,s,d;const{thickness:l,radius:u,colour:c}=e||{},a=null!==(i="function"==typeof l?l(n):l)&&void 0!==i?i:r["width-010"](n),f=null!==(s="function"==typeof u?u(n):u)&&void 0!==s?s:0,h=null!==(d="function"==typeof c?c(n):c)&&void 0!==d?d:t.border(n),p=encodeURIComponent(`<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='none' rx='${f}' ry='${f}' stroke='${h}' stroke-width='${a}' stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'/></svg>`);return o`
-            background-image: url("data:image/svg+xml,${p}");
-            border-radius: ${f};
-        `};export{n as dashedBorderStyle,e as solidBorderStyle};
-//# sourceMappingURL=utils.js.map

package/theme/border-util/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../src/theme/border-util/utils.ts"],"sourcesContent":["import { css } from \"styled-components\";\nimport { BorderValues } from \"../border/theme-helper\";\nimport { ColourSemantic } from \"../colour-semantic/theme-helper\";\nimport { StyledComponentProps } from \"../helpers\";\n\nexport const solidBorderStyle =\n    (options?: {\n        thickness?: number | ((props: StyledComponentProps) => string);\n        radius?: number | ((props: StyledComponentProps) => string);\n        colour?: string | ((props: StyledComponentProps) => string);\n    }) =>\n    (props: StyledComponentProps) => {\n        const { thickness, radius, colour } = options || {};\n        // Resolve design tokens to their underlying value\n        const resolvedThickness =\n            (typeof thickness === \"function\"\n                ? thickness(props)\n                : thickness + \"px\") ?? BorderValues[\"width-010\"](props);\n        const resolvedRadius =\n            (typeof radius === \"function\" ? radius(props) : radius + \"px\") ?? 0;\n        const resolvedColor =\n            (typeof colour === \"function\" ? colour(props) : colour) ??\n            ColourSemantic.border(props);\n        const style = BorderValues[\"solid\"];\n\n        return css`\n            border: ${resolvedThickness} ${style} ${resolvedColor};\n            border-radius: ${resolvedRadius};\n        `;\n    };\n\nexport const dashedBorderStyle =\n    (options?: {\n        thickness?: number | ((props: StyledComponentProps) => string);\n        radius?: number | ((props: StyledComponentProps) => string);\n        colour?: string | ((props: StyledComponentProps) => string);\n    }) =>\n    (props: StyledComponentProps) => {\n        const { thickness, radius, colour } = options || {};\n        // Resolve design tokens to their underlying value\n        const resolvedThickness =\n            (typeof thickness === \"function\" ? thickness(props) : thickness) ??\n            BorderValues[\"width-010\"](props);\n        const resolvedRadius =\n            (typeof radius === \"function\" ? radius(props) : radius) ?? 0;\n        const resolvedColor =\n            (typeof colour === \"function\" ? colour(props) : colour) ??\n            ColourSemantic.border(props);\n\n        const svg = `<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='none' rx='${resolvedRadius}' ry='${resolvedRadius}' stroke='${resolvedColor}' stroke-width='${resolvedThickness}' stroke-dasharray='4, 8' stroke-dashoffset='0' stroke-linecap='square'/></svg>`;\n        const encodedSvg = encodeURIComponent(svg);\n\n        return css`\n            background-image: url(\"data:image/svg+xml,${encodedSvg}\");\n            border-radius: ${resolvedRadius};\n        `;\n    };\n"],"names":["solidBorderStyle","options","props","thickness","radius","colour","resolvedThickness","_a","BorderValues","resolvedRadius","_b","resolvedColor","_c","ColourSemantic","border","style","css","dashedBorderStyle","encodedSvg","encodeURIComponent"],"mappings":"qKAKO,MAAMA,EACRC,GAKAC,cACG,MAAMC,UAAEA,EAASC,OAAEA,EAAMC,OAAEA,GAAWJ,GAAW,CAAA,EAE3CK,EAGqB,QAFvBC,EAAsB,mBAAdJ,EACFA,EAAUD,GACVC,EAAY,YAAK,IAAAI,EAAAA,EAAIC,EAAa,aAAaN,GACnDO,EAC4D,QAA9DC,EAAmB,mBAAXN,EAAwBA,EAAOF,GAASE,EAAS,YAAK,IAAAM,EAAAA,EAAI,EAChEC,EACqD,QAAvDC,EAAmB,mBAAXP,EAAwBA,EAAOH,GAASG,SAAO,IAAAO,EAAAA,EACvDC,EAAeC,OAAOZ,GACpBa,EAAQP,EAAoB,MAElC,OAAOQ,CAAG;sBACIV,KAAqBS,KAASJ;6BACvBF;SACpB,EAGIQ,EACRhB,GAKAC,cACG,MAAMC,UAAEA,EAASC,OAAEA,EAAMC,OAAEA,GAAWJ,GAAW,CAAA,EAE3CK,EAC8D,QAAhEC,EAAsB,mBAAdJ,EAA2BA,EAAUD,GAASC,SAAU,IAAAI,EAAAA,EAChEC,EAAa,aAAaN,GACxBO,EACqD,QAAvDC,EAAmB,mBAAXN,EAAwBA,EAAOF,GAASE,SAAO,IAAAM,EAAAA,EAAI,EACzDC,EACqD,QAAvDC,EAAmB,mBAAXP,EAAwBA,EAAOH,GAASG,SAAO,IAAAO,EAAAA,EACvDC,EAAeC,OAAOZ,GAGpBgB,EAAaC,mBADP,uHAAuHV,UAAuBA,cAA2BE,oBAAgCL,oFAGrN,OAAOU,CAAG;wDACsCE;6BAC3BT;SACpB"}

package/theme/breakpoint/media-query-helper.d.ts

@@ -1,9 +0,0 @@
-import { StyledComponentProps } from "../helpers";
-type MaxWidthBreakpoints = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-type MinWidthBreakpoints = MaxWidthBreakpoints | "xxl";
-type MediaQuerySpec<T extends string> = Record<T, (props: StyledComponentProps) => string>;
-export declare const MediaQuery: {
-    MaxWidth: MediaQuerySpec<MaxWidthBreakpoints>;
-    MinWidth: MediaQuerySpec<MinWidthBreakpoints>;
-};
-export {};

package/theme/breakpoint/media-query-helper.js

@@ -1,2 +0,0 @@
-import{BreakpointValues as x}from"./theme-helper.js";const m=m=>("max-width"===m?["xxs","xs","sm","md","lg","xl"]:["xxs","xs","sm","md","lg","xl","xxl"]).reduce(((t,e)=>(t[e]=((m,t)=>{const e=x["max-width"===m?`${t}-max`:`${t}-min`];return x=>{const t=e(x);return`@media screen and (${m}: ${t}px)`}})(m,e),t)),{}),t={MaxWidth:m("max-width"),MinWidth:m("min-width")};export{t as MediaQuery};
-//# sourceMappingURL=media-query-helper.js.map

package/theme/breakpoint/media-query-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-query-helper.js","sources":["../../../src/theme/breakpoint/media-query-helper.ts"],"sourcesContent":["import { BreakpointValues } from \"./theme-helper\";\nimport { StyledComponentProps } from \"../helpers\";\n\n// Typings for MedaiQuery\ntype MaxWidthBreakpoints = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype MinWidthBreakpoints = MaxWidthBreakpoints | \"xxl\";\ntype MediaQueryMinMax = \"max-width\" | \"min-width\";\ntype MediaQuerySpec<T extends string> = Record<\n    T,\n    (props: StyledComponentProps) => string\n>;\n\nconst createMediaQueryFunction = <T extends string>(\n    type: MediaQueryMinMax,\n    key: T\n) => {\n    const mappedKey = type === \"max-width\" ? `${key}-max` : `${key}-min`;\n    const breakpointFunction =\n        BreakpointValues[mappedKey as keyof typeof BreakpointValues];\n\n    return (props: StyledComponentProps) => {\n        const value = breakpointFunction(props);\n        return `@media screen and (${type}: ${value}px)`;\n    };\n};\n\nconst getMediaQuerySpec = <T extends string>(\n    type: \"max-width\" | \"min-width\"\n): MediaQuerySpec<T> => {\n    // Conditional breakpoints for max and min widths\n    const breakpoints = (\n        type === \"max-width\"\n            ? [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n            : [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"]\n    ) as T[];\n\n    return breakpoints.reduce((accumulator, key) => {\n        accumulator[key] = createMediaQueryFunction(type, key);\n        return accumulator;\n    }, {} as MediaQuerySpec<T>);\n};\n\n// Export with typing\nexport const MediaQuery = {\n    MaxWidth: getMediaQuerySpec<MaxWidthBreakpoints>(\"max-width\"),\n    MinWidth: getMediaQuerySpec<MinWidthBreakpoints>(\"min-width\"),\n};\n"],"names":["getMediaQuerySpec","type","reduce","accumulator","key","breakpointFunction","BreakpointValues","props","value","createMediaQueryFunction","MediaQuery","MaxWidth","MinWidth"],"mappings":"qDAYA,MAcMA,EACFC,IAIa,cAATA,EACM,CAAC,MAAO,KAAM,KAAM,KAAM,KAAM,MAChC,CAAC,MAAO,KAAM,KAAM,KAAM,KAAM,KAAM,QAG7BC,QAAO,CAACC,EAAaC,KACpCD,EAAYC,GAzBa,EAC7BH,EACAG,KAEA,MACMC,EACFC,EAFuB,cAATL,EAAuB,GAAGG,QAAY,GAAGA,SAI3D,OAAQG,IACJ,MAAMC,EAAQH,EAAmBE,GACjC,MAAO,sBAAsBN,MAASO,MAAU,CACnD,EAcsBC,CAAyBR,EAAMG,GAC3CD,IACR,CAAA,GAIMO,EAAa,CACtBC,SAAUX,EAAuC,aACjDY,SAAUZ,EAAuC"}

package/theme/breakpoint/specs/default-breakpoint-set.d.ts

@@ -1,2 +0,0 @@
-import { BreakpointSet } from "../types";
-export declare const DefaultBreakpointSet: BreakpointSet;

package/theme/breakpoint/specs/default-breakpoint-set.js

@@ -1,2 +0,0 @@
-const m={"xxs-min":0,"xxs-max":320,"xs-min":321,"xs-max":375,"sm-min":376,"sm-max":480,"md-min":481,"md-max":768,"lg-min":769,"lg-max":1200,"xl-min":1201,"xl-max":1440,"xxl-min":1441,"xxs-column":8,"xs-column":8,"sm-column":8,"md-column":8,"lg-column":12,"xl-column":12,"xxl-column":12,"xxs-gutter":16,"xs-gutter":16,"sm-gutter":16,"md-gutter":16,"lg-gutter":32,"xl-gutter":32,"xxl-gutter":32,"xxs-margin":24,"xs-margin":24,"sm-margin":24,"md-margin":24,"lg-margin":48,"xl-margin":48,"xxl-margin":48};export{m as DefaultBreakpointSet};
-//# sourceMappingURL=default-breakpoint-set.js.map

package/theme/breakpoint/specs/default-breakpoint-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-breakpoint-set.js","sources":["../../../../src/theme/breakpoint/specs/default-breakpoint-set.ts"],"sourcesContent":["import { BreakpointSet } from \"../types\";\n\nexport const DefaultBreakpointSet: BreakpointSet = {\n    \"xxs-min\": 0,\n    \"xxs-max\": 320,\n    \"xs-min\": 321,\n    \"xs-max\": 375,\n    \"sm-min\": 376,\n    \"sm-max\": 480,\n    \"md-min\": 481,\n    \"md-max\": 768,\n    \"lg-min\": 769,\n    \"lg-max\": 1200,\n    \"xl-min\": 1201,\n    \"xl-max\": 1440,\n    \"xxl-min\": 1441,\n\n    \"xxs-column\": 8,\n    \"xs-column\": 8,\n    \"sm-column\": 8,\n    \"md-column\": 8,\n    \"lg-column\": 12,\n    \"xl-column\": 12,\n    \"xxl-column\": 12,\n\n    \"xxs-gutter\": 16,\n    \"xs-gutter\": 16,\n    \"sm-gutter\": 16,\n    \"md-gutter\": 16,\n    \"lg-gutter\": 32,\n    \"xl-gutter\": 32,\n    \"xxl-gutter\": 32,\n\n    \"xxs-margin\": 24,\n    \"xs-margin\": 24,\n    \"sm-margin\": 24,\n    \"md-margin\": 24,\n    \"lg-margin\": 48,\n    \"xl-margin\": 48,\n    \"xxl-margin\": 48,\n};\n"],"names":["DefaultBreakpointSet"],"mappings":"AAEO,MAAMA,EAAsC,CAC/C,UAAW,EACX,UAAW,IACX,SAAU,IACV,SAAU,IACV,SAAU,IACV,SAAU,IACV,SAAU,IACV,SAAU,IACV,SAAU,IACV,SAAU,KACV,SAAU,KACV,SAAU,KACV,UAAW,KAEX,aAAc,EACd,YAAa,EACb,YAAa,EACb,YAAa,EACb,YAAa,GACb,YAAa,GACb,aAAc,GAEd,aAAc,GACd,YAAa,GACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,aAAc,GAEd,aAAc,GACd,YAAa,GACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,YAAa,GACb,aAAc"}

package/theme/breakpoint/theme-helper.d.ts

@@ -1,39 +0,0 @@
-import { StyledComponentProps } from "../helpers";
-import { BreakpointSet } from "./types";
-export declare const getBreakpoint: (key: keyof BreakpointSet) => (props: StyledComponentProps) => number;
-export declare const BreakpointValues: {
-    "xxs-min": (props: StyledComponentProps) => number;
-    "xxs-max": (props: StyledComponentProps) => number;
-    "xs-min": (props: StyledComponentProps) => number;
-    "xs-max": (props: StyledComponentProps) => number;
-    "sm-min": (props: StyledComponentProps) => number;
-    "sm-max": (props: StyledComponentProps) => number;
-    "md-min": (props: StyledComponentProps) => number;
-    "md-max": (props: StyledComponentProps) => number;
-    "lg-min": (props: StyledComponentProps) => number;
-    "lg-max": (props: StyledComponentProps) => number;
-    "xl-min": (props: StyledComponentProps) => number;
-    "xl-max": (props: StyledComponentProps) => number;
-    "xxl-min": (props: StyledComponentProps) => number;
-    "xxs-column": (props: StyledComponentProps) => number;
-    "xs-column": (props: StyledComponentProps) => number;
-    "sm-column": (props: StyledComponentProps) => number;
-    "md-column": (props: StyledComponentProps) => number;
-    "lg-column": (props: StyledComponentProps) => number;
-    "xl-column": (props: StyledComponentProps) => number;
-    "xxl-column": (props: StyledComponentProps) => number;
-    "xxs-gutter": (props: StyledComponentProps) => number;
-    "xs-gutter": (props: StyledComponentProps) => number;
-    "sm-gutter": (props: StyledComponentProps) => number;
-    "md-gutter": (props: StyledComponentProps) => number;
-    "lg-gutter": (props: StyledComponentProps) => number;
-    "xl-gutter": (props: StyledComponentProps) => number;
-    "xxl-gutter": (props: StyledComponentProps) => number;
-    "xxs-margin": (props: StyledComponentProps) => number;
-    "xs-margin": (props: StyledComponentProps) => number;
-    "sm-margin": (props: StyledComponentProps) => number;
-    "md-margin": (props: StyledComponentProps) => number;
-    "lg-margin": (props: StyledComponentProps) => number;
-    "xl-margin": (props: StyledComponentProps) => number;
-    "xxl-margin": (props: StyledComponentProps) => number;
-};

package/theme/breakpoint/theme-helper.js

@@ -1,2 +0,0 @@
-import{getCollection as m,getValue as x}from"../helpers.js";import{DefaultBreakpointSet as l}from"./specs/default-breakpoint-set.js";const n={collections:{default:l},defaultValue:"default"},t=l=>t=>{var r;const i=t.theme,s=m(n,null==i?void 0:i.breakpointScheme);let e;return e=(null===(r=null==i?void 0:i.overrides)||void 0===r?void 0:r.breakpoint)?x(s,l,i.overrides.breakpoint):s[l],e},r={"xxs-min":t("xxs-min"),"xxs-max":t("xxs-max"),"xs-min":t("xs-min"),"xs-max":t("xs-max"),"sm-min":t("sm-min"),"sm-max":t("sm-max"),"md-min":t("md-min"),"md-max":t("md-max"),"lg-min":t("lg-min"),"lg-max":t("lg-max"),"xl-min":t("xl-min"),"xl-max":t("xl-max"),"xxl-min":t("xxl-min"),"xxs-column":t("xxs-column"),"xs-column":t("xs-column"),"sm-column":t("sm-column"),"md-column":t("md-column"),"lg-column":t("lg-column"),"xl-column":t("xl-column"),"xxl-column":t("xxl-column"),"xxs-gutter":t("xxs-gutter"),"xs-gutter":t("xs-gutter"),"sm-gutter":t("sm-gutter"),"md-gutter":t("md-gutter"),"lg-gutter":t("lg-gutter"),"xl-gutter":t("xl-gutter"),"xxl-gutter":t("xxl-gutter"),"xxs-margin":t("xxs-margin"),"xs-margin":t("xs-margin"),"sm-margin":t("sm-margin"),"md-margin":t("md-margin"),"lg-margin":t("lg-margin"),"xl-margin":t("xl-margin"),"xxl-margin":t("xxl-margin")};export{r as BreakpointValues,t as getBreakpoint};
-//# sourceMappingURL=theme-helper.js.map

package/theme/breakpoint/theme-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../src/theme/breakpoint/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { BreakpointScheme } from \"../types\";\nimport { DefaultBreakpointSet } from \"./specs/default-breakpoint-set\";\nimport { BreakpointCollectionsMap, BreakpointSet } from \"./types\";\n\nconst BreakpointSpec: ThemeCollectionSpec<\n    BreakpointCollectionsMap,\n    BreakpointScheme\n> = {\n    collections: {\n        default: DefaultBreakpointSet,\n    },\n    defaultValue: \"default\",\n};\n\nexport const getBreakpoint = (key: keyof BreakpointSet) => {\n    return (props: StyledComponentProps): number => {\n        const theme = props.theme;\n        const breakpointSet: BreakpointSet = getCollection(\n            BreakpointSpec,\n            theme?.breakpointScheme\n        );\n\n        let value: number | undefined;\n\n        if (theme?.overrides?.breakpoint) {\n            value = getValue(breakpointSet, key, theme.overrides.breakpoint);\n        } else {\n            value = breakpointSet[key];\n        }\n\n        return value;\n    };\n};\n\nexport const BreakpointValues = {\n    \"xxs-min\": getBreakpoint(\"xxs-min\"),\n    \"xxs-max\": getBreakpoint(\"xxs-max\"),\n    \"xs-min\": getBreakpoint(\"xs-min\"),\n    \"xs-max\": getBreakpoint(\"xs-max\"),\n    \"sm-min\": getBreakpoint(\"sm-min\"),\n    \"sm-max\": getBreakpoint(\"sm-max\"),\n    \"md-min\": getBreakpoint(\"md-min\"),\n    \"md-max\": getBreakpoint(\"md-max\"),\n    \"lg-min\": getBreakpoint(\"lg-min\"),\n    \"lg-max\": getBreakpoint(\"lg-max\"),\n    \"xl-min\": getBreakpoint(\"xl-min\"),\n    \"xl-max\": getBreakpoint(\"xl-max\"),\n    \"xxl-min\": getBreakpoint(\"xxl-min\"),\n\n    \"xxs-column\": getBreakpoint(\"xxs-column\"),\n    \"xs-column\": getBreakpoint(\"xs-column\"),\n    \"sm-column\": getBreakpoint(\"sm-column\"),\n    \"md-column\": getBreakpoint(\"md-column\"),\n    \"lg-column\": getBreakpoint(\"lg-column\"),\n    \"xl-column\": getBreakpoint(\"xl-column\"),\n    \"xxl-column\": getBreakpoint(\"xxl-column\"),\n\n    \"xxs-gutter\": getBreakpoint(\"xxs-gutter\"),\n    \"xs-gutter\": getBreakpoint(\"xs-gutter\"),\n    \"sm-gutter\": getBreakpoint(\"sm-gutter\"),\n    \"md-gutter\": getBreakpoint(\"md-gutter\"),\n    \"lg-gutter\": getBreakpoint(\"lg-gutter\"),\n    \"xl-gutter\": getBreakpoint(\"xl-gutter\"),\n    \"xxl-gutter\": getBreakpoint(\"xxl-gutter\"),\n\n    \"xxs-margin\": getBreakpoint(\"xxs-margin\"),\n    \"xs-margin\": getBreakpoint(\"xs-margin\"),\n    \"sm-margin\": getBreakpoint(\"sm-margin\"),\n    \"md-margin\": getBreakpoint(\"md-margin\"),\n    \"lg-margin\": getBreakpoint(\"lg-margin\"),\n    \"xl-margin\": getBreakpoint(\"xl-margin\"),\n    \"xxl-margin\": getBreakpoint(\"xxl-margin\"),\n};\n"],"names":["BreakpointSpec","collections","default","DefaultBreakpointSet","defaultValue","getBreakpoint","key","props","theme","breakpointSet","getCollection","breakpointScheme","value","_a","overrides","breakpoint","getValue","BreakpointValues"],"mappings":"qIAMA,MAAMA,EAGF,CACAC,YAAa,CACTC,QAASC,GAEbC,aAAc,WAGLC,EAAiBC,GAClBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAA+BC,EACjCV,EACAQ,aAAK,EAALA,EAAOG,kBAGX,IAAIC,EAQJ,OALIA,GADgB,QAAhBC,EAAAL,aAAK,EAALA,EAAOM,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,YACVC,EAASP,EAAeH,EAAKE,EAAMM,UAAUC,YAE7CN,EAAcH,GAGnBM,CAAK,EAIPK,EAAmB,CAC5B,UAAWZ,EAAc,WACzB,UAAWA,EAAc,WACzB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,SAAUA,EAAc,UACxB,UAAWA,EAAc,WAEzB,aAAcA,EAAc,cAC5B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,aAAcA,EAAc,cAE5B,aAAcA,EAAc,cAC5B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,aAAcA,EAAc,cAE5B,aAAcA,EAAc,cAC5B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,YAAaA,EAAc,aAC3B,aAAcA,EAAc"}

package/theme/breakpoint/types.d.ts

@@ -1,41 +0,0 @@
-import { BreakpointScheme } from "../types";
-export interface BreakpointSet {
-    "xxs-min": number;
-    "xxs-max": number;
-    "xs-min": number;
-    "xs-max": number;
-    "sm-min": number;
-    "sm-max": number;
-    "md-min": number;
-    "md-max": number;
-    "lg-min": number;
-    "lg-max": number;
-    "xl-min": number;
-    "xl-max": number;
-    "xxl-min": number;
-    "xxs-column": number;
-    "xs-column": number;
-    "sm-column": number;
-    "md-column": number;
-    "lg-column": number;
-    "xl-column": number;
-    "xxl-column": number;
-    "xxs-gutter": number;
-    "xs-gutter": number;
-    "sm-gutter": number;
-    "md-gutter": number;
-    "lg-gutter": number;
-    "xl-gutter": number;
-    "xxl-gutter": number;
-    "xxs-margin": number;
-    "xs-margin": number;
-    "sm-margin": number;
-    "md-margin": number;
-    "lg-margin": number;
-    "xl-margin": number;
-    "xxl-margin": number;
-}
-export type BreakpointCollectionsMap = {
-    [key in BreakpointScheme]: BreakpointSet;
-};
-export type BreakpointSetOptions = Partial<BreakpointSet>;

package/theme/colour-primitive/specs/a11yplayground-colour-set.d.ts

@@ -1,2 +0,0 @@
-import { PrimitiveColourSet } from "../../types";
-export declare const A11yPlaygroundColourSet: PrimitiveColourSet;

package/theme/colour-primitive/specs/a11yplayground-colour-set.js

@@ -1,2 +0,0 @@
-const r={"brand-10":"#170F39","brand-20":"#281C62","brand-30":"#38268B","brand-40":"#4D34BF","brand-50":"#5735DF","brand-60":"#9986F9","brand-70":"#B2A5F8","brand-80":"#CDC2FA","brand-90":"#E2DCFC","brand-95":"#EFEDFE","brand-100":"#FAF8FD","primary-10":"#170F39","primary-20":"#281C62","primary-30":"#38268B","primary-40":"#4D34BF","primary-50":"#5735DF","primary-60":"#9986F9","primary-70":"#B2A5F8","primary-80":"#CDC2FA","primary-90":"#E2DCFC","primary-95":"#EFEDFE","primary-100":"#FAF8FD","secondary-10":"#251204","secondary-20":"#401F08","secondary-30":"#5B2C0B","secondary-40":"#7E3D0F","secondary-50":"#B04900","secondary-60":"#E26E1C","secondary-70":"#FF9445","secondary-80":"#FFBB8E","secondary-90":"#FFD9BF","secondary-95":"#FFECDF","secondary-100":"#FFF8F3","neutral-10":"#161616","neutral-20":"#282828","neutral-30":"#393939","neutral-40":"#4E4E4E","neutral-50":"#686868","neutral-60":"#8E8E8E","neutral-70":"#AFAFB0","neutral-80":"#C7CACA","neutral-90":"#DDE1E2","neutral-95":"#EDEFEF","neutral-100":"#F9F9F9","success-10":"#031B15","success-20":"#082D24","success-30":"#094134","success-40":"#0D5947","success-50":"#10755E","success-60":"#16A181","success-70":"#1EC59D","success-80":"#6FDDC2","success-90":"#AFECDE","success-95":"#D5F5ED","success-100":"#F1FCF9","warning-10":"#1F1500","warning-20":"#362500","warning-30":"#4D3501","warning-40":"#6A4801","warning-50":"#8B6001","warning-60":"#BF8301","warning-70":"#EAA102","warning-80":"#FFBF34","warning-90":"#FFDC8F","warning-95":"#FFEDC7","warning-100":"#FFF8EA","error-10":"#270F10","error-20":"#441B1B","error-30":"#612627","error-40":"#853535","error-50":"#AF4546","error-60":"#EC6162","error-70":"#F29696","error-80":"#F7BBBC","error-90":"#FAD8D8","error-95":"#FCEAEA","error-100":"#FEF7F7","info-10":"#0F1627","info-20":"#1B2745","info-30":"#273763","info-40":"#354D88","info-50":"#4665B3","info-60":"#618AF6","info-70":"#8DADFF","info-80":"#B4C9FF","info-90":"#D3DFFF","info-95":"#E9EFFF","info-100":"#F5F8FF",white:"#FFFFFF",black:"#000000","primary-inverse":"#FEAB10"};export{r as A11yPlaygroundColourSet};
-//# sourceMappingURL=a11yplayground-colour-set.js.map

package/theme/colour-primitive/specs/a11yplayground-colour-set.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11yplayground-colour-set.js","sources":["../../../../src/theme/colour-primitive/specs/a11yplayground-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const A11yPlaygroundColourSet: PrimitiveColourSet = {\n    \"brand-10\": \"#170F39\",\n    \"brand-20\": \"#281C62\",\n    \"brand-30\": \"#38268B\",\n    \"brand-40\": \"#4D34BF\",\n    \"brand-50\": \"#5735DF\",\n    \"brand-60\": \"#9986F9\",\n    \"brand-70\": \"#B2A5F8\",\n    \"brand-80\": \"#CDC2FA\",\n    \"brand-90\": \"#E2DCFC\",\n    \"brand-95\": \"#EFEDFE\",\n    \"brand-100\": \"#FAF8FD\",\n    \"primary-10\": \"#170F39\",\n    \"primary-20\": \"#281C62\",\n    \"primary-30\": \"#38268B\",\n    \"primary-40\": \"#4D34BF\",\n    \"primary-50\": \"#5735DF\",\n    \"primary-60\": \"#9986F9\",\n    \"primary-70\": \"#B2A5F8\",\n    \"primary-80\": \"#CDC2FA\",\n    \"primary-90\": \"#E2DCFC\",\n    \"primary-95\": \"#EFEDFE\",\n    \"primary-100\": \"#FAF8FD\",\n    \"secondary-10\": \"#251204\",\n    \"secondary-20\": \"#401F08\",\n    \"secondary-30\": \"#5B2C0B\",\n    \"secondary-40\": \"#7E3D0F\",\n    \"secondary-50\": \"#B04900\",\n    \"secondary-60\": \"#E26E1C\",\n    \"secondary-70\": \"#FF9445\",\n    \"secondary-80\": \"#FFBB8E\",\n    \"secondary-90\": \"#FFD9BF\",\n    \"secondary-95\": \"#FFECDF\",\n    \"secondary-100\": \"#FFF8F3\",\n    \"neutral-10\": \"#161616\",\n    \"neutral-20\": \"#282828\",\n    \"neutral-30\": \"#393939\",\n    \"neutral-40\": \"#4E4E4E\",\n    \"neutral-50\": \"#686868\",\n    \"neutral-60\": \"#8E8E8E\",\n    \"neutral-70\": \"#AFAFB0\",\n    \"neutral-80\": \"#C7CACA\",\n    \"neutral-90\": \"#DDE1E2\",\n    \"neutral-95\": \"#EDEFEF\",\n    \"neutral-100\": \"#F9F9F9\",\n    \"success-10\": \"#031B15\",\n    \"success-20\": \"#082D24\",\n    \"success-30\": \"#094134\",\n    \"success-40\": \"#0D5947\",\n    \"success-50\": \"#10755E\",\n    \"success-60\": \"#16A181\",\n    \"success-70\": \"#1EC59D\",\n    \"success-80\": \"#6FDDC2\",\n    \"success-90\": \"#AFECDE\",\n    \"success-95\": \"#D5F5ED\",\n    \"success-100\": \"#F1FCF9\",\n    \"warning-10\": \"#1F1500\",\n    \"warning-20\": \"#362500\",\n    \"warning-30\": \"#4D3501\",\n    \"warning-40\": \"#6A4801\",\n    \"warning-50\": \"#8B6001\",\n    \"warning-60\": \"#BF8301\",\n    \"warning-70\": \"#EAA102\",\n    \"warning-80\": \"#FFBF34\",\n    \"warning-90\": \"#FFDC8F\",\n    \"warning-95\": \"#FFEDC7\",\n    \"warning-100\": \"#FFF8EA\",\n    \"error-10\": \"#270F10\",\n    \"error-20\": \"#441B1B\",\n    \"error-30\": \"#612627\",\n    \"error-40\": \"#853535\",\n    \"error-50\": \"#AF4546\",\n    \"error-60\": \"#EC6162\",\n    \"error-70\": \"#F29696\",\n    \"error-80\": \"#F7BBBC\",\n    \"error-90\": \"#FAD8D8\",\n    \"error-95\": \"#FCEAEA\",\n    \"error-100\": \"#FEF7F7\",\n    \"info-10\": \"#0F1627\",\n    \"info-20\": \"#1B2745\",\n    \"info-30\": \"#273763\",\n    \"info-40\": \"#354D88\",\n    \"info-50\": \"#4665B3\",\n    \"info-60\": \"#618AF6\",\n    \"info-70\": \"#8DADFF\",\n    \"info-80\": \"#B4C9FF\",\n    \"info-90\": \"#D3DFFF\",\n    \"info-95\": \"#E9EFFF\",\n    \"info-100\": \"#F5F8FF\",\n    white: \"#FFFFFF\",\n    black: \"#000000\",\n    \"primary-inverse\": \"#FEAB10\",\n};\n"],"names":["A11yPlaygroundColourSet","white","black"],"mappings":"AAEO,MAAMA,EAA8C,CACvD,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,gBAAiB,UACjB,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UACf,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UACZC,MAAO,UACPC,MAAO,UACP,kBAAmB"}

package/theme/colour-primitive/specs/bookingsg-colour-set.d.ts

@@ -1,2 +0,0 @@
-import { PrimitiveColourSet } from "../../types";
-export declare const BookingSgColourSet: PrimitiveColourSet;