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

package/tooltip/tooltip.styles.js

@@ -1,192 +0,0 @@
-import t,{css as o}from"styled-components";import{Card as r}from"../card/card.js";import{V2_Color as e}from"../v2_color/color.js";import{V2_MediaQuery as a}from"../v2_media/media.js";import{V2_Transition as i}from"../v2_transition/index.js";const n=t.div`
-    position: absolute;
-    max-width: 30rem;
-    pointer-events: auto;
-
-    ${t=>(t=>{switch(t){case"left":return o`
-                right: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                top: 50%;
-                -moz-transform: translateY(-50%);
-                -webkit-transform: translateY(-50%);
-                transform: translateY(-50%);
-
-                ${a.MaxWidth.mobileL} {
-                    width: auto;
-                }
-            `;case"right":return o`
-                left: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                top: 50%;
-                -moz-transform: translateY(-50%);
-                -webkit-transform: translateY(-50%);
-                transform: translateY(-50%);
-
-                ${a.MaxWidth.mobileL} {
-                    width: auto;
-                }
-            `;case"bottom":return o`
-                top: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                left: 50%;
-                -moz-transform: translateX(-50%);
-                -webkit-transform: translateX(-50%);
-                transform: translateX(-50%);
-
-                ${a.MaxWidth.mobileL} {
-                    max-width: 80vw;
-                }
-            `;default:return o`
-                bottom: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                left: 50%;
-                -moz-transform: translateX(-50%);
-                -webkit-transform: translateX(-50%);
-                transform: translateX(-50%);
-
-                ${a.MaxWidth.mobileL} {
-                    max-width: 80vw;
-                }
-            `}})(t.position)}
-    ${t=>t.visible?o`
-            visibility: "visible";
-            opacity: 1;
-            transition: ${i.Base};
-            z-index: 2;
-        `:o`
-            visibility: "hidden";
-            opacity: 0;
-            transition: ${i.Base};
-            z-index: -1;
-        `}
-`,p=t(r)`
-    border-radius: 4px;
-    box-shadow: 3px 2px 10px 1px rgba(91, 91, 91, 0.2);
-`,s=t.div`
-    position: absolute;
-    overflow: hidden;
-
-    ${t=>{switch(t.position){case"top":default:return o`
-                    width: 50%;
-                    height: 30px;
-                    top: 100%;
-                    left: 25%;
-
-                    &::before {
-                        content: "";
-                        position: absolute;
-                        background: transparent;
-                        left: calc(50% - 3px);
-                        width: 2px;
-                        height: 8px;
-                        box-shadow: 3px 2px 14px 3px rgba(91, 91, 91, 0.5);
-                    }
-
-                    &::after {
-                        content: "";
-                        position: absolute;
-                        width: 0;
-                        height: 0;
-                        top: -10%;
-                        left: calc(50% - 10px);
-                        border-style: solid;
-                        border-width: 16px 8px 0 8px;
-                        border-color: ${e.Neutral[8]} transparent
-                            transparent transparent;
-                    }
-                `;case"right":return o`
-                    width: 30px;
-                    height: 100%;
-                    top: 0;
-                    left: -30px;
-
-                    &::before {
-                        content: "";
-                        position: absolute;
-                        background: red;
-                        right: 0;
-                        top: calc(50% - 3px);
-                        width: 8px;
-                        height: 2px;
-                        box-shadow: 2px 3px 11px 3px rgba(91, 91, 91, 0.5);
-                    }
-
-                    &::after {
-                        content: "";
-                        position: absolute;
-                        width: 0;
-                        height: 0;
-                        top: calc(50% - 10px);
-                        right: -10%;
-                        border-style: solid;
-                        border-width: 8px 16px 8px 0;
-                        border-color: transparent ${e.Neutral[8]}
-                            transparent transparent;
-                    }
-                `;case"left":return o`
-                    width: 30px;
-                    height: 100%;
-                    top: 0;
-                    right: -30px;
-
-                    &::before {
-                        content: "";
-                        position: absolute;
-                        background: red;
-                        left: 0;
-                        top: calc(50% - 3px);
-                        width: 8px;
-                        height: 2px;
-                        box-shadow: 4px 0px 11px 3px rgba(91, 91, 91, 0.5);
-                    }
-
-                    &::after {
-                        content: "";
-                        position: absolute;
-                        width: 0;
-                        height: 0;
-                        top: calc(50% - 10px);
-                        left: -10%;
-                        border-style: solid;
-                        border-width: 8px 0 8px 16px;
-                        border-color: transparent transparent transparent
-                            ${e.Neutral[8]};
-                    }
-                `;case"bottom":return o`
-                    width: 50%;
-                    height: 30px;
-                    bottom: 100%;
-                    left: 25%;
-
-                    &::before {
-                        content: "";
-                        position: absolute;
-                        background: transparent;
-                        left: calc(50% - 3px);
-                        bottom: -10px;
-                        width: 2px;
-                        height: 8px;
-                        box-shadow: 3px -9px 14px 3px rgba(91, 91, 91, 0.5);
-                    }
-
-                    &::after {
-                        content: "";
-                        position: absolute;
-                        width: 0;
-                        height: 0;
-                        bottom: -10%;
-                        left: calc(50% - 10px);
-                        border-style: solid;
-                        border-width: 0 8px 16px 8px;
-                        border-color: transparent transparent
-                            ${e.Neutral[8]} transparent;
-                    }
-                `}}}
-`,x=t.div`
-    position: relative;
-`;export{s as Arrow,p as Bubble,n as BubbleWrap,x as HOCWrapper};
-//# sourceMappingURL=tooltip.styles.js.map

