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

package/language-switcher/link-container-variant.style.js

@@ -1,51 +0,0 @@
-import e,{css as r}from"styled-components";import{Spacing as t,Radius as i,Border as o,Colour as n,Font as d,Motion as l}from"../theme/index.js";const s=e.div`
-    display: inline-flex;
-    padding: ${t["spacing-8"]} ${t["spacing-16"]};
-    align-items: center;
-    border-radius: ${i.sm};
-    border: ${o["width-010"]} ${o.solid} ${n.border};
-    background: ${n.bg};
-`,a=e.ul`
-    display: flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    align-items: center;
-    gap: 0 ${t["spacing-8"]};
-    flex-wrap: wrap;
-`,c=e.li`
-    display: flex;
-    align-items: center;
-`,p=e.button`
-    display: flex;
-    padding: 0.25rem 0.5rem;
-    justify-content: center;
-    align-items: center;
-    gap: 0.625rem;
-    border: none;
-    border-radius: ${i.md};
-    ${d["body-md-semibold"]}
-    color: ${n["text-subtler"]};
-    text-align: center;
-    transition: color ${l["duration-150"]} ${l["ease-default"]};
-
-    ${({$active:e})=>e?r`
-                  background: ${n["bg-primary-subtler"]};
-                  color: ${n["text-selected"]};
-                  cursor: default;
-              `:r`
-                  background: none;
-                  cursor: pointer;
-
-                  &:hover {
-                      color: ${n["text-hover"]};
-                      text-decoration: underline;
-                  }
-              `}
-
-    &:focus-visible {
-        outline: 2px solid ${n["focus-ring"]};
-        outline-offset: -2px;
-    }
-`;export{s as LinkContainerWrapper,p as LinkItem,a as LinkList,c as LinkListItem};
-//# sourceMappingURL=link-container-variant.style.js.map

package/language-switcher/link-container-variant.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-container-variant.style.js","sources":["../../src/language-switcher/link-container-variant.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Font, Motion, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface LinkItemStyleProps {\n    $active?: boolean;\n}\n\n// =============================================================================\n// LINK CONTAINER STYLES\n// =============================================================================\nexport const LinkContainerWrapper = styled.div`\n    display: inline-flex;\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n    align-items: center;\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const LinkList = styled.ul`\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    align-items: center;\n    gap: 0 ${Spacing[\"spacing-8\"]};\n    flex-wrap: wrap;\n`;\n\nexport const LinkListItem = styled.li`\n    display: flex;\n    align-items: center;\n`;\n\nexport const LinkItem = styled.button<LinkItemStyleProps>`\n    display: flex;\n    padding: 0.25rem 0.5rem;\n    justify-content: center;\n    align-items: center;\n    gap: 0.625rem;\n    border: none;\n    border-radius: ${Radius[\"md\"]};\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-subtler\"]};\n    text-align: center;\n    transition: color ${Motion[\"duration-150\"]} ${Motion[\"ease-default\"]};\n\n    ${({ $active }) =>\n        $active\n            ? css`\n                  background: ${Colour[\"bg-primary-subtler\"]};\n                  color: ${Colour[\"text-selected\"]};\n                  cursor: default;\n              `\n            : css`\n                  background: none;\n                  cursor: pointer;\n\n                  &:hover {\n                      color: ${Colour[\"text-hover\"]};\n                      text-decoration: underline;\n                  }\n              `}\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n"],"names":["LinkContainerWrapper","styled","div","Spacing","Radius","Border","Colour","LinkList","ul","LinkListItem","li","LinkItem","button","Font","Motion","$active","css"],"mappings":"iJAaO,MAAMA,EAAuBC,EAAOC,GAAG;;eAE/BC,EAAQ,gBAAgBA,EAAQ;;qBAE1BC,EAAW;cAClBC,EAAO,gBAAgBA,EAAc,SAAKC,EAAe;kBACrDA,EAAW;EAGhBC,EAAWN,EAAOO,EAAE;;;;;;aAMpBL,EAAQ;;EAIRM,EAAeR,EAAOS,EAAE;;;EAKxBC,EAAWV,EAAOW,MAA0B;;;;;;;qBAOpCR,EAAW;MAC1BS,EAAK;aACEP,EAAO;;wBAEIQ,EAAO,mBAAmBA,EAAO;;MAEnD,EAAGC,aACDA,EACMC,CAAG;gCACeV,EAAO;2BACZA,EAAO;;gBAGpBU,CAAG;;;;;+BAKcV,EAAO;;;;;;6BAMTA,EAAO;;;"}

package/layout/col-div.style.d.ts

