@corva/ui 0.100.0-10 → 0.100.0-12

package/componentsV2/Menu/Menu.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Menu } from './Menu';
+type Props = ComponentProps<typeof Menu>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Omit<Props, "position">) => JSX.Element;
+export declare const Positioning: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+export declare const PrefixAndSuffix: () => JSX.Element;
+export declare const Checkboxes: () => JSX.Element;
+export declare const Groups: () => JSX.Element;
+export declare const ConstrainedMenu: () => JSX.Element;
+//# sourceMappingURL=Menu.stories.d.ts.map

package/componentsV2/Menu/Menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAuC,MAAM,OAAO,CAAC;AAQ5E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAgCrD,CAAC;AAEF,eAAO,MAAM,WAAW,mBA6BvB,CAAC;AAOF,eAAO,MAAM,KAAK,mBA2BjB,CAAC;AAQF,eAAO,MAAM,eAAe,mBAoB3B,CAAC;AAQF,eAAO,MAAM,UAAU,mBAmDtB,CAAC;AAMF,eAAO,MAAM,MAAM,mBA0BlB,CAAC;AAKF,eAAO,MAAM,eAAe,mBAsB3B,CAAC"}

package/componentsV2/Menu/MenuDivider/MenuDivider.d.ts

@@ -0,0 +1,6 @@
+export type MenuDividerProps = {
+    className?: string;
+    testId?: string;
+};
+export declare const MenuDivider: ({ testId, className }: MenuDividerProps) => JSX.Element;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/componentsV2/Menu/MenuDivider/MenuDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,gBAElE,CAAC"}

package/componentsV2/Menu/MenuDivider/MenuDivider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import s from"classnames";import t from"./MenuDivider.scss.js";var a=function(a){var e=a.testId,m=a.className;return r("div",{className:s(t.root,m),"data-testid":e})};export{a as MenuDivider};

package/componentsV2/Menu/MenuDivider/MenuDivider.scss.js

@@ -0,0 +1 @@
+import r from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"MenuDivider_root__iJq9I"};r(".MenuDivider_root__iJq9I{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);margin:0 -16px}");export{e as default};

package/componentsV2/Menu/MenuDivider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuDivider';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/Menu/MenuDivider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuDivider/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/componentsV2/Menu/MenuGroup/MenuGroup.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type MenuGroupProps = {
+    label: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+export declare const MenuGroup: ({ testId, className, children, label }: MenuGroupProps) => JSX.Element;
+//# sourceMappingURL=MenuGroup.d.ts.map

package/componentsV2/Menu/MenuGroup/MenuGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuGroup/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,SAAS,2CAA4C,cAAc,gBAS/E,CAAC"}

package/componentsV2/Menu/MenuGroup/MenuGroup.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import s from"classnames";import{Text as t}from"../../Text/Text.js";import a from"./MenuGroup.scss.js";var o=function(o){var m=o.testId,i=o.className,l=o.children,c=o.label;return r("div",{className:s(a.root,i),"data-testid":m,children:[e(t,{className:a.label,color:"T7",size:12,children:c}),l]})};export{o as MenuGroup};

package/componentsV2/Menu/MenuGroup/MenuGroup.scss.js

@@ -0,0 +1 @@
+import o from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"MenuGroup_root__JL0VA",label:"MenuGroup_label__g6ZGf"};o(".MenuGroup_root__JL0VA:not(:first-child){margin-top:8px}.MenuGroup_label__g6ZGf{display:block;padding:10px 0}");export{e as default};

package/componentsV2/Menu/MenuGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuGroup';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/Menu/MenuGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/componentsV2/Menu/MenuItem/MenuItem.d.ts

