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

package/codemods/migrate-text-list/data.ts

@@ -1,16 +0,0 @@
-export const sizePropMapping = {
-    D1: "heading-xxl",
-    D2: "heading-xl",
-    D3: "heading-md",
-    D4: "heading-sm",
-    H1: "heading-lg",
-    H2: "heading-md",
-    H3: "heading-sm",
-    H4: "heading-xs",
-    H5: "body-md",
-    H6: "body-sm",
-    DBody: "heading-sm",
-    Body: "body-baseline",
-    BodySmall: "body-md",
-    XSmall: "body-xs",
-};

package/codemods/migrate-text-list/index.ts

@@ -1,111 +0,0 @@
-import type { API, FileInfo, JSCodeshift } from "jscodeshift";
-
-import { CodemodUtils } from "../codemod-utils";
-import { sizePropMapping } from "./data";
-
-// ======= Constants ======= //
-
-const IMPORT_PATHS = {
-    TEXT_LIST: "@lifesg/react-design-system/text-list",
-    V2_TEXT_LIST: "@lifesg/react-design-system/v2_text-list",
-    DESIGN_SYSTEM: "@lifesg/react-design-system",
-};
-
-const IMPORT_SPECIFIERS = {
-    TEXT_LIST: "TextList",
-    V2_TEXT_LIST: "V2_TextList",
-};
-
-const JSX_IDENTIFIERS = {
-    TEXT_LIST: "TextList",
-    V2_TEXT_LIST: "V2_TextList",
-};
-
-// ======= Transformer Function ======= //
-
-export default function transformer(file: FileInfo, api: API) {
-    const j: JSCodeshift = api.jscodeshift;
-    const source = j(file.source);
-
-    const isV2TextListImport = CodemodUtils.hasImport(
-        source,
-        api,
-        [IMPORT_PATHS.DESIGN_SYSTEM, IMPORT_PATHS.V2_TEXT_LIST],
-        IMPORT_SPECIFIERS.V2_TEXT_LIST
-    );
-
-    if (isV2TextListImport) {
-        CodemodUtils.addImport(
-            source,
-            api,
-            IMPORT_PATHS.TEXT_LIST,
-            IMPORT_SPECIFIERS.TEXT_LIST
-        );
-
-        CodemodUtils.removeImport(
-            source,
-            api,
-            [IMPORT_PATHS.DESIGN_SYSTEM, IMPORT_PATHS.V2_TEXT_LIST],
-            IMPORT_SPECIFIERS.V2_TEXT_LIST
-        );
-
-        source
-            .find(j.Identifier, { name: JSX_IDENTIFIERS.V2_TEXT_LIST })
-            .forEach((path) => {
-                path.node.name = JSX_IDENTIFIERS.TEXT_LIST;
-            });
-
-        source.find(j.MemberExpression).forEach((path) => {
-            if (
-                j.Identifier.check(path.node.object) &&
-                path.node.object.name === JSX_IDENTIFIERS.V2_TEXT_LIST
-            ) {
-                path.node.object.name = JSX_IDENTIFIERS.TEXT_LIST;
-            }
-        });
-
-        source.find(j.JSXMemberExpression).forEach((path) => {
-            if (
-                j.JSXIdentifier.check(path.node.object) &&
-                path.node.object.name === JSX_IDENTIFIERS.V2_TEXT_LIST
-            ) {
-                path.node.object.name = JSX_IDENTIFIERS.TEXT_LIST;
-            }
-        });
-
-        source.find(j.JSXOpeningElement).forEach((path) => {
-            const openingElement = path.node;
-            let isTextListElement = false;
-
-            if (
-                j.JSXMemberExpression.check(openingElement.name) &&
-                j.JSXIdentifier.check(openingElement.name.object) &&
-                openingElement.name.object.name === JSX_IDENTIFIERS.TEXT_LIST
-            ) {
-                isTextListElement = true;
-            }
-
-            if (isTextListElement) {
-                const attributes = openingElement.attributes;
-
-                attributes?.forEach((attribute) => {
-                    if (
-                        j.JSXAttribute.check(attribute) &&
-                        attribute.name.name === "size" &&
-                        j.StringLiteral.check(attribute.value)
-                    ) {
-                        const sizeValue = attribute.value
-                            .value as keyof typeof sizePropMapping;
-                        if (sizePropMapping[sizeValue]) {
-                            attribute.value = j.literal(
-                                sizePropMapping[sizeValue]
-                            );
-                        }
-                    }
-                });
-            }
-        });
-    }
-
-    return source.toSource();
-}

package/common.d.ts

@@ -1,8 +0,0 @@
-export declare enum Theme {
-    LifeSG = "lifesg",
-    BookingSG = "bookingsg",
-    MyLegacy = "mylegacy",
-    CCube = "ccube",
-    RBS = "rbs",
-    OneService = "oneservice"
-}

package/countdown-timer/countdown-timer.style.d.ts

