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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-image-carousel.style.js","sources":["../../../src/fullscreen-image-carousel/fullscreen-image-carousel.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ClickableIcon } from \"../shared/clickable-icon\";\nimport { ImagePlaceholder } from \"../shared/image-placeholder\";\nimport type { InsetStyleProps } from \"../shared/types\";\nimport { Typography } from \"../typography\";\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Shadow,\n    V3_Spacing,\n} from \"../v3_theme\";\nimport { StatefulImage } from \"./stateful-image\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface ArrowButtonStyleProps extends InsetStyleProps {\n    $position: \"left\" | \"right\";\n}\n\ninterface ThumbnailItemStyleProps {\n    $active?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst IconButton = styled(ClickableIcon)`\n    padding: 0;\n    border-radius: 100%;\n    background: ${V3_Colour[\"bg\"]};\n    color: ${V3_Colour[\"icon-primary\"]};\n    height: 2.5rem;\n    width: 2.5rem;\n    box-shadow: ${V3_Shadow[\"md-strong\"]};\n\n    svg {\n        height: 1.5rem;\n        width: 1.5rem;\n    }\n`;\n\nexport const CloseButton = styled(IconButton)<InsetStyleProps>`\n    position: absolute;\n    top: ${(props) =>\n        css`calc(${V3_Spacing[\"spacing-48\"]} + ${props.$insetTop || 0}px)`};\n    right: ${(props) =>\n        css`calc(${V3_Spacing[\"spacing-48\"]} + ${props.$insetRight || 0}px)`};\n    z-index: 5;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        top: ${(props) =>\n            css`calc(${V3_Spacing[\"spacing-20\"]} + ${props.$insetTop || 0}px)`};\n        right: ${(props) =>\n            css`calc(${V3_Spacing[\"spacing-20\"]} + ${\n                props.$insetRight || 0\n            }px)`};\n    }\n`;\n\nexport const MagnifierButton = styled(IconButton)<InsetStyleProps>`\n    position: absolute;\n    top: ${(props) =>\n        css`calc(${V3_Spacing[\"spacing-48\"]} + ${props.$insetTop || 0}px)`};\n    right: ${\n        (props) =>\n            css`calc(2.5rem + ${V3_Spacing[\"spacing-48\"]} + ${\n                V3_Spacing[\"spacing-16\"]\n            } + ${props.$insetRight || 0}px)` // close button + space from screen + gap between buttons\n    };\n\n    z-index: 5;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        top: ${(props) =>\n            css`calc(${V3_Spacing[\"spacing-20\"]} + ${props.$insetTop || 0}px)`};\n        right: ${\n            (props) =>\n                css`calc(2.5rem + ${V3_Spacing[\"spacing-20\"]} + ${\n                    V3_Spacing[\"spacing-16\"]\n                } + ${props.$insetRight || 0}px)` // close button + space from screen + gap between buttons\n        };\n    }\n`;\n\nexport const ArrowButton = styled(IconButton)<ArrowButtonStyleProps>`\n    z-index: 4;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n\n    ${(props) =>\n        props.$position === \"left\" &&\n        css`\n            left: calc(\n                ${V3_Spacing[\"spacing-48\"]} + ${props.$insetLeft || 0}px\n            );\n            ${V3_MediaQuery.MaxWidth.sm} {\n                left: calc(\n                    ${V3_Spacing[\"spacing-20\"]} + ${props.$insetLeft || 0}px\n                );\n            }\n        `}\n\n    ${(props) =>\n        props.$position === \"right\" &&\n        css`\n            right: calc(\n                ${V3_Spacing[\"spacing-48\"]} + ${props.$insetRight || 0}px\n            );\n            ${V3_MediaQuery.MaxWidth.sm} {\n                right: calc(\n                    ${V3_Spacing[\"spacing-20\"]} + ${props.$insetRight || 0}px\n                );\n            }\n        `}\n`;\n\nexport const ImageGalleryContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ImageGalleryWrapper = styled.div`\n    user-select: none;\n    position: relative;\n    display: block;\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ImageGallerySwipe = styled.div`\n    display: block;\n    user-select: none;\n    height: 100%;\n    overflow: hidden;\n    touch-action: pan-y;\n`;\n\nexport const ImageGallerySlides = styled.div`\n    display: flex;\n    transition: all 450ms ease-out 0s;\n    position: relative;\n    text-align: center;\n    user-select: none;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const ImageGallerySlide = styled.div`\n    flex: 0 0 100%;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    .react-transform-wrapper {\n        height: 100%;\n        width: 100%;\n    }\n    .react-transform-component {\n        height: 100%;\n        width: 100%;\n    }\n`;\n\nexport const SlideImage = styled(StatefulImage)`\n    height: 100%;\n    width: 100%;\n    border-radius: ${V3_Radius[\"none\"]};\n`;\n\nexport const SlidePlaceholderImage = styled(ImagePlaceholder)`\n    width: 60vw;\n    height: auto;\n    max-height: 100%;\n    border-radius: ${V3_Radius[\"none\"]};\n    aspect-ratio: 4 / 3;\n`;\n\nexport const BoxChip = styled.div`\n    display: flex;\n    justify-content: center;\n    padding: ${V3_Spacing[\"spacing-16\"]};\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    z-index: 3;\n`;\n\nexport const Chip = styled(Typography.BodyXS)`\n    display: inline-flex;\n    padding: ${V3_Spacing[\"spacing-4\"]} ${V3_Spacing[\"spacing-16\"]};\n    justify-content: center;\n    align-items: center;\n    border-radius: ${V3_Radius[\"full\"]};\n    background-color: ${V3_Colour[\"bg\"]};\n    text-align: center;\n`;\n\n// -----------------------------------------------------------------------------\n// THUMBNAIL STYLING\n// -----------------------------------------------------------------------------\n\nexport const ThumbnailContainer = styled.div<InsetStyleProps>`\n    flex-shrink: 0;\n    display: flex;\n    overflow: auto;\n    background-color: ${V3_Colour[\"bg-inverse\"]};\n    padding: ${(props) =>\n            css`\n                ${V3_Spacing[\"spacing-24\"]} ${V3_Spacing[\n                    \"spacing-16\"\n                ]} calc(${V3_Spacing[\"spacing-24\"]} + ${props.$insetBottom ||\n                0}px);\n            `}\n        ${V3_MediaQuery.MaxWidth.sm} {\n        padding: ${(props) =>\n            css`\n                ${V3_Spacing[\"spacing-16\"]} ${V3_Spacing[\n                    \"spacing-20\"\n                ]} calc(${V3_Spacing[\"spacing-16\"]} + ${props.$insetBottom ||\n                0}px);\n            `};\n    }\n`;\n\nexport const ThumbnailWrapper = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    gap: ${V3_Spacing[\"spacing-16\"]};\n    justify-content: center;\n    margin-left: auto;\n    margin-right: auto;\n`;\n\nexport const ThumbnailItemContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100px;\n    width: 100px;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        height: 64px;\n        width: 64px;\n    }\n`;\n\nexport const ThumbnailItem = styled.div<ThumbnailItemStyleProps>`\n    cursor: pointer;\n    background-color: ${V3_Colour[\"bg-inverse\"]};\n    border-radius: ${V3_Radius[\"md\"]};\n    border: ${V3_Border[\"solid\"]} transparent;\n    box-sizing: content-box;\n\n    flex-shrink: 0;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 92px;\n    width: 92px;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        height: 60px;\n        width: 60px;\n    }\n\n    ${(props) =>\n        props.$active\n            ? css`\n                  border-width: ${V3_Border[\"width-040\"]};\n                  border-color: ${V3_Colour[\"border-selected\"]};\n\n                  ${V3_MediaQuery.MaxWidth.sm} {\n                      border-width: ${V3_Border[\"width-020\"]};\n                  }\n\n                  &:hover {\n                      border-color: ${V3_Colour[\"border-selected-hover\"]};\n                  }\n              `\n            : css`\n                  border-width: ${V3_Border[\"width-010\"]};\n\n                  &:hover {\n                      border-color: ${V3_Colour[\"border-hover\"]};\n                  }\n              `};\n`;\n\nexport const ThumbnailImage = styled(StatefulImage)`\n    height: 100%;\n    width: 100%;\n`;\n"],"names":["IconButton","styled","ClickableIcon","V3_Colour","V3_Shadow","CloseButton","props","css","V3_Spacing","$insetTop","$insetRight","V3_MediaQuery","MaxWidth","sm","MagnifierButton","ArrowButton","$position","$insetLeft","ImageGalleryContainer","div","ImageGalleryWrapper","ImageGallerySwipe","ImageGallerySlides","ImageGallerySlide","SlideImage","StatefulImage","V3_Radius","SlidePlaceholderImage","ImagePlaceholder","BoxChip","Chip","Typography","BodyXS","ThumbnailContainer","$insetBottom","ThumbnailWrapper","ThumbnailItemContainer","ThumbnailItem","V3_Border","$active","ThumbnailImage"],"mappings":"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"}

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

