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

package/cjs/timetable/timetable.style.js

@@ -1,163 +0,0 @@
-"use strict";var o=require("styled-components");require("../animations/loading-dots/loading-dots.js");var e=require("../animations/loading-dots-spinner/loading-dots-spinner.js");require("../animations/loading-spinner/loading-spinner.js"),require("react/jsx-runtime"),require("react");var r=require("../error-display/error-display.js"),i=require("../v3_theme/index.js");require("../_virtual/_tslib.js"),require("../modal-v2/index.js");var t=require("../typography/index.js");require("../popover-v2/popover.styles.js");var d=require("../popover-v2/popover-trigger.js");require("../popover-v2/popover-inline/popover-inline.styles.js");var a=require("./const.js");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var n=l(o);const s=n.default.div``,p=n.default.div`
-    display: grid;
-    overflow: scroll;
-    position: relative;
-    grid-template-columns: ${a.ROW_HEADER_WIDTH}px auto;
-`,u=n.default.div`
-    display: grid;
-    overflow: scroll;
-    position: relative;
-    grid-template-columns: ${a.ROW_HEADER_WIDTH}px fit-content(100%);
-    padding-bottom: ${o=>o.$allRecordsLoaded?"0":"128px"};
-    ${e=>{if(e.$loading)return o.css`
-                &:hover {
-                    cursor: not-allowed;
-                    padding-bottom: 0;
-                }
-            `}}
-`,c=n.default.div`
-    position: sticky;
-    top: 0;
-    left: 0;
-    background-color: ${i.V3_Colour.bg};
-    width: ${a.ROW_HEADER_WIDTH}px;
-    z-index: 2;
-    border-bottom: ${i.V3_Border["width-010"]} ${i.V3_Border.solid}
-        ${i.V3_Colour.border};
-    ${e=>e.$isScrolledX||e.$isScrolledY?o.css`
-                box-shadow: ${i.V3_Shadow["md-subtle"]};
-                clip-path: inset(
-                    0 ${e.$isScrolledX?"-0.12px":"0"}
-                        ${e.$isScrolledY?"-0.12px":"0"} 0
-                );
-                transition: box-shadow 0.5s ease-in-out,
-                    clip-path 0.5s ease-in-out;
-            `:o.css`
-                box-shadow: none;
-                clip-path: inset(0);
-                transition: box-shadow 0.5s ease-in-out,
-                    clip-path 0.5s ease-in-out;
-            `};
-`,g=n.default.div`
-    display: grid;
-    position: sticky;
-    grid-column: 1 / 2;
-    left: 0;
-    z-index: 1;
-    background-color: ${i.V3_Colour.bg};
-    grid-template-rows: repeat(${o=>o.$numOfRows}, ${a.ROW_HEIGHT}px);
-`,$=n.default.div`
-    display: grid;
-    position: sticky;
-    grid-column: 2 / 3;
-    grid-row: 1 / 2;
-    top: 0;
-    z-index: 1;
-    background-color: ${i.V3_Colour.bg};
-    grid-template-columns: repeat(${o=>o.$numOfColumns}, 1fr);
-    width: 100%;
-    border-bottom: ${i.V3_Border["width-010"]} ${i.V3_Border.solid}
-        ${i.V3_Colour.border};
-    transition: all 0.5s ease-in-out;
-    ${e=>{if(e.$isScrolled)return o.css`
-                box-shadow: ${i.V3_Shadow["md-subtle"]};
-            `}};
-`,x=n.default.div`
-    min-width: ${a.MIN_HOURLY_INTERVAL_WIDTH}px;
-    align-content: end;
-    margin-bottom: ${i.V3_Spacing["spacing-4"]};
-`,m=n.default(t.Typography.BodySM)`
-    color: ${i.V3_Colour["text-subtler"]};
-`,_=n.default.div`
-    display: grid;
-    grid-template-rows: repeat(${o=>o.$numOfRows}, ${a.ROW_HEIGHT}px);
-`,h=n.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    justify-content: center;
-    position: sticky;
-    left: 0;
-    background-color: ${i.V3_Colour.bg};
-    width: ${a.ROW_HEADER_WIDTH}px;
-    height: ${a.ROW_HEIGHT}px;
-    text-align: right;
-    padding: 0 ${i.V3_Spacing["spacing-16"]} 0 ${i.V3_Spacing["spacing-32"]};
-    border-bottom: ${i.V3_Border["width-010"]} ${i.V3_Border.solid}
-        ${i.V3_Colour.border};
-    border-right: ${i.V3_Border["width-005"]} ${i.V3_Border.solid}
-        ${i.V3_Colour["border-primary"]};
-    border-left: ${i.V3_Border["width-010"]} ${i.V3_Border.solid}
-        ${i.V3_Colour.border};
-    transition: all 0.5s ease-in-out;
-    ${e=>e.$isScrolled?o.css`
-                box-shadow: ${i.V3_Shadow["md-subtle"]};
-                clip-path: inset(0 -6px 0 0);
-            `:o.css`
-                box-shadow: none;
-            `};
-`,b=n.default(t.Typography.BodyMD)`
-    display: inline-block;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100%;
-    white-space: nowrap;
-    color: ${i.V3_Colour["text-primary"]};
-    &:hover {
-        cursor: ${o=>o.$isClickable?"pointer":"default"};
-    }
-`,f=n.default(t.Typography.BodyXS)`
-    display: inline-flex;
-    gap: ${i.V3_Spacing["spacing-4"]};
-    align-items: center;
-    color: ${i.V3_Colour["text-subtler"]};
-    ${e=>{if(!e.$show)return o.css`
-                display: none;
-            `}}
-`,w=n.default(e.LoadingDotsSpinner)`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    grid-column: ${o=>o.$isEmptyContent?"1 / -1":"2 / -1"};
-    grid-row: 2;
-    width: 100%;
-    height: 100%;
-`,v=n.default(r.ErrorDisplay)`
-    grid-column: 1 / -1;
-    grid-row: 2;
-    padding: ${i.V3_Spacing["spacing-72"]} 0;
-`,y=n.default.div`
-    display: flex;
-    border-bottom: ${i.V3_Border["width-010"]} ${i.V3_Border.solid}
-        ${i.V3_Colour.border};
-`,V=n.default.div`
-    border-right: ${i.V3_Border["width-005"]} ${i.V3_Border.solid}
-        ${i.V3_Colour["border-primary"]};
-    width: ${o=>`${o.$width}px`};
-    height: 100%;
-    padding: ${i.V3_Spacing["spacing-20"]} ${i.V3_Spacing["spacing-12"]};
-`,C=o.keyframes`
-  0% {
-        background-position: -468px 0;
-    }
-    100% {
-        background-position: 468px 0;
-    }
-`,H=n.default.div`
-    height: 28px;
-    width: 100%;
-    background: linear-gradient(
-        to right,
-        ${i.V3_Colour.Primitive["neutral-95"]} 8%,
-        ${i.V3_Colour.Primitive["neutral-100"]} 18%,
-        ${i.V3_Colour.Primitive["neutral-95"]} 33%
-    );
-    background-size: 800px 104px;
-    animation: ${C} 1.5s forwards infinite;
-`,R=n.default(d.PopoverTrigger)`
-    max-width: 24rem !important;
-    &:hover {
-        cursor: default;
-    }
-`;exports.ClickableRowHeaderTitle=b,exports.ColumnHeader=x,exports.ColumnHeaderRow=$,exports.ColumnHeaderTitle=m,exports.Container=s,exports.ContentContainer=_,exports.EmptyTableContainer=p,exports.Loader=w,exports.LoadingBar=H,exports.LoadingCell=V,exports.LoadingWrapper=y,exports.NoResultsFound=v,exports.RowColumnHeader=c,exports.RowHeader=h,exports.RowHeaderColumn=g,exports.RowHeaderSubtitle=f,exports.StyledPopoverTrigger=R,exports.TimeTableContainer=u;
-//# sourceMappingURL=timetable.style.js.map

package/cjs/timetable/timetable.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timetable.style.js","sources":["../../../src/timetable/timetable.style.tsx"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { LoadingDotsSpinner } from \"../animations\";\nimport { ErrorDisplay } from \"../error-display\";\nimport { PopoverTrigger } from \"../popover-v2\";\nimport { Typography } from \"../typography\";\nimport { V3_Border, V3_Colour, V3_Shadow, V3_Spacing } from \"../v3_theme\";\nimport {\n    MIN_HOURLY_INTERVAL_WIDTH,\n    ROW_HEADER_WIDTH,\n    ROW_HEIGHT,\n} from \"./const\";\n\ninterface ColumnHeaderRowProps {\n    $numOfColumns: number;\n    $isScrolled: boolean;\n}\n\ninterface RowHeaderColumnProps {\n    $numOfRows: number;\n    $isScrolled: boolean;\n}\n\ninterface TimeTableContainerProps {\n    $loading: boolean | undefined;\n    $allRecordsLoaded: boolean;\n}\n\ninterface RowColumnHeaderProps {\n    $isScrolledY: boolean;\n    $isScrolledX: boolean;\n}\n\ninterface RowHeaderProps {\n    $isScrolled: boolean;\n}\n\ninterface ClickableRowHeaderTitleProps {\n    $isClickable: boolean;\n}\n\ninterface RowHeaderSubtitleProps {\n    $show: boolean;\n}\n\ninterface LoadingCellWrapperProps {\n    $width: number;\n}\n\ninterface ContentContainerPopoverProps {\n    $numOfRows: number;\n}\n\ninterface LoaderProps {\n    $isEmptyContent: boolean;\n}\n\nexport const Container = styled.div``;\n\nexport const EmptyTableContainer = styled.div`\n    display: grid;\n    overflow: scroll;\n    position: relative;\n    grid-template-columns: ${ROW_HEADER_WIDTH}px auto;\n`;\n\nexport const TimeTableContainer = styled.div<TimeTableContainerProps>`\n    display: grid;\n    overflow: scroll;\n    position: relative;\n    grid-template-columns: ${ROW_HEADER_WIDTH}px fit-content(100%);\n    padding-bottom: ${(props) => (props.$allRecordsLoaded ? \"0\" : \"128px\")};\n    ${(props) => {\n        if (props.$loading) {\n            return css`\n                &:hover {\n                    cursor: not-allowed;\n                    padding-bottom: 0;\n                }\n            `;\n        }\n    }}\n`;\n\nexport const RowColumnHeader = styled.div<RowColumnHeaderProps>`\n    position: sticky;\n    top: 0;\n    left: 0;\n    background-color: ${V3_Colour[\"bg\"]};\n    width: ${ROW_HEADER_WIDTH}px;\n    z-index: 2;\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    ${(props) => {\n        if (props.$isScrolledX || props.$isScrolledY) {\n            return css`\n                box-shadow: ${V3_Shadow[\"md-subtle\"]};\n                clip-path: inset(\n                    0 ${props.$isScrolledX ? \"-0.12px\" : \"0\"}\n                        ${props.$isScrolledY ? \"-0.12px\" : \"0\"} 0\n                );\n                transition: box-shadow 0.5s ease-in-out,\n                    clip-path 0.5s ease-in-out;\n            `;\n        } else {\n            return css`\n                box-shadow: none;\n                clip-path: inset(0);\n                transition: box-shadow 0.5s ease-in-out,\n                    clip-path 0.5s ease-in-out;\n            `;\n        }\n    }};\n`;\n\nexport const RowHeaderColumn = styled.div<RowHeaderColumnProps>`\n    display: grid;\n    position: sticky;\n    grid-column: 1 / 2;\n    left: 0;\n    z-index: 1;\n    background-color: ${V3_Colour[\"bg\"]};\n    grid-template-rows: repeat(${(props) => props.$numOfRows}, ${ROW_HEIGHT}px);\n`;\n\nexport const ColumnHeaderRow = styled.div<ColumnHeaderRowProps>`\n    display: grid;\n    position: sticky;\n    grid-column: 2 / 3;\n    grid-row: 1 / 2;\n    top: 0;\n    z-index: 1;\n    background-color: ${V3_Colour[\"bg\"]};\n    grid-template-columns: repeat(${(props) => props.$numOfColumns}, 1fr);\n    width: 100%;\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    transition: all 0.5s ease-in-out;\n    ${(props) => {\n        if (props.$isScrolled) {\n            return css`\n                box-shadow: ${V3_Shadow[\"md-subtle\"]};\n            `;\n        }\n    }};\n`;\n\nexport const ColumnHeader = styled.div`\n    min-width: ${MIN_HOURLY_INTERVAL_WIDTH}px;\n    align-content: end;\n    margin-bottom: ${V3_Spacing[\"spacing-4\"]};\n`;\n\nexport const ColumnHeaderTitle = styled(Typography.BodySM)`\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n\nexport const ContentContainer = styled.div<ContentContainerPopoverProps>`\n    display: grid;\n    grid-template-rows: repeat(${(props) => props.$numOfRows}, ${ROW_HEIGHT}px);\n`;\n\nexport const RowHeader = styled.div<RowHeaderProps>`\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    justify-content: center;\n    position: sticky;\n    left: 0;\n    background-color: ${V3_Colour[\"bg\"]};\n    width: ${ROW_HEADER_WIDTH}px;\n    height: ${ROW_HEIGHT}px;\n    text-align: right;\n    padding: 0 ${V3_Spacing[\"spacing-16\"]} 0 ${V3_Spacing[\"spacing-32\"]};\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    border-right: ${V3_Border[\"width-005\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border-primary\"]};\n    border-left: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    transition: all 0.5s ease-in-out;\n    ${(props) => {\n        if (props.$isScrolled) {\n            return css`\n                box-shadow: ${V3_Shadow[\"md-subtle\"]};\n                clip-path: inset(0 -6px 0 0);\n            `;\n        } else {\n            return css`\n                box-shadow: none;\n            `;\n        }\n    }};\n`;\n\nexport const ClickableRowHeaderTitle = styled(\n    Typography.BodyMD\n)<ClickableRowHeaderTitleProps>`\n    display: inline-block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 100%;\n    white-space: nowrap;\n    color: ${V3_Colour[\"text-primary\"]};\n    &:hover {\n        cursor: ${(props) => (props.$isClickable ? \"pointer\" : \"default\")};\n    }\n`;\n\nexport const RowHeaderSubtitle = styled(\n    Typography.BodyXS\n)<RowHeaderSubtitleProps>`\n    display: inline-flex;\n    gap: ${V3_Spacing[\"spacing-4\"]};\n    align-items: center;\n    color: ${V3_Colour[\"text-subtler\"]};\n    ${(props) => {\n        if (!props.$show) {\n            return css`\n                display: none;\n            `;\n        }\n    }}\n`;\n\nexport const Loader = styled(LoadingDotsSpinner)<LoaderProps>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    grid-column: ${(props) => (props.$isEmptyContent ? \"1 / -1\" : \"2 / -1\")};\n    grid-row: 2;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const NoResultsFound = styled(ErrorDisplay)`\n    grid-column: 1 / -1;\n    grid-row: 2;\n    padding: ${V3_Spacing[\"spacing-72\"]} 0;\n`;\n\nexport const LoadingWrapper = styled.div`\n    display: flex;\n    border-bottom: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n`;\n\nexport const LoadingCell = styled.div<LoadingCellWrapperProps>`\n    border-right: ${V3_Border[\"width-005\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border-primary\"]};\n    width: ${(props) => `${props.$width}px`};\n    height: 100%;\n    padding: ${V3_Spacing[\"spacing-20\"]} ${V3_Spacing[\"spacing-12\"]};\n`;\n\nconst gradientAnimation = keyframes`\n  0% {\n        background-position: -468px 0;\n    }\n    100% {\n        background-position: 468px 0;\n    }\n`;\n\nexport const LoadingBar = styled.div`\n    height: 28px;\n    width: 100%;\n    background: linear-gradient(\n        to right,\n        ${V3_Colour.Primitive[\"neutral-95\"]} 8%,\n        ${V3_Colour.Primitive[\"neutral-100\"]} 18%,\n        ${V3_Colour.Primitive[\"neutral-95\"]} 33%\n    );\n    background-size: 800px 104px;\n    animation: ${gradientAnimation} 1.5s forwards infinite;\n`;\n\nexport const StyledPopoverTrigger = styled(PopoverTrigger)`\n    max-width: 24rem !important;\n    &:hover {\n        cursor: default;\n    }\n`;\n"],"names":["Container","styled","div","EmptyTableContainer","ROW_HEADER_WIDTH","TimeTableContainer","props","$allRecordsLoaded","$loading","css","RowColumnHeader","V3_Colour","V3_Border","$isScrolledX","$isScrolledY","V3_Shadow","RowHeaderColumn","$numOfRows","ROW_HEIGHT","ColumnHeaderRow","$numOfColumns","$isScrolled","ColumnHeader","MIN_HOURLY_INTERVAL_WIDTH","V3_Spacing","ColumnHeaderTitle","Typography","BodySM","ContentContainer","RowHeader","ClickableRowHeaderTitle","BodyMD","$isClickable","RowHeaderSubtitle","BodyXS","$show","Loader","LoadingDotsSpinner","$isEmptyContent","NoResultsFound","ErrorDisplay","LoadingWrapper","LoadingCell","$width","gradientAnimation","keyframes","LoadingBar","Primitive","StyledPopoverTrigger","PopoverTrigger"],"mappings":"6uBAyDaA,EAAYC,EAAAA,QAAOC,GAAG,GAEtBC,EAAsBF,EAAAA,QAAOC,GAAG;;;;6BAIhBE;EAGhBC,EAAqBJ,EAAAA,QAAOC,GAA4B;;;;6BAIxCE;sBACNE,GAAWA,EAAMC,kBAAoB,IAAM;MAC3DD,IACC,GAAIA,EAAME,SACN,OAAOC,KAAG;;;;;aAMd;EAIKC,EAAkBT,EAAAA,QAAOC,GAAyB;;;;wBAIvCS,EAAAA,UAAc;aACzBP;;qBAEQQ,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDD,EAAAA,UAAkB;MACrBL,GACKA,EAAMO,cAAgBP,EAAMQ,aACrBL,KAAG;8BACQM,EAAAA,UAAU;;wBAEhBT,EAAMO,aAAe,UAAY;0BAC/BP,EAAMQ,aAAe,UAAY;;;;cAMxCL,KAAG;;;;;;EAUTO,EAAkBf,EAAAA,QAAOC,GAAyB;;;;;;wBAMvCS,EAAAA,UAAc;iCACJL,GAAUA,EAAMW,eAAeC,EAAAA;EAGpDC,EAAkBlB,EAAAA,QAAOC,GAAyB;;;;;;;wBAOvCS,EAAAA,UAAc;oCACDL,GAAUA,EAAMc;;qBAEhCR,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDD,EAAAA,UAAkB;;MAErBL,IACC,GAAIA,EAAMe,YACN,OAAOZ,KAAG;8BACQM,EAAAA,UAAU;aAEhC;EAIKO,EAAerB,EAAAA,QAAOC,GAAG;iBACrBqB;;qBAEIC,EAAAA,WAAW;EAGnBC,EAAoBxB,EAAAA,QAAOyB,aAAWC,OAAO;aAC7ChB,EAAAA,UAAU;EAGViB,EAAmB3B,EAAAA,QAAOC,GAAiC;;iCAEtCI,GAAUA,EAAMW,eAAeC,EAAAA;EAGpDW,EAAY5B,EAAAA,QAAOC,GAAmB;;;;;;;wBAO3BS,EAAAA,UAAc;aACzBP;cACCc;;iBAEGM,EAAAA,WAAW,mBAAmBA,EAAAA,WAAW;qBACrCZ,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDD,EAAAA,UAAkB;oBACRC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACrDD,EAAAA,UAAU;mBACDC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACpDD,EAAAA,UAAkB;;MAErBL,GACKA,EAAMe,YACCZ,KAAG;8BACQM,EAAAA,UAAU;;cAIrBN,KAAG;;;EAOTqB,EAA0B7B,EAAAA,QACnCyB,aAAWK,OACgB;;;;;;aAMlBpB,EAAAA,UAAU;;kBAEJL,GAAWA,EAAM0B,aAAe,UAAY;;EAIlDC,EAAoBhC,EAAAA,QAC7ByB,aAAWQ,OACU;;WAEdV,EAAAA,WAAW;;aAETb,EAAAA,UAAU;MAChBL,IACC,IAAKA,EAAM6B,MACP,OAAO1B,KAAG;;aAGd;EAIK2B,EAASnC,EAAAA,QAAOoC,EAAAA,mBAAgC;;;;mBAIzC/B,GAAWA,EAAMgC,gBAAkB,SAAW;;;;EAMrDC,EAAiBtC,EAAAA,QAAOuC,EAAAA,aAAa;;;eAGnChB,EAAAA,WAAW;EAGbiB,EAAiBxC,EAAAA,QAAOC,GAAG;;qBAEnBU,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACtDD,EAAAA,UAAkB;EAGf+B,EAAczC,EAAAA,QAAOC,GAA4B;oBAC1CU,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UACrDD,EAAAA,UAAU;aACNL,GAAU,GAAGA,EAAMqC;;eAElBnB,EAAAA,WAAW,iBAAiBA,EAAAA,WAAW;EAGhDoB,EAAoBC,EAAAA,SAAS;;;;;;;EAStBC,EAAa7C,EAAAA,QAAOC,GAAG;;;;;UAK1BS,EAAAA,UAAUoC,UAAU;UACpBpC,EAAAA,UAAUoC,UAAU;UACpBpC,EAAAA,UAAUoC,UAAU;;;iBAGbH;EAGJI,EAAuB/C,EAAAA,QAAOgD,EAAAA,eAAe;;;;;"}

