@lifesg/react-design-system 4.0.0-alpha.8 → 4.0.0-alpha.9

package/util/use-event-listener.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-event-listener.js","sources":["../../src/util/use-event-listener.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\ntype Target = \"window\" | \"document\" | HTMLElement | null;\ntype Element = Window | Document | HTMLElement | null;\ntype EventHandler<K extends keyof WindowEventMap> = (\n    event: WindowEventMap[K]\n) => void;\n\nexport const useEventListener = <K extends keyof WindowEventMap>(\n    eventName: K,\n    handler: EventHandler<K>,\n    target: Target = \"window\",\n    options?: AddEventListenerOptions | boolean\n) => {\n    // Create a ref that stores handler\n    const savedHandler = useRef<EventHandler<K>>();\n    // Update ref.current value if handler changes.\n    // This allows our effect below to always get latest handler ...\n    useEffect(() => {\n        savedHandler.current = handler;\n    }, [handler]);\n\n    useEffect(\n        () => {\n            let element: Element;\n            switch (target) {\n                case \"window\":\n                    element = window;\n                    break;\n                case \"document\":\n                    element = document;\n                    break;\n                default:\n                    element = target;\n            }\n\n            // Make sure element supports addEventListener\n            if (!element || !element.addEventListener) return;\n\n            // Create event listener that calls handler function stored in ref\n            const eventListener = ((event: WindowEventMap[K]) =>\n                savedHandler.current?.(event)) as EventListener;\n            // Add event listener\n            element.addEventListener(eventName, eventListener, options);\n            // Remove event listener on cleanup\n            return () => {\n                element?.removeEventListener(eventName, eventListener, options);\n            };\n        },\n        [eventName, target] // Re-run if eventName or element changes\n    );\n};\n"],"names":["useEventListener","eventName","handler","target","options","savedHandler","useRef","useEffect","current","element","window","document","addEventListener","eventListener","event","_a","call","removeEventListener"],"mappings":"8CAQO,MAAMA,EAAmB,CAC5BC,EACAC,EACAC,EAAiB,SACjBC,KAGA,MAAMC,EAAeC,IAGrBC,GAAU,KACNF,EAAaG,QAAUN,CAAO,GAC/B,CAACA,IAEJK,GACI,KACI,IAAIE,EACJ,OAAQN,GACJ,IAAK,SACDM,EAAUC,OACV,MACJ,IAAK,WACDD,EAAUE,SACV,MACJ,QACIF,EAAUN,EAIlB,IAAKM,IAAYA,EAAQG,iBAAkB,OAG3C,MAAMC,EAAkBC,IAA4B,IAAAC,EAChD,OAAoB,UAApBV,EAAaG,eAAO,IAAAO,OAAA,EAAAA,EAAAC,KAAAX,EAAGS,EAAM,EAIjC,OAFAL,EAAQG,iBAAiBX,EAAWY,EAAeT,GAE5C,KACHK,SAAAA,EAASQ,oBAAoBhB,EAAWY,EAAeT,EAAQ,CAClE,GAEL,CAACH,EAAWE,GACf"}
+{"version":3,"file":"use-event-listener.js","sources":["../../src/util/use-event-listener.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\ntype Target = \"window\" | \"document\" | HTMLElement | null;\ntype Element = Window | Document | HTMLElement | null;\ntype EventHandler<K extends keyof WindowEventMap> = (\n    event: WindowEventMap[K]\n) => void;\n\nexport const useEventListener = <K extends keyof WindowEventMap>(\n    eventName: K,\n    handler: EventHandler<K>,\n    target: Target = \"window\",\n    options?: AddEventListenerOptions | boolean\n) => {\n    // Create a ref that stores handler\n    const savedHandler = useRef<EventHandler<K>>();\n    // Update ref.current value if handler changes.\n    // This allows our effect below to always get latest handler ...\n    useEffect(() => {\n        savedHandler.current = handler;\n    }, [handler]);\n\n    useEffect(\n        () => {\n            let element: Element;\n            switch (target) {\n                case \"window\":\n                    element = window;\n                    break;\n                case \"document\":\n                    element = document;\n                    break;\n                default:\n                    element = target;\n            }\n\n            // Make sure element supports addEventListener\n            if (!element || !element.addEventListener) return;\n\n            // Create event listener that calls handler function stored in ref\n            const eventListener = ((event: WindowEventMap[K]) =>\n                savedHandler.current?.(event)) as EventListener;\n            // Add event listener\n            element.addEventListener(eventName, eventListener, options);\n            // Remove event listener on cleanup\n            return () => {\n                element?.removeEventListener(eventName, eventListener, options);\n            };\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [eventName, target] // Re-run if eventName or element changes\n    );\n};\n"],"names":["useEventListener","eventName","handler","target","options","savedHandler","useRef","useEffect","current","element","window","document","addEventListener","eventListener","event","_a","call","removeEventListener"],"mappings":"8CAQO,MAAMA,EAAmB,CAC5BC,EACAC,EACAC,EAAiB,SACjBC,KAGA,MAAMC,EAAeC,IAGrBC,GAAU,KACNF,EAAaG,QAAUN,CAAO,GAC/B,CAACA,IAEJK,GACI,KACI,IAAIE,EACJ,OAAQN,GACJ,IAAK,SACDM,EAAUC,OACV,MACJ,IAAK,WACDD,EAAUE,SACV,MACJ,QACIF,EAAUN,EAIlB,IAAKM,IAAYA,EAAQG,iBAAkB,OAG3C,MAAMC,EAAkBC,IAA4B,IAAAC,EAChD,OAAoB,UAApBV,EAAaG,eAAO,IAAAO,OAAA,EAAAA,EAAAC,KAAAX,EAAGS,EAAM,EAIjC,OAFAL,EAAQG,iBAAiBX,EAAWY,EAAeT,GAE5C,KACHK,SAAAA,EAASQ,oBAAoBhB,EAAWY,EAAeT,EAAQ,CAClE,GAGL,CAACH,EAAWE,GACf"}

