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

package/cjs/form/form-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-select.js","sources":["../../../src/form/form-select.tsx"],"sourcesContent":["import { InputSelect } from \"../input-select\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport { FormInputSelectProps } from \"./types\";\n\nexport const FormSelect = <T, V>({\n    label,\n    errorMessage,\n    id,\n    \"data-error-testid\": errorTestId,\n    \"data-testid\": testId,\n    enableSearch = false,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    variant,\n    ...otherProps\n}: FormInputSelectProps<T, V>): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-field-${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            <InputSelect\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                enableSearch={enableSearch}\n                variant={variant}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["_a","label","errorMessage","id","errorTestId","testId","enableSearch","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","variant","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","disabled","children","InputSelect","Object","assign","undefined","error"],"mappings":"ibAKiCA,QAAAC,MAC7BA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,aACrBA,GAAe,EAAKC,WACpBA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,QACPA,KACGC,EAAUC,EAAAA,OAAApB,EAnBgB,CAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,eAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,YAqB7B,MAAMqB,EAAaC,EAAAA,QACbC,EAAUpB,QAAAA,EAAM,cAAckB,IACpC,OACIG,EAAAA,IAACC,EAAAA,YAAW,CACRtB,GAAIoB,EAAO,cACElB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBsB,SAAUP,EAAWO,SACrBnB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOU,SAEhBH,EAAAA,IAACI,EAAAA,YAAWC,OAAAC,OAAA,CACR3B,GAAI,GAAGoB,SAAc,cACRlB,EAAS,GAAGA,cAAgB0B,EACzCC,QAAS9B,EACTI,aAAcA,EACdY,QAASA,GACLC,KAEE"}

package/cjs/form/form-slider.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),s=require("react/jsx-runtime"),l=require("../input-slider/input-slider.js");require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js"),require("react");var r=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var t=require("./form-wrapper.js");exports.FormSlider=o=>{var{label:i,errorMessage:a,id:d,"data-error-testid":u,"data-testid":C,layoutType:x,mobileCols:p,tabletCols:n,desktopCols:b,xxsCols:m,xsCols:j,smCols:q,mdCols:c,lgCols:g,xlCols:v,xxlCols:y}=o,h=e.__rest(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const _=r.useId(),k=null!=d?d:`form-slider-${_}`;return s.jsx(t.FormWrapper,{id:k,label:i,errorMessage:a,"data-error-testid":u,disabled:h.disabled,layoutType:x,mobileCols:p,tabletCols:n,desktopCols:b,xxsCols:m,xsCols:j,smCols:q,mdCols:c,lgCols:g,xlCols:v,xxlCols:y,children:s.jsx(l.InputSlider,Object.assign({id:`${k}-base`,"data-testid":C?`${C}-base`:void 0},h))})};
-//# sourceMappingURL=form-slider.js.map

package/cjs/form/form-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-slider.js","sources":["../../../src/form/form-slider.tsx"],"sourcesContent":["import { InputSlider } from \"../input-slider\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport { FormSliderProps } from \"./types\";\n\nexport const FormSlider = ({\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}: FormSliderProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-slider-${internalId}`;\n\n    return (\n        <FormWrapper\n            id={inputId}\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            <InputSlider\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","disabled","InputSlider","undefined"],"mappings":"ibAK2BA,IAAA,IAAAC,MACvBA,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,EAAAA,OAAAlB,EAjBU,uLAmBvB,MAAMmB,EAAaC,EAAAA,QACbC,EAAUlB,QAAAA,EAAM,eAAegB,IAErC,OACIG,EAAAA,IAACC,EAAAA,YAAW,CACRpB,GAAIkB,EACJpB,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBoB,SAAUP,EAAWO,SACrBlB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,WAETM,EAAAA,IAACG,6BACGtB,GAAI,GAAGkB,uBACMhB,EAAS,GAAGA,cAAgBqB,GACrCT,KAEE"}

