@procore/core-react 12.9.0 → 12.11.0

package/dist/FileSelect/GridSource/GridSource.styles.js

@@ -13,7 +13,7 @@ export var contentHeight = modalBodyWidth - modalBodyBorderTopWidth - toolbarHei
 // TODO Update box-shadow to use getShadow instead
 export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolbar",
-  componentId: "core-12_9_0__sc-1sj6hvp-0"
+  componentId: "core-12_11_0__sc-1sj6hvp-0"
 })(["display:flex;align-items:center;flex-direction:row;width:100%;min-height:", "px;padding:16px 24px;", " ", " & > * + *{margin-left:", "px;}"], toolbarHeight, function (_ref) {
   var alignRight = _ref.alignRight;
   return css(["justify-content:", ";"], alignRight ? 'flex-end' : 'space-between');
@@ -23,23 +23,23 @@ export var StyledToolbar = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm);
 export var StyledSearchWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearchWrapper",
-  componentId: "core-12_9_0__sc-1sj6hvp-1"
+  componentId: "core-12_11_0__sc-1sj6hvp-1"
 })(["width:286px;flex-shrink:1;min-width:180px;"]);
 export var StyledEmptyStateWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyStateWrapper",
-  componentId: "core-12_9_0__sc-1sj6hvp-2"
+  componentId: "core-12_11_0__sc-1sj6hvp-2"
 })(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;"]);
 export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_9_0__sc-1sj6hvp-3"
+  componentId: "core-12_11_0__sc-1sj6hvp-3"
 })(["margin-top:0;margin-bottom:0;img{width:160px;}"]);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_9_0__sc-1sj6hvp-4"
+  componentId: "core-12_11_0__sc-1sj6hvp-4"
 })(["height:", "px;width:100%;display:flex;align-items:center;justify-content:center;"], contentHeight);
 export var StyledGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrid",
-  componentId: "core-12_9_0__sc-1sj6hvp-5"
+  componentId: "core-12_11_0__sc-1sj6hvp-5"
 })(["display:flex;flex-direction:column;", ""], function (_ref3) {
   var isEmpty = _ref3.isEmpty;
   return isEmpty && 'height: 100%;';

package/dist/FileSelect/LocalSource/LocalSource.styles.js

@@ -15,21 +15,21 @@ var dropzoneHeightWithIcon = 176;
 var sourceWidth = 568;
 export var StyledLocalSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLocalSource",
-  componentId: "core-12_9_0__sc-psqe8z-0"
+  componentId: "core-12_11_0__sc-psqe8z-0"
 })(["display:flex;flex-grow:1;flex-direction:column;align-items:stretch;height:", "px;max-height:", "px;padding:", "px ", "px ", "px ", "px;overflow-y:hidden;"], contentHeight, contentHeight, spacing.xl, spacing.xl + spacing.lg, spacing.xl, spacing.xl);
 export var StyledDropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBanner).withConfig({
   displayName: "StyledDropzoneErrorBanner",
-  componentId: "core-12_9_0__sc-psqe8z-1"
+  componentId: "core-12_11_0__sc-psqe8z-1"
 })(["margin-top:", "px;margin-bottom:", "px;margin-right:2px;"], errorBannerMarginTop, errorBannerMarginBottom);
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_9_0__sc-psqe8z-2"
+  componentId: "core-12_11_0__sc-psqe8z-2"
 })(["display:flex;height:auto;min-height:", "px;> div:first-child{display:flex;height:auto;}> ", "{display:none;}@media ", "{width:", "px;> div:first-child{height:100%;}}"], function (_ref) {
   var isIconVisible = _ref.isIconVisible;
   return isIconVisible ? dropzoneHeightWithIcon : dropzoneHeight;
 }, DropzoneErrorBanner, mediaIE11Hack, sourceWidth);
 export var StyledThumbnailList = /*#__PURE__*/styled(ThumbnailList).withConfig({
   displayName: "StyledThumbnailList",
-  componentId: "core-12_9_0__sc-psqe8z-3"
+  componentId: "core-12_11_0__sc-psqe8z-3"
 })(["margin-top:", "px;border:", "px solid ", ";"], listMarginTop, listBorderWidth, colors.gray85);
 //# sourceMappingURL=LocalSource.styles.js.map