package/tooltip/tooltip.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.styles.js","sources":["../../src/tooltip/tooltip.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Card } from \"../card\";\nimport { V2_Color } from \"../v2_color\";\nimport { V2_MediaQuery } from \"../v2_media\";\nimport { V2_Transition } from \"../v2_transition\";\nimport type { TooltipPosition } from \"./types\";\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface TooltipStyleProps {\n    position?: TooltipPosition;\n    visible?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst getVisibilityStyle = (visible: boolean | undefined) => {\n    if (visible) {\n        return css`\n            visibility: \"visible\";\n            opacity: 1;\n            transition: ${V2_Transition.Base};\n            z-index: 2;\n        `;\n    } else {\n        return css`\n            visibility: \"hidden\";\n            opacity: 0;\n            transition: ${V2_Transition.Base};\n            z-index: -1;\n        `;\n    }\n};\n\nconst getBubblePositionStyle = (position: TooltipPosition | undefined) => {\n    switch (position) {\n        case \"left\":\n            return css`\n                right: calc(100% + 16px);\n                width: max-content;\n                margin: auto;\n                top: 50%;\n                -moz-transform: translateY(-50%);\n                -webkit-transform: translateY(-50%);\n                transform: translateY(-50%);\n\n                ${V2_MediaQuery.MaxWidth.mobileL} {\n                    width: auto;\n                }\n            `;\n        case \"right\":\n            return css`\n                left: calc(100% + 16px);\n                width: max-content;\n                margin: auto;\n                top: 50%;\n                -moz-transform: translateY(-50%);\n                -webkit-transform: translateY(-50%);\n                transform: translateY(-50%);\n\n                ${V2_MediaQuery.MaxWidth.mobileL} {\n                    width: auto;\n                }\n            `;\n        case \"bottom\":\n            return css`\n                top: calc(100% + 16px);\n                width: max-content;\n                margin: auto;\n                left: 50%;\n                -moz-transform: translateX(-50%);\n                -webkit-transform: translateX(-50%);\n                transform: translateX(-50%);\n\n                ${V2_MediaQuery.MaxWidth.mobileL} {\n                    max-width: 80vw;\n                }\n            `;\n        case \"top\":\n        default:\n            return css`\n                bottom: calc(100% + 16px);\n                width: max-content;\n                margin: auto;\n                left: 50%;\n                -moz-transform: translateX(-50%);\n                -webkit-transform: translateX(-50%);\n                transform: translateX(-50%);\n\n                ${V2_MediaQuery.MaxWidth.mobileL} {\n                    max-width: 80vw;\n                }\n            `;\n    }\n};\n\nexport const BubbleWrap = styled.div<TooltipStyleProps>`\n    position: absolute;\n    max-width: 30rem;\n    pointer-events: auto;\n\n    ${(props) => getBubblePositionStyle(props.position)}\n    ${(props) => getVisibilityStyle(props.visible)}\n`;\n\nexport const Bubble = styled(Card)`\n    border-radius: 4px;\n    box-shadow: 3px 2px 10px 1px rgba(91, 91, 91, 0.2);\n`;\n\nexport const Arrow = styled.div<TooltipStyleProps>`\n    position: absolute;\n    overflow: hidden;\n\n    ${(props) => {\n        switch (props.position) {\n            case \"top\":\n            default:\n                return css`\n                    width: 50%;\n                    height: 30px;\n                    top: 100%;\n                    left: 25%;\n\n                    &::before {\n                        content: \"\";\n                        position: absolute;\n                        background: transparent;\n                        left: calc(50% - 3px);\n                        width: 2px;\n                        height: 8px;\n                        box-shadow: 3px 2px 14px 3px rgba(91, 91, 91, 0.5);\n                    }\n\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        width: 0;\n                        height: 0;\n                        top: -10%;\n                        left: calc(50% - 10px);\n                        border-style: solid;\n                        border-width: 16px 8px 0 8px;\n                        border-color: ${V2_Color.Neutral[8]} transparent\n                            transparent transparent;\n                    }\n                `;\n            case \"right\":\n                return css`\n                    width: 30px;\n                    height: 100%;\n                    top: 0;\n                    left: -30px;\n\n                    &::before {\n                        content: \"\";\n                        position: absolute;\n                        background: red;\n                        right: 0;\n                        top: calc(50% - 3px);\n                        width: 8px;\n                        height: 2px;\n                        box-shadow: 2px 3px 11px 3px rgba(91, 91, 91, 0.5);\n                    }\n\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        width: 0;\n                        height: 0;\n                        top: calc(50% - 10px);\n                        right: -10%;\n                        border-style: solid;\n                        border-width: 8px 16px 8px 0;\n                        border-color: transparent ${V2_Color.Neutral[8]}\n                            transparent transparent;\n                    }\n                `;\n            case \"left\":\n                return css`\n                    width: 30px;\n                    height: 100%;\n                    top: 0;\n                    right: -30px;\n\n                    &::before {\n                        content: \"\";\n                        position: absolute;\n                        background: red;\n                        left: 0;\n                        top: calc(50% - 3px);\n                        width: 8px;\n                        height: 2px;\n                        box-shadow: 4px 0px 11px 3px rgba(91, 91, 91, 0.5);\n                    }\n\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        width: 0;\n                        height: 0;\n                        top: calc(50% - 10px);\n                        left: -10%;\n                        border-style: solid;\n                        border-width: 8px 0 8px 16px;\n                        border-color: transparent transparent transparent\n                            ${V2_Color.Neutral[8]};\n                    }\n                `;\n            case \"bottom\":\n                return css`\n                    width: 50%;\n                    height: 30px;\n                    bottom: 100%;\n                    left: 25%;\n\n                    &::before {\n                        content: \"\";\n                        position: absolute;\n                        background: transparent;\n                        left: calc(50% - 3px);\n                        bottom: -10px;\n                        width: 2px;\n                        height: 8px;\n                        box-shadow: 3px -9px 14px 3px rgba(91, 91, 91, 0.5);\n                    }\n\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        width: 0;\n                        height: 0;\n                        bottom: -10%;\n                        left: calc(50% - 10px);\n                        border-style: solid;\n                        border-width: 0 8px 16px 8px;\n                        border-color: transparent transparent\n                            ${V2_Color.Neutral[8]} transparent;\n                    }\n                `;\n        }\n    }}\n`;\n\nexport const HOCWrapper = styled.div`\n    position: relative;\n`;\n"],"names":["BubbleWrap","styled","div","props","position","css","V2_MediaQuery","MaxWidth","mobileL","getBubblePositionStyle","visible","V2_Transition","Base","Bubble","Card","Arrow","V2_Color","Neutral","HOCWrapper"],"mappings":"iPAkBA,MAgFaA,EAAaC,EAAOC,GAAsB;;;;;MAKhDC,GAnEwB,CAACC,IAC5B,OAAQA,GACJ,IAAK,OACD,OAAOC,CAAG;;;;;;;;;kBASJC,EAAcC,SAASC;;;cAIjC,IAAK,QACD,OAAOH,CAAG;;;;;;;;;kBASJC,EAAcC,SAASC;;;cAIjC,IAAK,SACD,OAAOH,CAAG;;;;;;;;;kBASJC,EAAcC,SAASC;;;cAKjC,QACI,OAAOH,CAAG;;;;;;;;;kBASJC,EAAcC,SAASC;;;gBAYxBC,CAAuBN,EAAMC;MACvCD,GAA6BA,EAAMO,QApF3BL,CAAG;;;0BAGQM,EAAcC;;UAIzBP,CAAG;;;0BAGQM,EAAcC;;;EA6E3BC,EAASZ,EAAOa,EAAK;;;EAKrBC,EAAQd,EAAOC,GAAsB;;;;MAI3CC,IACC,OAAQA,EAAMC,UACV,IAAK,MACL,QACI,OAAOC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;wCAyBcW,EAASC,QAAQ;;;kBAI7C,IAAK,QACD,OAAOZ,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;oDA0B0BW,EAASC,QAAQ;;;kBAIzD,IAAK,OACD,OAAOZ,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA2BIW,EAASC,QAAQ;;kBAGnC,IAAK,SACD,OAAOZ,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA2BIW,EAASC,QAAQ;;;EAOlCC,EAAajB,EAAOC,GAAG;;"}

