@veracity/vui 0.7.0-beta.2 → 0.7.0

package/dist/esm/modal/modal.types.d.ts

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-import { SystemProps } from '../system';
-import { ThemingProps } from '../theme';
-import { MouseEvent } from '../utils';
-import { FocusableElement } from './focusLock.types';
-export declare type ModalBackdropProps = SystemProps;
-export declare type ModalContentProps = SystemProps;
-export declare type ModalContext = Pick<ModalProps, 'isOpen' | 'onBackdropClick' | 'onClose' | 'size' | 'variant'>;
-export declare type ModalProps = SystemProps & ThemingProps<'Modal'> & {
-    /** Handle zoom/pinch gestures on iOS devices when scroll locking is enabled. */
-    allowPinchZoom?: boolean;
-    /** A single child content element. */
-    children: React.ReactElement;
-    /** Props passed to internal ModalContent component. */
-    contentProps?: ModalContentProps;
-    /** It won't auto-focus the first focuable element within the 'children' once FocusLock mounts. */
-    disableAutoFocus?: boolean;
-    /** Clicking Backdrop element will not trigger 'onClose'. */
-    disableBackdropClose?: boolean;
-    /** Pressing 'Escape' will not trigger 'onClose'. */
-    disableEscClose?: boolean;
-    /** The children will be under the DOM hierarchy of the parent component. */
-    disablePortal?: boolean;
-    /** Focus won't be returned to the element that triggered the FocusLock once it unmounts. */
-    disableReturnFocus?: boolean;
-    /** Allows scrolling to happen on the content beneath the Modal. */
-    disableScrollLock?: boolean;
-    /** Disables FocusLock mechanism and allows focusing elements outside the Modal. */
-    disableTrapFocus?: boolean;
-    /** 'ref' of the element to return focus to when FocusLock unmounts. */
-    finalFocusRef?: React.RefObject<FocusableElement>;
-    /** Hides the dark backdrop element that is normally displayed beneath modal content. */
-    hideBackdrop?: boolean;
-    /** 'ref' of the element to receive focus initially when FocusLock mounts. */
-    initialFocusRef?: React.RefObject<FocusableElement>;
-    /** Displays the modal with its content on top of a backdrop. */
-    isOpen?: boolean;
-    /** Callback triggered when the backdrop element is clicked. Defaults to onClose. */
-    onBackdropClick?: (e: MouseEvent) => void;
-    /** Callback triggered to close the modal. */
-    onClose?: () => void;
-    /** Callback triggered when pressing 'Escape' key. Defaults to onClose. */
-    onEsc?: () => void;
-    /** Test this prop on Windows scrollbars */
-    preserveScrollBar?: boolean;
-};
-//# sourceMappingURL=modal.types.d.ts.map

package/dist/esm/modal/modal.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.types.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,oBAAY,kBAAkB,GAAG,WAAW,CAAA;AAE5C,oBAAY,iBAAiB,GAAG,WAAW,CAAA;AAE3C,oBAAY,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAE1G,oBAAY,UAAU,GAAG,WAAW,GACnC,YAAY,CAAC,OAAO,CAAC,GAAG;IACvB,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACjD,wFAAwF;IACxF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACnD,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oFAAoF;IACpF,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA"}

package/dist/esm/modal/modal.types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/modal/modalBackdrop.d.ts

@@ -1,5 +0,0 @@
-export declare const ModalBackdropBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** Displays a dark overlay underneath modal content, but on top of page content. */
-export declare const ModalBackdrop: import("../core").VuiComponent<"div", import("..").SystemProps>;
-export default ModalBackdrop;
-//# sourceMappingURL=modalBackdrop.d.ts.map

package/dist/esm/modal/modalBackdrop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalBackdrop.d.ts","sourceRoot":"","sources":["../../../src/modal/modalBackdrop.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,+HAM7B,CAAA;AAED,oFAAoF;AACpF,eAAO,MAAM,aAAa,iEAKxB,CAAA;AAIF,eAAe,aAAa,CAAA"}