@@ -1,17 +0,0 @@
-export interface StyledDivStyleProps {
-    $xxsStart?: number | undefined;
-    $xxsSpan?: number | undefined;
-    $xsStart?: number | undefined;
-    $xsSpan?: number | undefined;
-    $smStart?: number | undefined;
-    $smSpan?: number | undefined;
-    $mdStart?: number | undefined;
-    $mdSpan?: number | undefined;
-    $lgStart?: number | undefined;
-    $lgSpan?: number | undefined;
-    $xlStart?: number | undefined;
-    $xlSpan?: number | undefined;
-    $xxlStart?: number | undefined;
-    $xxlSpan?: number | undefined;
-}
-export declare const StyledDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyledDivStyleProps> & StyledDivStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyledDivStyleProps> & StyledDivStyleProps, never>>> & string;

package/layout/col-div.style.js

@@ -1,32 +0,0 @@
-import t,{css as a}from"styled-components";import{MediaQuery as $}from"../theme/breakpoint/media-query-helper.js";const n=t.div`
-    position: relative;
-
-    ${t=>{const{$xxlStart:n,$xxlSpan:o,$xlStart:r,$xlSpan:x,$lgStart:s,$lgSpan:i,$mdStart:p,$mdSpan:m,$smStart:d,$smSpan:l,$xsStart:u,$xsSpan:S,$xxsStart:e,$xxsSpan:c}=t;return a`
-            grid-column: ${n||"auto"} / span ${o||1};
-
-            ${$.MaxWidth.xl} {
-                grid-column: ${r||"auto"} / span ${x||1};
-            }
-
-            ${$.MaxWidth.lg} {
-                grid-column: ${s||"auto"} / span ${i||1};
-            }
-
-            ${$.MaxWidth.md} {
-                grid-column: ${p||"auto"} / span ${m||1};
-            }
-
-            ${$.MaxWidth.sm} {
-                grid-column: ${d||"auto"} / span ${l||1};
-            }
-
-            ${$.MaxWidth.xs} {
-                grid-column: ${u||"auto"} / span ${S||1};
-            }
-
-            ${$.MaxWidth.xxs} {
-                grid-column: ${e||"auto"} / span ${c||1};
-            }
-        `}}
-`;export{n as StyledDiv};
-//# sourceMappingURL=col-div.style.js.map

package/layout/col-div.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"col-div.style.js","sources":["../../src/layout/col-div.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { MediaQuery } from \"../theme/breakpoint/media-query-helper\";\n\nexport interface StyledDivStyleProps {\n    $xxsStart?: number | undefined;\n    $xxsSpan?: number | undefined;\n    $xsStart?: number | undefined;\n    $xsSpan?: number | undefined;\n    $smStart?: number | undefined;\n    $smSpan?: number | undefined;\n    $mdStart?: number | undefined;\n    $mdSpan?: number | undefined;\n    $lgStart?: number | undefined;\n    $lgSpan?: number | undefined;\n    $xlStart?: number | undefined;\n    $xlSpan?: number | undefined;\n    $xxlStart?: number | undefined;\n    $xxlSpan?: number | undefined;\n}\n\nexport const StyledDiv = styled.div<StyledDivStyleProps>`\n    position: relative;\n\n    ${(props) => {\n        const {\n            $xxlStart,\n            $xxlSpan,\n\n            $xlStart,\n            $xlSpan,\n\n            $lgStart,\n            $lgSpan,\n\n            $mdStart,\n            $mdSpan,\n\n            $smStart,\n            $smSpan,\n\n            $xsStart,\n            $xsSpan,\n\n            $xxsStart,\n            $xxsSpan,\n        } = props;\n\n        return css`\n            grid-column: ${$xxlStart || \"auto\"} / span ${$xxlSpan || 1};\n\n            ${MediaQuery.MaxWidth.xl} {\n                grid-column: ${$xlStart || \"auto\"} / span ${$xlSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.lg} {\n                grid-column: ${$lgStart || \"auto\"} / span ${$lgSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.md} {\n                grid-column: ${$mdStart || \"auto\"} / span ${$mdSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.sm} {\n                grid-column: ${$smStart || \"auto\"} / span ${$smSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.xs} {\n                grid-column: ${$xsStart || \"auto\"} / span ${$xsSpan || 1};\n            }\n\n            ${MediaQuery.MaxWidth.xxs} {\n                grid-column: ${$xxsStart || \"auto\"} / span ${$xxsSpan || 1};\n            }\n        `;\n    }}\n`;\n"],"names":["StyledDiv","styled","div","props","$xxlStart","$xxlSpan","$xlStart","$xlSpan","$lgStart","$lgSpan","$mdStart","$mdSpan","$smStart","$smSpan","$xsStart","$xsSpan","$xxsStart","$xxsSpan","css","MediaQuery","MaxWidth","xl","lg","md","sm","xs","xxs"],"mappings":"kHAoBO,MAAMA,EAAYC,EAAOC,GAAwB;;;MAGjDC,IACC,MAAMC,UACFA,EAASC,SACTA,EAAQC,SAERA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,SAEPA,EAAQC,QACRA,EAAOC,UAEPA,EAASC,SACTA,GACAd,EAEJ,OAAOe,CAAG;2BACSd,GAAa,iBAAiBC,GAAY;;cAEvDc,EAAWC,SAASC;+BACHf,GAAY,iBAAiBC,GAAW;;;cAGzDY,EAAWC,SAASE;+BACHd,GAAY,iBAAiBC,GAAW;;;cAGzDU,EAAWC,SAASG;+BACHb,GAAY,iBAAiBC,GAAW;;;cAGzDQ,EAAWC,SAASI;+BACHZ,GAAY,iBAAiBC,GAAW;;;cAGzDM,EAAWC,SAASK;+BACHX,GAAY,iBAAiBC,GAAW;;;cAGzDI,EAAWC,SAASM;+BACHV,GAAa,iBAAiBC,GAAY;;SAEhE;"}