package/tooltip/types.d.ts

@@ -1,22 +0,0 @@
-/** @deprecated Use `PopoverV2` */
-export type TooltipPosition = "top" | "bottom" | "left" | "right";
-/** @deprecated Use `PopoverV2` */
-export interface TooltipProps {
-    children: string | JSX.Element;
-    visible?: boolean | undefined;
-    /** The position of the tooltip. Values: "top" | "bottom" | "left" | "right" */
-    position?: TooltipPosition | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
-    "data-testid"?: string | undefined;
-}
-/** @deprecated Use `PopoverV2` */
-export interface TooltipHOCProps {
-    tooltipVisible?: boolean | undefined;
-    /** The position of the tooltip. Values: "top" | "bottom" | "left" | "right" */
-    position?: TooltipPosition | undefined;
-}
-/** @deprecated Use `PopoverV2` */
-export interface TooltipHOCOptionsProps {
-    content: string | JSX.Element;
-}

package/typography/helper.js

@@ -1,19 +0,0 @@
-import{css as o}from"styled-components";import{lineClampCss as t}from"../shared/styles/index.js";import{V3_Colour as r,V3_Font as e}from"../v3_theme/index.js";const i=(t,r,i=!1)=>o`
-        ${e[`${t}-${r}`]}
-        ${i?"margin-bottom: 1.05em;":"margin-bottom: 0;"}
-    `,m=r=>{if(r)return o`
-            ${t(r)}
-        `},s=(t=!1,r=!1,e=void 0)=>r?o`
-            display: block;
-            ${m(e)}
-        `:t?o`
-            display: inline;
-        `:o`
-            display: block;
-            ${m(e)}
-        `,l=(t,e,m,l,n)=>o`
-    ${i(t,e||"regular",l)}
-    ${s(m,l,n)}
-    color: ${r.text};
-`;export{l as createTypographyStyles,s as getDisplayStyle,i as getTextStyle};
-//# sourceMappingURL=helper.js.map

package/typography/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sources":["../../src/typography/helper.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nimport { lineClampCss } from \"../shared/styles\";\nimport { V3_Colour, V3_Font } from \"../v3_theme\";\nimport type { V3_FontSet, V3_TypographySizeType } from \"../v3_theme/font/types\";\nimport type { TypographyWeight } from \"./types\";\n\nexport const getTextStyle = (\n    type: V3_TypographySizeType,\n    weight: TypographyWeight,\n    paragraph = false\n) => {\n    const token: keyof V3_FontSet = `${type}-${weight}`;\n\n    return css`\n        ${V3_Font[token]}\n        ${paragraph ? \"margin-bottom: 1.05em;\" : \"margin-bottom: 0;\"}\n    `;\n};\n\nconst getMaxLinesStyle = (maxLines: number | undefined) => {\n    if (maxLines) {\n        return css`\n            ${lineClampCss(maxLines)}\n        `;\n    }\n};\n\nexport const getDisplayStyle = (\n    inline = false,\n    paragraph = false,\n    maxLines: number | undefined = undefined\n) => {\n    if (paragraph) {\n        return css`\n            display: block;\n            ${getMaxLinesStyle(maxLines)}\n        `;\n    } else if (inline) {\n        return css`\n            display: inline;\n        `;\n    } else {\n        return css`\n            display: block;\n            ${getMaxLinesStyle(maxLines)}\n        `;\n    }\n};\n\nexport const createTypographyStyles = (\n    textStyle: V3_TypographySizeType,\n    weight: TypographyWeight | undefined,\n    inline: boolean | undefined,\n    paragraph: boolean | undefined,\n    maxLines: number | undefined\n) => css`\n    ${getTextStyle(textStyle, weight || \"regular\", paragraph)}\n    ${getDisplayStyle(inline, paragraph, maxLines)}\n    color: ${V3_Colour.text};\n`;\n"],"names":["getTextStyle","type","weight","paragraph","css","V3_Font","getMaxLinesStyle","maxLines","lineClampCss","getDisplayStyle","inline","undefined","createTypographyStyles","textStyle","V3_Colour","text"],"mappings":"+JAOO,MAAMA,EAAe,CACxBC,EACAC,EACAC,GAAY,IAILC,CAAG;UACJC,EAH0B,GAAGJ,KAAQC;UAIrCC,EAAY,yBAA2B;MAI3CG,EAAoBC,IACtB,GAAIA,EACA,OAAOH,CAAG;cACJI,EAAaD;SAEvB,EAGSE,EAAkB,CAC3BC,GAAS,EACTP,GAAY,EACZI,OAA+BI,IAE3BR,EACOC,CAAG;;cAEJE,EAAiBC;UAEhBG,EACAN,CAAG;;UAIHA,CAAG;;cAEJE,EAAiBC;UAKlBK,EAAyB,CAClCC,EACAX,EACAQ,EACAP,EACAI,IACCH,CAAG;MACFJ,EAAaa,EAAWX,GAAU,UAAWC;MAC7CM,EAAgBC,EAAQP,EAAWI;aAC5BO,EAAUC;"}

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