package/dist/FileSelect/SourceItem/SourceItem.styles.js

@@ -8,7 +8,7 @@ var sourceItemPadding = spacing.xl;
 var focused = /*#__PURE__*/css(["", " padding:0 ", "px 0 ", "px;"], getFocus(), sourceItemPadding - 1, sourceItemPadding - 1);
 export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_9_0__sc-plcozv-0"
+  componentId: "core-12_11_0__sc-plcozv-0"
 })(["position:relative;display:flex;align-items:center;padding:0 ", "px 0 ", "px;color:", ";", " cursor:pointer;height:", "px;&:before{content:'';position:absolute;top:0;left:0;display:block;width:4px;height:100%;background-color:", ";transform:scaleX(0);transform-origin:center left;transition:transform 200ms ease-out;z-index:1;}", " ", " ", " ", " ", " &:focus{", "}"], sourceItemPadding, sourceItemPadding, colors.gray45, getTypographyIntent('body'), sourceItemHeight, colors.blue45, function (_ref) {
   var selected = _ref.selected;
   return selected && "\n    font-weight: 700;\n    background-color: ".concat(colors.blue96, ";\n    color: ").concat(colors.blue45, ";\n\n    ").concat(StyledIcon, " {\n      color: ").concat(colors.blue50, ";\n    }\n\n    &:before {\n      transform: scaleX(1);\n    }\n  ");
@@ -28,10 +28,10 @@ export var StyledSourceItem = /*#__PURE__*/styled.div.withConfig({
 }, focused);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_9_0__sc-plcozv-1"
+  componentId: "core-12_11_0__sc-plcozv-1"
 })(["display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;"]);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_9_0__sc-plcozv-2"
+  componentId: "core-12_11_0__sc-plcozv-2"
 })(["", ""], getEllipsis());
 //# sourceMappingURL=SourceItem.styles.js.map

package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js

@@ -7,23 +7,23 @@ import { colors } from '../../_styles/colors';
 import { spacing } from '../../_styles/spacing';
 export var StyledThumbnailListContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailListContainer",
-  componentId: "core-12_9_0__sc-1fz4ynb-0"
+  componentId: "core-12_11_0__sc-1fz4ynb-0"
 })(["display:flex;flex-direction:column;align-items:stretch;outline:none;"]);
 export var StyledThumbnailList = /*#__PURE__*/styled(List).withConfig({
   displayName: "StyledThumbnailList",
-  componentId: "core-12_9_0__sc-1fz4ynb-1"
+  componentId: "core-12_11_0__sc-1fz4ynb-1"
 })(["outline:none;"]);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_9_0__sc-1fz4ynb-2"
+  componentId: "core-12_11_0__sc-1fz4ynb-2"
 })(["flex-grow:1;justify-content:flex-start;"]);
 export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgress",
-  componentId: "core-12_9_0__sc-1fz4ynb-3"
+  componentId: "core-12_11_0__sc-1fz4ynb-3"
 })(["width:146px;padding:0 ", "px 0 ", "px;margin-left:auto;"], spacing.lg, spacing.xl);
 export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailListItem",
-  componentId: "core-12_9_0__sc-1fz4ynb-4"
+  componentId: "core-12_11_0__sc-1fz4ynb-4"
 })(["display:flex;flex-grow:1;align-items:center;padding:", "px ", "px ", "px ", "px;", " ", " ", " ", ""], spacing.sm, spacing.lg, spacing.sm, spacing.sm, getTypographyIntent('body'), function (_ref) {
   var error = _ref.error;
   return !error && "\n      &:hover {\n        background-color: ".concat(colors.gray96, ";\n      }\n    ");
@@ -37,6 +37,6 @@ export var StyledThumbnailListItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDeleteIcon = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDeleteIcon",
-  componentId: "core-12_9_0__sc-1fz4ynb-5"
+  componentId: "core-12_11_0__sc-1fz4ynb-5"
 })([""]);
 //# sourceMappingURL=ThumbnailList.styles.js.map