package/util/use-state-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-state-actions.js","sources":["../../src/util/use-state-actions.ts"],"sourcesContent":["import { useReducer } from \"react\";\n\nimport type { RequiredKeys } from \"./utility-types\";\n\ntype ReducerObj<State> = {\n    [action: string]: (state: State, payload: any) => State;\n};\n\ntype Actions<State, Reducers extends ReducerObj<State>> = {\n    [T in keyof Reducers]: Reducers[T] extends (state: State) => State\n        ? () => void\n        : Reducers[T] extends (\n              state: State,\n              payload: Parameters<Reducers[T]>[1]\n          ) => State\n        ? (\n              ...args: RequiredKeys<Parameters<Reducers[T]>[1]> extends never\n                  ? [payload?: Parameters<Reducers[T]>[1]]\n                  : [payload: Parameters<Reducers[T]>[1]]\n          ) => void\n        : never;\n};\n\ninterface StateActions<State, Reducers> {\n    /** reducer initial state */\n    initialState: State;\n    /** specify functions that return the new state. must be immutable */\n    reducers: Reducers;\n    /** identify the reducer for debugging */\n    name?: string;\n    /** enable debugging */\n    debug?: boolean;\n}\n\n/**\n * An interface around `React.useReducer` to limit boilerplate. Each action\n * is a function that takes in state and payload, then returns the updated state\n * immutably. Inspired by redux toolkit's createSlice api.\n *\n * Example:\n * ```\n * const initialState = { count: 0 };\n * const reducers = {\n *     increment: (state) => ({ ...state, count: state.count + 1 }),\n *     multiplyBy: (state, multiplier: number) => ({\n *         ...state,\n *         count: state.count * multiplier,\n *     }),\n * };\n * const [state, actions] = useStateActions({ initialState, reducers });\n * actions.increment();\n * actions.multiplyBy(2);\n * ```\n *\n */\nexport const useStateActions = <State, Reducers extends ReducerObj<State>>({\n    initialState,\n    reducers,\n    name,\n    debug,\n}: StateActions<State, Reducers>): [State, Actions<State, Reducers>] => {\n    const reducer = (state: State, action: { type: string; payload: any }) => {\n        if (reducers[action.type]) {\n            return reducers[action.type](state, action.payload);\n        }\n        return state;\n    };\n    const [state, dispatch] = useReducer(reducer, initialState);\n    const actions = Object.fromEntries(\n        Object.keys(reducers).map((actionType) => {\n            return [\n                actionType,\n                (payload: unknown) => {\n                    if (debug) {\n                        logAction(name, actionType, payload);\n                    }\n                    dispatch({\n                        type: actionType,\n                        payload,\n                    });\n                },\n            ];\n        })\n    );\n    return [state, actions] as [State, Actions<State, Reducers>];\n};\n\nconst logAction = (\n    name: string | undefined,\n    type: string,\n    payload: unknown\n) => {\n    const args = [];\n    if (name) args.push(`[${name}]`);\n    args.push(type, payload);\n\n    console.log(...args);\n};\n"],"names":["useStateActions","initialState","reducers","name","debug","state","dispatch","useReducer","action","type","payload","Object","fromEntries","keys","map","actionType","logAction","args","push","console","log"],"mappings":"mCAuDO,MAAMA,EAAkB,EAC3BC,eACAC,WACAC,OACAC,YAEA,MAMOC,EAAOC,GAAYC,GANV,CAACF,EAAcG,IACvBN,EAASM,EAAOC,MACTP,EAASM,EAAOC,MAAMJ,EAAOG,EAAOE,SAExCL,GAEmCJ,GAiB9C,MAAO,CAACI,EAhBQM,OAAOC,YACnBD,OAAOE,KAAKX,GAAUY,KAAKC,GAChB,CACHA,EACCL,IACON,GACAY,EAAUb,EAAMY,EAAYL,GAEhCJ,EAAS,CACLG,KAAMM,EACNL,WACF,MAK0C,EAG1DM,EAAY,CACdb,EACAM,EACAC,KAEA,MAAMO,EAAO,GACHA,EAAKC,KAAK,IAAIf,MACxBc,EAAKC,KAAKT,EAAMC,GAEhBS,QAAQC,OAAOH,EAAK"}
+{"version":3,"file":"use-state-actions.js","sources":["../../src/util/use-state-actions.ts"],"sourcesContent":["import { useReducer } from \"react\";\n\nimport type { RequiredKeys } from \"./utility-types\";\n\ntype ReducerObj<State> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [action: string]: (state: State, payload: any) => State;\n};\n\ntype Actions<State, Reducers extends ReducerObj<State>> = {\n    [T in keyof Reducers]: Reducers[T] extends (state: State) => State\n        ? () => void\n        : Reducers[T] extends (\n              state: State,\n              payload: Parameters<Reducers[T]>[1]\n          ) => State\n        ? (\n              ...args: RequiredKeys<Parameters<Reducers[T]>[1]> extends never\n                  ? [payload?: Parameters<Reducers[T]>[1]]\n                  : [payload: Parameters<Reducers[T]>[1]]\n          ) => void\n        : never;\n};\n\ninterface StateActions<State, Reducers> {\n    /** reducer initial state */\n    initialState: State;\n    /** specify functions that return the new state. must be immutable */\n    reducers: Reducers;\n    /** identify the reducer for debugging */\n    name?: string;\n    /** enable debugging */\n    debug?: boolean;\n}\n\n/**\n * An interface around `React.useReducer` to limit boilerplate. Each action\n * is a function that takes in state and payload, then returns the updated state\n * immutably. Inspired by redux toolkit's createSlice api.\n *\n * Example:\n * ```\n * const initialState = { count: 0 };\n * const reducers = {\n *     increment: (state) => ({ ...state, count: state.count + 1 }),\n *     multiplyBy: (state, multiplier: number) => ({\n *         ...state,\n *         count: state.count * multiplier,\n *     }),\n * };\n * const [state, actions] = useStateActions({ initialState, reducers });\n * actions.increment();\n * actions.multiplyBy(2);\n * ```\n *\n */\nexport const useStateActions = <State, Reducers extends ReducerObj<State>>({\n    initialState,\n    reducers,\n    name,\n    debug,\n}: StateActions<State, Reducers>): [State, Actions<State, Reducers>] => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const reducer = (state: State, action: { type: string; payload: any }) => {\n        if (reducers[action.type]) {\n            return reducers[action.type](state, action.payload);\n        }\n        return state;\n    };\n    const [state, dispatch] = useReducer(reducer, initialState);\n    const actions = Object.fromEntries(\n        Object.keys(reducers).map((actionType) => {\n            return [\n                actionType,\n                (payload: unknown) => {\n                    if (debug) {\n                        logAction(name, actionType, payload);\n                    }\n                    dispatch({\n                        type: actionType,\n                        payload,\n                    });\n                },\n            ];\n        })\n    );\n    return [state, actions] as [State, Actions<State, Reducers>];\n};\n\nconst logAction = (\n    name: string | undefined,\n    type: string,\n    payload: unknown\n) => {\n    const args = [];\n    if (name) args.push(`[${name}]`);\n    args.push(type, payload);\n\n    console.log(...args);\n};\n"],"names":["useStateActions","initialState","reducers","name","debug","state","dispatch","useReducer","action","type","payload","Object","fromEntries","keys","map","actionType","logAction","args","push","console","log"],"mappings":"mCAwDO,MAAMA,EAAkB,EAC3BC,eACAC,WACAC,OACAC,YAGA,MAMOC,EAAOC,GAAYC,GANV,CAACF,EAAcG,IACvBN,EAASM,EAAOC,MACTP,EAASM,EAAOC,MAAMJ,EAAOG,EAAOE,SAExCL,GAEmCJ,GAiB9C,MAAO,CAACI,EAhBQM,OAAOC,YACnBD,OAAOE,KAAKX,GAAUY,KAAKC,GAChB,CACHA,EACCL,IACON,GACAY,EAAUb,EAAMY,EAAYL,GAEhCJ,EAAS,CACLG,KAAMM,EACNL,WACF,MAK0C,EAG1DM,EAAY,CACdb,EACAM,EACAC,KAEA,MAAMO,EAAO,GACHA,EAAKC,KAAK,IAAIf,MACxBc,EAAKC,KAAKT,EAAMC,GAEhBS,QAAQC,OAAOH,EAAK"}

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

