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

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

@@ -1,298 +0,0 @@
-import i,{css as e}from"styled-components";import{ClickableIcon as t}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 d,V3_Border as s,V3_Spacing as a,V3_MediaQuery as c,V3_Radius as l,V3_Font as p}from"../v3_theme/index.js";import{StatefulImage as h}from"./stateful-image.js";const g=i(t)`
-    padding: 0;
-    border-radius: 100%;
-    background: ${r.bg};
-    color: ${r["icon-primary"]};
-    height: 2.5rem;
-    width: 2.5rem;
-    box-shadow: ${d["md-strong"]};
-
-    svg {
-        height: 1.5rem;
-        width: 1.5rem;
-    }
-
-    &:focus {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: ${s["width-020"]} solid ${r["border-selected"]};
-        outline-offset: 2px;
-    }
-`,$=i.div`
-    order: -1;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: ${a["spacing-16"]};
-
-    ${i=>i.$hasFileInfo?e`
-                  flex-shrink: 0;
-                  background-color: ${r["bg-inverse"]};
-                  padding-top: calc(
-                      ${a["spacing-24"]} + ${i.$insetTop||0}px
-                  );
-                  padding-bottom: ${a["spacing-24"]};
-                  padding-left: calc(
-                      ${a["spacing-32"]} + ${i.$insetLeft||0}px
-                  );
-                  padding-right: calc(
-                      ${a["spacing-32"]} + ${i.$insetRight||0}px
-                  );
-
-                  ${c.MaxWidth.sm} {
-                      padding-top: calc(
-                          ${a["spacing-16"]} + ${i.$insetTop||0}px
-                      );
-                      padding-bottom: ${a["spacing-16"]};
-                      padding-left: calc(
-                          ${a["spacing-20"]} + ${i.$insetLeft||0}px
-                      );
-                      padding-right: calc(
-                          ${a["spacing-20"]} + ${i.$insetRight||0}px
-                      );
-                  }
-              `:e`
-                  position: absolute;
-                  top: calc(
-                      ${a["spacing-48"]} + ${i.$insetTop||0}px
-                  );
-                  right: calc(
-                      ${a["spacing-48"]} + ${i.$insetRight||0}px
-                  );
-                  z-index: 5;
-
-                  ${c.MaxWidth.sm} {
-                      top: calc(
-                          ${a["spacing-20"]} + ${i.$insetTop||0}px
-                      );
-                      right: calc(
-                          ${a["spacing-20"]} + ${i.$insetRight||0}px
-                      );
-                  }
-              `}
-`,x=i(g)``,f=i(g)`
-    color: ${r["icon-error"]};
-`,m=i(g)``,b=i(g)`
-    z-index: 4;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-
-    ${i=>"left"===i.$position&&e`
-            left: calc(
-                ${a["spacing-48"]} + ${i.$insetLeft||0}px
-            );
-
-            ${c.MaxWidth.sm} {
-                left: calc(
-                    ${a["spacing-20"]} + ${i.$insetLeft||0}px
-                );
-            }
-        `}
-
-    ${i=>"right"===i.$position&&e`
-            right: calc(
-                ${a["spacing-48"]} + ${i.$insetRight||0}px
-            );
-
-            ${c.MaxWidth.sm} {
-                right: calc(
-                    ${a["spacing-20"]} + ${i.$insetRight||0}px
-                );
-            }
-        `}
-`,u=i.div`
-    position: relative;
-    width: 100%;
-    height: 100dvh;
-    display: flex;
-    flex-direction: column;
-`,w=i.div`
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    flex: 1;
-    min-height: 0;
-`,v=i.div`
-    user-select: none;
-    position: relative;
-    display: block;
-    overflow: hidden;
-    width: 100%;
-    flex: 1;
-    min-height: 0;
-`,y=i.div`
-    display: block;
-    user-select: none;
-    height: 100%;
-    overflow: hidden;
-    touch-action: pan-y;
-`,j=i.div`
-    display: flex;
-    transition: all 450ms ease-out 0s;
-    position: relative;
-    text-align: center;
-    user-select: none;
-    width: 100%;
-    height: 100%;
-`,k=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%;
-    }
-`,M=i.div`
-    height: 100%;
-    width: 100%;
-    outline: none;
-
-    &:focus {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: ${s["width-020"]} solid ${r["border-selected"]};
-        outline-offset: -2px;
-    }
-`,W=i(h)`
-    height: 100%;
-    width: 100%;
-    border-radius: ${l.none};
-`,z=i(o)`
-    width: 60vw;
-    height: auto;
-    max-height: 100%;
-    border-radius: ${l.none};
-    aspect-ratio: 4 / 3;
-`,B=i.div`
-    display: flex;
-    justify-content: center;
-    padding: ${a["spacing-16"]};
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin-left: auto;
-    margin-right: auto;
-    z-index: 3;
-`,R=i(n.BodyXS)`
-    display: inline-flex;
-    padding: ${a["spacing-4"]} ${a["spacing-16"]};
-    justify-content: center;
-    align-items: center;
-    border-radius: ${l.full};
-    background-color: ${r.bg};
-    text-align: center;
-`,L=i.div`
-    flex-shrink: 0;
-    display: flex;
-    overflow: auto;
-    background-color: ${r["bg-inverse"]};
-    padding: ${i=>e`
-                ${a["spacing-24"]} ${a["spacing-16"]} calc(${a["spacing-24"]} + ${i.$insetBottom||0}px);
-            `}
-        ${c.MaxWidth.sm} {
-        padding: ${i=>e`
-                ${a["spacing-16"]} ${a["spacing-20"]} calc(${a["spacing-16"]} + ${i.$insetBottom||0}px);
-            `};
-    }
-`,T=i.div`
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    gap: ${a["spacing-16"]};
-    justify-content: center;
-    margin-left: auto;
-    margin-right: auto;
-`,S=i.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100px;
-    width: 100px;
-
-    ${c.MaxWidth.sm} {
-        height: 64px;
-        width: 64px;
-    }
-`,C=i.div`
-    cursor: pointer;
-    background-color: ${r["bg-inverse"]};
-    border-radius: ${l.md};
-    border: ${s.solid} transparent;
-    box-sizing: content-box;
-
-    flex-shrink: 0;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 92px;
-    width: 92px;
-
-    ${c.MaxWidth.sm} {
-        height: 60px;
-        width: 60px;
-    }
-
-    ${i=>i.$active?e`
-                  border-width: ${s["width-040"]};
-                  border-color: ${r["border-selected"]};
-
-                  ${c.MaxWidth.sm} {
-                      border-width: ${s["width-020"]};
-                  }
-
-                  &:hover {
-                      border-color: ${r["border-selected-hover"]};
-                  }
-              `:e`
-                  border-width: ${s["width-010"]};
-
-                  &:hover {
-                      border-color: ${r["border-hover"]};
-                  }
-              `};
-`,D=i(h)`
-    height: 100%;
-    width: 100%;
-`,F=i.div`
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: ${a["spacing-8"]};
-    overflow: hidden;
-    min-width: 0;
-    min-height: calc(
-        ${p.Spec["body-lh-baseline"]} + ${a["spacing-8"]} +
-            ${p.Spec["body-lh-md"]}
-    );
-    ${i=>i.$centerContent&&e`
-            justify-content: center;
-        `}
-`,I=i(n.BodyBL)`
-    color: ${r["text-inverse"]};
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    min-width: 0;
-`,X=i(n.BodyMD)`
-    color: ${r["text-inverse"]};
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    min-width: 0;
-`;export{b as ArrowButton,B as BoxChip,u as CarouselModalContent,R as Chip,x as CloseButton,f as DeleteButton,I as FileInfoFileName,X as FileInfoFileSize,F as FileInfoTextWrapper,M as FocusableImageRegion,w as ImageGalleryContainer,k as ImageGallerySlide,j as ImageGallerySlides,y as ImageGallerySwipe,v as ImageGalleryWrapper,m as MagnifierButton,W as SlideImage,z as SlidePlaceholderImage,L as ThumbnailContainer,D as ThumbnailImage,C as ThumbnailItem,S as ThumbnailItemContainer,T as ThumbnailWrapper,$ as TopActionButtons};
-//# 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_Font,\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\ninterface TopActionButtonsStyleProps extends InsetStyleProps {\n    $hasFileInfo?: boolean | undefined;\n}\n\ninterface FileInfoTextWrapperStyleProps {\n    $centerContent?: boolean | undefined;\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    &:focus {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: ${V3_Border[\"width-020\"]} solid ${V3_Colour[\"border-selected\"]};\n        outline-offset: 2px;\n    }\n`;\n\nexport const TopActionButtons = styled.div<TopActionButtonsStyleProps>`\n    order: -1;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n\n    ${(props) =>\n        props.$hasFileInfo\n            ? css`\n                  flex-shrink: 0;\n                  background-color: ${V3_Colour[\"bg-inverse\"]};\n                  padding-top: calc(\n                      ${V3_Spacing[\"spacing-24\"]} + ${props.$insetTop || 0}px\n                  );\n                  padding-bottom: ${V3_Spacing[\"spacing-24\"]};\n                  padding-left: calc(\n                      ${V3_Spacing[\"spacing-32\"]} + ${props.$insetLeft || 0}px\n                  );\n                  padding-right: calc(\n                      ${V3_Spacing[\"spacing-32\"]} + ${props.$insetRight || 0}px\n                  );\n\n                  ${V3_MediaQuery.MaxWidth.sm} {\n                      padding-top: calc(\n                          ${V3_Spacing[\"spacing-16\"]} + ${props.$insetTop || 0}px\n                      );\n                      padding-bottom: ${V3_Spacing[\"spacing-16\"]};\n                      padding-left: calc(\n                          ${V3_Spacing[\"spacing-20\"]} + ${props.$insetLeft || 0}px\n                      );\n                      padding-right: calc(\n                          ${V3_Spacing[\"spacing-20\"]} + ${props.$insetRight || 0}px\n                      );\n                  }\n              `\n            : css`\n                  position: absolute;\n                  top: calc(\n                      ${V3_Spacing[\"spacing-48\"]} + ${props.$insetTop || 0}px\n                  );\n                  right: calc(\n                      ${V3_Spacing[\"spacing-48\"]} + ${props.$insetRight || 0}px\n                  );\n                  z-index: 5;\n\n                  ${V3_MediaQuery.MaxWidth.sm} {\n                      top: calc(\n                          ${V3_Spacing[\"spacing-20\"]} + ${props.$insetTop || 0}px\n                      );\n                      right: calc(\n                          ${V3_Spacing[\"spacing-20\"]} + ${props.$insetRight || 0}px\n                      );\n                  }\n              `}\n`;\n\nexport const CloseButton = styled(IconButton)``;\n\nexport const DeleteButton = styled(IconButton)`\n    color: ${V3_Colour[\"icon-error\"]};\n`;\n\nexport const MagnifierButton = styled(IconButton)``;\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\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\n            ${V3_MediaQuery.MaxWidth.sm} {\n                right: calc(\n                    ${V3_Spacing[\"spacing-20\"]} + ${props.$insetRight || 0}px\n                );\n            }\n        `}\n`;\n\nexport const CarouselModalContent = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100dvh;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const ImageGalleryContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    flex: 1;\n    min-height: 0;\n`;\n\nexport const ImageGalleryWrapper = styled.div`\n    user-select: none;\n    position: relative;\n    display: block;\n    overflow: hidden;\n    width: 100%;\n    flex: 1;\n    min-height: 0;\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\n    .react-transform-wrapper {\n        height: 100%;\n        width: 100%;\n    }\n\n    .react-transform-component {\n        height: 100%;\n        width: 100%;\n    }\n`;\n\nexport const FocusableImageRegion = styled.div`\n    height: 100%;\n    width: 100%;\n    outline: none;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: ${V3_Border[\"width-020\"]} solid ${V3_Colour[\"border-selected\"]};\n        outline-offset: -2px;\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\n// -----------------------------------------------------------------------------\n// FILE INFO BAR STYLING\n// -----------------------------------------------------------------------------\n\nexport const FileInfoTextWrapper = styled.div<FileInfoTextWrapperStyleProps>`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: ${V3_Spacing[\"spacing-8\"]};\n    overflow: hidden;\n    min-width: 0;\n    min-height: calc(\n        ${V3_Font.Spec[\"body-lh-baseline\"]} + ${V3_Spacing[\"spacing-8\"]} +\n            ${V3_Font.Spec[\"body-lh-md\"]}\n    );\n    ${(props) =>\n        props.$centerContent &&\n        css`\n            justify-content: center;\n        `}\n`;\n\nexport const FileInfoFileName = styled(Typography.BodyBL)`\n    color: ${V3_Colour[\"text-inverse\"]};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n`;\n\nexport const FileInfoFileSize = styled(Typography.BodyMD)`\n    color: ${V3_Colour[\"text-inverse\"]};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n`;\n"],"names":["IconButton","styled","ClickableIcon","V3_Colour","V3_Shadow","V3_Border","TopActionButtons","div","V3_Spacing","props","$hasFileInfo","css","$insetTop","$insetLeft","$insetRight","V3_MediaQuery","MaxWidth","sm","CloseButton","DeleteButton","MagnifierButton","ArrowButton","$position","CarouselModalContent","ImageGalleryContainer","ImageGalleryWrapper","ImageGallerySwipe","ImageGallerySlides","ImageGallerySlide","FocusableImageRegion","SlideImage","StatefulImage","V3_Radius","SlidePlaceholderImage","ImagePlaceholder","BoxChip","Chip","Typography","BodyXS","ThumbnailContainer","$insetBottom","ThumbnailWrapper","ThumbnailItemContainer","ThumbnailItem","$active","ThumbnailImage","FileInfoTextWrapper","V3_Font","Spec","$centerContent","FileInfoFileName","BodyBL","FileInfoFileSize","BodyMD"],"mappings":"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"}

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> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ImageBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "$fit"> & ImageStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "$fit"> & ImageStyleProps, never>>> & string;
-export declare const DefaultPlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/image-placeholder").ImagePlaceholderProps, never> & Partial<Pick<import("../shared/image-placeholder").ImagePlaceholderProps, never>>> & string & Omit<({ className }: 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/image-button/image-button.styles_qtt605.css

