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

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

@@ -1,294 +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{Colour as n,Shadow as r,Border as s,Spacing as d,MediaQuery as a,Radius as c,Font as l}from"../theme/index.js";import{Typography as p}from"../typography/typography.js";import{StatefulImage as h}from"./stateful-image.js";const g=i(t)`
-    padding: 0;
-    border-radius: 100%;
-    background: ${n.bg};
-    color: ${n["icon-primary"]};
-    height: 2.5rem;
-    width: 2.5rem;
-    box-shadow: ${r["md-strong"]};
-
-    svg {
-        height: 1.5rem;
-        width: 1.5rem;
-    }
-
-    &:focus {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: ${s["width-020"]} solid ${n["border-selected"]};
-        outline-offset: 2px;
-    }
-`,$=i.div`
-    order: -1;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: ${d["spacing-16"]};
-
-    ${i=>i.$hasFileInfo?e`
-                  flex-shrink: 0;
-                  background-color: ${n["bg-inverse"]};
-                  padding-top: calc(
-                      ${d["spacing-24"]} + ${i.$insetTop||0}px
-                  );
-                  padding-bottom: ${d["spacing-24"]};
-                  padding-left: calc(
-                      ${d["spacing-32"]} + ${i.$insetLeft||0}px
-                  );
-                  padding-right: calc(
-                      ${d["spacing-32"]} + ${i.$insetRight||0}px
-                  );
-
-                  ${a.MaxWidth.sm} {
-                      padding-top: calc(
-                          ${d["spacing-16"]} + ${i.$insetTop||0}px
-                      );
-                      padding-bottom: ${d["spacing-16"]};
-                      padding-left: calc(
-                          ${d["spacing-20"]} + ${i.$insetLeft||0}px
-                      );
-                      padding-right: calc(
-                          ${d["spacing-20"]} + ${i.$insetRight||0}px
-                      );
-                  }
-              `:e`
-                  position: absolute;
-                  top: calc(
-                      ${d["spacing-48"]} + ${i.$insetTop||0}px
-                  );
-                  right: calc(
-                      ${d["spacing-48"]} + ${i.$insetRight||0}px
-                  );
-                  z-index: 5;
-
-                  ${a.MaxWidth.sm} {
-                      top: calc(
-                          ${d["spacing-20"]} + ${i.$insetTop||0}px
-                      );
-                      right: calc(
-                          ${d["spacing-20"]} + ${i.$insetRight||0}px
-                      );
-                  }
-              `}
-`,x=i(g)``,f=i(g)`
-    color: ${n["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(${d["spacing-48"]} + ${i.$insetLeft||0}px);
-
-            ${a.MaxWidth.sm} {
-                left: calc(
-                    ${d["spacing-20"]} + ${i.$insetLeft||0}px
-                );
-            }
-        `}
-
-    ${i=>"right"===i.$position&&e`
-            right: calc(${d["spacing-48"]} + ${i.$insetRight||0}px);
-
-            ${a.MaxWidth.sm} {
-                right: calc(
-                    ${d["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 ${n["border-selected"]};
-        outline-offset: -2px;
-    }
-`,W=i(h)`
-    height: 100%;
-    width: 100%;
-    border-radius: ${c.none};
-`,z=i(o)`
-    width: 60vw;
-    height: auto;
-    max-height: 100%;
-    border-radius: ${c.none};
-    aspect-ratio: 4 / 3;
-`,B=i.div`
-    display: flex;
-    justify-content: center;
-    padding: ${d["spacing-16"]};
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin-left: auto;
-    margin-right: auto;
-    z-index: 3;
-`,R=i(p.BodyXS)`
-    display: inline-flex;
-    padding: ${d["spacing-4"]} ${d["spacing-16"]};
-    justify-content: center;
-    align-items: center;
-    border-radius: ${c.full};
-    background-color: ${n.bg};
-    text-align: center;
-`,L=i.div`
-    flex-shrink: 0;
-    display: flex;
-    overflow: auto;
-    background-color: ${n["bg-inverse"]};
-    padding: ${i=>e`
-                ${d["spacing-24"]} ${d["spacing-16"]} calc(${d["spacing-24"]} + ${i.$insetBottom||0}px);
-            `}
-        ${a.MaxWidth.sm} {
-        padding: ${i=>e`
-                ${d["spacing-16"]} ${d["spacing-20"]} calc(${d["spacing-16"]} + ${i.$insetBottom||0}px);
-            `};
-    }
-`,T=i.div`
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    gap: ${d["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;
-
-    ${a.MaxWidth.sm} {
-        height: 64px;
-        width: 64px;
-    }
-`,C=i.div`
-    cursor: pointer;
-    background-color: ${n["bg-inverse"]};
-    border-radius: ${c.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;
-
-    ${a.MaxWidth.sm} {
-        height: 60px;
-        width: 60px;
-    }
-
-    ${i=>i.$active?e`
-                  border-width: ${s["width-040"]};
-                  border-color: ${n["border-selected"]};
-
-                  ${a.MaxWidth.sm} {
-                      border-width: ${s["width-020"]};
-                  }
-
-                  &:hover {
-                      border-color: ${n["border-selected-hover"]};
-                  }
-              `:e`
-                  border-width: ${s["width-010"]};
-
-                  &:hover {
-                      border-color: ${n["border-hover"]};
-                  }
-              `};
-`,D=i(h)`
-    height: 100%;
-    width: 100%;
-`,F=i.div`
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: ${d["spacing-8"]};
-    overflow: hidden;
-    min-width: 0;
-    min-height: calc(
-        ${l.Spec["body-lh-baseline"]} + ${d["spacing-8"]} +
-            ${l.Spec["body-lh-md"]}
-    );
-    ${i=>i.$centerContent&&e`
-            justify-content: center;
-        `}
-`,I=i(p.BodyBL)`
-    color: ${n["text-inverse"]};
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    min-width: 0;
-`,X=i(p.BodyMD)`
-    color: ${n["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\";\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { ImagePlaceholder } from \"../shared/image-placeholder\";\nimport { InsetStyleProps } from \"../shared/types\";\nimport {\n    Border,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Shadow,\n    Spacing,\n} from \"../theme\";\nimport { Typography } from \"../typography\";\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: ${Colour[\"bg\"]};\n    color: ${Colour[\"icon-primary\"]};\n    height: 2.5rem;\n    width: 2.5rem;\n    box-shadow: ${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: ${Border[\"width-020\"]} solid ${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: ${Spacing[\"spacing-16\"]};\n\n    ${(props) =>\n        props.$hasFileInfo\n            ? css`\n                  flex-shrink: 0;\n                  background-color: ${Colour[\"bg-inverse\"]};\n                  padding-top: calc(\n                      ${Spacing[\"spacing-24\"]} + ${props.$insetTop || 0}px\n                  );\n                  padding-bottom: ${Spacing[\"spacing-24\"]};\n                  padding-left: calc(\n                      ${Spacing[\"spacing-32\"]} + ${props.$insetLeft || 0}px\n                  );\n                  padding-right: calc(\n                      ${Spacing[\"spacing-32\"]} + ${props.$insetRight || 0}px\n                  );\n\n                  ${MediaQuery.MaxWidth.sm} {\n                      padding-top: calc(\n                          ${Spacing[\"spacing-16\"]} + ${props.$insetTop || 0}px\n                      );\n                      padding-bottom: ${Spacing[\"spacing-16\"]};\n                      padding-left: calc(\n                          ${Spacing[\"spacing-20\"]} + ${props.$insetLeft || 0}px\n                      );\n                      padding-right: calc(\n                          ${Spacing[\"spacing-20\"]} + ${props.$insetRight || 0}px\n                      );\n                  }\n              `\n            : css`\n                  position: absolute;\n                  top: calc(\n                      ${Spacing[\"spacing-48\"]} + ${props.$insetTop || 0}px\n                  );\n                  right: calc(\n                      ${Spacing[\"spacing-48\"]} + ${props.$insetRight || 0}px\n                  );\n                  z-index: 5;\n\n                  ${MediaQuery.MaxWidth.sm} {\n                      top: calc(\n                          ${Spacing[\"spacing-20\"]} + ${props.$insetTop || 0}px\n                      );\n                      right: calc(\n                          ${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: ${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(${Spacing[\"spacing-48\"]} + ${props.$insetLeft || 0}px);\n\n            ${MediaQuery.MaxWidth.sm} {\n                left: calc(\n                    ${Spacing[\"spacing-20\"]} + ${props.$insetLeft || 0}px\n                );\n            }\n        `}\n\n    ${(props) =>\n        props.$position === \"right\" &&\n        css`\n            right: calc(${Spacing[\"spacing-48\"]} + ${props.$insetRight || 0}px);\n\n            ${MediaQuery.MaxWidth.sm} {\n                right: calc(\n                    ${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: ${Border[\"width-020\"]} solid ${Colour[\"border-selected\"]};\n        outline-offset: -2px;\n    }\n`;\n\nexport const SlideImage = styled(StatefulImage)`\n    height: 100%;\n    width: 100%;\n    border-radius: ${Radius[\"none\"]};\n`;\n\nexport const SlidePlaceholderImage = styled(ImagePlaceholder)`\n    width: 60vw;\n    height: auto;\n    max-height: 100%;\n    border-radius: ${Radius[\"none\"]};\n    aspect-ratio: 4 / 3;\n`;\n\nexport const BoxChip = styled.div`\n    display: flex;\n    justify-content: center;\n    padding: ${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: ${Spacing[\"spacing-4\"]} ${Spacing[\"spacing-16\"]};\n    justify-content: center;\n    align-items: center;\n    border-radius: ${Radius[\"full\"]};\n    background-color: ${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: ${Colour[\"bg-inverse\"]};\n    padding: ${(props) =>\n            css`\n                ${Spacing[\"spacing-24\"]} ${Spacing[\n                    \"spacing-16\"\n                ]} calc(${Spacing[\"spacing-24\"]} + ${props.$insetBottom ||\n                0}px);\n            `}\n        ${MediaQuery.MaxWidth.sm} {\n        padding: ${(props) =>\n            css`\n                ${Spacing[\"spacing-16\"]} ${Spacing[\n                    \"spacing-20\"\n                ]} calc(${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: ${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    ${MediaQuery.MaxWidth.sm} {\n        height: 64px;\n        width: 64px;\n    }\n`;\n\nexport const ThumbnailItem = styled.div<ThumbnailItemStyleProps>`\n    cursor: pointer;\n    background-color: ${Colour[\"bg-inverse\"]};\n    border-radius: ${Radius[\"md\"]};\n    border: ${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    ${MediaQuery.MaxWidth.sm} {\n        height: 60px;\n        width: 60px;\n    }\n\n    ${(props) =>\n        props.$active\n            ? css`\n                  border-width: ${Border[\"width-040\"]};\n                  border-color: ${Colour[\"border-selected\"]};\n\n                  ${MediaQuery.MaxWidth.sm} {\n                      border-width: ${Border[\"width-020\"]};\n                  }\n\n                  &:hover {\n                      border-color: ${Colour[\"border-selected-hover\"]};\n                  }\n              `\n            : css`\n                  border-width: ${Border[\"width-010\"]};\n\n                  &:hover {\n                      border-color: ${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: ${Spacing[\"spacing-8\"]};\n    overflow: hidden;\n    min-width: 0;\n    min-height: calc(\n        ${Font.Spec[\"body-lh-baseline\"]} + ${Spacing[\"spacing-8\"]} +\n            ${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: ${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: ${Colour[\"text-inverse\"]};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n`;\n"],"names":["IconButton","styled","ClickableIcon","Colour","Shadow","Border","TopActionButtons","div","Spacing","props","$hasFileInfo","css","$insetTop","$insetLeft","$insetRight","MediaQuery","MaxWidth","sm","CloseButton","DeleteButton","MagnifierButton","ArrowButton","$position","CarouselModalContent","ImageGalleryContainer","ImageGalleryWrapper","ImageGallerySwipe","ImageGallerySlides","ImageGallerySlide","FocusableImageRegion","SlideImage","StatefulImage","Radius","SlidePlaceholderImage","ImagePlaceholder","BoxChip","Chip","Typography","BodyXS","ThumbnailContainer","$insetBottom","ThumbnailWrapper","ThumbnailItemContainer","ThumbnailItem","$active","ThumbnailImage","FileInfoTextWrapper","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<(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\";\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":"qHAOO,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 { 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\";\nimport { ButtonRef } from \"../button/types\";\nimport { Main } from \"./icon-button.style\";\nimport { 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":"0JAKA,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 { 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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyleProps> & StyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyleProps> & StyleProps, never>>> & string;
-export {};

package/icon-button/icon-button.style.js

@@ -1,74 +0,0 @@
-import r,{css as e}from"styled-components";import{Radius as o,Colour as t,Border as i}from"../theme/index.js";const d=r.button`
-    align-items: center;
-    border-radius: ${o.sm};
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-
-    // -----------------------------------------------------------------------------
-    // BUTTON STYLE + TEXT COLOR
-    // -----------------------------------------------------------------------------
-    ${r=>{switch(r.$sizeType){case"large":return e`
-                    height: 4rem;
-                    width: 4rem;
-
-                    img,
-                    svg {
-                        height: 1.625rem;
-                        width: 1.625rem;
-                    }
-                `;case"small":return e`
-                    height: 2.5rem;
-                    width: 2.5rem;
-
-                    img,
-                    svg {
-                        height: 1rem;
-                        width: 1rem;
-                    }
-                `;default:return e`
-                    height: 3rem;
-                    width: 3rem;
-
-                    img,
-                    svg {
-                        height: 1.125rem;
-                        width: 1.125rem;
-                    }
-                `}}}
-
-    ${r=>{switch(r.$styleType){case"secondary":return e`
-                    background-color: ${t.bg};
-                    border: ${i["width-010"]} ${i.solid}
-                        ${t["border-primary"]};
-                    color: ${t["text-primary"]};
-
-                    &:hover {
-                        background-color: ${t["bg-hover-neutral"]};
-                    }
-                `;case"light":return e`
-                    background-color: ${t.bg};
-                    border: ${i["width-010"]} ${i.solid}
-                        ${t.border};
-                    color: ${t["text-primary"]};
-
-                    &:hover {
-                        background-color: ${t["bg-hover-neutral"]};
-                    }
-                `;case"disabled":return e`
-                    background-color: ${t["bg-disabled"]};
-                    border: ${i["width-010"]} ${i.solid}
-                        ${t["border-disabled"]};
-                    color: ${t["text-disabled"]};
-                    cursor: not-allowed;
-                `;default:return e`
-                    background-color: ${t["bg-primary"]};
-                    border: none;
-                    color: ${t["text-inverse"]};
-
-                    &:hover {
-                        background-color: ${t["bg-primary-hover"]};
-                    }
-                `}}}
-`;export{d as Main};
-//# sourceMappingURL=icon-button.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.style.js","sources":["../../src/icon-button/icon-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { SizeType, StyleType } from \"./types\";\nimport { Border, Colour, Radius } from \"../theme\";\ninterface StyleProps {\n    $styleType: StyleType | \"disabled\";\n    $sizeType: SizeType;\n}\n\nexport const Main = styled.button<StyleProps>`\n    align-items: center;\n    border-radius: ${Radius[\"sm\"]};\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n\n    // -----------------------------------------------------------------------------\n    // BUTTON STYLE + TEXT COLOR\n    // -----------------------------------------------------------------------------\n    ${(props) => {\n        switch (props.$sizeType) {\n            case \"large\":\n                return css`\n                    height: 4rem;\n                    width: 4rem;\n\n                    img,\n                    svg {\n                        height: 1.625rem;\n                        width: 1.625rem;\n                    }\n                `;\n            case \"small\":\n                return css`\n                    height: 2.5rem;\n                    width: 2.5rem;\n\n                    img,\n                    svg {\n                        height: 1rem;\n                        width: 1rem;\n                    }\n                `;\n\n            default:\n                return css`\n                    height: 3rem;\n                    width: 3rem;\n\n                    img,\n                    svg {\n                        height: 1.125rem;\n                        width: 1.125rem;\n                    }\n                `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$styleType) {\n            case \"secondary\":\n                return css`\n                    background-color: ${Colour.bg};\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour[\"border-primary\"]};\n                    color: ${Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n\n            case \"light\":\n                return css`\n                    background-color: ${Colour.bg};\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour.border};\n                    color: ${Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${Colour[\"bg-disabled\"]};\n                    border: ${Border[\"width-010\"]} ${Border[\"solid\"]}\n                        ${Colour[\"border-disabled\"]};\n                    color: ${Colour[\"text-disabled\"]};\n                    cursor: not-allowed;\n                `;\n            default:\n                return css`\n                    background-color: ${Colour[\"bg-primary\"]};\n                    border: none;\n                    color: ${Colour[\"text-inverse\"]};\n\n                    &:hover {\n                        background-color: ${Colour[\"bg-primary-hover\"]};\n                    }\n                `;\n        }\n    }}\n`;\n"],"names":["Main","styled","button","Radius","props","$sizeType","css","$styleType","Colour","bg","Border","solid","border"],"mappings":"8GAQO,MAAMA,EAAOC,EAAOC,MAAkB;;qBAExBC,EAAW;;;;;;;;MAQzBC,IACC,OAAQA,EAAMC,WACV,IAAK,QACD,OAAOC,CAAG;;;;;;;;;kBAUd,IAAK,QACD,OAAOA,CAAG;;;;;;;;;kBAWd,QACI,OAAOA,CAAG;;;;;;;;;;;MAanBF,IACC,OAAQA,EAAMG,YACV,IAAK,YACD,OAAOD,CAAG;wCACcE,EAAOC;8BACjBC,EAAO,gBAAgBA,EAAOC;0BAClCH,EAAO;6BACJA,EAAO;;;4CAGQA,EAAO;;kBAIvC,IAAK,QACD,OAAOF,CAAG;wCACcE,EAAOC;8BACjBC,EAAO,gBAAgBA,EAAOC;0BAClCH,EAAOI;6BACJJ,EAAO;;;4CAGQA,EAAO;;kBAGvC,IAAK,WACD,OAAOF,CAAG;wCACcE,EAAO;8BACjBE,EAAO,gBAAgBA,EAAc;0BACzCF,EAAO;6BACJA,EAAO;;kBAGxB,QACI,OAAOF,CAAG;wCACcE,EAAO;;6BAElBA,EAAO;;;4CAGQA,EAAO;;;"}

package/icon-button/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./icon-button";
-export * from "./types";

package/icon-button/index.js

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

package/icon-button/index.js.map

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

package/icon-button/types.d.ts

@@ -1,8 +0,0 @@
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    "data-testid"?: string | undefined;
-    styleType?: StyleType;
-    sizeType?: SizeType;
-    focusableWhenDisabled?: boolean | undefined;
-}
-export type StyleType = "primary" | "secondary" | "light";
-export type SizeType = "large" | "default" | "small";

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

@@ -1,9 +0,0 @@
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$selected" | "$error" | "$disabled"> & {
-    $selected?: boolean;
-    $error?: boolean;
-    $disabled?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$selected" | "$error" | "$disabled"> & {
-    $selected?: boolean;
-    $error?: boolean;
-    $disabled?: boolean;
-}, never>>> & string;

package/image-button/image-button.style.js

@@ -1,65 +0,0 @@
-import e,{css as r}from"styled-components";import{Colour as o,Border as d,Radius as t,Motion as i,Font as l,MediaQuery as n}from"../theme/index.js";const s=e.button`
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    gap: 0.5rem;
-    justify-content: center;
-    align-items: center;
-    padding: 1.5rem 1rem;
-    background-color: ${o.bg};
-    border: ${d["width-010"]} ${d.solid} transparent;
-    border-radius: ${t.md};
-    cursor: pointer;
-    max-width: 13rem;
-    transition: all ${i["duration-250"]} ${i["ease-default"]};
-    ${l["body-baseline-semibold"]}
-    color: ${({$selected:e})=>e?o["text-primary"]:o.text};
-    overflow-wrap: anywhere;
-
-    img {
-        min-width: 3.5rem;
-        width: 3.5rem;
-        height: 3.5rem;
-        object-fit: contain;
-    }
-
-    ${n.MaxWidth.sm} {
-        padding: 0.5rem 0.25rem;
-        gap: 0.25rem;
-        ${l["body-md-semibold"]}
-    }
-
-    ${e=>e.$error?r`
-                background: ${o.bg};
-                border: ${d["width-010"]} ${d.solid}
-                    ${o["border-error"]};
-            `:e.$selected?r`
-                background: ${o["bg-selected"]};
-                border: ${d["width-010"]} ${d.solid}
-                    ${o["border-selected"]};
-
-                &:hover {
-                    background: ${o["bg-selected-hover"]};
-                    border: ${d["width-010"]} ${d.solid}
-                        ${o["border-selected-hover"]};
-                }
-            `:r`
-                &:hover {
-                    border: ${d["width-010"]} ${d.solid}
-                        ${o["border-hover-strong"]};
-                }
-            `}
-
-    ${e=>e.$disabled&&r`
-            &:hover {
-                border: ${d["width-010"]} ${d.solid} transparent;
-            }
-            box-shadow: none;
-            img {
-                filter: grayscale(100%);
-            }
-            color: ${o["text-disabled"]};
-            cursor: not-allowed;
-        `}
-`;export{s as Main};
-//# sourceMappingURL=image-button.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image-button.style.js","sources":["../../src/image-button/image-button.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Font, Motion, Radius } from \"../theme\";\nimport { MediaQuery } from \"../theme\";\n\nexport const Main = styled.button<{\n    $selected?: boolean;\n    $error?: boolean;\n    $disabled?: boolean;\n}>`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 0.5rem;\n    justify-content: center;\n    align-items: center;\n    padding: 1.5rem 1rem;\n    background-color: ${Colour.bg};\n    border: ${Border[\"width-010\"]} ${Border.solid} transparent;\n    border-radius: ${Radius[\"md\"]};\n    cursor: pointer;\n    max-width: 13rem;\n    transition: all ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${({ $selected }) =>\n        $selected ? Colour[\"text-primary\"] : Colour[\"text\"]};\n    overflow-wrap: anywhere;\n\n    img {\n        min-width: 3.5rem;\n        width: 3.5rem;\n        height: 3.5rem;\n        object-fit: contain;\n    }\n\n    ${MediaQuery.MaxWidth.sm} {\n        padding: 0.5rem 0.25rem;\n        gap: 0.25rem;\n        ${Font[\"body-md-semibold\"]}\n    }\n\n    ${(props) => {\n        if (props.$error) {\n            return css`\n                background: ${Colour.bg};\n                border: ${Border[\"width-010\"]} ${Border.solid}\n                    ${Colour[\"border-error\"]};\n            `;\n        } else if (props.$selected) {\n            return css`\n                background: ${Colour[\"bg-selected\"]};\n                border: ${Border[\"width-010\"]} ${Border.solid}\n                    ${Colour[\"border-selected\"]};\n\n                &:hover {\n                    background: ${Colour[\"bg-selected-hover\"]};\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour[\"border-selected-hover\"]};\n                }\n            `;\n        } else {\n            return css`\n                &:hover {\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour[\"border-hover-strong\"]};\n                }\n            `;\n        }\n    }}\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            &:hover {\n                border: ${Border[\"width-010\"]} ${Border.solid} transparent;\n            }\n            box-shadow: none;\n            img {\n                filter: grayscale(100%);\n            }\n            color: ${Colour[\"text-disabled\"]};\n            cursor: not-allowed;\n        `}\n`;\n"],"names":["Main","styled","button","Colour","bg","Border","solid","Radius","Motion","Font","$selected","MediaQuery","MaxWidth","sm","props","$error","css","$disabled"],"mappings":"oJAIO,MAAMA,EAAOC,EAAOC,MAIzB;;;;;;;;wBAQsBC,EAAOC;cACjBC,EAAO,gBAAgBA,EAAOC;qBACvBC,EAAW;;;sBAGVC,EAAO,mBAAmBA,EAAO;MACjDC,EAAK;aACE,EAAGC,eACRA,EAAYP,EAAO,gBAAkBA,EAAa;;;;;;;;;;MAUpDQ,EAAWC,SAASC;;;UAGhBJ,EAAK;;;MAGRK,GACKA,EAAMC,OACCC,CAAG;8BACQb,EAAOC;0BACXC,EAAO,gBAAgBA,EAAOC;sBAClCH,EAAO;cAEVW,EAAMJ,UACNM,CAAG;8BACQb,EAAO;0BACXE,EAAO,gBAAgBA,EAAOC;sBAClCH,EAAO;;;kCAGKA,EAAO;8BACXE,EAAO,gBAAgBA,EAAOC;0BAClCH,EAAO;;cAIda,CAAG;;8BAEQX,EAAO,gBAAgBA,EAAOC;0BAClCH,EAAO;;;;MAM1BW,GACCA,EAAMG,WACND,CAAG;;0BAEeX,EAAO,gBAAgBA,EAAOC;;;;;;qBAMnCH,EAAO;;;"}

package/input/input.style.d.ts

@@ -1,48 +0,0 @@
-import { InputStyleType } from "./types";
-export interface InputStyleProps {
-    $showClear?: boolean | undefined;
-    $styleType?: InputStyleType | undefined;
-    $visuallyReadOnly?: boolean | undefined;
-}
-export declare const InputElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, keyof InputStyleProps> & InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, keyof InputStyleProps> & InputStyleProps, never>>> & string;
-export declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof InputStyleProps> & InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$variant"> & import("../shared/input-wrapper").InputStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof InputStyleProps> & InputStyleProps, never>>> & string;
-export declare const ClearIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, never>>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export declare const NoBorderWrapper: 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 DefaultWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>>> & string;