@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/AvatarStack/AvatarStack.js

@@ -0,0 +1,218 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Building, People } from '@procore/core-icons';
+import { useId } from '@react-aria/utils';
+import React, { forwardRef, useMemo, useState } from 'react';
+import { Avatar } from '../Avatar/Avatar';
+import { Button } from '../Button/Button';
+import { ContactItem } from '../ContactItem/ContactItem';
+import { Link } from '../Link/Link';
+import { Modal } from '../Modal/Modal';
+import { Popover } from '../Popover/Popover';
+import { Typography } from '../Typography/Typography';
+import { useI18nContext } from '../_hooks/I18n';
+import { colorsOrder, foldedItemsCap, restCountThreshold, visibleItemsCap, } from './AvatarStack.constants';
+import { StyledAvatar, StyledContactItem, StyledContactItems, StyledModalBody, StyledViewAllWrapper, StyledWrapper, } from './AvatarStack.styles';
+var defaultPopoverTrigger = ['hover', 'focus'];
+export function getOverflowValues(items) {
+    var foldedItems = [];
+    var restCountLabel = null;
+    var isViewAllNeeded = false;
+    var visibleItems = items.length > visibleItemsCap ? items.slice(0, visibleItemsCap - 1) : items;
+    var restItemsCount = items.length - visibleItems.length;
+    if (restItemsCount > 0) {
+        foldedItems = items.slice(visibleItems.length, visibleItems.length + foldedItemsCap);
+        restCountLabel =
+            restItemsCount > restCountThreshold
+                ? "".concat(restCountThreshold, "+")
+                : "+".concat(restItemsCount);
+        isViewAllNeeded = restItemsCount > foldedItemsCap;
+    }
+    return {
+        visibleItems: visibleItems,
+        foldedItems: foldedItems,
+        restCountLabel: restCountLabel,
+        isViewAllNeeded: isViewAllNeeded,
+    };
+}
+export function getIcon(type, size) {
+    switch (type) {
+        case 'company':
+            return React.createElement(Building, { size: size });
+        case 'group':
+            return React.createElement(People, { size: size });
+        case 'user':
+        default:
+            return null;
+    }
+}
+function getContactIcon(type) {
+    return getIcon(type, 'md');
+}
+export function getAvatarIcon(type, size) {
+    var avatarSize = size === 'lg' ? 'md' : 'sm';
+    return getIcon(type, avatarSize);
+}
+export function getColorOrder(avatarItems) {
+    return avatarItems.reduce(function (_a, item) {
+        var map = _a.map, color = _a.color;
+        if (item.imageUrl) {
+            return {
+                map: map,
+                color: color,
+            };
+        }
+        if (item.inactive) {
+            map.set(item.id, 'gray70');
+            return {
+                map: map,
+                color: color,
+            };
+        }
+        map.set(item.id, color);
+        var currentColorIndex = colorsOrder.indexOf(color);
+        var nextColorIndex = (currentColorIndex + 1) % colorsOrder.length;
+        return {
+            map: map,
+            color: item.imageUrl ? color : colorsOrder[nextColorIndex],
+        };
+    }, {
+        map: new Map(),
+        color: colorsOrder[0],
+    }).map;
+}
+export function AvatarStackContactItem(_a) {
+    var id = _a.id, type = _a.type, imageUrl = _a.imageUrl, initials = _a.initials, inactive = _a.inactive, name = _a.name, linkUrl = _a.linkUrl, description = _a.description;
+    return (React.createElement(StyledContactItem, { key: id, imageUrl: imageUrl, initials: initials, icon: getContactIcon(type), disabled: inactive },
+        React.createElement(ContactItem.Title, null, !inactive && linkUrl ? React.createElement(Link, { href: linkUrl }, name) : name),
+        React.createElement(ContactItem.Description, null, type === 'group' ? (React.createElement(Typography, { color: "gray15" }, description)) : (description))));
+}
+export function AvatarContent(_a) {
+    var imageUrl = _a.imageUrl, initials = _a.initials, type = _a.type, size = _a.size;
+    var avatarIcon = getAvatarIcon(type, size);
+    if (imageUrl) {
+        return React.createElement(Avatar.Portrait, { imageUrl: imageUrl });
+    }
+    if (avatarIcon) {
+        return React.createElement(Avatar.Icon, { icon: avatarIcon });
+    }
+    if (initials) {
+        return React.createElement(Avatar.Label, null, initials);
+    }
+    return null;
+}
+function AvatarWithPopover(_a) {
+    var item = _a.item, size = _a.size, colors = _a.colors;
+    var hasEnabledLink = item.linkUrl && !item.inactive;
+    var avatarProps = hasEnabledLink
+        ? {
+            role: 'link',
+            href: item.linkUrl,
+        }
+        : {
+            role: 'img',
+            // Allow SR to open Popover as it cycles through. Keeps visual with audio.
+            // The link or image is labelled, and focus does not enter the Popover.
+            tabIndex: -1,
+        };
+    return (React.createElement(Popover, { key: item.id, trigger: defaultPopoverTrigger, overlay: React.createElement(Popover.Content, null,
+            React.createElement(AvatarStackContactItem, { id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })) },
+        React.createElement(StyledAvatar, __assign({}, avatarProps, { "aria-label": "".concat(item.name, ", ").concat(item.description), disabled: item.inactive, size: size, "$color": colors.get(item.id) }),
+            React.createElement(AvatarContent, { imageUrl: item.imageUrl, initials: item.initials, type: item.type, size: size }))));
+}
+export function FoldedAvatarStack(_a) {
+    var items = _a.items, onClickViewAll = _a.onClickViewAll, size = _a.size, restCountLabel = _a.restCountLabel, isViewAllNeeded = _a.isViewAllNeeded, title = _a.title;
+    var I18n = useI18nContext();
+    var overlayRef = React.useRef(null);
+    var restAvatarId = useId();
+    return (React.createElement(Popover, { trigger: defaultPopoverTrigger, "aria-labelledby": restAvatarId, overlayRef: overlayRef, beforeHide: function (e) {
+            return e.type !== 'blur';
+        }, overlay: React.createElement(Popover.Content, null,
+            React.createElement(StyledContactItems, null, items.map(function (item) { return (React.createElement(AvatarStackContactItem, { key: item.id, id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })); })),
+            isViewAllNeeded && (React.createElement(StyledViewAllWrapper, null,
+                React.createElement(Button, { "data-qa": "core-avatar-stack-view-all-modal-trigger", onClick: onClickViewAll, size: "sm", variant: "secondary" }, I18n.t('core.avatarStack.viewAll'))))) },
+        React.createElement(StyledAvatar, { role: "button", onPress: onClickViewAll, id: restAvatarId, "aria-label": "".concat(restCountLabel, ", ").concat(title), "data-qa": "core-avatar-stack-folded-avatars-popover-trigger", size: size, "$color": "gray85" },
+            React.createElement(Avatar.Label, { "aria-hidden": true },
+                React.createElement(Typography, { color: "black" }, restCountLabel)))));
+}
+export function ViewAllModal(_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, title = _a.title, items = _a.items;
+    var I18n = useI18nContext();
+    var labelId = useId();
+    return (React.createElement(Modal, { role: "dialog", "aria-labelledby": labelId, open: isOpen, onClose: onClose },
+        React.createElement(Modal.Header, { onClose: onClose },
+            React.createElement("span", { id: labelId },
+                title,
+                " (",
+                items.length,
+                ")")),
+        React.createElement(StyledModalBody, null, items.map(function (item) { return (React.createElement(AvatarStackContactItem, { key: item.id, id: item.id, type: item.type, imageUrl: item.imageUrl, initials: item.initials, inactive: item.inactive, name: item.name, linkUrl: item.linkUrl, description: item.description })); })),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Modal.FooterButtons, null,
+                React.createElement(Button, { onClick: onClose }, I18n.t('core.avatarStack.close'))))));
+}
+export function defaultInitials(item) {
+    return item.initials;
+}
+export function defaultGetImageUrl(item) {
+    return item.imageUrl;
+}
+export function getTransformedItems(_a) {
+    var items = _a.items, getInitials = _a.getInitials, getImageUrl = _a.getImageUrl;
+    return items.map(function (item) { return (__assign(__assign({}, item), { initials: getInitials(item), imageUrl: getImageUrl(item) })); });
+}
+var _AvatarStack = function (_a, ref) {
+    var _items = _a.items, title = _a.title, _b = _a.size, size = _b === void 0 ? 'lg' : _b, _c = _a.getInitials, getInitials = _c === void 0 ? defaultInitials : _c, _d = _a.getImageUrl, getImageUrl = _d === void 0 ? defaultGetImageUrl : _d, props = __rest(_a, ["items", "title", "size", "getInitials", "getImageUrl"]);
+    var _e = useState(false), isModalOpen = _e[0], setIsModalOpen = _e[1];
+    var items = useMemo(function () {
+        return getTransformedItems({
+            items: _items,
+            getInitials: getInitials,
+            getImageUrl: getImageUrl,
+        });
+    }, [_items]);
+    var _f = useMemo(function () { return getOverflowValues(items); }, [items]), visibleItems = _f.visibleItems, foldedItems = _f.foldedItems, restCountLabel = _f.restCountLabel, isViewAllNeeded = _f.isViewAllNeeded;
+    var visibleItemsColors = useMemo(function () { return getColorOrder(visibleItems); }, [visibleItems]);
+    return (React.createElement("div", __assign({ ref: ref }, props),
+        isViewAllNeeded && (React.createElement(ViewAllModal, { isOpen: isModalOpen, onClose: function () { return setIsModalOpen(false); }, title: title, items: items })),
+        React.createElement(StyledWrapper, null,
+            visibleItems.map(function (item) {
+                return (React.createElement(AvatarWithPopover, { colors: visibleItemsColors, item: item, key: "".concat(item.name, "_").concat(item.id), size: size }));
+            }),
+            foldedItems.length > 0 && (React.createElement(FoldedAvatarStack, { restCountLabel: restCountLabel, isViewAllNeeded: isViewAllNeeded, items: foldedItems, onClickViewAll: function () { return setIsModalOpen(true); }, size: size, title: title })))));
+};
+/**
+
+ We use avatars to visually represent our users, places, and things in the app.
+ These can be in the form of rich media or representative illustrations.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-avatarstack--demo)
+
+ @see [Design Guidelines](https://design.procore.com/avatar-stack)
+ */
+export var AvatarStack = forwardRef(_AvatarStack);
+// @ts-ignore
+AvatarStack.displayName = 'AvatarStack';
+//# sourceMappingURL=AvatarStack.js.map

