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

package/timetable/timetable.style.js

@@ -1,172 +0,0 @@
-import i,{css as o,keyframes as t}from"styled-components";import"../animations/loading-dots/loading-dots.js";import{LoadingDotsSpinner as e}from"../animations/loading-dots-spinner/loading-dots-spinner.js";import"../animations/loading-spinner/loading-spinner.js";import"react/jsx-runtime";import"react";import"../theme/theme-provider/context.js";import{ErrorDisplay as r}from"../error-display/error-display.js";import"../_virtual/_tslib.js";import"clsx";import{Typography as n}from"../typography/index.js";import"../card/card.styles_1gh9gs3.css";import"../markup/markup.js";import"../modal-v2/index.js";import"../theme/theme-provider/index.js";import{Border as s}from"../theme/tokens/border.js";import{Colour as d}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Spacing as p}from"../theme/tokens/spacing.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import"../popover-v2/popover.styles_lslc72.css";import{PopoverTrigger as l}from"../popover-v2/popover-trigger.js";import"../popover-v2/popover-inline/popover-inline.styles_ziag9c.css";import{V3_Colour as a,V3_Border as m,V3_Shadow as c,V3_Spacing as $}from"../v3_theme/index.js";import{ROW_HEADER_WIDTH as h,ROW_HEIGHT as g,MIN_HOURLY_INTERVAL_WIDTH as x}from"./const.js";const u=i.div``,b=i.div`
-    display: grid;
-    overflow: scroll;
-    position: relative;
-    grid-template-columns: ${h}px auto;
-`,v=i.div`
-    display: grid;
-    align-content: start;
-    overflow: scroll;
-    position: relative;
-    padding-bottom: ${i=>i.$allRecordsLoaded?"0":"128px"};
-    isolation: isolate;
-    ${i=>{if(i.$loading)return o`
-                &:hover {
-                    cursor: not-allowed;
-                    padding-bottom: 0;
-                }
-            `}}
-`,w=i.div`
-    position: sticky;
-    top: 0;
-    left: 0;
-    background-color: ${a.bg};
-    width: ${h}px;
-    height: ${g}px;
-    z-index: 2;
-    border-bottom: ${m["width-010"]} ${m.solid}
-        ${a.border};
-    ${i=>i.$isScrolledX||i.$isScrolledY?o`
-                box-shadow: ${c["md-subtle"]};
-                clip-path: inset(
-                    0 ${i.$isScrolledX?"-0.12px":"0"}
-                        ${i.$isScrolledY?"-0.12px":"0"} 0
-                );
-                transition: box-shadow 0.5s ease-in-out,
-                    clip-path 0.5s ease-in-out;
-            `:o`
-                box-shadow: none;
-                clip-path: inset(0);
-                transition: box-shadow 0.5s ease-in-out,
-                    clip-path 0.5s ease-in-out;
-            `};
-`,f=i.div`
-    display: grid;
-    position: sticky;
-    top: 0;
-    z-index: 4;
-    background-color: ${d.bg};
-    grid-template-columns: ${h}px max-content;
-    width: max-content;
-    min-width: 100%;
-    height: ${g}px;
-`,y=i.div`
-    display: grid;
-    background-color: ${d.bg};
-    height: ${g}px;
-    grid-template-columns: repeat(
-        ${i=>i.$numOfColumns},
-        ${i=>Math.max(4*i.$intervalWidth,x)}px
-    );
-    border-bottom: ${s["width-010"]} ${s.solid} ${d.border};
-    transition: all 0.5s ease-in-out;
-    ${i=>{if(i.$isScrolled)return o`
-                box-shadow: ${c["md-subtle"]};
-            `}};
-`,j=i.div`
-    min-width: ${x}px;
-    display: flex;
-    align-items: flex-end;
-    padding-bottom: ${p["spacing-4"]};
-`,k=i(n.BodySM)`
-    color: ${a["text-subtler"]};
-`,_=i.div`
-    width: max-content;
-    min-width: 100%;
-`,S=i.div`
-    display: grid;
-    grid-template-columns: ${h}px max-content;
-    width: max-content;
-    min-width: 100%;
-    height: ${g}px;
-`,A=i.div`
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    justify-content: center;
-    position: sticky;
-    left: 0;
-    background-color: ${d.bg};
-    z-index: 3;
-    width: ${h}px;
-    height: ${g}px;
-    text-align: right;
-    padding: 0 ${$["spacing-16"]} 0 ${$["spacing-32"]};
-    border-bottom: ${m["width-010"]} ${m.solid}
-        ${a.border};
-    border-right: ${m["width-005"]} ${m.solid}
-        ${a["border-primary"]};
-    border-left: ${m["width-010"]} ${m.solid}
-        ${a.border};
-    transition: all 0.5s ease-in-out;
-    ${i=>i.$isScrolled?o`
-                box-shadow: ${c["md-subtle"]};
-                clip-path: inset(0 -6px 0 0);
-            `:o`
-                box-shadow: none;
-            `};
-`,C=i(n.BodyMD)`
-    display: inline-block;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    width: 100%;
-    white-space: nowrap;
-    color: ${a["text-primary"]};
-    &:hover {
-        cursor: ${i=>i.$isClickable?"pointer":"default"};
-    }
-`,M=i(n.BodyXS)`
-    display: inline-flex;
-    gap: ${$["spacing-4"]};
-    align-items: center;
-    color: ${a["text-subtler"]};
-    ${i=>{if(!i.$show)return o`
-                display: none;
-            `}}
-`,P=i(e)`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    grid-column: ${i=>i.$isEmptyContent?"1 / -1":"2 / -1"};
-    grid-row: 2;
-    width: 100%;
-    height: 100%;
-`,z=i(r)`
-    grid-column: 1 / -1;
-    grid-row: 2;
-    padding: ${$["spacing-72"]} 0;
-`,B=i.div`
-    display: flex;
-    border-bottom: ${m["width-010"]} ${m.solid}
-        ${a.border};
-`,G=i.div`
-    border-right: ${m["width-005"]} ${m.solid}
-        ${a["border-primary"]};
-    width: ${i=>`${i.$width}px`};
-    height: 100%;
-    padding: ${$["spacing-20"]} ${$["spacing-12"]};
-`,H=t`
-  0% {
-        background-position: -468px 0;
-    }
-    100% {
-        background-position: 468px 0;
-    }
-`,I=i.div`
-    height: 28px;
-    width: 100%;
-    background: linear-gradient(
-        to right,
-        ${a.Primitive["neutral-95"]} 8%,
-        ${a.Primitive["neutral-100"]} 18%,
-        ${a.Primitive["neutral-95"]} 33%
-    );
-    background-size: 800px 104px;
-    animation: ${H} 1.5s forwards infinite;
-`,T=i(l)`
-    max-width: 24rem !important;
-    &:hover {
-        cursor: default;
-    }
-`;export{C as ClickableRowHeaderTitle,j as ColumnHeader,y as ColumnHeaderRow,k as ColumnHeaderTitle,u as Container,b as EmptyTableContainer,P as Loader,I as LoadingBar,G as LoadingCell,B as LoadingWrapper,z as NoResultsFound,w as RowColumnHeader,A as RowHeader,M as RowHeaderSubtitle,T as StyledPopoverTrigger,_ as TimeTableBody,v as TimeTableContainer,f as TimeTableHeaderRow,S as TimeTableRow};
-//# sourceMappingURL=timetable.style.js.map

package/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 { Border, Colour, Spacing } from \"../theme\";\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    $intervalWidth: 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 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    align-content: start;\n    overflow: scroll;\n    position: relative;\n    padding-bottom: ${(props) => (props.$allRecordsLoaded ? \"0\" : \"128px\")};\n    isolation: isolate;\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    height: ${ROW_HEIGHT}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 TimeTableHeaderRow = styled.div`\n    display: grid;\n    position: sticky;\n    top: 0;\n    z-index: 4;\n    background-color: ${Colour[\"bg\"]};\n    grid-template-columns: ${ROW_HEADER_WIDTH}px max-content;\n    width: max-content;\n    min-width: 100%;\n    height: ${ROW_HEIGHT}px;\n`;\n\nexport const ColumnHeaderRow = styled.div<ColumnHeaderRowProps>`\n    display: grid;\n    background-color: ${Colour[\"bg\"]};\n    height: ${ROW_HEIGHT}px;\n    grid-template-columns: repeat(\n        ${(props) => props.$numOfColumns},\n        ${(props) =>\n            Math.max(props.$intervalWidth * 4, MIN_HOURLY_INTERVAL_WIDTH)}px\n    );\n    border-bottom: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${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    display: flex;\n    align-items: flex-end;\n    padding-bottom: ${Spacing[\"spacing-4\"]};\n`;\n\nexport const ColumnHeaderTitle = styled(Typography.BodySM)`\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n\nexport const TimeTableBody = styled.div`\n    width: max-content;\n    min-width: 100%;\n`;\n\nexport const TimeTableRow = styled.div`\n    display: grid;\n    grid-template-columns: ${ROW_HEADER_WIDTH}px max-content;\n    width: max-content;\n    min-width: 100%;\n    height: ${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: ${Colour[\"bg\"]};\n    z-index: 3;\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","ROW_HEIGHT","V3_Border","$isScrolledX","$isScrolledY","V3_Shadow","TimeTableHeaderRow","Colour","ColumnHeaderRow","$numOfColumns","Math","max","$intervalWidth","MIN_HOURLY_INTERVAL_WIDTH","Border","$isScrolled","ColumnHeader","Spacing","ColumnHeaderTitle","Typography","BodySM","TimeTableBody","TimeTableRow","RowHeader","V3_Spacing","ClickableRowHeaderTitle","BodyMD","$isClickable","RowHeaderSubtitle","BodyXS","$show","Loader","LoadingDotsSpinner","$isEmptyContent","NoResultsFound","ErrorDisplay","LoadingWrapper","LoadingCell","$width","gradientAnimation","keyframes","LoadingBar","Primitive","StyledPopoverTrigger","PopoverTrigger"],"mappings":"87CAkDaA,EAAYC,EAAOC,GAAG,GAEtBC,EAAsBF,EAAOC,GAAG;;;;6BAIhBE;EAGhBC,EAAqBJ,EAAOC,GAA4B;;;;;sBAK9CI,GAAWA,EAAMC,kBAAoB,IAAM;;MAE3DD,IACC,GAAIA,EAAME,SACN,OAAOC,CAAG;;;;;aAMd;EAIKC,EAAkBT,EAAOC,GAAyB;;;;wBAIvCS,EAAc;aACzBP;cACCQ;;qBAEOC,EAAU,gBAAgBA,EAAiB;UACtDF,EAAkB;MACrBL,GACKA,EAAMQ,cAAgBR,EAAMS,aACrBN,CAAG;8BACQO,EAAU;;wBAEhBV,EAAMQ,aAAe,UAAY;0BAC/BR,EAAMS,aAAe,UAAY;;;;cAMxCN,CAAG;;;;;;EAUTQ,EAAqBhB,EAAOC,GAAG;;;;;wBAKpBgB,EAAW;6BACNd;;;cAGfQ;EAGDO,EAAkBlB,EAAOC,GAAyB;;wBAEvCgB,EAAW;cACrBN;;UAEHN,GAAUA,EAAMc;UAChBd,GACCe,KAAKC,IAA2B,EAAvBhB,EAAMiB,eAAoBC;;qBAE1BC,EAAO,gBAAgBA,EAAc,SAAKP,EAAe;;MAEvEZ,IACC,GAAIA,EAAMoB,YACN,OAAOjB,CAAG;8BACQO,EAAU;aAEhC;EAIKW,EAAe1B,EAAOC,GAAG;iBACrBsB;;;sBAGKI,EAAQ;EAGjBC,EAAoB5B,EAAO6B,EAAWC,OAAO;aAC7CpB,EAAU;EAGVqB,EAAgB/B,EAAOC,GAAG;;;EAK1B+B,EAAehC,EAAOC,GAAG;;6BAETE;;;cAGfQ;EAGDsB,EAAYjC,EAAOC,GAAmB;;;;;;;wBAO3BgB,EAAW;;aAEtBd;cACCQ;;iBAEGuB,EAAW,mBAAmBA,EAAW;qBACrCtB,EAAU,gBAAgBA,EAAiB;UACtDF,EAAkB;oBACRE,EAAU,gBAAgBA,EAAiB;UACrDF,EAAU;mBACDE,EAAU,gBAAgBA,EAAiB;UACpDF,EAAkB;;MAErBL,GACKA,EAAMoB,YACCjB,CAAG;8BACQO,EAAU;;cAIrBP,CAAG;;;EAOT2B,EAA0BnC,EACnC6B,EAAWO,OACgB;;;;;;aAMlB1B,EAAU;;kBAEJL,GAAWA,EAAMgC,aAAe,UAAY;;EAIlDC,EAAoBtC,EAC7B6B,EAAWU,OACU;;WAEdL,EAAW;;aAETxB,EAAU;MAChBL,IACC,IAAKA,EAAMmC,MACP,OAAOhC,CAAG;;aAGd;EAIKiC,EAASzC,EAAO0C,EAAgC;;;;mBAIzCrC,GAAWA,EAAMsC,gBAAkB,SAAW;;;;EAMrDC,EAAiB5C,EAAO6C,EAAa;;;eAGnCX,EAAW;EAGbY,EAAiB9C,EAAOC,GAAG;;qBAEnBW,EAAU,gBAAgBA,EAAiB;UACtDF,EAAkB;EAGfqC,EAAc/C,EAAOC,GAA4B;oBAC1CW,EAAU,gBAAgBA,EAAiB;UACrDF,EAAU;aACNL,GAAU,GAAGA,EAAM2C;;eAElBd,EAAW,iBAAiBA,EAAW;EAGhDe,EAAoBC,CAAS;;;;;;;EAStBC,EAAanD,EAAOC,GAAG;;;;;UAK1BS,EAAU0C,UAAU;UACpB1C,EAAU0C,UAAU;UACpB1C,EAAU0C,UAAU;;;iBAGbH;EAGJI,EAAuBrD,EAAOsD,EAAe;;;;;"}