package/cjs/form/form-textarea.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../input-textarea/textarea.js"),a=require("../input-textarea/textarea-counter.js");require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js");var l=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var o=require("./form-label.style.js"),i=require("./form-textarea.style.js"),u=require("./form-wrapper.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=n(s).default.forwardRef(((n,d)=>{const{label:x,value:C,errorMessage:m,id:p,"data-error-testid":j,"data-testid":g,onChange:f,layoutType:b,mobileCols:c,tabletCols:h,desktopCols:q,xxsCols:v,xsCols:y,smCols:L,mdCols:T,lgCols:E,xlCols:M,xxlCols:$,transformValue:_,prefix:k=""}=n,F=e.__rest(n,["label","value","errorMessage","id","data-error-testid","data-testid","onChange","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","transformValue","prefix"]),V=l.useId(),w=null!=p?p:`form-textarea-${V}`,[I,B]=s.useState(C);s.useEffect((()=>{B(C)}),[C]);return r.jsxs(u.FormWrapper,{id:w,"data-testid":g,label:x,disabled:F.disabled,layoutType:b,mobileCols:c,tabletCols:h,desktopCols:q,xxsCols:v,xsCols:y,smCols:L,mdCols:T,lgCols:E,xlCols:M,xxlCols:$,children:[r.jsx(t.TextareaBase,Object.assign({id:`${w}-base`,"data-testid":g?`${g}-base`:void 0,value:I,error:!!m,onChange:e=>{const r=e.target.value;B(r),f&&f(e)},ref:d,prefix:k,transformValue:_},F)),m||F.maxLength?r.jsxs(i.LabelContainer,{children:[m&&r.jsxs(i.ErrorMessageContainer,{children:[r.jsx(o.ErrorIcon,{"aria-hidden":!0}),r.jsx(i.ErrorMessageLabel,{"data-testid":j||(w?`${w}-error-message`:"error-message"),children:m})]}),F.maxLength&&r.jsx(a.TextareaCounter,{value:I,maxLength:F.maxLength,renderCustomCounter:F.renderCustomCounter})]}):r.jsx(r.Fragment,{})]})}));exports.FormTextarea=d;
-//# sourceMappingURL=form-textarea.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-textarea.js","sources":["../../../src/form/form-textarea.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { TextareaBase } from \"../input-textarea/textarea\";\nimport { TextareaCounter } from \"../input-textarea/textarea-counter\";\nimport { TextareaRef } from \"../input-textarea/types\";\nimport { useId } from \"../util\";\nimport { ErrorIcon } from \"./form-label.style\";\nimport {\n    ErrorMessageContainer,\n    ErrorMessageLabel,\n    LabelContainer,\n} from \"./form-textarea.style\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport { FormTextareaProps } from \"./types\";\n\nconst FormTextareaComponent = (\n    props: FormTextareaProps,\n    ref: TextareaRef\n): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const {\n        label,\n        value,\n        errorMessage,\n        id,\n        \"data-error-testid\": errorTestId,\n        \"data-testid\": testId,\n        onChange,\n        layoutType,\n        mobileCols,\n        tabletCols,\n        desktopCols,\n        xxsCols,\n        xsCols,\n        smCols,\n        mdCols,\n        lgCols,\n        xlCols,\n        xxlCols,\n        transformValue,\n        prefix = \"\",\n        ...otherProps\n    } = props;\n\n    const internalId = useId();\n    const inputId = id ?? `form-textarea-${internalId}`;\n\n    const [stateValue, setStateValue] = useState<\n        string | number | readonly string[] | undefined\n    >(value);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setStateValue(value);\n    }, [value]);\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const getErrorTestMessageId = () => {\n        return (\n            errorTestId ||\n            (inputId ? `${inputId}-error-message` : \"error-message\")\n        );\n    };\n\n    // =============================================================================\n    // EVENT HANDLER\n    // =============================================================================\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const newValue = event.target.value;\n        setStateValue(newValue);\n        if (onChange) onChange(event);\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderBottomLabels = () => {\n        if (!errorMessage && !otherProps.maxLength) return <></>;\n        return (\n            <LabelContainer>\n                {errorMessage && (\n                    <ErrorMessageContainer>\n                        <ErrorIcon aria-hidden />\n                        <ErrorMessageLabel\n                            data-testid={getErrorTestMessageId()}\n                        >\n                            {errorMessage}\n                        </ErrorMessageLabel>\n                    </ErrorMessageContainer>\n                )}\n                {otherProps.maxLength && (\n                    <TextareaCounter\n                        value={stateValue}\n                        maxLength={otherProps.maxLength}\n                        renderCustomCounter={otherProps.renderCustomCounter}\n                    />\n                )}\n            </LabelContainer>\n        );\n    };\n\n    return (\n        <FormWrapper\n            id={inputId}\n            data-testid={testId}\n            label={label}\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            <TextareaBase\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                value={stateValue}\n                error={!!errorMessage}\n                onChange={handleChange}\n                ref={ref}\n                prefix={prefix}\n                transformValue={transformValue}\n                {...otherProps}\n            />\n            {renderBottomLabels()}\n        </FormWrapper>\n    );\n};\n\nexport const FormTextarea = React.forwardRef(FormTextareaComponent);\n"],"names":["FormTextarea","React","forwardRef","props","ref","label","value","errorMessage","id","errorTestId","testId","onChange","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","transformValue","prefix","otherProps","__rest","internalId","useId","inputId","stateValue","setStateValue","useState","useEffect","_jsxs","FormWrapper","disabled","children","_jsx","TextareaBase","Object","assign","undefined","error","event","newValue","target","maxLength","LabelContainer","ErrorMessageContainer","ErrorIcon","ErrorMessageLabel","TextareaCounter","renderCustomCounter"],"mappings":"kmBAcA,MA+HaA,OAAeC,QAAMC,YA/HJ,CAC1BC,EACAC,KAKA,MAAMC,MACFA,EAAKC,MACLA,EAAKC,aACLA,EAAYC,GACZA,EACA,oBAAqBC,EACrB,cAAeC,EAAMC,SACrBA,EAAQC,WACRA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,QACXA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,OACdA,EAAS,IAETrB,EADGsB,EAAUC,EAAAA,OACbvB,EAtBE,CAAA,QAAA,QAAA,eAAA,KAAA,oBAAA,cAAA,WAAA,aAAA,aAAA,aAAA,cAAA,UAAA,SAAA,SAAA,SAAA,SAAA,SAAA,UAAA,iBAAA,WAwBAwB,EAAaC,EAAAA,QACbC,EAAUrB,QAAAA,EAAM,iBAAiBmB,KAEhCG,EAAYC,GAAiBC,EAAAA,SAElC1B,GAKF2B,EAAAA,WAAU,KACNF,EAAczB,EAAM,GACrB,CAACA,IAkDJ,OACI4B,EAAAA,KAACC,EAAAA,YAAW,CACR3B,GAAIqB,EAAO,cACEnB,EACbL,MAAOA,EACP+B,SAAUX,EAAWW,SACrBxB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOe,SAAA,CAEhBC,EAAAA,IAACC,EAAAA,aAAYC,OAAAC,OAAA,CACTjC,GAAI,GAAGqB,SAAc,cACRnB,EAAS,GAAGA,cAAgBgC,EACzCpC,MAAOwB,EACPa,QAASpC,EACTI,SAzDUiC,IAClB,MAAMC,EAAWD,EAAME,OAAOxC,MAC9ByB,EAAcc,GACVlC,GAAUA,EAASiC,EAAM,EAuDrBxC,IAAKA,EACLoB,OAAQA,EACRD,eAAgBA,GACZE,IAnDPlB,GAAiBkB,EAAWsB,UAE7Bb,EAAAA,KAACc,EAAAA,eAAc,CAAAX,SAAA,CACV9B,GACG2B,EAAAA,KAACe,EAAAA,sBAAqB,CAAAZ,SAAA,CAClBC,EAAAA,IAACY,EAAAA,8BACDZ,MAACa,EAAAA,kBAAiB,CAAA,cAxB9B1C,IACCoB,EAAU,GAAGA,kBAA0B,0BA0BvBtB,OAIZkB,EAAWsB,WACRT,MAACc,EAAAA,gBAAe,CACZ9C,MAAOwB,EACPiB,UAAWtB,EAAWsB,UACtBM,oBAAqB5B,EAAW4B,yBAjBGf,EAAAA,qBAsDrC"}

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

@@ -1,14 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../theme/index.js"),t=require("./form-label.style.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e);const n=i.default.div`
-    display: flex;
-    justify-content: flex-end;
-    margin-top: ${r.Spacing["spacing-8"]};
-`,s=i.default.div`
-    ${r.Font["body-sm-semibold"]}
-    display: flex;
-    flex: 1;
-    margin-right: ${r.Spacing["spacing-12"]};
-    gap: ${r.Spacing["spacing-4"]};
-`,o=i.default(t.ErrorMessage)`
-    margin-top: 0;
-`;exports.ErrorMessageContainer=s,exports.ErrorMessageLabel=o,exports.LabelContainer=n;
-//# sourceMappingURL=form-textarea.style.js.map