@@ -1,5 +0,0 @@
-.mqb1plh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem 1rem;background-color:var(--fds-colour-bg);border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;border-radius:var(--fds-radius-md);cursor:pointer;max-width:13rem;-webkit-transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);overflow-wrap:anywhere;}.mqb1plh img{min-width:3.5rem;width:3.5rem;height:3.5rem;object-fit:contain;}.mqb1plh:hover{border-color:var(--fds-colour-border-hover-strong);}:where(body.fds-breakpoint-sm-max) .mqb1plh{padding:0.5rem 0.25rem;gap:0.25rem;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
-.mpjl8bn{color:var(--fds-colour-text-primary);}
-.mroo32y{background:var(--fds-colour-bg-selected);border-color:var(--fds-colour-border-selected);}.mroo32y:hover{background:var(--fds-colour-bg-selected-hover);border-color:var(--fds-colour-border-selected-hover);}
-.mz6wr40{background:var(--fds-colour-bg);border-color:var(--fds-colour-border-error);}.mz6wr40:hover{background:var(--fds-colour-bg);border-color:var(--fds-colour-border-error);}
-.m1hsk0n5{color:var(--fds-colour-text-disabled);cursor:not-allowed;}.m1hsk0n5 img{-webkit-filter:grayscale(100%);filter:grayscale(100%);}.m1hsk0n5:hover{border-color:transparent;}

package/input-group/input-group-list-addon.styles_1my6j2v.css

@@ -1,9 +0,0 @@
-.fmhspm1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.fmhspm1[data-position="right"]{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
-.e135ws0j[data-position="right"]{padding-right:0;}.e135ws0j[data-position="left"]{padding-left:0;}
-.faf95up{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
-.f96umbl{padding:0;}
-.f3g4d0l[data-position="right"]{padding-left:0;}.f3g4d0l[data-position="left"]{padding-right:0;}
-.fioonlm[data-position="right"]{padding-left:var(--fds-spacing-16);}.fioonlm[data-position="left"]{padding-right:var(--fds-spacing-16);}
-.s1b40hsu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;background:transparent;margin-right:var(--fds-spacing-12);color:var(--fds-colour-text);}
-.d7gwol5{width:1px;background:var(--fds-colour-border);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1.25rem;}.d7gwol5[data-position="right"]{margin-left:var(--fds-spacing-12);}.d7gwol5[data-position="left"]{margin-right:var(--fds-spacing-12);}
-.d181f48m{display:none;}

package/input-group/input-group.styles_fpy81r.css

@@ -1,3 +0,0 @@
-.afvd13{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0 var(--fds-spacing-16);}.afvd13[data-read-only="true"]{padding:0;}.afvd13[data-no-border="true"]{padding:0;}.afvd13[data-position="right"]{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
-.nx53mj4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:100%;padding:0 var(--fds-spacing-16);}.nx53mj4[data-read-only="true"]{padding:0;}.nx53mj4[data-no-border="true"]{padding:0;}
-.l1s6ick6{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--fds-spacing-12);font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);}.l1s6ick6 svg{height:1em;width:1em;}.l1s6ick6[data-disabled="true"]{color:var(--fds-colour-text-subtler);}.l1s6ick6[data-read-only="true"]{margin-right:var(--fds-spacing-4);}.l1s6ick6[data-position="right"]{margin-right:0;margin-left:var(--fds-spacing-12);}.l1s6ick6[data-position="right"][data-read-only="true"]{margin-right:0;margin-left:var(--fds-spacing-4);}