package/cjs/tooltip/index.js

@@ -1,2 +0,0 @@
-"use strict";var o=require("./tooltip.js"),t=require("./tooltip-hoc.js");exports.Tooltip=o.Tooltip,exports.withTooltip=t.withTooltip;
-//# sourceMappingURL=index.js.map

package/cjs/tooltip/index.js.map

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

package/cjs/tooltip/tooltip-hoc.js

@@ -1,2 +0,0 @@
-"use strict";var i=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("./tooltip.js"),e=require("./tooltip.styles.js");exports.withTooltip=(o,r)=>l=>{const{tooltipVisible:p,position:n}=l,j=i.__rest(l,["tooltipVisible","position"]);return t.jsxs(e.HOCWrapper,{children:[t.jsx(o,Object.assign({},j)),t.jsx(s.Tooltip,{visible:p,position:n,children:r.content})]})};
-//# sourceMappingURL=tooltip-hoc.js.map

package/cjs/tooltip/tooltip-hoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-hoc.js","sources":["../../../src/tooltip/tooltip-hoc.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { Tooltip } from \"./tooltip\";\nimport { HOCWrapper } from \"./tooltip.styles\";\nimport type { TooltipHOCOptionsProps, TooltipHOCProps } from \"./types\";\n\nexport const withTooltip =\n    <T extends object>(\n        Component: React.ComponentType<T>,\n        options: TooltipHOCOptionsProps\n    ) =>\n    // eslint-disable-next-line react/display-name\n    (props: T & TooltipHOCProps): JSX.Element => {\n        const { tooltipVisible, position, ...otherProps } = props;\n        const innerProps = otherProps as T;\n\n        return (\n            <HOCWrapper>\n                <Component {...innerProps} />\n                <Tooltip visible={tooltipVisible} position={position}>\n                    {options.content}\n                </Tooltip>\n            </HOCWrapper>\n        );\n    };\n"],"names":["Component","options","props","tooltipVisible","position","innerProps","__rest","_jsxs","HOCWrapper","children","_jsx","Object","assign","Tooltip","visible","content"],"mappings":"kKAOI,CACIA,EACAC,IAGHC,IACG,MAAMC,eAAEA,EAAcC,SAAEA,GAA4BF,EAC9CG,EADyCC,EAAAA,OAAKJ,EAA9C,CAAA,iBAAA,aAGN,OACIK,OAACC,EAAAA,WAAU,CAAAC,SAAA,CACPC,EAAAA,IAACV,EAASW,OAAAC,OAAA,CAAA,EAAKP,IACfK,EAAAA,IAACG,UAAO,CAACC,QAASX,EAAgBC,SAAUA,EAAQK,SAC/CR,EAAQc,YAEJ"}