package/dist/FileSelect/TreeSource/TreeSource.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 import { modalBodyHeight } from '../FileExplorer/FileExplorer.styles';
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_9_0__sc-wwu3n8-0"
+  componentId: "core-12_11_0__sc-wwu3n8-0"
 })(["display:flex;align-items:center;justify-content:center;height:", "px;"], modalBodyHeight);
 //# sourceMappingURL=TreeSource.styles.js.map

package/dist/FileToken/FileToken.styles.js

@@ -6,19 +6,19 @@ export var pulseAnimationDuration = 600;
 var focusPulse = /*#__PURE__*/keyframes(["0%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}25%{box-shadow:0 0 0 0 ", ",0 0 0 0 ", ",0 0 0 0 ", ";}50%{box-shadow:0 0 0 1px ", ",0 0 0 3px ", ",0 0 0 2px ", ";}100%{box-shadow:0 0 0 1.5px ", ",0 0 0 3px ", ",0 0 0 6px ", ";}"], colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
 export var StyledFilenameShortcut = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilenameShortcut",
-  componentId: "core-12_9_0__sc-13jx4bx-0"
+  componentId: "core-12_11_0__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-12_9_0__sc-13jx4bx-1"
+  componentId: "core-12_11_0__sc-13jx4bx-1"
 })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
 export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledExtension",
-  componentId: "core-12_9_0__sc-13jx4bx-2"
+  componentId: "core-12_11_0__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_9_0__sc-13jx4bx-3"
+  componentId: "core-12_11_0__sc-13jx4bx-3"
 })(["background-color:", ";border-radius:200px;max-width:100%;outline:none;overflow:hidden;position:relative;&:focus,&.focus{box-shadow:0 0 0 2px ", ";outline:none;", "{border-color:transparent;", "}}", "{background:none;color:", ";display:flex;user-select:none;}", "{overflow:hidden;", "{border-radius:200px 0 0 200px;color:", ";padding-right:0;transition:color 0s linear,background-color 0s linear;user-select:none;", "{flex:0 0 auto;}}}", ""], colors.gray96, colors.blue40, StyledToken, function (_ref) {
   var $progressComplete = _ref.$progressComplete;
   return $progressComplete && css(["background-color:", ";"], colors.blue45);

package/dist/FilterToken/FilterToken.styles.js

@@ -5,11 +5,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_9_0__sc-1l1h29r-0"
+  componentId: "core-12_11_0__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-12_9_0__sc-1l1h29r-1"
+  componentId: "core-12_11_0__sc-1l1h29r-1"
 })(["align-items:center;background-color:", ";border-radius:4px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:36px;justify-content:space-between;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", ""], colors.blue96, colors.blue45, spacing.sm, spacing.md, colors.blue90, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused;

package/dist/FlexList/FlexList.styles.js

@@ -3,7 +3,7 @@ import { StyledBox } from '../Box/Box.styles';
 import { Flex } from '../Flex/Flex';
 export var StyledFlex = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledFlex",
-  componentId: "core-12_9_0__sc-1quvv61-0"
+  componentId: "core-12_11_0__sc-1quvv61-0"
 })(["> ", "{", "}"], StyledBox, function (_ref) {
   var $direction = _ref.$direction;
   if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {

package/dist/Form/Form.styles.js

@@ -24,7 +24,7 @@ function applyStylesOnlyToIE11(styles) {
 }
 export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldMain",
-  componentId: "core-12_9_0__sc-ncj3pf-0"
+  componentId: "core-12_11_0__sc-ncj3pf-0"
 })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
   var $colStart = _ref.$colStart,
     $colEnd = _ref.$colEnd,
@@ -36,15 +36,15 @@ export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
 }, applyStylesOnlyToIE11("\n      padding-left: ".concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n  ")));
 export var StyledLabel = /*#__PURE__*/styled(Label).withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_9_0__sc-ncj3pf-1"
+  componentId: "core-12_11_0__sc-ncj3pf-1"
 })(["word-wrap:break-word;word-break:break-word;"]);
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_9_0__sc-ncj3pf-2"
+  componentId: "core-12_11_0__sc-ncj3pf-2"
 })(["", " color:", ";word-wrap:break-word;word-break:break-word;"], getTypographyIntent('body'), colors.gray45);
 export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescription).withConfig({
   displayName: "StyledCheckboxInlineDescription",
-  componentId: "core-12_9_0__sc-ncj3pf-3"
+  componentId: "core-12_11_0__sc-ncj3pf-3"
 })(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
   var $read = _ref3.$read;
   if (!$read) {
@@ -53,7 +53,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
 });
 export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
   displayName: "StyledFormFieldHeader",