package/link-list/internal-types.d.ts

@@ -1,31 +0,0 @@
-export type LinkListStyle = "default" | "small";
-export interface LinkListItemProps<T> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "title"> {
-    title: string | JSX.Element;
-    description?: string | JSX.Element | undefined;
-    secondaryDescription?: JSX.Element | undefined;
-    "data-testid"?: string | undefined;
-    options?: T | undefined;
-}
-export type BaseProps<T> = {
-    items: LinkListItemProps<T>[];
-    /** Specifies the text size style of the items. Values: "default" | "small" */
-    style?: LinkListStyle | undefined;
-    className?: string | undefined;
-    "data-testid"?: string | undefined;
-    /** Captures item clicks on a component level */
-    onItemClick?: ((item: LinkListItemProps<T>, event: React.MouseEvent<HTMLAnchorElement>) => void) | undefined;
-    customLabels?: {
-        viewMore?: string | undefined;
-        viewLess?: string | undefined;
-    } | undefined;
-};
-export type LinkListEagerProps = {
-    loadMode?: "eager" | undefined;
-    /** Specifies the number of items to be shown. The others will be minimized */
-    maxShown?: number | undefined;
-};
-export type LinkListLazyProps = {
-    loadMode: "lazy";
-    loadMore: boolean;
-    onLoadMore: () => void | Promise<void>;
-};

package/masked-input/masked-input.style.d.ts

@@ -1,50 +0,0 @@
-interface InputGroupWrapperProps {
-    readOnly: boolean | undefined;
-    $isDisabled: boolean | undefined;
-}
-interface IconProps {
-    $isDisabled?: boolean;
-    $inactiveColor: string | undefined;
-    $activeColor: string | undefined;
-}
-export declare const InputGroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").InputGroupProps<unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, keyof InputGroupWrapperProps> & InputGroupWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<import("..").InputGroupProps<unknown, unknown> & import("react").RefAttributes<HTMLInputElement>, keyof InputGroupWrapperProps> & InputGroupWrapperProps, never>>> & string & Omit<(<T, V>(props: import("..").InputGroupProps<T, V> & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null), keyof import("react").Component<any, {}, any>>;
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof IconProps> & IconProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof IconProps> & IconProps, never>>> & string;
-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 LoadingLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/component-loading-spinner").ComponentLoadingSpinnerProps, never> & Partial<Pick<import("../shared/component-loading-spinner").ComponentLoadingSpinnerProps, never>>> & string & Omit<({ color, className, size, }: import("../shared/component-loading-spinner").ComponentLoadingSpinnerProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const TryAgainLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const ErrorTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const ErrorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ErrorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const ClickableErrorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, never>>> & string;
-export declare const ReadOnlyClickable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
-export declare const ReadOnlyValueText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const ReadOnlyIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export {};

package/masked-input/masked-input.style.js