package/cjs/tooltip/tooltip.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("../external/lodash/debounce.js"),s=require("react"),r=require("../v2_text/text.js"),o=require("./tooltip.styles.js");exports.Tooltip=n=>{var{visible:l,position:a="top",children:c}=n,u=e.__rest(n,["visible","position","children"]);const d=u["data-testid"]||"tooltip",[p,b]=s.useState(a),f=s.useRef(null);s.useEffect((()=>(x(),window.addEventListener("resize",i.default(h,300)),()=>{window.removeEventListener("resize",i.default(h,300))})),[]);const h=()=>{x()},x=()=>{if(f.current){const e=f.current.getBoundingClientRect();if(e.x<0)switch(a){case"left":case"top":case"bottom":b("right");break;case"right":b("top")}else if(e.x+e.width>window.outerWidth)switch(a){case"right":case"top":case"bottom":b("left");break;case"left":b("top")}else b(a)}};return t.jsxs(o.BubbleWrap,Object.assign({position:p,"data-testid":d,visible:l,ref:f},u,{children:[t.jsx(o.Bubble,{children:"string"==typeof c?t.jsx(r.V2_Text.BodySmall,{children:c}):c}),t.jsx(o.Arrow,{position:p})]}))};
-//# sourceMappingURL=tooltip.js.map