-  componentId: "core-12_9_0__sc-ncj3pf-4"
+  componentId: "core-12_11_0__sc-ncj3pf-4"
 })(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", " * + ", "{margin-top:", "px;}"], spacing.xs, function (_ref4) {
   var $colStart = _ref4.$colStart,
     $colEnd = _ref4.$colEnd,
@@ -62,7 +62,7 @@ export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withCo
 }, applyStylesOnlyToIE11("\n    padding-left: ".concat(columnGutter, ";\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    ").concat(StyledFormFieldMain, " {\n      padding-left: ").concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n    }\n  ")), StyledDescription, spacing.xs);
 export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
   displayName: "StyledFormFieldRequiredMark",
-  componentId: "core-12_9_0__sc-ncj3pf-5"
+  componentId: "core-12_11_0__sc-ncj3pf-5"
 })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
 export var dataQaFieldTooltipIcon = 'form-field-tooltip-icon';
 export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function () {
@@ -71,19 +71,19 @@ export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function
   };
 }).withConfig({
   displayName: "StyledFormFieldTooltipIcon",
-  componentId: "core-12_9_0__sc-ncj3pf-6"
+  componentId: "core-12_11_0__sc-ncj3pf-6"
 })(["margin-left:", "px;color:", ";vertical-align:middle;&:focus-visible{border-radius:50%;", " outline-offset:0;}"], spacing.sm, colors.gray45, getGapOutlineFocus);
 export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
   displayName: "StyledFormFieldErrorIcon",
-  componentId: "core-12_9_0__sc-ncj3pf-7"
+  componentId: "core-12_11_0__sc-ncj3pf-7"
 })(["vertical-align:sub;"]);
 export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldBanner",
-  componentId: "core-12_9_0__sc-ncj3pf-8"
+  componentId: "core-12_11_0__sc-ncj3pf-8"
 })(["display:flex;align-items:flex-start;min-height:22px;margin-top:", "px;margin-bottom:2px;word-break:break-word;word-wrap:break-word;color:", ";", ""], spacing.xs, colors.red50, getTypographyIntent('body'));
 export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTraditionalFormColumn",
-  componentId: "core-12_9_0__sc-ncj3pf-9"
+  componentId: "core-12_11_0__sc-ncj3pf-9"
 })(["padding:", ";align-self:center;height:100%;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}", " ", ""], traditionalPadding, function (_ref5) {
   var _ref5$$fullWidth = _ref5.$fullWidth,
     $fullWidth = _ref5$$fullWidth === void 0 ? false : _ref5$$fullWidth;
@@ -95,15 +95,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFormOutputTextArea",
-  componentId: "core-12_9_0__sc-ncj3pf-10"
+  componentId: "core-12_11_0__sc-ncj3pf-10"
 })(["white-space:pre-wrap;"]);
 export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
   displayName: "StyledFormOutputFiledset",
