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

package/footer/footer.style.js

@@ -1,147 +0,0 @@
-import i from"styled-components";import{Divider as t}from"../divider/divider.js";import{Layout as o}from"../layout/index.js";import{Typography as n}from"../typography/index.js";import{V3_Spacing as a,V3_MediaQuery as l}from"../v3_theme/index.js";import{V3_ThemeFooter as r}from"../v3_theme/components/theme-helper.js";const e=i.footer`
-    background: ${r["footer-colour-bg"]};
-`,d=i(n.LinkMD)`
-    color: ${r["footer-link-colour-text"]};
-
-    &:hover {
-        color: ${r["footer-link-colour-text-hover"]};
-    }
-`,c=i(t)`
-    width: 100%;
-`,g=i(o.Content)`
-    padding: ${a["spacing-64"]} 0;
-
-    ${l.MaxWidth.lg} {
-        padding: ${a["spacing-32"]} 0;
-
-        [data-id="container"] {
-            flex-direction: column;
-            gap: ${a["spacing-32"]};
-        }
-    }
-`,m=i.div`
-    display: flex;
-    width: fit-content;
-    margin-right: ${a["spacing-64"]};
-
-    img {
-        max-height: 4rem;
-        max-width: 100%;
-        object-fit: contain;
-    }
-
-    ${l.MaxWidth.lg} {
-        width: 100%;
-        margin-right: 0;
-    }
-`,p=i.div`
-    display: flex;
-    gap: ${a["spacing-32"]};
-    flex: 1 1 auto;
-    max-width: calc(32% + ${a["spacing-32"]});
-
-    ${l.MaxWidth.lg} {
-        max-width: 100%;
-    }
-`,s=i.ul`
-    flex: 1 1 50%;
-    list-style-type: none;
-
-    &:nth-of-type(2) {
-        // 2nd col
-        grid-column: 7 / span 4;
-    }
-
-    li {
-        &:not(:last-child) {
-            margin-bottom: ${a["spacing-8"]};
-        }
-
-        a {
-            display: inline-block;
-        }
-    }
-
-    ${l.MaxWidth.lg} {
-        // first col
-        grid-column: 1 / span 6;
-
-        &:nth-of-type(2) {
-            // 2nd col
-            grid-column: 7 / span 6;
-        }
-    }
-
-    ${l.MaxWidth.md} {
-        // first col
-        grid-column: 1 / span 4;
-
-        &:nth-of-type(2) {
-            // 2nd col
-            grid-column: 5 / span 4;
-        }
-    }
-`,h=i.div`
-    flex: 0 1 33%;
-    margin-left: auto;
-
-    ${l.MaxWidth.lg} {
-        flex: 1 1 100%;
-        margin-left: 0;
-    }
-`,f=i(o.Content)`
-    padding: ${a["spacing-20"]} 0;
-
-    [data-id="container"] {
-        column-gap: ${a["spacing-32"]};
-    }
-
-    ${l.MaxWidth.lg} {
-        border-top: none;
-        padding: ${a["spacing-16"]} 0;
-
-        [data-id="container"] {
-            flex-direction: column;
-        }
-    }
-`,x=i.div`
-    flex: 1 1 50%;
-    display: flex;
-
-    ${l.MaxWidth.lg} {
-        flex-direction: column;
-        &:not(:last-child) {
-            margin-right: 0;
-        }
-    }
-`,$=i(x)`
-    justify-content: flex-end;
-
-    ${l.MaxWidth.lg} {
-        margin-top: ${a["spacing-16"]};
-        justify-content: flex-start;
-    }
-`,u=i(n.BodyXS)`
-    color: ${r["footer-colour-text"]};
-`,y=i(n.LinkXS)`
-    color: ${r["footer-disclaimer-link-colour-text"]};
-    &:not(:last-child) {
-        margin-right: ${a["spacing-16"]};
-    }
-
-    &:hover {
-        color: ${r["footer-disclaimer-link-colour-text-hover"]};
-    }
-
-    ${l.MaxWidth.lg} {
-        margin-bottom: ${a["spacing-12"]};
-        &:not(:last-child) {
-            margin-right: 0;
-        }
-    }
-
-    ${l.MaxWidth.lg} {
-        margin-bottom: ${a["spacing-8"]};
-    }
-`;export{h as AddonSection,e as BaseFooter,f as BottomSection,x as BottomSectionContent,$ as CopyrightSection,u as CopyrightText,y as DisclaimerTextLink,c as FullWidthDivider,s as LinkSection,p as LinkSectionWrapper,m as LogoSection,d as StyledFooterLink,g as TopSection};
-//# sourceMappingURL=footer.style.js.map

