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

package/dist/Banner/Banner.js

@@ -0,0 +1,176 @@
+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 { Check, Clear, EllipsisVertical, Error, Info, Warning, } from '@procore/core-icons/dist';
+import { partition } from 'ramda';
+import React from 'react';
+import { Button } from '../Button/Button';
+import { Card } from '../Card/Card';
+import { Menu, useMenu } from '../Menu/Menu';
+import { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger';
+import { useI18nContext } from '../_hooks/I18n';
+import { OverflowObserver } from '../_hooks/OverflowObserver';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { StyledAction, StyledActionsTrigger, StyledBannerContainer, StyledBody, StyledContent, StyledExpandableContent, StyledExpandableContentContainer, StyledIconContainer, StyledMiniBannerContainer, StyledTitle, } from './Banner.styles';
+/**
+
+
+ We use banners to contextually convey complicated or supplemental information
+ to a user. Depending on the type of banner, we can provide more information
+ about a feature or page the user is on, an action the user needs to perform,
+ or an error the user has encountered.
+
+ Procore banners are informative and actionable. Always explain what the user
+ needs to know (and in some cases, why they’re seeing the banner), and provide
+ an actionable next step.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-banner--demo)
+
+ @see [Design Guidelines](https://design.procore.com/banner)
+
+ */
+var Banner_ = React.forwardRef(function Banner(_a, ref) {
+    var children = _a.children, variant = _a.variant, props = __rest(_a, ["children", "variant"]);
+    var _b = partition(function (element) {
+        return React.isValidElement(element) && element.type === ExpandableContent;
+    }, React.Children.toArray(children)), expandableContentNodes = _b[0], content = _b[1];
+    var isExpandable = expandableContentNodes.length !== 0;
+    return (React.createElement(StyledBannerContainer, __assign({ ref: ref, isExpandable: isExpandable, variant: variant }, props), isExpandable ? (React.createElement(React.Fragment, null,
+        React.createElement(StyledExpandableContentContainer, { justifyContent: "space-between", alignItems: "center" }, content),
+        expandableContentNodes)) : (content)));
+});
+var Content = React.forwardRef(function Content(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledContent, __assign({}, props, { ref: ref }), children));
+});
+var ExpandableContent = React.forwardRef(function ExpandableContent(_a, ref) {
+    var children = _a.children, _b = _a.expanded, expanded = _b === void 0 ? false : _b, _c = _a.expandableContentMaxHeight, expandableContentMaxHeight = _c === void 0 ? 120 : _c, props = __rest(_a, ["children", "expanded", "expandableContentMaxHeight"]);
+    var containerRef = React.useRef(null);
+    return expanded ? (React.createElement(OverflowObserver, null, function (_a) {
+        var overflowRef = _a.ref, isOverflowingY = _a.isOverflowingY;
+        return (React.createElement(StyledExpandableContent, __assign({ ref: mergeRefs(ref, containerRef), "data-qa": "core-banner-expandable-content", onAnimationEnd: function () { return overflowRef(containerRef.current); }, isOverflowingY: isOverflowingY, expandableContentMaxHeight: expandableContentMaxHeight }, props, (isOverflowingY && { tabIndex: 0 })), children));
+    })) : null;
+});
+var Title = React.forwardRef(function Title(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledTitle, __assign({}, props, { ref: ref }), children));
+});
+var Body = React.forwardRef(function Body(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledBody, __assign({}, props, { ref: ref }), children));
+});
+var Action = React.forwardRef(function Action(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledAction, __assign({}, props, { ref: ref }), children));
+});
+var DropdownAction = React.forwardRef(function DropdownAction(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(Menu.Item, __assign({ ref: ref, item: null }, props), children));
+});
+var Actions = React.forwardRef(function Actions(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var actionButtons = React.Children.toArray(children).filter(function (element) {
+        return React.isValidElement(element) && element.type === Action;
+    });
+    return (React.createElement(OverlayTrigger, { overlay: React.createElement(Card, null,
+            React.createElement(Menu, { ref: function (node) { return node === null || node === void 0 ? void 0 : node.focus(); }, usingHook: useMenu({
+                    isSelectable: function (_a) {
+                        var type = _a.type;
+                        return type === DropdownAction;
+                    },
+                }) },
+                React.createElement(Menu.Options, null, actionButtons.map(function (_a, idx) {
+                    var actionButtonProps = _a.props;
+                    return (React.createElement(DropdownAction, __assign({ key: idx }, actionButtonProps)));
+                })))), ref: ref, placement: "bottom-right" },
+        React.createElement(StyledActionsTrigger, __assign({ "data-qa": "core-banner-actions-trigger", variant: "tertiary", arrow: false, icon: React.createElement(EllipsisVertical, null) }, props))));
+});
+var Icon = React.forwardRef(function Icon(_a, ref) {
+    var children = _a.children, icon = _a.icon, props = __rest(_a, ["children", "icon"]);
+    return (React.createElement(StyledIconContainer, __assign({ ref: ref, "aria-hidden": "true" }, props), icon));
+});
+var Dismiss = React.forwardRef(function Dismiss(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var I18n = useI18nContext();
+    return (React.createElement(Button, __assign({ "aria-label": I18n.t('core.banner.dismissAlert'), ref: ref }, props, { icon: React.createElement(Clear, null), variant: "tertiary" })));
+});
+export var ErrorBanner = React.forwardRef(function ErrorBanner(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(Banner, __assign({ ref: ref, variant: "error" }, props),
+        React.createElement(Icon, { icon: React.createElement(Error, { size: "lg" }) }),
+        children));
+});
+/**
+ * @deprecated Component will be removed in a future version. Instead, please consider using "success" variant of Toast component.
+ * @deprecatedSince 10.7.0
+ */
+export var SuccessBanner = React.forwardRef(function SuccessBanner(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(Banner, __assign({ ref: ref, variant: "success" }, props),
+        React.createElement(Icon, { icon: React.createElement(Check, { size: "lg" }) }),
+        children));
+});
+export var InfoBanner = React.forwardRef(function InfoBanner(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(Banner, __assign({ ref: ref, variant: "info" }, props),
+        React.createElement(Icon, { icon: React.createElement(Info, { size: "lg" }) }),
+        children));
+});
+export var ActionBanner = React.forwardRef(function ActionBanner(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(Banner, __assign({ ref: ref, variant: "action" }, props),
+        React.createElement(Icon, { icon: React.createElement(Warning, { size: "lg" }) }),
+        children));
+});
+export var UNSAFE_MiniBanner = React.forwardRef(function MiniBanner(_a, ref) {
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'info' : _b, props = __rest(_a, ["children", "variant"]);
+    return (React.createElement(StyledMiniBannerContainer, __assign({ ref: ref, variant: variant }, props), children));
+});
+Banner_.displayName = 'Banner';
+Body.displayName = 'Banner.Body';
+Content.displayName = 'Banner.Content';
+ExpandableContent.displayName = 'Banner.ExpandableContent';
+Title.displayName = 'Banner.Title';
+Action.displayName = 'Banner.Action';
+Actions.displayName = 'Banner.Actions';
+DropdownAction.displayName = 'Banner.DropdownAction';
+Icon.displayName = 'Banner.Icon';
+Dismiss.displayName = 'Banner.Dismiss';
+ErrorBanner.displayName = 'ErrorBanner';
+SuccessBanner.displayName = 'SuccessBanner';
+InfoBanner.displayName = 'InfoBanner';
+ActionBanner.displayName = 'ActionBanner';
+UNSAFE_MiniBanner.displayName = 'MiniBanner';
+export var Banner = addSubcomponents({
+    Body: Body,
+    Content: Content,
+    ExpandableContent: ExpandableContent,
+    Title: Title,
+    Action: Action,
+    Actions: Actions,
+    Icon: Icon,
+    Dismiss: Dismiss,
+}, Banner_);
+//# sourceMappingURL=Banner.js.map