@@ -1,85 +0,0 @@
-import{ExclamationTriangleIcon as e}from"@lifesg/react-icons/exclamation-triangle";import i from"styled-components";import{InputGroup as n}from"../input-group/input-group.js";import{ComponentLoadingSpinner as r}from"../shared/component-loading-spinner/component-loading-spinner.js";import{Spacing as t,Colour as o,Font as a}from"../theme/index.js";import{Typography as s}from"../typography/typography.js";import{BasicButton as p}from"../shared/input-wrapper/input-wrapper.js";const c=i(n)`
-    padding: 0 0 0 ${({readOnly:e})=>e?"0":t["spacing-16"]};
-    input {
-        cursor: ${({readOnly:e,$isDisabled:i})=>e&&!i?"pointer":"initial"};
-    }
-`,l=i.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: ${({$isDisabled:e})=>e?"initial":"pointer"};
-    color: ${({$isDisabled:e,$inactiveColor:i=o.icon,$activeColor:n=o["icon-primary"]})=>e?i:n};
-    padding: ${t["spacing-12"]} ${t["spacing-16"]};
-
-    svg {
-        height: 1em;
-        width: 1em;
-    }
-`,g=i.div`
-    display: flex;
-    align-items: center;
-    height: 3rem;
-`,m=i(s.BodyBL)`
-    color: ${o["text-subtler"]};
-`,d=i(r)`
-    margin-right: ${t["spacing-8"]};
-    color: ${o.icon};
-`,h=i.span`
-    color: ${o["text-primary"]};
-    font-weight: ${a.Spec["weight-semibold"]};
-`,$=i.span`
-    display: flex;
-    align-items: center;
-    margin-right: ${t["spacing-8"]};
-`,y=i(e)`
-    color: ${o["icon-warning"]};
-    margin-right: ${t["spacing-8"]};
-    height: 1em;
-    width: 1em;
-`,f=i.span`
-    color: ${o["text-warning"]};
-`,u=i(p)`
-    width: 100%;
-    height: 3rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-
-    ${a["body-baseline-regular"]}
-
-    &:hover, &:active, &:focus {
-        ${h} {
-            color: ${o["text-hover"]};
-        }
-    }
-`,b=i.button`
-    ${a["body-baseline-regular"]}
-    color: ${o.text};
-    border: none;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    text-align: left;
-    width: 100%;
-    justify-content: space-between;
-    min-height: 3rem;
-`,w=i.span`
-    overflow-wrap: anywhere;
-`,x=i.span`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${o["icon-primary"]};
-    padding: 0 1rem;
-    flex-shrink: 0;
-
-    svg {
-        width: ${a.Spec["body-size-baseline"]};
-        height: ${a.Spec["body-size-baseline"]};
-    }
-`;export{u as ClickableErrorWrapper,y as ErrorIcon,f as ErrorLabel,$ as ErrorTextContainer,l as IconContainer,c as InputGroupWrapper,m as LoadingLabel,g as LoadingWrapper,b as ReadOnlyClickable,x as ReadOnlyIconContainer,w as ReadOnlyValueText,d as Spinner,h as TryAgainLabel};
-//# sourceMappingURL=masked-input.style.js.map

package/masked-input/masked-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masked-input.style.js","sources":["../../src/masked-input/masked-input.style.tsx"],"sourcesContent":["import { ExclamationTriangleIcon } from \"@lifesg/react-icons/exclamation-triangle\";\nimport styled from \"styled-components\";\nimport { InputGroup } from \"../input-group\";\nimport { ComponentLoadingSpinner } from \"../shared/component-loading-spinner\";\nimport { Colour, Font, Spacing } from \"../theme\";\nimport { Typography } from \"../typography\";\nimport { BasicButton } from \"../shared/input-wrapper\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\n\ninterface InputGroupWrapperProps {\n    readOnly: boolean | undefined;\n    $isDisabled: boolean | undefined;\n}\n\ninterface IconProps {\n    $isDisabled?: boolean;\n    $inactiveColor: string | undefined;\n    $activeColor: string | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const InputGroupWrapper = styled(InputGroup)<InputGroupWrapperProps>`\n    padding: 0 0 0 ${({ readOnly }) => (readOnly ? \"0\" : Spacing[\"spacing-16\"])};\n    input {\n        cursor: ${({ readOnly, $isDisabled }) =>\n            readOnly && !$isDisabled ? \"pointer\" : \"initial\"};\n    }\n`;\n\nexport const IconContainer = styled.div<IconProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? \"pointer\" : \"initial\")};\n    color: ${({\n        $isDisabled,\n        $inactiveColor = Colour.icon,\n        $activeColor = Colour[\"icon-primary\"],\n    }) => ($isDisabled ? $inactiveColor : $activeColor)};\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n\n    svg {\n        height: 1em;\n        width: 1em;\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// LOADING DISPLAY\n// -----------------------------------------------------------------------------\nexport const LoadingWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    height: 3rem;\n`;\n\nexport const LoadingLabel = styled(Typography.BodyBL)`\n    color: ${Colour[\"text-subtler\"]};\n`;\n\nexport const Spinner = styled(ComponentLoadingSpinner)`\n    margin-right: ${Spacing[\"spacing-8\"]};\n    color: ${Colour[\"icon\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// ERROR DISPLAY\n// -----------------------------------------------------------------------------\n\nexport const TryAgainLabel = styled.span`\n    color: ${Colour[\"text-primary\"]};\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const ErrorTextContainer = styled.span`\n    display: flex;\n    align-items: center;\n    margin-right: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationTriangleIcon)`\n    color: ${Colour[\"icon-warning\"]};\n    margin-right: ${Spacing[\"spacing-8\"]};\n    height: 1em;\n    width: 1em;\n`;\n\nexport const ErrorLabel = styled.span`\n    color: ${Colour[\"text-warning\"]};\n`;\n\nexport const ClickableErrorWrapper = styled(BasicButton)`\n    width: 100%;\n    height: 3rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n\n    ${Font[\"body-baseline-regular\"]}\n\n    &:hover, &:active, &:focus {\n        ${TryAgainLabel} {\n            color: ${Colour[\"text-hover\"]};\n        }\n    }\n`;\n\n// -----------------------------------------------------------------------------\n// READONLY MASKED DISPLAY\n// -----------------------------------------------------------------------------\n\nexport const ReadOnlyClickable = styled.button`\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n    border: none;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    text-align: left;\n    width: 100%;\n    justify-content: space-between;\n    min-height: 3rem;\n`;\n\nexport const ReadOnlyValueText = styled.span`\n    overflow-wrap: anywhere;\n`;\n\nexport const ReadOnlyIconContainer = styled.span`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: ${Colour[\"icon-primary\"]};\n    padding: 0 1rem;\n    flex-shrink: 0;\n\n    svg {\n        width: ${Font.Spec[\"body-size-baseline\"]};\n        height: ${Font.Spec[\"body-size-baseline\"]};\n    }\n`;\n"],"names":["InputGroupWrapper","styled","InputGroup","readOnly","Spacing","$isDisabled","IconContainer","div","$inactiveColor","Colour","icon","$activeColor","LoadingWrapper","LoadingLabel","Typography","BodyBL","Spinner","ComponentLoadingSpinner","TryAgainLabel","span","Font","Spec","ErrorTextContainer","ErrorIcon","ExclamationTriangleIcon","ErrorLabel","ClickableErrorWrapper","BasicButton","ReadOnlyClickable","button","ReadOnlyValueText","ReadOnlyIconContainer"],"mappings":"keA2BaA,EAAoBC,EAAOC,EAAmC;qBACtD,EAAGC,cAAgBA,EAAW,IAAMC,EAAQ;;kBAE/C,EAAGD,WAAUE,iBACnBF,IAAaE,EAAc,UAAY;;EAItCC,EAAgBL,EAAOM,GAAc;;;;cAIpC,EAAGF,iBAAoBA,EAA0B,UAAZ;aACtC,EACLA,cACAG,iBAAiBC,EAAOC,KACxBC,eAAeF,EAAO,mBACnBJ,EAAcG,EAAiBG;eAC3BP,EAAQ,iBAAiBA,EAAQ;;;;;;EAWnCQ,EAAiBX,EAAOM,GAAG;;;;EAM3BM,EAAeZ,EAAOa,EAAWC,OAAO;aACxCN,EAAO;EAGPO,EAAUf,EAAOgB,EAAwB;oBAClCb,EAAQ;aACfK,EAAa;EAObS,EAAgBjB,EAAOkB,IAAI;aAC3BV,EAAO;mBACDW,EAAKC,KAAK;EAGhBC,EAAqBrB,EAAOkB,IAAI;;;oBAGzBf,EAAQ;EAGfmB,EAAYtB,EAAOuB,EAAwB;aAC3Cf,EAAO;oBACAL,EAAQ;;;EAKfqB,EAAaxB,EAAOkB,IAAI;aACxBV,EAAO;EAGPiB,EAAwBzB,EAAO0B,EAAY;;;;;;;;;;MAUlDP,EAAK;;;UAGDF;qBACWT,EAAO;;;EASfmB,EAAoB3B,EAAO4B,MAAM;MACxCT,EAAK;aACEX,EAAa;;;;;;;;;;EAYbqB,EAAoB7B,EAAOkB,IAAI;;EAI/BY,EAAwB9B,EAAOkB,IAAI;;;;aAInCV,EAAO;;;;;iBAKHW,EAAKC,KAAK;kBACTD,EAAKC,KAAK;;"}

