@lifesg/react-design-system 3.4.0-canary.5 → 3.4.0-canary.6

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

@@ -1 +1 @@
-{"version":3,"file":"form-wrapper.js","sources":["../../../src/form/form-wrapper.tsx"],"sourcesContent":["/**\n * This is a SUPPORTING component\n * (Do not include in the main export)\n *\n */\n\nimport { Children, ComponentType, cloneElement } from \"react\";\nimport { useId } from \"../util\";\nimport { FormLabel } from \"./form-label\";\nimport {\n    ErrorIcon,\n    ErrorMessage,\n    ErrorMessageContainer,\n} from \"./form-label.style\";\nimport {\n    ColDivContainer,\n    Container,\n    V2_ColDivContainer,\n} from \"./form-wrapper.style\";\nimport { FormElementLayoutType, FormWrapperProps } from \"./types\";\n\nexport const FormWrapper = ({\n    label,\n    errorMessage: eRaw,\n    id,\n    disabled,\n    children,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    \"data-testid\": testId,\n    \"data-error-testid\": errorTestId,\n}: FormWrapperProps): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const updatedLayoutType = getLayoutType();\n    const errorMessage = typeof eRaw === \"string\" ? eRaw.trim() : eRaw;\n    const internalId = useId();\n    const labelId = `${id ?? internalId}-label`; // matches FormLabel\n    const subtitleId = `${id ?? internalId}-label-subtitle`; // matches FormLabel\n    const errorMessageId = `${id ?? internalId}-error-message`;\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const isInvalidState = (): boolean => {\n        return !!eRaw;\n    };\n\n    const hasSubtitleLabel = (): boolean => {\n        return typeof label === \"object\" && !!label?.subtitle;\n    };\n\n    const getAriaDescribedBy = (): string | undefined => {\n        return (\n            [\n                errorMessage ? errorMessageId : undefined,\n                hasSubtitleLabel() ? subtitleId : undefined,\n            ]\n                .filter(Boolean)\n                .join(\" \") || undefined\n        );\n    };\n\n    function getLayoutType(): FormElementLayoutType {\n        if (!layoutType && (mobileCols || tabletCols || desktopCols)) {\n            return \"v2-grid\";\n        } else if (\n            !layoutType &&\n            (xxsCols ||\n                xsCols ||\n                smCols ||\n                mdCols ||\n                lgCols ||\n                xlCols ||\n                xxlCols)\n        ) {\n            return \"grid\";\n        } else if (!layoutType) {\n            return \"flex\";\n        } else {\n            return layoutType;\n        }\n    }\n\n    const getContainerLayoutProps = (layoutType: FormElementLayoutType) => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return {\n                    mobileCols,\n                    tabletCols,\n                    desktopCols,\n                };\n            case \"grid\":\n                return {\n                    xxsCols,\n                    xsCols,\n                    smCols,\n                    mdCols,\n                    lgCols,\n                    xlCols,\n                    xxlCols,\n                };\n            case \"flex\":\n                return undefined;\n        }\n    };\n\n    const getContainerComponent = (\n        layoutType: FormElementLayoutType\n    ): ComponentType => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return V2_ColDivContainer;\n            case \"grid\":\n                return ColDivContainer;\n            case \"flex\":\n                return Container;\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderFormLabel = (): JSX.Element => {\n        if (typeof label === \"string\") {\n            return (\n                <FormLabel\n                    htmlFor={`${id}-base`}\n                    // FIXME: kept for backwards-compatibility\n                    // in most cases data-testid should be separate from id\n                    data-testid={id ? `${id}-label` : \"form-label\"}\n                    id={labelId}\n                    disabled={disabled}\n                >\n                    {label}\n                </FormLabel>\n            );\n        }\n        return (\n            <FormLabel\n                htmlFor={`${id}-base`}\n                data-testid={id ? `${id}-label` : \"form-label\"}\n                id={labelId}\n                disabled={disabled}\n                {...label}\n            />\n        );\n    };\n\n    const renderChildren = (): JSX.Element | JSX.Element[] => {\n        const ariaState = {\n            \"aria-invalid\": isInvalidState(),\n            \"aria-describedby\": getAriaDescribedBy(),\n            \"aria-labelledby\": label ? labelId : undefined,\n        };\n        return Children.map(children, (child) =>\n            cloneElement(child, ariaState)\n        );\n    };\n\n    const ContainerComponent = getContainerComponent(updatedLayoutType);\n\n    return (\n        <ContainerComponent\n            data-testid={testId}\n            {...getContainerLayoutProps(updatedLayoutType)}\n        >\n            {label && renderFormLabel()}\n            {renderChildren()}\n            {errorMessage && (\n                <ErrorMessageContainer>\n                    <ErrorIcon aria-hidden />\n                    <ErrorMessage\n                        id={errorMessageId}\n                        tabIndex={0}\n                        data-testid={\n                            errorTestId ??\n                            // FIXME: kept for backwards-compatibility\n                            // in most cases data-testid should be separate from id\n                            (id ? `${id}-error-message` : \"error-message\")\n                        }\n                    >\n                        {errorMessage}\n                    </ErrorMessage>\n                </ErrorMessageContainer>\n            )}\n        </ContainerComponent>\n    );\n};\n"],"names":["label","errorMessage","eRaw","id","disabled","children","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","testId","errorTestId","updatedLayoutType","trim","internalId","useId","labelId","subtitleId","errorMessageId","ContainerComponent","V2_ColDivContainer","ColDivContainer","Container","getContainerComponent","_jsxs","Object","assign","getContainerLayoutProps","_jsx","FormLabel","htmlFor","ariaState","undefined","subtitle","filter","Boolean","join","Children","map","child","cloneElement","renderChildren","ErrorMessageContainer","ErrorIcon","ErrorMessage","tabIndex"],"mappings":"0aAqB2B,EACvBA,QACAC,aAAcC,EACdC,KACAC,WACAC,WACAC,aACAC,aACAC,aACAC,cACAC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,UACA,cAAeC,EACf,oBAAqBC,MAKrB,MAAMC,GA+BGb,IAAeC,GAAcC,GAAcC,GACrC,WAENH,IACAI,GACGC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEG,OACCV,GACD,OA5CTL,EAA+B,iBAATC,EAAoBA,EAAKkB,OAASlB,EACxDmB,EAAaC,EAAAA,QACbC,EAAU,GAAGpB,QAAAA,EAAMkB,UACnBG,EAAa,GAAGrB,QAAAA,EAAMkB,mBACtBI,EAAiB,GAAGtB,QAAAA,EAAMkB,kBA8ChC,MA6EMK,EAtDwB,CAC1BpB,IAEA,OAAQA,GACJ,IAAK,UACD,OAAOqB,EAAAA,mBACX,IAAK,OACD,OAAOC,EAAAA,gBACX,IAAK,OACD,OAAOC,EAAAA,YA6CQC,CAAsBX,GAEjD,OACIY,EAAAA,KAACL,EAAkBM,OAAAC,OAAA,CAAA,cACFhB,GAjFW,CAACX,IAC7B,OAAQA,GACJ,IAAK,UACD,MAAO,CACHC,aACAC,aACAC,eAER,IAAK,OACD,MAAO,CACHC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,WAER,IAAK,OACD,SA+DAkB,CAAwBf,cAE3BnB,IA3CgB,iBAAVA,EAEHmC,EAAAA,IAACC,YAAS,CACNC,QAAS,GAAGlC,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIoB,EACJnB,SAAUA,EAAQC,SAEjBL,IAKTmC,EAAAA,IAACC,YAASJ,OAAAC,OAAA,CACNI,QAAS,GAAGlC,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIoB,EACJnB,SAAUA,GACNJ,KAKO,MACnB,MAAMsC,EAAY,CACd,iBA3GKpC,EA4GL,mBAnGA,CACID,EAAewB,OAAiBc,EANhB,iBAAVvC,IAAwBA,aAAK,EAALA,EAAOwC,UAOhBhB,OAAae,GAEjCE,OAAOC,SACPC,KAAK,WAAQJ,EA+FlB,kBAAmBvC,EAAQuB,OAAUgB,GAEzC,OAAOK,EAAAA,SAASC,IAAIxC,GAAWyC,GAC3BC,eAAaD,EAAOR,IACvB,EAWIU,GACA/C,GACG8B,EAAAA,KAACkB,EAAAA,sBAAqB,CAAA5C,SAAA,CAClB8B,EAAAA,IAACe,EAAAA,UAAS,CAAA,eAAA,IACVf,EAAAA,IAACgB,gBACGhD,GAAIsB,EACJ2B,SAAU,EAAC,cAEPlC,QAAAA,EAGCf,EAAK,GAAGA,kBAAqB,yBAGjCF,UAII"}
+{"version":3,"file":"form-wrapper.js","sources":["../../../src/form/form-wrapper.tsx"],"sourcesContent":["/**\n * This is a SUPPORTING component\n * (Do not include in the main export)\n *\n */\n\nimport {\n    Children,\n    ComponentType,\n    Fragment,\n    cloneElement,\n    isValidElement,\n} from \"react\";\nimport { useId } from \"../util\";\nimport { FormLabel } from \"./form-label\";\nimport {\n    ErrorIcon,\n    ErrorMessage,\n    ErrorMessageContainer,\n} from \"./form-label.style\";\nimport {\n    ColDivContainer,\n    Container,\n    V2_ColDivContainer,\n} from \"./form-wrapper.style\";\nimport { FormElementLayoutType, FormWrapperProps } from \"./types\";\n\nexport const FormWrapper = ({\n    label,\n    errorMessage: eRaw,\n    id,\n    disabled,\n    children,\n    layoutType,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    \"data-testid\": testId,\n    \"data-error-testid\": errorTestId,\n}: FormWrapperProps): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REFS\n    // =============================================================================\n    const updatedLayoutType = getLayoutType();\n    const errorMessage = typeof eRaw === \"string\" ? eRaw.trim() : eRaw;\n    const internalId = useId();\n    const labelId = `${id ?? internalId}-label`; // matches FormLabel\n    const subtitleId = `${id ?? internalId}-label-subtitle`; // matches FormLabel\n    const errorMessageId = `${id ?? internalId}-error-message`;\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n\n    const isInvalidState = (): boolean => {\n        return !!eRaw;\n    };\n\n    const hasSubtitleLabel = (): boolean => {\n        return typeof label === \"object\" && !!label?.subtitle;\n    };\n\n    const getAriaDescribedBy = (): string | undefined => {\n        return (\n            [\n                errorMessage ? errorMessageId : undefined,\n                hasSubtitleLabel() ? subtitleId : undefined,\n            ]\n                .filter(Boolean)\n                .join(\" \") || undefined\n        );\n    };\n\n    function getLayoutType(): FormElementLayoutType {\n        if (!layoutType && (mobileCols || tabletCols || desktopCols)) {\n            return \"v2-grid\";\n        } else if (\n            !layoutType &&\n            (xxsCols ||\n                xsCols ||\n                smCols ||\n                mdCols ||\n                lgCols ||\n                xlCols ||\n                xxlCols)\n        ) {\n            return \"grid\";\n        } else if (!layoutType) {\n            return \"flex\";\n        } else {\n            return layoutType;\n        }\n    }\n\n    const getContainerLayoutProps = (layoutType: FormElementLayoutType) => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return {\n                    mobileCols,\n                    tabletCols,\n                    desktopCols,\n                };\n            case \"grid\":\n                return {\n                    xxsCols,\n                    xsCols,\n                    smCols,\n                    mdCols,\n                    lgCols,\n                    xlCols,\n                    xxlCols,\n                };\n            case \"flex\":\n                return undefined;\n        }\n    };\n\n    const getContainerComponent = (\n        layoutType: FormElementLayoutType\n    ): ComponentType => {\n        switch (layoutType) {\n            case \"v2-grid\":\n                return V2_ColDivContainer;\n            case \"grid\":\n                return ColDivContainer;\n            case \"flex\":\n                return Container;\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderFormLabel = (): JSX.Element => {\n        if (typeof label === \"string\") {\n            return (\n                <FormLabel\n                    htmlFor={`${id}-base`}\n                    // FIXME: kept for backwards-compatibility\n                    // in most cases data-testid should be separate from id\n                    data-testid={id ? `${id}-label` : \"form-label\"}\n                    id={labelId}\n                    disabled={disabled}\n                >\n                    {label}\n                </FormLabel>\n            );\n        }\n        return (\n            <FormLabel\n                htmlFor={`${id}-base`}\n                data-testid={id ? `${id}-label` : \"form-label\"}\n                id={labelId}\n                disabled={disabled}\n                {...label}\n            />\n        );\n    };\n\n    const renderChildren = (): JSX.Element | JSX.Element[] => {\n        const ariaState = {\n            \"aria-invalid\": isInvalidState(),\n            \"aria-describedby\": getAriaDescribedBy(),\n            \"aria-labelledby\": label ? labelId : undefined,\n        };\n        return Children.map(children, (child) => {\n            if (isValidElement(child) && child.type === Fragment) {\n                return cloneElement(child);\n            }\n            return cloneElement(child, ariaState);\n        });\n    };\n\n    const ContainerComponent = getContainerComponent(updatedLayoutType);\n\n    return (\n        <ContainerComponent\n            data-testid={testId}\n            {...getContainerLayoutProps(updatedLayoutType)}\n        >\n            {label && renderFormLabel()}\n            {renderChildren()}\n            {errorMessage && (\n                <ErrorMessageContainer>\n                    <ErrorIcon aria-hidden />\n                    <ErrorMessage\n                        id={errorMessageId}\n                        tabIndex={0}\n                        data-testid={\n                            errorTestId ??\n                            // FIXME: kept for backwards-compatibility\n                            // in most cases data-testid should be separate from id\n                            (id ? `${id}-error-message` : \"error-message\")\n                        }\n                    >\n                        {errorMessage}\n                    </ErrorMessage>\n                </ErrorMessageContainer>\n            )}\n        </ContainerComponent>\n    );\n};\n"],"names":["label","errorMessage","eRaw","id","disabled","children","layoutType","mobileCols","tabletCols","desktopCols","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","testId","errorTestId","updatedLayoutType","trim","internalId","useId","labelId","subtitleId","errorMessageId","ContainerComponent","V2_ColDivContainer","ColDivContainer","Container","getContainerComponent","_jsxs","Object","assign","getContainerLayoutProps","_jsx","FormLabel","htmlFor","ariaState","undefined","subtitle","filter","Boolean","join","Children","map","child","isValidElement","type","Fragment","cloneElement","renderChildren","ErrorMessageContainer","ErrorIcon","ErrorMessage","tabIndex"],"mappings":"0aA2B2B,EACvBA,QACAC,aAAcC,EACdC,KACAC,WACAC,WACAC,aACAC,aACAC,aACAC,cACAC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,UACA,cAAeC,EACf,oBAAqBC,MAKrB,MAAMC,GA+BGb,IAAeC,GAAcC,GAAcC,GACrC,WAENH,IACAI,GACGC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEG,OACCV,GACD,OA5CTL,EAA+B,iBAATC,EAAoBA,EAAKkB,OAASlB,EACxDmB,EAAaC,EAAAA,QACbC,EAAU,GAAGpB,QAAAA,EAAMkB,UACnBG,EAAa,GAAGrB,QAAAA,EAAMkB,mBACtBI,EAAiB,GAAGtB,QAAAA,EAAMkB,kBA8ChC,MAgFMK,EAzDwB,CAC1BpB,IAEA,OAAQA,GACJ,IAAK,UACD,OAAOqB,EAAAA,mBACX,IAAK,OACD,OAAOC,EAAAA,gBACX,IAAK,OACD,OAAOC,EAAAA,YAgDQC,CAAsBX,GAEjD,OACIY,EAAAA,KAACL,EAAkBM,OAAAC,OAAA,CAAA,cACFhB,GApFW,CAACX,IAC7B,OAAQA,GACJ,IAAK,UACD,MAAO,CACHC,aACAC,aACAC,eAER,IAAK,OACD,MAAO,CACHC,UACAC,SACAC,SACAC,SACAC,SACAC,SACAC,WAER,IAAK,OACD,SAkEAkB,CAAwBf,cAE3BnB,IA9CgB,iBAAVA,EAEHmC,EAAAA,IAACC,YAAS,CACNC,QAAS,GAAGlC,SAAS,cAGRA,EAAK,GAAGA,UAAa,aAClCA,GAAIoB,EACJnB,SAAUA,EAAQC,SAEjBL,IAKTmC,EAAAA,IAACC,YAASJ,OAAAC,OAAA,CACNI,QAAS,GAAGlC,SAAS,cACRA,EAAK,GAAGA,UAAa,aAClCA,GAAIoB,EACJnB,SAAUA,GACNJ,KAKO,MACnB,MAAMsC,EAAY,CACd,iBA3GKpC,EA4GL,mBAnGA,CACID,EAAewB,OAAiBc,EANhB,iBAAVvC,IAAwBA,aAAK,EAALA,EAAOwC,UAOhBhB,OAAae,GAEjCE,OAAOC,SACPC,KAAK,WAAQJ,EA+FlB,kBAAmBvC,EAAQuB,OAAUgB,GAEzC,OAAOK,WAASC,IAAIxC,GAAWyC,GACvBC,EAAAA,eAAeD,IAAUA,EAAME,OAASC,EAAAA,SACjCC,EAAAA,aAAaJ,GAEjBI,EAAAA,aAAaJ,EAAOR,IAC7B,EAWGa,GACAlD,GACG8B,EAAAA,KAACqB,EAAAA,sBAAqB,CAAA/C,SAAA,CAClB8B,EAAAA,IAACkB,EAAAA,UAAS,CAAA,eAAA,IACVlB,EAAAA,IAACmB,gBACGnD,GAAIsB,EACJ8B,SAAU,EAAC,cAEPrC,QAAAA,EAGCf,EAAK,GAAGA,kBAAqB,yBAGjCF,UAII"}

