@procore/core-react 12.37.0 → 12.38.0

package/dist/FileSelect/FileSelect.styles.js

@@ -3,10 +3,10 @@ import { spacing } from '../_styles/spacing';
 import { FileTokenList } from './FileTokenList';
 export var StyledFileTokenList = /*#__PURE__*/styled(FileTokenList).withConfig({
   displayName: "StyledFileTokenList",
-  componentId: "core-12_37_0__sc-1r3srjk-0"
+  componentId: "core-12_38_0__sc-1r3srjk-0"
 })(["margin-top:", "px;"], spacing.md);
 export var StyledFileSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileSelect",
-  componentId: "core-12_37_0__sc-1r3srjk-1"
+  componentId: "core-12_38_0__sc-1r3srjk-1"
 })(["display:flex;flex-direction:column;"]);
 //# sourceMappingURL=FileSelect.styles.js.map

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js

@@ -5,20 +5,20 @@ import { spacing } from '../../_styles/spacing';
 export var dropzoneContainerAttr = 'data-dropzone-container';
 export var StyledDropzone = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzone",
-  componentId: "core-12_37_0__sc-ueh7d7-0"
+  componentId: "core-12_38_0__sc-ueh7d7-0"
 })(["", ""], function (_ref) {
   var hidden = _ref.hidden;
   return hidden && "\n    [".concat(dropzoneContainerAttr, "] {\n      align-self: flex-start;\n      margin-bottom: ").concat(spacing.xs, "px;\n\n      &,\n      &:hover {\n        width: auto;\n        min-height: auto;\n        border: none;\n        padding: 0;\n        background: transparent;\n        cursor: default;\n      }\n    }\n  \n  ");
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_37_0__sc-ueh7d7-1"
+  componentId: "core-12_38_0__sc-ueh7d7-1"
 })(["", ""], function (_ref2) {
   var error = _ref2.error;
   return error && "\n    color: ".concat(colors.gray15, ";\n  ");
 });
 export var StyledUploadButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledUploadButtonWrapper",
-  componentId: "core-12_37_0__sc-ueh7d7-2"
+  componentId: "core-12_38_0__sc-ueh7d7-2"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 //# sourceMappingURL=FileSelectDropzone.styles.js.map

package/dist/FileSelect/FileTokenList/FileTokenList.styles.js

@@ -3,10 +3,10 @@ import { FileToken } from '../../FileToken/FileToken';
 import { spacing } from '../../_styles/spacing';
 export var StyledTokenList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTokenList",
-  componentId: "core-12_37_0__sc-u9tli5-0"
+  componentId: "core-12_38_0__sc-u9tli5-0"
 })(["display:flex;flex-wrap:wrap;"]);
 export var StyledFileToken = /*#__PURE__*/styled(FileToken).withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_37_0__sc-u9tli5-1"
+  componentId: "core-12_38_0__sc-u9tli5-1"
 })(["margin-bottom:", "px;margin-right:", "px;"], spacing.sm, spacing.sm);
 //# sourceMappingURL=FileTokenList.styles.js.map

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_37_0__sc-1sj6hvp-0"
+  componentId: "core-12_38_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_37_0__sc-1sj6hvp-1"
+  componentId: "core-12_38_0__sc-1sj6hvp-1"
 })(["width:286px;flex-shrink:1;min-width:180px;"]);
 export var StyledEmptyStateWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyStateWrapper",
-  componentId: "core-12_37_0__sc-1sj6hvp-2"
+  componentId: "core-12_38_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_37_0__sc-1sj6hvp-3"
+  componentId: "core-12_38_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_37_0__sc-1sj6hvp-4"
+  componentId: "core-12_38_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_37_0__sc-1sj6hvp-5"
+  componentId: "core-12_38_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_37_0__sc-psqe8z-0"
+  componentId: "core-12_38_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_37_0__sc-psqe8z-1"
+  componentId: "core-12_38_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_37_0__sc-psqe8z-2"
+  componentId: "core-12_38_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_37_0__sc-psqe8z-3"
+  componentId: "core-12_38_0__sc-psqe8z-3"
 })(["margin-top:", "px;border:", "px solid ", ";"], listMarginTop, listBorderWidth, colors.gray85);
 //# sourceMappingURL=LocalSource.styles.js.map