package/masonry/index.d.ts

@@ -1 +0,0 @@
-export * from "./masonry";

package/masonry/index.js

@@ -1,2 +0,0 @@
-export{Masonry}from"./masonry.js";
-//# sourceMappingURL=index.js.map

package/masonry/index.js.map

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

package/masonry/masonry.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { MasonryGridProps, MasonryTileProps } from "./types";
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export declare const Masonry: {
-    Grid: (props: MasonryGridProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-    Tile: (props: MasonryTileProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-};

package/masonry/masonry.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import t from"react";import{TileContainer as i,GridContainer as n}from"./masonry.style.js";const o={Grid:t.forwardRef(((t,i)=>{const{children:o}=t,c=r(t,["children"]);return e(n,Object.assign({ref:i},c,{children:o}))})),Tile:t.forwardRef(((t,n)=>{const{children:o}=t,c=r(t,["children"]);return e(i,Object.assign({ref:n},c,{children:o}))}))};export{o as Masonry};
-//# sourceMappingURL=masonry.js.map

package/masonry/masonry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masonry.js","sources":["../../src/masonry/masonry.tsx"],"sourcesContent":["import React from \"react\";\nimport { GridContainer, TileContainer } from \"./masonry.style\";\nimport { MasonryGridProps, MasonryTileProps } from \"./types\";\n\n// =============================================================================\n// GRID\n// =============================================================================\nconst GridComponent = (\n    props: MasonryGridProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const { children, ...otherProps } = props;\n\n    return (\n        <GridContainer ref={ref} {...otherProps}>\n            {children}\n        </GridContainer>\n    );\n};\n\n// =============================================================================\n// TILE\n// =============================================================================\nconst TileComponent = (\n    props: MasonryTileProps,\n    ref: React.Ref<HTMLDivElement>\n): JSX.Element => {\n    const { children, ...otherProps } = props;\n\n    return (\n        <TileContainer ref={ref} {...otherProps}>\n            {children}\n        </TileContainer>\n    );\n};\n\n// =============================================================================\n// EXPORTABLE\n// =============================================================================\n/** @deprecated consider switching to `Layout.ColDiv` to manage grids */\nexport const Masonry = {\n    Grid: React.forwardRef(GridComponent),\n    Tile: React.forwardRef(TileComponent),\n};\n"],"names":["Masonry","Grid","React","forwardRef","props","ref","children","otherProps","__rest","_jsx","GridContainer","Object","assign","Tile","TileContainer"],"mappings":"kLAOA,MAiCaA,EAAU,CACnBC,KAAMC,EAAMC,YAlCM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAKJ,EAA9B,CAAA,aAEN,OACIK,EAACC,EAAaC,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW,IA0BpBO,KAAMX,EAAMC,YAnBM,CAClBC,EACAC,KAEA,MAAMC,SAAEA,GAA4BF,EAAfG,EAAUC,EAAKJ,EAA9B,CAAA,aAEN,OACIK,EAACK,EAAaH,OAAAC,OAAA,CAACP,IAAKA,GAASE,EAAU,CAAAD,SAClCA,IACW"}