package/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./accordion/accordion.js"),r=require("./alert/alert.js"),t=require("./animations/loading-spinner/loading-spinner.js"),o=require("./animations/loading-dots/loading-dots.js"),i=require("./animations/loading-dots-spinner/loading-dots-spinner.js"),s=require("./animations/themed-loading-spinner/themed-loading-spinner.js"),n=require("./avatar/avatar.js"),p=require("./badge/badge.js"),a=require("./box-container/box-container.js"),u=require("./breadcrumb/breadcrumb.js"),l=require("./button/button.js"),x=require("./button-with-icon/button-with-icon.js"),d=require("./calendar/calendar.js"),m=require("./card/card.js"),g=require("./checkbox/checkbox.js"),c=require("./countdown-timer/countdown-timer.js"),j=require("./data-table/data-table.js"),h=require("./date-input/date-input.js"),T=require("./date-navigator/date-navigator.js"),q=require("./date-range-input/date-range-input.js"),b=require("./divider/divider.js"),S=require("./drawer/drawer.js"),v=require("./e-signature/e-signature.js"),y=require("./error-display/error-display.js"),B=require("./error-display/helper.js"),k=require("./feedback-rating/feedback-rating.js"),I=require("./file-download/file-download.js"),_=require("./file-upload/file-upload.js"),M=require("./filter/filter.js"),V=require("./footer/footer.js"),C=require("./form/index.js"),P=require("./fullscreen-image-carousel/fullscreen-image-carousel.js"),w=require("./histogram-slider/histogram-slider.js"),D=require("./icon-button/icon-button.js"),f=require("./image-button/image-button.js"),L=require("./input/input.js"),R=require("./input-group/input-group.js"),F=require("./input-multi-select/input-multi-select.js"),G=require("./input-nested-multi-select/input-nested-multi-select.js"),N=require("./input-nested-select/input-nested-select.js"),W=require("./input-range-select/input-range-select.js"),A=require("./input-range-slider/input-range-slider.js"),O=require("./input-select/input-select.js"),H=require("./input-slider/input-slider.js"),E=require("./input-textarea/textarea.js"),U=require("./language-switcher/language-switcher.js"),Q=require("./layout/index.js"),K=require("./link-list/link-list.js"),z=require("./markup/markup.js"),J=require("./masked-input/masked-input.js"),X=require("./masonry/masonry.js"),Y=require("./masthead/masthead.js"),Z=require("./menu/menu.js"),$=require("./modal/index.js"),ee=require("./modal-v2/index.js"),re=require("./navbar/navbar.js"),te=require("./notification-banner/notification-banner.js"),oe=require("./notification-banner/notification-banner-hoc.js"),ie=require("./otp-input/otp-input.js"),se=require("./overlay/overlay.js"),ne=require("./pagination/pagination.js"),pe=require("./phone-number-input/phone-number-input.js"),ae=require("./pill/pill.js"),ue=require("./popover/popover-hoc.js"),le=require("./popover/popover.js"),xe=require("./popover-v2/popover.js"),de=require("./popover-v2/popover-inline/popover-inline.js"),me=require("./popover-v2/popover-trigger.js"),ge=require("./predictive-text-input/predictive-text-input.js"),ce=require("./progress-indicator/progress-indicator.js"),je=require("./radio-button/radio-button.js"),he=require("./select-histogram/select-histogram.js"),Te=require("./sidenav/sidenav.js"),qe=require("./singpass-button/singpass-button.js"),be=require("./smart-app-banner/smart-app-banner.js"),Se=require("./tab/tab.js"),ve=require("./table/table.js"),ye=require("./tag/tag.js"),Be=require("./text-list/index.js"),ke=require("./theme/index.js"),Ie=require("./time-range-picker/time-range-picker.js"),_e=require("./time-slot-bar/time-slot-bar.js"),Me=require("./time-slot-bar-week/time-slot-bar-week.js"),Ve=require("./time-slot-week-view/time-slot-week-view.js"),Ce=require("./timeline/timeline.js"),Pe=require("./timepicker/timepicker.js"),we=require("./timetable/timetable.js"),De=require("./toast/toast.js"),fe=require("./toggle/toggle.js"),Le=require("./tooltip/tooltip.js"),Re=require("./tooltip/tooltip-hoc.js"),Fe=require("./typography/typography.js"),Ge=require("./uneditable-section/index.js"),Ne=require("./unit-number/unit-number-input.js"),We=require("./v2_color/color.js"),Ae=require("./v2_design-token/design-token.js"),Oe=require("./v2_layout/index.js"),He=require("./v2_media/media.js"),Ee=require("./v2_text/helper.js"),Ue=require("./v2_text/text-style.js"),Qe=require("./v2_text/text.js"),Ke=require("./v2_text/types.js"),ze=require("./v2_text-list/index.js"),Je=require("./v2_theme/index.js"),Xe=require("./v2_transition/index.js"),Ye=require("./theme/ds-theme-provider.js"),Ze=require("./v2_theme/types.js"),$e=require("./theme/use-theme-mode.js");exports.Accordion=e.Accordion,exports.Alert=r.Alert,exports.LoadingSpinner=t.LoadingSpinner,exports.LoadingDots=o.LoadingDots,exports.LoadingDotsSpinner=i.LoadingDotsSpinner,exports.ThemedLoadingSpinner=s.ThemedLoadingSpinner,exports.Avatar=n.Avatar,exports.Badge=p.Badge,exports.BoxContainer=a.BoxContainer,exports.Breadcrumb=u.Breadcrumb,exports.Button=l.Button,exports.ButtonWithIcon=x.ButtonWithIcon,exports.Calendar=d.Calendar,exports.Card=m.Card,exports.Checkbox=g.Checkbox,exports.CountdownTimer=c.CountdownTimer,exports.DataTable=j.DataTable,exports.DateInput=h.DateInput,exports.DateNavigator=T.DateNavigator,exports.DateRangeInput=q.DateRangeInput,exports.Divider=b.Divider,exports.Drawer=S.Drawer,exports.ESignature=v.ESignature,exports.ErrorDisplay=y.ErrorDisplay,Object.defineProperty(exports,"ErrorDisplayHelper",{enumerable:!0,get:function(){return B.ErrorDisplayHelper}}),exports.FeedbackRating=k.FeedbackRating,exports.FileDownload=I.FileDownload,exports.FileUpload=_.FileUpload,exports.Filter=M.Filter,exports.Footer=V.Footer,exports.Form=C.Form,exports.Component=P.Component,exports.FullscreenImageCarousel=P.FullscreenImageCarousel,exports.HistogramSlider=w.HistogramSlider,exports.IconButton=D.IconButton,exports.ImageButton=f.ImageButton,exports.Input=L.Input,exports.InputGroup=R.InputGroup,exports.InputMultiSelect=F.InputMultiSelect,exports.InputNestedMultiSelect=G.InputNestedMultiSelect,exports.InputNestedSelect=N.InputNestedSelect,exports.InputRangeSelect=W.InputRangeSelect,exports.InputRangeSlider=A.InputRangeSlider,exports.InputSelect=O.InputSelect,exports.InputSlider=H.InputSlider,exports.Textarea=E.Textarea,exports.LanguageSwitcher=U.LanguageSwitcher,exports.Layout=Q.Layout,exports.LinkList=K.LinkList,exports.Markup=z.Markup,exports.MaskedInput=J.MaskedInput,exports.Masonry=X.Masonry,exports.Masthead=Y.Masthead,exports.Menu=Z.Menu,exports.MenuTrigger=Z.MenuTrigger,exports.Modal=$.Modal,exports.ModalV2=ee.ModalV2,exports.Navbar=re.Navbar,exports.NBComponent=te.NBComponent,exports.NotificationBanner=te.NotificationBanner,exports.withNotificationBanner=oe.withNotificationBanner,exports.OtpInput=ie.OtpInput,exports.Overlay=se.Overlay,exports.Pagination=ne.Pagination,exports.PhoneNumberInput=pe.PhoneNumberInput,exports.Pill=ae.Pill,exports.withPopover=ue.withPopover,exports.Popover=le.Popover,exports.PopoverV2=xe.PopoverV2,exports.PopoverInline=de.PopoverInline,exports.PopoverTrigger=me.PopoverTrigger,exports.PredictiveTextInput=ge.PredictiveTextInput,exports.ProgressIndicator=ce.ProgressIndicator,exports.RadioButton=je.RadioButton,exports.SelectHistogram=he.SelectHistogram,exports.Sidenav=Te.Sidenav,exports.SingpassButton=qe.SingpassButton,exports.SmartAppBanner=be.SmartAppBanner,exports.Tab=Se.Tab,exports.Table=ve.Table,exports.Tag=ye.Tag,exports.TextList=Be.TextList,exports.A11yPlaygroundTheme=ke.A11yPlaygroundTheme,exports.BookingSGTheme=ke.BookingSGTheme,exports.Border=ke.Border,exports.Breakpoint=ke.Breakpoint,exports.CCubeTheme=ke.CCubeTheme,exports.Colour=ke.Colour,exports.Font=ke.Font,exports.IMDATheme=ke.IMDATheme,exports.LifeSGTheme=ke.LifeSGTheme,exports.MediaQuery=ke.MediaQuery,exports.Motion=ke.Motion,exports.MyLegacyTheme=ke.MyLegacyTheme,exports.OneServiceTheme=ke.OneServiceTheme,exports.PATheme=ke.PATheme,exports.RBSTheme=ke.RBSTheme,exports.Radius=ke.Radius,exports.SGWDigitalLobbyTheme=ke.SGWDigitalLobbyTheme,exports.SGWDigitalLobbyThemeBase=ke.SGWDigitalLobbyThemeBase,exports.SMGSTheme=ke.SMGSTheme,exports.SPFTheme=ke.SPFTheme,exports.Shadow=ke.Shadow,exports.Spacing=ke.Spacing,exports.SupportGoWhereTheme=ke.SupportGoWhereTheme,exports.SupportGoWhereThemeBase=ke.SupportGoWhereThemeBase,exports.ThemeComponent=ke.ThemeComponent,exports.TimeRangePicker=Ie.TimeRangePicker,exports.TimeSlotBar=_e.TimeSlotBar,exports.TimeSlotBarWeek=Me.TimeSlotBarWeek,exports.TimeSlotWeekView=Ve.TimeSlotWeekView,exports.Timeline=Ce.Timeline,exports.Timepicker=Pe.Timepicker,exports.TimeTable=we.TimeTable,exports.Toast=De.Toast,exports.Toggle=fe.Toggle,exports.Tooltip=Le.Tooltip,exports.withTooltip=Re.withTooltip,Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return Fe.Typography}}),exports.UneditableSection=Ge.UneditableSection,exports.UnitNumberInput=Ne.UnitNumberInput,exports.V2_Color=We.V2_Color,exports.V2_DesignToken=Ae.V2_DesignToken,exports.V2_Layout=Oe.V2_Layout,exports.V2_MediaQuery=He.V2_MediaQuery,exports.V2_MediaWidths=He.V2_MediaWidths,exports.V2_TextStyleHelper=Ee.V2_TextStyleHelper,exports.V2_TextStyle=Ue.V2_TextStyle,Object.defineProperty(exports,"V2_Text",{enumerable:!0,get:function(){return Qe.V2_Text}}),Object.defineProperty(exports,"RedirectScope",{enumerable:!0,get:function(){return Ke.RedirectScope}}),exports.V2_TextList=ze.V2_TextList,exports.V2_BaseTheme=Je.V2_BaseTheme,exports.V2_BookingSGTheme=Je.V2_BookingSGTheme,exports.V2_CCubeTheme=Je.V2_CCubeTheme,exports.V2_MyLegacyTheme=Je.V2_MyLegacyTheme,exports.V2_OneServiceTheme=Je.V2_OneServiceTheme,exports.V2_RBSTheme=Je.V2_RBSTheme,exports.V2_Transition=Xe.V2_Transition,exports.DSThemeProvider=Ye.DSThemeProvider,Object.defineProperty(exports,"V2_ThemeContextKeys",{enumerable:!0,get:function(){return Ze.V2_ThemeContextKeys}}),exports.createThemeWithColourMode=$e.createThemeWithColourMode,exports.getSystemColourMode=$e.getSystemColourMode,exports.useDSTheme=$e.useDSTheme;
+"use strict";var e=require("./accordion/accordion.js"),r=require("./alert/alert.js"),t=require("./animations/loading-spinner/loading-spinner.js"),o=require("./animations/loading-dots/loading-dots.js"),i=require("./animations/loading-dots-spinner/loading-dots-spinner.js"),s=require("./animations/themed-loading-spinner/themed-loading-spinner.js"),n=require("./avatar/avatar.js"),p=require("./badge/badge.js"),a=require("./box-container/box-container.js"),u=require("./breadcrumb/breadcrumb.js"),l=require("./button/button.js"),x=require("./button-with-icon/button-with-icon.js"),d=require("./calendar/calendar.js"),m=require("./card/card.js"),g=require("./checkbox/checkbox.js"),c=require("./countdown-timer/countdown-timer.js"),h=require("./data-table/data-table.js"),T=require("./date-input/date-input.js"),j=require("./date-navigator/date-navigator.js"),q=require("./date-range-input/date-range-input.js"),b=require("./divider/divider.js"),S=require("./drawer/drawer.js"),v=require("./e-signature/e-signature.js"),y=require("./error-display/error-display.js"),B=require("./error-display/helper.js"),k=require("./feedback-rating/feedback-rating.js"),I=require("./file-download/file-download.js"),_=require("./file-upload/file-upload.js"),C=require("./filter/filter.js"),M=require("./footer/footer.js"),V=require("./form/index.js"),P=require("./fullscreen-image-carousel/fullscreen-image-carousel.js"),w=require("./histogram-slider/histogram-slider.js"),D=require("./icon-button/icon-button.js"),f=require("./image-button/image-button.js"),L=require("./input/input.js"),R=require("./input-group/input-group.js"),F=require("./input-multi-select/input-multi-select.js"),G=require("./input-nested-multi-select/input-nested-multi-select.js"),N=require("./input-nested-select/input-nested-select.js"),W=require("./input-range-select/input-range-select.js"),A=require("./input-range-slider/input-range-slider.js"),O=require("./input-select/input-select.js"),H=require("./input-slider/input-slider.js"),E=require("./input-textarea/textarea.js"),U=require("./language-switcher/language-switcher.js"),Q=require("./layout/index.js"),K=require("./link-list/link-list.js"),z=require("./markup/markup.js"),J=require("./masked-input/masked-input.js"),X=require("./masonry/masonry.js"),Y=require("./masthead/masthead.js"),Z=require("./menu/menu.js"),$=require("./modal/index.js"),ee=require("./modal-v2/index.js"),re=require("./navbar/navbar.js"),te=require("./notification-banner/notification-banner.js"),oe=require("./notification-banner/notification-banner-hoc.js"),ie=require("./otp-input/otp-input.js"),se=require("./overlay/overlay.js"),ne=require("./pagination/pagination.js"),pe=require("./phone-number-input/phone-number-input.js"),ae=require("./pill/pill.js"),ue=require("./popover/popover-hoc.js"),le=require("./popover/popover.js"),xe=require("./popover-v2/popover.js"),de=require("./popover-v2/popover-inline/popover-inline.js"),me=require("./popover-v2/popover-trigger.js"),ge=require("./predictive-text-input/predictive-text-input.js"),ce=require("./progress-indicator/progress-indicator.js"),he=require("./radio-button/radio-button.js"),Te=require("./select-histogram/select-histogram.js"),je=require("./sidenav/sidenav.js"),qe=require("./singpass-button/singpass-button.js"),be=require("./smart-app-banner/smart-app-banner.js"),Se=require("./tab/tab.js"),ve=require("./table/table.js"),ye=require("./tag/tag.js"),Be=require("./text-list/index.js"),ke=require("./theme/index.js"),Ie=require("./time-range-picker/time-range-picker.js"),_e=require("./time-slot-bar/time-slot-bar.js"),Ce=require("./time-slot-bar-week/time-slot-bar-week.js"),Me=require("./time-slot-week-view/time-slot-week-view.js"),Ve=require("./timeline/timeline.js"),Pe=require("./timepicker/timepicker.js"),we=require("./timetable/timetable.js"),De=require("./toast/toast.js"),fe=require("./toggle/toggle.js"),Le=require("./tooltip/tooltip.js"),Re=require("./tooltip/tooltip-hoc.js"),Fe=require("./typography/typography.js"),Ge=require("./uneditable-section/index.js"),Ne=require("./unit-number/unit-number-input.js"),We=require("./v2_color/color.js"),Ae=require("./v2_design-token/design-token.js"),Oe=require("./v2_layout/index.js"),He=require("./v2_media/media.js"),Ee=require("./v2_text/helper.js"),Ue=require("./v2_text/text-style.js"),Qe=require("./v2_text/text.js"),Ke=require("./v2_text/types.js"),ze=require("./v2_text-list/index.js"),Je=require("./v2_theme/index.js"),Xe=require("./v2_transition/index.js"),Ye=require("./theme/ds-theme-provider.js"),Ze=require("./v2_theme/types.js"),$e=require("./theme/use-theme-mode.js");exports.Accordion=e.Accordion,exports.Alert=r.Alert,exports.LoadingSpinner=t.LoadingSpinner,exports.LoadingDots=o.LoadingDots,exports.LoadingDotsSpinner=i.LoadingDotsSpinner,exports.ThemedLoadingSpinner=s.ThemedLoadingSpinner,exports.Avatar=n.Avatar,exports.Badge=p.Badge,exports.BoxContainer=a.BoxContainer,exports.Breadcrumb=u.Breadcrumb,exports.Button=l.Button,exports.ButtonWithIcon=x.ButtonWithIcon,exports.Calendar=d.Calendar,exports.Card=m.Card,exports.Checkbox=g.Checkbox,exports.CountdownTimer=c.CountdownTimer,exports.DataTable=h.DataTable,exports.DateInput=T.DateInput,exports.DateNavigator=j.DateNavigator,exports.DateRangeInput=q.DateRangeInput,exports.Divider=b.Divider,exports.Drawer=S.Drawer,exports.ESignature=v.ESignature,exports.ErrorDisplay=y.ErrorDisplay,Object.defineProperty(exports,"ErrorDisplayHelper",{enumerable:!0,get:function(){return B.ErrorDisplayHelper}}),exports.FeedbackRating=k.FeedbackRating,exports.FileDownload=I.FileDownload,exports.FileUpload=_.FileUpload,exports.Filter=C.Filter,exports.Footer=M.Footer,exports.Form=V.Form,exports.Component=P.Component,exports.FullscreenImageCarousel=P.FullscreenImageCarousel,exports.HistogramSlider=w.HistogramSlider,exports.IconButton=D.IconButton,exports.ImageButton=f.ImageButton,exports.Input=L.Input,exports.InputGroup=R.InputGroup,exports.InputMultiSelect=F.InputMultiSelect,exports.InputNestedMultiSelect=G.InputNestedMultiSelect,exports.InputNestedSelect=N.InputNestedSelect,exports.InputRangeSelect=W.InputRangeSelect,exports.InputRangeSlider=A.InputRangeSlider,exports.InputSelect=O.InputSelect,exports.InputSlider=H.InputSlider,exports.Textarea=E.Textarea,exports.LanguageSwitcher=U.LanguageSwitcher,exports.Layout=Q.Layout,exports.LinkList=K.LinkList,exports.Markup=z.Markup,exports.MaskedInput=J.MaskedInput,exports.Masonry=X.Masonry,exports.Masthead=Y.Masthead,exports.Menu=Z.Menu,exports.MenuTrigger=Z.MenuTrigger,exports.Modal=$.Modal,exports.ModalV2=ee.ModalV2,exports.Navbar=re.Navbar,exports.NBComponent=te.NBComponent,exports.NotificationBanner=te.NotificationBanner,exports.withNotificationBanner=oe.withNotificationBanner,exports.OtpInput=ie.OtpInput,exports.Overlay=se.Overlay,exports.Pagination=ne.Pagination,exports.PhoneNumberInput=pe.PhoneNumberInput,exports.Pill=ae.Pill,exports.withPopover=ue.withPopover,exports.Popover=le.Popover,exports.PopoverV2=xe.PopoverV2,exports.PopoverInline=de.PopoverInline,exports.PopoverTrigger=me.PopoverTrigger,exports.PredictiveTextInput=ge.PredictiveTextInput,exports.ProgressIndicator=ce.ProgressIndicator,exports.RadioButton=he.RadioButton,exports.SelectHistogram=Te.SelectHistogram,exports.Sidenav=je.Sidenav,exports.SingpassButton=qe.SingpassButton,exports.SmartAppBanner=be.SmartAppBanner,exports.Tab=Se.Tab,exports.Table=ve.Table,exports.Tag=ye.Tag,exports.TextList=Be.TextList,exports.A11yPlaygroundTheme=ke.A11yPlaygroundTheme,exports.BookingSGTheme=ke.BookingSGTheme,exports.Border=ke.Border,exports.Breakpoint=ke.Breakpoint,exports.CCubeTheme=ke.CCubeTheme,exports.CareerCompassTheme=ke.CareerCompassTheme,exports.Colour=ke.Colour,exports.Font=ke.Font,exports.IMDATheme=ke.IMDATheme,exports.LifeSGTheme=ke.LifeSGTheme,exports.MediaQuery=ke.MediaQuery,exports.Motion=ke.Motion,exports.MyLegacyTheme=ke.MyLegacyTheme,exports.OneServiceTheme=ke.OneServiceTheme,exports.PATheme=ke.PATheme,exports.RBSTheme=ke.RBSTheme,exports.Radius=ke.Radius,exports.SGWDigitalLobbyTheme=ke.SGWDigitalLobbyTheme,exports.SGWDigitalLobbyThemeBase=ke.SGWDigitalLobbyThemeBase,exports.SMGSTheme=ke.SMGSTheme,exports.SPFTheme=ke.SPFTheme,exports.Shadow=ke.Shadow,exports.Spacing=ke.Spacing,exports.SupportGoWhereTheme=ke.SupportGoWhereTheme,exports.SupportGoWhereThemeBase=ke.SupportGoWhereThemeBase,exports.ThemeComponent=ke.ThemeComponent,exports.TimeRangePicker=Ie.TimeRangePicker,exports.TimeSlotBar=_e.TimeSlotBar,exports.TimeSlotBarWeek=Ce.TimeSlotBarWeek,exports.TimeSlotWeekView=Me.TimeSlotWeekView,exports.Timeline=Ve.Timeline,exports.Timepicker=Pe.Timepicker,exports.TimeTable=we.TimeTable,exports.Toast=De.Toast,exports.Toggle=fe.Toggle,exports.Tooltip=Le.Tooltip,exports.withTooltip=Re.withTooltip,Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return Fe.Typography}}),exports.UneditableSection=Ge.UneditableSection,exports.UnitNumberInput=Ne.UnitNumberInput,exports.V2_Color=We.V2_Color,exports.V2_DesignToken=Ae.V2_DesignToken,exports.V2_Layout=Oe.V2_Layout,exports.V2_MediaQuery=He.V2_MediaQuery,exports.V2_MediaWidths=He.V2_MediaWidths,exports.V2_TextStyleHelper=Ee.V2_TextStyleHelper,exports.V2_TextStyle=Ue.V2_TextStyle,Object.defineProperty(exports,"V2_Text",{enumerable:!0,get:function(){return Qe.V2_Text}}),Object.defineProperty(exports,"RedirectScope",{enumerable:!0,get:function(){return Ke.RedirectScope}}),exports.V2_TextList=ze.V2_TextList,exports.V2_BaseTheme=Je.V2_BaseTheme,exports.V2_BookingSGTheme=Je.V2_BookingSGTheme,exports.V2_CCubeTheme=Je.V2_CCubeTheme,exports.V2_MyLegacyTheme=Je.V2_MyLegacyTheme,exports.V2_OneServiceTheme=Je.V2_OneServiceTheme,exports.V2_RBSTheme=Je.V2_RBSTheme,exports.V2_Transition=Xe.V2_Transition,exports.DSThemeProvider=Ye.DSThemeProvider,Object.defineProperty(exports,"V2_ThemeContextKeys",{enumerable:!0,get:function(){return Ze.V2_ThemeContextKeys}}),exports.createThemeWithColourMode=$e.createThemeWithColourMode,exports.getSystemColourMode=$e.getSystemColourMode,exports.useDSTheme=$e.useDSTheme;
 //# sourceMappingURL=index.js.map