package/cjs/tooltip/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/tooltip/tooltip.tsx"],"sourcesContent":["import debounce from \"lodash/debounce\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { V2_Text } from \"../v2_text/text\";\nimport { Arrow, Bubble, BubbleWrap } from \"./tooltip.styles\";\nimport type { TooltipPosition, TooltipProps } from \"./types\";\n\n/** @deprecated Use `PopoverV2` */\nexport const Tooltip = ({\n    visible,\n    position = \"top\",\n    children,\n    ...otherProps\n}: TooltipProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const testId = otherProps[\"data-testid\"] || \"tooltip\";\n    const [currPosition, setPosition] = useState<TooltipPosition>(position);\n    const bubbleRef = useRef<HTMLDivElement>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        recalculatePosition();\n        window.addEventListener(\"resize\", debounce(handleViewportResize, 300));\n\n        return () => {\n            window.removeEventListener(\n                \"resize\",\n                debounce(handleViewportResize, 300)\n            );\n        };\n    }, []);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleViewportResize = () => {\n        recalculatePosition();\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const recalculatePosition = () => {\n        if (bubbleRef.current) {\n            const bubbleRect = bubbleRef.current.getBoundingClientRect();\n            if (bubbleRect.x < 0) {\n                switch (position) {\n                    case \"left\":\n                    case \"top\":\n                    case \"bottom\":\n                        setPosition(\"right\");\n                        break;\n                    case \"right\":\n                        setPosition(\"top\");\n                        break;\n                    default:\n                        break;\n                }\n            } else if (bubbleRect.x + bubbleRect.width > window.outerWidth) {\n                switch (position) {\n                    case \"right\":\n                    case \"top\":\n                    case \"bottom\":\n                        setPosition(\"left\");\n                        break;\n                    case \"left\":\n                        setPosition(\"top\");\n                        break;\n                    default:\n                        break;\n                }\n            } else {\n                // Back to original\n                setPosition(position);\n            }\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n\n    const renderContent = () =>\n        typeof children === \"string\" ? (\n            <V2_Text.BodySmall>{children}</V2_Text.BodySmall>\n        ) : (\n            children\n        );\n\n    return (\n        <BubbleWrap\n            position={currPosition}\n            data-testid={testId}\n            visible={visible}\n            ref={bubbleRef}\n            {...otherProps}\n        >\n            <Bubble>{renderContent()}</Bubble>\n            <Arrow position={currPosition} />\n        </BubbleWrap>\n    );\n};\n"],"names":["_a","visible","position","children","otherProps","__rest","testId","currPosition","setPosition","useState","bubbleRef","useRef","useEffect","recalculatePosition","window","addEventListener","debounce","handleViewportResize","removeEventListener","current","bubbleRect","getBoundingClientRect","x","width","outerWidth","_jsxs","BubbleWrap","Object","assign","ref","_jsx","Bubble","V2_Text","BodySmall","Arrow"],"mappings":"mOAQwBA,IAAA,IAAAC,QACpBA,EAAOC,SACPA,EAAW,MAAKC,SAChBA,GAAQH,EACLI,EAAUC,EAAAA,OAAAL,EAJO,CAAA,UAAA,WAAA,aASpB,MAAMM,EAASF,EAAW,gBAAkB,WACrCG,EAAcC,GAAeC,EAAAA,SAA0BP,GACxDQ,EAAYC,EAAAA,OAAuB,MAKzCC,EAAAA,WAAU,KACNC,IACAC,OAAOC,iBAAiB,SAAUC,EAAAA,QAASC,EAAsB,MAE1D,KACHH,OAAOI,oBACH,SACAF,EAAAA,QAASC,EAAsB,KAClC,IAEN,IAKH,MAAMA,EAAuB,KACzBJ,GAAqB,EAMnBA,EAAsB,KACxB,GAAIH,EAAUS,QAAS,CACnB,MAAMC,EAAaV,EAAUS,QAAQE,wBACrC,GAAID,EAAWE,EAAI,EACf,OAAQpB,GACJ,IAAK,OACL,IAAK,MACL,IAAK,SACDM,EAAY,SACZ,MACJ,IAAK,QACDA,EAAY,YAKjB,GAAIY,EAAWE,EAAIF,EAAWG,MAAQT,OAAOU,WAChD,OAAQtB,GACJ,IAAK,QACL,IAAK,MACL,IAAK,SACDM,EAAY,QACZ,MACJ,IAAK,OACDA,EAAY,YAOpBA,EAAYN,EAEpB,GAcJ,OACIuB,EAAAA,KAACC,EAAAA,WAAUC,OAAAC,OAAA,CACP1B,SAAUK,EAAY,cACTD,EACbL,QAASA,EACT4B,IAAKnB,GACDN,EAAU,CAAAD,SAAA,CAEd2B,EAAAA,IAACC,EAAAA,OAAM,CAAA5B,SAdS,iBAAbA,EACH2B,EAAAA,IAACE,UAAQC,UAAS,CAAA9B,SAAEA,IAA6B,IAcjD2B,EAAAA,IAACI,EAAAA,MAAK,CAAChC,SAAUK,OACR"}