package/masonry/masonry.style.d.ts

@@ -1,6 +0,0 @@
-import { MasonryGridProps, MasonryTileProps } from "./types";
-type GridStyleProps = Omit<MasonryGridProps, "children">;
-type TileStyleProps = Omit<MasonryTileProps, "children">;
-export declare const GridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "numOfCols" | "data-testid" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & GridStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "numOfCols" | "data-testid" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & GridStyleProps, never>>> & string;
-export declare const TileContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "startLg" | "colsLg" | "startMd" | "colsMd" | "startSm" | "colsSm"> & TileStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inert" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "startLg" | "colsLg" | "startMd" | "colsMd" | "startSm" | "colsSm"> & TileStyleProps, never>>> & string;
-export {};

package/masonry/masonry.style.js

@@ -1,42 +0,0 @@
-import t,{css as m}from"styled-components";import{V2_MediaQuery as a}from"../v2_media/media.js";const e=t.div`
-    margin-top: 2.5rem;
-    display: grid;
-    align-items: center;
-    width: 100%;
-
-    ${t=>{const{numOfCols:e}=t,i=e.lg||e.md,r=e.sm?e.sm<=2?e.sm:2:void 0,o=e.md||e.sm||2;return m`
-            grid-template-columns: repeat(${i||"auto-fill"}, 1fr);
-            gap: 2rem 2rem;
-            justify-items: stretch;
-
-            ${a.MaxWidth.tablet} {
-                grid-template-columns: repeat(
-                    ${e.md||e.sm||"auto-fill"},
-                    minmax(calc(${100/o}% - 2rem), 1fr)
-                );
-            }
-
-            ${a.MaxWidth.mobileL} {
-                grid-template-columns: repeat(
-                    ${r||"auto-fill"},
-                    minmax(calc(${100/(r||1)}% - 2rem), 1fr)
-                );
-            }
-        `}}
-`,i=t.div`
-    position: relative;
-    ${t=>{const{startLg:e,colsLg:i,startMd:r,colsMd:o,startSm:l,colsSm:s}=t;return m`
-            grid-column: ${e||r||"auto"} / span
-                ${i||o||1};
-
-            ${a.MaxWidth.tablet} {
-                grid-column: ${r||l||"auto"} / span
-                    ${o||s||1};
-            }
-
-            ${a.MaxWidth.mobileL} {
-                grid-column: ${l||"auto"} / span ${s||1};
-            }
-        `}}
-`;export{e as GridContainer,i as TileContainer};
-//# sourceMappingURL=masonry.style.js.map