package/cjs/shared/standalone-date-input/standalone-date-input.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../external/dayjs/dayjs.min.js"),n=require("../../external/dayjs/plugin/customParseFormat.js"),r=require("react");require("../../util/calendar-helper.js"),require("../../util/date-helper.js");var a=require("../../util/date-input-helper.js");require("../../util/simple-id-generator.js");var u=require("../../util/string-helper.js");require("@react-aria/live-announcer");var l=require("../../util/use-state-ref.js"),o=require("./standalone-date-input.style.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);t.default.extend(n.default);const c=({disabled:n,readOnly:i,names:s,value:c,focused:d,hoverValue:p,placeholder:f,label:h,onChange:v,onFocus:m,onBlur:g,hideInputKeyboard:y,inputLabels:x=["Date","Month","Year"]},j)=>{const Y=y?"none":"numeric",[b,D,I]=l.useStateRef(""),[S,M,$]=l.useStateRef(""),[q,C,R]=l.useStateRef(""),[k,w]=r.useState("none"),[B,F]=r.useState(!1),V=r.useRef(null),E=r.useRef(null),H=r.useRef(null),z=r.useRef(null),[L,O,K]=N(p);r.useEffect((()=>{var e;const[t="",n="",r=""]=N(c);D(t),M(n),C(r),t||n||r||!V.current||!V.current.contains(document.activeElement)||null===(e=E.current)||void 0===e||e.focus()}),[c]),r.useEffect((()=>{var e;d||w("none"),d&&(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))}),[d]),r.useImperativeHandle(j,(()=>({ref:V,resetPlaceholder(){F(!1)},resetInput(){const[e="",t="",n=""]=N(c);D(e),M(t),C(n)},focusYearRef(){var e;null===(e=z.current)||void 0===e||e.focus()}})),[D,M,C,c]);const P=e=>{var t;e.preventDefault(),null===(t=E.current)||void 0===t||t.focus()},T=e=>{e.target.select();const t=e.target.name;w(t)},A=e=>{const[n,r,a]=s,l={[n]:I.current,[r]:$.current,[a]:R.current},o=e.target.name,i=l[o],c=o!==a?u.StringHelper.padValue(i,!0):i;switch(o){case n:l[n]=c,D(c);break;case r:l[r]=c,M(c)}const d=`${l[a]}-${l[r]}-${l[n]}`,p=t.default(d,"YYYY-MM-DD",!0).isValid(),f=!l[n]&&!l[r]&&!l[a];p&&i!==c&&v(d),V.current&&!V.current.contains(e.relatedTarget)&&(w("none"),null==g||g(f||p))},G=e=>{var n,r;if(p)return;const a=e.target.name,u=e.target.value.replace(/[^0-9]/g,""),l={day:b,month:S,year:q};switch(a){case s[0]:l.day=u,D(u),2===u.length&&(null===(n=H.current)||void 0===n||n.focus());break;case s[1]:l.month=u,M(u),2===u.length&&(null===(r=z.current)||void 0===r||r.focus());break;case s[2]:l.year=u,C(u)}if(!l.day&&!l.month&&!l.year)return void v("");const o=`${l.year}-${l.month}-${l.day}`;t.default(o,"YYYY-MM-DD",!0).isValid()&&v(o)},J=e=>{var t,n;"Backspace"!==e.code&&"Backspace"!==e.key||(k===s[1]&&0===S.length&&(null===(t=E.current)||void 0===t||t.focus()),k===s[2]&&0===q.length&&(null===(n=H.current)||void 0===n||n.focus()))};function N(e){if(e){const n=a.DateInputHelper.sanitizeInput(e);if(!n)return[void 0,void 0,void 0];const r=t.default(n,"YYYY-MM-DD",!0);return[u.StringHelper.padValue(r.date().toString()),u.StringHelper.padValue((r.month()+1).toString()),r.year().toString()]}return[void 0,void 0,void 0]}return e.jsxs(o.InputSection,{role:"group","aria-label":h,onClick:()=>{var e;n||i||(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))},onFocus:e=>{n||(F(!0),d||null==m||m(e))},children:[e.jsxs(o.InputContainer,{ref:V,$hover:!!p,children:[e.jsx(o.DayInputSizer,{children:e.jsx(o.DayInput,{ref:E,name:s[0],maxLength:2,value:null!=L?L:b,onFocus:T,onBlur:A,onChange:G,type:"text",inputMode:Y,pattern:"[0-9]{2}","data-testid":`${s[0]}-input`,"aria-label":x[0],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[0]||i?"DD":""})}),e.jsx(o.Divider,{$inactive:0===b.length,children:"/"}),e.jsx(o.MonthInputSizer,{children:e.jsx(o.MonthInput,{ref:H,name:s[1],maxLength:2,value:null!=O?O:S,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:Y,pattern:"[0-9]{2}","data-testid":`${s[1]}-input`,"aria-label":x[1],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[1]||i?"MM":""})}),e.jsx(o.Divider,{$inactive:0===S.length,children:"/"}),e.jsx(o.YearInputSizer,{children:e.jsx(o.YearInput,{ref:z,name:s[2],maxLength:4,value:null!=K?K:q,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:Y,pattern:"[0-9]{4}","data-testid":`${s[2]}-input`,"aria-label":x[2],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[2]||i?"YYYY":""})})]}),(()=>{if(!c&&!i&&f)return e.jsx(o.Placeholder,{$hide:B,$disabled:n,onMouseDown:P,children:f})})()]})},d=s.default.forwardRef(c);exports.Component=c,exports.StandaloneDateInput=d;
+"use strict";var e=require("react/jsx-runtime"),t=require("../../external/dayjs/dayjs.min.js"),n=require("../../external/dayjs/plugin/customParseFormat.js"),r=require("react");require("../../util/calendar-helper.js"),require("../../util/date-helper.js");var a=require("../../util/date-input-helper.js");require("../../util/simple-id-generator.js");var u=require("../../util/string-helper.js");require("@react-aria/live-announcer");var l=require("../../util/use-state-ref.js"),o=require("./standalone-date-input.style.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);t.default.extend(n.default);const c=({disabled:n,readOnly:i,names:s,value:c,focused:d,hoverValue:p,placeholder:f,label:h,onChange:v,onFocus:m,onBlur:g,hideInputKeyboard:y,inputLabels:x=["Date","Month","Year"]},j)=>{const b=y?"none":"numeric",[Y,D,I]=l.useStateRef(""),[S,$,M]=l.useStateRef(""),[q,C,R]=l.useStateRef(""),[k,w]=r.useState("none"),[B,F]=r.useState(!1),V=r.useRef(null),E=r.useRef(null),H=r.useRef(null),z=r.useRef(null),[L,O,K]=N(p);r.useEffect((()=>{var e;const[t="",n="",r=""]=N(c);D(t),$(n),C(r),t||n||r||!V.current||!V.current.contains(document.activeElement)||null===(e=E.current)||void 0===e||e.focus()}),[c]),r.useEffect((()=>{var e;d||w("none"),d&&(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))}),[d]),r.useImperativeHandle(j,(()=>({ref:V,resetPlaceholder(){F(!1)},resetInput(){const[e="",t="",n=""]=N(c);D(e),$(t),C(n)},focusYearRef(){var e;null===(e=z.current)||void 0===e||e.focus()}})),[D,$,C,c]);const P=e=>{var t;e.preventDefault(),null===(t=E.current)||void 0===t||t.focus()},T=e=>{e.target.select();const t=e.target.name;w(t)},A=e=>{const[n,r,a]=s,l={[n]:I.current,[r]:M.current,[a]:R.current},o=e.target.name,i=l[o],c=o!==a?u.StringHelper.padValue(i,!0):i;switch(o){case n:l[n]=c,D(c);break;case r:l[r]=c,$(c)}const d=`${l[a]}-${l[r]}-${l[n]}`,p=t.default(d,"YYYY-MM-DD",!0).isValid(),f=!l[n]&&!l[r]&&!l[a];p&&i!==c&&v(d),V.current&&!V.current.contains(e.relatedTarget)&&(w("none"),null==g||g(f||p))},G=e=>{var n,r;if(p)return;const a=e.target.name,u=e.target.value.replace(/[^0-9]/g,""),l={day:Y,month:S,year:q};switch(a){case s[0]:l.day=u,D(u),2===u.length&&(null===(n=H.current)||void 0===n||n.focus());break;case s[1]:l.month=u,$(u),2===u.length&&(null===(r=z.current)||void 0===r||r.focus());break;case s[2]:l.year=u,C(u)}if(!l.day&&!l.month&&!l.year)return void v("");const o=`${l.year}-${l.month}-${l.day}`;t.default(o,"YYYY-MM-DD",!0).isValid()&&v(o)},J=e=>{var t,n;"Backspace"!==e.code&&"Backspace"!==e.key||(k===s[1]&&0===S.length&&(null===(t=E.current)||void 0===t||t.focus()),k===s[2]&&0===q.length&&(null===(n=H.current)||void 0===n||n.focus()))};function N(e){if(e){const n=a.DateInputHelper.sanitizeInput(e);if(!n)return[void 0,void 0,void 0];const r=t.default(n,"YYYY-MM-DD",!0);return[u.StringHelper.padValue(r.date().toString()),u.StringHelper.padValue((r.month()+1).toString()),r.year().toString()]}return[void 0,void 0,void 0]}return e.jsxs(o.InputSection,{role:"group","aria-label":h,onClick:()=>{var e;n||i||(F(!0),V.current&&!V.current.contains(document.activeElement)&&(null===(e=E.current)||void 0===e||e.focus()))},onFocus:e=>{n||(F(!0),d||null==m||m(e))},children:[e.jsxs(o.InputContainer,{ref:V,$hover:!!p,children:[e.jsx(o.DayInputSizer,{children:e.jsx(o.DayInput,{ref:E,name:s[0],maxLength:2,value:null!=L?L:Y,onFocus:T,onBlur:A,onChange:G,type:"text",inputMode:b,pattern:"[0-9]{2}","data-testid":`${s[0]}-input`,"aria-label":x[0],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[0]||i?"DD":""})}),e.jsx(o.Divider,{$inactive:0===Y.length,$disabled:n,children:"/"}),e.jsx(o.MonthInputSizer,{children:e.jsx(o.MonthInput,{ref:H,name:s[1],maxLength:2,value:null!=O?O:S,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:b,pattern:"[0-9]{2}","data-testid":`${s[1]}-input`,"aria-label":x[1],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[1]||i?"MM":""})}),e.jsx(o.Divider,{$inactive:0===S.length,$disabled:n,children:"/"}),e.jsx(o.YearInputSizer,{children:e.jsx(o.YearInput,{ref:z,name:s[2],maxLength:4,value:null!=K?K:q,onFocus:T,onBlur:A,onChange:G,onKeyDown:J,type:"text",inputMode:b,pattern:"[0-9]{4}","data-testid":`${s[2]}-input`,"aria-label":x[2],disabled:n,readOnly:i,tabIndex:i?-1:0,autoComplete:"off",placeholder:k!==s[2]||i?"YYYY":""})})]}),(()=>{if(!c&&!i&&f)return e.jsx(o.Placeholder,{$hide:B,$disabled:n,onMouseDown:P,children:f})})()]})},d=s.default.forwardRef(c);exports.Component=c,exports.StandaloneDateInput=d;
 //# sourceMappingURL=standalone-date-input.js.map

package/cjs/shared/standalone-date-input/standalone-date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"standalone-date-input.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport { DateInputHelper, StringHelper, useStateRef } from \"../../util\";\nimport {\n    DayInput,\n    DayInputSizer,\n    Divider,\n    InputContainer,\n    InputSection,\n    MonthInput,\n    MonthInputSizer,\n    Placeholder,\n    YearInput,\n    YearInputSizer,\n} from \"./standalone-date-input.style\";\n\ndayjs.extend(customParseFormat);\n\ntype StartInputNames = [\"start-day\", \"start-month\", \"start-year\"];\ntype EndInputNames = [\"end-day\", \"end-month\", \"end-year\"];\n\nexport type FieldType =\n    | StartInputNames[number]\n    | EndInputNames[number]\n    | \"none\";\n\ninterface Props {\n    disabled?: boolean | undefined;\n    readOnly?: boolean | undefined;\n    hideInputKeyboard?: boolean | undefined;\n    names: StartInputNames | EndInputNames;\n    value: string | undefined;\n    hoverValue?: string | undefined;\n    focused: boolean;\n    placeholder?: string | undefined;\n    label?: string | undefined;\n    inputLabels?: string[] | undefined;\n    onChange: (value: string) => void;\n    onFocus?: ((event: React.FocusEvent) => void) | undefined;\n    onBlur?: ((valid: boolean) => void) | undefined;\n}\n\nexport interface StandaloneDateInputRef {\n    ref: React.RefObject<HTMLDivElement>;\n    resetPlaceholder: () => void;\n    resetInput: () => void;\n    focusYearRef: () => void;\n}\n\nexport const Component = (\n    {\n        disabled,\n        readOnly,\n        names,\n        value,\n        focused,\n        hoverValue,\n        placeholder,\n        label,\n        onChange,\n        onFocus,\n        onBlur,\n        hideInputKeyboard,\n        inputLabels = [\"Date\", \"Month\", \"Year\"],\n    }: Props,\n    ref: React.ForwardedRef<StandaloneDateInputRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const inputMode = hideInputKeyboard ? \"none\" : \"numeric\";\n\n    const [dayValue, setDayValue, dayValueRef] = useStateRef<string>(\"\");\n    const [monthValue, setMonthValue, monthValueRef] = useStateRef<string>(\"\");\n    const [yearValue, setYearValue, yearValueRef] = useStateRef<string>(\"\");\n    const [currentFocus, setCurrentFocus] = useState<FieldType>(\"none\");\n    const [hidePlaceholder, setHidePlaceholder] = useState<boolean>(false);\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const dayInputRef = useRef<HTMLInputElement>(null);\n    const monthInputRef = useRef<HTMLInputElement>(null);\n    const yearInputRef = useRef<HTMLInputElement>(null);\n\n    const [hoverDayValue, hoverMonthValue, hoverYearValue] =\n        parseToInputValues(hoverValue);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        const [day = \"\", month = \"\", year = \"\"] = parseToInputValues(value);\n        setDayValue(day);\n        setMonthValue(month);\n        setYearValue(year);\n\n        // re-focus on day input if all 3 inputs get cleared while typing\n        if (\n            !day &&\n            !month &&\n            !year &&\n            nodeRef.current &&\n            nodeRef.current.contains(document.activeElement)\n        )\n            dayInputRef.current?.focus();\n    }, [value]);\n\n    useEffect(() => {\n        // clear internal focus state\n        if (!focused) {\n            setCurrentFocus(\"none\");\n        }\n\n        // ensure at least one input is focused\n        if (focused) {\n            setHidePlaceholder(true);\n\n            if (\n                nodeRef.current &&\n                !nodeRef.current.contains(document.activeElement)\n            ) {\n                dayInputRef.current?.focus();\n            }\n        }\n    }, [focused]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            ref: nodeRef,\n            resetPlaceholder() {\n                setHidePlaceholder(false);\n            },\n            resetInput() {\n                const [day = \"\", month = \"\", year = \"\"] =\n                    parseToInputValues(value);\n                setDayValue(day);\n                setMonthValue(month);\n                setYearValue(year);\n            },\n            focusYearRef() {\n                yearInputRef.current?.focus();\n            },\n        }),\n        [setDayValue, setMonthValue, setYearValue, value]\n    );\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleSectionClick = () => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        setHidePlaceholder(true);\n\n        if (\n            nodeRef.current &&\n            !nodeRef.current.contains(document.activeElement)\n        ) {\n            dayInputRef.current?.focus();\n        }\n    };\n\n    const handleSectionFocus = (event: React.FocusEvent) => {\n        if (disabled) {\n            return;\n        }\n\n        setHidePlaceholder(true);\n\n        if (!focused) {\n            onFocus?.(event);\n        }\n    };\n\n    const handlePlaceholderClick = (event: React.MouseEvent) => {\n        event.preventDefault();\n        dayInputRef.current?.focus();\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n        event.target.select();\n        const targetName = event.target.name as FieldType;\n        setCurrentFocus(targetName);\n    };\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        const [dayName, monthName, yearName] = names;\n        const date = {\n            [dayName]: dayValueRef.current,\n            [monthName]: monthValueRef.current,\n            [yearName]: yearValueRef.current,\n        };\n\n        const targetName = event.target.name as FieldType;\n        const targetValue = date[targetName];\n\n        // pad single digits for day and month inputs\n\n        const paddedValue =\n            targetName !== yearName\n                ? StringHelper.padValue(targetValue, true)\n                : targetValue;\n\n        switch (targetName) {\n            case dayName:\n                date[dayName] = paddedValue;\n                setDayValue(paddedValue);\n                break;\n            case monthName:\n                date[monthName] = paddedValue;\n                setMonthValue(paddedValue);\n                break;\n            case yearName:\n            default:\n                break;\n        }\n\n        const value = `${date[yearName]}-${date[monthName]}-${date[dayName]}`;\n        const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n        const isEmpty = !date[dayName] && !date[monthName] && !date[yearName];\n        const isPadded = targetValue !== paddedValue;\n\n        if (isValid && isPadded) {\n            onChange(value);\n        }\n\n        if (nodeRef.current && !nodeRef.current.contains(event.relatedTarget)) {\n            // entire field was blurred\n            setCurrentFocus(\"none\");\n            onBlur?.(isEmpty || isValid);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (hoverValue) {\n            // do not modify inputs when selecting date from another source\n            return;\n        }\n\n        const targetName = event.target.name as FieldType;\n        const targetValue = event.target.value.replace(/[^0-9]/g, \"\");\n\n        const date = {\n            day: dayValue,\n            month: monthValue,\n            year: yearValue,\n        };\n\n        switch (targetName) {\n            case names[0]:\n                date.day = targetValue;\n                setDayValue(targetValue);\n                // auto focus the next input once filled in\n                if (targetValue.length === 2) {\n                    monthInputRef.current?.focus();\n                }\n                break;\n            case names[1]:\n                date.month = targetValue;\n                setMonthValue(targetValue);\n                // auto focus the next input once filled in\n                if (targetValue.length === 2) {\n                    yearInputRef.current?.focus();\n                }\n                break;\n            case names[2]:\n                date.year = targetValue;\n                setYearValue(targetValue);\n                break;\n            default:\n                break;\n        }\n\n        if (!date.day && !date.month && !date.year) {\n            onChange(\"\");\n            return;\n        }\n\n        const value = `${date.year}-${date.month}-${date.day}`;\n        const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n\n        if (isValid) {\n            onChange(value);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        /**\n         * Allow going to the field before if user presses Backspace\n         * on an empty field\n         */\n        if (event.code === \"Backspace\" || event.key === \"Backspace\") {\n            if (currentFocus === names[1] && monthValue.length === 0) {\n                dayInputRef.current?.focus();\n            }\n\n            if (currentFocus === names[2] && yearValue.length === 0) {\n                monthInputRef.current?.focus();\n            }\n        }\n    };\n\n    // =============================================================================\n    // HELPERS\n    // =============================================================================\n    function parseToInputValues(stringVal: string | undefined) {\n        if (!stringVal) {\n            return [undefined, undefined, undefined];\n        } else {\n            const sanitized = DateInputHelper.sanitizeInput(stringVal);\n\n            if (!sanitized) {\n                return [undefined, undefined, undefined];\n            }\n\n            const day = dayjs(sanitized, \"YYYY-MM-DD\", true);\n\n            return [\n                StringHelper.padValue(day.date().toString()),\n                StringHelper.padValue((day.month() + 1).toString()),\n                day.year().toString(),\n            ];\n        }\n    }\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderPlaceholder = () => {\n        if (value || readOnly || !placeholder) {\n            return;\n        }\n\n        return (\n            <Placeholder\n                $hide={hidePlaceholder}\n                $disabled={disabled}\n                onMouseDown={handlePlaceholderClick}\n            >\n                {placeholder}\n            </Placeholder>\n        );\n    };\n\n    return (\n        <InputSection\n            role=\"group\"\n            aria-label={label}\n            onClick={handleSectionClick}\n            onFocus={handleSectionFocus}\n        >\n            <InputContainer ref={nodeRef} $hover={!!hoverValue}>\n                <DayInputSizer>\n                    <DayInput\n                        ref={dayInputRef}\n                        name={names[0]}\n                        maxLength={2}\n                        value={hoverDayValue ?? dayValue}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        type=\"text\"\n                        inputMode={inputMode}\n                        pattern=\"[0-9]{2}\"\n                        data-testid={`${names[0]}-input`}\n                        aria-label={inputLabels[0]}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        tabIndex={readOnly ? -1 : 0}\n                        autoComplete=\"off\"\n                        placeholder={\n                            currentFocus === names[0] && !readOnly ? \"\" : \"DD\"\n                        }\n                    />\n                </DayInputSizer>\n                <Divider $inactive={dayValue.length === 0}>/</Divider>\n                <MonthInputSizer>\n                    <MonthInput\n                        ref={monthInputRef}\n                        name={names[1]}\n                        maxLength={2}\n                        value={hoverMonthValue ?? monthValue}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        onKeyDown={handleKeyDown}\n                        type=\"text\"\n                        inputMode={inputMode}\n                        pattern=\"[0-9]{2}\"\n                        data-testid={`${names[1]}-input`}\n                        aria-label={inputLabels[1]}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        tabIndex={readOnly ? -1 : 0}\n                        autoComplete=\"off\"\n                        placeholder={\n                            currentFocus === names[1] && !readOnly ? \"\" : \"MM\"\n                        }\n                    />\n                </MonthInputSizer>\n                <Divider $inactive={monthValue.length === 0}>/</Divider>\n                <YearInputSizer>\n                    <YearInput\n                        ref={yearInputRef}\n                        name={names[2]}\n                        maxLength={4}\n                        value={hoverYearValue ?? yearValue}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        onKeyDown={handleKeyDown}\n                        type=\"text\"\n                        inputMode={inputMode}\n                        pattern=\"[0-9]{4}\"\n                        data-testid={`${names[2]}-input`}\n                        aria-label={inputLabels[2]}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        tabIndex={readOnly ? -1 : 0}\n                        autoComplete=\"off\"\n                        placeholder={\n                            currentFocus === names[2] && !readOnly ? \"\" : \"YYYY\"\n                        }\n                    />\n                </YearInputSizer>\n            </InputContainer>\n            {renderPlaceholder()}\n        </InputSection>\n    );\n};\n\nexport const StandaloneDateInput = React.forwardRef(Component);\n"],"names":["dayjs","extend","customParseFormat","Component","disabled","readOnly","names","value","focused","hoverValue","placeholder","label","onChange","onFocus","onBlur","hideInputKeyboard","inputLabels","ref","inputMode","dayValue","setDayValue","dayValueRef","useStateRef","monthValue","setMonthValue","monthValueRef","yearValue","setYearValue","yearValueRef","currentFocus","setCurrentFocus","useState","hidePlaceholder","setHidePlaceholder","nodeRef","useRef","dayInputRef","monthInputRef","yearInputRef","hoverDayValue","hoverMonthValue","hoverYearValue","parseToInputValues","useEffect","day","month","year","current","contains","document","activeElement","_a","focus","useImperativeHandle","resetPlaceholder","resetInput","focusYearRef","handlePlaceholderClick","event","preventDefault","handleInputFocus","target","select","targetName","name","handleInputBlur","dayName","monthName","yearName","date","targetValue","paddedValue","StringHelper","padValue","isValid","isEmpty","relatedTarget","handleInputChange","replace","length","_b","handleKeyDown","code","key","stringVal","sanitized","DateInputHelper","sanitizeInput","undefined","toString","_jsxs","InputSection","role","onClick","children","InputContainer","$hover","_jsx","DayInputSizer","DayInput","maxLength","type","pattern","tabIndex","autoComplete","Divider","$inactive","MonthInputSizer","MonthInput","onKeyDown","YearInputSizer","YearInput","Placeholder","$hide","$disabled","onMouseDown","renderPlaceholder","StandaloneDateInput","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"standalone-date-input.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport React, { useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport { DateInputHelper, StringHelper, useStateRef } from \"../../util\";\nimport {\n    DayInput,\n    DayInputSizer,\n    Divider,\n    InputContainer,\n    InputSection,\n    MonthInput,\n    MonthInputSizer,\n    Placeholder,\n    YearInput,\n    YearInputSizer,\n} from \"./standalone-date-input.style\";\n\ndayjs.extend(customParseFormat);\n\ntype StartInputNames = [\"start-day\", \"start-month\", \"start-year\"];\ntype EndInputNames = [\"end-day\", \"end-month\", \"end-year\"];\n\nexport type FieldType =\n    | StartInputNames[number]\n    | EndInputNames[number]\n    | \"none\";\n\ninterface Props {\n    disabled?: boolean | undefined;\n    readOnly?: boolean | undefined;\n    hideInputKeyboard?: boolean | undefined;\n    names: StartInputNames | EndInputNames;\n    value: string | undefined;\n    hoverValue?: string | undefined;\n    focused: boolean;\n    placeholder?: string | undefined;\n    label?: string | undefined;\n    inputLabels?: string[] | undefined;\n    onChange: (value: string) => void;\n    onFocus?: ((event: React.FocusEvent) => void) | undefined;\n    onBlur?: ((valid: boolean) => void) | undefined;\n}\n\nexport interface StandaloneDateInputRef {\n    ref: React.RefObject<HTMLDivElement>;\n    resetPlaceholder: () => void;\n    resetInput: () => void;\n    focusYearRef: () => void;\n}\n\nexport const Component = (\n    {\n        disabled,\n        readOnly,\n        names,\n        value,\n        focused,\n        hoverValue,\n        placeholder,\n        label,\n        onChange,\n        onFocus,\n        onBlur,\n        hideInputKeyboard,\n        inputLabels = [\"Date\", \"Month\", \"Year\"],\n    }: Props,\n    ref: React.ForwardedRef<StandaloneDateInputRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const inputMode = hideInputKeyboard ? \"none\" : \"numeric\";\n\n    const [dayValue, setDayValue, dayValueRef] = useStateRef<string>(\"\");\n    const [monthValue, setMonthValue, monthValueRef] = useStateRef<string>(\"\");\n    const [yearValue, setYearValue, yearValueRef] = useStateRef<string>(\"\");\n    const [currentFocus, setCurrentFocus] = useState<FieldType>(\"none\");\n    const [hidePlaceholder, setHidePlaceholder] = useState<boolean>(false);\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const dayInputRef = useRef<HTMLInputElement>(null);\n    const monthInputRef = useRef<HTMLInputElement>(null);\n    const yearInputRef = useRef<HTMLInputElement>(null);\n\n    const [hoverDayValue, hoverMonthValue, hoverYearValue] =\n        parseToInputValues(hoverValue);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        const [day = \"\", month = \"\", year = \"\"] = parseToInputValues(value);\n        setDayValue(day);\n        setMonthValue(month);\n        setYearValue(year);\n\n        // re-focus on day input if all 3 inputs get cleared while typing\n        if (\n            !day &&\n            !month &&\n            !year &&\n            nodeRef.current &&\n            nodeRef.current.contains(document.activeElement)\n        )\n            dayInputRef.current?.focus();\n    }, [value]);\n\n    useEffect(() => {\n        // clear internal focus state\n        if (!focused) {\n            setCurrentFocus(\"none\");\n        }\n\n        // ensure at least one input is focused\n        if (focused) {\n            setHidePlaceholder(true);\n\n            if (\n                nodeRef.current &&\n                !nodeRef.current.contains(document.activeElement)\n            ) {\n                dayInputRef.current?.focus();\n            }\n        }\n    }, [focused]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            ref: nodeRef,\n            resetPlaceholder() {\n                setHidePlaceholder(false);\n            },\n            resetInput() {\n                const [day = \"\", month = \"\", year = \"\"] =\n                    parseToInputValues(value);\n                setDayValue(day);\n                setMonthValue(month);\n                setYearValue(year);\n            },\n            focusYearRef() {\n                yearInputRef.current?.focus();\n            },\n        }),\n        [setDayValue, setMonthValue, setYearValue, value]\n    );\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleSectionClick = () => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        setHidePlaceholder(true);\n\n        if (\n            nodeRef.current &&\n            !nodeRef.current.contains(document.activeElement)\n        ) {\n            dayInputRef.current?.focus();\n        }\n    };\n\n    const handleSectionFocus = (event: React.FocusEvent) => {\n        if (disabled) {\n            return;\n        }\n\n        setHidePlaceholder(true);\n\n        if (!focused) {\n            onFocus?.(event);\n        }\n    };\n\n    const handlePlaceholderClick = (event: React.MouseEvent) => {\n        event.preventDefault();\n        dayInputRef.current?.focus();\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n        event.target.select();\n        const targetName = event.target.name as FieldType;\n        setCurrentFocus(targetName);\n    };\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        const [dayName, monthName, yearName] = names;\n        const date = {\n            [dayName]: dayValueRef.current,\n            [monthName]: monthValueRef.current,\n            [yearName]: yearValueRef.current,\n        };\n\n        const targetName = event.target.name as FieldType;\n        const targetValue = date[targetName];\n\n        // pad single digits for day and month inputs\n\n        const paddedValue =\n            targetName !== yearName\n                ? StringHelper.padValue(targetValue, true)\n                : targetValue;\n\n        switch (targetName) {\n            case dayName:\n                date[dayName] = paddedValue;\n                setDayValue(paddedValue);\n                break;\n            case monthName:\n                date[monthName] = paddedValue;\n                setMonthValue(paddedValue);\n                break;\n            case yearName:\n            default:\n                break;\n        }\n\n        const value = `${date[yearName]}-${date[monthName]}-${date[dayName]}`;\n        const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n        const isEmpty = !date[dayName] && !date[monthName] && !date[yearName];\n        const isPadded = targetValue !== paddedValue;\n\n        if (isValid && isPadded) {\n            onChange(value);\n        }\n\n        if (nodeRef.current && !nodeRef.current.contains(event.relatedTarget)) {\n            // entire field was blurred\n            setCurrentFocus(\"none\");\n            onBlur?.(isEmpty || isValid);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (hoverValue) {\n            // do not modify inputs when selecting date from another source\n            return;\n        }\n\n        const targetName = event.target.name as FieldType;\n        const targetValue = event.target.value.replace(/[^0-9]/g, \"\");\n\n        const date = {\n            day: dayValue,\n            month: monthValue,\n            year: yearValue,\n        };\n\n        switch (targetName) {\n            case names[0]:\n                date.day = targetValue;\n                setDayValue(targetValue);\n                // auto focus the next input once filled in\n                if (targetValue.length === 2) {\n                    monthInputRef.current?.focus();\n                }\n                break;\n            case names[1]:\n                date.month = targetValue;\n                setMonthValue(targetValue);\n                // auto focus the next input once filled in\n                if (targetValue.length === 2) {\n                    yearInputRef.current?.focus();\n                }\n                break;\n            case names[2]:\n                date.year = targetValue;\n                setYearValue(targetValue);\n                break;\n            default:\n                break;\n        }\n\n        if (!date.day && !date.month && !date.year) {\n            onChange(\"\");\n            return;\n        }\n\n        const value = `${date.year}-${date.month}-${date.day}`;\n        const isValid = dayjs(value, \"YYYY-MM-DD\", true).isValid();\n\n        if (isValid) {\n            onChange(value);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        /**\n         * Allow going to the field before if user presses Backspace\n         * on an empty field\n         */\n        if (event.code === \"Backspace\" || event.key === \"Backspace\") {\n            if (currentFocus === names[1] && monthValue.length === 0) {\n                dayInputRef.current?.focus();\n            }\n\n            if (currentFocus === names[2] && yearValue.length === 0) {\n                monthInputRef.current?.focus();\n            }\n        }\n    };\n\n    // =============================================================================\n    // HELPERS\n    // =============================================================================\n    function parseToInputValues(stringVal: string | undefined) {\n        if (!stringVal) {\n            return [undefined, undefined, undefined];\n        } else {\n            const sanitized = DateInputHelper.sanitizeInput(stringVal);\n\n            if (!sanitized) {\n                return [undefined, undefined, undefined];\n            }\n\n            const day = dayjs(sanitized, \"YYYY-MM-DD\", true);\n\n            return [\n                StringHelper.padValue(day.date().toString()),\n                StringHelper.padValue((day.month() + 1).toString()),\n                day.year().toString(),\n            ];\n        }\n    }\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderPlaceholder = () => {\n        if (value || readOnly || !placeholder) {\n            return;\n        }\n\n        return (\n            <Placeholder\n                $hide={hidePlaceholder}\n                $disabled={disabled}\n                onMouseDown={handlePlaceholderClick}\n            >\n                {placeholder}\n            </Placeholder>\n        );\n    };\n\n    return (\n        <InputSection\n            role=\"group\"\n            aria-label={label}\n            onClick={handleSectionClick}\n            onFocus={handleSectionFocus}\n        >\n            <InputContainer ref={nodeRef} $hover={!!hoverValue}>\n                <DayInputSizer>\n                    <DayInput\n                        ref={dayInputRef}\n                        name={names[0]}\n                        maxLength={2}\n                        value={hoverDayValue ?? dayValue}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        type=\"text\"\n                        inputMode={inputMode}\n                        pattern=\"[0-9]{2}\"\n                        data-testid={`${names[0]}-input`}\n                        aria-label={inputLabels[0]}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        tabIndex={readOnly ? -1 : 0}\n                        autoComplete=\"off\"\n                        placeholder={\n                            currentFocus === names[0] && !readOnly ? \"\" : \"DD\"\n                        }\n                    />\n                </DayInputSizer>\n                <Divider $inactive={dayValue.length === 0} $disabled={disabled}>\n                    /\n                </Divider>\n                <MonthInputSizer>\n                    <MonthInput\n                        ref={monthInputRef}\n                        name={names[1]}\n                        maxLength={2}\n                        value={hoverMonthValue ?? monthValue}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        onKeyDown={handleKeyDown}\n                        type=\"text\"\n                        inputMode={inputMode}\n                        pattern=\"[0-9]{2}\"\n                        data-testid={`${names[1]}-input`}\n                        aria-label={inputLabels[1]}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        tabIndex={readOnly ? -1 : 0}\n                        autoComplete=\"off\"\n                        placeholder={\n                            currentFocus === names[1] && !readOnly ? \"\" : \"MM\"\n                        }\n                    />\n                </MonthInputSizer>\n                <Divider\n                    $inactive={monthValue.length === 0}\n                    $disabled={disabled}\n                >\n                    /\n                </Divider>\n                <YearInputSizer>\n                    <YearInput\n                        ref={yearInputRef}\n                        name={names[2]}\n                        maxLength={4}\n                        value={hoverYearValue ?? yearValue}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onChange={handleInputChange}\n                        onKeyDown={handleKeyDown}\n                        type=\"text\"\n                        inputMode={inputMode}\n                        pattern=\"[0-9]{4}\"\n                        data-testid={`${names[2]}-input`}\n                        aria-label={inputLabels[2]}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        tabIndex={readOnly ? -1 : 0}\n                        autoComplete=\"off\"\n                        placeholder={\n                            currentFocus === names[2] && !readOnly ? \"\" : \"YYYY\"\n                        }\n                    />\n                </YearInputSizer>\n            </InputContainer>\n            {renderPlaceholder()}\n        </InputSection>\n    );\n};\n\nexport const StandaloneDateInput = React.forwardRef(Component);\n"],"names":["dayjs","extend","customParseFormat","Component","disabled","readOnly","names","value","focused","hoverValue","placeholder","label","onChange","onFocus","onBlur","hideInputKeyboard","inputLabels","ref","inputMode","dayValue","setDayValue","dayValueRef","useStateRef","monthValue","setMonthValue","monthValueRef","yearValue","setYearValue","yearValueRef","currentFocus","setCurrentFocus","useState","hidePlaceholder","setHidePlaceholder","nodeRef","useRef","dayInputRef","monthInputRef","yearInputRef","hoverDayValue","hoverMonthValue","hoverYearValue","parseToInputValues","useEffect","day","month","year","current","contains","document","activeElement","_a","focus","useImperativeHandle","resetPlaceholder","resetInput","focusYearRef","handlePlaceholderClick","event","preventDefault","handleInputFocus","target","select","targetName","name","handleInputBlur","dayName","monthName","yearName","date","targetValue","paddedValue","StringHelper","padValue","isValid","isEmpty","relatedTarget","handleInputChange","replace","length","_b","handleKeyDown","code","key","stringVal","sanitized","DateInputHelper","sanitizeInput","undefined","toString","_jsxs","InputSection","role","onClick","children","InputContainer","$hover","_jsx","DayInputSizer","DayInput","maxLength","type","pattern","tabIndex","autoComplete","Divider","$disabled","MonthInputSizer","MonthInput","onKeyDown","$inactive","YearInputSizer","YearInput","Placeholder","$hide","onMouseDown","renderPlaceholder","StandaloneDateInput","React","forwardRef"],"mappings":"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"}