@@ -0,0 +1,14 @@
+import { MouseEventHandler, ReactNode } from 'react';
+type MenuItemProps = {
+    children?: ReactNode;
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    disabled?: boolean;
+    size?: 'medium' | 'large';
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+export declare const MenuItem: ({ children, testId, className, onClick, disabled, prefix, suffix, size, }: MenuItemProps) => JSX.Element;
+export {};
+//# sourceMappingURL=MenuItem.d.ts.map

package/componentsV2/Menu/MenuItem/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnF,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,eAAO,MAAM,QAAQ,8EASlB,aAAa,gBAaf,CAAC"}

package/componentsV2/Menu/MenuItem/MenuItem.js

@@ -0,0 +1 @@
+import e from"@babel/runtime/helpers/typeof";import{jsxs as i,jsx as m}from"react/jsx-runtime";import{isValidElement as r,cloneElement as a}from"react";import{MenuItem as t}from"@material-ui/core";import s from"classnames";import l from"./MenuItem.scss.js";var o={medium:l.medium,large:l.large},c={medium:"small",large:"medium"},d={medium:16,large:24},n=function(i,m,t){if(void 0===t&&(t=!1),r(i)){var o=i&&"object"===e(i.type)&&i.type.displayName;return a(i,"Checkbox"===o?{size:c[m],className:s(l.checkboxAffix,t?l.suffix:l.prefix),labelPlacement:t?"start":"end"}:{size:d[m],className:l.iconAffix})}return i},f=function(e){var r=e.children,a=e.testId,c=e.className,d=e.onClick,f=e.disabled,u=e.prefix,p=e.suffix,x=e.size,b=void 0===x?"medium":x;return i(t,{className:s(l.menuItem,o[b],c),"data-testid":a,onClick:d,disabled:f,children:[n(u,b),m("div",{className:l.itemLabel,children:r}),n(p,b,!0)]})};export{f as MenuItem};

package/componentsV2/Menu/MenuItem/MenuItem.scss.js

@@ -0,0 +1 @@
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",menuItem:"MenuItem_menuItem__rGLlT",medium:"MenuItem_medium__BV9x1",large:"MenuItem_large__sHhkc",itemLabel:"MenuItem_itemLabel__V4vAO",checkboxAffix:"MenuItem_checkboxAffix__dJCxa",prefix:"MenuItem_prefix__YoDuz",suffix:"MenuItem_suffix__Ldj84",iconAffix:"MenuItem_iconAffix__Tnj14"};e(".MuiListItem-root.MenuItem_menuItem__rGLlT{align-items:center;flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;overflow:hidden}.MuiListItem-root.MenuItem_medium__BV9x1{gap:4px;min-height:36px;padding-bottom:4px;padding-top:4px}.MuiListItem-root.MenuItem_large__sHhkc{gap:8px;min-height:54px;padding-bottom:12px;padding-top:12px}.MenuItem_itemLabel__V4vAO{flex:1 1 auto;margin-right:auto;overflow:hidden}.MenuItem_checkboxAffix__dJCxa{align-items:center;display:flex}.MenuItem_checkboxAffix__dJCxa.MenuItem_prefix__YoDuz{margin-right:-8px}.MenuItem_checkboxAffix__dJCxa.MenuItem_suffix__Ldj84{margin-left:-8px}.MenuItem_iconAffix__Tnj14{align-items:center;display:flex}");export{t as default};

package/componentsV2/Menu/MenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuItem';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/Menu/MenuItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/componentsV2/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Menu';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Menu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/componentsV2/Modal/Modal.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export type ModalProps = {
+    open: boolean;
+    title?: ReactNode;
+    /**
+     * Component contents
+     */
+    children?: ReactNode;
+    onClose?: (reason: 'backdropClick' | 'escapeKey' | 'closeButtonClick') => void;
+    size?: 'small' | 'medium' | 'large' | 'fullscreen';
+    showCloseButton?: boolean;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
+    /**
+     * Contents of the primary button
+     */
+    primaryActionText?: ReactNode;
+    /**
+     * Click handler for primary button
+     */
+    primaryActionHandler?: ButtonProps['onClick'];
+    /**
+     * Additional props for primary button
+     */
+    primaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;
+    /**
+     * Contents of the secondary button
+     */
+    secondaryActionText?: ReactNode;
+    /**
+     * Click handler for secondary button
+     */
+    secondaryActionHandler?: ButtonProps['onClick'];
+    /**
+     * Additional props for secondary button
+     */
+    secondaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;
+    /**
+     * Additional actions to render in Modal's footer
+     */
+    actions?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+export declare const Modal: (props: ModalProps) => JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

package/componentsV2/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAa/C,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAMhD,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,GAAG,kBAAkB,KAAK,IAAI,CAAC;IAC/E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9C;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;IAEjF;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC;;OAEG;IACH,sBAAsB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChD;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;IAEnF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6GF,eAAO,MAAM,KAAK,UAAW,UAAU,gBAOtC,CAAC"}

package/componentsV2/Modal/Modal.js

@@ -0,0 +1 @@
+import{__assign as o,__rest as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as c,jsxs as n}from"react/jsx-runtime";import{Modal as e}from"@material-ui/core";import{useCallback as i}from"react";import r from"classnames";import{useDelayedDcFullscreenElemOpen as t}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideDcFullscreenElem as m,IsInsideDcFullscreenElemProvider as l}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{Paper as a}from"../Paper/Paper.js";import{Header as d}from"../Header/Header.js";import{Tooltip as u}from"../Tooltip/Tooltip.js";import{ButtonIcon as I}from"../ButtonIcon/ButtonIcon.js";import{Button as j}from"../Button/Button.js";import C from"./Modal.scss.js";import{CloseSmallIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";var h={large:C.large,fullscreen:C.fullscreen,medium:C.medium,small:C.small},v=function(s){var t=s.open,m=s.children,l=s.onClose,p=s.size,v=void 0===p?"medium":p,k=s.testId,y=s.className,A=s.title,D=s.showCloseButton,F=void 0===D||D,b=s.closeOnBackdropClick,P=void 0===b||b,x=s.closeOnEscape,B=void 0===x||x,N=s.primaryActionProps,O=s.primaryActionText,E=s.secondaryActionProps,H=s.secondaryActionText,M=s.primaryActionHandler,T=s.secondaryActionHandler,g=s.actions,z=i((function(o,s){l&&("backdropClick"===s&&P&&l("backdropClick"),"escapeKeyDown"===s&&B&&l("escapeKey"))}),[l,P,B]),R=i((function(){null==l||l("closeButtonClick")}),[l]);return c(e,{open:t,className:C.root,onClose:z,children:n(a,{className:r(C.modal,h[v],y),testId:k,children:[A&&n(d,{className:C.title,appearance:"H3",children:[A,F&&c(u,{title:"Close",children:c(I,{className:C.closeButton,onClick:R,children:c(f,{})})})]}),c("div",{className:C.content,children:c("div",{className:C.contentInner,children:m})}),(!!g||O||H)&&n("div",{className:C.actions,children:[g,H&&c(j,o({type:"secondary",size:"medium",onClick:T},E,{children:H})),O&&c(j,o({type:"primary",size:"medium",onClick:M},N,{children:O}))]})]})})},k=function(n){var e=n.open,i=s(n,["open"]),r=t({isOpen:e}).delayedIsOpen;return c(l,{children:c(v,o({open:r},i))})},y=function(s){var n=p(),e=m();return c(n&&!e?k:v,o({},s))};export{y as Modal};

package/componentsV2/Modal/Modal.scss.js

@@ -0,0 +1 @@
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",root:"Modal_root__kDYRH",modal:"Modal_modal__6eQF1",small:"Modal_small__m3him",medium:"Modal_medium__c93oi",large:"Modal_large__pZVC7",fullscreen:"Modal_fullscreen__RXM3q",title:"Modal_title__9TCQA",closeButton:"Modal_closeButton__GTXLz",content:"Modal_content__FIwas",contentInner:"Modal_contentInner__Rqsbu",actions:"Modal_actions__WoY3b"};o('.Modal_root__kDYRH{display:flex;height:100%;overflow:auto;padding:16px;width:100%}.Modal_modal__6eQF1{display:flex;flex-flow:column nowrap;justify-items:stretch;margin:auto;max-height:calc(100% - 32px);padding:40px;width:100%}.Modal_modal__6eQF1.Modal_small__m3him{max-width:416px}.Modal_modal__6eQF1.Modal_medium__c93oi{max-width:552px}.Modal_modal__6eQF1.Modal_large__pZVC7{max-width:768px}.Modal_modal__6eQF1.Modal_fullscreen__RXM3q{height:100%;max-width:1152px;width:80%}.Modal_title__9TCQA{align-items:center;display:flex;flex-wrap:nowrap;opacity:1}.Modal_closeButton__GTXLz{margin-left:auto}.Modal_content__FIwas{display:flex;flex-flow:column nowrap;margin:0 -40px;overflow:hidden;position:relative}.Modal_content__FIwas:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:0 10px auto 0;position:absolute;z-index:1}.Modal_content__FIwas:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:auto 10px 0 0;position:absolute;z-index:1}.Modal_contentInner__Rqsbu{overflow:auto;padding:16px 40px}.Modal_actions__WoY3b{display:flex;gap:16px;justify-content:flex-end;padding-top:16px}');export{a as default};

package/componentsV2/Modal/Modal.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Modal } from './Modal';
+type Props = ComponentProps<typeof Modal>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+export declare const Actions: () => JSX.Element;
+export declare const CustomActions: () => JSX.Element;
+export declare const CloseVectors: () => JSX.Element;
+//# sourceMappingURL=Modal.stories.d.ts.map

package/componentsV2/Modal/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA2BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAgBnC,CAAC;AAEF,eAAO,MAAM,KAAK,mBAcjB,CAAC;AAUF,eAAO,MAAM,OAAO,mBA4BnB,CAAC;AAMF,eAAO,MAAM,aAAa,mBAoBzB,CAAC;AAOF,eAAO,MAAM,YAAY,mBAqBxB,CAAC"}

package/componentsV2/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Modal/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/componentsV2/Paper/Paper.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type PaperProps = {
+    /**
+     * Component contents
+     */
+    children?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+export declare const Paper: import("react").ForwardRefExoticComponent<PaperProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Paper.d.ts.map

package/componentsV2/Paper/Paper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,uGAcjB,CAAC"}

package/componentsV2/Paper/Paper.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Paper as t}from"@material-ui/core";import a from"classnames";import o from"./Paper.scss.js";var m=e((function(e,m){var s=e.children,i=e.className,c=e.testId;return r(t,{className:a(o.root,i),"data-testid":c,ref:m,tabIndex:-1,elevation:0,children:s})}));export{m as Paper};

package/componentsV2/Paper/Paper.scss.js

@@ -0,0 +1 @@
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"Paper_root__BtJlH"};t(".Paper_root__BtJlH{--corvaui-background:var(--palette-background-b-9);background:var(--palette-background-b-9)!important;border-radius:8px!important;outline:none}");export{o as default};