package/cjs/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\";\nimport { Font, Spacing } from \"../theme\";\nimport { ErrorMessage } from \"./form-label.style\";\n\nexport const LabelContainer = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const ErrorMessageContainer = styled.div`\n    ${Font[\"body-sm-semibold\"]}\n    display: flex;\n    flex: 1;\n    margin-right: ${Spacing[\"spacing-12\"]};\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const ErrorMessageLabel = styled(ErrorMessage)`\n    margin-top: 0;\n`;\n"],"names":["LabelContainer","styled","div","Spacing","ErrorMessageContainer","Font","ErrorMessageLabel","ErrorMessage"],"mappings":"qMAIO,MAAMA,EAAiBC,EAAAA,QAAOC,GAAG;;;kBAGtBC,EAAAA,QAAQ;EAGbC,EAAwBH,EAAAA,QAAOC,GAAG;MACzCG,EAAAA,KAAK;;;oBAGSF,EAAAA,QAAQ;WACjBA,EAAAA,QAAQ;EAGNG,EAAoBL,EAAAA,QAAOM,EAAAA,aAAa;;"}

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("../time-range-picker/time-range-picker.js");require("../util/calendar-helper.js"),require("../util/date-helper.js"),require("../util/date-input-helper.js"),require("react");var l=require("../util/simple-id-generator.js");require("../util/string-helper.js"),require("@react-aria/live-announcer");var t=require("./form-wrapper.js");exports.FormTimeRangePicker=o=>{var{label:i,errorMessage:a,id:d,"data-error-testid":C,"data-testid":u,layoutType:x,mobileCols:m,tabletCols:p,desktopCols:n,xxsCols:b,xsCols:c,smCols:g,mdCols:j,lgCols:q,xlCols:k,xxlCols:v}=o,y=e.__rest(o,["label","errorMessage","id","data-error-testid","data-testid","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const h=l.useId(),T=null!=d?d:`form-time-range-picker-${h}`;return r.jsx(t.FormWrapper,{id:T,label:i,errorMessage:a,disabled:y.disabled,"data-error-testid":C,layoutType:x,mobileCols:m,tabletCols:p,desktopCols:n,xxsCols:b,xsCols:c,smCols:g,mdCols:j,lgCols:q,xlCols:k,xxlCols:v,children:r.jsx(s.TimeRangePicker,Object.assign({id:`${T}-base`,"data-testid":u?`${u}-base`:void 0,error:!!a},y))})};
-//# sourceMappingURL=form-time-range-picker.js.map

package/cjs/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 { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport { FormTimeRangePickerProps } from \"./types\";\n\nexport const FormTimeRangePicker = ({\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}: FormTimeRangePickerProps): JSX.Element => {\n    const internalId = useId();\n    const inputId = id ?? `form-time-range-picker-${internalId}`;\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            <TimeRangePicker\n                id={`${inputId}-base`}\n                data-testid={testId ? `${testId}-base` : undefined}\n                error={!!errorMessage}\n                {...otherProps}\n            />\n        </FormWrapper>\n    );\n};\n"],"names":["_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","disabled","children","TimeRangePicker","Object","assign","undefined","error"],"mappings":"ocAKoCA,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,EAAAA,OAAAlB,EAjBmB,uLAmBhC,MAAMmB,EAAaC,EAAAA,QACbC,EAAUlB,QAAAA,EAAM,0BAA0BgB,IAChD,OACIG,EAAAA,IAACC,EAAAA,YAAW,CACRpB,GAAIkB,EACJpB,MAAOA,EACPC,aAAcA,EACdsB,SAAUP,EAAWO,SAAQ,oBACVpB,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOS,SAEhBH,EAAAA,IAACI,EAAAA,gBAAeC,OAAAC,OAAA,CACZzB,GAAI,GAAGkB,SAAc,cACRhB,EAAS,GAAGA,cAAgBwB,EACzCC,QAAS5B,GACLe,KAEE"}

package/cjs/form/form-timepicker.js

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

package/cjs/form/form-timepicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-timepicker.js","sources":["../../../src/form/form-timepicker.tsx"],"sourcesContent":["import { Timepicker } from \"../timepicker\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport { 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 = useId();\n    const inputId = id ?? `form-timepicker-input-${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":["_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","disabled","children","Timepicker","Object","assign","undefined","error"],"mappings":"ibAK+BA,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,EAAAA,OAAAlB,EAjBc,uLAmB3B,MAAMmB,EAAaC,EAAAA,QACbC,EAAUlB,QAAAA,EAAM,yBAAyBgB,IAE/C,OACIG,EAAAA,IAACC,EAAAA,YAAW,CACRpB,GAAIkB,EACJpB,MAAOA,EACPC,aAAcA,EACdsB,SAAUP,EAAWO,SAAQ,oBACVpB,EACnBE,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOS,SAEhBH,EAAAA,IAACI,EAAAA,WAAUC,OAAAC,OAAA,CACPzB,GAAI,GAAGkB,SAAc,cACRhB,EAAS,GAAGA,cAAgBwB,EACzCC,QAAS5B,GACLe,KAEE"}

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

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

package/cjs/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 { UnitNumberInput } from \"../unit-number\";\nimport { useId } from \"../util\";\nimport { FormWrapper } from \"./form-wrapper\";\nimport { 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 = useId();\n    const inputId = id ?? `form-unit-number-input-${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":["_a","label","errorMessage","id","errorTestId","testId","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","internalId","useId","inputId","_jsx","FormWrapper","disabled","children","UnitNumberInput","undefined","error"],"mappings":"8bAKoCA,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,EAAAA,OAAAlB,EAjBmB,uLAmBhC,MAAMmB,EAAaC,EAAAA,QACbC,EAAUlB,QAAAA,EAAM,0BAA0BgB,IAChD,OACIG,EAAAA,IAACC,EAAAA,YAAW,CACRpB,GAAIkB,EAAO,cACEhB,EACbJ,MAAOA,EACPC,aAAcA,EAAY,oBACPE,EACnBoB,SAAUP,EAAWO,SACrBlB,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EAAOS,SAEhBH,EAAAA,IAACI,EAAAA,+BACGvB,GAAI,GAAGkB,SAAc,cACRhB,EAAS,GAAGA,cAAgBsB,EAAS,kBACjC,GAAGN,UACpBO,QAAS1B,GACLe,KAEE"}

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