package/dist/AvatarStack/AvatarStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"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"}

package/dist/AvatarStack/AvatarStack.styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Color } from '../_styles/colors';
+export declare const StyledAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+})) => JSX.Element) & {
+    Icon: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarIconProps & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("../Avatar/Avatar.types").AvatarLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portrait: import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").AvatarPortraitProps & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {
+    $color: Color;
+}, never>;
+export declare const StyledContactItems: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledViewAllWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Modal/Modal.types").ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledContactItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ContactItemProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Title: import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;

package/dist/AvatarStack/AvatarStack.styles.js

@@ -0,0 +1,20 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { Avatar } from '../Avatar/Avatar';
+import { ContactItem } from '../ContactItem/ContactItem';
+import { Modal } from '../Modal/Modal';
+import { colors } from '../_styles/colors';
+import { spacing } from '../_styles/spacing';
+var maxModalWidth = 528;
+var StyledBaseAvatar = styled(Avatar)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px;\n\n  &:hover {\n    z-index: 1;\n  }\n  &[role='img']:focus {\n    outline: none;\n  }\n"], ["\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px;\n\n  &:hover {\n    z-index: 1;\n  }\n  &[role='img']:focus {\n    outline: none;\n  }\n"])), colors.white);
+export var StyledAvatar = styled(StyledBaseAvatar)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (props) { return colors[props.$color]; });
+export var StyledContactItems = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-top: ", "px;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n"], ["\n  padding-top: ", "px;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n"])), spacing.sm, spacing.sm, spacing.xs);
+export var StyledWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n\n  ", " + ", " {\n    margin-left: -", "px;\n  }\n"], ["\n  display: flex;\n\n  ", " + ", " {\n    margin-left: -", "px;\n  }\n"])), StyledAvatar, StyledAvatar, spacing.sm);
+export var StyledViewAllWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  margin-left: ", "px;\n  margin-bottom: ", "px;\n"], ["\n  display: flex;\n  margin-left: ", "px;\n  margin-bottom: ", "px;\n"])), spacing.md, spacing.lg);
+export var StyledModalBody = styled(Modal.Body)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  max-width: ", "px;\n"], ["\n  max-width: ", "px;\n"])), maxModalWidth);
+export var StyledContactItem = styled(ContactItem)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-shrink: 0;\n"], ["\n  flex-shrink: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=AvatarStack.styles.js.map