@@ -1,24 +0,0 @@
-interface CountdownStyleProps {
-    $warn: boolean;
-    $visible?: boolean | undefined;
-    $top?: number | undefined;
-    $left?: number | undefined;
-    $right?: number | undefined;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const BaseCountdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CountdownStyleProps>> & string;
-export declare const Countdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const FixedCountdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CountdownStyleProps> & CountdownStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const TimeLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Timer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, CountdownStyleProps>> & string & Omit<{
-    (props: import("react").SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
-export {};

package/countdown-timer/countdown-timer.style.js

@@ -1,58 +0,0 @@
-import{ClockIcon as r}from"@lifesg/react-icons";import o,{css as i}from"styled-components";import{V3_Font as e,V3_Spacing as t,V3_Radius as n,V3_Colour as d,V3_Border as s,V3_MediaQuery as a,V3_Shadow as $}from"../v3_theme/index.js";const g=o.div`
-    width: 100%;
-`,c=o.div`
-    ${e["body-baseline-regular"]}
-    display: flex;
-    align-items: center;
-    padding: ${t["spacing-8"]} ${t["spacing-16"]};
-    border-radius: ${n.sm};
-    color: ${d["text-primary"]};
-    border: ${s["width-010"]} ${s.solid};
-    border-color: ${d["border-primary"]};
-    background-color: ${d.bg};
-
-    ${a.MaxWidth.sm} {
-        padding: ${t["spacing-16"]};
-    }
-
-    ${r=>{if(r.$warn)return i`
-                color: ${d["text-error"]};
-                border-color: ${d["border-error"]};
-            `}}
-`,l=o(c)`
-    position: relative;
-    opacity: ${r=>r.$visible?1:0};
-`,p=o(c)`
-    position: fixed;
-    z-index: 10;
-
-    ${r=>{const{$top:o,$left:e,$right:t,$warn:n}=r;return i`
-            /* style object will be converted to px */
-            ${{top:o,left:e,right:t}}
-
-            box-shadow: ${n?$["xs-error-strong"]:$["xs-focus-strong"]};
-
-            ${a.MaxWidth.sm} {
-                left: 0;
-                right: 0;
-                border-radius: 0;
-                border-left: none;
-                border-right: none;
-                box-shadow: none;
-            }
-        `}}
-`,m=o.div`
-    font-weight: ${e.Spec["weight-bold"]};
-    margin-left: ${t["spacing-8"]};
-    margin-right: ${t["spacing-24"]};
-
-    ${a.MaxWidth.sm} {
-        margin-right: ${t["spacing-48"]};
-    }
-`,b=o.div`
-    font-weight: ${e.Spec["weight-semibold"]};
-    margin-left: auto;
-`,h=o(r)`
-    color: ${r=>r.$warn?d["icon-error"]:d["icon-primary"]};
-`;export{c as BaseCountdown,l as Countdown,p as FixedCountdown,m as TimeLeft,b as Timer,h as TimerIcon,g as Wrapper};
-//# sourceMappingURL=countdown-timer.style.js.map

package/countdown-timer/countdown-timer.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"countdown-timer.style.js","sources":["../../src/countdown-timer/countdown-timer.style.tsx"],"sourcesContent":["import { ClockIcon } from \"@lifesg/react-icons\";\nimport styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Shadow,\n    V3_Spacing,\n} from \"../v3_theme\";\n\n// =============================================================================\n// STYLE TYPES\n// =============================================================================\n\ninterface CountdownStyleProps {\n    $warn: boolean;\n    $visible?: boolean | undefined;\n    $top?: number | undefined;\n    $left?: number | undefined;\n    $right?: number | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Wrapper = styled.div`\n    width: 100%;\n`;\n\nexport const BaseCountdown = styled.div<CountdownStyleProps>`\n    ${V3_Font[\"body-baseline-regular\"]}\n    display: flex;\n    align-items: center;\n    padding: ${V3_Spacing[\"spacing-8\"]} ${V3_Spacing[\"spacing-16\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    color: ${V3_Colour[\"text-primary\"]};\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]};\n    border-color: ${V3_Colour[\"border-primary\"]};\n    background-color: ${V3_Colour[\"bg\"]};\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        padding: ${V3_Spacing[\"spacing-16\"]};\n    }\n\n    ${(props) => {\n        if (props.$warn) {\n            return css`\n                color: ${V3_Colour[\"text-error\"]};\n                border-color: ${V3_Colour[\"border-error\"]};\n            `;\n        }\n    }}\n`;\n\nexport const Countdown = styled(BaseCountdown)`\n    position: relative;\n    opacity: ${(props) => (props.$visible ? 1 : 0)};\n`;\n\nexport const FixedCountdown = styled(BaseCountdown)`\n    position: fixed;\n    z-index: 10;\n\n    ${(props) => {\n        const { $top, $left, $right, $warn } = props;\n        return css`\n            /* style object will be converted to px */\n            ${{ top: $top, left: $left, right: $right }}\n\n            box-shadow: ${$warn\n                ? V3_Shadow[\"xs-error-strong\"]\n                : V3_Shadow[\"xs-focus-strong\"]};\n\n            ${V3_MediaQuery.MaxWidth.sm} {\n                left: 0;\n                right: 0;\n                border-radius: 0;\n                border-left: none;\n                border-right: none;\n                box-shadow: none;\n            }\n        `;\n    }}\n`;\n\nexport const TimeLeft = styled.div`\n    font-weight: ${V3_Font.Spec[\"weight-bold\"]};\n    margin-left: ${V3_Spacing[\"spacing-8\"]};\n    margin-right: ${V3_Spacing[\"spacing-24\"]};\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        margin-right: ${V3_Spacing[\"spacing-48\"]};\n    }\n`;\n\nexport const Timer = styled.div`\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n    margin-left: auto;\n`;\n\nexport const TimerIcon = styled(ClockIcon)<CountdownStyleProps>`\n    color: ${(props) =>\n        props.$warn ? V3_Colour[\"icon-error\"] : V3_Colour[\"icon-primary\"]};\n`;\n"],"names":["Wrapper","styled","div","BaseCountdown","V3_Font","V3_Spacing","V3_Radius","V3_Colour","V3_Border","V3_MediaQuery","MaxWidth","sm","props","$warn","css","Countdown","$visible","FixedCountdown","$top","$left","$right","top","left","right","V3_Shadow","TimeLeft","Spec","Timer","TimerIcon","ClockIcon"],"mappings":"yOA6BO,MAAMA,EAAUC,EAAOC,GAAG;;EAIpBC,EAAgBF,EAAOC,GAAwB;MACtDE,EAAQ;;;eAGCC,EAAW,gBAAgBA,EAAW;qBAChCC,EAAc;aACtBC,EAAU;cACTC,EAAU,gBAAgBA,EAAiB;oBACrCD,EAAU;wBACNA,EAAc;;MAEhCE,EAAcC,SAASC;mBACVN,EAAW;;;MAGvBO,IACC,GAAIA,EAAMC,MACN,OAAOC,CAAG;yBACGP,EAAU;gCACHA,EAAU;aAElC;EAIKQ,EAAYd,EAAOE,EAAc;;eAE9BS,GAAWA,EAAMI,SAAW,EAAI;EAGnCC,EAAiBhB,EAAOE,EAAc;;;;MAI5CS,IACC,MAAMM,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMP,MAAEA,GAAUD,EACvC,OAAOE,CAAG;;cAEJ,CAAEO,IAAKH,EAAMI,KAAMH,EAAOI,MAAOH;;0BAErBP,EACRW,EAAU,mBACVA,EAAU;;cAEdf,EAAcC,SAASC;;;;;;;;SAQ5B;EAIIc,EAAWxB,EAAOC,GAAG;mBACfE,EAAQsB,KAAK;mBACbrB,EAAW;oBACVA,EAAW;;MAEzBI,EAAcC,SAASC;wBACLN,EAAW;;EAItBsB,EAAQ1B,EAAOC,GAAG;mBACZE,EAAQsB,KAAK;;EAInBE,EAAY3B,EAAO4B,EAA+B;aACjDjB,GACNA,EAAMC,MAAQN,EAAU,cAAgBA,EAAU;"}

package/date-input/date-input.style.d.ts

@@ -1,3 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, never>> & string;

package/date-input/date-input.style.js

@@ -1,4 +0,0 @@
-import r from"styled-components";import{InputWrapper as p}from"../shared/input-wrapper/input-wrapper.js";const t=r(p)`
-    height: 3rem;
-`;export{t as Container};
-//# sourceMappingURL=date-input.style.js.map

package/date-input/date-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input.style.js","sources":["../../src/date-input/date-input.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const Container = styled(InputWrapper)`\n    height: 3rem;\n`;\n"],"names":["Container","styled","InputWrapper"],"mappings":"+GAQaA,EAAYC,EAAOC,EAAa;;"}

package/date-navigator/date-navigator.style.d.ts

@@ -1,7 +0,0 @@
-interface StyledDateTextProps {
-    $enableDateClick?: boolean;
-}
-export declare const HeaderArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledDateTextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, StyledDateTextProps>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};

package/date-navigator/date-navigator.style.js

@@ -1,30 +0,0 @@
-import t,{css as e}from"styled-components";import{Button as n}from"../button/button.js";import{IconButton as o}from"../icon-button/icon-button.js";import{V3_Spacing as r,V3_Colour as i,V3_Radius as a}from"../v3_theme/index.js";const s=t(o)`
-    margin: ${r["spacing-8"]};
-`,c=t.div`
-    display: flex;
-    position: relative;
-    align-items: center;
-    justify-content: space-between;
-    background-color: ${i["bg-strong"]};
-    border-radius: ${a.sm};
-`,l=t(n.Default)`
-    color: ${t=>t.$enableDateClick?i["text-primary"]:i.text};
-    white-space: nowrap;
-    display: inline-block;
-    text-wrap: auto;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    background: transparent;
-    height: unset;
-    cursor: default;
-
-    ${t=>{if(t.$enableDateClick)return e`
-                &:hover {
-                    cursor: pointer;
-                    text-decoration: underline;
-                    text-underline-position: under;
-                }
-            `}}
-`;export{c as Container,s as HeaderArrowButton,l as StyledDateTextButton};
-//# sourceMappingURL=date-navigator.style.js.map

package/date-navigator/date-navigator.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-navigator.style.js","sources":["../../src/date-navigator/date-navigator.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { IconButton } from \"../icon-button\";\nimport { V3_Colour, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\ninterface StyledDateTextProps {\n    $enableDateClick?: boolean;\n}\n\nexport const HeaderArrowButton = styled(IconButton)`\n    margin: ${V3_Spacing[\"spacing-8\"]};\n`;\n\nexport const Container = styled.div`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${V3_Colour[\"bg-strong\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n`;\n\nexport const StyledDateTextButton = styled(Button.Default)<StyledDateTextProps>`\n    color: ${(props) =>\n        props.$enableDateClick ? V3_Colour[\"text-primary\"] : V3_Colour[\"text\"]};\n    white-space: nowrap;\n    display: inline-block;\n    text-wrap: auto;\n    text-align: center;\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    height: unset;\n    cursor: default;\n\n    ${(props) => {\n        if (props.$enableDateClick) {\n            return css`\n                &:hover {\n                    cursor: pointer;\n                    text-decoration: underline;\n                    text-underline-position: under;\n                }\n            `;\n        }\n    }}\n`;\n"],"names":["HeaderArrowButton","styled","IconButton","V3_Spacing","Container","div","V3_Colour","V3_Radius","StyledDateTextButton","Button","Default","props","$enableDateClick","css"],"mappings":"yOAUaA,EAAoBC,EAAOC,EAAW;cACrCC,EAAW;EAGZC,EAAYH,EAAOI,GAAG;;;;;wBAKXC,EAAU;qBACbC,EAAc;EAGtBC,EAAuBP,EAAOQ,EAAOC,QAA6B;aACjEC,GACNA,EAAMC,iBAAmBN,EAAU,gBAAkBA,EAAgB;;;;;;;;;;;MAWtEK,IACC,GAAIA,EAAMC,iBACN,OAAOC,CAAG;;;;;;aAOd;"}

