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

package/form/form-textarea.style.js

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

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

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

package/form/form-time-range-picker.d.ts

@@ -1,2 +0,0 @@
-import type { FormTimeRangePickerProps } from "./types";
-export declare const FormTimeRangePicker: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormTimeRangePickerProps) => JSX.Element;

package/form/form-time-range-picker.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{TimeRangePicker as o}from"../time-range-picker/time-range-picker.js";import{FormWrapper as e}from"./form-wrapper.js";const r=r=>{var{label:t,errorMessage:a,id:i="form-timepicker","data-error-testid":C,"data-testid":d,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:g,xsCols:c,smCols:n,mdCols:f,lgCols:k,xlCols:u,xxlCols:y}=r,j=s(r,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);return l(e,{id:i,label:t,errorMessage:a,disabled:j.disabled,"data-error-testid":C,layoutType:m,mobileCols:x,tabletCols:p,desktopCols:b,xxsCols:g,xsCols:c,smCols:n,mdCols:f,lgCols:k,xlCols:u,xxlCols:y,children:l(o,Object.assign({id:`${i}-base`,"data-testid":d||i,error:!!a},j))})};export{r as FormTimeRangePicker};
-//# sourceMappingURL=form-time-range-picker.js.map

package/form/form-time-range-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-time-range-picker.js","sources":["../../src/form/form-time-range-picker.tsx"],"sourcesContent":["import { TimeRangePicker } from \"../time-range-picker\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTimeRangePickerProps } from \"./types\";\n\nexport const FormTimeRangePicker = ({\n    label,\n    errorMessage,\n    id = \"form-timepicker\",\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormTimeRangePickerProps): JSX.Element => {\n    return (\n        <FormWrapper\n            id={id}\n            label={label}\n            errorMessage={errorMessage}\n            disabled={otherProps.disabled}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <TimeRangePicker\n                id={`${id}-base`}\n                data-testid={testId || id}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormTimeRangePicker","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","_jsx","FormWrapper","disabled","children","TimeRangePicker","Object","assign","error"],"mappings":"mNAIO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EAAK,kBACL,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBmB,uLAmBhC,OACImB,EAACC,GACGjB,GAAIA,EACJF,MAAOA,EACPC,aAAcA,EACdmB,SAAUJ,EAAWI,6BACFjB,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOM,SAEhBH,EAACI,EAAeC,OAAAC,OAAA,CACZtB,GAAI,GAAGA,SAAS,cACHE,GAAUF,EACvBuB,QAASxB,GACLe,KAEE"}

package/form/form-timepicker.d.ts

@@ -1,2 +0,0 @@
-import type { FormTimepickerProps } from "./types";
-export declare const FormTimepicker: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormTimepickerProps) => JSX.Element;

package/form/form-timepicker.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as o}from"react";import{Timepicker as e}from"../timepicker/timepicker.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as r}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as t}from"./form-wrapper.js";const i=i=>{var{label:a,errorMessage:d,id:m,"data-error-testid":C,"data-testid":p,layoutType:x,mobileCols:b,tabletCols:n,desktopCols:j,xxsCols:u,xsCols:c,smCols:g,mdCols:f,lgCols:y,xlCols:k,xxlCols:h}=i,v=s(i,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[M]=o((()=>`form-timepicker-input-${r.generate()}`)),T=null!=m?m:M;return l(t,{id:T,label:a,errorMessage:d,disabled:v.disabled,"data-error-testid":C,layoutType:x,mobileCols:b,tabletCols:n,desktopCols:j,xxsCols:u,xsCols:c,smCols:g,mdCols:f,lgCols:y,xlCols:k,xxlCols:h,children:l(e,Object.assign({id:`${T}-base`,"data-testid":p?`${p}-base`:void 0,error:!!d},v))})};export{i as FormTimepicker};
-//# sourceMappingURL=form-timepicker.js.map