package/tooltip/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./tooltip";
-export * from "./tooltip-hoc";
-export * from "./types";

package/tooltip/index.js

@@ -1,2 +0,0 @@
-export{Tooltip}from"./tooltip.js";export{withTooltip}from"./tooltip-hoc.js";
-//# sourceMappingURL=index.js.map

package/tooltip/index.js.map

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

package/tooltip/tooltip-hoc.d.ts

@@ -1,3 +0,0 @@
-import type React from "react";
-import type { TooltipHOCOptionsProps, TooltipHOCProps } from "./types";
-export declare const withTooltip: <T extends object>(Component: React.ComponentType<T>, options: TooltipHOCOptionsProps) => (props: T & TooltipHOCProps) => JSX.Element;

package/tooltip/tooltip-hoc.js

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

package/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":["withTooltip","Component","options","props","tooltipVisible","position","innerProps","__rest","_jsxs","HOCWrapper","children","_jsx","Object","assign","Tooltip","visible","content"],"mappings":"+LAMaA,EACT,CACIC,EACAC,IAGHC,IACG,MAAMC,eAAEA,EAAcC,SAAEA,GAA4BF,EAC9CG,EADyCC,EAAKJ,EAA9C,CAAA,iBAAA,aAGN,OACIK,EAACC,EAAU,CAAAC,SAAA,CACPC,EAACV,EAASW,OAAAC,OAAA,CAAA,EAAKP,IACfK,EAACG,EAAO,CAACC,QAASX,EAAgBC,SAAUA,EAAQK,SAC/CR,EAAQc,YAEJ"}