package/input-range-select/input-range-select.style.d.ts

@@ -1,3 +0,0 @@
-export declare const ClearIconContainer: 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 StyledInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>, never> & Partial<Pick<import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>, never>>> & string & Omit<(props: import("../shared/input-wrapper").InputWrapperProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const RangeSelectorButton: 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;

package/input-range-select/input-range-select.style.js

@@ -1,36 +0,0 @@
-import e from"styled-components";import{InputWrapper as t}from"../shared/input-wrapper/input-wrapper.js";import"../theme/theme-provider/index.js";import"react";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import{Colour as o}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Spacing as r}from"../theme/tokens/spacing.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{V3_Spacing as i,V3_Colour as n}from"../v3_theme/index.js";const s=e.button`
-    height: auto;
-    padding: ${r["spacing-12"]} ${r["spacing-16"]};
-    cursor: pointer;
-    color: ${o.icon};
-
-    /* Position styles */
-    position: absolute;
-    right: 0;
-    padding-left: ${i["spacing-8"]};
-    margin-right: 0;
-`,p=e(t)`
-    height: 3rem;
-`,m=e.button`
-    appearance: none;
-    border: 0;
-    background: transparent;
-    display: flex;
-    flex: 1;
-    color: ${n.text};
-
-    &:focus,
-    &:active {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${n["border-focus"]};
-        border-radius: 4px;
-    }
-
-    &:disabled {
-        cursor: not-allowed;
-    }
-`;export{s as ClearIconContainer,m as RangeSelectorButton,p as StyledInputWrapper};
-//# sourceMappingURL=input-range-select.style.js.map

package/input-range-select/input-range-select.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-range-select.style.js","sources":["../../src/input-range-select/input-range-select.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport { Colour, Spacing } from \"../theme\";\nimport { V3_Colour, V3_Spacing } from \"../v3_theme\";\n\nexport const ClearIconContainer = styled.button`\n    height: auto;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    cursor: pointer;\n    color: ${Colour.icon};\n\n    /* Position styles */\n    position: absolute;\n    right: 0;\n    padding-left: ${V3_Spacing[\"spacing-8\"]};\n    margin-right: 0;\n`;\n\nexport const StyledInputWrapper = styled(InputWrapper)`\n    height: 3rem;\n`;\n\nexport const RangeSelectorButton = styled.button`\n    appearance: none;\n    border: 0;\n    background: transparent;\n    display: flex;\n    flex: 1;\n    color: ${V3_Colour.text};\n\n    &:focus,\n    &:active {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${V3_Colour[\"border-focus\"]};\n        border-radius: 4px;\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n`;\n"],"names":["ClearIconContainer","styled","button","Spacing","Colour","icon","V3_Spacing","StyledInputWrapper","InputWrapper","RangeSelectorButton","V3_Colour","text"],"mappings":"kpBAMO,MAAMA,EAAqBC,EAAOC,MAAM;;eAEhCC,EAAQ,iBAAiBA,EAAQ;;aAEnCC,EAAOC;;;;;oBAKAC,EAAW;;EAIlBC,EAAqBN,EAAOO,EAAa;;EAIzCC,EAAsBR,EAAOC,MAAM;;;;;;aAMnCQ,EAAUC;;;;;;;;6BAQMD,EAAU;;;;;;;"}