package/date-range-input/date-range-input.style.d.ts

@@ -1,10 +0,0 @@
-interface StyleProps {
-    $wrap: boolean;
-    $readOnly?: boolean;
-}
-export declare const MOBILE_WRAP_WIDTH = 320;
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("../shared/input-wrapper").InputWrapperStyleProps> & import("../shared/input-wrapper").InputWrapperStyleProps, StyleProps>> & string;
-export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export {};

package/date-range-input/date-range-input.style.js

@@ -1,17 +0,0 @@
-import e,{css as t}from"styled-components";import{InputWrapper as p}from"../shared/input-wrapper/input-wrapper.js";import{V3_Spacing as r}from"../v3_theme/index.js";const i=320,n=e(p)`
-    ${e=>{if(e.$wrap)return!0===e.$readOnly?t`
-                    padding: ${r["spacing-12"]} 0;
-                `:t`
-                padding: ${r["spacing-12"]} ${r["spacing-16"]};
-            `}}
-`,a=e.div`
-    display: flex;
-    align-items: center;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-    width: 100%;
-
-    ${e=>e.$wrap&&t`
-            height: fit-content;
-        `}
-`;export{n as Container,a as InputContainer,i as MOBILE_WRAP_WIDTH};
-//# sourceMappingURL=date-range-input.style.js.map

package/date-range-input/date-range-input.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-input.style.js","sources":["../../src/date-range-input/date-range-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputWrapper } from \"../shared/input-wrapper/input-wrapper\";\nimport { V3_Spacing } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface StyleProps {\n    $wrap: boolean;\n    $readOnly?: boolean;\n}\n\nexport const MOBILE_WRAP_WIDTH = 320;\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const Container = styled(InputWrapper)<StyleProps>`\n    ${(props) => {\n        if (props.$wrap) {\n            if (props.$readOnly === true) {\n                return css`\n                    padding: ${V3_Spacing[\"spacing-12\"]} 0;\n                `;\n            }\n            return css`\n                padding: ${V3_Spacing[\"spacing-12\"]} ${V3_Spacing[\"spacing-16\"]};\n            `;\n        }\n    }}\n`;\n\nexport const InputContainer = styled.div<StyleProps>`\n    display: flex;\n    align-items: center;\n    height: calc(3rem - 2px); // exclude top and bottom borders\n    width: 100%;\n\n    ${(props) =>\n        props.$wrap &&\n        css`\n            height: fit-content;\n        `}\n`;\n"],"names":["MOBILE_WRAP_WIDTH","Container","styled","InputWrapper","props","$wrap","$readOnly","css","V3_Spacing","InputContainer","div"],"mappings":"qKAaO,MAAMA,EAAoB,IAKpBC,EAAYC,EAAOC,EAAyB;MAClDC,IACC,GAAIA,EAAMC,MACN,OAAwB,IAApBD,EAAME,UACCC,CAAG;+BACKC,EAAW;kBAGvBD,CAAG;2BACKC,EAAW,iBAAiBA,EAAW;aAE1D;EAIKC,EAAiBP,EAAOQ,GAAe;;;;;;MAM7CN,GACCA,EAAMC,OACNE,CAAG;;;"}