package/cjs/shared/standalone-date-input/standalone-date-input.style.js

@@ -1,20 +1,20 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),r=require("../input-wrapper/input-wrapper.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);const i=n.default.div`
+"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),o=require("../input-wrapper/input-wrapper.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const i=n.default.div`
     display: flex;
     align-items: center;
     position: relative;
 
     flex: 1;
-`,a=n.default.div`
+`,l=n.default.div`
     display: flex;
     align-items: center;
     gap: ${t.Spacing["spacing-4"]};
 
-    ${r=>{if(r.$hover)return e.css`
-                ${d}, ${x} {
+    ${o=>{if(o.$hover)return e.css`
+                ${p}, ${x} {
                     color: ${t.Colour["text-subtler"]};
                 }
             `}}
-`,l=n.default.span`
+`,a=n.default.span`
     display: inline-block;
     position: relative;
 
@@ -24,28 +24,31 @@
         pointer-events: none;
         white-space: pre;
     }
-`,s=n.default(l)`
+`,s=n.default(a)`
     &::after {
         content: "DD";
     }
-`,u=n.default(l)`
+`,u=n.default(a)`
     &::after {
         content: "MM";
     }
-`,p=n.default(l)`
+`,d=n.default(a)`
     &::after {
         content: "YYYY";
     }
-`,d=n.default(r.BasicInput)`
+`,p=n.default(o.BasicInput)`
     background: transparent;
     text-align: center;
     position: absolute;
     inset: 0;
-`,c=n.default(d)``,f=n.default(d)``,b=n.default(d)``,x=n.default.span`
+`,c=n.default(p)``,f=n.default(p)``,b=n.default(p)``,x=n.default.span`
     ${t.Font["body-baseline-regular"]}
-    ${r=>{if(r.$inactive)return e.css`
-                color: ${t.Colour.text};
-            `}}
+    color: ${t.Colour.text};
+    ${o=>o.$disabled?e.css`
+                color: ${t.Colour["text-disabled"]};
+            `:o.$inactive?e.css`
+                color: ${t.Colour["text-subtler"]};
+            `:void 0}
 `,$=n.default.div`
     ${t.Font["body-baseline-regular"]}
     background-color: ${t.Colour.bg};
@@ -56,11 +59,11 @@
     width: 100%;
     height: 100%;
 
-    ${r=>r.$disabled?e.css`
+    ${o=>o.$disabled?e.css`
                 background-color: ${t.Colour["bg-disabled"]};
                 cursor: not-allowed;
-            `:r.$hide?e.css`
+            `:o.$hide?e.css`
                 display: none;
             `:void 0}
-`;exports.DayInput=c,exports.DayInputSizer=s,exports.Divider=x,exports.InputContainer=a,exports.InputSection=i,exports.MonthInput=f,exports.MonthInputSizer=u,exports.Placeholder=$,exports.YearInput=b,exports.YearInputSizer=p;
+`;exports.DayInput=c,exports.DayInputSizer=s,exports.Divider=x,exports.InputContainer=l,exports.InputSection=i,exports.MonthInput=f,exports.MonthInputSizer=u,exports.Placeholder=$,exports.YearInput=b,exports.YearInputSizer=d;
 //# sourceMappingURL=standalone-date-input.style.js.map

package/cjs/shared/standalone-date-input/standalone-date-input.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"standalone-date-input.style.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font, Spacing } from \"../../theme\";\nimport { BasicInput } from \"../input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\ninterface PlaceholderStyleProps {\n    $hide?: boolean;\n    $disabled?: boolean;\n}\n\ninterface DividerStyleProps {\n    $inactive?: boolean;\n}\n\ninterface InputContainerStyleProps {\n    $hover?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputSection = styled.div`\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    flex: 1;\n`;\n\nexport const InputContainer = styled.div<InputContainerStyleProps>`\n    display: flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-4\"]};\n\n    ${(props) => {\n        if (props.$hover) {\n            return css`\n                ${BaseInput}, ${Divider} {\n                    color: ${Colour[\"text-subtler\"]};\n                }\n            `;\n        }\n    }}\n`;\n\nconst InputSizerBase = styled.span`\n    display: inline-block;\n    position: relative;\n\n    &::after {\n        ${Font[\"body-baseline-regular\"]}\n        visibility: hidden;\n        pointer-events: none;\n        white-space: pre;\n    }\n`;\n\nexport const DayInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"DD\";\n    }\n`;\n\nexport const MonthInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"MM\";\n    }\n`;\n\nexport const YearInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"YYYY\";\n    }\n`;\n\nconst BaseInput = styled(BasicInput)`\n    background: transparent;\n    text-align: center;\n    position: absolute;\n    inset: 0;\n`;\n\nexport const DayInput = styled(BaseInput)``;\nexport const MonthInput = styled(BaseInput)``;\nexport const YearInput = styled(BaseInput)``;\n\nexport const Divider = styled.span<DividerStyleProps>`\n    ${Font[\"body-baseline-regular\"]}\n    ${(props) => {\n        if (props.$inactive) {\n            return css`\n                color: ${Colour[\"text\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Placeholder = styled.div<PlaceholderStyleProps>`\n    ${Font[\"body-baseline-regular\"]}\n    background-color: ${Colour[\"bg\"]};\n    color: ${Colour[\"text-subtler\"]};\n    position: absolute;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                background-color: ${Colour[\"bg-disabled\"]};\n                cursor: not-allowed;\n            `;\n        } else if (props.$hide) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n"],"names":["InputSection","styled","div","InputContainer","Spacing","props","$hover","css","BaseInput","Divider","Colour","InputSizerBase","span","Font","DayInputSizer","MonthInputSizer","YearInputSizer","BasicInput","DayInput","MonthInput","YearInput","$inactive","Placeholder","$disabled","$hide"],"mappings":"oNAyBO,MAAMA,EAAeC,EAAAA,QAAOC,GAAG;;;;;;EAQzBC,EAAiBF,EAAAA,QAAOC,GAA6B;;;WAGvDE,EAAAA,QAAQ;;MAEZC,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;kBACJC,MAAcC;6BACHC,EAAAA,OAAO;;aAG5B;EAIFC,EAAiBV,EAAAA,QAAOW,IAAI;;;;;UAKxBC,EAAAA,KAAK;;;;;EAOFC,EAAgBb,EAAAA,QAAOU,EAAe;;;;EAMtCI,EAAkBd,EAAAA,QAAOU,EAAe;;;;EAMxCK,EAAiBf,EAAAA,QAAOU,EAAe;;;;EAM9CH,EAAYP,EAAAA,QAAOgB,EAAAA,WAAW;;;;;EAOvBC,EAAWjB,EAAAA,QAAOO,EAAU,GAC5BW,EAAalB,EAAAA,QAAOO,EAAU,GAC9BY,EAAYnB,EAAAA,QAAOO,EAAU,GAE7BC,EAAUR,EAAAA,QAAOW,IAAuB;MAC/CC,EAAAA,KAAK;MACJR,IACC,GAAIA,EAAMgB,UACN,OAAOd,KAAG;yBACGG,EAAAA,OAAa;aAE9B;EAIKY,EAAcrB,EAAAA,QAAOC,GAA0B;MACtDW,EAAAA,KAAK;wBACaH,EAAAA,OAAW;aACtBA,EAAAA,OAAO;;;;;;;MAObL,GACKA,EAAMkB,UACChB,KAAG;oCACcG,EAAAA,OAAO;;cAGxBL,EAAMmB,MACNjB,KAAG;;mBADP;"}
+{"version":3,"file":"standalone-date-input.style.js","sources":["../../../../src/shared/standalone-date-input/standalone-date-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colour, Font, Spacing } from \"../../theme\";\nimport { BasicInput } from \"../input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\n\ninterface PlaceholderStyleProps {\n    $hide?: boolean;\n    $disabled?: boolean;\n}\n\ninterface DividerStyleProps {\n    $inactive?: boolean;\n    $disabled?: boolean | undefined;\n}\n\ninterface InputContainerStyleProps {\n    $hover?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const InputSection = styled.div`\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    flex: 1;\n`;\n\nexport const InputContainer = styled.div<InputContainerStyleProps>`\n    display: flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-4\"]};\n\n    ${(props) => {\n        if (props.$hover) {\n            return css`\n                ${BaseInput}, ${Divider} {\n                    color: ${Colour[\"text-subtler\"]};\n                }\n            `;\n        }\n    }}\n`;\n\nconst InputSizerBase = styled.span`\n    display: inline-block;\n    position: relative;\n\n    &::after {\n        ${Font[\"body-baseline-regular\"]}\n        visibility: hidden;\n        pointer-events: none;\n        white-space: pre;\n    }\n`;\n\nexport const DayInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"DD\";\n    }\n`;\n\nexport const MonthInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"MM\";\n    }\n`;\n\nexport const YearInputSizer = styled(InputSizerBase)`\n    &::after {\n        content: \"YYYY\";\n    }\n`;\n\nconst BaseInput = styled(BasicInput)`\n    background: transparent;\n    text-align: center;\n    position: absolute;\n    inset: 0;\n`;\n\nexport const DayInput = styled(BaseInput)``;\nexport const MonthInput = styled(BaseInput)``;\nexport const YearInput = styled(BaseInput)``;\n\nexport const Divider = styled.span<DividerStyleProps>`\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${Colour[\"text-disabled\"]};\n            `;\n        }\n\n        if (props.$inactive) {\n            return css`\n                color: ${Colour[\"text-subtler\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Placeholder = styled.div<PlaceholderStyleProps>`\n    ${Font[\"body-baseline-regular\"]}\n    background-color: ${Colour[\"bg\"]};\n    color: ${Colour[\"text-subtler\"]};\n    position: absolute;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                background-color: ${Colour[\"bg-disabled\"]};\n                cursor: not-allowed;\n            `;\n        } else if (props.$hide) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n"],"names":["InputSection","styled","div","InputContainer","Spacing","props","$hover","css","BaseInput","Divider","Colour","InputSizerBase","span","Font","DayInputSizer","MonthInputSizer","YearInputSizer","BasicInput","DayInput","MonthInput","YearInput","$disabled","$inactive","Placeholder","$hide"],"mappings":"oNA0BO,MAAMA,EAAeC,EAAAA,QAAOC,GAAG;;;;;;EAQzBC,EAAiBF,EAAAA,QAAOC,GAA6B;;;WAGvDE,EAAAA,QAAQ;;MAEZC,IACC,GAAIA,EAAMC,OACN,OAAOC,KAAG;kBACJC,MAAcC;6BACHC,EAAAA,OAAO;;aAG5B;EAIFC,EAAiBV,EAAAA,QAAOW,IAAI;;;;;UAKxBC,EAAAA,KAAK;;;;;EAOFC,EAAgBb,EAAAA,QAAOU,EAAe;;;;EAMtCI,EAAkBd,EAAAA,QAAOU,EAAe;;;;EAMxCK,EAAiBf,EAAAA,QAAOU,EAAe;;;;EAM9CH,EAAYP,EAAAA,QAAOgB,EAAAA,WAAW;;;;;EAOvBC,EAAWjB,EAAAA,QAAOO,EAAU,GAC5BW,EAAalB,EAAAA,QAAOO,EAAU,GAC9BY,EAAYnB,EAAAA,QAAOO,EAAU,GAE7BC,EAAUR,EAAAA,QAAOW,IAAuB;MAC/CC,EAAAA,KAAK;aACEH,EAAAA,OAAa;MACnBL,GACKA,EAAMgB,UACCd,KAAG;yBACGG,EAAAA,OAAO;cAIpBL,EAAMiB,UACCf,KAAG;yBACGG,EAAAA,OAAO;mBAFxB;EAQKa,EAActB,EAAAA,QAAOC,GAA0B;MACtDW,EAAAA,KAAK;wBACaH,EAAAA,OAAW;aACtBA,EAAAA,OAAO;;;;;;;MAObL,GACKA,EAAMgB,UACCd,KAAG;oCACcG,EAAAA,OAAO;;cAGxBL,EAAMmB,MACNjB,KAAG;;mBADP;"}