package/dist/FileSelect/SourceItem/SourceItem.js

@@ -4,8 +4,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { Error } from '@procore/core-icons/dist';
 import React from 'react';
-import { Spinner } from '../../Spinner/Spinner';
-import { Tooltip } from '../../Tooltip/Tooltip';
+import { Spinner } from '../../Spinner';
+import { Tooltip } from '../../Tooltip';
 import { OverflowObserver } from '../../_hooks/OverflowObserver';
 import { StyledIcon, StyledLabel, StyledSourceItem } from './SourceItem.styles';
 function formatCount(count, truncationThreshold) {
@@ -38,9 +38,11 @@ export var SourceItem = /*#__PURE__*/React.forwardRef(function SourceItem(_ref,
     _ref$tabIndex = _ref.tabIndex,
     tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
     props = _objectWithoutProperties(_ref, _excluded);
-  var tabIndexAttribute = !disabled ? {
+  var tabIndexAttribute = disabled ? {
+    tabIndex: -1
+  } : {
     tabIndex: tabIndex
-  } : {};
+  };
   var tooltipId = React.useId();
   var iconElement = /*#__PURE__*/React.createElement(StyledIcon, null, function () {
     if (error) {
@@ -58,7 +60,10 @@ export var SourceItem = /*#__PURE__*/React.forwardRef(function SourceItem(_ref,
     var isOverflowing = _ref2.isOverflowing,
       labelRef = _ref2.ref;
     var sourceItem = /*#__PURE__*/React.createElement(StyledSourceItem, _extends({
-      ref: ref
+      ref: ref,
+      role: "option",
+      "aria-selected": selected,
+      "aria-disabled": disabled
     }, tabIndexAttribute, props, {
       error: error,
       selected: selected,

package/dist/FileSelect/SourceItem/SourceItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SourceItem.js","names":["Error","React","Spinner","Tooltip","OverflowObserver","StyledIcon","StyledLabel","StyledSourceItem","formatCount","count","truncationThreshold","concat","SourceItem","forwardRef","_ref","ref","_ref$icon","icon","_ref$count","_ref$countTruncationT","countTruncationThreshold","_ref$loading","loading","_ref$error","error","_ref$selected","selected","_ref$disabled","disabled","_ref$focused","focused","children","_ref$tabIndex","tabIndex","props","_objectWithoutProperties","_excluded","tabIndexAttribute","tooltipId","useId","iconElement","createElement","size","countElement","_ref2","isOverflowing","labelRef","sourceItem","_extends","undefined","showDelay","trigger","overlay","Content","id"],"sources":["../../../src/FileSelect/SourceItem/SourceItem.tsx"],"sourcesContent":["import { Error } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Spinner } from '../../Spinner/Spinner'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { OverflowObserver } from '../../_hooks/OverflowObserver'\nimport type { Props } from '../../_utils/types'\nimport { StyledIcon, StyledLabel, StyledSourceItem } from './SourceItem.styles'\n\nexport interface SourceItemProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  count?: number\n  /**\n   * @since 10.19.0\n   */\n  countTruncationThreshold?: number\n  /**\n   * @since 10.19.0\n   */\n  loading?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  focused?: boolean\n}\n\nfunction formatCount(count: number, truncationThreshold: number): string {\n  if (count === 0) {\n    return ''\n  } else if (count > truncationThreshold) {\n    return `(${truncationThreshold}+)`\n  } else {\n    return `(${count})`\n  }\n}\n\nexport const SourceItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & SourceItemProps\n>(function SourceItem(\n  {\n    icon = '',\n    count = 0,\n    countTruncationThreshold = 99,\n    loading = false,\n    error = false,\n    selected = false,\n    disabled = false,\n    focused = false,\n    children,\n    tabIndex = 0,\n    ...props\n  },\n  ref\n) {\n  const tabIndexAttribute = !disabled ? { tabIndex } : {}\n  const tooltipId = React.useId()\n\n  const iconElement = (\n    <StyledIcon>\n      {(() => {\n        if (error) {\n          return <Error />\n        }\n\n        if (loading) {\n          return <Spinner size=\"xs\" />\n        }\n\n        return icon\n      })()}\n    </StyledIcon>\n  )\n\n  const countElement = (\n    <div>&nbsp;{formatCount(count, countTruncationThreshold)}</div>\n  )\n\n  return (\n    <OverflowObserver>\n      {({ isOverflowing, ref: labelRef }: any) => {\n        const sourceItem = (\n          <StyledSourceItem\n            ref={ref}\n            {...tabIndexAttribute}\n            {...props}\n            error={error}\n            selected={selected}\n            disabled={disabled}\n            focused={focused}\n            aria-describedby={isOverflowing ? tooltipId : undefined}\n          >\n            {iconElement}\n            <StyledLabel ref={labelRef}>{children}</StyledLabel>\n            {countElement}\n          </StyledSourceItem>\n        )\n\n        return isOverflowing ? (\n          <Tooltip\n            showDelay={500}\n            trigger={['hover', 'focus']}\n            overlay={\n              <Tooltip.Content id={tooltipId}>{children}</Tooltip.Content>\n            }\n          >\n            {sourceItem}\n          </Tooltip>\n        ) : (\n          sourceItem\n        )\n      }}\n    </OverflowObserver>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"SourceItem.js","names":["Error","React","Spinner","Tooltip","OverflowObserver","StyledIcon","StyledLabel","StyledSourceItem","formatCount","count","truncationThreshold","concat","SourceItem","forwardRef","_ref","ref","_ref$icon","icon","_ref$count","_ref$countTruncationT","countTruncationThreshold","_ref$loading","loading","_ref$error","error","_ref$selected","selected","_ref$disabled","disabled","_ref$focused","focused","children","_ref$tabIndex","tabIndex","props","_objectWithoutProperties","_excluded","tabIndexAttribute","tooltipId","useId","iconElement","createElement","size","countElement","_ref2","isOverflowing","labelRef","sourceItem","_extends","role","undefined","showDelay","trigger","overlay","Content","id"],"sources":["../../../src/FileSelect/SourceItem/SourceItem.tsx"],"sourcesContent":["import { Error } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Spinner } from '../../Spinner'\nimport { Tooltip } from '../../Tooltip'\nimport { OverflowObserver } from '../../_hooks/OverflowObserver'\nimport type { Props } from '../../_utils/types'\nimport { StyledIcon, StyledLabel, StyledSourceItem } from './SourceItem.styles'\n\nexport interface SourceItemProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  count?: number\n  /**\n   * @since 10.19.0\n   */\n  countTruncationThreshold?: number\n  /**\n   * @since 10.19.0\n   */\n  loading?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  focused?: boolean\n}\n\nfunction formatCount(count: number, truncationThreshold: number): string {\n  if (count === 0) {\n    return ''\n  } else if (count > truncationThreshold) {\n    return `(${truncationThreshold}+)`\n  } else {\n    return `(${count})`\n  }\n}\n\nexport const SourceItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & SourceItemProps\n>(function SourceItem(\n  {\n    icon = '',\n    count = 0,\n    countTruncationThreshold = 99,\n    loading = false,\n    error = false,\n    selected = false,\n    disabled = false,\n    focused = false,\n    children,\n    tabIndex = 0,\n    ...props\n  },\n  ref\n) {\n  const tabIndexAttribute = disabled ? { tabIndex: -1 } : { tabIndex }\n  const tooltipId = React.useId()\n\n  const iconElement = (\n    <StyledIcon>\n      {(() => {\n        if (error) {\n          return <Error />\n        }\n\n        if (loading) {\n          return <Spinner size=\"xs\" />\n        }\n\n        return icon\n      })()}\n    </StyledIcon>\n  )\n\n  const countElement = (\n    <div>&nbsp;{formatCount(count, countTruncationThreshold)}</div>\n  )\n\n  return (\n    <OverflowObserver>\n      {({ isOverflowing, ref: labelRef }: any) => {\n        const sourceItem = (\n          <StyledSourceItem\n            ref={ref}\n            role=\"option\"\n            aria-selected={selected}\n            aria-disabled={disabled}\n            {...tabIndexAttribute}\n            {...props}\n            error={error}\n            selected={selected}\n            disabled={disabled}\n            focused={focused}\n            aria-describedby={isOverflowing ? tooltipId : undefined}\n          >\n            {iconElement}\n            <StyledLabel ref={labelRef}>{children}</StyledLabel>\n            {countElement}\n          </StyledSourceItem>\n        )\n\n        return isOverflowing ? (\n          <Tooltip\n            showDelay={500}\n            trigger={['hover', 'focus']}\n            overlay={\n              <Tooltip.Content id={tooltipId}>{children}</Tooltip.Content>\n            }\n          >\n            {sourceItem}\n          </Tooltip>\n        ) : (\n          sourceItem\n        )\n      }}\n    </OverflowObserver>\n  )\n})\n"],"mappings":"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"}

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_37_0__sc-plcozv-0"
+  componentId: "core-12_38_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_37_0__sc-plcozv-1"
+  componentId: "core-12_38_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_37_0__sc-plcozv-2"
+  componentId: "core-12_38_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_37_0__sc-1fz4ynb-0"
+  componentId: "core-12_38_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_37_0__sc-1fz4ynb-1"
+  componentId: "core-12_38_0__sc-1fz4ynb-1"
 })(["outline:none;"]);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_37_0__sc-1fz4ynb-2"
+  componentId: "core-12_38_0__sc-1fz4ynb-2"
 })(["flex-grow:1;justify-content:flex-start;"]);
 export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgress",
-  componentId: "core-12_37_0__sc-1fz4ynb-3"
+  componentId: "core-12_38_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_37_0__sc-1fz4ynb-4"
+  componentId: "core-12_38_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_37_0__sc-1fz4ynb-5"
+  componentId: "core-12_38_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_37_0__sc-wwu3n8-0"
+  componentId: "core-12_38_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_37_0__sc-13jx4bx-0"
+  componentId: "core-12_38_0__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-12_37_0__sc-13jx4bx-1"
+  componentId: "core-12_38_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_37_0__sc-13jx4bx-2"
+  componentId: "core-12_38_0__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_37_0__sc-13jx4bx-3"
+  componentId: "core-12_38_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;", "{color:", ";}}", "{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

@@ -6,11 +6,11 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_37_0__sc-1l1h29r-0"
+  componentId: "core-12_38_0__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-12_37_0__sc-1l1h29r-1"
+  componentId: "core-12_38_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;
@@ -18,17 +18,17 @@ export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFilterRemoveButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledFilterRemoveButton",
-  componentId: "core-12_37_0__sc-1l1h29r-2"
+  componentId: "core-12_38_0__sc-1l1h29r-2"
 })(["", " ", ";background:transparent;color:", ";&:active,&:focus,&:hover{background:", ";color:", ";}&:disabled{pointer-events:none;user-select:none;}&:disabled,&[aria-disabled='true']{background:transparent;color:", ";}height:24px;margin:0 0 0 6px;padding:0 ", "px;[data-icon-prop='true']{pointer-events:none;height:16px;width:16px;}"], function (_ref2) {
   var $disabled = _ref2.$disabled;
   return getButtonStyles(false, $disabled, false, 'sm', 'tertiary');
 }, getTypographyIntent('small'), colors.blue45, colors.white, colors.blue45, colors.blue45, spacing.xs);
 export var StyledContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContent",
-  componentId: "core-12_37_0__sc-1l1h29r-3"
+  componentId: "core-12_38_0__sc-1l1h29r-3"
 })(["align-items:center;display:flex;overflow:hidden;"]);
 export var StyledContentLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContentLabel",
-  componentId: "core-12_37_0__sc-1l1h29r-4"
+  componentId: "core-12_38_0__sc-1l1h29r-4"
 })(["overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap;& + span{padding-left:0;}"]);
 //# sourceMappingURL=FilterToken.styles.js.map

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_37_0__sc-1quvv61-0"
+  componentId: "core-12_38_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_37_0__sc-ncj3pf-0"
+  componentId: "core-12_38_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_37_0__sc-ncj3pf-1"
+  componentId: "core-12_38_0__sc-ncj3pf-1"
 })(["word-wrap:break-word;word-break:break-word;"]);
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_37_0__sc-ncj3pf-2"
+  componentId: "core-12_38_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_37_0__sc-ncj3pf-3"
+  componentId: "core-12_38_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_37_0__sc-ncj3pf-4"
+  componentId: "core-12_38_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_37_0__sc-ncj3pf-5"
+  componentId: "core-12_38_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,20 +71,20 @@ export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function
   };
 }).withConfig({
   displayName: "StyledFormFieldTooltipIcon",
-  componentId: "core-12_37_0__sc-ncj3pf-6"
+  componentId: "core-12_38_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_37_0__sc-ncj3pf-7"
+  componentId: "core-12_38_0__sc-ncj3pf-7"
 })(["vertical-align:sub;"]);
 export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldBanner",
-  componentId: "core-12_37_0__sc-ncj3pf-8"
+  componentId: "core-12_38_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'));
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTraditionalFormColumn",
-  componentId: "core-12_37_0__sc-ncj3pf-9"
+  componentId: "core-12_38_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;
@@ -96,15 +96,15 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFormOutputTextArea",
-  componentId: "core-12_37_0__sc-ncj3pf-10"
+  componentId: "core-12_38_0__sc-ncj3pf-10"
 })(["white-space:pre-wrap;"]);
 export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
   displayName: "StyledFormOutputFiledset",
-  componentId: "core-12_37_0__sc-ncj3pf-11"
+  componentId: "core-12_38_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_37_0__sc-ncj3pf-12"
+  componentId: "core-12_38_0__sc-ncj3pf-12"
 })(["", ""], function (_ref7) {
   var _ref7$$traditional = _ref7.$traditional,
     $traditional = _ref7$$traditional === void 0 ? false : _ref7$$traditional,
@@ -115,6 +115,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_37_0__sc-ncj3pf-13"
+  componentId: "core-12_38_0__sc-ncj3pf-13"
 })(["", ""], formWrapper);
 //# sourceMappingURL=Form.styles.js.map