package/dist/esm/modal/modalBackdrop.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { styled, useStyleConfig, vui } from '../core';
-import { colors } from '../theme';
-import { cs, hexToRGBA } from '../utils';
-import { useModalContext } from './context';
-export const ModalBackdropBase = styled.divBox `
-	animation: vui-fadeIn 0.3s ease;
-	background-color: ${hexToRGBA(colors.prussian[80], 0.6)};
-	inset: 0px;
-	position: fixed;
-	z-index: modal;
-`;
-/** Displays a dark overlay underneath modal content, but on top of page content. */
-export const ModalBackdrop = vui((props, ref) => {
-    const { className, ...rest } = props;
-    const styles = useStyleConfig('Modal', useModalContext());
-    return React.createElement(ModalBackdropBase, { className: cs('vui-modalBackdrop', className), ref: ref, ...styles.backdrop, ...rest });
-});
-ModalBackdrop.displayName = 'ModalBackdrop';
-export default ModalBackdrop;

package/dist/esm/modal/modalContent.d.ts

@@ -1,5 +0,0 @@
-export declare const ModalContentBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** Wraps the content provided to the Modal component. */
-export declare const ModalContent: import("../core").VuiComponent<"div", import("..").SystemProps>;
-export default ModalContent;
-//# sourceMappingURL=modalContent.d.ts.map

package/dist/esm/modal/modalContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalContent.d.ts","sourceRoot":"","sources":["../../../src/modal/modalContent.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,+HAK5B,CAAA;AAED,yDAAyD;AACzD,eAAO,MAAM,YAAY,iEAevB,CAAA;AAIF,eAAe,YAAY,CAAA"}

package/dist/esm/modal/modalContent.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { styled, useStyleConfig, vui } from '../core';
-import { callAll, cs } from '../utils';
-import { useModalContext } from './context';
-export const ModalContentBase = styled.divBox `
-	display: flex;
-	inset: 0px;
-	position: fixed;
-	z-index: modal;
-`;
-/** Wraps the content provided to the Modal component. */
-export const ModalContent = vui((props, ref) => {
-    const { className, ...rest } = props;
-    const { onBackdropClick } = useModalContext() ?? {};
-    const styles = useStyleConfig('Modal', useModalContext());
-    return (React.createElement(ModalContentBase, { className: cs('vui-modalContent', className), ref: ref, tabIndex: -1, ...styles.content, ...rest, onClick: callAll(props.onClick, onBackdropClick) }));
-});
-ModalContent.displayName = 'ModalContent';
-export default ModalContent;

package/dist/esm/modal/modalManager.d.ts

@@ -1,13 +0,0 @@
-import { Ref } from 'react';
-/** State management for nested modals. */
-declare class ModalManager {
-    modals: any[];
-    add: (modal: any) => void;
-    remove: (modal: any) => void;
-    isTopModal: (modal: any) => boolean;
-}
-export declare const manager: ModalManager;
-/** Refs of new modals will be automatically added/removed from the state when rendering. */
-export declare function useModalManager(ref: Ref<any>, isOpen?: boolean): void;
-export {};
-//# sourceMappingURL=modalManager.d.ts.map

package/dist/esm/modal/modalManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalManager.d.ts","sourceRoot":"","sources":["../../../src/modal/modalManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAa,MAAM,OAAO,CAAA;AAEtC,0CAA0C;AAC1C,cAAM,YAAY;IACjB,MAAM,EAAE,GAAG,EAAE,CAAK;IAElB,GAAG,UAAW,GAAG,UAEhB;IAED,MAAM,UAAW,GAAG,UAEnB;IAED,UAAU,UAAW,GAAG,aAGvB;CACD;AAED,eAAO,MAAM,OAAO,cAAqB,CAAA;AAEzC,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,QAQ9D"}

package/dist/esm/modal/modalManager.js

@@ -1,27 +0,0 @@
-import { useEffect } from 'react';
-/** State management for nested modals. */
-class ModalManager {
-    constructor() {
-        this.modals = [];
-        this.add = (modal) => {
-            this.modals.push(modal);
-        };
-        this.remove = (modal) => {
-            this.modals = this.modals.filter(m => m !== modal);
-        };
-        this.isTopModal = (modal) => {
-            const topmostModal = this.modals[this.modals.length - 1];
-            return topmostModal === modal;
-        };
-    }
-}
-export const manager = new ModalManager();
-/** Refs of new modals will be automatically added/removed from the state when rendering. */
-export function useModalManager(ref, isOpen) {
-    useEffect(() => {
-        isOpen && manager.add(ref);
-        return () => {
-            manager.remove(ref);
-        };
-    }, [isOpen, ref]);
-}