package/dist/Banner/Banner.js.map

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

package/dist/Banner/Banner.styles.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { FlexProps } from '../Flex/Flex.types';
+import { BannerProps, BannerVariant } from './Banner.types';
+export declare const StyledBannerContainer: import("styled-components").StyledComponent<"div", any, {
+    isExpandable: boolean;
+} & BannerProps, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledExpandableContentContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledExpandableContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, FlexProps & {
+    isOverflowingY: boolean;
+    expandableContentMaxHeight: number;
+}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionsTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Dropdown/Dropdown.types").DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledAction: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMiniBannerContainer: import("styled-components").StyledComponent<"div", any, {
+    variant: BannerVariant;
+}, never>;

package/dist/Banner/Banner.styles.js

@@ -0,0 +1,75 @@
+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, { css, keyframes } from 'styled-components';
+import { StyledButton } from '../Button/Button.styles';
+import { DropdownButton } from '../Dropdown/Dropdown';
+import { Flex } from '../Flex/Flex';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { borderRadius } from '../_styles/borderRadius';
+import { colors } from '../_styles/colors';
+import { focusable } from '../_styles/mixins';
+import { getShadow } from '../_styles/shadows';
+import { spacing } from '../_styles/spacing';
+var bannerLeft = 8;
+var bannerVariantColors = {
+    action: {
+        primary: colors.yellow40,
+        secondary: colors.yellow94,
+    },
+    error: {
+        primary: colors.red50,
+        secondary: colors.red98,
+    },
+    info: {
+        primary: colors.blue40,
+        secondary: colors.blue96,
+    },
+    success: {
+        primary: colors.green30,
+        secondary: colors.green96,
+    },
+    UNSAFE_attention_emphasized: {
+        primary: colors.orange50,
+        secondary: colors.orange98,
+    },
+};
+var miniBannerVariantColors = {
+    action: colors.yellow50,
+    error: colors.red50,
+    info: colors.blue50,
+    success: colors.green50,
+    UNSAFE_attention_emphasized: colors.green50,
+};
+var bannerShadow = getShadow(1, 'bottom');
+var expandContent = function (maxHeight) { return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ", "px;\n    padding-bottom: ", "px;\n    min-height: 32px;\n    max-height: ", "px;\n    overflow-y: auto;\n  }\n"], ["\n  from {\n    padding-top: 0;\n    padding-bottom: 0;\n    max-height: 0;\n    min-height: 0;\n    overflow-y: hidden;\n  }\n  to {\n    padding-top: ", "px;\n    padding-bottom: ", "px;\n    min-height: 32px;\n    max-height: ", "px;\n    overflow-y: auto;\n  }\n"])), spacing.sm, spacing.sm, maxHeight); };
+export var StyledBannerContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  border-left: ", "px solid;\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  border-left: ", "px solid;\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), bannerLeft, borderRadius.md, colors.gray15, spacing.lg, bannerShadow, function (_a) {
+    var variant = _a.variant;
+    var _b = bannerVariantColors[variant], primary = _b.primary, secondary = _b.secondary;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-left-color: ", ";\n      background-color: ", ";\n\n      & ", " {\n        color: ", ";\n      }\n    "], ["\n      border-left-color: ", ";\n      background-color: ", ";\n\n      & ", " {\n        color: ", ";\n      }\n    "])), primary, secondary, StyledIconContainer, primary);
+}, function (_a) {
+    var isExpandable = _a.isExpandable;
+    return isExpandable && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    "], ["\n      flex-direction: column;\n      align-items: stretch;\n      padding: 0;\n    "])));
+});
+export var StyledContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-self: center;\n  margin: ", "px ", "px;\n  width: 100%;\n"], ["\n  align-self: center;\n  margin: ", "px ", "px;\n  width: 100%;\n"])), spacing.sm, spacing.lg);
+export var StyledExpandableContentContainer = styled(Flex)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  min-height: 52px;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 1;\n\n  ", "\n"], ["\n  color: ", ";\n  min-height: 52px;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 1;\n\n  ", "\n"])), colors.gray15, spacing.lg, bannerShadow);
+export var StyledExpandableContent = styled(Flex)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-out;\n  background-color: ", ";\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  line-height: 20px;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 0;\n\n  ", "\n  ", "\n"], ["\n  animation-duration: 450ms;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-out;\n  background-color: ", ";\n  box-sizing: border-box;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.25px;\n  line-height: 20px;\n  overflow-y: auto;\n  padding: 0 ", "px;\n  position: relative;\n  z-index: 0;\n\n  ", "\n  ", "\n"])), colors.white, spacing.xl * 2 + spacing.sm, function (_a) {
+    var isOverflowingY = _a.isOverflowingY;
+    return isOverflowingY && focusable;
+}, function (_a) {
+    var expandableContentMaxHeight = _a.expandableContentMaxHeight;
+    return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      animation-name: ", ";\n    "], ["\n      animation-name: ", ";\n    "])), expandContent(expandableContentMaxHeight));
+});
+export var StyledTitle = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  ", "\n  color: ", ";\n  font-weight: ", ";\n"])), getTypographyIntent('body'), colors.gray15, typographyWeights.semibold);
+export var StyledBody = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n"], ["\n  ", "\n  color: ", ";\n"])), getTypographyIntent('body'), colors.gray15);
+export var StyledIconContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  flex: 0 0 auto;\n  margin: ", "px 0;\n"], ["\n  flex: 0 0 auto;\n  margin: ", "px 0;\n"])), spacing.lg);
+export var StyledActionsTrigger = styled(DropdownButton)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  flex-shrink: 0;\n\n  & + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  flex-shrink: 0;\n\n  & + ", " {\n    margin-left: ", "px;\n  }\n"])), StyledButton, spacing.sm);
+export var StyledAction = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  margin: ", "px 0;\n\n  & + ", ", & + ", " {\n    margin-left: ", "px;\n  }\n\n  ", " {\n    background: rgba(0, 0, 0, 0.05);\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n"], ["\n  margin: ", "px 0;\n\n  & + ", ", & + ", " {\n    margin-left: ", "px;\n  }\n\n  ", " {\n    background: rgba(0, 0, 0, 0.05);\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n"])), spacing.sm, StyledButton, StyledActionsTrigger, spacing.sm, StyledButton, colors.gray15, colors.gray85, colors.gray15);
+function getMiniBannerIconColor(_a) {
+    var variant = _a.variant;
+    return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    & ", " {\n      color: ", ";\n    }\n  "], ["\n    & ", " {\n      color: ", ";\n    }\n  "])), StyledIconContainer, miniBannerVariantColors[variant]);
+}
+export var StyledMiniBannerContainer = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  & ", " {\n    margin: ", "px;\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ", "px;\n\n  ", "\n\n  ", "\n\n  & ", " {\n    margin: ", "px;\n  }\n"])), colors.gray96, spacing.md, getTypographyIntent('small'), getMiniBannerIconColor, StyledContent, spacing.sm);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+//# sourceMappingURL=Banner.styles.js.map

package/dist/Banner/Banner.styles.js.map

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

package/dist/Banner/Banner.types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { Props } from '../_utils/types';
+/**
+ * @deprecated "success" variation is deprecated and will be removed in a future version. Instead, please consider using "success" variant of Toast component.
+ */
+export declare type BannerVariant = 'action' | 'error' | 'info' | 'success' | 'UNSAFE_attention_emphasized';
+export interface BannerProps extends Props {
+    /**
+     * Sets the banner's variant.
+     * @since 10.19.0
+     */
+    variant: BannerVariant;
+}
+export interface BannerIconProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    icon: React.ReactNode;
+}
+export interface BannerExpandableContentProps extends Props {
+    /**
+     * Expands banner content
+     * @since 10.19.0
+     */
+    expanded: boolean;
+    /**
+     * Max height for the expanded content pane. (Optional)
+     * Defaults to 120.
+     *
+     * @since 11.5.*
+     */
+    expandableContentMaxHeight?: number;
+}

package/dist/Banner/Banner.types.js

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

package/dist/Banner/Banner.types.js.map

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

package/dist/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionBanner, Banner, ErrorBanner, InfoBanner, UNSAFE_MiniBanner, SuccessBanner, } from './Banner';
+export { BannerExpandableContentProps, BannerProps } from './Banner.types';

package/dist/Banner/index.js

@@ -0,0 +1,2 @@
+export { ActionBanner, Banner, ErrorBanner, InfoBanner, UNSAFE_MiniBanner, SuccessBanner, } from './Banner';
+//# sourceMappingURL=index.js.map

package/dist/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,MAAM,EACN,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,aAAa,GACd,MAAM,UAAU,CAAA"}

package/dist/Box/Box.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { BoxProps } from './Box.types';
+export declare const Box: React.ForwardRefExoticComponent<DivAttributes & BoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Box/Box.js

@@ -0,0 +1,63 @@
+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 * as React from 'react';
+import { StyledBox } from './Box.styles';
+// TODO remove this after we decommission the LegacyDisplay type
+function getLegacyDisplayAndDirection(d) {
+    if (!d) {
+        return {};
+    }
+    var display = d;
+    var direction = display.includes('flex')
+        ? 'row'
+        : undefined;
+    if (d.includes('flex-inline') || d.includes('inline-flex')) {
+        display = 'inline-flex';
+    }
+    else if (d.includes('flex')) {
+        display = 'flex';
+    }
+    if (d.includes('column-reverse')) {
+        direction = 'column-reverse';
+    }
+    else if (d.includes('column')) {
+        direction = 'column';
+    }
+    if (d.includes('row-reverse')) {
+        direction = 'row-reverse';
+    }
+    else if (d.includes('row')) {
+        direction = 'row';
+    }
+    return {
+        display: display,
+        direction: direction,
+    };
+}
+export var Box = React.forwardRef(function Box(_a, ref) {
+    var as = _a.as, alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, children = _a.children, display = _a.display, flex = _a.flex, flexBasis = _a.flexBasis, flexDirection = _a.flexDirection, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexWrap = _a.flexWrap, gap = _a.gap, justifyContent = _a.justifyContent, margin = _a.margin, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginTop = _a.marginTop, order = _a.order, padding = _a.padding, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, textAlign = _a.textAlign, props = __rest(_a, ["as", "alignContent", "alignItems", "alignSelf", "children", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "justifyContent", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "order", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "textAlign"]);
+    var legacyProps = getLegacyDisplayAndDirection(display);
+    return (React.createElement(StyledBox, __assign({}, props, { ref: ref, "$as": as, "$alignContent": alignContent, "$alignItems": alignItems, "$alignSelf": alignSelf, "$display": legacyProps.display, "$flex": flex, "$flexBasis": flexBasis, "$flexDirection": flexDirection !== null && flexDirection !== void 0 ? flexDirection : legacyProps.direction, "$flexGrow": flexGrow, "$flexShrink": flexShrink, "$flexWrap": flexWrap, "$gap": gap, "$justifyContent": justifyContent, "$margin": margin, "$marginBottom": marginBottom, "$marginLeft": marginLeft, "$marginRight": marginRight, "$marginTop": marginTop, "$order": order, "$padding": padding, "$paddingBottom": paddingBottom, "$paddingLeft": paddingLeft, "$paddingRight": paddingRight, "$paddingTop": paddingTop, "$textAlign": textAlign }), children));
+});
+Box.displayName = 'Box';
+//# sourceMappingURL=Box.js.map

package/dist/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,gEAAgE;AAChE,SAAS,4BAA4B,CAAC,CAAW;IAC/C,IAAI,CAAC,CAAC,EAAE;QACN,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,GAAG,CAAC,CAAA;IAEf,IAAI,SAAS,GAA8B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;QACjE,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC1D,OAAO,GAAG,aAAa,CAAA;KACxB;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC7B,OAAO,GAAG,MAAM,CAAA;KACjB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAChC,SAAS,GAAG,gBAAgB,CAAA;KAC7B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC/B,SAAS,GAAG,QAAQ,CAAA;KACrB;IAED,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QAC7B,SAAS,GAAG,aAAa,CAAA;KAC1B;SAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5B,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,OAAO,SAAA;QACP,SAAS,WAAA;KACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,SAAS,GAAG,CACV,EA4BC,EACD,GAAG;IA5BD,IAAA,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cA3BV,gVA4BC,CADS;IAIV,IAAM,WAAW,GAAG,4BAA4B,CAAC,OAAO,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,SACH,EAAE,mBACQ,YAAY,iBACd,UAAU,gBACX,SAAS,cACX,WAAW,CAAC,OAAO,WACtB,IAAI,gBACC,SAAS,oBACL,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,WAAW,CAAC,SAAS,eAC3C,QAAQ,iBACN,UAAU,eACZ,QAAQ,UACb,GAAG,qBACQ,cAAc,aACtB,MAAM,mBACA,YAAY,iBACd,UAAU,kBACT,WAAW,gBACb,SAAS,YACb,KAAK,cACH,OAAO,oBACD,aAAa,kBACf,WAAW,mBACV,YAAY,iBACd,UAAU,gBACX,SAAS,KAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA"}

package/dist/Box/Box.styles.d.ts

@@ -0,0 +1,2 @@
+import { $BoxProps } from './Box.types';
+export declare const StyledBox: import("styled-components").StyledComponent<"div", any, $BoxProps, never>;

package/dist/Box/Box.styles.js

@@ -0,0 +1,35 @@
+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, { css } from 'styled-components';
+import { spacing } from '../_styles/spacing';
+function appendPx(value) {
+    if (!value) {
+        return;
+    }
+    return typeof value === 'string' ? value : "".concat(value, "px");
+}
+function sizeStrToPx(str) {
+    /**
+     * hacky usage of "as" here, but since we have a default fallback if the
+     * lookup fails it should be fine
+     */
+    return spacing[str] !== undefined
+        ? "".concat(spacing[str], "px")
+        : str;
+}
+function shorthandSizeToPx(shorthand) {
+    return shorthand === null || shorthand === void 0 ? void 0 : shorthand.split(' ').map(sizeStrToPx).join(' ');
+}
+function sizeToPx(size) {
+    return sizeStrToPx(size) || size;
+}
+export var StyledBox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+    var $as = _a.$as;
+    if ($as === 'ol' || $as === 'ul') {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      "], ["\n        list-style: none;\n        margin: 0;\n        padding: 0;\n      "])));
+    }
+}, function (p) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    align-content: ", ";\n    align-items: ", ";\n    align-self: ", ";\n    display: ", ";\n    flex-basis: ", ";\n    flex-direction: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n    flex-wrap: ", ";\n    flex: ", ";\n    gap: ", ";\n    justify-content: ", ";\n    margin: ", ";\n    margin-bottom: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    order: ", ";\n    padding: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    text-align: ", ";\n  "], ["\n    align-content: ", ";\n    align-items: ", ";\n    align-self: ", ";\n    display: ", ";\n    flex-basis: ", ";\n    flex-direction: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n    flex-wrap: ", ";\n    flex: ", ";\n    gap: ", ";\n    justify-content: ", ";\n    margin: ", ";\n    margin-bottom: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    order: ", ";\n    padding: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    text-align: ", ";\n  "])), p.$alignContent, p.$alignItems, p.$alignSelf, p.$display, p.$flexBasis, p.$flexDirection, p.$flexGrow, p.$flexShrink, p.$flexWrap, p.$flex, shorthandSizeToPx(p.$gap), p.$justifyContent, shorthandSizeToPx(p.$margin), sizeToPx(p.$marginBottom), sizeToPx(p.$marginLeft), sizeToPx(p.$marginRight), sizeToPx(p.$marginTop), p.$order, shorthandSizeToPx(p.$padding), sizeToPx(p.$paddingBottom), sizeToPx(p.$paddingLeft), sizeToPx(p.$paddingRight), sizeToPx(p.$paddingTop), p.$textAlign); });
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Box.styles.js.map