@@ -1,13 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../shared/image-placeholder/image-placeholder.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);const i=r.default.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`,l=r.default.img`
-    height: 100%;
-    width: 100%;
-    object-fit: ${e=>e.$fit||"contain"};
-`,o=r.default(t.ImagePlaceholder)`
-    width: 100%;
-    height: 100%;
-`;exports.DefaultPlaceholder=o,exports.ImageBox=l,exports.ImageWrapper=i;
-//# sourceMappingURL=stateful-image.style.js.map

package/cjs/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":"iMAQO,MAAMA,EAAeC,EAAAA,QAAOC,GAAG;;;;EAMzBC,EAAWF,EAAAA,QAAOG,GAAoB;;;kBAGhCC,GAAUA,EAAMC,MAAQ;EAG9BC,EAAqBN,EAAAA,QAAOO,EAAAA,iBAAiB;;;"}

package/cjs/icon-button/icon-button.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","sources":["../../../src/icon-button/icon-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ButtonRef } from \"../button/types\";\nimport { Main } from \"./icon-button.style\";\nimport type { IconButtonProps } from \"./types\";\n\nconst Component = (\n    {\n        \"data-testid\": dataTestId,\n        styleType = \"primary\",\n        children,\n        sizeType = \"default\",\n        type = \"button\",\n        disabled = false,\n        focusableWhenDisabled = false,\n        onClick,\n        ...otherProps\n    }: IconButtonProps,\n    ref: ButtonRef\n) => {\n    return (\n        <Main\n            data-testid={dataTestId || \"iconButton\"}\n            ref={ref}\n            type={type}\n            $styleType={disabled ? \"disabled\" : styleType}\n            $sizeType={sizeType}\n            aria-disabled={disabled}\n            disabled={disabled && !focusableWhenDisabled}\n            onClick={disabled ? undefined : onClick}\n            {...otherProps}\n        >\n            {children}\n        </Main>\n    );\n};\n\nexport const IconButton = React.forwardRef(Component);\n"],"names":["IconButton","React","forwardRef","_a","ref","dataTestId","styleType","children","sizeType","type","disabled","focusableWhenDisabled","onClick","otherProps","__rest","_jsx","Main","Object","assign","$styleType","$sizeType","undefined"],"mappings":"kNAMA,MA+BaA,OAAaC,QAAMC,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,EAAAA,OAAAX,EATjB,uGAaA,OACIY,EAAAA,IAACC,EAAAA,KAAIC,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/cjs/icon-button/icon-button.style.js

@@ -1,65 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../v3_theme/index.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const t=o(r).default.button`
-    align-items: center;
-    border-radius: ${e.V3_Radius.sm};
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-
-    // -----------------------------------------------------------------------------
-    // BUTTON STYLE + TEXT COLOR
-    // -----------------------------------------------------------------------------
-    ${e=>{switch(e.$sizeType){case"large":return r.css`
-                    height: 4rem;
-                    width: 4rem;
-
-                    img,
-                    svg {
-                        height: 1.625rem;
-                        width: 1.625rem;
-                    }
-                `;case"small":return r.css`
-                    height: 2.5rem;
-                    width: 2.5rem;
-
-                    img,
-                    svg {
-                        height: 1rem;
-                        width: 1rem;
-                    }
-                `;default:return r.css`
-                    height: 3rem;
-                    width: 3rem;
-
-                    img,
-                    svg {
-                        height: 1.125rem;
-                        width: 1.125rem;
-                    }
-                `}}}
-
-    ${o=>{switch(o.$styleType){case"secondary":case"light":return r.css`
-                    background-color: ${e.V3_Colour.bg};
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-primary"]};
-                    color: ${e.V3_Colour["text-primary"]};
-
-                    &:hover {
-                        background-color: ${e.V3_Colour["bg-hover-neutral"]};
-                    }
-                `;case"disabled":return r.css`
-                    background-color: ${e.V3_Colour["bg-disabled"]};
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-disabled"]};
-                    color: ${e.V3_Colour["text-disabled"]};
-                    cursor: not-allowed;
-                `;default:return r.css`
-                    background-color: ${e.V3_Colour["bg-primary"]};
-                    border: none;
-                    color: ${e.V3_Colour["text-inverse"]};
-
-                    &:hover {
-                        background-color: ${e.V3_Colour["bg-primary-hover"]};
-                    }
-                `}}}
-`;exports.Main=t;
-//# sourceMappingURL=icon-button.style.js.map

package/cjs/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\";\n\nimport { V3_Border, V3_Colour, V3_Radius } from \"../v3_theme\";\nimport type { SizeType, StyleType } from \"./types\";\n\ninterface StyleProps {\n    $styleType: StyleType | \"disabled\";\n    $sizeType: SizeType;\n}\n\nexport const Main = styled.button<StyleProps>`\n    align-items: center;\n    border-radius: ${V3_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: ${V3_Colour.bg};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-primary\"]};\n                    color: ${V3_Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${V3_Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n\n            case \"light\":\n                return css`\n                    background-color: ${V3_Colour.bg};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-primary\"]};\n                    color: ${V3_Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${V3_Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${V3_Colour[\"bg-disabled\"]};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-disabled\"]};\n                    color: ${V3_Colour[\"text-disabled\"]};\n                    cursor: not-allowed;\n                `;\n            default:\n                return css`\n                    background-color: ${V3_Colour[\"bg-primary\"]};\n                    border: none;\n                    color: ${V3_Colour[\"text-inverse\"]};\n\n                    &:hover {\n                        background-color: ${V3_Colour[\"bg-primary-hover\"]};\n                    }\n                `;\n        }\n    }}\n`;\n"],"names":["Main","styled","button","V3_Radius","props","$sizeType","css","$styleType","V3_Colour","bg","V3_Border","solid"],"mappings":"0JAUO,MAAMA,OAAOC,QAAOC,MAAkB;;qBAExBC,EAAAA,UAAc;;;;;;;;MAQ5BC,IACC,OAAQA,EAAMC,WACV,IAAK,QACD,OAAOC,KAAG;;;;;;;;;kBAUd,IAAK,QACD,OAAOA,KAAG;;;;;;;;;kBAWd,QACI,OAAOA,KAAG;;;;;;;;;;;MAanBF,IACC,OAAQA,EAAMG,YACV,IAAK,YAYL,IAAK,QACD,OAAOD,KAAG;wCACcE,EAAAA,UAAUC;8BACpBC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;6BACPA,EAAAA,UAAU;;;4CAGKA,EAAAA,UAAU;;kBAG1C,IAAK,WACD,OAAOF,KAAG;wCACcE,EAAAA,UAAU;8BACpBE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;6BACPA,EAAAA,UAAU;;kBAG3B,QACI,OAAOF,KAAG;wCACcE,EAAAA,UAAU;;6BAErBA,EAAAA,UAAU;;;4CAGKA,EAAAA,UAAU;;;"}