package/input-textarea/textarea-counter.styles_adg5h1.css

@@ -1 +0,0 @@
-.c1d4l1yp{text-align:right;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-sm);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-sm);letter-spacing:var(--fds-font-body-ls-sm);color:var(--fds-colour-text-subtler);}

package/input-textarea/textarea.styles_g0zgyq.css

@@ -1,5 +0,0 @@
-.w1xqauhq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.e10c6rk9{border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);outline:none;overflow:auto;display:block;padding:var(--fds-spacing-12) var(--fds-spacing-16);width:100%;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);}.e10c6rk9:focus,.e10c6rk9:active{outline-offset:-1px;outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-border-focus);}.e10c6rk9::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9::-webkit-scrollbar{width:14px;}.e10c6rk9::-webkit-scrollbar-track{background:transparent;}.e10c6rk9::-webkit-scrollbar-thumb{background:var(--fds-colour-bg-inverse-subtlest);border:5px solid transparent;border-radius:var(--fds-radius-full);-webkit-background-clip:padding-box;background-clip:padding-box;}.e10c6rk9::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9::-moz-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9:-ms-input-placeholder{color:var(--fds-colour-text-subtler);}.e10c6rk9::placeholder{color:var(--fds-colour-text-subtler);}
-.e1kovz0t{border-color:transparent;background:transparent!important;padding:var(--fds-spacing-12) 0;}.e1kovz0t:focus,.e1kovz0t:active{outline-color:var(--fds-colour-border-focus);}
-.e9uwuyt{background:var(--fds-colour-bg-disabled);cursor:not-allowed;}.e9uwuyt:focus,.e9uwuyt:active{outline-color:var(--fds-colour-border-disabled);}
-.etmlvbn{border-color:var(--fds-colour-border-error);}.etmlvbn:focus,.etmlvbn:active{outline-color:var(--fds-colour-border-error-focus);}