package/deprecate-v2-tokens/data.d.ts

@@ -1,8 +0,0 @@
-export declare const componentMap: {
-    oldName: string;
-    newName: string;
-}[];
-export declare const pathMap: {
-    oldPath: string;
-    newPath: string;
-}[];

package/divider/divider.style.d.ts

@@ -1,9 +0,0 @@
-import type { V3_ThemeStyleProps } from "../v3_theme/types";
-import type { DividerLineStyleType } from "./types";
-interface StyleProps {
-    $thickness: number;
-    $color?: string | ((props: V3_ThemeStyleProps) => string);
-    $lineStyle?: DividerLineStyleType;
-}
-export declare const Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, StyleProps>> & string;
-export {};

package/divider/divider.style.js

@@ -1,15 +0,0 @@
-import e,{css as o}from"styled-components";import{V3_Colour as r}from"../v3_theme/index.js";const t=e.hr`
-    width: 100%;
-    margin: 0;
-    border: none;
-    ${e=>{switch(e.$lineStyle){case"dashed":return e=>{let t;t="function"==typeof e.$color?e.$color(e):e.$color||r.border(e);const n=encodeURIComponent(t),s=e.$thickness||1;return o`
-        background-color: transparent;
-        height: ${s}px;
-        background-repeat: repeat-x;
-        background-image: url('data:image/svg+xml,<svg width="8" height="${s}" viewBox="0 0 8 1" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="1" x2="6" y2="1" stroke="${n}" stroke-width="${s+1}" stroke-dasharray="4 4" /></svg>');
-    `};case"solid":return o`
-                    height: ${e.$thickness}px;
-                    background-color: ${e.$color||r.border};
-                `}}}
-`;export{t as Line};
-//# sourceMappingURL=divider.style.js.map

package/divider/divider.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.style.js","sources":["../../src/divider/divider.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour } from \"../v3_theme\";\nimport type { V3_StyledComponentProps } from \"../v3_theme/helpers\";\nimport type { V3_ThemeStyleProps } from \"../v3_theme/types\";\nimport type { DividerLineStyleType } from \"./types\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface StyleProps {\n    $thickness: number;\n    $color?: string | ((props: V3_ThemeStyleProps) => string);\n    $lineStyle?: DividerLineStyleType;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst dashedLineStyle = () => (props: StyleProps & V3_StyledComponentProps) => {\n    let color: string;\n\n    if (typeof props.$color === \"function\") {\n        color = props.$color(props);\n    } else {\n        color = props.$color || V3_Colour.border(props);\n    }\n\n    const encodedColor = encodeURIComponent(color);\n    const thickness = props.$thickness || 1;\n    const strokeWidth = thickness + 1; // best fit\n\n    return css`\n        background-color: transparent;\n        height: ${thickness}px;\n        background-repeat: repeat-x;\n        background-image: url('data:image/svg+xml,<svg width=\"8\" height=\"${thickness}\" viewBox=\"0 0 8 1\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2\" y1=\"1\" x2=\"6\" y2=\"1\" stroke=\"${encodedColor}\" stroke-width=\"${strokeWidth}\" stroke-dasharray=\"4 4\" /></svg>');\n    `;\n};\n\nexport const Line = styled.hr<StyleProps>`\n    width: 100%;\n    margin: 0;\n    border: none;\n    ${(props) => {\n        switch (props.$lineStyle) {\n            case \"dashed\":\n                return dashedLineStyle();\n            case \"solid\":\n                return css`\n                    height: ${props.$thickness}px;\n                    background-color: ${props.$color || V3_Colour.border};\n                `;\n        }\n    }}\n`;\n"],"names":["Line","styled","hr","props","$lineStyle","color","$color","V3_Colour","border","encodedColor","encodeURIComponent","thickness","$thickness","css"],"mappings":"4FAmBA,MAqBaA,EAAOC,EAAOC,EAAc;;;;MAIlCC,IACC,OAAQA,EAAMC,YACV,IAAK,SACD,OA5BeD,IAC3B,IAAIE,EAGAA,EADwB,mBAAjBF,EAAMG,OACLH,EAAMG,OAAOH,GAEbA,EAAMG,QAAUC,EAAUC,OAAOL,GAG7C,MAAMM,EAAeC,mBAAmBL,GAClCM,EAAYR,EAAMS,YAAc,EAGtC,OAAOC,CAAG;;kBAEIF;;2EAEyDA,qGAA6GF,oBANhKE,EAAY;KAO/B,EAWO,IAAK,QACD,OAAOE,CAAG;8BACIV,EAAMS;wCACIT,EAAMG,QAAUC,EAAUC;;"}

package/error-display/error-display.style.d.ts

@@ -1,10 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Img: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const TextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-}, import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLHeadingElement> | undefined;
-}>, never>, never>> & string;
-export declare const DescriptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;

package/error-display/error-display.style.js

@@ -1,50 +0,0 @@
-import t from"styled-components";import{Button as i}from"../button/button.js";import{applyHtmlContentStyle as e}from"../shared/html-content/html-content.js";import{Typography as n}from"../typography/index.js";import{V3_MediaQuery as o,V3_Spacing as r,V3_Colour as a}from"../v3_theme/index.js";const p=t.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-`,s=t.img`
-    position: relative;
-    width: 400px;
-    height: auto;
-
-    ${o.MaxWidth.sm} {
-        width: 320px;
-    }
-
-    ${o.MaxWidth.xs} {
-        width: 288px;
-    }
-
-    ${o.MaxWidth.xxs} {
-        width: 240px;
-    }
-`,d=t.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    max-width: 656px;
-    white-space: pre-wrap;
-`,m=t(n.HeadingMD).attrs((()=>({forwardedAs:"h2"})))`
-    margin: ${r["spacing-32"]} 0 ${r["spacing-16"]};
-    text-align: center;
-`,x=t.div`
-    color: ${a.text};
-    text-align: center;
-
-    ${e({textSize:"body-baseline"})}
-
-    p + p {
-        margin-top: ${r["spacing-16"]};
-    }
-`,c=t(i.Default)`
-    margin: ${r["spacing-32"]} auto 0;
-    width: 21rem;
-
-    ${o.MaxWidth.sm} {
-        width: 100%;
-    }
-`;export{c as ActionButton,p as Container,x as DescriptionContainer,s as Img,d as TextContainer,m as Title};
-//# sourceMappingURL=error-display.style.js.map