package/dist/AvatarStack/AvatarStack.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.styles.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAS,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,IAAM,aAAa,GAAG,GAAG,CAAA;AAEzB,IAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,mOAAA,oBACrB,EAAY,0IAU7B,KAViB,MAAM,CAAC,KAAK,CAU7B,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC,kGAAmB,wBACjD,EAAkD,KACvE,KADqB,UAAC,KAAwB,IAAK,OAAA,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAApB,CAAoB,CACvE,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,mJAAA,mBAC3B,EAAU,yBACP,EAAU,uBACZ,EAAU,OAC3B,KAHgB,OAAO,CAAC,EAAE,EACP,OAAO,CAAC,EAAE,EACZ,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,4IAAA,0BAGnC,EAAY,KAAM,EAAY,wBACd,EAAU,YAE7B,KAHG,YAAY,EAAM,YAAY,EACd,OAAO,CAAC,EAAE,CAE7B,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,2IAAA,qCAE7B,EAAU,wBACR,EAAU,OAC5B,KAFgB,OAAO,CAAC,EAAE,EACR,OAAO,CAAC,EAAE,CAC5B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,6FAAA,iBAClC,EAAa,OAC3B,KADc,aAAa,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,0FAAA,uBAEnD,IAAA,CAAA"}

package/dist/AvatarStack/AvatarStack.types.d.ts