package/cjs/tooltip/tooltip.styles.js

@@ -1,192 +0,0 @@
-"use strict";var t=require("styled-components"),r=require("../card/card.js"),e=require("../v2_color/color.js"),o=require("../v2_media/media.js"),a=require("../v2_transition/index.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(t);const s=n.default.div`
-    position: absolute;
-    max-width: 30rem;
-    pointer-events: auto;
-
-    ${r=>(r=>{switch(r){case"left":return t.css`
-                right: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                top: 50%;
-                -moz-transform: translateY(-50%);
-                -webkit-transform: translateY(-50%);
-                transform: translateY(-50%);
-
-                ${o.V2_MediaQuery.MaxWidth.mobileL} {
-                    width: auto;
-                }
-            `;case"right":return t.css`
-                left: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                top: 50%;
-                -moz-transform: translateY(-50%);
-                -webkit-transform: translateY(-50%);
-                transform: translateY(-50%);
-
-                ${o.V2_MediaQuery.MaxWidth.mobileL} {
-                    width: auto;
-                }
-            `;case"bottom":return t.css`
-                top: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                left: 50%;
-                -moz-transform: translateX(-50%);
-                -webkit-transform: translateX(-50%);
-                transform: translateX(-50%);
-
-                ${o.V2_MediaQuery.MaxWidth.mobileL} {
-                    max-width: 80vw;
-                }
-            `;default:return t.css`
-                bottom: calc(100% + 16px);
-                width: max-content;
-                margin: auto;
-                left: 50%;
-                -moz-transform: translateX(-50%);
-                -webkit-transform: translateX(-50%);
-                transform: translateX(-50%);
-
-                ${o.V2_MediaQuery.MaxWidth.mobileL} {
-                    max-width: 80vw;
-                }
-            `}})(r.position)}
-    ${r=>r.visible?t.css`
-            visibility: "visible";
-            opacity: 1;
-            transition: ${a.V2_Transition.Base};
-            z-index: 2;
-        `:t.css`
-            visibility: "hidden";
-            opacity: 0;
-            transition: ${a.V2_Transition.Base};
-            z-index: -1;
-        `}
-`,p=n.default(r.Card)`
-    border-radius: 4px;
-    box-shadow: 3px 2px 10px 1px rgba(91, 91, 91, 0.2);
-`,l=n.default.div`
-    position: absolute;
-    overflow: hidden;
-
-    ${r=>{switch(r.position){case"top":default:return t.css`
-                    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.V2_Color.Neutral[8]} transparent
-                            transparent transparent;
-                    }
-                `;case"right":return t.css`
-                    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.V2_Color.Neutral[8]}
-                            transparent transparent;
-                    }
-                `;case"left":return t.css`
-                    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.V2_Color.Neutral[8]};
-                    }
-                `;case"bottom":return t.css`
-                    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.V2_Color.Neutral[8]} transparent;
-                    }
-                `}}}
-`,d=n.default.div`
-    position: relative;
-`;exports.Arrow=l,exports.Bubble=p,exports.BubbleWrap=s,exports.HOCWrapper=d;
-//# sourceMappingURL=tooltip.styles.js.map

package/cjs/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":"2QAkBA,MAgFaA,EAAaC,EAAAA,QAAOC,GAAsB;;;;;MAKhDC,GAnEwB,CAACC,IAC5B,OAAQA,GACJ,IAAK,OACD,OAAOC,KAAG;;;;;;;;;kBASJC,EAAAA,cAAcC,SAASC;;;cAIjC,IAAK,QACD,OAAOH,KAAG;;;;;;;;;kBASJC,EAAAA,cAAcC,SAASC;;;cAIjC,IAAK,SACD,OAAOH,KAAG;;;;;;;;;kBASJC,EAAAA,cAAcC,SAASC;;;cAKjC,QACI,OAAOH,KAAG;;;;;;;;;kBASJC,EAAAA,cAAcC,SAASC;;;gBAYxBC,CAAuBN,EAAMC;MACvCD,GAA6BA,EAAMO,QApF3BL,KAAG;;;0BAGQM,EAAAA,cAAcC;;UAIzBP,KAAG;;;0BAGQM,EAAAA,cAAcC;;;EA6E3BC,EAASZ,EAAAA,QAAOa,EAAAA,KAAK;;;EAKrBC,EAAQd,EAAAA,QAAOC,GAAsB;;;;MAI3CC,IACC,OAAQA,EAAMC,UACV,IAAK,MACL,QACI,OAAOC,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;wCAyBcW,EAAAA,SAASC,QAAQ;;;kBAI7C,IAAK,QACD,OAAOZ,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;oDA0B0BW,EAAAA,SAASC,QAAQ;;;kBAIzD,IAAK,OACD,OAAOZ,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA2BIW,EAAAA,SAASC,QAAQ;;kBAGnC,IAAK,SACD,OAAOZ,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA2BIW,EAAAA,SAASC,QAAQ;;;EAOlCC,EAAajB,EAAAA,QAAOC,GAAG;;"}

package/cjs/typography/helper.js

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

package/cjs/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","token","css","V3_Font","getMaxLinesStyle","maxLines","lineClampCss","getDisplayStyle","inline","undefined","textStyle","V3_Colour","text"],"mappings":"yHAOO,MAAMA,EAAe,CACxBC,EACAC,EACAC,GAAY,KAEZ,MAAMC,EAA0B,GAAGH,KAAQC,IAE3C,OAAOG,KAAG;UACJC,EAAAA,QAAQF;UACRD,EAAY,yBAA2B;KAC5C,EAGCI,EAAoBC,IACtB,GAAIA,EACA,OAAOH,KAAG;cACJI,EAAAA,aAAaD;SAEvB,EAGSE,EAAkB,CAC3BC,GAAS,EACTR,GAAY,EACZK,OAA+BI,IAE3BT,EACOE,KAAG;;cAEJE,EAAiBC;UAEhBG,EACAN,KAAG;;UAIHA,KAAG;;cAEJE,EAAiBC;yCAKO,CAClCK,EACAX,EACAS,EACAR,EACAK,IACCH,KAAG;MACFL,EAAaa,EAAWX,GAAU,UAAWC;MAC7CO,EAAgBC,EAAQR,EAAWK;aAC5BM,EAAAA,UAAUC;"}

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

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

package/cjs/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":"+RAkBaA,EAAgBC,EAAAA,QAAOC,EAAAA,oBAAoB;;EAI3CC,EAAaF,EAAAA,QAAOG,EAAAA,MAAM;;;;;;EAQ1BC,EAAYJ,EAAAA,QAAOE,EAAW;;;;;;;;EAU9BG,EAAoBL,EAAAA,QAAOM,aAAWC,OAAwB;;MAEpEC,IACC,GAAIA,EAAMC,UACN,OAAOC,KAAG;yBACGC,EAAAA,UAAU;aAE3B;EAIKC,EAAoBZ,EAAAA,QAAOa,GAAG;;;;EAM9BC,EAAgBd,EAAAA,QAAOM,aAAWC,OAAwB"}

package/cjs/v2_color/color.js

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

package/cjs/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":"gEAKO,MAAMA,EAGT,CACAC,MAAO,CACH,EAAGC,EAAAA,eAAe,WAClB,EAAGA,EAAAA,eAAe,WAClB,EAAGA,EAAAA,eAAe,WAClB,EAAGA,EAAAA,eAAe,WAClB,EAAGA,EAAAA,eAAe,WAClB,EAAGA,EAAAA,eAAe,YAEtBC,QAASD,EAAAA,eAAe,WACxBE,YAAaF,EAAAA,eAAe,eAC5BG,UAAWH,EAAAA,eAAe,aAC1BI,OAAQ,CACJC,MAAO,CACH,EAAGL,EAAAA,eAAe,kBAClB,EAAGA,EAAAA,eAAe,kBAClB,EAAGA,EAAAA,eAAe,kBAClB,EAAGA,EAAAA,eAAe,kBAClB,EAAGA,EAAAA,eAAe,kBAClB,EAAGA,EAAAA,eAAe,mBAEtBM,KAAM,CACF,EAAGN,EAAAA,eAAe,iBAClB,EAAGA,EAAAA,eAAe,iBAClB,EAAGA,EAAAA,eAAe,mBAG1BO,QAAS,CACL,EAAGP,EAAAA,eAAe,aAClB,EAAGA,EAAAA,eAAe,aAClB,EAAGA,EAAAA,eAAe,aAClB,EAAGA,EAAAA,eAAe,aAClB,EAAGA,EAAAA,eAAe,aAClB,EAAGA,EAAAA,eAAe,aAClB,EAAGA,EAAAA,eAAe,aAClB,EAAGA,EAAAA,eAAe,cAEtBQ,WAAY,CACRC,MAAO,CACHC,KAAMV,EAAAA,eAAe,yBACrBW,KAAMX,EAAAA,eAAe,yBACrBY,OAAQZ,EAAAA,eAAe,2BACvBa,WAAYb,EAAAA,eAAe,gCAE/Bc,OAAQ,CACJJ,KAAMV,EAAAA,eAAe,0BACrBW,KAAMX,EAAAA,eAAe,0BACrBY,OAAQZ,EAAAA,eAAe,4BACvBa,WAAYb,EAAAA,eAAe,gCAC3Be,MAAOf,EAAAA,eAAe,4BAE1BgB,IAAK,CACDN,KAAMV,EAAAA,eAAe,uBACrBW,KAAMX,EAAAA,eAAe,uBACrBY,OAAQZ,EAAAA,eAAe,yBACvBa,WAAYb,EAAAA,eAAe,8BAE/BiB,KAAM,CACFP,KAAMV,EAAAA,eAAe,wBACrBW,KAAMX,EAAAA,eAAe,wBACrBY,OAAQZ,EAAAA,eAAe,0BACvBa,WAAYb,EAAAA,eAAe,gCAGnCkB,OAAQ,CACJd,OAAQJ,EAAAA,eAAe,iBACvBgB,IAAKhB,EAAAA,eAAe,cACpBmB,UAAWnB,EAAAA,eAAe"}

package/cjs/v2_color/index.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("./color.js");exports.V2_Color=r.V2_Color;
-//# sourceMappingURL=index.js.map

package/cjs/v2_color/index.js.map

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

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

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

package/cjs/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":"iEAIO,MAAMA,EAAiB,CAC1BC,eAAgBC,EAAAA,oBAAoB,kBACpCC,oBAAqBD,EAAAA,oBAAoB,uBACzCE,mBAAoBF,EAAAA,oBAAoB,sBACxCG,MAAO,CACHC,OAAQJ,EAAAA,oBAAoB,gBAC5BK,KAAM,CACFC,QAASN,EAAAA,oBAAoB,sBAC7BO,UAAWP,EAAAA,oBAAoB,wBAC/BQ,SAAUR,EAAAA,oBAAoB,uBAC9BS,MAAOT,EAAAA,oBAAoB,sBAGnCU,OAAQ,CACJC,OAAQ,CACJC,gBAAiBZ,EAAAA,oBACb,iCAEJS,MAAOT,EAAAA,oBAAoB,uBAC3BM,QAASN,EAAAA,oBAAoB,yBAC7Ba,OAAQb,EAAAA,oBAAoB"}

package/cjs/v2_design-token/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./design-token.js");exports.V2_DesignToken=e.V2_DesignToken;
-//# sourceMappingURL=index.js.map

package/cjs/v2_design-token/index.js.map

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

package/cjs/v2_layout/col-div.js

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

package/cjs/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":"8MAMA,MA4BaA,OAAYC,QAAMC,YA5Bb,CAACC,EAAuBC,KACtC,MAAMC,WAAEA,EAAUC,WAAEA,EAAUC,YAAEA,GAA+BJ,EAAfK,EAAUC,EAAAA,OAAKN,EAAzD,CAAA,aAAA,aAAA,gBAuBN,OAAOO,MAACC,EAAAA,UAASC,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/cjs/v2_layout/col-div.style.js

@@ -1,17 +0,0 @@
-"use strict";var t=require("styled-components"),e=require("../v2_media/media.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const i=a(t).default.div`
-    position: relative;
-    ${a=>{const{$desktopStart:i,$desktopSpan:o,$tabletStart:r,$tabletSpan:n,$mobileStart:d,$mobileSpan:u}=a;return t.css`
-            grid-column: ${i||"auto"} / span ${o||1};
-
-            ${e.V2_MediaQuery.MaxWidth.tablet} {
-                grid-column: ${r||"auto"} / span
-                    ${n||1};
-            }
-
-            ${e.V2_MediaQuery.MaxWidth.mobileL} {
-                grid-column: ${d||"auto"} / span
-                    ${u||1};
-            }
-        `}}
-`;exports.StyledDiv=i;
-//# sourceMappingURL=col-div.style.js.map

package/cjs/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":"0JAqBO,MAAMA,OAAYC,QAAOC,GAAwB;;MAEjDC,IACC,MAAMC,cACFA,EAAaC,aACbA,EAAYC,aACZA,EAAYC,YACZA,EAAWC,aACXA,EAAYC,YACZA,GACAN,EAEJ,OAAOO,KAAG;2BACSN,GAAiB,iBAAiBC,GAAgB;;cAE/DM,EAAAA,cAAcC,SAASC;+BACNP,GAAgB;sBACzBC,GAAe;;;cAGvBI,EAAAA,cAAcC,SAASE;+BACNN,GAAgB;sBACzBC,GAAe;;SAE5B;"}