@@ -1,2 +0,0 @@
-"use strict";require("./form-textarea.styles_1kneyif.css");exports.errorMessageContainer="e171r5qb",exports.errorMessageLabel="ellm5gf",exports.labelContainer="l1j0sg6e";
-//# sourceMappingURL=form-textarea.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-textarea.styles.js","sources":["../../../../src/form/form-textarea/form-textarea.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../../theme\";\n\nexport const labelContainer = css`\n    display: flex;\n    justify-content: flex-end;\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const errorMessageContainer = css`\n    display: flex;\n    flex: 1;\n    margin-right: ${Spacing[\"spacing-12\"]};\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const errorMessageLabel = css`\n    margin-top: 0;\n`;\n"],"names":[],"mappings":"2HAUkC,qCAOJ,iCAbH"}

package/cjs/form/form-textarea/form-textarea.styles_1kneyif.css

@@ -1,3 +0,0 @@
-@layer fds{.l1j0sg6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:var(--fds-spacing-8);}
-.e171r5qb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:var(--fds-spacing-12);gap:var(--fds-spacing-4);}
-.ellm5gf{margin-top:0;}}

package/cjs/toggle/toggle.styles_1t5qrye.css

@@ -1,38 +0,0 @@
-@layer fds{.h1fyul7s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
-.tybgacj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-wrap:anywhere;width:100%;overflow:hidden;color:var(--fds-colour-text);}
-.tvkjim3{color:var(--fds-colour-text-selected);}
-.t1aku79x{color:var(--fds-colour-text-selected-disabled);}
-.c11szvws{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:10.375rem;border-radius:var(--fds-radius-sm);border-width:1px;border-style:solid;overflow:hidden;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:var(--fds-colour-bg);}.c11szvws:focus-within{outline:2px solid var(--fds-colour-focus-ring);outline-offset:0;}
-.n12ofp2c{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
-.u1l0nsei{min-width:unset;}
-.c17z2k4k{border-color:var(--fds-colour-border-error);}
-.tfiow01{border:none;background:var(--fds-colour-bg-selected-disabled);}
-.td5xote{border:none;}
-.t15nuck4{border:none;background:var(--fds-colour-bg-selected);}
-.tnwn55u{border:none;}
-.t1graj5g{border-color:var(--fds-colour-border-error);}
-.t1qqpl3b{border-color:var(--fds-colour-border-selected-disabled);background:var(--fds-colour-bg-selected-disabled);}
-.t1l2ct9g{border-color:var(--fds-colour-border-disabled);background:var(--fds-colour-bg-disabled);}
-.t1tat3es{border-color:var(--fds-colour-border-selected);background:var(--fds-colour-bg-selected);}
-@media (pointer: fine){.t1nsq3eo:has(.h1fyul7s:hover){background:var(--fds-colour-bg-selected-hover);}.t1nsq3eo:has(.h1fyul7s:hover) .tybgacj{color:var(--fds-colour-text-selected-hover);}.t1nsq3eo:has(.h1fyul7s:hover) .wxufi5f{color:var(--fds-colour-icon-selected-hover);}}
-.t1cyflot{border-color:var(--fds-colour-border);}
-@media (pointer: fine){.txm5wyu:has(.h1fyul7s:hover){background:var(--fds-colour-bg-hover-subtle);}}
-.i14lgw6r{position:absolute;height:100%;width:100%;cursor:pointer;top:0;left:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:transparent;border:none;}
-.tovnc4j{cursor:not-allowed;}
-.iangfw6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.l1oixyvr{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow-wrap:break-word;--fds-internal-toggle-label-desktopLineClamp:initial;--fds-internal-toggle-label-tabletLineClamp:initial;--fds-internal-toggle-label-mobileLineClamp:initial;-webkit-line-clamp:var(--fds-internal-toggle-label-desktopLineClamp, none);}:where(body.fds-breakpoint-lg-max) .l1oixyvr{-webkit-line-clamp:var(--fds-internal-toggle-label-tabletLineClamp, none);}:where(body.fds-breakpoint-sm-max) .l1oixyvr{-webkit-line-clamp:var(--fds-internal-toggle-label-mobileLineClamp, none);}
-.t1elmp69{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
-.tv1hw4w{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
-.s17sf3sp{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);margin-top:0.5rem;z-index:1;pointer-events:none;}.s17sf3sp strong,.s17sf3sp b{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
-.i1l466bv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;position:relative;padding:0.6875rem 1rem;}
-.ih3od2r{padding:0.6875rem 0rem 0.6875rem 1rem;}
-.r1izng22{color:var(--fds-colour-text-error);white-space:nowrap;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.6875rem 1rem 0.6875rem 0.5rem;border:none;background:none;cursor:pointer;}
-.d194isif{color:var(--fds-colour-text-disabled);cursor:not-allowed;}
-.ehwglic{color:var(--fds-colour-text-primary);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;border:none;background-color:var(--fds-colour-bg);cursor:pointer;padding:0 1rem 0.6875rem 1rem;width:100%;}.ehwglic svg{width:1em;height:1em;margin-left:0.5rem;}
-.ejwzsce{padding-top:0.6875rem;}
-.e1q8ywpe{width:100%;color:var(--fds-colour-text-error);border:none;background:var(--fds-colour-bg);cursor:pointer;padding:0.6875rem 1rem 0.5rem 1rem;}
-.c1mf9nso{padding:0 1rem;padding-top:0.6875rem;padding-bottom:0.5rem;background-color:var(--fds-colour-bg);color:var(--fds-colour-text);}
-.c9t56r4{padding-bottom:0.6875rem;}
-.c1y0x62l{color:var(--fds-colour-text-disabled);}
-.c1gmwtb7{color:var(--fds-colour-text-error);}
-.aeqryui{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}}

package/form/form-textarea/form-textarea.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const labelContainer: import("@linaria/core").LinariaClassName;
-export declare const errorMessageContainer: import("@linaria/core").LinariaClassName;
-export declare const errorMessageLabel: import("@linaria/core").LinariaClassName;

package/form/form-textarea/form-textarea.styles.js

@@ -1,2 +0,0 @@
-import"./form-textarea.styles_1kneyif.css";const e="l1j0sg6e",r="e171r5qb",t="ellm5gf";export{r as errorMessageContainer,t as errorMessageLabel,e as labelContainer};
-//# sourceMappingURL=form-textarea.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-textarea.styles.js","sources":["../../../src/form/form-textarea/form-textarea.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../../theme\";\n\nexport const labelContainer = css`\n    display: flex;\n    justify-content: flex-end;\n    margin-top: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const errorMessageContainer = css`\n    display: flex;\n    flex: 1;\n    margin-right: ${Spacing[\"spacing-12\"]};\n    gap: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const errorMessageLabel = css`\n    margin-top: 0;\n`;\n"],"names":["labelContainer","errorMessageContainer","errorMessageLabel"],"mappings":"6EAIO,MAAMA,EAAc,WAMdC,EAAqB,WAOrBC,EAAiB"}

package/form/form-textarea/form-textarea.styles_1kneyif.css

@@ -1,3 +0,0 @@
-@layer fds{.l1j0sg6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:var(--fds-spacing-8);}
-.e171r5qb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:var(--fds-spacing-12);gap:var(--fds-spacing-4);}
-.ellm5gf{margin-top:0;}}