@@ -0,0 +1,118 @@
+export declare type AvatarStackItemId = string | number;
+export declare type AvatarStackItemType = 'company' | 'user' | 'group';
+export interface AvatarStackItem {
+    /**
+     * Avatar ID
+     * @since 10.19.0
+     */
+    id: AvatarStackItemId;
+    /**
+     * Avatar name
+     * @since 10.19.0
+     */
+    name: string;
+    /**
+     * Avatar type
+     * @since 10.19.0
+     */
+    type: AvatarStackItemType;
+    /**
+     * Avatar description
+     * @since 10.19.0
+     */
+    description?: string;
+    /**
+     * Avatar image URL
+     * @since 10.19.0
+     */
+    imageUrl?: string;
+    /**
+     * Avatar link URL
+     * @since 10.19.0
+     */
+    linkUrl?: string;
+    /**
+     * Avatar initials
+     * @since 10.19.0
+     */
+    initials?: string;
+    /**
+     * Avatar inactive state
+     * @defaultValue false
+     * @since 10.19.0
+     */
+    inactive?: boolean;
+}
+export declare type AvatarStackSize = 'md' | 'lg';
+export interface AvatarStackProps<Item extends AvatarStackItem = AvatarStackItem> {
+    /**
+     * Avatar stack items
+     * @since 10.22.0
+     */
+    items: Item[];
+    /**
+     * Avatar item imageURL getter
+     * @since 10.22.0
+     */
+    getImageUrl?: (item: Item) => string;
+    /**
+     * Avatar item initials getter
+     * @since 10.22.0
+     */
+    getInitials?: (item: Item) => string;
+    /**
+     * Avatar stack title
+     * @since 10.19.0
+     */
+    title: string;
+    /**
+     * Avatar stack size
+     * @defaultValue lg
+     * @since 10.19.0
+     */
+    size?: AvatarStackSize;
+}
+export interface FoldedAvatarStackProps<Item extends AvatarStackItem> {
+    /**
+     * @since 10.22.0
+     */
+    items: Item[];
+    /**
+     * @since 10.19.0
+     */
+    onClickViewAll: () => void;
+    /**
+     * @since 10.19.0
+     */
+    size: AvatarStackSize;
+    /**
+     * @since 10.19.0
+     */
+    restCountLabel: string;
+    /**
+     * @since 10.19.0
+     */
+    isViewAllNeeded: boolean;
+    /**
+     * @since 11.13.0
+     */
+    title: string;
+}
+export interface ViewAllModalProps<Item extends AvatarStackItem> {
+    /**
+     * @since 10.22.0
+     */
+    items: Item[];
+    /**
+     * @since 10.19.0
+     */
+    onClose: () => void;
+    /**
+     * @since 10.19.0
+     */
+    isOpen: boolean;
+    /**
+     * @since 10.19.0
+     */
+    title: string;
+}

package/dist/AvatarStack/AvatarStack.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AvatarStack.types.js.map

package/dist/AvatarStack/AvatarStack.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.types.js","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.types.ts"],"names":[],"mappings":""}

package/dist/AvatarStack/index.d.ts