package/masonry/masonry.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masonry.style.js","sources":["../../src/masonry/masonry.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { V2_MediaQuery } from \"../v2_media\";\nimport { MasonryGridProps, MasonryTileProps } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\n\ntype GridStyleProps = Omit<MasonryGridProps, \"children\">;\ntype TileStyleProps = Omit<MasonryTileProps, \"children\">;\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const GridContainer = styled.div<GridStyleProps>`\n    margin-top: 2.5rem;\n    display: grid;\n    align-items: center;\n    width: 100%;\n\n    ${(props) => {\n        const { numOfCols } = props;\n        const colsToUse = numOfCols.lg || numOfCols.md;\n        const numOfSmCols = numOfCols.sm\n            ? numOfCols.sm <= 2\n                ? numOfCols.sm\n                : 2\n            : undefined;\n\n        const mdColsDefault = numOfCols.md || numOfCols.sm || 2;\n\n        return css`\n            grid-template-columns: repeat(${colsToUse || \"auto-fill\"}, 1fr);\n            gap: 2rem 2rem;\n            justify-items: stretch;\n\n            ${V2_MediaQuery.MaxWidth.tablet} {\n                grid-template-columns: repeat(\n                    ${numOfCols.md || numOfCols.sm || \"auto-fill\"},\n                    minmax(calc(${100 / mdColsDefault}% - 2rem), 1fr)\n                );\n            }\n\n            ${V2_MediaQuery.MaxWidth.mobileL} {\n                grid-template-columns: repeat(\n                    ${numOfSmCols || \"auto-fill\"},\n                    minmax(calc(${100 / (numOfSmCols || 1)}% - 2rem), 1fr)\n                );\n            }\n        `;\n    }}\n`;\n\nexport const TileContainer = styled.div<TileStyleProps>`\n    position: relative;\n    ${(props) => {\n        const { startLg, colsLg, startMd, colsMd, startSm, colsSm } = props;\n\n        return css`\n            grid-column: ${startLg || startMd || \"auto\"} / span\n                ${colsLg || colsMd || 1};\n\n            ${V2_MediaQuery.MaxWidth.tablet} {\n                grid-column: ${startMd || startSm || \"auto\"} / span\n                    ${colsMd || colsSm || 1};\n            }\n\n            ${V2_MediaQuery.MaxWidth.mobileL} {\n                grid-column: ${startSm || \"auto\"} / span ${colsSm || 1};\n            }\n        `;\n    }}\n`;\n"],"names":["GridContainer","styled","div","props","numOfCols","colsToUse","lg","md","numOfSmCols","sm","undefined","mdColsDefault","css","V2_MediaQuery","MaxWidth","tablet","mobileL","TileContainer","startLg","colsLg","startMd","colsMd","startSm","colsSm"],"mappings":"gGAcO,MAAMA,EAAgBC,EAAOC,GAAmB;;;;;;MAMhDC,IACC,MAAMC,UAAEA,GAAcD,EAChBE,EAAYD,EAAUE,IAAMF,EAAUG,GACtCC,EAAcJ,EAAUK,GACxBL,EAAUK,IAAM,EACZL,EAAUK,GACV,OACJC,EAEAC,EAAgBP,EAAUG,IAAMH,EAAUK,IAAM,EAEtD,OAAOG,CAAG;4CAC0BP,GAAa;;;;cAI3CQ,EAAcC,SAASC;;sBAEfX,EAAUG,IAAMH,EAAUK,IAAM;kCACpB,IAAME;;;;cAI1BE,EAAcC,SAASE;;sBAEfR,GAAe;kCACH,KAAOA,GAAe;;;SAG/C;EAIIS,EAAgBhB,EAAOC,GAAmB;;MAEhDC,IACC,MAAMe,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,GAAWpB,EAE9D,OAAOS,CAAG;2BACSM,GAAWE,GAAW;kBAC/BD,GAAUE,GAAU;;cAExBR,EAAcC,SAASC;+BACNK,GAAWE,GAAW;sBAC/BD,GAAUE,GAAU;;;cAG5BV,EAAcC,SAASE;+BACNM,GAAW,iBAAiBC,GAAU;;SAE5D;"}

package/masonry/types.d.ts

@@ -1,32 +0,0 @@
-import React from "react";
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface ColumnCountAttribute {
-    /** number of columns on desktop resolutions */
-    lg?: number | undefined;
-    /** number of columns on tablet resolutions */
-    md?: number | undefined;
-    /** number of columns on mobile resolutions */
-    sm?: number | undefined;
-}
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface MasonryGridProps extends React.HTMLAttributes<HTMLDivElement> {
-    numOfCols: ColumnCountAttribute;
-    children: JSX.Element | JSX.Element[];
-    "data-testid"?: string | undefined;
-}
-/** @deprecated consider switching to `Layout.ColDiv` to manage grids */
-export interface MasonryTileProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: JSX.Element;
-    /** the column to start on desktop resolutions */
-    startLg?: number | undefined;
-    /** the number of columns to span on desktop resolutions */
-    colsLg?: number | undefined;
-    /** the column to start on tablet resolutions */
-    startMd?: number | undefined;
-    /** the number of columns to span on tablet resolutions */
-    colsMd?: number | undefined;
-    /** the column to start on mobile resolutions */
-    startSm?: number | undefined;
-    /** the number of columns to span on mobile resolutions */
-    colsSm?: number | undefined;
-}

package/masthead/masthead.style.d.ts