package/componentsV2/Paper/Paper.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Paper } from './Paper';
+type Props = ComponentProps<typeof Paper>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
+//# sourceMappingURL=Paper.stories.d.ts.map

package/componentsV2/Paper/Paper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Paper/Paper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAcF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAyB,CAAC"}

package/componentsV2/Paper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Paper';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/Paper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Paper/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/componentsV2/Popover/Popover.d.ts

@@ -1,11 +1,13 @@
-import { ChangeEvent, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type PopoverProps = {
     open: boolean;
     /**
      * The content of the component.
      */
     children?: ReactNode;
-    onClose?: (reason: 'backdropClick' | 'escapeKeyDown', event: ChangeEvent<object>) => void;
+    onClose?: (reason: 'backdropClick' | 'escapeKey') => void;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
     /**
      * This is the point on the popover which will attach to the anchor's origin.
      */
@@ -30,7 +32,7 @@ export type PopoverProps = {
      */
     anchorEl: HTMLElement | (() => HTMLElement) | null;
     /**
-     * This is the point on the anchor where the popover's anchorEl will attach to.
+     * This is the point on the anchorEl to which the popover will attach to.
      *
      * Mutually exclusive with `position`
      *
@@ -54,5 +56,5 @@ export type PopoverProps = {
     anchorEl?: never;
     anchorOrigin?: never;
 });
-export declare const Popover: ({ children, open, onClose, transformOrigin, className, restoreFocus, backdrop, ...positionProps }: PopoverProps) => JSX.Element;
+export declare const Popover: ({ children, open, onClose, transformOrigin, className, closeOnBackdropClick, closeOnEscape, restoreFocus, backdrop, ...positionProps }: PopoverProps) => JSX.Element;
 //# sourceMappingURL=Popover.d.ts.map

package/componentsV2/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAWrE,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAE1F;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IAEF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IACE;;;;OAIG;IACH,QAAQ,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,IAAI,CAAC;IACnD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE;QACb,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GAGD;IACE;;;;OAIG;IACH,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CACJ,CAAC;AAQF,eAAO,MAAM,OAAO,sGAUjB,YAAY,gBAsCd,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAYxD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE;QAChB,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IAEF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IACE;;;;OAIG;IACH,QAAQ,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,IAAI,CAAC;IACnD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE;QACb,UAAU,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACjD,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KAChD,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GAGD;IACE;;;;OAIG;IACH,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CACJ,CAAC;AAWF,eAAO,MAAM,OAAO,2IAYjB,YAAY,gBA8Cd,CAAC"}

package/componentsV2/Popover/Popover.js

@@ -1 +1 @@
-import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{Popover as n}from"@material-ui/core";import{useMemo as i,useCallback as s}from"react";import t from"classnames";import{useIsInsideDcApp as c}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as a}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcPopover as p}from"./DcPopover.js";import m from"./Popover.scss.js";var l=function(l){var d=l.children,f=l.open,v=l.onClose,h=l.transformOrigin,u=void 0===h?{vertical:"top",horizontal:"left"}:h,C=l.className,D=l.restoreFocus,P=void 0!==D&&D,j=l.backdrop,I=void 0===j||j,b=o(l,["children","open","onClose","transformOrigin","className","restoreFocus","backdrop"]),g=c(),E=a(),F=i((function(){return{paper:t(m.paper,C)}}),[C]),O=s((function(o,r){null==v||v(r,o)}),[v]),k=g&&!E?p:n,A="position"in b?{anchorReference:"anchorPosition",anchorPosition:b.position}:{anchorReference:"anchorEl",anchorEl:b.anchorEl,anchorOrigin:b.anchorOrigin||{vertical:"top",horizontal:"left"}};return e(k,r({open:f,transformOrigin:u,onClose:O,classes:F,disableRestoreFocus:!P,className:I?void 0:m.noBackdrop,hideBackdrop:!I},A,{children:d}))};export{l as Popover};
+import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{Popover as n}from"@material-ui/core";import{useMemo as s,useCallback as i}from"react";import c from"classnames";import{useIsInsideDcApp as a}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useIsInsideDcFullscreenElem as p}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DcPopover as t}from"./DcPopover.js";import l from"./Popover.scss.js";import m from"../Paper/Paper.scss.js";var d={elevation:0,className:c(l.popover,m.root)},v=function(m){var v=m.children,f=m.open,h=m.onClose,C=m.transformOrigin,u=void 0===C?{vertical:"top",horizontal:"left"}:C,P=m.className,k=m.closeOnBackdropClick,D=void 0===k||k,O=m.closeOnEscape,b=void 0===O||O,j=m.restoreFocus,E=void 0!==j&&j,I=m.backdrop,g=void 0===I||I,F=o(m,["children","open","onClose","transformOrigin","className","closeOnBackdropClick","closeOnEscape","restoreFocus","backdrop"]),A=a(),B=p(),N=s((function(){return{paper:c(l.paper,P)}}),[P]),R=i((function(o,r){h&&("backdropClick"===r&&D&&h("backdropClick"),"escapeKeyDown"===r&&b&&h("escapeKey"))}),[h,D,b]),x=A&&!B?t:n,y="position"in F?{anchorReference:"anchorPosition",anchorPosition:F.position}:{anchorReference:"anchorEl",anchorEl:F.anchorEl,anchorOrigin:F.anchorOrigin||{vertical:"top",horizontal:"left"}};return e(x,r({open:f,transformOrigin:u,onClose:R,classes:N,PaperProps:d,disableRestoreFocus:!E,className:g?void 0:l.noBackdrop,hideBackdrop:!g},y,{children:v}))};export{v as Popover};

package/componentsV2/Popover/Popover.scss.js

@@ -1 +1 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={noBackdrop:"Popover_noBackdrop__IzTLC",paper:"Popover_paper__wjJL5"};o(".Popover_noBackdrop__IzTLC{pointer-events:none}.Popover_noBackdrop__IzTLC .Popover_paper__wjJL5{pointer-events:auto}");export{e as default};
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={popover:"Popover_popover__mD0EX",noBackdrop:"Popover_noBackdrop__IzTLC",paper:"Popover_paper__wjJL5"};o(".Popover_popover__mD0EX{box-shadow:none!important}.Popover_noBackdrop__IzTLC{pointer-events:none}.Popover_noBackdrop__IzTLC .Popover_paper__wjJL5{pointer-events:auto}");export{e as default};

package/componentsV2/Popover/Popover.stories.d.ts

@@ -6,6 +6,7 @@ declare const meta: Meta<Props>;
 export default meta;
 export declare const Default: (props: Omit<Props, "position">) => JSX.Element;
 export declare const PositioningModes: () => JSX.Element;
+export declare const CloseVectors: () => JSX.Element;
 export declare const OpenOnHover: () => JSX.Element;
 export declare const AnchorPlayground: () => JSX.Element;
 //# sourceMappingURL=Popover.stories.d.ts.map

package/componentsV2/Popover/Popover.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAWxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgBpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAmBrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBA+B5B,CAAC;AAQF,eAAO,MAAM,WAAW,mBAsCvB,CAAC;AAQF,eAAO,MAAM,gBAAgB,mBAyI5B,CAAC"}
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAWxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgBpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAmBrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBA+B5B,CAAC;AASF,eAAO,MAAM,YAAY,mBAyBxB,CAAC;AAQF,eAAO,MAAM,WAAW,mBAsCvB,CAAC;AAOF,eAAO,MAAM,gBAAgB,mBAyI5B,CAAC"}

package/componentsV2/Popover/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Popover';
-export { DcPopover } from './DcPopover';
 //# sourceMappingURL=index.d.ts.map

package/componentsV2/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts

@@ -7,7 +7,7 @@ export type RadioAndCheckboxLabelProps = {
     /**
      * Label
      */
-    label: ReactNode;
+    label?: ReactNode;
     /**
      * Checked state
      */

package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioAndCheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ9E,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAEpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiBF,eAAO,MAAM,qBAAqB,oHA2CjC,CAAC"}
+{"version":3,"file":"RadioAndCheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ9E,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAEpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiBF,eAAO,MAAM,qBAAqB,oHA2CjC,CAAC"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextMiddleTruncated.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qDAK7B,wBAAwB,gBAyD1B,CAAC"}
+{"version":3,"file":"TextMiddleTruncated.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qDAK7B,wBAAwB,gBA+D1B,CAAC"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import t from"classnames";import{useRef as n,useState as i,useLayoutEffect as o}from"react";import{debounce as c}from"lodash";import{Tooltip as s}from"../Tooltip/Tooltip.js";import a from"./TextMiddleTruncated.scss.js";import{truncateInTheMiddle as l}from"../../utils/formatting.js";var d=function(d){var m=d.children,u=d.testId,f=d.className,p=d.disableTooltip,v=String(m),h=n(null),b=n(null),T=i(v),j=T[0],x=T[1];return o((function(){var r=c((function(){if(h.current&&b.current){var r=h.current.clientWidth,e=b.current,t=e.clientWidth,n=e.textContent;x(l(n,r,t))}}),200,{leading:!0}),e=new ResizeObserver(r),t=new MutationObserver(r);return h.current&&b.current&&(e.observe(h.current),e.observe(b.current),t.observe(b.current,{characterData:!0})),function(){e.disconnect(),t.disconnect()}}),[]),r(s,{title:v,disabled:p||j===v,children:e("div",{className:t(a.root,f),ref:h,"data-testid":u,children:[j,r("div",{className:a.hiddenElement,ref:b,children:v})]})})};export{d as TextMiddleTruncated};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import t from"classnames";import{useRef as n,useState as i,useLayoutEffect as o}from"react";import{debounce as c}from"lodash";import{Tooltip as s}from"../Tooltip/Tooltip.js";import a from"./TextMiddleTruncated.scss.js";import{truncateInTheMiddle as l}from"../../utils/formatting.js";var d=function(d){var u=d.children,m=d.testId,f=d.className,v=d.disableTooltip,p=String(u),h=n(null),b=n(null),T=i(p),j=T[0],x=T[1];return o((function(){var r=c((function(){if(h.current&&b.current){var r=h.current.clientWidth,e=b.current,t=e.clientWidth,n=e.textContent;x(l(n,r+Number(a.overflowBuffer),t))}}),200,{leading:!0}),e=new ResizeObserver(r),t=new MutationObserver(r);return h.current&&b.current&&(e.observe(h.current),e.observe(b.current),t.observe(b.current,{characterData:!0})),function(){e.disconnect(),t.disconnect()}}),[]),r(s,{title:p,disabled:v||j===p,children:e("div",{className:t(a.root,f),ref:h,"data-testid":m,children:[j,r("div",{className:a.hiddenElement,ref:b,children:p})]})})};export{d as TextMiddleTruncated};

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js

@@ -1 +1 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={root:"TextMiddleTruncated_root__sMHwy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_hiddenElement__JW0Og{pointer-events:none;position:absolute;visibility:hidden}");export{t as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={overflowBuffer:"10",root:"TextMiddleTruncated_root__sMHwy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;padding-right:10px;white-space:nowrap}.TextMiddleTruncated_hiddenElement__JW0Og{pointer-events:none;position:absolute;visibility:hidden}");export{t as default};

package/componentsV2/ToggleButtons/ToggleButtons.d.ts

@@ -0,0 +1,18 @@
+import { MouseEvent, ReactNode } from 'react';
+export type ToggleButtonsProps = {
+    options: {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+        tooltip?: ReactNode;
+        className?: string;
+        testId?: string;
+    }[];
+    value?: string;
+    onChange?: (value: string, event: MouseEvent<HTMLElement>) => void;
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+    testId?: string;
+};
+export declare const ToggleButtons: ({ testId, className, options, size, value, onChange, }: ToggleButtonsProps) => JSX.Element;
+//# sourceMappingURL=ToggleButtons.d.ts.map

package/componentsV2/ToggleButtons/ToggleButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtons.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ToggleButtons/ToggleButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAW3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE;QACP,KAAK,EAAE,SAAS,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,SAAS,CAAC;QAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgCF,eAAO,MAAM,aAAa,2DAOvB,kBAAkB,gBAwBpB,CAAC"}

package/componentsV2/ToggleButtons/ToggleButtons.js

@@ -0,0 +1 @@
+import{__assign as e,__rest as t}from'./../../ext-esm/tslib/tslib.es6.js';import{useCallback as a,createElement as o}from"react";import{jsx as s}from"react/jsx-runtime";import{ToggleButtonGroup as l,ToggleButton as i}from"@material-ui/lab";import r from"classnames";import{Tooltip as m}from"../Tooltip/Tooltip.js";import n from"./ToggleButtons.scss.js";var u=function(a){var o=a.label,l=a.testId,u=a.className,d=a.tooltip,c=a.disabled,p=a.value,f=t(a,["label","testId","className","tooltip","disabled","value"]),v=s(i,e({disabled:c,"data-testid":l,className:r(n.button,u),value:p},f,{children:o}));return d?s(m,{title:d,children:v}):v},d=function(t){var i=t.testId,r=t.className,m=t.options,n=t.size,d=void 0===n?"medium":n,c=t.value,p=t.onChange,f=a((function(e,t){null!==t&&p&&p(t,e)}),[p]);return s(l,{className:r,"data-testid":i,onChange:f,value:c,exclusive:!0,size:d,children:m.map((function(t){return o(u,e({},t,{key:t.value}))}))})};export{d as ToggleButtons};

package/componentsV2/ToggleButtons/ToggleButtons.scss.js

@@ -0,0 +1 @@
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",button:"ToggleButtons_button__GH4OM"};t(".ToggleButtons_button__GH4OM{margin:0!important;transition:.15s cubic-bezier(.4,0,.2,1);transition-property:color,background}.ToggleButtons_button__GH4OM:focus,.ToggleButtons_button__GH4OM:hover{background:rgb(from var(--palette-primary-text-1) r g b/.12);color:var(--palette-primary-text-1)}");export{o as default};

package/componentsV2/ToggleButtons/ToggleButtons.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { ToggleButtons } from './ToggleButtons';
+type Props = ComponentProps<typeof ToggleButtons>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Omit<Props, "multiple">) => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+export declare const DisabledButtons: () => JSX.Element;
+export declare const WithTooltips: () => JSX.Element;
+export declare const WithIcons: () => JSX.Element;
+//# sourceMappingURL=ToggleButtons.stories.d.ts.map

package/componentsV2/ToggleButtons/ToggleButtons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtons.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ToggleButtons/ToggleButtons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAcF,eAAe,IAAI,CAAC;AA2BpB,eAAO,MAAM,OAAO,UAAW,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,gBAarD,CAAC;AAEF,eAAO,MAAM,KAAK,mBASjB,CAAC;AASF,eAAO,MAAM,eAAe,mBAa3B,CAAC;AAMF,eAAO,MAAM,YAAY,mBASxB,CAAC;AAMF,eAAO,MAAM,SAAS,mBAkBrB,CAAC"}

package/componentsV2/ToggleButtons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ToggleButtons';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/ToggleButtons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/ToggleButtons/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/componentsV2/Tooltip/Tooltip.scss.js

@@ -1 +1 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tooltip_root__A7khs",content:"Tooltip_content__h8NZy",title:"Tooltip_title__t24ci"};o('.Tooltip_root__A7khs .MuiTooltip-tooltip{max-width:500px;overflow:hidden;padding:0 8px;position:relative}.Tooltip_root__A7khs .MuiTooltip-tooltip:after,.Tooltip_root__A7khs .MuiTooltip-tooltip:before{content:"";height:4px;position:absolute;z-index:1}.Tooltip_root__A7khs .MuiTooltip-tooltip:before{background:linear-gradient(180deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:0 0 auto 0}.Tooltip_root__A7khs .MuiTooltip-tooltip:after{background:linear-gradient(0deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:auto 0 0 0}.Tooltip_root__A7khs .Tooltip_content__h8NZy{max-height:calc(100vh - 64px);overflow:auto;padding:4px 0}.Tooltip_root__A7khs .Tooltip_title__t24ci:not(:last-child){margin-bottom:8px}');export{t as default};
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tooltip_root__A7khs",content:"Tooltip_content__h8NZy",title:"Tooltip_title__t24ci"};o('.Tooltip_root__A7khs .MuiTooltip-tooltip{box-shadow:none;max-width:500px;overflow:hidden;padding:0 8px;position:relative}.Tooltip_root__A7khs .MuiTooltip-tooltip:after,.Tooltip_root__A7khs .MuiTooltip-tooltip:before{content:"";height:4px;position:absolute;z-index:1}.Tooltip_root__A7khs .MuiTooltip-tooltip:before{background:linear-gradient(180deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:0 0 auto 0}.Tooltip_root__A7khs .MuiTooltip-tooltip:after{background:linear-gradient(0deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:auto 0 0 0}.Tooltip_root__A7khs .Tooltip_content__h8NZy{max-height:calc(100vh - 64px);overflow:auto;padding:4px 0}.Tooltip_root__A7khs .Tooltip_title__t24ci:not(:last-child){margin-bottom:8px}');export{t as default};

package/componentsV2/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAqBjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,eAAe,mBAO3B,CAAC;AAKF,eAAO,MAAM,UAAU,mBAQtB,CAAC;AAMF,eAAO,MAAM,iBAAiB,mBAY7B,CAAC;AAKF,eAAO,MAAM,aAAa,mBAoDzB,CAAC"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAsBjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,eAAe,mBAO3B,CAAC;AAKF,eAAO,MAAM,UAAU,mBAQtB,CAAC;AAMF,eAAO,MAAM,iBAAiB,mBAY7B,CAAC;AAKF,eAAO,MAAM,aAAa,mBAwDzB,CAAC"}

package/componentsV2/index.d.ts

@@ -18,4 +18,11 @@ export * from './Chip';
 export * from './ChipAlert';
 export * from './ChipIndicator';
 export * from './Avatar';
+export * from './ToggleButtons';
+export * from './Paper';
+export * from './Modal';
+export * from './Menu';
+export * from './Counter';
+export * from './BadgeCounter';
+export * from './BadgeDot';
 //# sourceMappingURL=index.d.ts.map

package/componentsV2/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/componentsV2/index.js

@@ -1 +1 @@
-export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{DcPopover}from"./Popover/DcPopover.js";export{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";
+export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";export{ToggleButtons}from"./ToggleButtons/ToggleButtons.js";export{Paper}from"./Paper/Paper.js";export{Modal}from"./Modal/Modal.js";export{Menu}from"./Menu/Menu.js";export{Counter}from"./Counter/Counter.js";export{BadgeCounter}from"./BadgeCounter/BadgeCounter.js";export{BadgeDot}from"./BadgeDot/BadgeDot.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.100.0-10",
+  "version": "0.100.0-12",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"

package/styles/common.scss

@@ -92,3 +92,36 @@ $fontFamily: 'Roboto', sans-serif;
 
   @return #{$result};
 }
+
+/* SCSS mixins ./src/styles/mixins.scss */
+@mixin verticalFadePseudoElements($size) {
+  position: relative;
+
+  &:before {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: 0 10px auto 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      180deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+
+  &:after {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: auto 10px 0 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      0deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+}

package/styles/mixins.scss

@@ -0,0 +1,31 @@
+@mixin verticalFadePseudoElements($size) {
+  position: relative;
+
+  &:before {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: 0 10px auto 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      180deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+
+  &:after {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: auto 10px 0 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      0deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+}