-  componentId: "core-12_9_0__sc-ncj3pf-11"
+  componentId: "core-12_11_0__sc-ncj3pf-11"
 })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
 export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormRow",
-  componentId: "core-12_9_0__sc-ncj3pf-12"
+  componentId: "core-12_11_0__sc-ncj3pf-12"
 })(["", ""], function (_ref7) {
   var _ref7$$traditional = _ref7.$traditional,
     $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -114,6 +114,6 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
 export var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
 export var StyledForm = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledForm",
-  componentId: "core-12_9_0__sc-ncj3pf-13"
+  componentId: "core-12_11_0__sc-ncj3pf-13"
 })(["", ""], formWrapper);
 //# sourceMappingURL=Form.styles.js.map

package/dist/Form/StyledFormikForm.styles.js

@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
 import { formWrapper } from './Form.styles';
 export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
   displayName: "StyledFormikForm",
-  componentId: "core-12_9_0__sc-1ks7m0l-0"
+  componentId: "core-12_11_0__sc-1ks7m0l-0"
 })(["", ""], formWrapper);
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-12_9_0__sc-1ks7m0l-1"
+  componentId: "core-12_11_0__sc-1ks7m0l-1"
 })(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref) {
   var $view = _ref.$view;
   return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);

package/dist/GhostPlaceholder/GhostPlaceholder.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { GhostPlaceholderProps } from './GhostPlaceholder.types';
+declare const GhostPlaceholder: React.FC<GhostPlaceholderProps>;
+export default GhostPlaceholder;

package/dist/GhostPlaceholder/GhostPlaceholder.js

@@ -0,0 +1,30 @@
+var _excluded = ["shape", "small", "startGradientColor", "endGradientColor"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { colors } from '../_styles/colors';
+import { PlaceholderItem, RoundPlaceholderItem } from './GhostPlaceholder.styles';
+var GhostPlaceholder = /*#__PURE__*/React.memo(function (_ref) {
+  var shape = _ref.shape,
+    _ref$small = _ref.small,
+    small = _ref$small === void 0 ? false : _ref$small,
+    _ref$startGradientCol = _ref.startGradientColor,
+    startGradientColor = _ref$startGradientCol === void 0 ? colors.gray94 : _ref$startGradientCol,
+    _ref$endGradientColor = _ref.endGradientColor,
+    endGradientColor = _ref$endGradientColor === void 0 ? colors.gray20 : _ref$endGradientColor,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (shape === 'round') {
+    return /*#__PURE__*/React.createElement(RoundPlaceholderItem, _extends({
+      $small: small,
+      $startGradientColor: startGradientColor,
+      $endGradientColor: endGradientColor
+    }, props));
+  }
+  return /*#__PURE__*/React.createElement(PlaceholderItem, _extends({
+    $startGradientColor: startGradientColor,
+    $endGradientColor: endGradientColor
+  }, props));
+});
+export default GhostPlaceholder;
+//# sourceMappingURL=GhostPlaceholder.js.map

package/dist/GhostPlaceholder/GhostPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostPlaceholder.js","names":["React","colors","PlaceholderItem","RoundPlaceholderItem","GhostPlaceholder","memo","_ref","shape","_ref$small","small","_ref$startGradientCol","startGradientColor","gray94","_ref$endGradientColor","endGradientColor","gray20","props","_objectWithoutProperties","_excluded","createElement","_extends","$small","$startGradientColor","$endGradientColor"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.tsx"],"sourcesContent":["import React from 'react'\nimport { colors } from '../_styles/colors'\nimport {\n  PlaceholderItem,\n  RoundPlaceholderItem,\n} from './GhostPlaceholder.styles'\nimport type { GhostPlaceholderProps } from './GhostPlaceholder.types'\n\nconst GhostPlaceholder: React.FC<GhostPlaceholderProps> = React.memo(\n  ({\n    shape,\n    small = false,\n    startGradientColor = colors.gray94,\n    endGradientColor = colors.gray20,\n    ...props\n  }) => {\n    if (shape === 'round') {\n      return (\n        <RoundPlaceholderItem\n          $small={small}\n          $startGradientColor={startGradientColor}\n          $endGradientColor={endGradientColor}\n          {...props}\n        />\n      )\n    }\n    return (\n      <PlaceholderItem\n        $startGradientColor={startGradientColor}\n        $endGradientColor={endGradientColor}\n        {...props}\n      />\n    )\n  }\n)\n\nexport default GhostPlaceholder\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SACEC,eAAe,EACfC,oBAAoB,QACf,2BAA2B;AAGlC,IAAMC,gBAAiD,gBAAGJ,KAAK,CAACK,IAAI,CAClE,UAAAC,IAAA,EAMM;EAAA,IALJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,qBAAA,GAAAJ,IAAA,CACbK,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAGT,MAAM,CAACW,MAAM,GAAAF,qBAAA;IAAAG,qBAAA,GAAAP,IAAA,CAClCQ,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAGZ,MAAM,CAACc,MAAM,GAAAF,qBAAA;IAC7BG,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAER,IAAIX,KAAK,KAAK,OAAO,EAAE;IACrB,oBACEP,KAAA,CAAAmB,aAAA,CAAChB,oBAAoB,EAAAiB,QAAA;MACnBC,MAAM,EAAEZ,KAAM;MACda,mBAAmB,EAAEX,kBAAmB;MACxCY,iBAAiB,EAAET;IAAiB,GAChCE,KAAK,CACV,CAAC;EAEN;EACA,oBACEhB,KAAA,CAAAmB,aAAA,CAACjB,eAAe,EAAAkB,QAAA;IACdE,mBAAmB,EAAEX,kBAAmB;IACxCY,iBAAiB,EAAET;EAAiB,GAChCE,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAED,eAAeZ,gBAAgB"}