package/theme/styles/default.css

@@ -1,158 +0,0 @@
-
-@layer fds {
-:root {
-    /* 
-    ========================================================================
-    BORDER
-    ========================================================================
-    */
-    --fds-border-width-005: 0.5px;
-    --fds-border-width-010: 1px;
-    --fds-border-width-020: 2px;
-    --fds-border-width-040: 4px;
-    --fds-border-style-solid: solid;
-
-    /* 
-    ========================================================================
-    BREAKPOINT
-    ========================================================================
-    */
-    --fds-breakpoint-xxs-min: 0;
-    --fds-breakpoint-xxs-max: 320px;
-    --fds-breakpoint-xs-min: 321px;
-    --fds-breakpoint-xs-max: 375px;
-    --fds-breakpoint-sm-min: 376px;
-    --fds-breakpoint-sm-max: 480px;
-    --fds-breakpoint-md-min: 481px;
-    --fds-breakpoint-md-max: 768px;
-    --fds-breakpoint-lg-min: 769px;
-    --fds-breakpoint-lg-max: 1200px;
-    --fds-breakpoint-xl-min: 1201px;
-    --fds-breakpoint-xl-max: 1440px;
-    --fds-breakpoint-xxl-min: 1441px;
-    --fds-breakpoint-column-xxs: 8;
-    --fds-breakpoint-column-xs: 8;
-    --fds-breakpoint-column-sm: 8;
-    --fds-breakpoint-column-md: 8;
-    --fds-breakpoint-column-lg: 12;
-    --fds-breakpoint-column-xl: 12;
-    --fds-breakpoint-column-xxl: 12;
-    --fds-breakpoint-gutter-xxs: 16px;
-    --fds-breakpoint-gutter-xs: 16px;
-    --fds-breakpoint-gutter-sm: 16px;
-    --fds-breakpoint-gutter-md: 16px;
-    --fds-breakpoint-gutter-lg: 32px;
-    --fds-breakpoint-gutter-xl: 32px;
-    --fds-breakpoint-gutter-xxl: 32px;
-    --fds-breakpoint-margin-xxs: 24px;
-    --fds-breakpoint-margin-xs: 24px;
-    --fds-breakpoint-margin-sm: 24px;
-    --fds-breakpoint-margin-md: 24px;
-    --fds-breakpoint-margin-lg: 48px;
-    --fds-breakpoint-margin-xl: 48px;
-    --fds-breakpoint-margin-xxl: 48px;
-
-    /*
-    ========================================================================
-    FONT
-    ========================================================================
-    */
-    --fds-font-variant: normal;
-    --fds-font-heading-size-xxl: 3rem;
-    --fds-font-heading-size-xl: 2.5rem;
-    --fds-font-heading-size-lg: 2rem;
-    --fds-font-heading-size-md: 1.625rem;
-    --fds-font-heading-size-sm: 1.375rem;
-    --fds-font-heading-size-xs: 1.125rem;
-    --fds-font-heading-lh-xxl: 3.5rem;
-    --fds-font-heading-lh-xl: 3rem;
-    --fds-font-heading-lh-lg: 2.5rem;
-    --fds-font-heading-lh-md: 2.25rem;
-    --fds-font-heading-lh-sm: 1.75rem;
-    --fds-font-heading-lh-xs: 1.625rem;
-    --fds-font-heading-ls-xxl: -0.035rem;
-    --fds-font-heading-ls-xl: -0.02rem;
-    --fds-font-heading-ls-lg: -0.02rem;
-    --fds-font-heading-ls-md: 0rem;
-    --fds-font-heading-ls-sm: 0rem;
-    --fds-font-heading-ls-xs: 0rem;
-    --fds-font-weight-light: 300;
-    --fds-font-weight-regular: 400;
-    --fds-font-weight-semibold: 600;
-    --fds-font-weight-bold: 700;
-    --fds-font-family-heading: "Open Sans";
-    --fds-font-family-body: "Open Sans";
-    --fds-font-body-size-baseline: 1.125rem;
-    --fds-font-body-size-md: 1rem;
-    --fds-font-body-size-sm: 0.875rem;
-    --fds-font-body-size-xs: 0.75rem;
-    --fds-font-body-lh-baseline: 1.625rem;
-    --fds-font-body-lh-md: 1.5rem;
-    --fds-font-body-lh-sm: 1.25rem;
-    --fds-font-body-lh-xs: 1.25rem;
-    --fds-font-body-ls-baseline: 0rem;
-    --fds-font-body-ls-md: 0.009rem;
-    --fds-font-body-ls-sm: 0.008rem;
-    --fds-font-body-ls-xs: 0.008rem;
-    --fds-font-form-label-size: 1rem;
-    --fds-font-form-description-size: 0.875rem;
-    --fds-font-form-label-lh: 1.375rem;
-    --fds-font-form-description-lh: 1.25rem;
-    --fds-font-form-label-ls: 0rem;
-    --fds-font-form-description-ls: 0rem;
-
-    /* 
-    ========================================================================
-    SPACING
-    ========================================================================
-    */
-    --fds-spacing-0: 0;
-    --fds-spacing-4: 4px;
-    --fds-spacing-8: 8px;
-    --fds-spacing-12: 12px;
-    --fds-spacing-16: 16px;
-    --fds-spacing-20: 20px;
-    --fds-spacing-24: 24px;
-    --fds-spacing-32: 32px;
-    --fds-spacing-40: 40px;
-    --fds-spacing-48: 48px;
-    --fds-spacing-64: 64px;
-    --fds-spacing-72: 72px;
-    --fds-layout-xs: 8px;
-    --fds-layout-sm: 16px;
-    --fds-layout-md: 24px;
-    --fds-layout-lg: 32px;
-    --fds-layout-xl: 48px;
-    --fds-layout-xxl: 64px;
-    --fds-layout-xxxl: 128px;
-
-    /* 
-    ========================================================================
-    MOTION
-    ========================================================================
-    */
-    --fds-motion-duration-150: 150ms;
-    --fds-motion-duration-250: 250ms;
-    --fds-motion-duration-350: 350ms;
-    --fds-motion-duration-500: 500ms;
-    --fds-motion-duration-800: 800ms;
-    --fds-motion-duration-1000: 1000ms;
-    --fds-motion-timing-ease-default: cubic-bezier(0.45, 0.05, 0.55, 0.95);
-    --fds-motion-timing-ease-standard: cubic-bezier(0.86, 0, 0.07, 1);
-    --fds-motion-timing-ease-entrance: cubic-bezier(0.18, 0.13, 0, 1);
-    --fds-motion-timing-ease-exit: cubic-bezier(1, 0, 0.8, 0.85);
-
-    /* 
-    ========================================================================
-    RADIUS
-    ========================================================================
-    */
-    --fds-radius-none: 0;
-    --fds-radius-xs: 2px;
-    --fds-radius-sm: 4px;
-    --fds-radius-md: 8px;
-    --fds-radius-lg: 12px;
-    --fds-radius-full: 9999px;
-}
-
-}