package/language-switcher/dropdown-variant.style.d.ts

@@ -1,11 +0,0 @@
-import { baseIndicatorStyle, selectedIndicator } from "../shared/dropdown-list/dropdown-list.styles";
-export declare const StyledExpandableElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<(props: import("../shared/dropdown-list").ExpandableElementProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const LanguageIconWrapper: 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 DropdownPanel: 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 DropdownList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
-export { baseIndicatorStyle, selectedIndicator };
-export declare const DropdownItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$selected"> & {
-    $selected: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$selected"> & {
-    $selected: boolean;
-}, never>>> & string;

package/language-switcher/dropdown-variant.style.js

@@ -1,62 +0,0 @@
-import r,{css as e}from"styled-components";import"react/jsx-runtime";import"clsx";import"react";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import{Border as o}from"../theme/tokens/border.js";import{Colour as t}from"../theme/tokens/colour.js";import{Font as s}from"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as i}from"../theme/tokens/radius.js";import{Spacing as d}from"../theme/tokens/spacing.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import"../shared/dropdown-list/dropdown-label.styles_1dwmd8f.css";import"../shared/dropdown-list/dropdown-list.js";import"../shared/dropdown-list/dropdown-list-state.js";import{ExpandableElement as a}from"../shared/dropdown-list/expandable-element.js";import"@lifesg/react-icons/caret-right";import"@lifesg/react-icons/exclamation-circle-fill";import"@lifesg/react-icons/minus-square-fill";import"@lifesg/react-icons/square";import"@lifesg/react-icons/square-tick-fill";import"@lifesg/react-icons/tick";import"react-virtuoso";import"../markup/markup.js";import"../_virtual/_tslib.js";import"../shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css";import"../shared/dropdown-wrapper/element-with-dropdown.js";import"../shared/input-wrapper/input-wrapper.js";import"../shared/dropdown-list/dropdown-list.styles_1qveyb9.css";import"../shared/dropdown-list/dropdown-search.js";import"../shared/dropdown-list/nested-dropdown-list.styles_wdhxoe.css";import"immer";import"../external/lodash/_getTag.js";import"../external/lodash/isArguments.js";import"../external/lodash/_baseGetTag.js";import"../external/lodash/isBuffer.js";import"../external/lodash/isTypedArray.js";import"../external/lodash/_Stack.js";import"../external/lodash/_SetCache.js";import"../external/lodash/_equalByTag.js";import"../shared/dropdown-list/virtuoso-components.js";import{iconContainer as n}from"../shared/dropdown-list/expandable-element.styles.js";const p=r(a)`
-    min-width: 9rem;
-    width: auto;
-    ${s["body-md-semibold"]}
-    color: ${t["text-primary"]};
-    height: 2.5rem;
-    padding: 0 ${d["spacing-16"]};
-    border-radius: ${i.sm};
-    border: ${o["width-010"]} ${o.solid} ${t.border};
-    background: ${t.bg};
-
-    .${n} {
-        margin-left: auto;
-
-        svg {
-            color: ${t["text-selected"]};
-        }
-    }
-
-    &:focus-visible {
-        outline: 2px solid ${t["focus-ring"]};
-        outline-offset: -2px;
-    }
-`,m=e`
-    display: flex;
-    align-items: center;
-
-    svg {
-        height: 1rem;
-        width: 1rem;
-    }
-`,l=r.span`
-    ${m}
-    color: ${t["icon-primary"]};
-`,c=r.div`
-    border-radius: ${i.sm};
-    border: ${o["width-010"]} ${o.solid} ${t.border};
-    background: ${t.bg};
-    overflow: hidden;
-`,h=r.ul`
-    list-style: none;
-    margin: 0;
-    padding: ${d["spacing-8"]};
-`,g=r.li`
-    align-items: center;
-    ${s["body-md-regular"]}
-    color: ${t.text};
-
-    &:hover {
-        background: ${t["bg-hover-subtle"]};
-    }
-
-    ${r=>r.$selected&&e`
-            background: transparent;
-            color: ${t["text-selected"]};
-
-            &:hover {
-                background: ${t["bg-hover"]};
-            }
-        `}
-`;export{g as DropdownItem,h as DropdownList,c as DropdownPanel,l as LanguageIconWrapper,p as StyledExpandableElement};
-//# sourceMappingURL=dropdown-variant.style.js.map