package/dist/GhostPlaceholder/GhostPlaceholder.styles.d.ts

@@ -0,0 +1,3 @@
+import type { PlaceholderItemProps, RoundPlaceholderItemProps } from './GhostPlaceholder.types';
+export declare const PlaceholderItem: import("styled-components").StyledComponent<"div", any, PlaceholderItemProps, never>;
+export declare const RoundPlaceholderItem: import("styled-components").StyledComponent<"div", any, PlaceholderItemProps & RoundPlaceholderItemProps, never>;

package/dist/GhostPlaceholder/GhostPlaceholder.styles.js

@@ -0,0 +1,20 @@
+import styled, { keyframes } from 'styled-components';
+import { spacing } from '../_styles/spacing';
+var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
+export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PlaceholderItem",
+  componentId: "core-12_11_0__sc-1nja302-0"
+})(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;"], shimmerAnimation, function (props) {
+  return props.$startGradientColor;
+}, function (props) {
+  return props.$endGradientColor;
+}, spacing.sm);
+export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
+  displayName: "RoundPlaceholderItem",
+  componentId: "core-12_11_0__sc-1nja302-1"
+})(["width:", ";height:", ";border-radius:50%;"], function (props) {
+  return props.$small ? '24px' : '40px';
+}, function (props) {
+  return props.$small ? '24px' : '40px';
+});
+//# sourceMappingURL=GhostPlaceholder.styles.js.map