package/dist/esm/modal/theme.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {};
-    parts: string[];
-    sizes: {};
-    variants: {};
-};
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/esm/modal/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/modal/theme.ts"],"names":[],"mappings":";;;;;;;AAUA,wBAMC"}

package/dist/esm/modal/theme.js

@@ -1,12 +0,0 @@
-const baseStyle = {};
-const defaultProps = {};
-const parts = ['container', 'backdrop', 'content'];
-const sizes = {};
-const variants = {};
-export default {
-    baseStyle,
-    defaultProps,
-    parts,
-    sizes,
-    variants
-};

package/dist/esm/notification/consts.d.ts

@@ -1,3 +0,0 @@
-import { NotificationStatusMapping } from './notification.types';
-export declare const notificationStatusMapping: NotificationStatusMapping;
-//# sourceMappingURL=consts.d.ts.map

package/dist/esm/notification/consts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/notification/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,eAAO,MAAM,yBAAyB,EAAE,yBAiCvC,CAAA"}

package/dist/esm/notification/consts.js

@@ -1,34 +0,0 @@
-export const notificationStatusMapping = {
-    error: {
-        colorScheme: 'red',
-        iconProps: {
-            name: 'falTimesCircle'
-        }
-    },
-    info: {
-        colorScheme: 'blue',
-        iconProps: {
-            name: 'falInfoCircle'
-        }
-    },
-    loading: {
-        colorScheme: 'blue',
-        iconProps: {
-            animation: 'vui-spin 0.6s linear infinite',
-            name: 'fadSpinnerThird',
-            pathFill: ['blue.40', 'blue.60']
-        }
-    },
-    success: {
-        colorScheme: 'green',
-        iconProps: {
-            name: 'falCheckCircle'
-        }
-    },
-    warning: {
-        colorScheme: 'yellow',
-        iconProps: {
-            name: 'falExclamationCircle'
-        }
-    }
-};

package/dist/esm/notification/context.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { NotificationProps } from './notification.types';
-declare const NotificationProvider: import("react").Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
-export { NotificationProvider, useNotificationContext };
-//# sourceMappingURL=context.d.ts.map

package/dist/esm/notification/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/notification/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,QAAA,MAAO,oBAAoB,wDAAE,sBAAsB,kCAAmE,CAAA;AAEtH,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/esm/notification/context.js

@@ -1,3 +0,0 @@
-import { createContext } from '../utils';
-const [NotificationProvider, useNotificationContext] = createContext({ isOptional: true });
-export { NotificationProvider, useNotificationContext };

package/dist/esm/notification/index.d.ts

@@ -1,9 +0,0 @@
-export * from './context';
-export * from './notification';
-export { default } from './notification';
-export * from './notification.types';
-export * from './notificationButton';
-export * from './notificationIcon';
-export * from './notificationText';
-export * from './notificationTitle';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/notification/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/notification/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}

package/dist/esm/notification/notification.d.ts

@@ -1,18 +0,0 @@
-import { VuiComponent } from '../core';
-import { NotificationProps } from './notification.types';
-import NotificationButton from './notificationButton';
-import NotificationIcon from './notificationIcon';
-import NotificationText from './notificationText';
-import NotificationTitle from './notificationTitle';
-/**
- * Displays informational content, like text and icon with optional action buttons.
- * Handles multiple states, like info, error or loading.
- */
-export declare const Notification: VuiComponent<"div", NotificationProps> & {
-    Button: typeof NotificationButton;
-    Icon: typeof NotificationIcon;
-    Text: typeof NotificationText;
-    Title: typeof NotificationTitle;
-};
-export default Notification;
-//# sourceMappingURL=notification.d.ts.map

package/dist/esm/notification/notification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY;YAmDhB,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAC/B,CAAA;AASD,eAAe,YAAY,CAAA"}