package/dist/Box/Box.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.styles.js","sourceRoot":"","sources":["../../src/Box/Box.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAW,MAAM,oBAAoB,CAAA;AAGrD,SAAS,QAAQ,CAAC,KAAuB;IACvC,IAAI,CAAC,KAAK,EAAE;QACV,OAAM;KACP;IAED,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAA;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,GAAY;IAC/B;;;OAGG;IACH,OAAO,OAAO,CAAC,GAAc,CAAC,KAAK,SAAS;QAC1C,CAAC,CAAC,UAAG,OAAO,CAAC,GAAc,CAAC,OAAI;QAChC,CAAC,CAAC,GAAG,CAAA;AACT,CAAC;AAED,SAAS,iBAAiB,CAAC,SAAkB;IAC3C,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;AACzD,CAAC;AAED,SAAS,QAAQ,CAAC,IAA+B;IAC/C,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AAClC,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,uFAAW,MAC1C,EAQD,MACC,EAyBD,IACF,KAnCG,UAAC,EAAO;QAAL,GAAG,SAAA;IACN,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;QAChC,OAAO,GAAG,iJAAA,8EAIT,KAAA;KACF;AACH,CAAC,EACC,UAAC,CAAC,IAAK,OAAA,GAAG,inBAAA,uBACO,EAAe,sBACjB,EAAa,qBACd,EAAY,kBACf,EAAU,qBACP,EAAY,yBACR,EAAgB,oBACrB,EAAW,sBACT,EAAa,oBACf,EAAW,eAChB,EAAO,cACR,EAAyB,0BACb,EAAiB,iBAC1B,EAA4B,wBACrB,EAAyB,sBAC3B,EAAuB,uBACtB,EAAwB,qBAC1B,EAAsB,gBAC3B,EAAQ,kBACN,EAA6B,yBACtB,EAA0B,uBAC5B,EAAwB,wBACvB,EAAyB,sBAC3B,EAAuB,qBACxB,EAAY,OAC3B,KAxBkB,CAAC,CAAC,aAAa,EACjB,CAAC,CAAC,WAAW,EACd,CAAC,CAAC,UAAU,EACf,CAAC,CAAC,QAAQ,EACP,CAAC,CAAC,UAAU,EACR,CAAC,CAAC,cAAc,EACrB,CAAC,CAAC,SAAS,EACT,CAAC,CAAC,WAAW,EACf,CAAC,CAAC,SAAS,EAChB,CAAC,CAAC,KAAK,EACR,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,EACb,CAAC,CAAC,eAAe,EAC1B,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,EACrB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAC1B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAC3B,CAAC,CAAC,MAAM,EACN,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,EAC5B,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EACvB,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAC3B,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,EACxB,CAAC,CAAC,UAAU,GAxBnB,CAyBR,CACF,CAAA"}