package/error-display/error-display.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-display.style.js","sources":["../../src/error-display/error-display.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../button\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Spacing } from \"../v3_theme\";\n\nexport const Container = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n`;\n\nexport const Img = styled.img`\n    position: relative;\n    width: 400px;\n    height: auto;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 320px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xs} {\n        width: 288px;\n    }\n\n    ${V3_MediaQuery.MaxWidth.xxs} {\n        width: 240px;\n    }\n`;\n\nexport const TextContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    max-width: 656px;\n    white-space: pre-wrap;\n`;\n\nexport const Title = styled(Typography.HeadingMD).attrs(() => ({\n    forwardedAs: \"h2\",\n}))`\n    margin: ${V3_Spacing[\"spacing-32\"]} 0 ${V3_Spacing[\"spacing-16\"]};\n    text-align: center;\n`;\n\nexport const DescriptionContainer = styled.div`\n    color: ${V3_Colour.text};\n    text-align: center;\n\n    ${applyHtmlContentStyle({ textSize: \"body-baseline\" })}\n\n    p + p {\n        margin-top: ${V3_Spacing[\"spacing-16\"]};\n    }\n`;\n\nexport const ActionButton = styled(Button.Default)`\n    margin: ${V3_Spacing[\"spacing-32\"]} auto 0;\n    width: 21rem;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        width: 100%;\n    }\n`;\n"],"names":["Container","styled","div","Img","img","V3_MediaQuery","MaxWidth","sm","xs","xxs","TextContainer","Title","Typography","HeadingMD","attrs","forwardedAs","V3_Spacing","DescriptionContainer","V3_Colour","text","applyHtmlContentStyle","textSize","ActionButton","Button","Default"],"mappings":"qSAOO,MAAMA,EAAYC,EAAOC,GAAG;;;;;;EAQtBC,EAAMF,EAAOG,GAAG;;;;;MAKvBC,EAAcC,SAASC;;;;MAIvBF,EAAcC,SAASE;;;;MAIvBH,EAAcC,SAASG;;;EAKhBC,EAAgBT,EAAOC,GAAG;;;;;;;EAS1BS,EAAQV,EAAOW,EAAWC,WAAWC,OAAM,KAAA,CACpDC,YAAa,QACd;cACWC,EAAW,mBAAmBA,EAAW;;EAI1CC,EAAuBhB,EAAOC,GAAG;aACjCgB,EAAUC;;;MAGjBC,EAAsB,CAAEC,SAAU;;;sBAGlBL,EAAW;;EAIpBM,EAAerB,EAAOsB,EAAOC,QAAQ;cACpCR,EAAW;;;MAGnBX,EAAcC,SAASC;;;"}

package/example/example.d.ts

@@ -1,2 +0,0 @@
-import type { ExampleProps } from "./types";
-export declare const Example: ({ children, ...otherProps }: ExampleProps) => JSX.Element;

package/example/example.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"../_virtual/_tslib.js";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as s,useLayoutEffect as o}from"react";import"./example_r47nvz.css";const c=c=>{var{children:n}=c,d=r(c,["children"]);const[m,p]=i(!1),a=s(null);return o((()=>{if(a.current){const r=a.current;r.style.setProperty("border","1px solid black"),r.style.setProperty("padding","1rem"),r.style.setProperty("border-radius","0.5rem"),r.style.setProperty("width","50%")}}),[]),e("div",Object.assign({ref:a,className:l},d,{children:[m&&t("div",{children:n}),t("button",{onClick:()=>p(!m),children:"click me"})]}))},l="w17q3qtu";export{c as Example};
-//# sourceMappingURL=example.js.map

package/example/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","sources":["../../src/example/example.tsx"],"sourcesContent":["import { css } from \"@linaria/core\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\n\nimport type { ExampleProps } from \"./types\";\n\n// TODO: remove after v4 migration is complete\nexport const Example = ({\n    children,\n    ...otherProps\n}: ExampleProps): JSX.Element => {\n    const [show, setShow] = useState(false);\n    const ref = useRef<HTMLDivElement>(null);\n\n    useLayoutEffect(() => {\n        if (ref.current) {\n            const element = ref.current;\n            element.style.setProperty(\"border\", \"1px solid black\");\n            element.style.setProperty(\"padding\", \"1rem\");\n            element.style.setProperty(\"border-radius\", \"0.5rem\");\n            element.style.setProperty(\"width\", \"50%\");\n        }\n    }, []);\n\n    return (\n        <div ref={ref} className={wrapper} {...otherProps}>\n            {show && <div>{children}</div>}\n            <button onClick={() => setShow(!show)}>click me</button>\n        </div>\n    );\n};\n\nconst wrapper = css`\n    background: transparent;\n`;\n"],"names":["Example","_a","children","otherProps","__rest","show","setShow","useState","ref","useRef","useLayoutEffect","current","element","style","setProperty","_jsxs","Object","assign","className","wrapper","_jsx","onClick"],"mappings":"+MAMO,MAAMA,EAAWC,IAAA,IAAAC,SACpBA,GAAQD,EACLE,EAAUC,EAAAH,EAFO,cAIpB,MAAOI,EAAMC,GAAWC,GAAS,GAC3BC,EAAMC,EAAuB,MAYnC,OAVAC,GAAgB,KACZ,GAAIF,EAAIG,QAAS,CACb,MAAMC,EAAUJ,EAAIG,QACpBC,EAAQC,MAAMC,YAAY,SAAU,mBACpCF,EAAQC,MAAMC,YAAY,UAAW,QACrCF,EAAQC,MAAMC,YAAY,gBAAiB,UAC3CF,EAAQC,MAAMC,YAAY,QAAS,MACvC,IACD,IAGCC,EAAA,MAAAC,OAAAC,OAAA,CAAKT,IAAKA,EAAKU,UAAWC,GAAahB,EAAU,CAAAD,SAAA,CAC5CG,GAAQe,EAAA,MAAA,CAAAlB,SAAMA,IACfkB,EAAA,SAAA,CAAQC,QAASA,IAAMf,GAASD,GAAKH,SAAA,gBACnC,EAIRiB,EAAO"}

package/example/example_r47nvz.css

@@ -1 +0,0 @@
-.w17q3qtu{background:transparent;}

package/example/index.d.ts

@@ -1 +0,0 @@
-export * from "./example";

package/example/index.js

@@ -1,2 +0,0 @@
-export{Example}from"./example.js";
-//# sourceMappingURL=index.js.map

package/example/index.js.map

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

package/example/types.d.ts

@@ -1,3 +0,0 @@
-export interface ExampleProps extends React.HTMLAttributes<HTMLDivElement> {
-    "data-testid"?: string | undefined;
-}

package/external/react-responsive/dist/react-responsive.js