@@ -0,0 +1,2 @@
+export { AvatarStack } from './AvatarStack';
+export { AvatarStackItem, AvatarStackProps } from './AvatarStack.types';

package/dist/AvatarStack/index.js

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

package/dist/AvatarStack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AvatarStack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BadgeLabelProps, BadgeProps } from './Badge.types';
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>> & {
+    Label: React.ForwardRefExoticComponent<BadgeLabelProps & React.RefAttributes<HTMLSpanElement>>;
+};

package/dist/Badge/Badge.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { StyledBadge, StyledBadgeLabel } from './Badge.styles';
+var Badge_ = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledBadge, __assign({ ref: ref }, props));
+});
+var Label = React.forwardRef(function (props, ref) {
+    return React.createElement(StyledBadgeLabel, __assign({ ref: ref }, props));
+});
+Badge_.displayName = 'Badge';
+Label.displayName = 'Badge.Label';
+export var Badge = addSubcomponents({
+    Label: Label,
+}, Badge_);
+//# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAG9D,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG;IACrE,OAAO,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AAC7C,CAAC,CAAC,CAAA;AAEF,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,oBAAC,gBAAgB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAA;AAClD,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,OAAO,CAAA;AAE5B,KAAK,CAAC,WAAW,GAAG,aAAa,CAAA;AAEjC,MAAM,CAAC,IAAM,KAAK,GAAG,gBAAgB,CACnC;IACE,KAAK,OAAA;CACN,EACD,MAAM,CACP,CAAA"}

package/dist/Badge/Badge.styles.d.ts

@@ -0,0 +1,3 @@
+import { BadgeLabelProps, BadgeProps } from './Badge.types';
+export declare const StyledBadge: import("styled-components").StyledComponent<"div", any, BadgeProps, never>;
+export declare const StyledBadgeLabel: import("styled-components").StyledComponent<"span", any, BadgeLabelProps, never>;

package/dist/Badge/Badge.styles.js

@@ -0,0 +1,9 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+export var StyledBadge = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n"], ["\n  display: inline-block;\n  position: relative;\n"])));
+export var StyledBadgeLabel = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  bottom: 100%;\n  position: absolute;\n  right: 0;\n  transform: translateX(50%) translateY(50%);\n"], ["\n  bottom: 100%;\n  position: absolute;\n  right: 0;\n  transform: translateX(50%) translateY(50%);\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Badge.styles.js.map

package/dist/Badge/Badge.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.styles.js","sourceRoot":"","sources":["../../src/Badge/Badge.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,wHAAY,qDAGhD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,2KAAiB,wGAK3D,IAAA,CAAA"}

package/dist/Badge/Badge.types.d.ts

@@ -0,0 +1,5 @@
+import { Props } from '../_utils/types';
+export interface BadgeProps extends Props {
+}
+export interface BadgeLabelProps extends Props {
+}

package/dist/Badge/Badge.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Badge.types.js.map

package/dist/Badge/Badge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.js","sourceRoot":"","sources":["../../src/Badge/Badge.types.tsx"],"names":[],"mappings":""}

package/dist/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export { BadgeLabelProps, BadgeProps } from './Badge.types';

package/dist/Badge/index.js

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

package/dist/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/Banner/Banner.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { ButtonAttributes, DivAttributes, Props } from '../_utils/types';
+import { BannerExpandableContentProps, BannerIconProps, BannerProps, BannerVariant } from './Banner.types';
+export declare const ErrorBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated Component will be removed in a future version. Instead, please consider using "success" variant of Toast component.
+ * @deprecatedSince 10.7.0
+ */
+export declare const SuccessBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const InfoBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const ActionBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+export declare const UNSAFE_MiniBanner: React.ForwardRefExoticComponent<DivAttributes & Props & {
+    variant?: BannerVariant | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Banner: React.ForwardRefExoticComponent<DivAttributes & BannerProps & React.RefAttributes<HTMLDivElement>> & {
+    Body: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    ExpandableContent: React.ForwardRefExoticComponent<DivAttributes & BannerExpandableContentProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Action: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
+    Actions: React.ForwardRefExoticComponent<ButtonAttributes & Props & React.RefAttributes<HTMLButtonElement>>;
+    Icon: React.ForwardRefExoticComponent<DivAttributes & BannerIconProps & React.RefAttributes<HTMLDivElement>>;
+    Dismiss: React.ForwardRefExoticComponent<ButtonAttributes & Props & React.RefAttributes<HTMLButtonElement>>;
+};