package/cjs/icon-button/index.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("./icon-button.js");exports.IconButton=t.IconButton;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,65 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../v3_theme/index.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}const d=o(r).default.button`
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    gap: 0.5rem;
-    justify-content: center;
-    align-items: center;
-    padding: 1.5rem 1rem;
-    background-color: ${e.V3_Colour.bg};
-    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid} transparent;
-    border-radius: ${e.V3_Radius.md};
-    cursor: pointer;
-    max-width: 13rem;
-    transition: all ${e.V3_Motion["duration-250"]} ${e.V3_Motion["ease-default"]};
-    ${e.V3_Font["body-baseline-semibold"]}
-    color: ${({$selected:r})=>r?e.V3_Colour["text-primary"]:e.V3_Colour.text};
-    overflow-wrap: anywhere;
-
-    img {
-        min-width: 3.5rem;
-        width: 3.5rem;
-        height: 3.5rem;
-        object-fit: contain;
-    }
-
-    ${e.V3_MediaQuery.MaxWidth.sm} {
-        padding: 0.5rem 0.25rem;
-        gap: 0.25rem;
-        ${e.V3_Font["body-md-semibold"]}
-    }
-
-    ${o=>o.$error?r.css`
-                background: ${e.V3_Colour.bg};
-                border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                    ${e.V3_Colour["border-error"]};
-            `:o.$selected?r.css`
-                background: ${e.V3_Colour["bg-selected"]};
-                border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                    ${e.V3_Colour["border-selected"]};
-
-                &:hover {
-                    background: ${e.V3_Colour["bg-selected-hover"]};
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-selected-hover"]};
-                }
-            `:r.css`
-                &:hover {
-                    border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid}
-                        ${e.V3_Colour["border-hover-strong"]};
-                }
-            `}
-
-    ${o=>o.$disabled&&r.css`
-            &:hover {
-                border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid} transparent;
-            }
-            box-shadow: none;
-            img {
-                filter: grayscale(100%);
-            }
-            color: ${e.V3_Colour["text-disabled"]};
-            cursor: not-allowed;
-        `}
-`;exports.Main=d;
-//# sourceMappingURL=image-button.style.js.map