@@ -1,16 +0,0 @@
-interface LabelStyleProps {
-    $inactive?: boolean;
-}
-export declare const HashContainer: 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 import("../input-group/input-group.style").AddonStyleProps> & import("../input-group/input-group.style").AddonStyleProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const FloorInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & string & Omit<(props: import("..").InputProps & import("react").RefAttributes<HTMLInputElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const UnitInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never>, never>> & string;
-export declare const UnitNumberDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, LabelStyleProps>> & string;
-export declare const ReadOnlyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ReadOnlyLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, LabelStyleProps>> & string;
-export {};

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

@@ -1,27 +0,0 @@
-import t,{css as e}from"styled-components";import{Input as i}from"../input/input.js";import{LabelAddonContainer as r}from"../input-group/input-group.style.js";import{Typography as o}from"../typography/index.js";import{V3_Colour as n}from"../v3_theme/index.js";const m=t(r)`
-    margin-right: 0.5rem;
-`,p=t(i)`
-    width: 2.5rem;
-
-    input {
-        text-align: center;
-    }
-`,l=t(p)`
-    // Cheat to balance the placeholder look while ensuring enough width
-    margin-left: 0.5rem;
-    width: 6rem;
-
-    input {
-        text-align: left;
-    }
-`,a=t(o.BodyBL)`
-    margin: 0 0.25rem;
-    ${t=>{if(t.$inactive)return e`
-                color: ${n["text-disabled"]};
-            `}}
-`,d=t.div`
-    display: flex;
-    align-items: center;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-`,g=t(o.BodyBL)``;export{p as FloorInput,m as HashContainer,d as ReadOnlyContainer,g as ReadOnlyLabel,l as UnitInput,a as UnitNumberDivider};
-//# sourceMappingURL=unit-number-input.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"unit-number-input.style.js","sources":["../../src/unit-number/unit-number-input.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Input } from \"../input\";\nimport { LabelAddonContainer } from \"../input-group/input-group.style\";\nimport { Typography } from \"../typography\";\nimport { V3_Colour } from \"../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface LabelStyleProps {\n    $inactive?: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const HashContainer = styled(LabelAddonContainer)`\n    margin-right: 0.5rem;\n`;\n\nexport const FloorInput = styled(Input)`\n    width: 2.5rem;\n\n    input {\n        text-align: center;\n    }\n`;\n\nexport const UnitInput = styled(FloorInput)`\n    // Cheat to balance the placeholder look while ensuring enough width\n    margin-left: 0.5rem;\n    width: 6rem;\n\n    input {\n        text-align: left;\n    }\n`;\n\nexport const UnitNumberDivider = styled(Typography.BodyBL)<LabelStyleProps>`\n    margin: 0 0.25rem;\n    ${(props) => {\n        if (props.$inactive) {\n            return css`\n                color: ${V3_Colour[\"text-disabled\"]};\n            `;\n        }\n    }}\n`;\n\nexport const ReadOnlyContainer = styled.div`\n    display: flex;\n    align-items: center;\n    height: calc(3rem - 2px); // exclude top and bottom borders\n`;\n\nexport const ReadOnlyLabel = styled(Typography.BodyBL)<LabelStyleProps>``;\n"],"names":["HashContainer","styled","LabelAddonContainer","FloorInput","Input","UnitInput","UnitNumberDivider","Typography","BodyBL","props","$inactive","css","V3_Colour","ReadOnlyContainer","div","ReadOnlyLabel"],"mappings":"0QAkBaA,EAAgBC,EAAOC,EAAoB;;EAI3CC,EAAaF,EAAOG,EAAM;;;;;;EAQ1BC,EAAYJ,EAAOE,EAAW;;;;;;;;EAU9BG,EAAoBL,EAAOM,EAAWC,OAAwB;;MAEpEC,IACC,GAAIA,EAAMC,UACN,OAAOC,CAAG;yBACGC,EAAU;aAE3B;EAIKC,EAAoBZ,EAAOa,GAAG;;;;EAM9BC,EAAgBd,EAAOM,EAAWC,OAAwB"}

package/v2_color/color.d.ts

@@ -1,5 +0,0 @@
-import type { PropertiesToType } from "../util/utility-types";
-import { getThemeColors } from "../v2_theme/color-theme-helper";
-import type { V2_ColorSet } from "./types";
-/** @deprecated */
-export declare const V2_Color: PropertiesToType<V2_ColorSet, ReturnType<typeof getThemeColors>>;

package/v2_color/color.js

@@ -1,2 +0,0 @@
-import{getThemeColors as a}from"../v2_theme/color-theme-helper.js";const e={Brand:{1:a("Brand.1"),2:a("Brand.2"),3:a("Brand.3"),4:a("Brand.4"),5:a("Brand.5"),6:a("Brand.6")},Primary:a("Primary"),PrimaryDark:a("PrimaryDark"),Secondary:a("Secondary"),Accent:{Light:{1:a("Accent.Light.1"),2:a("Accent.Light.2"),3:a("Accent.Light.3"),4:a("Accent.Light.4"),5:a("Accent.Light.5"),6:a("Accent.Light.6")},Dark:{1:a("Accent.Dark.1"),2:a("Accent.Dark.2"),3:a("Accent.Dark.3")}},Neutral:{1:a("Neutral.1"),2:a("Neutral.2"),3:a("Neutral.3"),4:a("Neutral.4"),5:a("Neutral.5"),6:a("Neutral.6"),7:a("Neutral.7"),8:a("Neutral.8")},Validation:{Green:{Text:a("Validation.Green.Text"),Icon:a("Validation.Green.Icon"),Border:a("Validation.Green.Border"),Background:a("Validation.Green.Background")},Orange:{Text:a("Validation.Orange.Text"),Icon:a("Validation.Orange.Icon"),Border:a("Validation.Orange.Border"),Background:a("Validation.Orange.Background"),Badge:a("Validation.Orange.Badge")},Red:{Text:a("Validation.Red.Text"),Icon:a("Validation.Red.Icon"),Border:a("Validation.Red.Border"),Background:a("Validation.Red.Background")},Blue:{Text:a("Validation.Blue.Text"),Icon:a("Validation.Blue.Icon"),Border:a("Validation.Blue.Border"),Background:a("Validation.Blue.Background")}},Shadow:{Accent:a("Shadow.Accent"),Red:a("Shadow.Red"),Elevation:a("Shadow.Elevation")}};export{e as V2_Color};
-//# sourceMappingURL=color.js.map

package/v2_color/color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.js","sources":["../../src/v2_color/color.ts"],"sourcesContent":["import type { PropertiesToType } from \"../util/utility-types\";\nimport { getThemeColors } from \"../v2_theme/color-theme-helper\";\nimport type { V2_ColorSet } from \"./types\";\n\n/** @deprecated */\nexport const V2_Color: PropertiesToType<\n    V2_ColorSet,\n    ReturnType<typeof getThemeColors>\n> = {\n    Brand: {\n        1: getThemeColors(\"Brand.1\"),\n        2: getThemeColors(\"Brand.2\"),\n        3: getThemeColors(\"Brand.3\"),\n        4: getThemeColors(\"Brand.4\"),\n        5: getThemeColors(\"Brand.5\"),\n        6: getThemeColors(\"Brand.6\"),\n    },\n    Primary: getThemeColors(\"Primary\"),\n    PrimaryDark: getThemeColors(\"PrimaryDark\"),\n    Secondary: getThemeColors(\"Secondary\"),\n    Accent: {\n        Light: {\n            1: getThemeColors(\"Accent.Light.1\"),\n            2: getThemeColors(\"Accent.Light.2\"),\n            3: getThemeColors(\"Accent.Light.3\"),\n            4: getThemeColors(\"Accent.Light.4\"),\n            5: getThemeColors(\"Accent.Light.5\"),\n            6: getThemeColors(\"Accent.Light.6\"),\n        },\n        Dark: {\n            1: getThemeColors(\"Accent.Dark.1\"),\n            2: getThemeColors(\"Accent.Dark.2\"),\n            3: getThemeColors(\"Accent.Dark.3\"),\n        },\n    },\n    Neutral: {\n        1: getThemeColors(\"Neutral.1\"),\n        2: getThemeColors(\"Neutral.2\"),\n        3: getThemeColors(\"Neutral.3\"),\n        4: getThemeColors(\"Neutral.4\"),\n        5: getThemeColors(\"Neutral.5\"),\n        6: getThemeColors(\"Neutral.6\"),\n        7: getThemeColors(\"Neutral.7\"),\n        8: getThemeColors(\"Neutral.8\"),\n    },\n    Validation: {\n        Green: {\n            Text: getThemeColors(\"Validation.Green.Text\"),\n            Icon: getThemeColors(\"Validation.Green.Icon\"),\n            Border: getThemeColors(\"Validation.Green.Border\"),\n            Background: getThemeColors(\"Validation.Green.Background\"),\n        },\n        Orange: {\n            Text: getThemeColors(\"Validation.Orange.Text\"),\n            Icon: getThemeColors(\"Validation.Orange.Icon\"),\n            Border: getThemeColors(\"Validation.Orange.Border\"),\n            Background: getThemeColors(\"Validation.Orange.Background\"),\n            Badge: getThemeColors(\"Validation.Orange.Badge\"),\n        },\n        Red: {\n            Text: getThemeColors(\"Validation.Red.Text\"),\n            Icon: getThemeColors(\"Validation.Red.Icon\"),\n            Border: getThemeColors(\"Validation.Red.Border\"),\n            Background: getThemeColors(\"Validation.Red.Background\"),\n        },\n        Blue: {\n            Text: getThemeColors(\"Validation.Blue.Text\"),\n            Icon: getThemeColors(\"Validation.Blue.Icon\"),\n            Border: getThemeColors(\"Validation.Blue.Border\"),\n            Background: getThemeColors(\"Validation.Blue.Background\"),\n        },\n    },\n    Shadow: {\n        Accent: getThemeColors(\"Shadow.Accent\"),\n        Red: getThemeColors(\"Shadow.Red\"),\n        Elevation: getThemeColors(\"Shadow.Elevation\"),\n    },\n};\n"],"names":["V2_Color","Brand","getThemeColors","Primary","PrimaryDark","Secondary","Accent","Light","Dark","Neutral","Validation","Green","Text","Icon","Border","Background","Orange","Badge","Red","Blue","Shadow","Elevation"],"mappings":"mEAKO,MAAMA,EAGT,CACAC,MAAO,CACH,EAAGC,EAAe,WAClB,EAAGA,EAAe,WAClB,EAAGA,EAAe,WAClB,EAAGA,EAAe,WAClB,EAAGA,EAAe,WAClB,EAAGA,EAAe,YAEtBC,QAASD,EAAe,WACxBE,YAAaF,EAAe,eAC5BG,UAAWH,EAAe,aAC1BI,OAAQ,CACJC,MAAO,CACH,EAAGL,EAAe,kBAClB,EAAGA,EAAe,kBAClB,EAAGA,EAAe,kBAClB,EAAGA,EAAe,kBAClB,EAAGA,EAAe,kBAClB,EAAGA,EAAe,mBAEtBM,KAAM,CACF,EAAGN,EAAe,iBAClB,EAAGA,EAAe,iBAClB,EAAGA,EAAe,mBAG1BO,QAAS,CACL,EAAGP,EAAe,aAClB,EAAGA,EAAe,aAClB,EAAGA,EAAe,aAClB,EAAGA,EAAe,aAClB,EAAGA,EAAe,aAClB,EAAGA,EAAe,aAClB,EAAGA,EAAe,aAClB,EAAGA,EAAe,cAEtBQ,WAAY,CACRC,MAAO,CACHC,KAAMV,EAAe,yBACrBW,KAAMX,EAAe,yBACrBY,OAAQZ,EAAe,2BACvBa,WAAYb,EAAe,gCAE/Bc,OAAQ,CACJJ,KAAMV,EAAe,0BACrBW,KAAMX,EAAe,0BACrBY,OAAQZ,EAAe,4BACvBa,WAAYb,EAAe,gCAC3Be,MAAOf,EAAe,4BAE1BgB,IAAK,CACDN,KAAMV,EAAe,uBACrBW,KAAMX,EAAe,uBACrBY,OAAQZ,EAAe,yBACvBa,WAAYb,EAAe,8BAE/BiB,KAAM,CACFP,KAAMV,EAAe,wBACrBW,KAAMX,EAAe,wBACrBY,OAAQZ,EAAe,0BACvBa,WAAYb,EAAe,gCAGnCkB,OAAQ,CACJd,OAAQJ,EAAe,iBACvBgB,IAAKhB,EAAe,cACpBmB,UAAWnB,EAAe"}