package/form/form-timepicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-timepicker.js","sources":["../../src/form/form-timepicker.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Timepicker } from \"../timepicker\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormTimepickerProps } from \"./types\";\n\nexport const FormTimepicker = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormTimepickerProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-timepicker-input-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n\n    return (\n        <FormWrapper\n            id={inputId}\n            label={label}\n            errorMessage={errorMessage}\n            disabled={otherProps.disabled}\n            data-error-testid={errorTestId}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <Timepicker\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormTimepicker","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","Timepicker","Object","assign","undefined","error"],"mappings":"+YAOO,MAAMA,EAAkBC,IAAA,IAAAC,MAC3BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBc,uLAmB3B,MAAOmB,GAAcC,GACjB,IAAM,yBAAyBC,EAAkBC,eAE/CC,EAAUpB,QAAAA,EAAMgB,EAEtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EACJtB,MAAOA,EACPC,aAAcA,EACdwB,SAAUT,EAAWS,SAAQ,oBACVtB,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOW,SAEhBH,EAACI,EAAUC,OAAAC,OAAA,CACP3B,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgB0B,EACzCC,QAAS9B,GACLe,KAEE"}

package/form/form-unit-number-input.d.ts

@@ -1,2 +0,0 @@
-import type { FormUnitNumberInputProps } from "./types";
-export declare const FormUnitNumberInput: ({ label, errorMessage, id, "data-error-testid": errorTestId, "data-testid": testId, layoutType, mobileCols, tabletCols, desktopCols, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: FormUnitNumberInputProps) => JSX.Element;

package/form/form-unit-number-input.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as l}from"react/jsx-runtime";import{useState as o}from"react";import{UnitNumberInput as e}from"../unit-number/unit-number-input.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{SimpleIdGenerator as t}from"../util/simple-id-generator.js";import"../util/string-helper.js";import{FormWrapper as r}from"./form-wrapper.js";const a=a=>{var{label:i,errorMessage:d,id:m,"data-error-testid":C,"data-testid":p,layoutType:b,mobileCols:n,tabletCols:x,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:f,lgCols:c,xlCols:$,xxlCols:h}=a,k=s(a,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const[v]=o((()=>`form-unit-number-input-${t.generate()}`)),M=null!=m?m:v;return l(r,{id:M,"data-testid":p,label:i,errorMessage:d,"data-error-testid":C,disabled:k.disabled,layoutType:b,mobileCols:n,tabletCols:x,desktopCols:u,xxsCols:j,xsCols:g,smCols:y,mdCols:f,lgCols:c,xlCols:$,xxlCols:h,children:l(e,Object.assign({id:`${M}-base`,"data-testid":p?`${p}-base`:void 0,"aria-labelledby":`${M}-label`,error:!!d},k))})};export{a as FormUnitNumberInput};
-//# sourceMappingURL=form-unit-number-input.js.map

package/form/form-unit-number-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-unit-number-input.js","sources":["../../src/form/form-unit-number-input.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { UnitNumberInput } from \"../unit-number\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport type { FormUnitNumberInputProps } from \"./types\";\n\nexport const FormUnitNumberInput = ({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: FormUnitNumberInputProps): JSX.Element => {\n    const [internalId] = useState(\n        () => `form-unit-number-input-${SimpleIdGenerator.generate()}`\n    );\n    const inputId = id ?? internalId;\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\n            errorMessage={errorMessage}\n            data-error-testid={errorTestId}\n            disabled={otherProps.disabled}\n            layoutType={layoutType}\n            mobileCols={mobileCols}\n            tabletCols={tabletCols}\n            desktopCols={desktopCols}\n            xxsCols={xxsCols}\n            xsCols={xsCols}\n            smCols={smCols}\n            mdCols={mdCols}\n            lgCols={lgCols}\n            xlCols={xlCols}\n            xxlCols={xxlCols}\n        >\n            <UnitNumberInput\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                aria-labelledby={`${inputId}-label`}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["FormUnitNumberInput","_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useState","SimpleIdGenerator","generate","inputId","_jsx","FormWrapper","disabled","children","UnitNumberInput","undefined","error"],"mappings":"4ZAOO,MAAMA,EAAuBC,IAAA,IAAAC,MAChCA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,WACrBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOhB,EACJiB,EAAUC,EAAAlB,EAjBmB,uLAmBhC,MAAOmB,GAAcC,GACjB,IAAM,0BAA0BC,EAAkBC,eAEhDC,EAAUpB,QAAAA,EAAMgB,EACtB,OACIK,EAACC,EAAW,CACRtB,GAAIoB,EAAO,cACElB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBsB,SAAUT,EAAWS,SACrBpB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOW,SAEhBH,EAACI,iBACGzB,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgBwB,EAAS,kBACjC,GAAGN,UACpBO,QAAS5B,GACLe,KAEE"}

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

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