package/cjs/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\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_MediaQuery,\n    V3_Motion,\n    V3_Radius,\n} from \"../v3_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: ${V3_Colour.bg};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} transparent;\n    border-radius: ${V3_Radius[\"md\"]};\n    cursor: pointer;\n    max-width: 13rem;\n    transition: all ${V3_Motion[\"duration-250\"]} ${V3_Motion[\"ease-default\"]};\n    ${V3_Font[\"body-baseline-semibold\"]}\n    color: ${({ $selected }) =>\n        $selected ? V3_Colour[\"text-primary\"] : V3_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    ${V3_MediaQuery.MaxWidth.sm} {\n        padding: 0.5rem 0.25rem;\n        gap: 0.25rem;\n        ${V3_Font[\"body-md-semibold\"]}\n    }\n\n    ${(props) => {\n        if (props.$error) {\n            return css`\n                background: ${V3_Colour.bg};\n                border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                    ${V3_Colour[\"border-error\"]};\n            `;\n        } else if (props.$selected) {\n            return css`\n                background: ${V3_Colour[\"bg-selected\"]};\n                border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                    ${V3_Colour[\"border-selected\"]};\n\n                &:hover {\n                    background: ${V3_Colour[\"bg-selected-hover\"]};\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-selected-hover\"]};\n                }\n            `;\n        } else {\n            return css`\n                &:hover {\n                    border: ${V3_Border[\"width-010\"]} ${V3_Border.solid}\n                        ${V3_Colour[\"border-hover-strong\"]};\n                }\n            `;\n        }\n    }}\n\n    ${(props) =>\n        props.$disabled &&\n        css`\n            &:hover {\n                border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} transparent;\n            }\n            box-shadow: none;\n            img {\n                filter: grayscale(100%);\n            }\n            color: ${V3_Colour[\"text-disabled\"]};\n            cursor: not-allowed;\n        `}\n`;\n"],"names":["Main","styled","button","V3_Colour","bg","V3_Border","solid","V3_Radius","V3_Motion","V3_Font","$selected","V3_MediaQuery","MaxWidth","sm","props","$error","css","$disabled"],"mappings":"0JAWO,MAAMA,OAAOC,QAAOC,MAIzB;;;;;;;;wBAQsBC,EAAAA,UAAUC;cACpBC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;qBAC7BC,EAAAA,UAAc;;;sBAGbC,EAAAA,UAAU,mBAAmBA,EAAAA,UAAU;MACvDC,EAAAA,QAAQ;aACD,EAAGC,eACRA,EAAYP,EAAAA,UAAU,gBAAkBA,YAAgB;;;;;;;;;;MAU1DQ,EAAAA,cAAcC,SAASC;;;UAGnBJ,EAAAA,QAAQ;;;MAGXK,GACKA,EAAMC,OACCC,KAAG;8BACQb,EAAAA,UAAUC;0BACdC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;sBACxCH,EAAAA,UAAU;cAEbW,EAAMJ,UACNM,KAAG;8BACQb,EAAAA,UAAU;0BACdE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;sBACxCH,EAAAA,UAAU;;;kCAGEA,EAAAA,UAAU;8BACdE,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;;cAIjBa,KAAG;;8BAEQX,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;0BACxCH,EAAAA,UAAU;;;;MAM7BW,GACCA,EAAMG,WACND,KAAG;;0BAEeX,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC;;;;;;qBAMzCH,EAAAA,UAAU;;;"}