@@ -1,65 +0,0 @@
-import{commonjsGlobal as e}from"../../../_virtual/_commonjsHelpers.js";import{__module as t}from"../../../_virtual/react-responsive.js";import r from"react";var n;n=e=>(()=>{var t={"./node_modules/css-mediaquery/index.js":
-/*!**********************************************!*\
-	  !*** ./node_modules/css-mediaquery/index.js ***!
-	  \**********************************************/(e,t)=>{t.match=function(e,t){return u(e).some((function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var o=e.expressions.every((function(e){var r=e.feature,n=e.modifier,o=e.value,a=t[r];if(!a)return!1;switch(r){case"orientation":case"scan":return a.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=f(o),a=f(a);break;case"resolution":o=c(o),a=c(a);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=s(o),a=s(a);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,a=parseInt(a,10)||0}switch(n){case"min":return a>=o;case"max":return a<=o;default:return a===o}}));return o&&!r||!o&&r}))},t.parse=u;var r=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,n=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,o=/^(?:(min|max)-)?(.+)/,a=/(em|rem|px|cm|mm|in|pt|pc)?$/,i=/(dpi|dpcm|dppx)?$/;function u(e){return e.split(",").map((function(e){var t=(e=e.trim()).match(r),a=t[1],i=t[2],u=t[3]||"",s={};return s.inverse=!!a&&"not"===a.toLowerCase(),s.type=i?i.toLowerCase():"all",u=u.match(/\([^\)]+\)/g)||[],s.expressions=u.map((function(e){var t=e.match(n),r=t[1].toLowerCase().match(o);return{modifier:r[1],feature:r[2],value:t[2]}})),s}))}function s(e){var t,r=Number(e);return r||(r=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),r}function c(e){var t=parseFloat(e);switch(String(e).match(i)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function f(e){var t=parseFloat(e);switch(String(e).match(a)[1]){case"em":case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}},"./node_modules/hyphenate-style-name/index.js":
-/*!****************************************************!*\
-	  !*** ./node_modules/hyphenate-style-name/index.js ***!
-	  \****************************************************/(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var n=/[A-Z]/g,o=/^ms-/,a={};function i(e){return"-"+e.toLowerCase()}const u=function(e){if(a.hasOwnProperty(e))return a[e];var t=e.replace(n,i);return a[e]=o.test(t)?"-"+t:t}},"./node_modules/matchmediaquery/index.js":
-/*!***********************************************!*\
-	  !*** ./node_modules/matchmediaquery/index.js ***!
-	  \***********************************************/(e,t,r)=>{var n=r(/*! css-mediaquery */"./node_modules/css-mediaquery/index.js").match,o="undefined"!=typeof window?window.matchMedia:null;function a(e,t,r){var a=this;if(o&&!r){var i=o.call(window,e);this.matches=i.matches,this.media=i.media,i.addListener(u)}else this.matches=n(e,t),this.media=e;function u(e){a.matches=e.matches,a.media=e.media}this.addListener=function(e){i&&i.addListener(e)},this.removeListener=function(e){i&&i.removeListener(e)},this.dispose=function(){i&&i.removeListener(u)}}e.exports=function(e,t,r){return new a(e,t,r)}},"./node_modules/object-assign/index.js":
-/*!*********************************************!*\
-	  !*** ./node_modules/object-assign/index.js ***!
-	  \*********************************************/e=>{
-/*
-	object-assign
-	(c) Sindre Sorhus
-	@license MIT
-	*/
-var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var a,i,u=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s<arguments.length;s++){for(var c in a=Object(arguments[s]))r.call(a,c)&&(u[c]=a[c]);if(t){i=t(a);for(var f=0;f<i.length;f++)n.call(a,i[f])&&(u[i[f]]=a[i[f]])}}return u}},"./node_modules/prop-types/checkPropTypes.js":
-/*!***************************************************!*\
-	  !*** ./node_modules/prop-types/checkPropTypes.js ***!
-	  \***************************************************/(e,t,r)=>{var n,o=r(/*! ./lib/ReactPropTypesSecret */"./node_modules/prop-types/lib/ReactPropTypesSecret.js"),a={},i=r(/*! ./lib/has */"./node_modules/prop-types/lib/has.js");function u(e,t,r,u,s){for(var c in e)if(i(e,c)){var f;try{if("function"!=typeof e[c]){var l=Error((u||"React class")+": "+r+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}f=e[c](t,c,u,r,null,o)}catch(e){f=e}if(!f||f instanceof Error||n((u||"React class")+": type specification of "+r+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof f+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),f instanceof Error&&!(f.message in a)){a[f.message]=!0;var d=s?s():"";n("Failed "+r+" type: "+f.message+(null!=d?d:""))}}}n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},u.resetWarningCache=function(){a={}},e.exports=u},"./node_modules/prop-types/factoryWithTypeCheckers.js":
-/*!************************************************************!*\
-	  !*** ./node_modules/prop-types/factoryWithTypeCheckers.js ***!
-	  \************************************************************/(e,t,r)=>{var n,o=r(/*! react-is */"./node_modules/react-is/index.js"),a=r(/*! object-assign */"./node_modules/object-assign/index.js"),i=r(/*! ./lib/ReactPropTypesSecret */"./node_modules/prop-types/lib/ReactPropTypesSecret.js"),u=r(/*! ./lib/has */"./node_modules/prop-types/lib/has.js"),s=r(/*! ./checkPropTypes */"./node_modules/prop-types/checkPropTypes.js");function c(){return null}n=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},e.exports=function(e,t){var r="function"==typeof Symbol&&Symbol.iterator,f="<<anonymous>>",l={array:m("array"),bigint:m("bigint"),bool:m("boolean"),func:m("function"),number:m("number"),object:m("object"),string:m("string"),symbol:m("symbol"),any:y(c),arrayOf:function(e){return y((function(t,r,n,o,a){if("function"!=typeof e)return new p("Property `"+a+"` of component `"+n+"` has invalid PropType notation inside arrayOf.");var u=t[r];if(!Array.isArray(u))return new p("Invalid "+o+" `"+a+"` of type `"+b(u)+"` supplied to `"+n+"`, expected an array.");for(var s=0;s<u.length;s++){var c=e(u,s,n,o,a+"["+s+"]",i);if(c instanceof Error)return c}return null}))},element:y((function(t,r,n,o,a){var i=t[r];return e(i)?null:new p("Invalid "+o+" `"+a+"` of type `"+b(i)+"` supplied to `"+n+"`, expected a single ReactElement.")})),elementType:y((function(e,t,r,n,a){var i=e[t];return o.isValidElementType(i)?null:new p("Invalid "+n+" `"+a+"` of type `"+b(i)+"` supplied to `"+r+"`, expected a single ReactElement type.")})),instanceOf:function(e){return y((function(t,r,n,o,a){if(!(t[r]instanceof e)){var i=e.name||f;return new p("Invalid "+o+" `"+a+"` of type `"+((u=t[r]).constructor&&u.constructor.name?u.constructor.name:f)+"` supplied to `"+n+"`, expected instance of `"+i+"`.")}var u;return null}))},node:y((function(e,t,r,n,o){return h(e[t])?null:new p("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return y((function(t,r,n,o,a){if("function"!=typeof e)return new p("Property `"+a+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=t[r],c=b(s);if("object"!==c)return new p("Invalid "+o+" `"+a+"` of type `"+c+"` supplied to `"+n+"`, expected an object.");for(var f in s)if(u(s,f)){var l=e(s,f,n,o,a+"."+f,i);if(l instanceof Error)return l}return null}))},oneOf:function(e){return Array.isArray(e)?y((function(t,r,n,o,a){for(var i=t[r],u=0;u<e.length;u++)if(d(i,e[u]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===g(t)?String(t):t}));return new p("Invalid "+o+" `"+a+"` of value `"+String(i)+"` supplied to `"+n+"`, expected one of "+s+".")})):(n(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),c)},oneOfType:function(e){if(!Array.isArray(e))return n("Invalid argument supplied to oneOfType, expected an instance of array."),c;for(var t=0;t<e.length;t++){var r=e[t];if("function"!=typeof r)return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+j(r)+" at index "+t+"."),c}return y((function(t,r,n,o,a){for(var s=[],c=0;c<e.length;c++){var f=(0,e[c])(t,r,n,o,a,i);if(null==f)return null;f.data&&u(f.data,"expectedType")&&s.push(f.data.expectedType)}return new p("Invalid "+o+" `"+a+"` supplied to `"+n+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return y((function(t,r,n,o,a){var u=t[r],s=b(u);if("object"!==s)return new p("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+n+"`, expected `object`.");for(var c in e){var f=e[c];if("function"!=typeof f)return v(n,o,a,c,g(f));var l=f(u,c,n,o,a+"."+c,i);if(l)return l}return null}))},exact:function(e){return y((function(t,r,n,o,s){var c=t[r],f=b(c);if("object"!==f)return new p("Invalid "+o+" `"+s+"` of type `"+f+"` supplied to `"+n+"`, expected `object`.");var l=a({},t[r],e);for(var d in l){var y=e[d];if(u(e,d)&&"function"!=typeof y)return v(n,o,s,d,g(y));if(!y)return new p("Invalid "+o+" `"+s+"` key `"+d+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(t[r],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var m=y(c,d,n,o,s+"."+d,i);if(m)return m}return null}))}};function d(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function p(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function y(e){var r={},o=0;function a(a,u,s,c,l,d,y){if(c=c||f,d=d||s,y!==i){if(t){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("undefined"!=typeof console){var v=c+":"+s;!r[v]&&o<3&&(n("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[v]=!0,o++)}}return null==u[s]?a?null===u[s]?new p("The "+l+" `"+d+"` is marked as required in `"+c+"`, but its value is `null`."):new p("The "+l+" `"+d+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(u,s,c,l,d)}var u=a.bind(null,!1);return u.isRequired=a.bind(null,!0),u}function m(e){return y((function(t,r,n,o,a,i){var u=t[r];return b(u)!==e?new p("Invalid "+o+" `"+a+"` of type `"+g(u)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function v(e,t,r,n,o){return new p((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function h(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(h);if(null===t||e(t))return!0;var n=function(e){var t=e&&(r&&e[r]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!n)return!1;var o,a=n.call(t);if(n!==t.entries){for(;!(o=a.next()).done;)if(!h(o.value))return!1}else for(;!(o=a.next()).done;){var i=o.value;if(i&&!h(i[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function g(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function j(e){var t=g(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return p.prototype=Error.prototype,l.checkPropTypes=s,l.resetWarningCache=s.resetWarningCache,l.PropTypes=l,l}},"./node_modules/prop-types/index.js":
-/*!******************************************!*\
-	  !*** ./node_modules/prop-types/index.js ***!
-	  \******************************************/(e,t,r)=>{var n=r(/*! react-is */"./node_modules/react-is/index.js");e.exports=r(/*! ./factoryWithTypeCheckers */"./node_modules/prop-types/factoryWithTypeCheckers.js")(n.isElement,!0)},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":
-/*!*************************************************************!*\
-	  !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
-	  \*************************************************************/e=>{e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},"./node_modules/prop-types/lib/has.js":
-/*!********************************************!*\
-	  !*** ./node_modules/prop-types/lib/has.js ***!
-	  \********************************************/e=>{e.exports=Function.call.bind(Object.prototype.hasOwnProperty)},"./node_modules/react-is/cjs/react-is.development.js":
-/*!***********************************************************!*\
-	  !*** ./node_modules/react-is/cjs/react-is.development.js ***!
-	  \***********************************************************/(e,t)=>{!function(){var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,u=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,l=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,y=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,h=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,g=e?Symbol.for("react.scope"):60119;function j(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:var p=e.type;switch(p){case c:case f:case o:case i:case a:case d:return p;default:var v=p&&p.$$typeof;switch(v){case s:case l:case m:case y:case u:return v;default:return t}}case n:return t}}}var x=c,O=f,_=s,w=u,S=r,P=l,E=o,T=m,C=y,I=n,k=i,M=a,R=d,$=!1;function A(e){return j(e)===f}t.AsyncMode=x,t.ConcurrentMode=O,t.ContextConsumer=_,t.ContextProvider=w,t.Element=S,t.ForwardRef=P,t.Fragment=E,t.Lazy=T,t.Memo=C,t.Portal=I,t.Profiler=k,t.StrictMode=M,t.Suspense=R,t.isAsyncMode=function(e){return $||($=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),A(e)||j(e)===c},t.isConcurrentMode=A,t.isContextConsumer=function(e){return j(e)===s},t.isContextProvider=function(e){return j(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return j(e)===l},t.isFragment=function(e){return j(e)===o},t.isLazy=function(e){return j(e)===m},t.isMemo=function(e){return j(e)===y},t.isPortal=function(e){return j(e)===n},t.isProfiler=function(e){return j(e)===i},t.isStrictMode=function(e){return j(e)===a},t.isSuspense=function(e){return j(e)===d},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===f||e===i||e===a||e===d||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===y||e.$$typeof===u||e.$$typeof===s||e.$$typeof===l||e.$$typeof===h||e.$$typeof===b||e.$$typeof===g||e.$$typeof===v)},t.typeOf=j}()},"./node_modules/react-is/index.js":
-/*!****************************************!*\
-	  !*** ./node_modules/react-is/index.js ***!
-	  \****************************************/(e,t,r)=>{e.exports=r(/*! ./cjs/react-is.development.js */"./node_modules/react-is/cjs/react-is.development.js")},"./node_modules/shallow-equal/dist/index.esm.js":
-/*!******************************************************!*\
-	  !*** ./node_modules/shallow-equal/dist/index.esm.js ***!
-	  \******************************************************/(e,t,r)=>{function n(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=Object.keys(e),n=Object.keys(t),o=r.length;if(n.length!==o)return!1;for(var a=0;a<o;a++){var i=r[a];if(e[i]!==t[i]||!Object.prototype.hasOwnProperty.call(t,i))return!1}return!0}function o(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=e.length;if(t.length!==r)return!1;for(var n=0;n<r;n++)if(e[n]!==t[n])return!1;return!0}r.r(t),r.d(t,{shallowEqualArrays:()=>o,shallowEqualObjects:()=>n})},"./src/Component.ts":
-/*!**************************!*\
-	  !*** ./src/Component.ts ***!
-	  \**************************/function(e,t,r){var n=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(/*! ./useMediaQuery */"./src/useMediaQuery.ts"));t.default=function(e){var t=e.children,r=e.device,o=e.onChange,i=n(e,["children","device","onChange"]),u=(0,a.default)(i,r,o);return"function"==typeof t?t(u):u?t:null}},"./src/Context.ts":
-/*!************************!*\
-	  !*** ./src/Context.ts ***!
-	  \************************/(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});var n=(0,r(/*! react */"react").createContext)(void 0);t.default=n},"./src/index.ts":
-/*!**********************!*\
-	  !*** ./src/index.ts ***!
-	  \**********************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Context=t.toQuery=t.useMediaQuery=t.default=void 0;var o=n(r(/*! ./useMediaQuery */"./src/useMediaQuery.ts"));t.useMediaQuery=o.default;var a=n(r(/*! ./Component */"./src/Component.ts"));t.default=a.default;var i=n(r(/*! ./toQuery */"./src/toQuery.ts"));t.toQuery=i.default;var u=n(r(/*! ./Context */"./src/Context.ts"));t.Context=u.default},"./src/mediaQuery.ts":
-/*!***************************!*\
-	  !*** ./src/mediaQuery.ts ***!
-	  \***************************/function(e,t,r){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)},o=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=a(r(/*! prop-types */"./node_modules/prop-types/index.js")),u=i.default.oneOfType([i.default.string,i.default.number]),s={all:i.default.bool,grid:i.default.bool,aural:i.default.bool,braille:i.default.bool,handheld:i.default.bool,print:i.default.bool,projection:i.default.bool,screen:i.default.bool,tty:i.default.bool,tv:i.default.bool,embossed:i.default.bool},c={orientation:i.default.oneOf(["portrait","landscape"]),scan:i.default.oneOf(["progressive","interlace"]),aspectRatio:i.default.string,deviceAspectRatio:i.default.string,height:u,deviceHeight:u,width:u,deviceWidth:u,color:i.default.bool,colorIndex:i.default.bool,monochrome:i.default.bool,resolution:u,type:Object.keys(s)},f=o(c,["type"]),l=n({minAspectRatio:i.default.string,maxAspectRatio:i.default.string,minDeviceAspectRatio:i.default.string,maxDeviceAspectRatio:i.default.string,minHeight:u,maxHeight:u,minDeviceHeight:u,maxDeviceHeight:u,minWidth:u,maxWidth:u,minDeviceWidth:u,maxDeviceWidth:u,minColor:i.default.number,maxColor:i.default.number,minColorIndex:i.default.number,maxColorIndex:i.default.number,minMonochrome:i.default.number,maxMonochrome:i.default.number,minResolution:u,maxResolution:u},f),d=n(n({},s),l);t.default={all:d,types:s,matchers:c,features:l}},"./src/toQuery.ts":
-/*!************************!*\
-	  !*** ./src/toQuery.ts ***!
-	  \************************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),a=n(r(/*! ./mediaQuery */"./src/mediaQuery.ts"));t.default=function(e){var t=[];return Object.keys(a.default.all).forEach((function(r){var n=e[r];null!=n&&t.push(function(e,t){var r=(0,o.default)(e);return"number"==typeof t&&(t="".concat(t,"px")),!0===t?r:!1===t?"not ".concat(r):"(".concat(r,": ").concat(t,")")}(r,n))})),t.join(" and ")}},"./src/useMediaQuery.ts":
-/*!******************************!*\
-	  !*** ./src/useMediaQuery.ts ***!
-	  \******************************/function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(/*! react */"react"),a=n(r(/*! matchmediaquery */"./node_modules/matchmediaquery/index.js")),i=n(r(/*! hyphenate-style-name */"./node_modules/hyphenate-style-name/index.js")),u=r(/*! shallow-equal */"./node_modules/shallow-equal/dist/index.esm.js"),s=n(r(/*! ./toQuery */"./src/toQuery.ts")),c=n(r(/*! ./Context */"./src/Context.ts")),f=function(e){if(e)return Object.keys(e).reduce((function(t,r){return t[(0,i.default)(r)]=e[r],t}),{})},l=function(){var e=(0,o.useRef)(!1);return(0,o.useEffect)((function(){e.current=!0}),[]),e.current},d=function(e){var t=function(){return function(e){return e.query||(0,s.default)(e)}(e)},r=(0,o.useState)(t),n=r[0],a=r[1];return(0,o.useEffect)((function(){var e=t();n!==e&&a(e)}),[e]),n};t.default=function(e,t,r){var n=function(e){var t=(0,o.useContext)(c.default),r=function(){return f(e)||f(t)},n=(0,o.useState)(r),a=n[0],i=n[1];return(0,o.useEffect)((function(){var e=r();(0,u.shallowEqualObjects)(a,e)||i(e)}),[e,t]),a}(t),i=d(e);if(!i)throw new Error("Invalid or missing MediaQuery!");var s=function(e,t){var r=function(){return(0,a.default)(e,t||{},!!t)},n=(0,o.useState)(r),i=n[0],u=n[1],s=l();return(0,o.useEffect)((function(){if(s){var e=r();return u(e),function(){e&&e.dispose()}}}),[e,t]),i}(i,n),p=function(e){var t=(0,o.useState)(e.matches),r=t[0],n=t[1];return(0,o.useEffect)((function(){var t=function(e){n(e.matches)};return e.addListener(t),n(e.matches),function(){e.removeListener(t)}}),[e]),r}(s),y=l();return(0,o.useEffect)((function(){y&&r&&r(p)}),[p]),(0,o.useEffect)((function(){return function(){s&&s.dispose()}}),[]),p}},react:
-/*!**************************************************************************************!*\
-	  !*** external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"} ***!
-	  \**************************************************************************************/t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e].call(a.exports,a,a.exports,n),a.exports}return n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n("./src/index.ts")})(),t.exports=n(r);var o=t.exports;export{o as r};
-//# sourceMappingURL=react-responsive.js.map