package/dist/esm/notification/notification.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import Box from '../box';
-import { useStyleConfig, vui } from '../core';
-import { cs, filterUndefined, isReactText, isString } from '../utils';
-import { notificationStatusMapping } from './consts';
-import { NotificationProvider } from './context';
-import NotificationButton from './notificationButton';
-import NotificationIcon from './notificationIcon';
-import NotificationText from './notificationText';
-import NotificationTitle from './notificationTitle';
-/**
- * Displays informational content, like text and icon with optional action buttons.
- * Handles multiple states, like info, error or loading.
- */
-export const Notification = vui((props, ref) => {
-    const { action, children, className, colorScheme: colorSchemeProp = 'blue', icon, onClose, size, status, statusMapping, text, title, variant, ...rest } = props;
-    const statuses = { ...notificationStatusMapping, ...statusMapping };
-    const { colorScheme = colorSchemeProp } = statuses[status ?? ''] ?? {};
-    const styles = useStyleConfig('Notification', { colorScheme, ...props });
-    const iconName = isString(icon) ? icon : statuses[status ?? '']?.iconProps?.name;
-    const context = filterUndefined({ colorScheme, size, status, variant });
-    return (React.createElement(NotificationProvider, { value: context },
-        React.createElement(Box, { borderRadius: "md", className: cs('vui-notification', className), px: 1.5, py: 1, ref: ref, w: "fit-content", ...styles.container, ...rest },
-            iconName ? React.createElement(NotificationIcon, { name: iconName }) : icon,
-            children ?? (React.createElement(NotificationText, null,
-                isReactText(title) ? React.createElement(NotificationTitle, { text: title }) : title,
-                " ",
-                text)),
-            action,
-            onClose && React.createElement(NotificationButton, { icon: "falTimes", onClick: onClose }))));
-});
-Notification.displayName = 'Notification';
-Notification.Button = NotificationButton;
-Notification.Icon = NotificationIcon;
-Notification.Text = NotificationText;
-Notification.Title = NotificationTitle;
-export default Notification;

package/dist/esm/notification/notification.types.d.ts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '../box';
-import { IconProp, IconProps } from '../icon';
-import { ThemingProps } from '../theme';
-export declare type NotificationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Notification'> & {
-    /** Socket displaying a button on the right. */
-    action?: ReactNode;
-    /** Available theme colors for this component. @default blue */
-    colorScheme?: 'blue' | 'green' | 'red' | 'yellow';
-    /** Socket displaying an icon on the left. */
-    icon?: IconProp | JSX.Element;
-    /** If provided, displays a close button with this function as onClick. */
-    onClose?: () => void;
-    /** Modifies Notification style and content based on the given status. */
-    status?: NotificationStatus;
-    /** Object definition of styles and content for each status. */
-    statusMapping?: NotificationStatusMapping;
-    /** Socket displaying text in the middle. */
-    text?: ReactNode;
-    /** Socket displaying title in the middle. */
-    title?: ReactNode;
-};
-export declare type NotificationStatus = 'error' | 'info' | 'loading' | 'success' | 'warning';
-export declare type NotificationStatusMapping = Record<string, {
-    colorScheme?: NotificationProps['colorScheme'];
-    iconProps: IconProps;
-}>;
-//# sourceMappingURL=notification.types.d.ts.map

package/dist/esm/notification/notification.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GACjE,YAAY,CAAC,cAAc,CAAC,GAAG;IAC9B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACjD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yEAAyE;IACzE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,yBAAyB,CAAA;IACzC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAEF,oBAAY,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAErF,oBAAY,yBAAyB,GAAG,MAAM,CAC7C,MAAM,EACN;IACC,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC9C,SAAS,EAAE,SAAS,CAAA;CACpB,CACD,CAAA"}

package/dist/esm/notification/notification.types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/notification/notificationButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from '../button';
-/** Displays an action button within the Notification. */
-export declare const NotificationButton: import("../core").VuiComponent<"button", ButtonProps>;
-export default NotificationButton;
-//# sourceMappingURL=notificationButton.d.ts.map

package/dist/esm/notification/notificationButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationButton.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK/C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAkB7B,CAAA;AAIF,eAAe,kBAAkB,CAAA"}

package/dist/esm/notification/notificationButton.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import Button from '../button';
-import { useStyleConfig, vui } from '../core';
-import { cs } from '../utils';
-import { useNotificationContext } from './context';
-/** Displays an action button within the Notification. */
-export const NotificationButton = vui((props, ref) => {
-    const { className, ...rest } = props;
-    const mergedProps = { ...useNotificationContext(), ...props };
-    const styles = useStyleConfig('Notification', useNotificationContext());
-    return (React.createElement(Button, { className: cs('vui-notificationButton', className), colorScheme: mergedProps.colorScheme, ml: 1, mr: -0.5, ref: ref, size: "sm", variant: "text", ...styles.button, ...rest }));
-});
-NotificationButton.displayName = 'NotificationButton';
-export default NotificationButton;