package/cjs/input/input.style.js

@@ -1,31 +0,0 @@
-"use strict";var e=require("@lifesg/react-icons/cross"),r=require("styled-components"),t=require("../shared/input-wrapper/input-wrapper.js"),i=require("../v3_theme/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const p=n.default(t.BasicInput)`
-    width: 100%;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-
-    ${e=>"no-border"!==e.$styleType&&r.css`
-            padding-left: ${e.$visuallyReadOnly?0:i.V3_Spacing["spacing-16"]};
-            padding-right: ${e.$visuallyReadOnly||e.$showClear?0:i.V3_Spacing["spacing-16"]};
-        `}
-`,s=n.default(t.BasicButton)`
-    height: auto;
-    padding: ${i.V3_Spacing["spacing-12"]} ${i.V3_Spacing["spacing-16"]};
-
-    cursor: pointer;
-    color: ${i.V3_Colour.icon};
-
-    ${e=>"no-border"===e.$styleType&&r.css`
-            margin-right: -${i.V3_Spacing["spacing-12"]};
-        `}
-`,o=n.default(e.CrossIcon)`
-    height: 1.25rem;
-    width: 1.25rem;
-    vertical-align: middle;
-`,l=n.default.div`
-    display: flex;
-    width: 100%;
-`,d=n.default(t.InputBox)`
-    display: flex;
-    align-items: center;
-    width: 100%;
-`;exports.ClearButton=s,exports.ClearIcon=o,exports.DefaultWrapper=d,exports.InputElement=p,exports.NoBorderWrapper=l;
-//# sourceMappingURL=input.style.js.map

package/cjs/input/input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.style.js","sources":["../../../src/input/input.style.tsx"],"sourcesContent":["import { CrossIcon } from \"@lifesg/react-icons/cross\";\nimport styled, { css } from \"styled-components\";\n\nimport { BasicButton, BasicInput, InputBox } from \"../shared/input-wrapper\";\nimport { V3_Colour, V3_Spacing } from \"../v3_theme\";\nimport type { InputStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\nexport interface InputStyleProps {\n    $showClear?: boolean | undefined;\n    $styleType?: InputStyleType | undefined;\n    $visuallyReadOnly?: boolean | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputElement = styled(BasicInput)<InputStyleProps>`\n    width: 100%;\n    height: calc(3rem - 2px); // exclude top and bottom borders\n\n    ${(props) =>\n        props.$styleType !== \"no-border\" &&\n        css`\n            padding-left: ${props.$visuallyReadOnly\n                ? 0\n                : V3_Spacing[\"spacing-16\"]};\n            padding-right: ${props.$visuallyReadOnly || props.$showClear\n                ? 0\n                : V3_Spacing[\"spacing-16\"]};\n        `}\n`;\n\nexport const ClearButton = styled(BasicButton)<InputStyleProps>`\n    height: auto;\n    padding: ${V3_Spacing[\"spacing-12\"]} ${V3_Spacing[\"spacing-16\"]};\n\n    cursor: pointer;\n    color: ${V3_Colour[\"icon\"]};\n\n    ${(props) =>\n        props.$styleType === \"no-border\" &&\n        css`\n            margin-right: -${V3_Spacing[\"spacing-12\"]};\n        `}\n`;\n\nexport const ClearIcon = styled(CrossIcon)`\n    height: 1.25rem;\n    width: 1.25rem;\n    vertical-align: middle;\n`;\n\nexport const NoBorderWrapper = styled.div`\n    display: flex;\n    width: 100%;\n`;\n\nexport const DefaultWrapper = styled(InputBox)`\n    display: flex;\n    align-items: center;\n    width: 100%;\n`;\n"],"names":["InputElement","styled","BasicInput","props","$styleType","css","$visuallyReadOnly","V3_Spacing","$showClear","ClearButton","BasicButton","V3_Colour","ClearIcon","CrossIcon","NoBorderWrapper","div","DefaultWrapper","InputBox"],"mappings":"wQAmBaA,EAAeC,EAAAA,QAAOC,EAAAA,WAA4B;;;;MAIxDC,GACsB,cAArBA,EAAMC,YACNC,KAAG;4BACiBF,EAAMG,kBAChB,EACAC,EAAAA,WAAW;6BACAJ,EAAMG,mBAAqBH,EAAMK,WAC5C,EACAD,EAAAA,WAAW;;EAIhBE,EAAcR,EAAAA,QAAOS,EAAAA,YAA6B;;eAEhDH,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;;;aAGzCI,EAAAA,UAAgB;;MAEtBR,GACsB,cAArBA,EAAMC,YACNC,KAAG;6BACkBE,EAAAA,WAAW;;EAI3BK,EAAYX,EAAAA,QAAOY,EAAAA,UAAU;;;;EAM7BC,EAAkBb,EAAAA,QAAOc,GAAG;;;EAK5BC,EAAiBf,EAAAA,QAAOgB,EAAAA,SAAS;;;;"}

package/cjs/input-group/input-group-list-addon.style.js

@@ -1,54 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../input/input.js");require("react/jsx-runtime"),require("react"),require("../util/string-helper.js");var i=require("../v3_theme/index.js");require("../shared/dropdown-list-v2/dropdown-label.styles.js"),require("../shared/dropdown-list-v2/dropdown-list.js"),require("../shared/dropdown-list-v2/dropdown-list-state.js");var s=require("../shared/dropdown-list-v2/expandable-element.js");require("@lifesg/react-icons/caret-right"),require("react-virtuoso"),require("../button/button.style.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../shared/dropdown-wrapper/dropdown-wrapper.styles.js"),require("../shared/dropdown-wrapper/element-with-dropdown.js"),require("../shared/dropdown-list-v2/dropdown-list.styles.js"),require("../shared/dropdown-list-v2/dropdown-search.js"),require("../shared/dropdown-list-v2/nested-dropdown-list.styles.js"),require("immer"),require("../external/lodash/_getTag.js"),require("../external/lodash/isArguments.js"),require("../external/lodash/_baseGetTag.js"),require("../external/lodash/isBuffer.js"),require("../external/lodash/isTypedArray.js"),require("../external/lodash/_Stack.js"),require("../external/lodash/_SetCache.js"),require("../external/lodash/_equalByTag.js");var t=require("../shared/input-wrapper/input-wrapper.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=d(e);const n=a.default(t.InputBox)`
-    display: flex;
-    align-items: center;
-
-    ${r=>"right"===r.$position?e.css`
-                    flex-direction: row-reverse;
-                `:e.css`
-                    flex-direction: row;
-                `}
-`,o=a.default(s.ExpandableElement)`
-    ${r=>{if(r.$noBorder)return"right"===r.$position?e.css`
-                        padding-right: 0;
-                    `:e.css`
-                        padding-left: 0;
-                    `}}
-`,l=a.default.div`
-    flex: 0 0 auto;
-`,p=a.default(r.Input)`
-    ${r=>r.readOnly?e.css`
-                padding: 0;
-            `:r.$noBorder?"right"===r.$position?e.css`
-                        padding-left: 0;
-                    `:e.css`
-                        padding-right: 0;
-                    `:"right"===r.$position?e.css`
-                    padding-left: ${i.V3_Spacing["spacing-16"]};
-                `:e.css`
-                    padding-right: ${i.V3_Spacing["spacing-16"]};
-                `}
-`,u=a.default.div`
-    padding: 10px 0; // TODO: confirm vertical spacing
-    display: flex;
-    align-items: center;
-    padding: 0;
-    background: transparent;
-    margin-right: ${i.V3_Spacing["spacing-12"]};
-    color: ${i.V3_Colour.text};
-`,c=a.default.div`
-    width: 1px;
-    background: ${i.V3_Colour.border};
-    flex-shrink: 0;
-    height: 1.25rem;
-
-    ${r=>{if(r.$readOnly)return e.css`
-                display: none;
-            `}}
-
-    ${r=>"right"===r.$position?e.css`
-                    margin-left: ${i.V3_Spacing["spacing-12"]};
-                `:e.css`
-                    margin-right: ${i.V3_Spacing["spacing-12"]};
-                `}
-`;exports.Divider=c,exports.FieldInput=p,exports.FieldSelector=l,exports.FieldWrapper=n,exports.SelectorReadOnly=u,exports.StyledExpandableElement=o;
-//# sourceMappingURL=input-group-list-addon.style.js.map

package/cjs/input-group/input-group-list-addon.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-list-addon.style.js","sources":["../../../src/input-group/input-group-list-addon.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Input } from \"../input\";\nimport { ExpandableElement } from \"../shared/dropdown-list-v2\";\nimport { InputBox } from \"../shared/input-wrapper\";\nimport { V3_Colour, V3_Spacing } from \"../v3_theme\";\nimport type { InputGroupAddonPosition } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $readOnly?: boolean;\n    $expanded?: boolean;\n    $position?: InputGroupAddonPosition;\n    $noBorder?: boolean;\n}\n\ninterface DividerStyleProps {\n    $readOnly?: boolean;\n    $position?: InputGroupAddonPosition;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const FieldWrapper = styled(InputBox)<StyleProps>`\n    display: flex;\n    align-items: center;\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    flex-direction: row-reverse;\n                `;\n            default:\n                return css`\n                    flex-direction: row;\n                `;\n        }\n    }}\n`;\n\nexport const StyledExpandableElement = styled(ExpandableElement)<StyleProps>`\n    ${(props) => {\n        if (props.$noBorder) {\n            switch (props.$position) {\n                case \"right\":\n                    return css`\n                        padding-right: 0;\n                    `;\n                default:\n                    return css`\n                        padding-left: 0;\n                    `;\n            }\n        }\n    }}\n`;\n\nexport const FieldSelector = styled.div`\n    flex: 0 0 auto;\n`;\n\nexport const FieldInput = styled(Input)<StyleProps>`\n    ${(props) => {\n        if (props.readOnly) {\n            return css`\n                padding: 0;\n            `;\n        }\n\n        if (props.$noBorder) {\n            switch (props.$position) {\n                case \"right\":\n                    return css`\n                        padding-left: 0;\n                    `;\n                default:\n                    return css`\n                        padding-right: 0;\n                    `;\n            }\n        }\n\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    padding-left: ${V3_Spacing[\"spacing-16\"]};\n                `;\n            default:\n                return css`\n                    padding-right: ${V3_Spacing[\"spacing-16\"]};\n                `;\n        }\n    }}\n`;\n\nexport const SelectorReadOnly = styled.div`\n    padding: 10px 0; // TODO: confirm vertical spacing\n    display: flex;\n    align-items: center;\n    padding: 0;\n    background: transparent;\n    margin-right: ${V3_Spacing[\"spacing-12\"]};\n    color: ${V3_Colour[\"text\"]};\n`;\n\nexport const Divider = styled.div<DividerStyleProps>`\n    width: 1px;\n    background: ${V3_Colour[\"border\"]};\n    flex-shrink: 0;\n    height: 1.25rem;\n\n    ${(props) => {\n        if (props.$readOnly) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    margin-left: ${V3_Spacing[\"spacing-12\"]};\n                `;\n            default:\n                return css`\n                    margin-right: ${V3_Spacing[\"spacing-12\"]};\n                `;\n        }\n    }}\n`;\n"],"names":["FieldWrapper","styled","InputBox","props","$position","css","StyledExpandableElement","ExpandableElement","$noBorder","FieldSelector","div","FieldInput","Input","readOnly","V3_Spacing","SelectorReadOnly","V3_Colour","Divider","$readOnly"],"mappings":"i7CA2BaA,EAAeC,EAAAA,QAAOC,EAAAA,SAAqB;;;;MAIjDC,GAEU,UADDA,EAAMC,UAECC,KAAG;;kBAIHA,KAAG;;;EAObC,EAA0BL,EAAAA,QAAOM,EAAAA,kBAA8B;MACrEJ,IACC,GAAIA,EAAMK,UACN,MACS,UADDL,EAAMC,UAECC,KAAG;;sBAIHA,KAAG;;qBAItB;EAIKI,EAAgBR,EAAAA,QAAOS,GAAG;;EAI1BC,EAAaV,EAAAA,QAAOW,EAAAA,MAAkB;MAC5CT,GACKA,EAAMU,SACCR,KAAG;;cAKVF,EAAMK,UAEG,UADDL,EAAMC,UAECC,KAAG;;sBAIHA,KAAG;;sBAOb,UADDF,EAAMC,UAECC,KAAG;oCACUS,EAAAA,WAAW;kBAGxBT,KAAG;qCACWS,EAAAA,WAAW;;EAMnCC,EAAmBd,EAAAA,QAAOS,GAAG;;;;;;oBAMtBI,EAAAA,WAAW;aAClBE,EAAAA,UAAgB;EAGhBC,EAAUhB,EAAAA,QAAOS,GAAsB;;kBAElCM,EAAAA,UAAkB;;;;MAI7Bb,IACC,GAAIA,EAAMe,UACN,OAAOb,KAAG;;aAGd;;MAGDF,GAEU,UADDA,EAAMC,UAECC,KAAG;mCACSS,EAAAA,WAAW;kBAGvBT,KAAG;oCACUS,EAAAA,WAAW;;"}