package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js

@@ -0,0 +1,2 @@
+"use strict";exports.CareerCompassColourSet={white:"#FFFFFF",black:"#000000","brand-10":"#001731","brand-20":"#002752","brand-30":"#003874","brand-40":"#004D9F","brand-50":"#1768BE","brand-60":"#3C91EC","brand-70":"#6CB4FF","brand-80":"#A5CDFF","brand-90":"#CFE1FE","brand-95":"#E8F0FE","brand-100":"#F7F9FF","primary-10":"#001731","primary-20":"#002752","primary-30":"#003874","primary-40":"#004D9F","primary-50":"#1768BE","primary-60":"#3C91EC","primary-70":"#6CB4FF","primary-80":"#A5CDFF","primary-90":"#CFE1FE","primary-95":"#E8F0FE","primary-100":"#F7F9FF","secondary-10":"#001A19","secondary-20":"#002D2B","secondary-30":"#00413D","secondary-40":"#005954","secondary-50":"#00756F","secondary-60":"#03A098","secondary-70":"#55BFBA","secondary-80":"#92D6D2","secondary-90":"#BFE7E5","secondary-95":"#DDF2F1","secondary-100":"#F4FBFA","neutral-10":"#161616","neutral-20":"#282828","neutral-30":"#393939","neutral-40":"#4E4E4E","neutral-50":"#686868","neutral-60":"#8E8E8E","neutral-70":"#AFAFB0","neutral-80":"#C7CACA","neutral-90":"#DDE1E2","neutral-95":"#EDEFEF","neutral-100":"#F9F9F9","success-10":"#081A0F","success-20":"#0E2D1B","success-30":"#154126","success-40":"#1C5A34","success-50":"#257645","success-60":"#44A068","success-70":"#64C189","success-80":"#80DCA5","success-90":"#B4ECCB","success-95":"#D5F6E2","success-100":"#EFFCF4","warning-10":"#221302","warning-20":"#3B2204","warning-30":"#543106","warning-40":"#744408","warning-50":"#98590C","warning-60":"#D07A13","warning-70":"#E4A244","warning-80":"#F5C26C","warning-90":"#FADBA6","warning-95":"#FCECD4","warning-100":"#FDF7F0","error-10":"#330505","error-20":"#550808","error-30":"#750C0C","error-40":"#9E130F","error-50":"#CB2213","error-60":"#DE6C6C","error-70":"#E89B9B","error-80":"#EFBEBE","error-90":"#F5D9D9","error-95":"#F9ECEC","error-100":"#FCF7F7","info-10":"#021824","info-20":"#032B3F","info-30":"#053D59","info-40":"#06547B","info-50":"#176E9B","info-60":"#5296BE","info-70":"#82B5DA","info-80":"#ACCFE7","info-90":"#CCE3F1","info-95":"#E3F1F8","info-100":"#F4FAFD","primary-inverse":"#FEAB10"};
+//# sourceMappingURL=careercompass-colour-set.js.map

package/cjs/theme/colour-primitive/specs/careercompass-colour-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"careercompass-colour-set.js","sources":["../../../../../src/theme/colour-primitive/specs/careercompass-colour-set.ts"],"sourcesContent":["import { PrimitiveColourSet } from \"../../types\";\n\nexport const CareerCompassColourSet: PrimitiveColourSet = {\n    white: \"#FFFFFF\",\n    black: \"#000000\",\n    \"brand-10\": \"#001731\",\n    \"brand-20\": \"#002752\",\n    \"brand-30\": \"#003874\",\n    \"brand-40\": \"#004D9F\",\n    \"brand-50\": \"#1768BE\",\n    \"brand-60\": \"#3C91EC\",\n    \"brand-70\": \"#6CB4FF\",\n    \"brand-80\": \"#A5CDFF\",\n    \"brand-90\": \"#CFE1FE\",\n    \"brand-95\": \"#E8F0FE\",\n    \"brand-100\": \"#F7F9FF\",\n\n    \"primary-10\": \"#001731\",\n    \"primary-20\": \"#002752\",\n    \"primary-30\": \"#003874\",\n    \"primary-40\": \"#004D9F\",\n    \"primary-50\": \"#1768BE\",\n    \"primary-60\": \"#3C91EC\",\n    \"primary-70\": \"#6CB4FF\",\n    \"primary-80\": \"#A5CDFF\",\n    \"primary-90\": \"#CFE1FE\",\n    \"primary-95\": \"#E8F0FE\",\n    \"primary-100\": \"#F7F9FF\",\n\n    \"secondary-10\": \"#001A19\",\n    \"secondary-20\": \"#002D2B\",\n    \"secondary-30\": \"#00413D\",\n    \"secondary-40\": \"#005954\",\n    \"secondary-50\": \"#00756F\",\n    \"secondary-60\": \"#03A098\",\n    \"secondary-70\": \"#55BFBA\",\n    \"secondary-80\": \"#92D6D2\",\n    \"secondary-90\": \"#BFE7E5\",\n    \"secondary-95\": \"#DDF2F1\",\n    \"secondary-100\": \"#F4FBFA\",\n\n    \"neutral-10\": \"#161616\",\n    \"neutral-20\": \"#282828\",\n    \"neutral-30\": \"#393939\",\n    \"neutral-40\": \"#4E4E4E\",\n    \"neutral-50\": \"#686868\",\n    \"neutral-60\": \"#8E8E8E\",\n    \"neutral-70\": \"#AFAFB0\",\n    \"neutral-80\": \"#C7CACA\",\n    \"neutral-90\": \"#DDE1E2\",\n    \"neutral-95\": \"#EDEFEF\",\n    \"neutral-100\": \"#F9F9F9\",\n\n    \"success-10\": \"#081A0F\",\n    \"success-20\": \"#0E2D1B\",\n    \"success-30\": \"#154126\",\n    \"success-40\": \"#1C5A34\",\n    \"success-50\": \"#257645\",\n    \"success-60\": \"#44A068\",\n    \"success-70\": \"#64C189\",\n    \"success-80\": \"#80DCA5\",\n    \"success-90\": \"#B4ECCB\",\n    \"success-95\": \"#D5F6E2\",\n    \"success-100\": \"#EFFCF4\",\n\n    \"warning-10\": \"#221302\",\n    \"warning-20\": \"#3B2204\",\n    \"warning-30\": \"#543106\",\n    \"warning-40\": \"#744408\",\n    \"warning-50\": \"#98590C\",\n    \"warning-60\": \"#D07A13\",\n    \"warning-70\": \"#E4A244\",\n    \"warning-80\": \"#F5C26C\",\n    \"warning-90\": \"#FADBA6\",\n    \"warning-95\": \"#FCECD4\",\n    \"warning-100\": \"#FDF7F0\",\n\n    \"error-10\": \"#330505\",\n    \"error-20\": \"#550808\",\n    \"error-30\": \"#750C0C\",\n    \"error-40\": \"#9E130F\",\n    \"error-50\": \"#CB2213\",\n    \"error-60\": \"#DE6C6C\",\n    \"error-70\": \"#E89B9B\",\n    \"error-80\": \"#EFBEBE\",\n    \"error-90\": \"#F5D9D9\",\n    \"error-95\": \"#F9ECEC\",\n    \"error-100\": \"#FCF7F7\",\n\n    \"info-10\": \"#021824\",\n    \"info-20\": \"#032B3F\",\n    \"info-30\": \"#053D59\",\n    \"info-40\": \"#06547B\",\n    \"info-50\": \"#176E9B\",\n    \"info-60\": \"#5296BE\",\n    \"info-70\": \"#82B5DA\",\n    \"info-80\": \"#ACCFE7\",\n    \"info-90\": \"#CCE3F1\",\n    \"info-95\": \"#E3F1F8\",\n    \"info-100\": \"#F4FAFD\",\n\n    \"primary-inverse\": \"#FEAB10\",\n};\n\nexport default CareerCompassColourSet;\n"],"names":["white","black"],"mappings":"4CAE0D,CACtDA,MAAO,UACPC,MAAO,UACP,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UAEb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,eAAgB,UAChB,gBAAiB,UAEjB,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,cAAe,UAEf,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UAEb,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UAEZ,kBAAmB"}