package/footer/footer.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer.style.js","sources":["../../src/footer/footer.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Divider } from \"../divider\";\nimport { Layout } from \"../layout\";\nimport { Typography } from \"../typography\";\nimport { V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\nimport { V3_ThemeFooter } from \"../v3_theme/components/theme-helper\";\n\n// =============================================================================\n// GENERIC\n// =============================================================================\n\nexport const BaseFooter = styled.footer`\n    background: ${V3_ThemeFooter[\"footer-colour-bg\"]};\n`;\n\nexport const StyledFooterLink = styled(Typography.LinkMD)`\n    color: ${V3_ThemeFooter[\"footer-link-colour-text\"]};\n\n    &:hover {\n        color: ${V3_ThemeFooter[\"footer-link-colour-text-hover\"]};\n    }\n`;\n\n// =============================================================================\n// TOP SECTION\n// =============================================================================\n\nexport const FullWidthDivider = styled(Divider)`\n    width: 100%;\n`;\n\nexport const TopSection = styled(Layout.Content)`\n    padding: ${V3_Spacing[\"spacing-64\"]} 0;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        padding: ${V3_Spacing[\"spacing-32\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n            gap: ${V3_Spacing[\"spacing-32\"]};\n        }\n    }\n`;\n\nexport const LogoSection = styled.div`\n    display: flex;\n    width: fit-content;\n    margin-right: ${V3_Spacing[\"spacing-64\"]};\n\n    img {\n        max-height: 4rem;\n        max-width: 100%;\n        object-fit: contain;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        width: 100%;\n        margin-right: 0;\n    }\n`;\n\nexport const LinkSectionWrapper = styled.div`\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-32\"]};\n    flex: 1 1 auto;\n    max-width: calc(32% + ${V3_Spacing[\"spacing-32\"]});\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        max-width: 100%;\n    }\n`;\n\nexport const LinkSection = styled.ul`\n    flex: 1 1 50%;\n    list-style-type: none;\n\n    &:nth-of-type(2) {\n        // 2nd col\n        grid-column: 7 / span 4;\n    }\n\n    li {\n        &:not(:last-child) {\n            margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n        }\n\n        a {\n            display: inline-block;\n        }\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        // first col\n        grid-column: 1 / span 6;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 7 / span 6;\n        }\n    }\n\n    ${V3_MediaQuery.MaxWidth.md} {\n        // first col\n        grid-column: 1 / span 4;\n\n        &:nth-of-type(2) {\n            // 2nd col\n            grid-column: 5 / span 4;\n        }\n    }\n`;\n\nexport const AddonSection = styled.div`\n    flex: 0 1 33%;\n    margin-left: auto;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        flex: 1 1 100%;\n        margin-left: 0;\n    }\n`;\n\n// =============================================================================\n// BOTTOM SECTION\n// =============================================================================\n\nexport const BottomSection = styled(Layout.Content)`\n    padding: ${V3_Spacing[\"spacing-20\"]} 0;\n\n    [data-id=\"container\"] {\n        column-gap: ${V3_Spacing[\"spacing-32\"]};\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        border-top: none;\n        padding: ${V3_Spacing[\"spacing-16\"]} 0;\n\n        [data-id=\"container\"] {\n            flex-direction: column;\n        }\n    }\n`;\n\nexport const BottomSectionContent = styled.div`\n    flex: 1 1 50%;\n    display: flex;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        flex-direction: column;\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n`;\n\nexport const CopyrightSection = styled(BottomSectionContent)`\n    justify-content: flex-end;\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-top: ${V3_Spacing[\"spacing-16\"]};\n        justify-content: flex-start;\n    }\n`;\n\nexport const CopyrightText = styled(Typography.BodyXS)`\n    color: ${V3_ThemeFooter[\"footer-colour-text\"]};\n`;\n\nexport const DisclaimerTextLink = styled(Typography.LinkXS)`\n    color: ${V3_ThemeFooter[\"footer-disclaimer-link-colour-text\"]};\n    &:not(:last-child) {\n        margin-right: ${V3_Spacing[\"spacing-16\"]};\n    }\n\n    &:hover {\n        color: ${V3_ThemeFooter[\"footer-disclaimer-link-colour-text-hover\"]};\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-bottom: ${V3_Spacing[\"spacing-12\"]};\n        &:not(:last-child) {\n            margin-right: 0;\n        }\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    }\n`;\n"],"names":["BaseFooter","styled","footer","V3_ThemeFooter","StyledFooterLink","Typography","LinkMD","FullWidthDivider","Divider","TopSection","Layout","Content","V3_Spacing","V3_MediaQuery","MaxWidth","lg","LogoSection","div","LinkSectionWrapper","LinkSection","ul","md","AddonSection","BottomSection","BottomSectionContent","CopyrightSection","CopyrightText","BodyXS","DisclaimerTextLink","LinkXS"],"mappings":"8TAYO,MAAMA,EAAaC,EAAOC,MAAM;kBACrBC,EAAe;EAGpBC,EAAmBH,EAAOI,EAAWC,OAAO;aAC5CH,EAAe;;;iBAGXA,EAAe;;EAQnBI,EAAmBN,EAAOO,EAAQ;;EAIlCC,EAAaR,EAAOS,EAAOC,QAAQ;eACjCC,EAAW;;MAEpBC,EAAcC,SAASC;mBACVH,EAAW;;;;mBAIXA,EAAW;;;EAKjBI,EAAcf,EAAOgB,GAAG;;;oBAGjBL,EAAW;;;;;;;;MAQzBC,EAAcC,SAASC;;;;EAMhBG,EAAqBjB,EAAOgB,GAAG;;WAEjCL,EAAW;;4BAEMA,EAAW;;MAEjCC,EAAcC,SAASC;;;EAKhBI,EAAclB,EAAOmB,EAAE;;;;;;;;;;;6BAWPR,EAAW;;;;;;;;MAQlCC,EAAcC,SAASC;;;;;;;;;;MAUvBF,EAAcC,SAASO;;;;;;;;;EAWhBC,EAAerB,EAAOgB,GAAG;;;;MAIhCJ,EAAcC,SAASC;;;;EAUhBQ,EAAgBtB,EAAOS,EAAOC,QAAQ;eACpCC,EAAW;;;sBAGJA,EAAW;;;MAG3BC,EAAcC,SAASC;;mBAEVH,EAAW;;;;;;EAQjBY,EAAuBvB,EAAOgB,GAAG;;;;MAIxCJ,EAAcC,SAASC;;;;;;EAQhBU,EAAmBxB,EAAOuB,EAAqB;;;MAGtDX,EAAcC,SAASC;sBACPH,EAAW;;;EAKpBc,EAAgBzB,EAAOI,EAAWsB,OAAO;aACzCxB,EAAe;EAGfyB,EAAqB3B,EAAOI,EAAWwB,OAAO;aAC9C1B,EAAe;;wBAEJS,EAAW;;;;iBAIlBT,EAAe;;;MAG1BU,EAAcC,SAASC;yBACJH,EAAW;;;;;;MAM9BC,EAAcC,SAASC;yBACJH,EAAW;;"}

package/form/form-label-addon.style.d.ts

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

package/form/form-label-addon.style.js