package/language-switcher/dropdown-variant.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-variant.style.js","sources":["../../src/language-switcher/dropdown-variant.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ExpandableElement } from \"../shared/dropdown-list\";\nimport {\n    baseIndicatorStyle,\n    selectedIndicator,\n} from \"../shared/dropdown-list/dropdown-list.styles\";\nimport { iconContainer } from \"../shared/dropdown-list/expandable-element.styles\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// TRIGGER STYLES\n// =============================================================================\nexport const StyledExpandableElement = styled(ExpandableElement)`\n    min-width: 9rem;\n    width: auto;\n    ${Font[\"body-md-semibold\"]}\n    color: ${Colour[\"text-primary\"]};\n    height: 2.5rem;\n    padding: 0 ${Spacing[\"spacing-16\"]};\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n\n    .${iconContainer} {\n        margin-left: auto;\n\n        svg {\n            color: ${Colour[\"text-selected\"]};\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n\nconst IconWrapper = css`\n    display: flex;\n    align-items: center;\n\n    svg {\n        height: 1rem;\n        width: 1rem;\n    }\n`;\n\nexport const LanguageIconWrapper = styled.span`\n    ${IconWrapper}\n    color: ${Colour[\"icon-primary\"]};\n`;\n\n// =============================================================================\n// DROPDOWN STYLES\n// =============================================================================\nexport const DropdownPanel = styled.div`\n    border-radius: ${Radius[\"sm\"]};\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    background: ${Colour[\"bg\"]};\n    overflow: hidden;\n`;\n\nexport const DropdownList = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\nexport { baseIndicatorStyle, selectedIndicator };\n\nexport const DropdownItem = styled.li<{ $selected: boolean }>`\n    align-items: center;\n    ${Font[\"body-md-regular\"]}\n    color: ${Colour[\"text\"]};\n\n    &:hover {\n        background: ${Colour[\"bg-hover-subtle\"]};\n    }\n\n    ${(props) =>\n        props.$selected &&\n        css`\n            background: transparent;\n            color: ${Colour[\"text-selected\"]};\n\n            &:hover {\n                background: ${Colour[\"bg-hover\"]};\n            }\n        `}\n`;\n"],"names":["StyledExpandableElement","styled","ExpandableElement","Font","Colour","Spacing","Radius","Border","iconContainer","IconWrapper","css","LanguageIconWrapper","span","DropdownPanel","div","DropdownList","ul","DropdownItem","li","props","$selected"],"mappings":"inEAaaA,EAA0BC,EAAOC,EAAkB;;;MAG1DC,EAAK;aACEC,EAAO;;iBAEHC,EAAQ;qBACJC,EAAW;cAClBC,EAAO,gBAAgBA,EAAc,SAAKH,EAAe;kBACrDA,EAAW;;OAEtBI;;;;qBAIcJ,EAAO;;;;;6BAKCA,EAAO;;;EAK9BK,EAAcC,CAAG;;;;;;;;EAUVC,EAAsBV,EAAOW,IAAI;MACxCH;aACOL,EAAO;EAMPS,EAAgBZ,EAAOa,GAAG;qBAClBR,EAAW;cAClBC,EAAO,gBAAgBA,EAAc,SAAKH,EAAe;kBACrDA,EAAW;;EAIhBW,EAAed,EAAOe,EAAE;;;eAGtBX,EAAQ;EAKVY,EAAehB,EAAOiB,EAA0B;;MAEvDf,EAAK;aACEC,EAAa;;;sBAGJA,EAAO;;;MAGtBe,GACCA,EAAMC,WACNV,CAAG;;qBAEUN,EAAO;;;8BAGEA,EAAO;;;"}