package/tooltip/tooltip.d.ts

@@ -1,3 +0,0 @@
-import type { TooltipProps } from "./types";
-/** @deprecated Use `PopoverV2` */
-export declare const Tooltip: ({ visible, position, children, ...otherProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/tooltip/tooltip.js

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

package/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":["Tooltip","_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":"gUAQO,MAAMA,EAAWC,IAAA,IAAAC,QACpBA,EAAOC,SACPA,EAAW,MAAKC,SAChBA,GAAQH,EACLI,EAAUC,EAAAL,EAJO,CAAA,UAAA,WAAA,aASpB,MAAMM,EAASF,EAAW,gBAAkB,WACrCG,EAAcC,GAAeC,EAA0BP,GACxDQ,EAAYC,EAAuB,MAKzCC,GAAU,KACNC,IACAC,OAAOC,iBAAiB,SAAUC,EAASC,EAAsB,MAE1D,KACHH,OAAOI,oBACH,SACAF,EAASC,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,EAACC,EAAUC,OAAAC,OAAA,CACP1B,SAAUK,EAAY,cACTD,EACbL,QAASA,EACT4B,IAAKnB,GACDN,EAAU,CAAAD,SAAA,CAEd2B,EAACC,EAAM,CAAA5B,SAdS,iBAAbA,EACH2B,EAACE,EAAQC,UAAS,CAAA9B,SAAEA,IAA6B,IAcjD2B,EAACI,EAAK,CAAChC,SAAUK,OACR"}

package/tooltip/tooltip.styles.d.ts

@@ -1,10 +0,0 @@
-import type { TooltipPosition } from "./types";
-interface TooltipStyleProps {
-    position?: TooltipPosition;
-    visible?: boolean;
-}
-export declare const BubbleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyleProps> & TooltipStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyleProps> & TooltipStyleProps, never>>> & string;
-export declare const Bubble: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../card/types").CardProps, never> & Partial<Pick<import("../card/types").CardProps, never>>> & string & Omit<({ children, className, "data-testid": dataTestId, ...otherProps }: import("../card/types").CardProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyleProps> & TooltipStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyleProps> & TooltipStyleProps, never>>> & string;
-export declare const HOCWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export {};

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/unit-number/unit-number-input.style.d.ts

@@ -1,52 +0,0 @@
-interface LabelStyleProps {
-    $inactive?: boolean;
-}
-export declare const HashContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const FloorInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never> & Partial<Pick<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> & Partial<Pick<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never> & Partial<Pick<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>, never>> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-export declare const UnitNumberDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$inactive"> & LabelStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$inactive"> & LabelStyleProps, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export declare const ReadOnlyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ReadOnlyLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$inactive"> & LabelStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>, "$inactive"> & LabelStyleProps, never>>> & string & Omit<(props: Omit<any, "ref"> & {
-    weight?: import("..").TypographyWeight | undefined;
-    inline?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    maxLines?: number | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
-export {};

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

@@ -1,27 +0,0 @@
-import e,{css as t}from"styled-components";import{Input as i}from"../input/input.js";import{Typography as r}from"../typography/index.js";import{V3_Colour as o}from"../v3_theme/index.js";const n=e.div`
-    margin-right: 0.5rem;
-`,m=e(i)`
-    width: 2.5rem;
-
-    input {
-        text-align: center;
-    }
-`,d=e(m)`
-    // Cheat to balance the placeholder look while ensuring enough width
-    margin-left: 0.5rem;
-    width: 6rem;
-
-    input {
-        text-align: left;
-    }
-`,l=e(r.BodyBL)`
-    margin: 0 0.25rem;
-    ${e=>{if(e.$inactive)return t`
-                color: ${o["text-disabled"]};
-            `}}
-`,a=e.div`
-    display: flex;
-    align-items: center;
-    height: calc(3rem - 2px); // exclude top and bottom borders
-`,p=e(r.BodyBL)``;export{m as FloorInput,n as HashContainer,a as ReadOnlyContainer,p as ReadOnlyLabel,d as UnitInput,l 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 { 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.div`\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","div","FloorInput","Input","UnitInput","UnitNumberDivider","Typography","BodyBL","props","$inactive","css","V3_Colour","ReadOnlyContainer","ReadOnlyLabel"],"mappings":"0LAiBO,MAAMA,EAAgBC,EAAOC,GAAG;;EAI1BC,EAAaF,EAAOG,EAAM;;;;;;EAQ1BC,EAAYJ,EAAOE,EAAW;;;;;;;;EAU9BG,EAAoBL,EAAOM,EAAWC,OAAwB;;MAEpEC,IACC,GAAIA,EAAMC,UACN,OAAOC,CAAG;yBACGC,EAAU;aAE3B;EAIKC,EAAoBZ,EAAOC,GAAG;;;;EAM9BY,EAAgBb,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