package/dist/GhostPlaceholder/GhostPlaceholder.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostPlaceholder.styles.js","names":["styled","keyframes","spacing","shimmerAnimation","PlaceholderItem","div","withConfig","displayName","componentId","props","$startGradientColor","$endGradientColor","sm","RoundPlaceholderItem","$small"],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.styles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport type {\n  PlaceholderItemProps,\n  RoundPlaceholderItemProps,\n} from './GhostPlaceholder.types'\n\nconst shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 500px;\n  }\n  100% {\n    background-position: 1000px 500px;\n  }\n`\n\nexport const PlaceholderItem = styled.div<PlaceholderItemProps>`\n  width: 100%;\n  min-height: 24px;\n  padding: 10px 0;\n\n  animation: ${shimmerAnimation} 3s ease-out infinite;\n  background: radial-gradient(\n    ellipse at center,\n    ${(props) => props.$startGradientColor} 0%,\n    ${(props) => props.$endGradientColor} 50%\n  );\n  background-size: 2000px 2000px;\n  border-radius: ${spacing.sm}px;\n`\n\nexport const RoundPlaceholderItem = styled(\n  PlaceholderItem\n)<RoundPlaceholderItemProps>`\n  width: ${(props) => (props.$small ? '24px' : '40px')};\n  height: ${(props) => (props.$small ? '24px' : '40px')};\n  border-radius: 50%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAM5C,IAAMC,gBAAgB,gBAAGF,SAAS,mFAOjC;AAED,OAAO,IAAMG,eAAe,gBAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2MAK1BL,gBAAgB,EAGzB,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,mBAAmB;AAAA,GACpC,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACE,iBAAiB;AAAA,GAGrBT,OAAO,CAACU,EAAE,CAC5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGb,MAAM,CACxCI,eACF,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDACU,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1C,UAACL,KAAK;EAAA,OAAMA,KAAK,CAACK,MAAM,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CAEtD"}

package/dist/GhostPlaceholder/GhostPlaceholder.types.d.ts

@@ -0,0 +1,37 @@
+import type { ColorPaletteObject } from '../_styles/colors';
+import type { Props } from '../_utils/types';
+declare type Shape = 'default' | 'round';
+export interface GhostPlaceholderProps extends Props {
+    /**
+     * Possible shapes are 'default' and 'round'
+     * @default 'default'
+     * @since 12.11.0
+     */
+    shape?: Shape;
+    /**
+     * Will display smaller version of the placeholder instead of full width
+     * @default 'false'
+     * @since 12.11.0
+     */
+    small?: boolean;
+    /**
+     * The starting color of the gradient
+     * @default gray94
+     * @since 12.11.0
+     */
+    startGradientColor?: ColorPaletteObject | string;
+    /**
+     * The ending color of the gradient
+     * @default gray20
+     * @since 12.11.0
+     */
+    endGradientColor?: ColorPaletteObject | string;
+}
+export interface PlaceholderItemProps {
+    $startGradientColor?: GhostPlaceholderProps['startGradientColor'];
+    $endGradientColor?: GhostPlaceholderProps['endGradientColor'];
+}
+export interface RoundPlaceholderItemProps extends PlaceholderItemProps {
+    $small?: boolean;
+}
+export {};

package/dist/GhostPlaceholder/GhostPlaceholder.types.js

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

package/dist/GhostPlaceholder/GhostPlaceholder.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostPlaceholder.types.js","names":[],"sources":["../../src/GhostPlaceholder/GhostPlaceholder.types.tsx"],"sourcesContent":["import type { ColorPaletteObject } from '../_styles/colors'\nimport type { Props } from '../_utils/types'\n\ntype Shape = 'default' | 'round'\n\nexport interface GhostPlaceholderProps extends Props {\n  /**\n   * Possible shapes are 'default' and 'round'\n   * @default 'default'\n   * @since 12.11.0\n   */\n  shape?: Shape\n  /**\n   * Will display smaller version of the placeholder instead of full width\n   * @default 'false'\n   * @since 12.11.0\n   */\n  small?: boolean\n  /**\n   * The starting color of the gradient\n   * @default gray94\n   * @since 12.11.0\n   */\n  startGradientColor?: ColorPaletteObject | string\n  /**\n   * The ending color of the gradient\n   * @default gray20\n   * @since 12.11.0\n   */\n  endGradientColor?: ColorPaletteObject | string\n}\n\nexport interface PlaceholderItemProps {\n  $startGradientColor?: GhostPlaceholderProps['startGradientColor']\n  $endGradientColor?: GhostPlaceholderProps['endGradientColor']\n}\n\nexport interface RoundPlaceholderItemProps extends PlaceholderItemProps {\n  $small?: boolean\n}\n"],"mappings":""}