package/v2_color/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./color";
-export * from "./types";

package/v2_color/index.js

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

package/v2_color/index.js.map

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

package/v2_color/types.d.ts

@@ -1,62 +0,0 @@
-/** @deprecated */
-export interface V2_ValidationElementAttributes {
-    Text: string;
-    Icon?: string | undefined;
-    Border?: string | undefined;
-    Background?: string | undefined;
-    Badge?: string | undefined;
-}
-/** @deprecated */
-export interface V2_ValidationTypes {
-    Green: V2_ValidationElementAttributes;
-    Orange: V2_ValidationElementAttributes;
-    Red: V2_ValidationElementAttributes;
-    Blue: V2_ValidationElementAttributes;
-}
-/** @deprecated */
-export interface V2_ColorSet {
-    Brand: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-    };
-    Primary: string;
-    PrimaryDark?: string | undefined;
-    Secondary: string;
-    Accent: {
-        Dark: {
-            1: string;
-            2: string;
-            3: string;
-        };
-        Light: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-        };
-    };
-    Neutral: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-    };
-    Validation: V2_ValidationTypes;
-    Shadow: {
-        Accent: string;
-        Red: string;
-        Elevation: string;
-    };
-}
-/** @deprecated */
-export type V2_ColorSetOptions = Partial<V2_ColorSet>;

package/v2_design-token/design-token.d.ts

@@ -1,23 +0,0 @@
-/** @deprecated */
-export declare const V2_DesignToken: {
-    InputBoxShadow: (props: any) => import("./types").CssValue;
-    InputErrorBoxShadow: (props: any) => import("./types").CssValue;
-    ElevationBoxShadow: (props: any) => import("./types").CssValue;
-    Table: {
-        Header: (props: any) => import("./types").CssValue;
-        Cell: {
-            Primary: (props: any) => import("./types").CssValue;
-            Secondary: (props: any) => import("./types").CssValue;
-            Selected: (props: any) => import("./types").CssValue;
-            Hover: (props: any) => import("./types").CssValue;
-        };
-    };
-    Button: {
-        Danger: {
-            BackgroundColor: (props: any) => import("./types").CssValue;
-            Hover: (props: any) => import("./types").CssValue;
-            Primary: (props: any) => import("./types").CssValue;
-            Border: (props: any) => import("./types").CssValue;
-        };
-    };
-};