package/cjs/input-group/input-group.style.js

@@ -1,39 +0,0 @@
-"use strict";var e=require("styled-components"),i=require("../input/input.js"),r=require("../shared/input-wrapper/input-wrapper.js"),n=require("../v3_theme/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const a=o.default(r.InputBox)`
-    display: flex;
-    align-items: center;
-    width: 100%;
-    padding: 0
-        ${e=>e.$readOnly||e.$noBorder?"0":n.V3_Spacing["spacing-16"]};
-    flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
-`,p=o.default(r.InputBox)`
-    display: flex;
-    position: relative;
-    width: 100%;
-    padding: 0
-        ${e=>e.$readOnly||e.$noBorder?"0":n.V3_Spacing["spacing-16"]};
-    flex-direction: ${e=>"right"===e.$position?"row-reverse":"row"};
-`,s=o.default(i.Input)``,d=o.default.div`
-    position: relative;
-    display: flex;
-    align-items: center;
-
-    ${n.V3_Font["body-baseline-regular"]}
-    color: ${n.V3_Colour.text};
-
-    /* SVG Icon */
-    svg {
-        height: 1em;
-        width: 1em;
-    }
-
-    ${i=>{if(i.$disabled)return e.css`
-                color: ${n.V3_Colour["text-subtler"]};
-            `}}
-
-    ${i=>"right"===i.$position?e.css`
-                    margin-left: ${i.$readOnly?n.V3_Spacing["spacing-4"]:n.V3_Spacing["spacing-12"]};
-                `:e.css`
-                    margin-right: ${i.$readOnly?n.V3_Spacing["spacing-4"]:n.V3_Spacing["spacing-12"]};
-                `};
-`;exports.AddonWrapper=a,exports.LabelAddonContainer=d,exports.MainInput=s,exports.NoAddonWrapper=p;
-//# sourceMappingURL=input-group.style.js.map

package/cjs/input-group/input-group.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.style.js","sources":["../../../src/input-group/input-group.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Input } from \"../input/input\";\nimport type { InputWrapperStyleProps } from \"../shared/input-wrapper\";\nimport { InputBox } from \"../shared/input-wrapper\";\nimport { V3_Colour, V3_Font, V3_Spacing } from \"../v3_theme\";\nimport type { InputGroupAddonPosition } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\n// Need to export since the component could be extended\nexport interface AddonStyleProps {\n    $disabled?: boolean;\n    $error?: boolean;\n    $readOnly?: boolean;\n    $position?: InputGroupAddonPosition;\n    $noBorder?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const AddonWrapper = styled(InputBox)<InputWrapperStyleProps>`\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 0\n        ${(props) =>\n            props.$readOnly || props.$noBorder\n                ? \"0\"\n                : V3_Spacing[\"spacing-16\"]};\n    flex-direction: ${(props) =>\n        props.$position === \"right\" ? \"row-reverse\" : \"row\"};\n`;\n\nexport const NoAddonWrapper = styled(InputBox)<AddonStyleProps>`\n    display: flex;\n    position: relative;\n    width: 100%;\n    padding: 0\n        ${(props) =>\n            props.$readOnly || props.$noBorder\n                ? \"0\"\n                : V3_Spacing[\"spacing-16\"]};\n    flex-direction: ${(props) =>\n        props.$position === \"right\" ? \"row-reverse\" : \"row\"};\n`;\n\nexport const MainInput = styled(Input)``;\n\nexport const LabelAddonContainer = styled.div<AddonStyleProps>`\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    ${V3_Font[\"body-baseline-regular\"]}\n    color: ${V3_Colour[\"text\"]};\n\n    /* SVG Icon */\n    svg {\n        height: 1em;\n        width: 1em;\n    }\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${V3_Colour[\"text-subtler\"]};\n            `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$position) {\n            case \"right\":\n                return css`\n                    margin-left: ${props.$readOnly\n                        ? V3_Spacing[\"spacing-4\"]\n                        : V3_Spacing[\"spacing-12\"]};\n                `;\n            case \"left\":\n            default:\n                return css`\n                    margin-right: ${props.$readOnly\n                        ? V3_Spacing[\"spacing-4\"]\n                        : V3_Spacing[\"spacing-12\"]};\n                `;\n        }\n    }};\n`;\n"],"names":["AddonWrapper","styled","InputBox","props","$readOnly","$noBorder","V3_Spacing","$position","NoAddonWrapper","MainInput","Input","LabelAddonContainer","div","V3_Font","V3_Colour","$disabled","css"],"mappings":"gQAyBaA,EAAeC,EAAAA,QAAOC,EAAAA,SAAiC;;;;;UAKzDC,GACCA,EAAMC,WAAaD,EAAME,UACnB,IACAC,EAAAA,WAAW;sBACNH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCC,EAAiBP,EAAAA,QAAOC,EAAAA,SAA0B;;;;;UAKpDC,GACCA,EAAMC,WAAaD,EAAME,UACnB,IACAC,EAAAA,WAAW;sBACNH,GACK,UAApBA,EAAMI,UAAwB,cAAgB;EAGzCE,EAAYR,EAAAA,QAAOS,EAAAA,MAAM,GAEzBC,EAAsBV,EAAAA,QAAOW,GAAoB;;;;;MAKxDC,EAAAA,QAAQ;aACDC,EAAAA,UAAgB;;;;;;;;MAQtBX,IACC,GAAIA,EAAMY,UACN,OAAOC,KAAG;yBACGF,EAAAA,UAAU;aAE3B;;MAGDX,GAEU,UADDA,EAAMI,UAECS,KAAG;mCACSb,EAAMC,UACfE,EAAAA,WAAW,aACXA,EAAAA,WAAW;kBAIdU,KAAG;oCACUb,EAAMC,UAChBE,EAAAA,WAAW,aACXA,EAAAA,WAAW;;"}

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