package/form/form-wrapper.style.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/icon-button/icon-button.js

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

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

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

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

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

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

@@ -1,65 +0,0 @@
-import r,{css as e}from"styled-components";import{V3_Radius as o,V3_Colour as t,V3_Border as i}from"../v3_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":case"light":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"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\";\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":"0HAUO,MAAMA,EAAOC,EAAOC,MAAkB;;qBAExBC,EAAc;;;;;;;;MAQ5BC,IACC,OAAQA,EAAMC,WACV,IAAK,QACD,OAAOC,CAAG;;;;;;;;;kBAUd,IAAK,QACD,OAAOA,CAAG;;;;;;;;;kBAWd,QACI,OAAOA,CAAG;;;;;;;;;;;MAanBF,IACC,OAAQA,EAAMG,YACV,IAAK,YAYL,IAAK,QACD,OAAOD,CAAG;wCACcE,EAAUC;8BACpBC,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;6BACPA,EAAU;;;4CAGKA,EAAU;;kBAG1C,IAAK,WACD,OAAOF,CAAG;wCACcE,EAAU;8BACpBE,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;6BACPA,EAAU;;kBAG3B,QACI,OAAOF,CAAG;wCACcE,EAAU;;6BAErBA,EAAU;;;4CAGKA,EAAU;;;"}

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,5 +0,0 @@
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $selected?: boolean;
-    $error?: boolean;
-    $disabled?: boolean;
-}>> & string;

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

@@ -1,65 +0,0 @@
-import e,{css as r}from"styled-components";import{V3_Colour as o,V3_Border as d,V3_Radius as t,V3_Motion as i,V3_Font as l,V3_MediaQuery as n}from"../v3_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\";\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":"yKAWO,MAAMA,EAAOC,EAAOC,MAIzB;;;;;;;;wBAQsBC,EAAUC;cACpBC,EAAU,gBAAgBA,EAAUC;qBAC7BC,EAAc;;;sBAGbC,EAAU,mBAAmBA,EAAU;MACvDC,EAAQ;aACD,EAAGC,eACRA,EAAYP,EAAU,gBAAkBA,EAAgB;;;;;;;;;;MAU1DQ,EAAcC,SAASC;;;UAGnBJ,EAAQ;;;MAGXK,GACKA,EAAMC,OACCC,CAAG;8BACQb,EAAUC;0BACdC,EAAU,gBAAgBA,EAAUC;sBACxCH,EAAU;cAEbW,EAAMJ,UACNM,CAAG;8BACQb,EAAU;0BACdE,EAAU,gBAAgBA,EAAUC;sBACxCH,EAAU;;;kCAGEA,EAAU;8BACdE,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;;cAIjBa,CAAG;;8BAEQX,EAAU,gBAAgBA,EAAUC;0BACxCH,EAAU;;;;MAM7BW,GACCA,EAAMG,WACND,CAAG;;0BAEeX,EAAU,gBAAgBA,EAAUC;;;;;;qBAMzCH,EAAU;;;"}