@@ -1,15 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../layout/col-div.js"),i=require("../theme/index.js"),o=require("../v2_layout/col-div.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e);const n=e.css`
-    display: flex;
-    flex-direction: column;
-
-    &:not(:last-child) {
-        margin-bottom: ${i.Spacing["spacing-32"]};
-    }
-`,a=l.default.div`
-    ${n}
-`,s=l.default(t.ColDiv)`
-    ${n}
-`,u=l.default(o.V2_ColDiv)`
-    ${n}
-`;exports.ColDivContainer=s,exports.Container=a,exports.V2_ColDivContainer=u;
-//# sourceMappingURL=form-wrapper.style.js.map

package/cjs/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\";\nimport { ColDiv } from \"../layout/col-div\";\nimport { Spacing } from \"../theme\";\nimport { V2_ColDiv } from \"../v2_layout/col-div\";\n\nconst commonStyles = css`\n    display: flex;\n    flex-direction: column;\n\n    &:not(:last-child) {\n        margin-bottom: ${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","Spacing","Container","styled","div","ColDivContainer","ColDiv","V2_ColDivContainer","V2_ColDiv"],"mappings":"yOAKA,MAAMA,EAAeC,EAAAA,GAAG;;;;;yBAKCC,EAAAA,QAAQ;;EAIpBC,EAAYC,EAAAA,QAAOC,GAAG;MAC7BL;EAGOM,EAAkBF,EAAAA,QAAOG,EAAAA,OAAO;MACvCP;EAGOQ,EAAqBJ,EAAAA,QAAOK,EAAAA,UAAU;MAC7CT;"}

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

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