@@ -1,5 +0,0 @@
-import i from"styled-components";import{V3_Spacing as e}from"../v3_theme/index.js";const n=i.div`
-    padding-left: ${e["spacing-4"]};
-    display: inline;
-`;export{n as AddonWrapper};
-//# sourceMappingURL=form-label-addon.style.js.map

package/form/form-label-addon.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-label-addon.style.js","sources":["../../src/form/form-label-addon.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\n\nexport const AddonWrapper = styled.div`\n    padding-left: ${V3_Spacing[\"spacing-4\"]};\n    display: inline;\n`;\n"],"names":["AddonWrapper","styled","div","V3_Spacing"],"mappings":"mFAIO,MAAMA,EAAeC,EAAOC,GAAG;oBAClBC,EAAW;;"}

package/form/form-label.style.d.ts

@@ -1,11 +0,0 @@
-export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, 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>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const ErrorMessageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/form/form-label.style.js

@@ -1,29 +0,0 @@
-import{ExclamationCircleFillIcon as o}from"@lifesg/react-icons/exclamation-circle-fill";import t from"styled-components";import{applyHtmlContentStyle as e}from"../shared/html-content/html-content.js";import{V3_Spacing as i,V3_Colour as r,V3_Font as l}from"../v3_theme/index.js";const n=t.div`
-    margin-bottom: ${i["spacing-8"]};
-`,m=t.label`
-    color: ${r["text-subtle"]};
-    display: inline-block;
-
-    ${l["form-label"]}
-    ${e()}
-    font-weight: ${l.Spec["weight-semibold"]};
-`,s=t(o)`
-    height: 1lh;
-    width: 1em;
-    flex-shrink: 0;
-    color: ${r["icon-error-strong"]};
-`,c=t.div`
-    ${l["body-sm-semibold"]}
-    display: flex;
-    gap: ${i["spacing-4"]};
-    margin-top: ${i["spacing-8"]};
-`,p=t.p`
-    color: ${r["text-error"]};
-    margin-bottom: 0;
-    outline: none;
-`,a=t.span`
-    ${l["form-description"]}
-    color: ${r["text-subtler"]};
-    display: block;
-`;export{s as ErrorIcon,p as ErrorMessage,c as ErrorMessageContainer,m as Label,n as LabelContainer,a as Subtitle};
-//# sourceMappingURL=form-label.style.js.map

package/form/form-label.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-label.style.js","sources":["../../src/form/form-label.style.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport styled from \"styled-components\";\n\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const LabelContainer = styled.div`\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n`;\nexport const Label = styled.label`\n    color: ${V3_Colour[\"text-subtle\"]};\n    display: inline-block;\n\n    ${V3_Font[\"form-label\"]}\n    ${applyHtmlContentStyle()}\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const ErrorIcon = styled(ExclamationCircleFillIcon)`\n    height: 1lh;\n    width: 1em;\n    flex-shrink: 0;\n    color: ${V3_Colour[\"icon-error-strong\"]};\n`;\n\nexport const ErrorMessageContainer = styled.div`\n    ${V3_Font[\"body-sm-semibold\"]}\n    display: flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    margin-top: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorMessage = styled.p`\n    color: ${V3_Colour[\"text-error\"]};\n    margin-bottom: 0;\n    outline: none;\n`;\n\nexport const Subtitle = styled.span`\n    ${V3_Font[\"form-description\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n    display: block;\n`;\n"],"names":["LabelContainer","styled","div","V3_Spacing","Label","label","V3_Colour","V3_Font","applyHtmlContentStyle","Spec","ErrorIcon","ExclamationCircleFillIcon","ErrorMessageContainer","ErrorMessage","p","Subtitle","span"],"mappings":"sRASO,MAAMA,EAAiBC,EAAOC,GAAG;qBACnBC,EAAW;EAEnBC,EAAQH,EAAOI,KAAK;aACpBC,EAAU;;;MAGjBC,EAAQ;MACRC;mBACaD,EAAQE,KAAK;EAGnBC,EAAYT,EAAOU,EAA0B;;;;aAI7CL,EAAU;EAGVM,EAAwBX,EAAOC,GAAG;MACzCK,EAAQ;;WAEHJ,EAAW;kBACJA,EAAW;EAGhBU,EAAeZ,EAAOa,CAAC;aACvBR,EAAU;;;EAKVS,EAAWd,EAAOe,IAAI;MAC7BT,EAAQ;aACDD,EAAU;;"}

package/form/form-textarea.style.d.ts

@@ -1,5 +0,0 @@
-export declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessageLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
-}, never>> & string;

package/form/form-textarea.style.js

@@ -1,13 +0,0 @@
-import i from"styled-components";import{V3_Spacing as t}from"../v3_theme/index.js";import{ErrorMessage as e}from"./form-label.style.js";const o=i.div`
-    display: flex;
-    justify-content: flex-end;
-    margin-top: ${t["spacing-4"]};
-`,n=i.div`
-    display: flex;
-    flex: 1;
-    margin-right: ${t["spacing-12"]};
-    gap: ${t["spacing-4"]};
-`,p=i(e)`
-    margin-top: 0;
-`;export{n as ErrorMessageContainer,p as ErrorMessageLabel,o as LabelContainer};
-//# sourceMappingURL=form-textarea.style.js.map

package/form/form-textarea.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-textarea.style.js","sources":["../../src/form/form-textarea.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Spacing } from \"../v3_theme\";\nimport { ErrorMessage } from \"./form-label.style\";\n\nexport const LabelContainer = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    margin-top: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const ErrorMessageContainer = styled.div`\n    display: flex;\n    flex: 1;\n    margin-right: ${V3_Spacing[\"spacing-12\"]};\n    gap: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const ErrorMessageLabel = styled(ErrorMessage)`\n    margin-top: 0;\n`;\n"],"names":["LabelContainer","styled","div","V3_Spacing","ErrorMessageContainer","ErrorMessageLabel","ErrorMessage"],"mappings":"wIAKO,MAAMA,EAAiBC,EAAOC,GAAG;;;kBAGtBC,EAAW;EAGhBC,EAAwBH,EAAOC,GAAG;;;oBAG3BC,EAAW;WACpBA,EAAW;EAGTE,EAAoBJ,EAAOK,EAAa;;"}