package/dist/GhostPlaceholder/index.d.ts

@@ -0,0 +1,3 @@
+import GhostPlaceholder from './GhostPlaceholder';
+export type { GhostPlaceholderProps } from './GhostPlaceholder.types';
+export { GhostPlaceholder };

package/dist/GhostPlaceholder/index.js

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

package/dist/GhostPlaceholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GhostPlaceholder"],"sources":["../../src/GhostPlaceholder/index.ts"],"sourcesContent":["import GhostPlaceholder from './GhostPlaceholder'\nexport type { GhostPlaceholderProps } from './GhostPlaceholder.types'\nexport { GhostPlaceholder }\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AAEjD,SAASA,gBAAgB"}

package/dist/Grid/Grid.styles.js

@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
 };
 export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridRow",
-  componentId: "core-12_9_0__sc-8pinsp-0"
+  componentId: "core-12_11_0__sc-8pinsp-0"
 })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
   var $gutterX = _ref.$gutterX,
     $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridCol",
-  componentId: "core-12_9_0__sc-8pinsp-1"
+  componentId: "core-12_11_0__sc-8pinsp-1"
 })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
   var $span = _ref2.$span,
     $offset = _ref2.$offset,

package/dist/GroupSelect/GroupSelect.styles.js

@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { colors } from '../_styles/colors';
 export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
   displayName: "StyledGroupSelectOption",
-  componentId: "core-12_9_0__sc-u5gu8j-0"
+  componentId: "core-12_11_0__sc-u5gu8j-0"
 })(["", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);

package/dist/Input/Input.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_9_0__sc-12sjkxg-0"
+  componentId: "core-12_11_0__sc-12sjkxg-0"
 })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
 //# sourceMappingURL=Input.styles.js.map

package/dist/Link/Link.styles.js

@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
 }
 export var StyledLink = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_9_0__sc-jfowrl-0"
+  componentId: "core-12_11_0__sc-jfowrl-0"
 })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
 //# sourceMappingURL=Link.styles.js.map

package/dist/ListPage/ListPage.styles.js

@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageMain",
-  componentId: "core-12_9_0__sc-1eq7fzi-0"
+  componentId: "core-12_11_0__sc-1eq7fzi-0"
 })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
 export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBanner",
-  componentId: "core-12_9_0__sc-1eq7fzi-1"
+  componentId: "core-12_11_0__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-12_9_0__sc-1eq7fzi-2"
+  componentId: "core-12_11_0__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-12_9_0__sc-1eq7fzi-3"
+  componentId: "core-12_11_0__sc-1eq7fzi-3"
 })(["flex:", ";", " ", ""], function (_ref) {
   var $block = _ref.$block;
   return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageContentControls",
-  componentId: "core-12_9_0__sc-1eq7fzi-4"
+  componentId: "core-12_11_0__sc-1eq7fzi-4"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
 export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBody",
-  componentId: "core-12_9_0__sc-1eq7fzi-5"
+  componentId: "core-12_11_0__sc-1eq7fzi-5"
 })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
 export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBodyContent",
-  componentId: "core-12_9_0__sc-1eq7fzi-6"
+  componentId: "core-12_11_0__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-12_9_0__sc-1eq7fzi-7"
+  componentId: "core-12_11_0__sc-1eq7fzi-7"
 })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
 //# sourceMappingURL=ListPage.styles.js.map

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-12_9_0__sc-wgvjj9-0"
+  componentId: "core-12_11_0__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-12_9_0__sc-wgvjj9-1"
+  componentId: "core-12_11_0__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["animation:", " 0.5s linear infinite;background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);