package/language-switcher/link-container-variant.style.d.ts

@@ -1,8 +0,0 @@
-interface LinkItemStyleProps {
-    $active?: boolean;
-}
-export declare const LinkContainerWrapper: 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 LinkList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
-export declare const LinkListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
-export declare const LinkItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & LinkItemStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active"> & LinkItemStyleProps, never>>> & string;
-export {};

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

@@ -1,51 +0,0 @@
-import e,{css as t}from"styled-components";import"../theme/theme-provider/index.js";import"react";import"../theme/theme-provider/context.js";import{Border as r}from"../theme/tokens/border.js";import{Colour as o}from"../theme/tokens/colour.js";import{Font as i}from"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Motion as n}from"../theme/tokens/motion.js";import{Radius as s}from"../theme/tokens/radius.js";import{Spacing as m}from"../theme/tokens/spacing.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";const a=e.div`
-    display: inline-flex;
-    padding: ${m["spacing-8"]} ${m["spacing-16"]};
-    align-items: center;
-    border-radius: ${s.sm};
-    border: ${r["width-010"]} ${r.solid} ${o.border};
-    background: ${o.bg};
-`,l=e.ul`
-    display: flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    align-items: center;
-    gap: 0 ${m["spacing-8"]};
-    flex-wrap: wrap;
-`,d=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: ${s.md};
-    ${i["body-md-semibold"]}
-    color: ${o["text-subtler"]};
-    text-align: center;
-    transition: color ${n["duration-150"]} ${n["ease-default"]};
-
-    ${({$active:e})=>e?t`
-                  background: ${o["bg-primary-subtler"]};
-                  color: ${o["text-selected"]};
-                  cursor: default;
-              `:t`
-                  background: none;
-                  cursor: pointer;
-
-                  &:hover {
-                      color: ${o["text-hover"]};
-                      text-decoration: underline;
-                  }
-              `}
-
-    &:focus-visible {
-        outline: 2px solid ${o["focus-ring"]};
-        outline-offset: -2px;
-    }
-`;export{a as LinkContainerWrapper,p as LinkItem,l as LinkList,d 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\";\n\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":"ypBAcO,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/markup/markup.utils.d.ts

@@ -1,2 +0,0 @@
-import type { ApplyStyleMap, FontDeclarationProperties } from "../theme";
-export declare const createMarkupFontStyles: (fontDeclarations?: FontDeclarationProperties) => ApplyStyleMap;

package/markup/markup.utils.js

@@ -1,2 +0,0 @@
-import{tokens as t}from"./markup.style.js";const o={[t.rootFontFamily]:"font-family",[t.rootFontVariant]:"font-variant",[t.rootFontSize]:"font-size",[t.rootFontWeight]:"font-weight",[t.rootLineHeight]:"line-height",[t.rootLetterSpacing]:"letter-spacing"},r=t=>{return r=o,n=t,Object.fromEntries(Object.entries(r).map((([t,o])=>{var r;return[t,null!==(r=null==n?void 0:n[o])&&void 0!==r?r:null]})));var r,n};export{r as createMarkupFontStyles};
-//# sourceMappingURL=markup.utils.js.map