package/form/form-wrapper.style.d.ts

@@ -1,3 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ColDivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ColDivProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<(props: import("..").ColDivProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const V2_ColDivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").V2_ColDivProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<(props: import("..").V2_ColDivProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/form/form-wrapper.style.js

@@ -1,15 +0,0 @@
-import o,{css as t}from"styled-components";import{ColDiv as i}from"../layout/col-div.js";import{V2_ColDiv as m}from"../v2_layout/col-div.js";import{V3_Spacing as l}from"../v3_theme/index.js";const r=t`
-    display: flex;
-    flex-direction: column;
-
-    &:not(:last-child) {
-        margin-bottom: ${l["spacing-32"]};
-    }
-`,e=o.div`
-    ${r}
-`,n=o(i)`
-    ${r}
-`,s=o(m)`
-    ${r}
-`;export{n as ColDivContainer,e as Container,s as V2_ColDivContainer};
-//# sourceMappingURL=form-wrapper.style.js.map

package/form/form-wrapper.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-wrapper.style.js","sources":["../../src/form/form-wrapper.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ColDiv } from \"../layout/col-div\";\nimport { V2_ColDiv } from \"../v2_layout/col-div\";\nimport { V3_Spacing } from \"../v3_theme\";\n\nconst commonStyles = css`\n    display: flex;\n    flex-direction: column;\n\n    &:not(:last-child) {\n        margin-bottom: ${V3_Spacing[\"spacing-32\"]};\n    }\n`;\n\nexport const Container = styled.div`\n    ${commonStyles}\n`;\n\nexport const ColDivContainer = styled(ColDiv)`\n    ${commonStyles}\n`;\n\nexport const V2_ColDivContainer = styled(V2_ColDiv)`\n    ${commonStyles}\n`;\n"],"names":["commonStyles","css","V3_Spacing","Container","styled","div","ColDivContainer","ColDiv","V2_ColDivContainer","V2_ColDiv"],"mappings":"+LAMA,MAAMA,EAAeC,CAAG;;;;;yBAKCC,EAAW;;EAIvBC,EAAYC,EAAOC,GAAG;MAC7BL;EAGOM,EAAkBF,EAAOG,EAAO;MACvCP;EAGOQ,EAAqBJ,EAAOK,EAAU;MAC7CT;"}

package/fullscreen-image-carousel/fullscreen-image-carousel.style.d.ts