@@ -1,5 +0,0 @@
-interface WrapperStyleProps {
-    $stretch: 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>, "$stretch"> & WrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$stretch"> & WrapperStyleProps, never>>> & string;
-export {};

package/masthead/masthead.style.js

@@ -1,42 +0,0 @@
-import a,{css as n}from"styled-components";import{Breakpoint as i,MediaQuery as d}from"../theme/index.js";const x=a.div`
-    // matches Layout.Container
-    --sgds-mainnav-padding-x: ${i["xxl-margin"]}px;
-    --sgds-mainnav-mobile-padding-x: ${i["xxl-margin"]}px;
-
-    ${d.MaxWidth.xl} {
-        --sgds-mainnav-padding-x: ${i["xl-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xl-margin"]}px;
-    }
-
-    ${d.MaxWidth.lg} {
-        --sgds-mainnav-padding-x: ${i["lg-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["lg-margin"]}px;
-    }
-
-    ${d.MaxWidth.md} {
-        --sgds-mainnav-padding-x: ${i["md-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["md-margin"]}px;
-    }
-
-    ${d.MaxWidth.sm} {
-        --sgds-mainnav-padding-x: ${i["sm-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["sm-margin"]}px;
-    }
-
-    ${d.MaxWidth.xs} {
-        --sgds-mainnav-padding-x: ${i["xs-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xs-margin"]}px;
-    }
-
-    ${d.MaxWidth.xxs} {
-        --sgds-mainnav-padding-x: ${i["xxs-margin"]}px;
-        --sgds-mainnav-mobile-padding-x: ${i["xxs-margin"]}px;
-    }
-
-    ${a=>a.$stretch?n`
-                --sgds-mainnav-max-width: calc(infinity * 1px);
-            `:n`
-                --sgds-mainnav-max-width: 1440px;
-            `}
-`;export{x as Wrapper};
-//# sourceMappingURL=masthead.style.js.map

package/masthead/masthead.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masthead.style.js","sources":["../../src/masthead/masthead.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Breakpoint, MediaQuery } from \"../theme\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface WrapperStyleProps {\n    $stretch: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Wrapper = styled.div<WrapperStyleProps>`\n    // matches Layout.Container\n    --sgds-mainnav-padding-x: ${Breakpoint[\"xxl-margin\"]}px;\n    --sgds-mainnav-mobile-padding-x: ${Breakpoint[\"xxl-margin\"]}px;\n\n    ${MediaQuery.MaxWidth.xl} {\n        --sgds-mainnav-padding-x: ${Breakpoint[\"xl-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${Breakpoint[\"xl-margin\"]}px;\n    }\n\n    ${MediaQuery.MaxWidth.lg} {\n        --sgds-mainnav-padding-x: ${Breakpoint[\"lg-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${Breakpoint[\"lg-margin\"]}px;\n    }\n\n    ${MediaQuery.MaxWidth.md} {\n        --sgds-mainnav-padding-x: ${Breakpoint[\"md-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${Breakpoint[\"md-margin\"]}px;\n    }\n\n    ${MediaQuery.MaxWidth.sm} {\n        --sgds-mainnav-padding-x: ${Breakpoint[\"sm-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${Breakpoint[\"sm-margin\"]}px;\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        --sgds-mainnav-padding-x: ${Breakpoint[\"xs-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${Breakpoint[\"xs-margin\"]}px;\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        --sgds-mainnav-padding-x: ${Breakpoint[\"xxs-margin\"]}px;\n        --sgds-mainnav-mobile-padding-x: ${Breakpoint[\"xxs-margin\"]}px;\n    }\n\n    ${(props) => {\n        if (props.$stretch) {\n            return css`\n                --sgds-mainnav-max-width: calc(infinity * 1px);\n            `;\n        } else {\n            return css`\n                --sgds-mainnav-max-width: 1440px;\n            `;\n        }\n    }}\n`;\n"],"names":["Wrapper","styled","div","Breakpoint","MediaQuery","MaxWidth","xl","lg","md","sm","xs","xxs","props","$stretch","css"],"mappings":"0GAaO,MAAMA,EAAUC,EAAOC,GAAsB;;gCAEpBC,EAAW;uCACJA,EAAW;;MAE5CC,EAAWC,SAASC;oCACUH,EAAW;2CACJA,EAAW;;;MAGhDC,EAAWC,SAASE;oCACUJ,EAAW;2CACJA,EAAW;;;MAGhDC,EAAWC,SAASG;oCACUL,EAAW;2CACJA,EAAW;;;MAGhDC,EAAWC,SAASI;oCACUN,EAAW;2CACJA,EAAW;;;MAGhDC,EAAWC,SAASK;oCACUP,EAAW;2CACJA,EAAW;;;MAGhDC,EAAWC,SAASM;oCACUR,EAAW;2CACJA,EAAW;;;MAG/CS,GACKA,EAAMC,SACCC,CAAG;;cAIHA,CAAG;;;"}