package/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\";\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":"iMAOO,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\";\nimport { ButtonRef } from \"../button/types\";\nimport { Main } from \"./icon-button.style\";\nimport { IconButtonProps } from \"./types\";\n\nconst Component = (\n    {\n        \"data-testid\": dataTestId,\n        styleType = \"primary\",\n        children,\n        sizeType = \"default\",\n        type = \"button\",\n        disabled = false,\n        focusableWhenDisabled = false,\n        onClick,\n        ...otherProps\n    }: IconButtonProps,\n    ref: ButtonRef\n) => {\n    return (\n        <Main\n            data-testid={dataTestId || \"iconButton\"}\n            ref={ref}\n            type={type}\n            $styleType={disabled ? \"disabled\" : styleType}\n            $sizeType={sizeType}\n            aria-disabled={disabled}\n            disabled={disabled && !focusableWhenDisabled}\n            onClick={disabled ? undefined : onClick}\n            {...otherProps}\n        >\n            {children}\n        </Main>\n    );\n};\n\nexport const IconButton = React.forwardRef(Component);\n"],"names":["IconButton","React","forwardRef","_a","ref","dataTestId","styleType","children","sizeType","type","disabled","focusableWhenDisabled","onClick","otherProps","__rest","_jsx","Main","Object","assign","$styleType","$sizeType","undefined"],"mappings":"kNAKA,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,74 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../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.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":return r.css`
-                    background-color: ${e.Colour.bg};
-                    border: ${e.Border["width-010"]} ${e.Border.solid}
-                        ${e.Colour["border-primary"]};
-                    color: ${e.Colour["text-primary"]};
-
-                    &:hover {
-                        background-color: ${e.Colour["bg-hover-neutral"]};
-                    }
-                `;case"light":return r.css`
-                    background-color: ${e.Colour.bg};
-                    border: ${e.Border["width-010"]} ${e.Border.solid}
-                        ${e.Colour.border};
-                    color: ${e.Colour["text-primary"]};
-
-                    &:hover {
-                        background-color: ${e.Colour["bg-hover-neutral"]};
-                    }
-                `;case"disabled":return r.css`
-                    background-color: ${e.Colour["bg-disabled"]};
-                    border: ${e.Border["width-010"]} ${e.Border.solid}
-                        ${e.Colour["border-disabled"]};
-                    color: ${e.Colour["text-disabled"]};
-                    cursor: not-allowed;
-                `;default:return r.css`
-                    background-color: ${e.Colour["bg-primary"]};
-                    border: none;
-                    color: ${e.Colour["text-inverse"]};
-
-                    &:hover {
-                        background-color: ${e.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\";\nimport { SizeType, StyleType } from \"./types\";\nimport { Border, Colour, Radius } from \"../theme\";\ninterface StyleProps {\n    $styleType: StyleType | \"disabled\";\n    $sizeType: SizeType;\n}\n\nexport const Main = styled.button<StyleProps>`\n    align-items: center;\n    border-radius: ${Radius[\"sm\"]};\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n\n    // -----------------------------------------------------------------------------\n    // BUTTON STYLE + TEXT COLOR\n    // -----------------------------------------------------------------------------\n    ${(props) => {\n        switch (props.$sizeType) {\n            case \"large\":\n                return css`\n                    height: 4rem;\n                    width: 4rem;\n\n                    img,\n                    svg {\n                        height: 1.625rem;\n                        width: 1.625rem;\n                    }\n                `;\n            case \"small\":\n                return css`\n                    height: 2.5rem;\n                    width: 2.5rem;\n\n                    img,\n                    svg {\n                        height: 1rem;\n                        width: 1rem;\n                    }\n                `;\n\n            default:\n                return css`\n                    height: 3rem;\n                    width: 3rem;\n\n                    img,\n                    svg {\n                        height: 1.125rem;\n                        width: 1.125rem;\n                    }\n                `;\n        }\n    }}\n\n    ${(props) => {\n        switch (props.$styleType) {\n            case \"secondary\":\n                return css`\n                    background-color: ${Colour.bg};\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour[\"border-primary\"]};\n                    color: ${Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n\n            case \"light\":\n                return css`\n                    background-color: ${Colour.bg};\n                    border: ${Border[\"width-010\"]} ${Border.solid}\n                        ${Colour.border};\n                    color: ${Colour[\"text-primary\"]};\n\n                    &:hover {\n                        background-color: ${Colour[\"bg-hover-neutral\"]};\n                    }\n                `;\n            case \"disabled\":\n                return css`\n                    background-color: ${Colour[\"bg-disabled\"]};\n                    border: ${Border[\"width-010\"]} ${Border[\"solid\"]}\n                        ${Colour[\"border-disabled\"]};\n                    color: ${Colour[\"text-disabled\"]};\n                    cursor: not-allowed;\n                `;\n            default:\n                return css`\n                    background-color: ${Colour[\"bg-primary\"]};\n                    border: none;\n                    color: ${Colour[\"text-inverse\"]};\n\n                    &:hover {\n                        background-color: ${Colour[\"bg-primary-hover\"]};\n                    }\n                `;\n        }\n    }}\n`;\n"],"names":["Main","styled","button","Radius","props","$sizeType","css","$styleType","Colour","bg","Border","solid","border"],"mappings":"uJAQO,MAAMA,OAAOC,QAAOC,MAAkB;;qBAExBC,EAAAA,OAAW;;;;;;;;MAQzBC,IACC,OAAQA,EAAMC,WACV,IAAK,QACD,OAAOC,KAAG;;;;;;;;;kBAUd,IAAK,QACD,OAAOA,KAAG;;;;;;;;;kBAWd,QACI,OAAOA,KAAG;;;;;;;;;;;MAanBF,IACC,OAAQA,EAAMG,YACV,IAAK,YACD,OAAOD,KAAG;wCACcE,EAAAA,OAAOC;8BACjBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;0BAClCH,EAAAA,OAAO;6BACJA,EAAAA,OAAO;;;4CAGQA,EAAAA,OAAO;;kBAIvC,IAAK,QACD,OAAOF,KAAG;wCACcE,EAAAA,OAAOC;8BACjBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC;0BAClCH,EAAAA,OAAOI;6BACJJ,EAAAA,OAAO;;;4CAGQA,EAAAA,OAAO;;kBAGvC,IAAK,WACD,OAAOF,KAAG;wCACcE,EAAAA,OAAO;8BACjBE,EAAAA,OAAO,gBAAgBA,EAAAA,OAAc;0BACzCF,EAAAA,OAAO;6BACJA,EAAAA,OAAO;;kBAGxB,QACI,OAAOF,KAAG;wCACcE,EAAAA,OAAO;;6BAElBA,EAAAA,OAAO;;;4CAGQA,EAAAA,OAAO;;;"}

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":""}