package/dist/esm/notification/notificationIcon.d.ts

@@ -1,5 +0,0 @@
-import { IconProps } from '../icon';
-/** Displays an icon based on the status within the Notification. */
-export declare const NotificationIcon: import("../core").VuiComponent<"svg", IconProps>;
-export default NotificationIcon;
-//# sourceMappingURL=notificationIcon.d.ts.map

package/dist/esm/notification/notificationIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationIcon.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationIcon.tsx"],"names":[],"mappings":"AAGA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKzC,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,kDAoB3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/esm/notification/notificationIcon.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { useStyleConfig, vui } from '../core';
-import Icon from '../icon';
-import { cs } from '../utils';
-import { notificationStatusMapping } from './consts';
-import { useNotificationContext } from './context';
-/** Displays an icon based on the status within the Notification. */
-export const NotificationIcon = vui((props, ref) => {
-    const { className, ...rest } = props;
-    const mergedProps = { ...useNotificationContext(), ...props };
-    const styles = useStyleConfig('Notification', useNotificationContext());
-    const { status = '' } = mergedProps;
-    const { iconProps } = notificationStatusMapping[status] ?? {};
-    return (React.createElement(Icon, { className: cs('vui-notificationIcon', className), mr: 1, my: 0.5, ref: ref, size: "md", ...styles.icon, ...iconProps, ...rest }));
-});
-NotificationIcon.displayName = 'NotificationIcon';
-export default NotificationIcon;

package/dist/esm/notification/notificationText.d.ts

@@ -1,5 +0,0 @@
-import { TProps } from '../t';
-/** Displays text within the Notification. */
-export declare const NotificationText: import("../core").VuiComponent<"p", TProps>;
-export default NotificationText;
-//# sourceMappingURL=notificationText.d.ts.map

package/dist/esm/notification/notificationText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationText.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationText.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,6CAA6C;AAC7C,eAAO,MAAM,gBAAgB,6CAgB3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/esm/notification/notificationText.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { useStyleConfig, vui } from '../core';
-import T from '../t';
-import { cs } from '../utils';
-import { useNotificationContext } from './context';
-/** Displays text within the Notification. */
-export const NotificationText = vui((props, ref) => {
-    const { className, ...rest } = props;
-    const styles = useStyleConfig('Notification', useNotificationContext());
-    return (React.createElement(T, { className: cs('vui-notificationText', className), flex: "1", lineHeight: "24px", minW: 0, py: 0.5, ref: ref, ...styles.text, ...rest }));
-});
-NotificationText.displayName = 'NotificationText';
-export default NotificationText;

package/dist/esm/notification/notificationTitle.d.ts

@@ -1,5 +0,0 @@
-import { HeadingProps } from '../heading';
-/** Displays a title within the Notification. */
-export declare const NotificationTitle: import("../core").VuiComponent<"h6", HeadingProps>;
-export default NotificationTitle;
-//# sourceMappingURL=notificationTitle.d.ts.map

package/dist/esm/notification/notificationTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationTitle.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationTitle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,YAAY,EAAE,MAAM,YAAY,CAAA;AAI7C,gDAAgD;AAChD,eAAO,MAAM,iBAAiB,oDAa5B,CAAA;AAIF,eAAe,iBAAiB,CAAA"}

package/dist/esm/notification/notificationTitle.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { useStyleConfig, vui } from '../core';
-import { H6 } from '../heading';
-import { cs } from '../utils';
-import { useNotificationContext } from './context';
-/** Displays a title within the Notification. */
-export const NotificationTitle = vui((props, ref) => {
-    const { className, ...rest } = props;
-    const styles = useStyleConfig('Notification', useNotificationContext());
-    return (React.createElement(H6, { className: cs('vui-notificationTitle', className), display: "inline-flex", ref: ref, ...styles.title, ...rest }));
-});
-NotificationTitle.displayName = 'NotificationTitle';
-export default NotificationTitle;

package/dist/esm/notification/theme.d.ts

@@ -1,28 +0,0 @@
-import { Dict } from '../utils';
-declare function variantSubtle(props: Dict): {
-    container: {
-        bg: string;
-        borderColor: string;
-        borderWidth: number;
-        color: string;
-    };
-    button: {
-        color: string;
-        hoverBg: string;
-        activeBg: string;
-    };
-};
-declare const _default: {
-    baseStyle: {};
-    defaultProps: {
-        colorScheme: string;
-        variant: string;
-    };
-    parts: string[];
-    sizes: {};
-    variants: {
-        subtle: typeof variantSubtle;
-    };
-};
-export default _default;
-//# sourceMappingURL=theme.d.ts.map