@@ -1,9 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../input/input.style.js"),r=require("../shared/input-wrapper/input-wrapper.js"),n=require("../v3_theme/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=i(e);const a=p.default(t.ClearButton)`
-    position: absolute;
-    right: 0;
-    padding-left: ${n.V3_Spacing["spacing-8"]};
-    margin-right: 0;
-`,u=p.default(r.InputWrapper)`
-    height: 3rem;
-`;exports.ClearIconContainer=a,exports.StyledInputWrapper=u;
-//# sourceMappingURL=input-range-select.style.js.map

package/cjs/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 { ClearButton } from \"../input/input.style\";\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport { V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const ClearIconContainer = styled(ClearButton)`\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"],"names":["ClearIconContainer","styled","ClearButton","V3_Spacing","StyledInputWrapper","InputWrapper"],"mappings":"sQASaA,EAAqBC,EAAAA,QAAOC,EAAAA,YAAY;;;oBAGjCC,EAAAA,WAAW;;EAIlBC,EAAqBH,EAAAA,QAAOI,EAAAA,aAAa;;"}

package/cjs/input-textarea/textara-counter.style.js

@@ -1,6 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.p`
-    text-align: right;
-    ${t.V3_Font["body-sm-semibold"]}
-    color: ${t.V3_Colour["text-subtler"]};
-`;exports.CounterLabel=r;
-//# sourceMappingURL=textara-counter.style.js.map

package/cjs/input-textarea/textara-counter.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textara-counter.style.js","sources":["../../../src/input-textarea/textara-counter.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Colour, V3_Font } from \"../v3_theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const CounterLabel = styled.p`\n    text-align: right;\n    ${V3_Font[\"body-sm-semibold\"]}\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n"],"names":["CounterLabel","styled","p","V3_Font","V3_Colour"],"mappings":"0JAOO,MAAMA,OAAeC,QAAOC,CAAC;;MAE9BC,EAAAA,QAAQ;aACDC,EAAAA,UAAU;"}