package/toggle/toggle.styles_1t5qrye.css

@@ -1,38 +0,0 @@
-@layer fds{.h1fyul7s{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
-.tybgacj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-wrap:anywhere;width:100%;overflow:hidden;color:var(--fds-colour-text);}
-.tvkjim3{color:var(--fds-colour-text-selected);}
-.t1aku79x{color:var(--fds-colour-text-selected-disabled);}
-.c11szvws{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:10.375rem;border-radius:var(--fds-radius-sm);border-width:1px;border-style:solid;overflow:hidden;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:var(--fds-colour-bg);}.c11szvws:focus-within{outline:2px solid var(--fds-colour-focus-ring);outline-offset:0;}
-.n12ofp2c{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
-.u1l0nsei{min-width:unset;}
-.c17z2k4k{border-color:var(--fds-colour-border-error);}
-.tfiow01{border:none;background:var(--fds-colour-bg-selected-disabled);}
-.td5xote{border:none;}
-.t15nuck4{border:none;background:var(--fds-colour-bg-selected);}
-.tnwn55u{border:none;}
-.t1graj5g{border-color:var(--fds-colour-border-error);}
-.t1qqpl3b{border-color:var(--fds-colour-border-selected-disabled);background:var(--fds-colour-bg-selected-disabled);}
-.t1l2ct9g{border-color:var(--fds-colour-border-disabled);background:var(--fds-colour-bg-disabled);}
-.t1tat3es{border-color:var(--fds-colour-border-selected);background:var(--fds-colour-bg-selected);}
-@media (pointer: fine){.t1nsq3eo:has(.h1fyul7s:hover){background:var(--fds-colour-bg-selected-hover);}.t1nsq3eo:has(.h1fyul7s:hover) .tybgacj{color:var(--fds-colour-text-selected-hover);}.t1nsq3eo:has(.h1fyul7s:hover) .wxufi5f{color:var(--fds-colour-icon-selected-hover);}}
-.t1cyflot{border-color:var(--fds-colour-border);}
-@media (pointer: fine){.txm5wyu:has(.h1fyul7s:hover){background:var(--fds-colour-bg-hover-subtle);}}
-.i14lgw6r{position:absolute;height:100%;width:100%;cursor:pointer;top:0;left:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:transparent;border:none;}
-.tovnc4j{cursor:not-allowed;}
-.iangfw6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.l1oixyvr{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow-wrap:break-word;--fds-internal-toggle-label-desktopLineClamp:initial;--fds-internal-toggle-label-tabletLineClamp:initial;--fds-internal-toggle-label-mobileLineClamp:initial;-webkit-line-clamp:var(--fds-internal-toggle-label-desktopLineClamp, none);}:where(body.fds-breakpoint-lg-max) .l1oixyvr{-webkit-line-clamp:var(--fds-internal-toggle-label-tabletLineClamp, none);}:where(body.fds-breakpoint-sm-max) .l1oixyvr{-webkit-line-clamp:var(--fds-internal-toggle-label-mobileLineClamp, none);}
-.t1elmp69{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
-.tv1hw4w{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
-.s17sf3sp{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);margin-top:0.5rem;z-index:1;pointer-events:none;}.s17sf3sp strong,.s17sf3sp b{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
-.i1l466bv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;position:relative;padding:0.6875rem 1rem;}
-.ih3od2r{padding:0.6875rem 0rem 0.6875rem 1rem;}
-.r1izng22{color:var(--fds-colour-text-error);white-space:nowrap;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0.6875rem 1rem 0.6875rem 0.5rem;border:none;background:none;cursor:pointer;}
-.d194isif{color:var(--fds-colour-text-disabled);cursor:not-allowed;}
-.ehwglic{color:var(--fds-colour-text-primary);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;border:none;background-color:var(--fds-colour-bg);cursor:pointer;padding:0 1rem 0.6875rem 1rem;width:100%;}.ehwglic svg{width:1em;height:1em;margin-left:0.5rem;}
-.ejwzsce{padding-top:0.6875rem;}
-.e1q8ywpe{width:100%;color:var(--fds-colour-text-error);border:none;background:var(--fds-colour-bg);cursor:pointer;padding:0.6875rem 1rem 0.5rem 1rem;}
-.c1mf9nso{padding:0 1rem;padding-top:0.6875rem;padding-bottom:0.5rem;background-color:var(--fds-colour-bg);color:var(--fds-colour-text);}
-.c9t56r4{padding-bottom:0.6875rem;}
-.c1y0x62l{color:var(--fds-colour-text-disabled);}
-.c1gmwtb7{color:var(--fds-colour-text-error);}
-.aeqryui{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}}