@@ -1,27 +0,0 @@
-import type { InsetStyleProps } from "../shared/types";
-interface ArrowButtonStyleProps extends InsetStyleProps {
-    $position: "left" | "right";
-}
-interface ThumbnailItemStyleProps {
-    $active?: boolean;
-}
-export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("../shared/clickable-icon").ClickableIconProps & import("react").RefAttributes<HTMLButtonElement>, never>, InsetStyleProps>> & string;
-export declare const MagnifierButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("../shared/clickable-icon").ClickableIconProps & import("react").RefAttributes<HTMLButtonElement>, never>, InsetStyleProps>> & string;
-export declare const ArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("../shared/clickable-icon").ClickableIconProps & import("react").RefAttributes<HTMLButtonElement>, never>, ArrowButtonStyleProps>> & string;
-export declare const ImageGalleryContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImageGalleryWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImageGallerySwipe: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImageGallerySlides: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImageGallerySlide: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SlideImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./stateful-image").StatefulImageProps, never>> & string & Omit<({ src, className, alt, fit, placeholder, retrieveImageDimension, setDimension, }: import("./stateful-image").StatefulImageProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const SlidePlaceholderImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/image-placeholder").ImagePlaceholderProps, never>> & string & Omit<(props: import("../shared/image-placeholder").ImagePlaceholderProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const BoxChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Chip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;
-export declare const ThumbnailContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InsetStyleProps>> & string;
-export declare const ThumbnailWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ThumbnailItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ThumbnailItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThumbnailItemStyleProps>> & string;
-export declare const ThumbnailImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./stateful-image").StatefulImageProps, never>> & string & Omit<({ src, className, alt, fit, placeholder, retrieveImageDimension, setDimension, }: import("./stateful-image").StatefulImageProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};

package/fullscreen-image-carousel/fullscreen-image-carousel.style.js

@@ -1,205 +0,0 @@
-import i,{css as t}from"styled-components";import{ClickableIcon as e}from"../shared/clickable-icon/clickable-icon.js";import{ImagePlaceholder as o}from"../shared/image-placeholder/image-placeholder.js";import{Typography as n}from"../typography/index.js";import{V3_Colour as r,V3_Shadow as a,V3_MediaQuery as s,V3_Spacing as c,V3_Radius as d,V3_Border as p}from"../v3_theme/index.js";import{StatefulImage as h}from"./stateful-image.js";const l=i(e)`
-    padding: 0;
-    border-radius: 100%;
-    background: ${r.bg};
-    color: ${r["icon-primary"]};
-    height: 2.5rem;
-    width: 2.5rem;
-    box-shadow: ${a["md-strong"]};
-
-    svg {
-        height: 1.5rem;
-        width: 1.5rem;
-    }
-`,$=i(l)`
-    position: absolute;
-    top: ${i=>t`calc(${c["spacing-48"]} + ${i.$insetTop||0}px)`};
-    right: ${i=>t`calc(${c["spacing-48"]} + ${i.$insetRight||0}px)`};
-    z-index: 5;
-
-    ${s.MaxWidth.sm} {
-        top: ${i=>t`calc(${c["spacing-20"]} + ${i.$insetTop||0}px)`};
-        right: ${i=>t`calc(${c["spacing-20"]} + ${i.$insetRight||0}px)`};
-    }
-`,g=i(l)`
-    position: absolute;
-    top: ${i=>t`calc(${c["spacing-48"]} + ${i.$insetTop||0}px)`};
-    right: ${i=>t`calc(2.5rem + ${c["spacing-48"]} + ${c["spacing-16"]} + ${i.$insetRight||0}px)`};
-
-    z-index: 5;
-
-    ${s.MaxWidth.sm} {
-        top: ${i=>t`calc(${c["spacing-20"]} + ${i.$insetTop||0}px)`};
-        right: ${i=>t`calc(2.5rem + ${c["spacing-20"]} + ${c["spacing-16"]} + ${i.$insetRight||0}px)`};
-    }
-`,x=i(l)`
-    z-index: 4;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-
-    ${i=>"left"===i.$position&&t`
-            left: calc(
-                ${c["spacing-48"]} + ${i.$insetLeft||0}px
-            );
-            ${s.MaxWidth.sm} {
-                left: calc(
-                    ${c["spacing-20"]} + ${i.$insetLeft||0}px
-                );
-            }
-        `}
-
-    ${i=>"right"===i.$position&&t`
-            right: calc(
-                ${c["spacing-48"]} + ${i.$insetRight||0}px
-            );
-            ${s.MaxWidth.sm} {
-                right: calc(
-                    ${c["spacing-20"]} + ${i.$insetRight||0}px
-                );
-            }
-        `}
-`,m=i.div`
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-`,f=i.div`
-    user-select: none;
-    position: relative;
-    display: block;
-    overflow: hidden;
-    width: 100%;
-    height: 100%;
-`,b=i.div`
-    display: block;
-    user-select: none;
-    height: 100%;
-    overflow: hidden;
-    touch-action: pan-y;
-`,u=i.div`
-    display: flex;
-    transition: all 450ms ease-out 0s;
-    position: relative;
-    text-align: center;
-    user-select: none;
-    width: 100%;
-    height: 100%;
-`,w=i.div`
-    flex: 0 0 100%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .react-transform-wrapper {
-        height: 100%;
-        width: 100%;
-    }
-    .react-transform-component {
-        height: 100%;
-        width: 100%;
-    }
-`,v=i(h)`
-    height: 100%;
-    width: 100%;
-    border-radius: ${d.none};
-`,y=i(o)`
-    width: 60vw;
-    height: auto;
-    max-height: 100%;
-    border-radius: ${d.none};
-    aspect-ratio: 4 / 3;
-`,j=i.div`
-    display: flex;
-    justify-content: center;
-    padding: ${c["spacing-16"]};
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin-left: auto;
-    margin-right: auto;
-    z-index: 3;
-`,k=i(n.BodyXS)`
-    display: inline-flex;
-    padding: ${c["spacing-4"]} ${c["spacing-16"]};
-    justify-content: center;
-    align-items: center;
-    border-radius: ${d.full};
-    background-color: ${r.bg};
-    text-align: center;
-`,M=i.div`
-    flex-shrink: 0;
-    display: flex;
-    overflow: auto;
-    background-color: ${r["bg-inverse"]};
-    padding: ${i=>t`
-                ${c["spacing-24"]} ${c["spacing-16"]} calc(${c["spacing-24"]} + ${i.$insetBottom||0}px);
-            `}
-        ${s.MaxWidth.sm} {
-        padding: ${i=>t`
-                ${c["spacing-16"]} ${c["spacing-20"]} calc(${c["spacing-16"]} + ${i.$insetBottom||0}px);
-            `};
-    }
-`,W=i.div`
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    gap: ${c["spacing-16"]};
-    justify-content: center;
-    margin-left: auto;
-    margin-right: auto;
-`,z=i.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100px;
-    width: 100px;
-
-    ${s.MaxWidth.sm} {
-        height: 64px;
-        width: 64px;
-    }
-`,R=i.div`
-    cursor: pointer;
-    background-color: ${r["bg-inverse"]};
-    border-radius: ${d.md};
-    border: ${p.solid} transparent;
-    box-sizing: content-box;
-
-    flex-shrink: 0;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 92px;
-    width: 92px;
-
-    ${s.MaxWidth.sm} {
-        height: 60px;
-        width: 60px;
-    }
-
-    ${i=>i.$active?t`
-                  border-width: ${p["width-040"]};
-                  border-color: ${r["border-selected"]};
-
-                  ${s.MaxWidth.sm} {
-                      border-width: ${p["width-020"]};
-                  }
-
-                  &:hover {
-                      border-color: ${r["border-selected-hover"]};
-                  }
-              `:t`
-                  border-width: ${p["width-010"]};
-
-                  &:hover {
-                      border-color: ${r["border-hover"]};
-                  }
-              `};
-`,T=i(h)`
-    height: 100%;
-    width: 100%;
-`;export{x as ArrowButton,j as BoxChip,k as Chip,$ as CloseButton,m as ImageGalleryContainer,w as ImageGallerySlide,u as ImageGallerySlides,b as ImageGallerySwipe,f as ImageGalleryWrapper,g as MagnifierButton,v as SlideImage,y as SlidePlaceholderImage,M as ThumbnailContainer,T as ThumbnailImage,R as ThumbnailItem,z as ThumbnailItemContainer,W as ThumbnailWrapper};
-//# sourceMappingURL=fullscreen-image-carousel.style.js.map

package/fullscreen-image-carousel/fullscreen-image-carousel.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-image-carousel.style.js","sources":["../../src/fullscreen-image-carousel/fullscreen-image-carousel.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { ImagePlaceholder } from \"../shared/image-placeholder\";\nimport type { InsetStyleProps } from \"../shared/types\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Shadow,\n    V3_Spacing,\n} from \"../v3_theme\";\nimport { StatefulImage } from \"./stateful-image\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface ArrowButtonStyleProps extends InsetStyleProps {\n    $position: \"left\" | \"right\";\n}\n\ninterface ThumbnailItemStyleProps {\n    $active?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst IconButton = styled(ClickableIcon)`\n    padding: 0;\n    border-radius: 100%;\n    background: ${V3_Colour[\"bg\"]};\n    color: ${V3_Colour[\"icon-primary\"]};\n    height: 2.5rem;\n    width: 2.5rem;\n    box-shadow: ${V3_Shadow[\"md-strong\"]};\n\n    svg {\n        height: 1.5rem;\n        width: 1.5rem;\n    }\n`;\n\nexport const CloseButton = styled(IconButton)<InsetStyleProps>`\n    position: absolute;\n    top: ${(props) =>\n        css`calc(${V3_Spacing[\"spacing-48\"]} + ${props.$insetTop || 0}px)`};\n    right: ${(props) =>\n        css`calc(${V3_Spacing[\"spacing-48\"]} + ${props.$insetRight || 0}px)`};\n    z-index: 5;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        top: ${(props) =>\n            css`calc(${V3_Spacing[\"spacing-20\"]} + ${props.$insetTop || 0}px)`};\n        right: ${(props) =>\n            css`calc(${V3_Spacing[\"spacing-20\"]} + ${\n                props.$insetRight || 0\n            }px)`};\n    }\n`;\n\nexport const MagnifierButton = styled(IconButton)<InsetStyleProps>`\n    position: absolute;\n    top: ${(props) =>\n        css`calc(${V3_Spacing[\"spacing-48\"]} + ${props.$insetTop || 0}px)`};\n    right: ${\n        (props) =>\n            css`calc(2.5rem + ${V3_Spacing[\"spacing-48\"]} + ${\n                V3_Spacing[\"spacing-16\"]\n            } + ${props.$insetRight || 0}px)` // close button + space from screen + gap between buttons\n    };\n\n    z-index: 5;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        top: ${(props) =>\n            css`calc(${V3_Spacing[\"spacing-20\"]} + ${props.$insetTop || 0}px)`};\n        right: ${\n            (props) =>\n                css`calc(2.5rem + ${V3_Spacing[\"spacing-20\"]} + ${\n                    V3_Spacing[\"spacing-16\"]\n                } + ${props.$insetRight || 0}px)` // close button + space from screen + gap between buttons\n        };\n    }\n`;\n\nexport const ArrowButton = styled(IconButton)<ArrowButtonStyleProps>`\n    z-index: 4;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    ${(props) =>\n        props.$position === \"left\" &&\n        css`\n            left: calc(\n                ${V3_Spacing[\"spacing-48\"]} + ${props.$insetLeft || 0}px\n            );\n            ${V3_MediaQuery.MaxWidth.sm} {\n                left: calc(\n                    ${V3_Spacing[\"spacing-20\"]} + ${props.$insetLeft || 0}px\n                );\n            }\n        `}\n\n    ${(props) =>\n        props.$position === \"right\" &&\n        css`\n            right: calc(\n                ${V3_Spacing[\"spacing-48\"]} + ${props.$insetRight || 0}px\n            );\n            ${V3_MediaQuery.MaxWidth.sm} {\n                right: calc(\n                    ${V3_Spacing[\"spacing-20\"]} + ${props.$insetRight || 0}px\n                );\n            }\n        `}\n`;\n\nexport const ImageGalleryContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ImageGalleryWrapper = styled.div`\n    user-select: none;\n    position: relative;\n    display: block;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ImageGallerySwipe = styled.div`\n    display: block;\n    user-select: none;\n    height: 100%;\n    overflow: hidden;\n    touch-action: pan-y;\n`;\n\nexport const ImageGallerySlides = styled.div`\n    display: flex;\n    transition: all 450ms ease-out 0s;\n    position: relative;\n    text-align: center;\n    user-select: none;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ImageGallerySlide = styled.div`\n    flex: 0 0 100%;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    .react-transform-wrapper {\n        height: 100%;\n        width: 100%;\n    }\n    .react-transform-component {\n        height: 100%;\n        width: 100%;\n    }\n`;\n\nexport const SlideImage = styled(StatefulImage)`\n    height: 100%;\n    width: 100%;\n    border-radius: ${V3_Radius[\"none\"]};\n`;\n\nexport const SlidePlaceholderImage = styled(ImagePlaceholder)`\n    width: 60vw;\n    height: auto;\n    max-height: 100%;\n    border-radius: ${V3_Radius[\"none\"]};\n    aspect-ratio: 4 / 3;\n`;\n\nexport const BoxChip = styled.div`\n    display: flex;\n    justify-content: center;\n    padding: ${V3_Spacing[\"spacing-16\"]};\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    z-index: 3;\n`;\n\nexport const Chip = styled(Typography.BodyXS)`\n    display: inline-flex;\n    padding: ${V3_Spacing[\"spacing-4\"]} ${V3_Spacing[\"spacing-16\"]};\n    justify-content: center;\n    align-items: center;\n    border-radius: ${V3_Radius[\"full\"]};\n    background-color: ${V3_Colour[\"bg\"]};\n    text-align: center;\n`;\n\n// -----------------------------------------------------------------------------\n// THUMBNAIL STYLING\n// -----------------------------------------------------------------------------\n\nexport const ThumbnailContainer = styled.div<InsetStyleProps>`\n    flex-shrink: 0;\n    display: flex;\n    overflow: auto;\n    background-color: ${V3_Colour[\"bg-inverse\"]};\n    padding: ${(props) =>\n            css`\n                ${V3_Spacing[\"spacing-24\"]} ${V3_Spacing[\n                    \"spacing-16\"\n                ]} calc(${V3_Spacing[\"spacing-24\"]} + ${props.$insetBottom ||\n                0}px);\n            `}\n        ${V3_MediaQuery.MaxWidth.sm} {\n        padding: ${(props) =>\n            css`\n                ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\n                    \"spacing-20\"\n                ]} calc(${V3_Spacing[\"spacing-16\"]} + ${props.$insetBottom ||\n                0}px);\n            `};\n    }\n`;\n\nexport const ThumbnailWrapper = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n    justify-content: center;\n    margin-left: auto;\n    margin-right: auto;\n`;\n\nexport const ThumbnailItemContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100px;\n    width: 100px;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        height: 64px;\n        width: 64px;\n    }\n`;\n\nexport const ThumbnailItem = styled.div<ThumbnailItemStyleProps>`\n    cursor: pointer;\n    background-color: ${V3_Colour[\"bg-inverse\"]};\n    border-radius: ${V3_Radius[\"md\"]};\n    border: ${V3_Border[\"solid\"]} transparent;\n    box-sizing: content-box;\n\n    flex-shrink: 0;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 92px;\n    width: 92px;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        height: 60px;\n        width: 60px;\n    }\n\n    ${(props) =>\n        props.$active\n            ? css`\n                  border-width: ${V3_Border[\"width-040\"]};\n                  border-color: ${V3_Colour[\"border-selected\"]};\n\n                  ${V3_MediaQuery.MaxWidth.sm} {\n                      border-width: ${V3_Border[\"width-020\"]};\n                  }\n\n                  &:hover {\n                      border-color: ${V3_Colour[\"border-selected-hover\"]};\n                  }\n              `\n            : css`\n                  border-width: ${V3_Border[\"width-010\"]};\n\n                  &:hover {\n                      border-color: ${V3_Colour[\"border-hover\"]};\n                  }\n              `};\n`;\n\nexport const ThumbnailImage = styled(StatefulImage)`\n    height: 100%;\n    width: 100%;\n`;\n"],"names":["IconButton","styled","ClickableIcon","V3_Colour","V3_Shadow","CloseButton","props","css","V3_Spacing","$insetTop","$insetRight","V3_MediaQuery","MaxWidth","sm","MagnifierButton","ArrowButton","$position","$insetLeft","ImageGalleryContainer","div","ImageGalleryWrapper","ImageGallerySwipe","ImageGallerySlides","ImageGallerySlide","SlideImage","StatefulImage","V3_Radius","SlidePlaceholderImage","ImagePlaceholder","BoxChip","Chip","Typography","BodyXS","ThumbnailContainer","$insetBottom","ThumbnailWrapper","ThumbnailItemContainer","ThumbnailItem","V3_Border","$active","ThumbnailImage"],"mappings":"mbA8BA,MAAMA,EAAaC,EAAOC,EAAc;;;kBAGtBC,EAAc;aACnBA,EAAU;;;kBAGLC,EAAU;;;;;;EAQfC,EAAcJ,EAAOD,EAA4B;;WAElDM,GACJC,CAAG,QAAQC,EAAW,mBAAmBF,EAAMG,WAAa;aACtDH,GACNC,CAAG,QAAQC,EAAW,mBAAmBF,EAAMI,aAAe;;;MAGhEC,EAAcC,SAASC;eACbP,GACJC,CAAG,QAAQC,EAAW,mBAAmBF,EAAMG,WAAa;iBACtDH,GACNC,CAAG,QAAQC,EAAW,mBAClBF,EAAMI,aAAe;;EAKxBI,EAAkBb,EAAOD,EAA4B;;WAEtDM,GACJC,CAAG,QAAQC,EAAW,mBAAmBF,EAAMG,WAAa;aAE3DH,GACGC,CAAG,iBAAiBC,EAAW,mBAC3BA,EAAW,mBACTF,EAAMI,aAAe;;;;MAKjCC,EAAcC,SAASC;eACbP,GACJC,CAAG,QAAQC,EAAW,mBAAmBF,EAAMG,WAAa;iBAE3DH,GACGC,CAAG,iBAAiBC,EAAW,mBAC3BA,EAAW,mBACTF,EAAMI,aAAe;;EAK9BK,EAAcd,EAAOD,EAAkC;;;;;;MAM7DM,GACqB,SAApBA,EAAMU,WACNT,CAAG;;kBAEOC,EAAW,mBAAmBF,EAAMW,YAAc;;cAEtDN,EAAcC,SAASC;;sBAEfL,EAAW,mBAAmBF,EAAMW,YAAc;;;;;MAKjEX,GACqB,UAApBA,EAAMU,WACNT,CAAG;;kBAEOC,EAAW,mBAAmBF,EAAMI,aAAe;;cAEvDC,EAAcC,SAASC;;sBAEfL,EAAW,mBAAmBF,EAAMI,aAAe;;;;EAM5DQ,EAAwBjB,EAAOkB,GAAG;;;;;EAOlCC,EAAsBnB,EAAOkB,GAAG;;;;;;;EAShCE,EAAoBpB,EAAOkB,GAAG;;;;;;EAQ9BG,EAAqBrB,EAAOkB,GAAG;;;;;;;;EAU/BI,EAAoBtB,EAAOkB,GAAG;;;;;;;;;;;;;;EAgB9BK,EAAavB,EAAOwB,EAAc;;;qBAG1BC,EAAgB;EAGxBC,EAAwB1B,EAAO2B,EAAiB;;;;qBAIxCF,EAAgB;;EAIxBG,EAAU5B,EAAOkB,GAAG;;;eAGlBX,EAAW;;;;;;;;EAUbsB,EAAO7B,EAAO8B,EAAWC,OAAO;;eAE9BxB,EAAW,gBAAgBA,EAAW;;;qBAGhCkB,EAAgB;wBACbvB,EAAc;;EAQzB8B,EAAqBhC,EAAOkB,GAAoB;;;;wBAIrChB,EAAU;eAClBG,GACJC,CAAG;kBACGC,EAAW,iBAAiBA,EAC1B,sBACMA,EAAW,mBAAmBF,EAAM4B,cAC9C;;UAENvB,EAAcC,SAASC;mBACbP,GACRC,CAAG;kBACGC,EAAW,iBAAiBA,EAC1B,sBACMA,EAAW,mBAAmBF,EAAM4B,cAC9C;;;EAKHC,EAAmBlC,EAAOkB,GAAG;;;;WAI/BX,EAAW;;;;EAMT4B,EAAyBnC,EAAOkB,GAAG;;;;;;;MAO1CR,EAAcC,SAASC;;;;EAMhBwB,EAAgBpC,EAAOkB,GAA4B;;wBAExChB,EAAU;qBACbuB,EAAc;cACrBY,EAAiB;;;;;;;;;;;MAWzB3B,EAAcC,SAASC;;;;;MAKtBP,GACCA,EAAMiC,QACAhC,CAAG;kCACiB+B,EAAU;kCACVnC,EAAU;;oBAExBQ,EAAcC,SAASC;sCACLyB,EAAU;;;;sCAIVnC,EAAU;;gBAGlCI,CAAG;kCACiB+B,EAAU;;;sCAGNnC,EAAU;;;EAKnCqC,EAAiBvC,EAAOwB,EAAc;;;"}

package/fullscreen-image-carousel/stateful-image.style.d.ts

@@ -1,7 +0,0 @@
-interface ImageStyleProps {
-    $fit?: React.CSSProperties["objectFit"];
-}
-export declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ImageBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageStyleProps>> & string;
-export declare const DefaultPlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/image-placeholder").ImagePlaceholderProps, never>> & string & Omit<(props: import("../shared/image-placeholder").ImagePlaceholderProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};

package/fullscreen-image-carousel/stateful-image.style.js

@@ -1,13 +0,0 @@
-import e from"styled-components";import{ImagePlaceholder as t}from"../shared/image-placeholder/image-placeholder.js";const i=e.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`,o=e.img`
-    height: 100%;
-    width: 100%;
-    object-fit: ${e=>e.$fit||"contain"};
-`,n=e(t)`
-    width: 100%;
-    height: 100%;
-`;export{n as DefaultPlaceholder,o as ImageBox,i as ImageWrapper};
-//# sourceMappingURL=stateful-image.style.js.map

package/fullscreen-image-carousel/stateful-image.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stateful-image.style.js","sources":["../../src/fullscreen-image-carousel/stateful-image.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ImagePlaceholder } from \"../shared/image-placeholder\";\n\ninterface ImageStyleProps {\n    $fit?: React.CSSProperties[\"objectFit\"];\n}\n\nexport const ImageWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const ImageBox = styled.img<ImageStyleProps>`\n    height: 100%;\n    width: 100%;\n    object-fit: ${(props) => props.$fit || \"contain\"};\n`;\n\nexport const DefaultPlaceholder = styled(ImagePlaceholder)`\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["ImageWrapper","styled","div","ImageBox","img","props","$fit","DefaultPlaceholder","ImagePlaceholder"],"mappings":"qHAQO,MAAMA,EAAeC,EAAOC,GAAG;;;;EAMzBC,EAAWF,EAAOG,GAAoB;;;kBAGhCC,GAAUA,EAAMC,MAAQ;EAG9BC,EAAqBN,EAAOO,EAAiB;;;"}

package/icon-button/icon-button.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import type { IconButtonProps } from "./types";
-export declare const IconButton: (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;

package/icon-button/icon-button.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import i from"react";import{Main as s}from"./icon-button.style.js";const a=i.forwardRef(((i,a)=>{var{"data-testid":r,styleType:d="primary",children:l,sizeType:o="default",type:n="button",disabled:p=!1,focusableWhenDisabled:c=!1,onClick:y}=i,b=e(i,["data-testid","styleType","children","sizeType","type","disabled","focusableWhenDisabled","onClick"]);return t(s,Object.assign({"data-testid":r||"iconButton",ref:a,type:n,$styleType:p?"disabled":d,$sizeType:o,"aria-disabled":p,disabled:p&&!c,onClick:p?void 0:y},b,{children:l}))}));export{a as IconButton};
-//# sourceMappingURL=icon-button.js.map

package/icon-button/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","sources":["../../src/icon-button/icon-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ButtonRef } from \"../button/types\";\nimport { Main } from \"./icon-button.style\";\nimport type { IconButtonProps } from \"./types\";\n\nconst Component = (\n    {\n        \"data-testid\": dataTestId,\n        styleType = \"primary\",\n        children,\n        sizeType = \"default\",\n        type = \"button\",\n        disabled = false,\n        focusableWhenDisabled = false,\n        onClick,\n        ...otherProps\n    }: IconButtonProps,\n    ref: ButtonRef\n) => {\n    return (\n        <Main\n            data-testid={dataTestId || \"iconButton\"}\n            ref={ref}\n            type={type}\n            $styleType={disabled ? \"disabled\" : styleType}\n            $sizeType={sizeType}\n            aria-disabled={disabled}\n            disabled={disabled && !focusableWhenDisabled}\n            onClick={disabled ? undefined : onClick}\n            {...otherProps}\n        >\n            {children}\n        </Main>\n    );\n};\n\nexport const IconButton = React.forwardRef(Component);\n"],"names":["IconButton","React","forwardRef","_a","ref","dataTestId","styleType","children","sizeType","type","disabled","focusableWhenDisabled","onClick","otherProps","__rest","_jsx","Main","Object","assign","$styleType","$sizeType","undefined"],"mappings":"0JAMA,MA+BaA,EAAaC,EAAMC,YA/Bd,CACdC,EAWAC,KAXA,IACI,cAAeC,EAAUC,UACzBA,EAAY,UAASC,SACrBA,EAAQC,SACRA,EAAW,UAASC,KACpBA,EAAO,SAAQC,SACfA,GAAW,EAAKC,sBAChBA,GAAwB,EAAKC,QAC7BA,GAAOT,EACJU,EAAUC,EAAAX,EATjB,uGAaA,OACIY,EAACC,EAAIC,OAAAC,OAAA,CAAA,cACYb,GAAc,aAC3BD,IAAKA,EACLK,KAAMA,EAAIU,WACET,EAAW,WAAaJ,EAASc,UAClCZ,kBACIE,EACfA,SAAUA,IAAaC,EACvBC,QAASF,OAAWW,EAAYT,GAC5BC,EAAU,CAAAN,SAEbA,IACE"}

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

@@ -1,7 +0,0 @@
-import type { SizeType, StyleType } from "./types";
-interface StyleProps {
-    $styleType: StyleType | "disabled";
-    $sizeType: SizeType;
-}
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyleProps>> & string;
-export {};