package/v2_design-token/design-token.js

@@ -1,2 +0,0 @@
-import{getThemeDesignToken as e}from"../v2_theme/design-token-helper.js";const o={InputBoxShadow:e("InputBoxShadow"),InputErrorBoxShadow:e("InputErrorBoxShadow"),ElevationBoxShadow:e("ElevationBoxShadow"),Table:{Header:e("Table.Header"),Cell:{Primary:e("Table.Cell.Primary"),Secondary:e("Table.Cell.Secondary"),Selected:e("Table.Cell.Selected"),Hover:e("Table.Cell.Hover")}},Button:{Danger:{BackgroundColor:e("Button.Danger.BackgroundColor"),Hover:e("Button.Danger.Hover"),Primary:e("Button.Danger.Primary"),Border:e("Button.Danger.Border")}}};export{o as V2_DesignToken};
-//# sourceMappingURL=design-token.js.map

package/v2_design-token/design-token.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-token.js","sources":["../../src/v2_design-token/design-token.ts"],"sourcesContent":["import { getThemeDesignToken } from \"../v2_theme/design-token-helper\";\n\n/** @deprecated */\n// Using type assertion to bypass type checking since this will be deprecated soon\nexport const V2_DesignToken = {\n    InputBoxShadow: getThemeDesignToken(\"InputBoxShadow\"),\n    InputErrorBoxShadow: getThemeDesignToken(\"InputErrorBoxShadow\"),\n    ElevationBoxShadow: getThemeDesignToken(\"ElevationBoxShadow\"),\n    Table: {\n        Header: getThemeDesignToken(\"Table.Header\"),\n        Cell: {\n            Primary: getThemeDesignToken(\"Table.Cell.Primary\"),\n            Secondary: getThemeDesignToken(\"Table.Cell.Secondary\"),\n            Selected: getThemeDesignToken(\"Table.Cell.Selected\"),\n            Hover: getThemeDesignToken(\"Table.Cell.Hover\"),\n        },\n    },\n    Button: {\n        Danger: {\n            BackgroundColor: getThemeDesignToken(\n                \"Button.Danger.BackgroundColor\"\n            ),\n            Hover: getThemeDesignToken(\"Button.Danger.Hover\"),\n            Primary: getThemeDesignToken(\"Button.Danger.Primary\"),\n            Border: getThemeDesignToken(\"Button.Danger.Border\"),\n        },\n    },\n};\n"],"names":["V2_DesignToken","InputBoxShadow","getThemeDesignToken","InputErrorBoxShadow","ElevationBoxShadow","Table","Header","Cell","Primary","Secondary","Selected","Hover","Button","Danger","BackgroundColor","Border"],"mappings":"yEAIO,MAAMA,EAAiB,CAC1BC,eAAgBC,EAAoB,kBACpCC,oBAAqBD,EAAoB,uBACzCE,mBAAoBF,EAAoB,sBACxCG,MAAO,CACHC,OAAQJ,EAAoB,gBAC5BK,KAAM,CACFC,QAASN,EAAoB,sBAC7BO,UAAWP,EAAoB,wBAC/BQ,SAAUR,EAAoB,uBAC9BS,MAAOT,EAAoB,sBAGnCU,OAAQ,CACJC,OAAQ,CACJC,gBAAiBZ,EACb,iCAEJS,MAAOT,EAAoB,uBAC3BM,QAASN,EAAoB,yBAC7Ba,OAAQb,EAAoB"}

package/v2_design-token/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./design-token";
-export * from "./types";

package/v2_design-token/index.js

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

package/v2_design-token/index.js.map

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

package/v2_design-token/types.d.ts

@@ -1,28 +0,0 @@
-import type { css } from "styled-components";
-/** @deprecated */
-export type CssValue = ReturnType<typeof css> | string | number;
-/** @deprecated */
-export interface V2_DesignTokenSet {
-    InputBoxShadow: CssValue;
-    InputErrorBoxShadow: CssValue;
-    ElevationBoxShadow: CssValue;
-    Table: {
-        Header: CssValue;
-        Cell: {
-            Primary: CssValue;
-            Secondary: CssValue;
-            Selected: CssValue;
-            Hover: CssValue;
-        };
-    };
-    Button: {
-        Danger: {
-            Hover: CssValue;
-            BackgroundColor: CssValue;
-            Primary: CssValue;
-            Border: CssValue;
-        };
-    };
-}
-/** @deprecated */
-export type V2_DesignTokenSetOptions = Partial<V2_DesignTokenSet>;