package/dist/Form/StyledFormikForm.styles.js

@@ -5,13 +5,13 @@ import { spacing } from '../_styles/spacing';
 import { formWrapper } from './Form.styles';
 export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
   displayName: "StyledFormikForm",
-  componentId: "core-12_37_0__sc-1ks7m0l-0"
+  componentId: "core-12_38_0__sc-1ks7m0l-0"
 })(["", ""], formWrapper);
 
 /** @deprecated The traditional field layout is deprecated */
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-12_37_0__sc-1ks7m0l-1"
+  componentId: "core-12_38_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/Form/stories/util.js

@@ -111,17 +111,6 @@ var SingleForm = function SingleForm(_ref) {
   } : {
     description: 'Disabled Initial Description'
   }, columnTwo, props))), /*#__PURE__*/React.createElement(Form.Row, null, /*#__PURE__*/React.createElement(FieldComponent, _extends({
-    name: "error-empty",
-    error: true
-  }, useLabelAsInlineLabel ? {
-    inlineLabel: 'Error Boolean Empty Text'
-  } : {
-    label: 'Error Boolean Empty Text'
-  }, useDescriptionAsInlineDescription ? {
-    inlineDescription: 'Error Boolean Description'
-  } : {
-    description: 'Error Boolean Description'
-  }, columnOne, props)), /*#__PURE__*/React.createElement(FieldComponent, _extends({
     name: "error-value",
     error: "Some error message that should be read red"
   }, useLabelAsInlineLabel ? {
@@ -132,7 +121,7 @@ var SingleForm = function SingleForm(_ref) {
     inlineDescription: 'Error Message Initial Description'
   } : {
     description: 'Error Message Initial Description'
-  }, columnTwo, props)))));
+  }, columnOne, props)))));
 };
 export var DemoForm = function DemoForm(_ref2) {
   var _ref2$view = _ref2.view,