package/cjs/theme/colour-primitive/theme-helper.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("../helpers.js"),e=require("./specs/bookingsg-colour-set.js"),o=require("./specs/ccube-colour-set.js"),s=require("./specs/lifesg-colour-set.js"),n=require("./specs/mylegacy-colour-set.js"),a=require("./specs/oneservice-colour-set.js"),i=require("./specs/pa-colour-set.js"),u=require("./specs/rbs-colour-set.js"),c=require("./specs/a11yplayground-colour-set.js"),l=require("./specs/supportgowhere-colour-set.js"),t=require("./specs/imda-colour-set.js"),p=require("./specs/spf-colour-set.js"),y=require("./specs/smgs-colour-set.js");const d={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:u.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:i.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},g={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:u.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:i.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},S=e=>o=>{var s;const n=o.theme,a="dark"===(null==n?void 0:n.colourMode),i=a?g:d,u=r.getCollection(i,null==n?void 0:n.colourScheme),c=a?"primitiveColourDark":"primitiveColour",l=null===(s=null==n?void 0:n.overrides)||void 0===s?void 0:s[c];return l?r.getValue(u,e,l):u[e]},b={"brand-10":S("brand-10"),"brand-20":S("brand-20"),"brand-30":S("brand-30"),"brand-40":S("brand-40"),"brand-50":S("brand-50"),"brand-60":S("brand-60"),"brand-70":S("brand-70"),"brand-80":S("brand-80"),"brand-90":S("brand-90"),"brand-95":S("brand-95"),"brand-100":S("brand-100"),"primary-10":S("primary-10"),"primary-20":S("primary-20"),"primary-30":S("primary-30"),"primary-40":S("primary-40"),"primary-50":S("primary-50"),"primary-60":S("primary-60"),"primary-70":S("primary-70"),"primary-80":S("primary-80"),"primary-90":S("primary-90"),"primary-95":S("primary-95"),"primary-100":S("primary-100"),"secondary-10":S("secondary-10"),"secondary-20":S("secondary-20"),"secondary-30":S("secondary-30"),"secondary-40":S("secondary-40"),"secondary-50":S("secondary-50"),"secondary-60":S("secondary-60"),"secondary-70":S("secondary-70"),"secondary-80":S("secondary-80"),"secondary-90":S("secondary-90"),"secondary-95":S("secondary-95"),"secondary-100":S("secondary-100"),"neutral-10":S("neutral-10"),"neutral-20":S("neutral-20"),"neutral-30":S("neutral-30"),"neutral-40":S("neutral-40"),"neutral-50":S("neutral-50"),"neutral-60":S("neutral-60"),"neutral-70":S("neutral-70"),"neutral-80":S("neutral-80"),"neutral-90":S("neutral-90"),"neutral-95":S("neutral-95"),"neutral-100":S("neutral-100"),"success-10":S("success-10"),"success-20":S("success-20"),"success-30":S("success-30"),"success-40":S("success-40"),"success-50":S("success-50"),"success-60":S("success-60"),"success-70":S("success-70"),"success-80":S("success-80"),"success-90":S("success-90"),"success-95":S("success-95"),"success-100":S("success-100"),"warning-10":S("warning-10"),"warning-20":S("warning-20"),"warning-30":S("warning-30"),"warning-40":S("warning-40"),"warning-50":S("warning-50"),"warning-60":S("warning-60"),"warning-70":S("warning-70"),"warning-80":S("warning-80"),"warning-90":S("warning-90"),"warning-95":S("warning-95"),"warning-100":S("warning-100"),"error-10":S("error-10"),"error-20":S("error-20"),"error-30":S("error-30"),"error-40":S("error-40"),"error-50":S("error-50"),"error-60":S("error-60"),"error-70":S("error-70"),"error-80":S("error-80"),"error-90":S("error-90"),"error-95":S("error-95"),"error-100":S("error-100"),"info-10":S("info-10"),"info-20":S("info-20"),"info-30":S("info-30"),"info-40":S("info-40"),"info-50":S("info-50"),"info-60":S("info-60"),"info-70":S("info-70"),"info-80":S("info-80"),"info-90":S("info-90"),"info-95":S("info-95"),"info-100":S("info-100"),white:S("white"),black:S("black"),"primary-inverse":S("primary-inverse")};exports.ColourSpec=d,exports.DarkColourSpec=g,exports.PrimitiveColour=b,exports.getPrimitiveColour=S;
+"use strict";var r=require("../helpers.js"),e=require("./specs/bookingsg-colour-set.js"),o=require("./specs/ccube-colour-set.js"),s=require("./specs/lifesg-colour-set.js"),n=require("./specs/mylegacy-colour-set.js"),a=require("./specs/oneservice-colour-set.js"),u=require("./specs/pa-colour-set.js"),i=require("./specs/rbs-colour-set.js"),c=require("./specs/a11yplayground-colour-set.js"),l=require("./specs/supportgowhere-colour-set.js"),t=require("./specs/imda-colour-set.js"),p=require("./specs/spf-colour-set.js"),y=require("./specs/smgs-colour-set.js"),d=require("./specs/careercompass-colour-set.js");const g={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:d.CareerCompassColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},S={collections:{lifesg:s.LifeSgColourSet,bookingsg:e.BookingSgColourSet,rbs:i.RBSColourSet,mylegacy:n.MyLegacyColourSet,ccube:o.CCubeColourSet,oneservice:a.OneServiceColourSet,pa:u.PAColourSet,a11yplayground:c.A11yPlaygroundColourSet,supportgowhere:l.SupportGoWhereColourSet,sgwdigitallobby:l.SupportGoWhereColourSet,imda:t.IMDAColourSet,spf:p.SPFColourSet,careercompass:d.CareerCompassColourSet,smgs:y.SMGSColourSet},defaultValue:"lifesg"},m=e=>o=>{var s;const n=o.theme,a="dark"===(null==n?void 0:n.colourMode),u=a?S:g,i=r.getCollection(u,null==n?void 0:n.colourScheme),c=a?"primitiveColourDark":"primitiveColour",l=null===(s=null==n?void 0:n.overrides)||void 0===s?void 0:s[c];return l?r.getValue(i,e,l):i[e]},C={"brand-10":m("brand-10"),"brand-20":m("brand-20"),"brand-30":m("brand-30"),"brand-40":m("brand-40"),"brand-50":m("brand-50"),"brand-60":m("brand-60"),"brand-70":m("brand-70"),"brand-80":m("brand-80"),"brand-90":m("brand-90"),"brand-95":m("brand-95"),"brand-100":m("brand-100"),"primary-10":m("primary-10"),"primary-20":m("primary-20"),"primary-30":m("primary-30"),"primary-40":m("primary-40"),"primary-50":m("primary-50"),"primary-60":m("primary-60"),"primary-70":m("primary-70"),"primary-80":m("primary-80"),"primary-90":m("primary-90"),"primary-95":m("primary-95"),"primary-100":m("primary-100"),"secondary-10":m("secondary-10"),"secondary-20":m("secondary-20"),"secondary-30":m("secondary-30"),"secondary-40":m("secondary-40"),"secondary-50":m("secondary-50"),"secondary-60":m("secondary-60"),"secondary-70":m("secondary-70"),"secondary-80":m("secondary-80"),"secondary-90":m("secondary-90"),"secondary-95":m("secondary-95"),"secondary-100":m("secondary-100"),"neutral-10":m("neutral-10"),"neutral-20":m("neutral-20"),"neutral-30":m("neutral-30"),"neutral-40":m("neutral-40"),"neutral-50":m("neutral-50"),"neutral-60":m("neutral-60"),"neutral-70":m("neutral-70"),"neutral-80":m("neutral-80"),"neutral-90":m("neutral-90"),"neutral-95":m("neutral-95"),"neutral-100":m("neutral-100"),"success-10":m("success-10"),"success-20":m("success-20"),"success-30":m("success-30"),"success-40":m("success-40"),"success-50":m("success-50"),"success-60":m("success-60"),"success-70":m("success-70"),"success-80":m("success-80"),"success-90":m("success-90"),"success-95":m("success-95"),"success-100":m("success-100"),"warning-10":m("warning-10"),"warning-20":m("warning-20"),"warning-30":m("warning-30"),"warning-40":m("warning-40"),"warning-50":m("warning-50"),"warning-60":m("warning-60"),"warning-70":m("warning-70"),"warning-80":m("warning-80"),"warning-90":m("warning-90"),"warning-95":m("warning-95"),"warning-100":m("warning-100"),"error-10":m("error-10"),"error-20":m("error-20"),"error-30":m("error-30"),"error-40":m("error-40"),"error-50":m("error-50"),"error-60":m("error-60"),"error-70":m("error-70"),"error-80":m("error-80"),"error-90":m("error-90"),"error-95":m("error-95"),"error-100":m("error-100"),"info-10":m("info-10"),"info-20":m("info-20"),"info-30":m("info-30"),"info-40":m("info-40"),"info-50":m("info-50"),"info-60":m("info-60"),"info-70":m("info-70"),"info-80":m("info-80"),"info-90":m("info-90"),"info-95":m("info-95"),"info-100":m("info-100"),white:m("white"),black:m("black"),"primary-inverse":m("primary-inverse")};exports.ColourSpec=g,exports.DarkColourSpec=S,exports.PrimitiveColour=C,exports.getPrimitiveColour=m;
 //# sourceMappingURL=theme-helper.js.map