package/v2_layout/col-div.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { V2_ColDivProps } from "./types";
-/** @deprecated */
-export declare const V2_ColDiv: (props: V2_ColDivProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/v2_layout/col-div.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import s from"react";import{StyledDiv as o}from"./col-div.style.js";const a=s.forwardRef(((s,a)=>{const{mobileCols:n,tabletCols:l,desktopCols:p}=s,i=t(s,["mobileCols","tabletCols","desktopCols"]);return r(o,Object.assign({ref:a},(()=>{const t=l||n,r=n,s=e(p||l||n),o=e(t),a=e(r);return{$desktopSpan:s.span,$desktopStart:s.start,$mobileSpan:a.span,$mobileStart:a.start,$tabletSpan:o.span,$tabletStart:o.start}})(),i))})),e=t=>{if(Array.isArray(t)&&t.length>1){const[r,s]=t,o=r<=s?r:s,a=r<=s?s:r;let e;return e=a===o?1:a-o,{start:o,span:e}}return"number"==typeof t?{start:void 0,span:t}:{start:void 0,span:void 0}};export{a as V2_ColDiv};
-//# sourceMappingURL=col-div.js.map

package/v2_layout/col-div.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"col-div.js","sources":["../../src/v2_layout/col-div.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { StyledDivStyleProps } from \"./col-div.style\";\nimport { StyledDiv } from \"./col-div.style\";\nimport type { V2_ColDivProps, V2_DivRef } from \"./types\";\n\nconst Component = (props: V2_ColDivProps, ref: V2_DivRef): JSX.Element => {\n    const { mobileCols, tabletCols, desktopCols, ...otherProps } = props;\n\n    const getStyleProps = (): StyledDivStyleProps => {\n        const desktopValues = desktopCols || tabletCols || mobileCols;\n        const tabletValues = tabletCols || mobileCols;\n        const mobileValues = mobileCols;\n\n        const desktopStartSpan = extractStartAndSpan(desktopValues);\n        const tabletStartSpan = extractStartAndSpan(tabletValues);\n        const mobileStartSpan = extractStartAndSpan(mobileValues);\n\n        const styles = {\n            $desktopSpan: desktopStartSpan.span,\n            $desktopStart: desktopStartSpan.start,\n            $mobileSpan: mobileStartSpan.span,\n            $mobileStart: mobileStartSpan.start,\n            $tabletSpan: tabletStartSpan.span,\n            $tabletStart: tabletStartSpan.start,\n        };\n\n        return styles;\n    };\n\n    return <StyledDiv ref={ref} {...getStyleProps()} {...otherProps} />;\n};\n\n/** @deprecated */\nexport const V2_ColDiv = React.forwardRef(Component);\n\n// =============================================================================\n// HELPER FUNCTIONS\n// =============================================================================\nconst extractStartAndSpan = (value: number | number[] | undefined) => {\n    if (Array.isArray(value) && value.length > 1) {\n        const [firstVal, secondVal] = value; // Will just take the first 2\n\n        const startVal = firstVal <= secondVal ? firstVal : secondVal;\n        const endVal = firstVal <= secondVal ? secondVal : firstVal;\n\n        let span;\n\n        if (endVal === startVal) {\n            span = 1;\n        } else {\n            span = endVal - startVal;\n        }\n\n        return { start: startVal, span };\n    } else if (typeof value === \"number\") {\n        return { start: undefined, span: value };\n    } else {\n        return { start: undefined, span: undefined };\n    }\n};\n"],"names":["V2_ColDiv","React","forwardRef","props","ref","mobileCols","tabletCols","desktopCols","otherProps","__rest","_jsx","StyledDiv","Object","assign","tabletValues","mobileValues","desktopStartSpan","extractStartAndSpan","tabletStartSpan","mobileStartSpan","$desktopSpan","span","$desktopStart","start","$mobileSpan","$mobileStart","$tabletSpan","$tabletStart","getStyleProps","value","Array","isArray","length","firstVal","secondVal","startVal","endVal","undefined"],"mappings":"2JAMA,MA4BaA,EAAYC,EAAMC,YA5Bb,CAACC,EAAuBC,KACtC,MAAMC,WAAEA,EAAUC,WAAEA,EAAUC,YAAEA,GAA+BJ,EAAfK,EAAUC,EAAKN,EAAzD,CAAA,aAAA,aAAA,gBAuBN,OAAOO,EAACC,EAASC,OAAAC,OAAA,CAACT,IAAKA,GArBD,MAClB,MACMU,EAAeR,GAAcD,EAC7BU,EAAeV,EAEfW,EAAmBC,EAJHV,GAAeD,GAAcD,GAK7Ca,EAAkBD,EAAoBH,GACtCK,EAAkBF,EAAoBF,GAW5C,MATe,CACXK,aAAcJ,EAAiBK,KAC/BC,cAAeN,EAAiBO,MAChCC,YAAaL,EAAgBE,KAC7BI,aAAcN,EAAgBI,MAC9BG,YAAaR,EAAgBG,KAC7BM,aAAcT,EAAgBK,MAGrB,EAGeK,GAAqBpB,GAAc,IASjES,EAAuBY,IACzB,GAAIC,MAAMC,QAAQF,IAAUA,EAAMG,OAAS,EAAG,CAC1C,MAAOC,EAAUC,GAAaL,EAExBM,EAAWF,GAAYC,EAAYD,EAAWC,EAC9CE,EAASH,GAAYC,EAAYA,EAAYD,EAEnD,IAAIZ,EAQJ,OALIA,EADAe,IAAWD,EACJ,EAEAC,EAASD,EAGb,CAAEZ,MAAOY,EAAUd,OAC9B,CAAO,MAAqB,iBAAVQ,EACP,CAAEN,WAAOc,EAAWhB,KAAMQ,GAE1B,CAAEN,WAAOc,EAAWhB,UAAMgB,EACrC"}

package/v2_layout/col-div.style.d.ts

@@ -1,9 +0,0 @@
-export interface StyledDivStyleProps {
-    $desktopStart?: number | undefined;
-    $desktopSpan?: number | undefined;
-    $tabletStart?: number | undefined;
-    $tabletSpan?: number | undefined;
-    $mobileStart?: number | undefined;
-    $mobileSpan?: number | undefined;
-}
-export declare const StyledDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDivStyleProps>> & string;

package/v2_layout/col-div.style.js

@@ -1,17 +0,0 @@
-import t,{css as o}from"styled-components";import{V2_MediaQuery as a}from"../v2_media/media.js";const e=t.div`
-    position: relative;
-    ${t=>{const{$desktopStart:e,$desktopSpan:i,$tabletStart:n,$tabletSpan:$,$mobileStart:r,$mobileSpan:m}=t;return o`
-            grid-column: ${e||"auto"} / span ${i||1};
-
-            ${a.MaxWidth.tablet} {
-                grid-column: ${n||"auto"} / span
-                    ${$||1};
-            }
-
-            ${a.MaxWidth.mobileL} {
-                grid-column: ${r||"auto"} / span
-                    ${m||1};
-            }
-        `}}
-`;export{e as StyledDiv};
-//# sourceMappingURL=col-div.style.js.map

package/v2_layout/col-div.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"col-div.style.js","sources":["../../src/v2_layout/col-div.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V2_MediaQuery } from \"../v2_media/media\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\n\nexport interface StyledDivStyleProps {\n    $desktopStart?: number | undefined;\n    $desktopSpan?: number | undefined;\n    $tabletStart?: number | undefined;\n    $tabletSpan?: number | undefined;\n    $mobileStart?: number | undefined;\n    $mobileSpan?: number | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const StyledDiv = styled.div<StyledDivStyleProps>`\n    position: relative;\n    ${(props) => {\n        const {\n            $desktopStart,\n            $desktopSpan,\n            $tabletStart,\n            $tabletSpan,\n            $mobileStart,\n            $mobileSpan,\n        } = props;\n\n        return css`\n            grid-column: ${$desktopStart || \"auto\"} / span ${$desktopSpan || 1};\n\n            ${V2_MediaQuery.MaxWidth.tablet} {\n                grid-column: ${$tabletStart || \"auto\"} / span\n                    ${$tabletSpan || 1};\n            }\n\n            ${V2_MediaQuery.MaxWidth.mobileL} {\n                grid-column: ${$mobileStart || \"auto\"} / span\n                    ${$mobileSpan || 1};\n            }\n        `;\n    }}\n`;\n"],"names":["StyledDiv","styled","div","props","$desktopStart","$desktopSpan","$tabletStart","$tabletSpan","$mobileStart","$mobileSpan","css","V2_MediaQuery","MaxWidth","tablet","mobileL"],"mappings":"gGAqBO,MAAMA,EAAYC,EAAOC,GAAwB;;MAEjDC,IACC,MAAMC,cACFA,EAAaC,aACbA,EAAYC,aACZA,EAAYC,YACZA,EAAWC,aACXA,EAAYC,YACZA,GACAN,EAEJ,OAAOO,CAAG;2BACSN,GAAiB,iBAAiBC,GAAgB;;cAE/DM,EAAcC,SAASC;+BACNP,GAAgB;sBACzBC,GAAe;;;cAGvBI,EAAcC,SAASE;+BACNN,GAAgB;sBACzBC,GAAe;;SAE5B;"}