package/dist/esm/notification/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/notification/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,aAAa,CAAC,KAAK,EAAE,IAAI;;;;;;;;;;;;EA2BjC;;;;;;;;;;;;;AAiBD,wBAMC"}

package/dist/esm/notification/theme.js

@@ -1,40 +0,0 @@
-function variantSubtle(props) {
-    const { colorScheme: c } = props;
-    const container = {
-        bg: `${c}.20`,
-        borderColor: `${c}.80`,
-        borderWidth: 1,
-        color: `${c}.90`
-    };
-    const button = {
-        color: `${c}.90`,
-        hoverBg: `${c}.30`,
-        activeBg: `${c}.40`
-    };
-    if (c === 'blue') {
-        container.color = 'blue.80';
-        button.color = 'blue.80';
-    }
-    if (c === 'yellow') {
-        container.color = 'yellow.100';
-        button.color = 'yellow.100';
-    }
-    return { container, button };
-}
-const baseStyle = {};
-const defaultProps = {
-    colorScheme: 'blue',
-    variant: 'subtle'
-};
-const parts = ['container', 'button', 'icon', 'text', 'title'];
-const sizes = {};
-const variants = {
-    subtle: variantSubtle
-};
-export default {
-    baseStyle,
-    defaultProps,
-    parts,
-    sizes,
-    variants
-};

package/dist/esm/p/index.d.ts

@@ -1,4 +0,0 @@
-export * from './p';
-export { default } from './p';
-export * from './p.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/p/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/p/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC7B,cAAc,WAAW,CAAA"}

package/dist/esm/p/p.d.ts

@@ -1,6 +0,0 @@
-import { PProps } from './p.types';
-export declare const PBase: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** Displays a paragraph of text. */
-export declare const P: import("../core").VuiComponent<"p", PProps>;
-export default P;
-//# sourceMappingURL=p.d.ts.map

package/dist/esm/p/p.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"p.d.ts","sourceRoot":"","sources":["../../../src/p/p.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,eAAO,MAAM,KAAK,6HAEjB,CAAA;AAED,oCAAoC;AACpC,eAAO,MAAM,CAAC,6CAgBZ,CAAA;AAIF,eAAe,CAAC,CAAA"}

package/dist/esm/p/p.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
-import { cs, filterUndefined } from '../utils';
-export const PBase = styled.pBox `
-	transition-duration: fast;
-`;
-/** Displays a paragraph of text. */
-export const P = vui((props, ref) => {
-    const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props);
-    const styles = useStyleConfig('P', props);
-    const aliasedProps = filterUndefined({
-        fontWeight: weight,
-        textAlign: align,
-        textDecoration: decoration,
-        textTransform: casing
-    });
-    return (React.createElement(PBase, { className: cs('vui-p', className), ref: ref, ...styles, ...aliasedProps, ...rest }, children ?? text));
-});
-P.displayName = 'P';
-export default P;

package/dist/esm/p/p.types.d.ts

@@ -1,15 +0,0 @@
-import { SystemProps, TypographyProps } from '../system';
-import { ThemingProps } from '../theme';
-export declare type PProps = SystemProps & ThemingProps<'P'> & {
-    /** Alias for textAlign prop. @deprecated */
-    align?: TypographyProps['textAlign'];
-    /** Alias for textTransform prop. @deprecated */
-    casing?: TypographyProps['textTransform'];
-    /** Alias for textDecoration prop. @deprecated */
-    decoration?: TypographyProps['textDecoration'];
-    /** Displays given text if no children are provided. */
-    text?: number | string;
-    /** Alias for fontWeight prop. @deprecated */
-    weight?: TypographyProps['fontWeight'];
-};
-//# sourceMappingURL=p.types.d.ts.map

package/dist/esm/p/p.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"p.types.d.ts","sourceRoot":"","sources":["../../../src/p/p.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,MAAM,GAAG,WAAW,GAC/B,YAAY,CAAC,GAAG,CAAC,GAAG;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACpC,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,iDAAiD;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}

package/dist/esm/p/p.types.js

@@ -1 +0,0 @@
-export {};