package/cjs/theme/colour-primitive/theme-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/colour-primitive/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, PrimitiveColourSet } from \"../types\";\nimport { BookingSgColourSet } from \"./specs/bookingsg-colour-set\";\nimport { CCubeColourSet } from \"./specs/ccube-colour-set\";\nimport { LifeSgColourSet } from \"./specs/lifesg-colour-set\";\nimport { MyLegacyColourSet } from \"./specs/mylegacy-colour-set\";\nimport { OneServiceColourSet } from \"./specs/oneservice-colour-set\";\nimport { PAColourSet } from \"./specs/pa-colour-set\";\nimport { RBSColourSet } from \"./specs/rbs-colour-set\";\nimport { A11yPlaygroundColourSet } from \"./specs/a11yplayground-colour-set\";\nimport { SupportGoWhereColourSet } from \"./specs/supportgowhere-colour-set\";\nimport { IMDAColourSet } from \"./specs/imda-colour-set\";\nimport { SPFColourSet } from \"./specs/spf-colour-set\";\nimport { SMGSColourSet } from \"./specs/smgs-colour-set\";\nimport { ColourCollectionsMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        smgs: SMGSColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\n// Dark colour spec - uses explicit dark sets where available, falls back to light sets\nexport const DarkColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        // Currently all schemes use light primitive colours as fallback\n        // In the future, add custom dark primitive sets like:\n        // lifesg: LifeSgDarkColourSet,\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        smgs: SMGSColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const getPrimitiveColour = (key: keyof PrimitiveColourSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const isDarkMode = theme?.colourMode === \"dark\";\n\n        // Select the appropriate colour spec based on theme mode\n        const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n        const colourSet: PrimitiveColourSet = getCollection(\n            spec,\n            theme?.colourScheme\n        );\n\n        // Check for mode-specific overrides first,\n        // then fallback to general overrides\n        const overrideKey = isDarkMode\n            ? \"primitiveColourDark\"\n            : \"primitiveColour\";\n        const overrides = theme?.overrides?.[overrideKey];\n\n        if (overrides) {\n            return getValue(colourSet, key, overrides);\n        } else {\n            return colourSet[key];\n        }\n    };\n};\n\nexport const PrimitiveColour: {\n    [key in keyof PrimitiveColourSet]: (props: StyledComponentProps) => string;\n} = {\n    \"brand-10\": getPrimitiveColour(\"brand-10\"),\n    \"brand-20\": getPrimitiveColour(\"brand-20\"),\n    \"brand-30\": getPrimitiveColour(\"brand-30\"),\n    \"brand-40\": getPrimitiveColour(\"brand-40\"),\n    \"brand-50\": getPrimitiveColour(\"brand-50\"),\n    \"brand-60\": getPrimitiveColour(\"brand-60\"),\n    \"brand-70\": getPrimitiveColour(\"brand-70\"),\n    \"brand-80\": getPrimitiveColour(\"brand-80\"),\n    \"brand-90\": getPrimitiveColour(\"brand-90\"),\n    \"brand-95\": getPrimitiveColour(\"brand-95\"),\n    \"brand-100\": getPrimitiveColour(\"brand-100\"),\n    \"primary-10\": getPrimitiveColour(\"primary-10\"),\n    \"primary-20\": getPrimitiveColour(\"primary-20\"),\n    \"primary-30\": getPrimitiveColour(\"primary-30\"),\n    \"primary-40\": getPrimitiveColour(\"primary-40\"),\n    \"primary-50\": getPrimitiveColour(\"primary-50\"),\n    \"primary-60\": getPrimitiveColour(\"primary-60\"),\n    \"primary-70\": getPrimitiveColour(\"primary-70\"),\n    \"primary-80\": getPrimitiveColour(\"primary-80\"),\n    \"primary-90\": getPrimitiveColour(\"primary-90\"),\n    \"primary-95\": getPrimitiveColour(\"primary-95\"),\n    \"primary-100\": getPrimitiveColour(\"primary-100\"),\n    \"secondary-10\": getPrimitiveColour(\"secondary-10\"),\n    \"secondary-20\": getPrimitiveColour(\"secondary-20\"),\n    \"secondary-30\": getPrimitiveColour(\"secondary-30\"),\n    \"secondary-40\": getPrimitiveColour(\"secondary-40\"),\n    \"secondary-50\": getPrimitiveColour(\"secondary-50\"),\n    \"secondary-60\": getPrimitiveColour(\"secondary-60\"),\n    \"secondary-70\": getPrimitiveColour(\"secondary-70\"),\n    \"secondary-80\": getPrimitiveColour(\"secondary-80\"),\n    \"secondary-90\": getPrimitiveColour(\"secondary-90\"),\n    \"secondary-95\": getPrimitiveColour(\"secondary-95\"),\n    \"secondary-100\": getPrimitiveColour(\"secondary-100\"),\n    \"neutral-10\": getPrimitiveColour(\"neutral-10\"),\n    \"neutral-20\": getPrimitiveColour(\"neutral-20\"),\n    \"neutral-30\": getPrimitiveColour(\"neutral-30\"),\n    \"neutral-40\": getPrimitiveColour(\"neutral-40\"),\n    \"neutral-50\": getPrimitiveColour(\"neutral-50\"),\n    \"neutral-60\": getPrimitiveColour(\"neutral-60\"),\n    \"neutral-70\": getPrimitiveColour(\"neutral-70\"),\n    \"neutral-80\": getPrimitiveColour(\"neutral-80\"),\n    \"neutral-90\": getPrimitiveColour(\"neutral-90\"),\n    \"neutral-95\": getPrimitiveColour(\"neutral-95\"),\n    \"neutral-100\": getPrimitiveColour(\"neutral-100\"),\n    \"success-10\": getPrimitiveColour(\"success-10\"),\n    \"success-20\": getPrimitiveColour(\"success-20\"),\n    \"success-30\": getPrimitiveColour(\"success-30\"),\n    \"success-40\": getPrimitiveColour(\"success-40\"),\n    \"success-50\": getPrimitiveColour(\"success-50\"),\n    \"success-60\": getPrimitiveColour(\"success-60\"),\n    \"success-70\": getPrimitiveColour(\"success-70\"),\n    \"success-80\": getPrimitiveColour(\"success-80\"),\n    \"success-90\": getPrimitiveColour(\"success-90\"),\n    \"success-95\": getPrimitiveColour(\"success-95\"),\n    \"success-100\": getPrimitiveColour(\"success-100\"),\n    \"warning-10\": getPrimitiveColour(\"warning-10\"),\n    \"warning-20\": getPrimitiveColour(\"warning-20\"),\n    \"warning-30\": getPrimitiveColour(\"warning-30\"),\n    \"warning-40\": getPrimitiveColour(\"warning-40\"),\n    \"warning-50\": getPrimitiveColour(\"warning-50\"),\n    \"warning-60\": getPrimitiveColour(\"warning-60\"),\n    \"warning-70\": getPrimitiveColour(\"warning-70\"),\n    \"warning-80\": getPrimitiveColour(\"warning-80\"),\n    \"warning-90\": getPrimitiveColour(\"warning-90\"),\n    \"warning-95\": getPrimitiveColour(\"warning-95\"),\n    \"warning-100\": getPrimitiveColour(\"warning-100\"),\n    \"error-10\": getPrimitiveColour(\"error-10\"),\n    \"error-20\": getPrimitiveColour(\"error-20\"),\n    \"error-30\": getPrimitiveColour(\"error-30\"),\n    \"error-40\": getPrimitiveColour(\"error-40\"),\n    \"error-50\": getPrimitiveColour(\"error-50\"),\n    \"error-60\": getPrimitiveColour(\"error-60\"),\n    \"error-70\": getPrimitiveColour(\"error-70\"),\n    \"error-80\": getPrimitiveColour(\"error-80\"),\n    \"error-90\": getPrimitiveColour(\"error-90\"),\n    \"error-95\": getPrimitiveColour(\"error-95\"),\n    \"error-100\": getPrimitiveColour(\"error-100\"),\n    \"info-10\": getPrimitiveColour(\"info-10\"),\n    \"info-20\": getPrimitiveColour(\"info-20\"),\n    \"info-30\": getPrimitiveColour(\"info-30\"),\n    \"info-40\": getPrimitiveColour(\"info-40\"),\n    \"info-50\": getPrimitiveColour(\"info-50\"),\n    \"info-60\": getPrimitiveColour(\"info-60\"),\n    \"info-70\": getPrimitiveColour(\"info-70\"),\n    \"info-80\": getPrimitiveColour(\"info-80\"),\n    \"info-90\": getPrimitiveColour(\"info-90\"),\n    \"info-95\": getPrimitiveColour(\"info-95\"),\n    \"info-100\": getPrimitiveColour(\"info-100\"),\n    white: getPrimitiveColour(\"white\"),\n    black: getPrimitiveColour(\"black\"),\n    \"primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSgColourSet","bookingsg","BookingSgColourSet","rbs","RBSColourSet","mylegacy","MyLegacyColourSet","ccube","CCubeColourSet","oneservice","OneServiceColourSet","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","SupportGoWhereColourSet","sgwdigitallobby","imda","IMDAColourSet","spf","SPFColourSet","smgs","SMGSColourSet","defaultValue","DarkColourSpec","getPrimitiveColour","key","props","theme","isDarkMode","colourMode","spec","colourSet","getCollection","colourScheme","overrideKey","overrides","_a","getValue","PrimitiveColour","white","black"],"mappings":"8iBAiBO,MAAMA,EAGT,CACAC,YAAa,CACTC,OAAQC,EAAAA,gBACRC,UAAWC,EAAAA,mBACXC,IAAKC,EAAAA,aACLC,SAAUC,EAAAA,kBACVC,MAAOC,EAAAA,eACPC,WAAYC,EAAAA,oBACZC,GAAIC,EAAAA,YACJC,eAAgBC,EAAAA,wBAChBC,eAAgBC,EAAAA,wBAChBC,gBAAiBD,EAAAA,wBACjBE,KAAMC,EAAAA,cACNC,IAAKC,EAAAA,aACLC,KAAMC,EAAAA,eAEVC,aAAc,UAILC,EAGT,CACA3B,YAAa,CAITC,OAAQC,EAAAA,gBACRC,UAAWC,EAAAA,mBACXC,IAAKC,EAAAA,aACLC,SAAUC,EAAAA,kBACVC,MAAOC,EAAAA,eACPC,WAAYC,EAAAA,oBACZC,GAAIC,EAAAA,YACJC,eAAgBC,EAAAA,wBAChBC,eAAgBC,EAAAA,wBAChBC,gBAAiBD,EAAAA,wBACjBE,KAAMC,EAAAA,cACNC,IAAKC,EAAAA,aACLC,KAAMC,EAAAA,eAEVC,aAAc,UAGLE,EAAsBC,GACvBC,UACJ,MAAMC,EAAQD,EAAMC,MACdC,EAAmC,UAAtBD,aAAK,EAALA,EAAOE,YAGpBC,EAAOF,EAAaL,EAAiB5B,EACrCoC,EAAgCC,EAAAA,cAClCF,EACAH,aAAK,EAALA,EAAOM,cAKLC,EAAcN,EACd,sBACA,kBACAO,EAA4B,QAAhBC,EAAAT,aAAK,EAALA,EAAOQ,iBAAS,IAAAC,OAAA,EAAAA,EAAGF,GAErC,OAAIC,EACOE,WAASN,EAAWN,EAAKU,GAEzBJ,EAAUN,EACrB,EAIKa,EAET,CACA,WAAYd,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,YAAaA,EAAmB,aAChC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,eAAgBA,EAAmB,gBACnC,gBAAiBA,EAAmB,iBACpC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,aAAcA,EAAmB,cACjC,cAAeA,EAAmB,eAClC,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,WAAYA,EAAmB,YAC/B,YAAaA,EAAmB,aAChC,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,UAAWA,EAAmB,WAC9B,WAAYA,EAAmB,YAC/Be,MAAOf,EAAmB,SAC1BgB,MAAOhB,EAAmB,SAC1B,kBAAmBA,EAAmB"}
+{"version":3,"file":"theme-helper.js","sources":["../../../../src/theme/colour-primitive/theme-helper.ts"],"sourcesContent":["import { StyledComponentProps, getCollection, getValue } from \"../helpers\";\nimport { ThemeCollectionSpec } from \"../internal-types\";\nimport { ColourScheme, PrimitiveColourSet } from \"../types\";\nimport { BookingSgColourSet } from \"./specs/bookingsg-colour-set\";\nimport { CCubeColourSet } from \"./specs/ccube-colour-set\";\nimport { LifeSgColourSet } from \"./specs/lifesg-colour-set\";\nimport { MyLegacyColourSet } from \"./specs/mylegacy-colour-set\";\nimport { OneServiceColourSet } from \"./specs/oneservice-colour-set\";\nimport { PAColourSet } from \"./specs/pa-colour-set\";\nimport { RBSColourSet } from \"./specs/rbs-colour-set\";\nimport { A11yPlaygroundColourSet } from \"./specs/a11yplayground-colour-set\";\nimport { SupportGoWhereColourSet } from \"./specs/supportgowhere-colour-set\";\nimport { IMDAColourSet } from \"./specs/imda-colour-set\";\nimport { SPFColourSet } from \"./specs/spf-colour-set\";\nimport { SMGSColourSet } from \"./specs/smgs-colour-set\";\nimport { CareerCompassColourSet } from \"./specs/careercompass-colour-set\";\nimport { ColourCollectionsMap } from \"./types\";\n\nexport const ColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        careercompass: CareerCompassColourSet,\n        smgs: SMGSColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\n// Dark colour spec - uses explicit dark sets where available, falls back to light sets\nexport const DarkColourSpec: ThemeCollectionSpec<\n    ColourCollectionsMap,\n    ColourScheme\n> = {\n    collections: {\n        // Currently all schemes use light primitive colours as fallback\n        // In the future, add custom dark primitive sets like:\n        // lifesg: LifeSgDarkColourSet,\n        lifesg: LifeSgColourSet,\n        bookingsg: BookingSgColourSet,\n        rbs: RBSColourSet,\n        mylegacy: MyLegacyColourSet,\n        ccube: CCubeColourSet,\n        oneservice: OneServiceColourSet,\n        pa: PAColourSet,\n        a11yplayground: A11yPlaygroundColourSet,\n        supportgowhere: SupportGoWhereColourSet,\n        sgwdigitallobby: SupportGoWhereColourSet,\n        imda: IMDAColourSet,\n        spf: SPFColourSet,\n        careercompass: CareerCompassColourSet,\n        smgs: SMGSColourSet,\n    },\n    defaultValue: \"lifesg\",\n};\n\nexport const getPrimitiveColour = (key: keyof PrimitiveColourSet) => {\n    return (props: StyledComponentProps): string => {\n        const theme = props.theme;\n        const isDarkMode = theme?.colourMode === \"dark\";\n\n        // Select the appropriate colour spec based on theme mode\n        const spec = isDarkMode ? DarkColourSpec : ColourSpec;\n        const colourSet: PrimitiveColourSet = getCollection(\n            spec,\n            theme?.colourScheme\n        );\n\n        // Check for mode-specific overrides first,\n        // then fallback to general overrides\n        const overrideKey = isDarkMode\n            ? \"primitiveColourDark\"\n            : \"primitiveColour\";\n        const overrides = theme?.overrides?.[overrideKey];\n\n        if (overrides) {\n            return getValue(colourSet, key, overrides);\n        } else {\n            return colourSet[key];\n        }\n    };\n};\n\nexport const PrimitiveColour: {\n    [key in keyof PrimitiveColourSet]: (props: StyledComponentProps) => string;\n} = {\n    \"brand-10\": getPrimitiveColour(\"brand-10\"),\n    \"brand-20\": getPrimitiveColour(\"brand-20\"),\n    \"brand-30\": getPrimitiveColour(\"brand-30\"),\n    \"brand-40\": getPrimitiveColour(\"brand-40\"),\n    \"brand-50\": getPrimitiveColour(\"brand-50\"),\n    \"brand-60\": getPrimitiveColour(\"brand-60\"),\n    \"brand-70\": getPrimitiveColour(\"brand-70\"),\n    \"brand-80\": getPrimitiveColour(\"brand-80\"),\n    \"brand-90\": getPrimitiveColour(\"brand-90\"),\n    \"brand-95\": getPrimitiveColour(\"brand-95\"),\n    \"brand-100\": getPrimitiveColour(\"brand-100\"),\n    \"primary-10\": getPrimitiveColour(\"primary-10\"),\n    \"primary-20\": getPrimitiveColour(\"primary-20\"),\n    \"primary-30\": getPrimitiveColour(\"primary-30\"),\n    \"primary-40\": getPrimitiveColour(\"primary-40\"),\n    \"primary-50\": getPrimitiveColour(\"primary-50\"),\n    \"primary-60\": getPrimitiveColour(\"primary-60\"),\n    \"primary-70\": getPrimitiveColour(\"primary-70\"),\n    \"primary-80\": getPrimitiveColour(\"primary-80\"),\n    \"primary-90\": getPrimitiveColour(\"primary-90\"),\n    \"primary-95\": getPrimitiveColour(\"primary-95\"),\n    \"primary-100\": getPrimitiveColour(\"primary-100\"),\n    \"secondary-10\": getPrimitiveColour(\"secondary-10\"),\n    \"secondary-20\": getPrimitiveColour(\"secondary-20\"),\n    \"secondary-30\": getPrimitiveColour(\"secondary-30\"),\n    \"secondary-40\": getPrimitiveColour(\"secondary-40\"),\n    \"secondary-50\": getPrimitiveColour(\"secondary-50\"),\n    \"secondary-60\": getPrimitiveColour(\"secondary-60\"),\n    \"secondary-70\": getPrimitiveColour(\"secondary-70\"),\n    \"secondary-80\": getPrimitiveColour(\"secondary-80\"),\n    \"secondary-90\": getPrimitiveColour(\"secondary-90\"),\n    \"secondary-95\": getPrimitiveColour(\"secondary-95\"),\n    \"secondary-100\": getPrimitiveColour(\"secondary-100\"),\n    \"neutral-10\": getPrimitiveColour(\"neutral-10\"),\n    \"neutral-20\": getPrimitiveColour(\"neutral-20\"),\n    \"neutral-30\": getPrimitiveColour(\"neutral-30\"),\n    \"neutral-40\": getPrimitiveColour(\"neutral-40\"),\n    \"neutral-50\": getPrimitiveColour(\"neutral-50\"),\n    \"neutral-60\": getPrimitiveColour(\"neutral-60\"),\n    \"neutral-70\": getPrimitiveColour(\"neutral-70\"),\n    \"neutral-80\": getPrimitiveColour(\"neutral-80\"),\n    \"neutral-90\": getPrimitiveColour(\"neutral-90\"),\n    \"neutral-95\": getPrimitiveColour(\"neutral-95\"),\n    \"neutral-100\": getPrimitiveColour(\"neutral-100\"),\n    \"success-10\": getPrimitiveColour(\"success-10\"),\n    \"success-20\": getPrimitiveColour(\"success-20\"),\n    \"success-30\": getPrimitiveColour(\"success-30\"),\n    \"success-40\": getPrimitiveColour(\"success-40\"),\n    \"success-50\": getPrimitiveColour(\"success-50\"),\n    \"success-60\": getPrimitiveColour(\"success-60\"),\n    \"success-70\": getPrimitiveColour(\"success-70\"),\n    \"success-80\": getPrimitiveColour(\"success-80\"),\n    \"success-90\": getPrimitiveColour(\"success-90\"),\n    \"success-95\": getPrimitiveColour(\"success-95\"),\n    \"success-100\": getPrimitiveColour(\"success-100\"),\n    \"warning-10\": getPrimitiveColour(\"warning-10\"),\n    \"warning-20\": getPrimitiveColour(\"warning-20\"),\n    \"warning-30\": getPrimitiveColour(\"warning-30\"),\n    \"warning-40\": getPrimitiveColour(\"warning-40\"),\n    \"warning-50\": getPrimitiveColour(\"warning-50\"),\n    \"warning-60\": getPrimitiveColour(\"warning-60\"),\n    \"warning-70\": getPrimitiveColour(\"warning-70\"),\n    \"warning-80\": getPrimitiveColour(\"warning-80\"),\n    \"warning-90\": getPrimitiveColour(\"warning-90\"),\n    \"warning-95\": getPrimitiveColour(\"warning-95\"),\n    \"warning-100\": getPrimitiveColour(\"warning-100\"),\n    \"error-10\": getPrimitiveColour(\"error-10\"),\n    \"error-20\": getPrimitiveColour(\"error-20\"),\n    \"error-30\": getPrimitiveColour(\"error-30\"),\n    \"error-40\": getPrimitiveColour(\"error-40\"),\n    \"error-50\": getPrimitiveColour(\"error-50\"),\n    \"error-60\": getPrimitiveColour(\"error-60\"),\n    \"error-70\": getPrimitiveColour(\"error-70\"),\n    \"error-80\": getPrimitiveColour(\"error-80\"),\n    \"error-90\": getPrimitiveColour(\"error-90\"),\n    \"error-95\": getPrimitiveColour(\"error-95\"),\n    \"error-100\": getPrimitiveColour(\"error-100\"),\n    \"info-10\": getPrimitiveColour(\"info-10\"),\n    \"info-20\": getPrimitiveColour(\"info-20\"),\n    \"info-30\": getPrimitiveColour(\"info-30\"),\n    \"info-40\": getPrimitiveColour(\"info-40\"),\n    \"info-50\": getPrimitiveColour(\"info-50\"),\n    \"info-60\": getPrimitiveColour(\"info-60\"),\n    \"info-70\": getPrimitiveColour(\"info-70\"),\n    \"info-80\": getPrimitiveColour(\"info-80\"),\n    \"info-90\": getPrimitiveColour(\"info-90\"),\n    \"info-95\": getPrimitiveColour(\"info-95\"),\n    \"info-100\": getPrimitiveColour(\"info-100\"),\n    white: getPrimitiveColour(\"white\"),\n    black: getPrimitiveColour(\"black\"),\n    \"primary-inverse\": getPrimitiveColour(\"primary-inverse\"),\n};\n"],"names":["ColourSpec","collections","lifesg","LifeSgColourSet","bookingsg","BookingSgColourSet","rbs","RBSColourSet","mylegacy","MyLegacyColourSet","ccube","CCubeColourSet","oneservice","OneServiceColourSet","pa","PAColourSet","a11yplayground","A11yPlaygroundColourSet","supportgowhere","SupportGoWhereColourSet","sgwdigitallobby","imda","IMDAColourSet","spf","SPFColourSet","careercompass","CareerCompassColourSet","smgs","SMGSColourSet","defaultValue","DarkColourSpec","getPrimitiveColour","key","props","theme","isDarkMode","colourMode","spec","colourSet","getCollection","colourScheme","overrideKey","overrides","_a","getValue","PrimitiveColour","white","black"],"mappings":"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"}