package/v2_layout/container.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { V2_ContainerProps } from "./types";
-/** @deprecated */
-export declare const V2_Container: (props: V2_ContainerProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/v2_layout/container.js

@@ -1,49 +0,0 @@
-import{__rest as t}from"../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import i from"react";import r,{css as a}from"styled-components";import{V2_MediaQuery as d}from"../v2_media/media.js";const m=i.forwardRef(((i,r)=>{const{children:a,"data-testid":d="container",type:m="flex",stretch:n=!1}=i,l=t(i,["children","data-testid","type","stretch"]);return e(o,Object.assign({ref:r,"data-testid":d,$type:m,$stretch:n},l,{children:a}))})),o=r.div`
-    flex-grow: 1;
-    margin: 0 auto;
-    position: relative;
-    width: auto;
-    height: auto;
-
-    ${t=>t.$stretch?a`
-                padding: 0 3rem;
-            `:a`
-                padding: 0 0.75rem;
-                /* Max width restrictions */
-                max-width: 1320px;
-
-                ${d.MaxWidth.desktopM} {
-                    max-width: 1140px;
-                }
-            `}
-    ${d.MaxWidth.tablet} {
-        max-width: 720px;
-    }
-    ${d.MaxWidth.mobileL} {
-        width: 100%;
-        padding: 0;
-        max-width: unset;
-    }
-
-    ${t=>{switch(t.$type){case"grid":return a`
-                    column-gap: 2rem;
-                    display: grid;
-                    grid-template-columns: repeat(12, minmax(0, 1fr));
-
-                    ${d.MaxWidth.tablet} {
-                        column-gap: 1.5rem;
-                        grid-template-columns: repeat(8, minmax(0, 1fr));
-                    }
-
-                    ${d.MaxWidth.mobileL} {
-                        column-gap: 1rem;
-                        grid-template-columns: repeat(4, minmax(0, 1fr));
-                    }
-                `;case"flex-column":return a`
-                    display: flex;
-                    flex-direction: column;
-                `;default:return a`
-                    display: flex;
-                `}}}
-`;export{m as V2_Container};
-//# sourceMappingURL=container.js.map

package/v2_layout/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","sources":["../../src/v2_layout/container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { css } from \"styled-components\";\n\nimport { V2_MediaQuery } from \"../v2_media/media\";\nimport type { V2_ContainerProps, V2_ContainerType, V2_DivRef } from \"./types\";\n\nconst Component = (props: V2_ContainerProps, ref: V2_DivRef): JSX.Element => {\n    const {\n        children,\n        \"data-testid\": testId = \"container\",\n        type = \"flex\",\n        stretch = false,\n        ...otherProps\n    } = props;\n\n    return (\n        <StyledContainer\n            ref={ref}\n            data-testid={testId}\n            $type={type}\n            $stretch={stretch}\n            {...otherProps}\n        >\n            {children}\n        </StyledContainer>\n    );\n};\n\n// =============================================================================\n// EXPORT\n// =============================================================================\n/** @deprecated */\nexport const V2_Container = React.forwardRef(Component);\n\n// =============================================================================\n// STYLING\n// =============================================================================\ninterface StyleProps {\n    $type: V2_ContainerType;\n    $stretch: boolean;\n}\n\nconst StyledContainer = styled.div<StyleProps>`\n    flex-grow: 1;\n    margin: 0 auto;\n    position: relative;\n    width: auto;\n    height: auto;\n\n    ${(props) => {\n        if (props.$stretch) {\n            return css`\n                padding: 0 3rem;\n            `;\n        } else {\n            return css`\n                padding: 0 0.75rem;\n                /* Max width restrictions */\n                max-width: 1320px;\n\n                ${V2_MediaQuery.MaxWidth.desktopM} {\n                    max-width: 1140px;\n                }\n            `;\n        }\n    }}\n    ${V2_MediaQuery.MaxWidth.tablet} {\n        max-width: 720px;\n    }\n    ${V2_MediaQuery.MaxWidth.mobileL} {\n        width: 100%;\n        padding: 0;\n        max-width: unset;\n    }\n\n    ${(props) => {\n        switch (props.$type) {\n            case \"grid\":\n                return css`\n                    column-gap: 2rem;\n                    display: grid;\n                    grid-template-columns: repeat(12, minmax(0, 1fr));\n\n                    ${V2_MediaQuery.MaxWidth.tablet} {\n                        column-gap: 1.5rem;\n                        grid-template-columns: repeat(8, minmax(0, 1fr));\n                    }\n\n                    ${V2_MediaQuery.MaxWidth.mobileL} {\n                        column-gap: 1rem;\n                        grid-template-columns: repeat(4, minmax(0, 1fr));\n                    }\n                `;\n            case \"flex-column\":\n                return css`\n                    display: flex;\n                    flex-direction: column;\n                `;\n            case \"flex\":\n            default:\n                return css`\n                    display: flex;\n                `;\n        }\n    }}\n`;\n"],"names":["V2_Container","React","forwardRef","props","ref","children","testId","type","stretch","otherProps","__rest","_jsx","StyledContainer","$stretch","styled","div","css","V2_MediaQuery","MaxWidth","desktopM","tablet","mobileL","$type"],"mappings":"4MAMA,MA0BaA,EAAeC,EAAMC,YA1BhB,CAACC,EAA0BC,KACzC,MAAMC,SACFA,EACA,cAAeC,EAAS,YAAWC,KACnCA,EAAO,OAAMC,QACbA,GAAU,GAEVL,EADGM,EAAUC,EACbP,EANE,CAAA,WAAA,cAAA,OAAA,YAQN,OACIQ,EAACC,iBACGR,IAAKA,EAAG,cACKE,QACNC,EAAIM,SACDL,GACNC,YAEHJ,IACa,IAkBpBO,EAAkBE,EAAOC,GAAe;;;;;;;MAOvCZ,GACKA,EAAMU,SACCG,CAAG;;cAIHA,CAAG;;;;;kBAKJC,EAAcC,SAASC;;;;MAMnCF,EAAcC,SAASE;;;MAGvBH,EAAcC,SAASG;;;;;;MAMtBlB,IACC,OAAQA,EAAMmB,OACV,IAAK,OACD,OAAON,CAAG;;;;;sBAKJC,EAAcC,SAASE;;;;;sBAKvBH,EAAcC,SAASG;;;;kBAKjC,IAAK,cACD,OAAOL,CAAG;;;kBAKd,QACI,OAAOA,CAAG;;;"}

package/v2_layout/content.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { V2_ContentProps } from "./types";
-/** @deprecated */
-export declare const V2_Content: (props: V2_ContentProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;