package/cjs/theme/colour-semantic/specs/a11yplayground-semantic-tokens.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("../../colour-primitive/theme-helper.js");const e={text:r.getPrimitiveColour("neutral-20"),"text-subtle":r.getPrimitiveColour("neutral-30"),"text-subtler":r.getPrimitiveColour("neutral-50"),"text-subtlest":r.getPrimitiveColour("neutral-60"),"text-primary":r.getPrimitiveColour("primary-50"),"text-primary-strongest":r.getPrimitiveColour("primary-20"),"text-hover":r.getPrimitiveColour("primary-40"),"text-selected":r.getPrimitiveColour("primary-50"),"text-selected-hover":r.getPrimitiveColour("primary-40"),"text-disabled":r.getPrimitiveColour("neutral-50"),"text-disabled-subtle":r.getPrimitiveColour("neutral-60"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-80"),"text-selected-disabled":r.getPrimitiveColour("neutral-20"),"text-success":r.getPrimitiveColour("success-40"),"text-warning":r.getPrimitiveColour("warning-40"),"text-error":r.getPrimitiveColour("error-40"),"text-info":r.getPrimitiveColour("info-40"),"text-inverse":r.getPrimitiveColour("white"),icon:r.getPrimitiveColour("neutral-50"),"icon-subtle":r.getPrimitiveColour("neutral-60"),"icon-strongest":r.getPrimitiveColour("neutral-20"),"icon-primary":r.getPrimitiveColour("primary-50"),"icon-primary-subtle":r.getPrimitiveColour("primary-60"),"icon-primary-subtlest":r.getPrimitiveColour("primary-70"),"icon-hover":r.getPrimitiveColour("primary-40"),"icon-selected":r.getPrimitiveColour("primary-50"),"icon-selected-hover":r.getPrimitiveColour("primary-40"),"icon-disabled":r.getPrimitiveColour("neutral-50"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-60"),"icon-selected-disabled":r.getPrimitiveColour("neutral-60"),"icon-success":r.getPrimitiveColour("success-50"),"icon-warning":r.getPrimitiveColour("warning-60"),"icon-error":r.getPrimitiveColour("error-50"),"icon-error-strong":r.getPrimitiveColour("error-40"),"icon-info":r.getPrimitiveColour("info-50"),"icon-inverse":r.getPrimitiveColour("white"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-90"),"border-strong":r.getPrimitiveColour("neutral-70"),"border-stronger":r.getPrimitiveColour("neutral-50"),"border-primary":r.getPrimitiveColour("primary-50"),"border-primary-subtle":r.getPrimitiveColour("primary-60"),"border-hover":r.getPrimitiveColour("primary-90"),"border-hover-strong":r.getPrimitiveColour("primary-60"),"border-selected":r.getPrimitiveColour("primary-50"),"border-selected-subtle":r.getPrimitiveColour("primary-70"),"border-selected-subtlest":r.getPrimitiveColour("primary-90"),"border-selected-hover":r.getPrimitiveColour("primary-40"),"border-focus":r.getPrimitiveColour("primary-60"),"border-focus-strong":r.getPrimitiveColour("primary-50"),"border-disabled":r.getPrimitiveColour("neutral-90"),"border-selected-disabled":r.getPrimitiveColour("neutral-70"),"border-success":r.getPrimitiveColour("success-60"),"border-warning":r.getPrimitiveColour("warning-60"),"border-error":r.getPrimitiveColour("error-60"),"border-error-focus":r.getPrimitiveColour("error-60"),"border-error-focus-strong":r.getPrimitiveColour("error-40"),"border-error-strong":r.getPrimitiveColour("error-40"),"border-info":r.getPrimitiveColour("info-60"),bg:r.getPrimitiveColour("white"),"bg-strong":r.getPrimitiveColour("neutral-100"),"bg-stronger":r.getPrimitiveColour("neutral-95"),"bg-strongest":r.getPrimitiveColour("neutral-90"),"bg-hover":r.getPrimitiveColour("primary-95"),"bg-hover-strong":r.getPrimitiveColour("primary-90"),"bg-hover-subtle":r.getPrimitiveColour("primary-100"),"bg-hover-neutral":r.getPrimitiveColour("neutral-100"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-90"),"bg-selected":r.getPrimitiveColour("primary-95"),"bg-selected-hover":r.getPrimitiveColour("primary-90"),"bg-selected-strong":r.getPrimitiveColour("primary-90"),"bg-selected-stronger":r.getPrimitiveColour("primary-70"),"bg-selected-strongest":r.getPrimitiveColour("primary-50"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-40"),"bg-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-70"),"bg-success":r.getPrimitiveColour("success-100"),"bg-success-hover":r.getPrimitiveColour("success-95"),"bg-success-strong":r.getPrimitiveColour("success-50"),"bg-success-strong-hover":r.getPrimitiveColour("success-40"),"bg-warning":r.getPrimitiveColour("warning-100"),"bg-warning-hover":r.getPrimitiveColour("warning-95"),"bg-warning-strong":r.getPrimitiveColour("warning-50"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-40"),"bg-info":r.getPrimitiveColour("info-100"),"bg-info-hover":r.getPrimitiveColour("info-95"),"bg-info-strong":r.getPrimitiveColour("info-50"),"bg-info-strong-hover":r.getPrimitiveColour("info-40"),"bg-error":r.getPrimitiveColour("error-100"),"bg-error-hover":r.getPrimitiveColour("error-95"),"bg-error-strong":r.getPrimitiveColour("error-50"),"bg-error-strong-hover":r.getPrimitiveColour("error-40"),"bg-inverse":r.getPrimitiveColour("neutral-20"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-30"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-50"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-60"),"bg-inverse-hover":r.getPrimitiveColour("neutral-40"),"bg-primary":r.getPrimitiveColour("primary-50"),"bg-primary-subtle":r.getPrimitiveColour("primary-60"),"bg-primary-subtler":r.getPrimitiveColour("primary-95"),"bg-primary-subtlest":r.getPrimitiveColour("primary-100"),"bg-available":"#6DD0A1","bg-primary-hover":r.getPrimitiveColour("primary-40"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-90"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r.getPrimitiveColour("primary-50"),"hyperlink-hover":r.getPrimitiveColour("primary-40"),"hyperlink-visited":r.getPrimitiveColour("primary-40"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-50"),"focus-ring-inverse":r.getPrimitiveColour("white")},i={text:r.getPrimitiveColour("neutral-100"),"text-subtle":r.getPrimitiveColour("neutral-80"),"text-subtler":r.getPrimitiveColour("neutral-60"),"text-subtlest":r.getPrimitiveColour("neutral-50"),"text-primary":r.getPrimitiveColour("primary-60"),"text-primary-strongest":r.getPrimitiveColour("primary-90"),"text-hover":r.getPrimitiveColour("primary-70"),"text-selected":r.getPrimitiveColour("primary-60"),"text-selected-hover":r.getPrimitiveColour("primary-70"),"text-disabled":r.getPrimitiveColour("neutral-60"),"text-disabled-subtle":r.getPrimitiveColour("neutral-50"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-30"),"text-selected-disabled":r.getPrimitiveColour("neutral-90"),"text-success":r.getPrimitiveColour("success-70"),"text-warning":r.getPrimitiveColour("warning-70"),"text-error":r.getPrimitiveColour("error-70"),"text-info":r.getPrimitiveColour("info-70"),"text-inverse":r.getPrimitiveColour("black"),icon:r.getPrimitiveColour("neutral-60"),"icon-subtle":r.getPrimitiveColour("neutral-50"),"icon-strongest":r.getPrimitiveColour("neutral-90"),"icon-primary":r.getPrimitiveColour("primary-60"),"icon-primary-subtle":r.getPrimitiveColour("primary-50"),"icon-primary-subtlest":r.getPrimitiveColour("primary-40"),"icon-hover":r.getPrimitiveColour("primary-70"),"icon-selected":r.getPrimitiveColour("primary-60"),"icon-selected-hover":r.getPrimitiveColour("primary-70"),"icon-disabled":r.getPrimitiveColour("neutral-60"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-50"),"icon-selected-disabled":r.getPrimitiveColour("neutral-50"),"icon-success":r.getPrimitiveColour("success-60"),"icon-warning":r.getPrimitiveColour("warning-50"),"icon-error":r.getPrimitiveColour("error-60"),"icon-error-strong":r.getPrimitiveColour("error-70"),"icon-info":r.getPrimitiveColour("info-60"),"icon-inverse":r.getPrimitiveColour("black"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-20"),"border-strong":r.getPrimitiveColour("neutral-40"),"border-stronger":r.getPrimitiveColour("neutral-60"),"border-primary":r.getPrimitiveColour("primary-60"),"border-primary-subtle":r.getPrimitiveColour("primary-50"),"border-hover":r.getPrimitiveColour("primary-20"),"border-hover-strong":r.getPrimitiveColour("primary-50"),"border-selected":r.getPrimitiveColour("primary-60"),"border-selected-subtle":r.getPrimitiveColour("primary-40"),"border-selected-subtlest":r.getPrimitiveColour("primary-20"),"border-selected-hover":r.getPrimitiveColour("primary-70"),"border-focus":r.getPrimitiveColour("primary-50"),"border-focus-strong":r.getPrimitiveColour("primary-60"),"border-disabled":r.getPrimitiveColour("neutral-20"),"border-selected-disabled":r.getPrimitiveColour("neutral-40"),"border-success":r.getPrimitiveColour("success-50"),"border-warning":r.getPrimitiveColour("warning-50"),"border-error":r.getPrimitiveColour("error-50"),"border-error-focus":r.getPrimitiveColour("error-50"),"border-error-focus-strong":r.getPrimitiveColour("error-70"),"border-error-strong":r.getPrimitiveColour("error-70"),"border-info":r.getPrimitiveColour("info-50"),bg:r.getPrimitiveColour("black"),"bg-strong":r.getPrimitiveColour("neutral-10"),"bg-stronger":r.getPrimitiveColour("neutral-20"),"bg-strongest":r.getPrimitiveColour("neutral-20"),"bg-hover":r.getPrimitiveColour("primary-20"),"bg-hover-strong":r.getPrimitiveColour("primary-20"),"bg-hover-subtle":r.getPrimitiveColour("primary-10"),"bg-hover-neutral":r.getPrimitiveColour("neutral-10"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-20"),"bg-selected":r.getPrimitiveColour("primary-20"),"bg-selected-hover":r.getPrimitiveColour("primary-20"),"bg-selected-strong":r.getPrimitiveColour("primary-20"),"bg-selected-stronger":r.getPrimitiveColour("primary-40"),"bg-selected-strongest":r.getPrimitiveColour("primary-60"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-70"),"bg-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-40"),"bg-success":r.getPrimitiveColour("success-10"),"bg-success-hover":r.getPrimitiveColour("success-20"),"bg-success-strong":r.getPrimitiveColour("success-60"),"bg-success-strong-hover":r.getPrimitiveColour("success-70"),"bg-warning":r.getPrimitiveColour("warning-10"),"bg-warning-hover":r.getPrimitiveColour("warning-20"),"bg-warning-strong":r.getPrimitiveColour("warning-60"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-70"),"bg-info":r.getPrimitiveColour("info-10"),"bg-info-hover":r.getPrimitiveColour("info-20"),"bg-info-strong":r.getPrimitiveColour("info-60"),"bg-info-strong-hover":r.getPrimitiveColour("info-70"),"bg-error":r.getPrimitiveColour("error-10"),"bg-error-hover":r.getPrimitiveColour("error-20"),"bg-error-strong":r.getPrimitiveColour("error-60"),"bg-error-strong-hover":r.getPrimitiveColour("error-70"),"bg-inverse":r.getPrimitiveColour("neutral-90"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-80"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-60"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-50"),"bg-inverse-hover":r.getPrimitiveColour("neutral-70"),"bg-primary":r.getPrimitiveColour("primary-60"),"bg-primary-subtle":r.getPrimitiveColour("primary-50"),"bg-primary-subtler":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest":r.getPrimitiveColour("primary-10"),"bg-available":"#185339","bg-primary-hover":r.getPrimitiveColour("primary-70"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r.getPrimitiveColour("primary-60"),"hyperlink-hover":r.getPrimitiveColour("primary-70"),"hyperlink-visited":r.getPrimitiveColour("primary-70"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-60"),"focus-ring-inverse":r.getPrimitiveColour("black")};exports.A11yPlaygroundColourSet=e,exports.A11yPlaygroundDarkColourSet=i;
+"use strict";var r=require("../../colour-primitive/theme-helper.js");const e={text:r.getPrimitiveColour("neutral-20"),"text-subtle":r.getPrimitiveColour("neutral-30"),"text-subtler":r.getPrimitiveColour("neutral-50"),"text-subtlest":r.getPrimitiveColour("neutral-60"),"text-primary":r.getPrimitiveColour("primary-50"),"text-primary-strongest":r.getPrimitiveColour("primary-20"),"text-secondary":r.getPrimitiveColour("secondary-50"),"text-secondary-subtle":r.getPrimitiveColour("secondary-60"),"text-hover":r.getPrimitiveColour("primary-40"),"text-selected":r.getPrimitiveColour("primary-50"),"text-selected-hover":r.getPrimitiveColour("primary-40"),"text-disabled":r.getPrimitiveColour("neutral-50"),"text-disabled-subtle":r.getPrimitiveColour("neutral-60"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-80"),"text-selected-disabled":r.getPrimitiveColour("neutral-20"),"text-success":r.getPrimitiveColour("success-40"),"text-warning":r.getPrimitiveColour("warning-40"),"text-error":r.getPrimitiveColour("error-40"),"text-info":r.getPrimitiveColour("info-40"),"text-inverse":r.getPrimitiveColour("white"),icon:r.getPrimitiveColour("neutral-50"),"icon-subtle":r.getPrimitiveColour("neutral-60"),"icon-strongest":r.getPrimitiveColour("neutral-20"),"icon-primary":r.getPrimitiveColour("primary-50"),"icon-primary-subtle":r.getPrimitiveColour("primary-60"),"icon-primary-subtlest":r.getPrimitiveColour("primary-70"),"icon-secondary":r.getPrimitiveColour("secondary-50"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-60"),"icon-hover":r.getPrimitiveColour("primary-40"),"icon-selected":r.getPrimitiveColour("primary-50"),"icon-selected-hover":r.getPrimitiveColour("primary-40"),"icon-disabled":r.getPrimitiveColour("neutral-50"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-60"),"icon-selected-disabled":r.getPrimitiveColour("neutral-60"),"icon-success":r.getPrimitiveColour("success-50"),"icon-warning":r.getPrimitiveColour("warning-60"),"icon-error":r.getPrimitiveColour("error-50"),"icon-error-strong":r.getPrimitiveColour("error-40"),"icon-info":r.getPrimitiveColour("info-50"),"icon-inverse":r.getPrimitiveColour("white"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-90"),"border-strong":r.getPrimitiveColour("neutral-70"),"border-stronger":r.getPrimitiveColour("neutral-50"),"border-primary":r.getPrimitiveColour("primary-50"),"border-primary-subtle":r.getPrimitiveColour("primary-60"),"border-hover":r.getPrimitiveColour("primary-90"),"border-hover-strong":r.getPrimitiveColour("primary-60"),"border-selected":r.getPrimitiveColour("primary-50"),"border-selected-subtle":r.getPrimitiveColour("primary-70"),"border-selected-subtlest":r.getPrimitiveColour("primary-90"),"border-selected-hover":r.getPrimitiveColour("primary-40"),"border-focus":r.getPrimitiveColour("primary-60"),"border-focus-strong":r.getPrimitiveColour("primary-50"),"border-disabled":r.getPrimitiveColour("neutral-90"),"border-selected-disabled":r.getPrimitiveColour("neutral-70"),"border-success":r.getPrimitiveColour("success-60"),"border-warning":r.getPrimitiveColour("warning-60"),"border-error":r.getPrimitiveColour("error-60"),"border-error-focus":r.getPrimitiveColour("error-60"),"border-error-focus-strong":r.getPrimitiveColour("error-40"),"border-error-strong":r.getPrimitiveColour("error-40"),"border-info":r.getPrimitiveColour("info-60"),bg:r.getPrimitiveColour("white"),"bg-strong":r.getPrimitiveColour("neutral-100"),"bg-stronger":r.getPrimitiveColour("neutral-95"),"bg-strongest":r.getPrimitiveColour("neutral-90"),"bg-hover":r.getPrimitiveColour("primary-95"),"bg-hover-strong":r.getPrimitiveColour("primary-90"),"bg-hover-subtle":r.getPrimitiveColour("primary-100"),"bg-hover-neutral":r.getPrimitiveColour("neutral-100"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-90"),"bg-selected":r.getPrimitiveColour("primary-95"),"bg-selected-hover":r.getPrimitiveColour("primary-90"),"bg-selected-strong":r.getPrimitiveColour("primary-90"),"bg-selected-stronger":r.getPrimitiveColour("primary-70"),"bg-selected-strongest":r.getPrimitiveColour("primary-50"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-40"),"bg-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-disabled":r.getPrimitiveColour("neutral-95"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-70"),"bg-success":r.getPrimitiveColour("success-100"),"bg-success-hover":r.getPrimitiveColour("success-95"),"bg-success-strong":r.getPrimitiveColour("success-50"),"bg-success-strong-hover":r.getPrimitiveColour("success-40"),"bg-warning":r.getPrimitiveColour("warning-100"),"bg-warning-hover":r.getPrimitiveColour("warning-95"),"bg-warning-strong":r.getPrimitiveColour("warning-50"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-40"),"bg-info":r.getPrimitiveColour("info-100"),"bg-info-hover":r.getPrimitiveColour("info-95"),"bg-info-strong":r.getPrimitiveColour("info-50"),"bg-info-strong-hover":r.getPrimitiveColour("info-40"),"bg-error":r.getPrimitiveColour("error-100"),"bg-error-hover":r.getPrimitiveColour("error-95"),"bg-error-strong":r.getPrimitiveColour("error-50"),"bg-error-strong-hover":r.getPrimitiveColour("error-40"),"bg-inverse":r.getPrimitiveColour("neutral-20"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-30"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-50"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-60"),"bg-inverse-hover":r.getPrimitiveColour("neutral-40"),"bg-primary":r.getPrimitiveColour("primary-50"),"bg-primary-subtle":r.getPrimitiveColour("primary-60"),"bg-primary-subtler":r.getPrimitiveColour("primary-95"),"bg-primary-subtlest":r.getPrimitiveColour("primary-100"),"bg-available":"#6DD0A1","bg-secondary":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-95"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-100"),"bg-primary-hover":r.getPrimitiveColour("primary-40"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-90"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-90"),"overlay-strong":"rgba(40, 40, 40, 0.85)","overlay-subtle":"rgba(40, 40, 40, 0.20)",hyperlink:r.getPrimitiveColour("primary-50"),"hyperlink-hover":r.getPrimitiveColour("primary-40"),"hyperlink-visited":r.getPrimitiveColour("primary-40"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-50"),"focus-ring-inverse":r.getPrimitiveColour("white")},i={text:r.getPrimitiveColour("neutral-100"),"text-subtle":r.getPrimitiveColour("neutral-80"),"text-subtler":r.getPrimitiveColour("neutral-60"),"text-subtlest":r.getPrimitiveColour("neutral-50"),"text-primary":r.getPrimitiveColour("primary-60"),"text-primary-strongest":r.getPrimitiveColour("primary-90"),"text-secondary":r.getPrimitiveColour("secondary-60"),"text-secondary-subtle":r.getPrimitiveColour("secondary-50"),"text-hover":r.getPrimitiveColour("primary-70"),"text-selected":r.getPrimitiveColour("primary-60"),"text-selected-hover":r.getPrimitiveColour("primary-70"),"text-disabled":r.getPrimitiveColour("neutral-60"),"text-disabled-subtle":r.getPrimitiveColour("neutral-50"),"text-disabled-subtlest":r.getPrimitiveColour("neutral-30"),"text-selected-disabled":r.getPrimitiveColour("neutral-90"),"text-success":r.getPrimitiveColour("success-70"),"text-warning":r.getPrimitiveColour("warning-70"),"text-error":r.getPrimitiveColour("error-70"),"text-info":r.getPrimitiveColour("info-70"),"text-inverse":r.getPrimitiveColour("black"),icon:r.getPrimitiveColour("neutral-60"),"icon-subtle":r.getPrimitiveColour("neutral-50"),"icon-strongest":r.getPrimitiveColour("neutral-90"),"icon-primary":r.getPrimitiveColour("primary-60"),"icon-primary-subtle":r.getPrimitiveColour("primary-50"),"icon-primary-subtlest":r.getPrimitiveColour("primary-40"),"icon-secondary":r.getPrimitiveColour("secondary-60"),"icon-secondary-subtle":r.getPrimitiveColour("secondary-50"),"icon-hover":r.getPrimitiveColour("primary-70"),"icon-selected":r.getPrimitiveColour("primary-60"),"icon-selected-hover":r.getPrimitiveColour("primary-70"),"icon-disabled":r.getPrimitiveColour("neutral-60"),"icon-disabled-subtle":r.getPrimitiveColour("neutral-50"),"icon-selected-disabled":r.getPrimitiveColour("neutral-50"),"icon-success":r.getPrimitiveColour("success-60"),"icon-warning":r.getPrimitiveColour("warning-50"),"icon-error":r.getPrimitiveColour("error-60"),"icon-error-strong":r.getPrimitiveColour("error-70"),"icon-info":r.getPrimitiveColour("info-60"),"icon-inverse":r.getPrimitiveColour("black"),"icon-primary-inverse":r.getPrimitiveColour("primary-inverse"),border:r.getPrimitiveColour("neutral-20"),"border-strong":r.getPrimitiveColour("neutral-40"),"border-stronger":r.getPrimitiveColour("neutral-60"),"border-primary":r.getPrimitiveColour("primary-60"),"border-primary-subtle":r.getPrimitiveColour("primary-50"),"border-hover":r.getPrimitiveColour("primary-20"),"border-hover-strong":r.getPrimitiveColour("primary-50"),"border-selected":r.getPrimitiveColour("primary-60"),"border-selected-subtle":r.getPrimitiveColour("primary-40"),"border-selected-subtlest":r.getPrimitiveColour("primary-20"),"border-selected-hover":r.getPrimitiveColour("primary-70"),"border-focus":r.getPrimitiveColour("primary-50"),"border-focus-strong":r.getPrimitiveColour("primary-60"),"border-disabled":r.getPrimitiveColour("neutral-20"),"border-selected-disabled":r.getPrimitiveColour("neutral-40"),"border-success":r.getPrimitiveColour("success-50"),"border-warning":r.getPrimitiveColour("warning-50"),"border-error":r.getPrimitiveColour("error-50"),"border-error-focus":r.getPrimitiveColour("error-50"),"border-error-focus-strong":r.getPrimitiveColour("error-70"),"border-error-strong":r.getPrimitiveColour("error-70"),"border-info":r.getPrimitiveColour("info-50"),bg:r.getPrimitiveColour("black"),"bg-strong":r.getPrimitiveColour("neutral-10"),"bg-stronger":r.getPrimitiveColour("neutral-20"),"bg-strongest":r.getPrimitiveColour("neutral-20"),"bg-hover":r.getPrimitiveColour("primary-20"),"bg-hover-strong":r.getPrimitiveColour("primary-20"),"bg-hover-subtle":r.getPrimitiveColour("primary-10"),"bg-hover-neutral":r.getPrimitiveColour("neutral-10"),"bg-hover-neutral-strong":r.getPrimitiveColour("neutral-20"),"bg-selected":r.getPrimitiveColour("primary-20"),"bg-selected-hover":r.getPrimitiveColour("primary-20"),"bg-selected-strong":r.getPrimitiveColour("primary-20"),"bg-selected-stronger":r.getPrimitiveColour("primary-40"),"bg-selected-strongest":r.getPrimitiveColour("primary-60"),"bg-selected-strongest-hover":r.getPrimitiveColour("primary-70"),"bg-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-disabled":r.getPrimitiveColour("neutral-20"),"bg-selected-stronger-disabled":r.getPrimitiveColour("neutral-40"),"bg-success":r.getPrimitiveColour("success-10"),"bg-success-hover":r.getPrimitiveColour("success-20"),"bg-success-strong":r.getPrimitiveColour("success-60"),"bg-success-strong-hover":r.getPrimitiveColour("success-70"),"bg-warning":r.getPrimitiveColour("warning-10"),"bg-warning-hover":r.getPrimitiveColour("warning-20"),"bg-warning-strong":r.getPrimitiveColour("warning-60"),"bg-warning-strong-hover":r.getPrimitiveColour("warning-70"),"bg-info":r.getPrimitiveColour("info-10"),"bg-info-hover":r.getPrimitiveColour("info-20"),"bg-info-strong":r.getPrimitiveColour("info-60"),"bg-info-strong-hover":r.getPrimitiveColour("info-70"),"bg-error":r.getPrimitiveColour("error-10"),"bg-error-hover":r.getPrimitiveColour("error-20"),"bg-error-strong":r.getPrimitiveColour("error-60"),"bg-error-strong-hover":r.getPrimitiveColour("error-70"),"bg-inverse":r.getPrimitiveColour("neutral-90"),"bg-inverse-subtle":r.getPrimitiveColour("neutral-80"),"bg-inverse-subtler":r.getPrimitiveColour("neutral-60"),"bg-inverse-subtlest":r.getPrimitiveColour("neutral-50"),"bg-inverse-hover":r.getPrimitiveColour("neutral-70"),"bg-primary":r.getPrimitiveColour("primary-60"),"bg-primary-subtle":r.getPrimitiveColour("primary-50"),"bg-primary-subtler":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest":r.getPrimitiveColour("primary-10"),"bg-available":"#185339","bg-secondary":r.getPrimitiveColour("secondary-60"),"bg-secondary-subtle":r.getPrimitiveColour("secondary-50"),"bg-secondary-subtler":r.getPrimitiveColour("secondary-20"),"bg-secondary-subtlest":r.getPrimitiveColour("secondary-10"),"bg-primary-hover":r.getPrimitiveColour("primary-70"),"bg-primary-subtlest-hover":r.getPrimitiveColour("primary-20"),"bg-primary-subtlest-selected":r.getPrimitiveColour("primary-20"),"overlay-strong":"rgba(78, 78, 78, 0.80)","overlay-subtle":"rgba(78, 78, 78, 0.50)",hyperlink:r.getPrimitiveColour("primary-60"),"hyperlink-hover":r.getPrimitiveColour("primary-70"),"hyperlink-visited":r.getPrimitiveColour("primary-70"),"hyperlink-inverse":r.getPrimitiveColour("primary-inverse"),"focus-ring":r.getPrimitiveColour("primary-60"),"focus-ring-inverse":r.getPrimitiveColour("black")};exports.A11yPlaygroundColourSet=e,exports.A11yPlaygroundDarkColourSet=i;
 //# sourceMappingURL=a11yplayground-semantic-tokens.js.map