@procore/core-react 11.32.0 → 11.33.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-11_32_0__sc-1sj6hvp-0"
+  componentId: "core-11_33_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-11_32_0__sc-1sj6hvp-1"
+  componentId: "core-11_33_0__sc-1sj6hvp-1"
 })(["width:286px;flex-shrink:1;min-width:180px;"]);
 export var StyledEmptyStateWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyStateWrapper",
-  componentId: "core-11_32_0__sc-1sj6hvp-2"
+  componentId: "core-11_33_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-11_32_0__sc-1sj6hvp-3"
+  componentId: "core-11_33_0__sc-1sj6hvp-3"
 })(["margin-top:0;margin-bottom:0;img{width:160px;}"]);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-11_32_0__sc-1sj6hvp-4"
+  componentId: "core-11_33_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-11_32_0__sc-1sj6hvp-5"
+  componentId: "core-11_33_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-11_32_0__sc-psqe8z-0"
+  componentId: "core-11_33_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-11_32_0__sc-psqe8z-1"
+  componentId: "core-11_33_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-11_32_0__sc-psqe8z-2"
+  componentId: "core-11_33_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-11_32_0__sc-psqe8z-3"
+  componentId: "core-11_33_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-11_32_0__sc-plcozv-0"
+  componentId: "core-11_33_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-11_32_0__sc-plcozv-1"
+  componentId: "core-11_33_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-11_32_0__sc-plcozv-2"
+  componentId: "core-11_33_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-11_32_0__sc-1fz4ynb-0"
+  componentId: "core-11_33_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-11_32_0__sc-1fz4ynb-1"
+  componentId: "core-11_33_0__sc-1fz4ynb-1"
 })(["outline:none;"]);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-11_32_0__sc-1fz4ynb-2"
+  componentId: "core-11_33_0__sc-1fz4ynb-2"
 })(["flex-grow:1;justify-content:flex-start;"]);
 export var StyledProgress = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledProgress",
-  componentId: "core-11_32_0__sc-1fz4ynb-3"
+  componentId: "core-11_33_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-11_32_0__sc-1fz4ynb-4"
+  componentId: "core-11_33_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-11_32_0__sc-1fz4ynb-5"
+  componentId: "core-11_33_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-11_32_0__sc-wwu3n8-0"
+  componentId: "core-11_33_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-11_32_0__sc-13jx4bx-0"
+  componentId: "core-11_33_0__sc-13jx4bx-0"
 })(["display:flex;"]);
 export var StyledFilename = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFilename",
-  componentId: "core-11_32_0__sc-13jx4bx-1"
+  componentId: "core-11_33_0__sc-13jx4bx-1"
 })(["flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;"]);
 export var StyledExtension = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledExtension",
-  componentId: "core-11_32_0__sc-13jx4bx-2"
+  componentId: "core-11_33_0__sc-13jx4bx-2"
 })(["flex-shrink:0;"]);
 export var StyledFileToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-11_32_0__sc-13jx4bx-3"
+  componentId: "core-11_33_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-11_32_0__sc-1l1h29r-0"
+  componentId: "core-11_33_0__sc-1l1h29r-0"
 })(["", " ", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis, semiboldRules);
 export var StyledFilterToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFilterToken",
-  componentId: "core-11_32_0__sc-1l1h29r-1"
+  componentId: "core-11_33_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/Flex/Flex.d.ts

@@ -1,4 +1,9 @@
 import * as React from 'react';
 import type { DivAttributes } from '../_utils/types';
 import type { FlexProps } from './Flex.types';
+/**
+ * `Flex` is a wrapper around `Box` defaulting to display flex CSS
+ * and providing shorter prop names (e.g. `shrink` instead of `flexShrink`).
+ * `Box` can mimic anything `Flex` can.
+ */
 export declare const Flex: React.ForwardRefExoticComponent<DivAttributes & FlexProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Flex/Flex.js

@@ -4,6 +4,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Box } from '../Box/Box';
+/**
+ * `Flex` is a wrapper around `Box` defaulting to display flex CSS
+ * and providing shorter prop names (e.g. `shrink` instead of `flexShrink`).
+ * `Box` can mimic anything `Flex` can.
+ */
 export var Flex = /*#__PURE__*/React.forwardRef(function Flex(_ref, ref) {
   var _ref$alignItems = _ref.alignItems,
     alignItems = _ref$alignItems === void 0 ? 'flex-start' : _ref$alignItems,

package/dist/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","names":["React","Box","Flex","forwardRef","_ref","ref","_ref$alignItems","alignItems","basis","_ref$direction","direction","gap","grow","flex","_ref$inline","inline","_ref$justifyContent","justifyContent","shrink","wrap","props","_objectWithoutProperties","_excluded","createElement","_extends","display","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","displayName"],"sources":["../../src/Flex/Flex.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../Box/Box'\nimport type { DivAttributes } from '../_utils/types'\nimport type { FlexProps } from './Flex.types'\n\nexport const Flex = React.forwardRef<HTMLDivElement, DivAttributes & FlexProps>(\n  function Flex(\n    {\n      alignItems = 'flex-start',\n      basis,\n      direction = 'row',\n      gap,\n      grow,\n      flex,\n      inline = false,\n      justifyContent = 'flex-start',\n      shrink,\n      wrap,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Box\n        {...props}\n        ref={ref}\n        display={inline ? 'inline-flex' : 'flex'}\n        alignItems={alignItems}\n        justifyContent={justifyContent}\n        flexBasis={basis}\n        flexDirection={direction}\n        flexGrow={grow}\n        flexShrink={shrink}\n        flexWrap={wrap}\n        flex={flex}\n        gap={gap}\n      />\n    )\n  }\n)\n\nFlex.displayName = 'Flex'\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,QAAQ,YAAY;AAIhC,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAClC,SAASD,IAAIA,CAAAE,IAAA,EAcXC,GAAG,EACH;EAAA,IAAAC,eAAA,GAAAF,IAAA,CAbEG,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,YAAY,GAAAA,eAAA;IACzBE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,cAAA,GAAAL,IAAA,CACLM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,GAAG,GAAAP,IAAA,CAAHO,GAAG;IACHC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IAAAC,WAAA,GAAAV,IAAA,CACJW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,mBAAA,GAAAZ,IAAA,CACda,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,YAAY,GAAAA,mBAAA;IAC7BE,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,IAAI,GAAAf,IAAA,CAAJe,IAAI;IACDC,KAAK,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAIV,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,GAAG,EAAAuB,QAAA,KACEJ,KAAK;IACTf,GAAG,EAAEA,GAAI;IACToB,OAAO,EAAEV,MAAM,GAAG,aAAa,GAAG,MAAO;IACzCR,UAAU,EAAEA,UAAW;IACvBU,cAAc,EAAEA,cAAe;IAC/BS,SAAS,EAAElB,KAAM;IACjBmB,aAAa,EAAEjB,SAAU;IACzBkB,QAAQ,EAAEhB,IAAK;IACfiB,UAAU,EAAEX,MAAO;IACnBY,QAAQ,EAAEX,IAAK;IACfN,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDT,IAAI,CAAC6B,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Flex.js","names":["React","Box","Flex","forwardRef","_ref","ref","_ref$alignItems","alignItems","basis","_ref$direction","direction","gap","grow","flex","_ref$inline","inline","_ref$justifyContent","justifyContent","shrink","wrap","props","_objectWithoutProperties","_excluded","createElement","_extends","display","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","displayName"],"sources":["../../src/Flex/Flex.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../Box/Box'\nimport type { DivAttributes } from '../_utils/types'\nimport type { FlexProps } from './Flex.types'\n\n/**\n * `Flex` is a wrapper around `Box` defaulting to display flex CSS\n * and providing shorter prop names (e.g. `shrink` instead of `flexShrink`).\n * `Box` can mimic anything `Flex` can.\n */\nexport const Flex = React.forwardRef<HTMLDivElement, DivAttributes & FlexProps>(\n  function Flex(\n    {\n      alignItems = 'flex-start',\n      basis,\n      direction = 'row',\n      gap,\n      grow,\n      flex,\n      inline = false,\n      justifyContent = 'flex-start',\n      shrink,\n      wrap,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Box\n        {...props}\n        ref={ref}\n        display={inline ? 'inline-flex' : 'flex'}\n        alignItems={alignItems}\n        justifyContent={justifyContent}\n        flexBasis={basis}\n        flexDirection={direction}\n        flexGrow={grow}\n        flexShrink={shrink}\n        flexWrap={wrap}\n        flex={flex}\n        gap={gap}\n      />\n    )\n  }\n)\n\nFlex.displayName = 'Flex'\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG,QAAQ,YAAY;AAIhC;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAClC,SAASD,IAAIA,CAAAE,IAAA,EAcXC,GAAG,EACH;EAAA,IAAAC,eAAA,GAAAF,IAAA,CAbEG,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,YAAY,GAAAA,eAAA;IACzBE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,cAAA,GAAAL,IAAA,CACLM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,GAAG,GAAAP,IAAA,CAAHO,GAAG;IACHC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;IAAAC,WAAA,GAAAV,IAAA,CACJW,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,mBAAA,GAAAZ,IAAA,CACda,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,YAAY,GAAAA,mBAAA;IAC7BE,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,IAAI,GAAAf,IAAA,CAAJe,IAAI;IACDC,KAAK,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAIV,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,GAAG,EAAAuB,QAAA,KACEJ,KAAK;IACTf,GAAG,EAAEA,GAAI;IACToB,OAAO,EAAEV,MAAM,GAAG,aAAa,GAAG,MAAO;IACzCR,UAAU,EAAEA,UAAW;IACvBU,cAAc,EAAEA,cAAe;IAC/BS,SAAS,EAAElB,KAAM;IACjBmB,aAAa,EAAEjB,SAAU;IACzBkB,QAAQ,EAAEhB,IAAK;IACfiB,UAAU,EAAEX,MAAO;IACnBY,QAAQ,EAAEX,IAAK;IACfN,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDT,IAAI,CAAC6B,WAAW,GAAG,MAAM"}

package/dist/FlexList/FlexList.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import type { DivAttributes } from '../_utils/types';
 import type { FlexListProps } from './FlexList.types';
+/**
+ * `FlexList` combines `Flex` and `Box`, **each child element is wrapped in a `Box`**
+ * having a margin (leading and trailing space removed). This isolates the
+ * children React components from the `display: flex` on direct children in CSS.
+ */
 export declare const FlexList: React.ForwardRefExoticComponent<DivAttributes & FlexListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/FlexList/FlexList.js

@@ -31,6 +31,12 @@ function getMargin(direction, space) {
   }
   return {};
 }
+
+/**
+ * `FlexList` combines `Flex` and `Box`, **each child element is wrapped in a `Box`**
+ * having a margin (leading and trailing space removed). This isolates the
+ * children React components from the `display: flex` on direct children in CSS.
+ */
 export var FlexList = /*#__PURE__*/React.forwardRef(function FlexList(_ref, ref) {
   var boxProps = _ref.boxProps,
     children = _ref.children,

package/dist/FlexList/FlexList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexList.js","names":["React","Box","StyledFlex","getSingleSize","size","arguments","length","undefined","split","getItemMargin","direction","includes","concat","getMargin","space","margin","marginRight","marginBottom","FlexList","forwardRef","_ref","ref","boxProps","children","_ref$direction","_ref$size","props","_objectWithoutProperties","_excluded","singleSize","useMemo","createElement","_extends","$direction","Children","toArray","filter","child","map","i","key","displayName"],"sources":["../../src/FlexList/FlexList.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport type { FlexDirection, MarginSize } from '../Box/Box.types'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledFlex } from './FlexList.styles'\nimport type { FlexListProps } from './FlexList.types'\n\nfunction getSingleSize(size: string = ''): MarginSize {\n  return size.split(' ')[0] as MarginSize\n}\n\nfunction getItemMargin(direction: FlexDirection, size: MarginSize): string {\n  return direction.includes('row') ? `0 ${size}` : `${size} 0`\n}\n\nfunction getMargin(\n  direction: FlexDirection,\n  space?: MarginSize,\n  size: MarginSize = 'md'\n) {\n  if (space === undefined) {\n    return { margin: getItemMargin(direction, size) }\n  }\n\n  if (space && direction.includes('row')) {\n    return { marginRight: space }\n  }\n\n  if (space && direction.includes('column')) {\n    return { marginBottom: space }\n  }\n\n  return {}\n}\n\nexport const FlexList = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & FlexListProps\n>(function FlexList(\n  { boxProps, children, direction = 'row', size = 'md', space, ...props },\n  ref\n) {\n  const singleSize = React.useMemo(() => getSingleSize(size), [size])\n\n  const margin = React.useMemo(\n    () => getMargin(direction, space, singleSize),\n    [direction, space, singleSize]\n  )\n\n  return (\n    <StyledFlex\n      {...props}\n      ref={ref}\n      direction={direction}\n      $direction={direction}\n    >\n      {React.Children.toArray(children)\n        .filter((child) => child)\n        .map(\n          (child: any, i) =>\n            child && (\n              <Box {...boxProps} {...margin} key={child.key || i}>\n                {child}\n              </Box>\n            )\n        )}\n    </StyledFlex>\n  )\n})\n\nFlexList.displayName = 'FlexList'\n"],"mappings":"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"}
+{"version":3,"file":"FlexList.js","names":["React","Box","StyledFlex","getSingleSize","size","arguments","length","undefined","split","getItemMargin","direction","includes","concat","getMargin","space","margin","marginRight","marginBottom","FlexList","forwardRef","_ref","ref","boxProps","children","_ref$direction","_ref$size","props","_objectWithoutProperties","_excluded","singleSize","useMemo","createElement","_extends","$direction","Children","toArray","filter","child","map","i","key","displayName"],"sources":["../../src/FlexList/FlexList.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box/Box'\nimport type { FlexDirection, MarginSize } from '../Box/Box.types'\nimport type { DivAttributes } from '../_utils/types'\nimport { StyledFlex } from './FlexList.styles'\nimport type { FlexListProps } from './FlexList.types'\n\nfunction getSingleSize(size: string = ''): MarginSize {\n  return size.split(' ')[0] as MarginSize\n}\n\nfunction getItemMargin(direction: FlexDirection, size: MarginSize): string {\n  return direction.includes('row') ? `0 ${size}` : `${size} 0`\n}\n\nfunction getMargin(\n  direction: FlexDirection,\n  space?: MarginSize,\n  size: MarginSize = 'md'\n) {\n  if (space === undefined) {\n    return { margin: getItemMargin(direction, size) }\n  }\n\n  if (space && direction.includes('row')) {\n    return { marginRight: space }\n  }\n\n  if (space && direction.includes('column')) {\n    return { marginBottom: space }\n  }\n\n  return {}\n}\n\n/**\n * `FlexList` combines `Flex` and `Box`, **each child element is wrapped in a `Box`**\n * having a margin (leading and trailing space removed). This isolates the\n * children React components from the `display: flex` on direct children in CSS.\n */\nexport const FlexList = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & FlexListProps\n>(function FlexList(\n  { boxProps, children, direction = 'row', size = 'md', space, ...props },\n  ref\n) {\n  const singleSize = React.useMemo(() => getSingleSize(size), [size])\n\n  const margin = React.useMemo(\n    () => getMargin(direction, space, singleSize),\n    [direction, space, singleSize]\n  )\n\n  return (\n    <StyledFlex\n      {...props}\n      ref={ref}\n      direction={direction}\n      $direction={direction}\n    >\n      {React.Children.toArray(children)\n        .filter((child) => child)\n        .map(\n          (child: any, i) =>\n            child && (\n              <Box {...boxProps} {...margin} key={child.key || i}>\n                {child}\n              </Box>\n            )\n        )}\n    </StyledFlex>\n  )\n})\n\nFlexList.displayName = 'FlexList'\n"],"mappings":"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"}

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-11_32_0__sc-1quvv61-0"
+  componentId: "core-11_33_0__sc-1quvv61-0"
 })(["> ", "{", "}"], StyledBox, function (_ref) {
   var $direction = _ref.$direction;
   if ($direction !== null && $direction !== void 0 && $direction.includes('reverse')) {

package/dist/Form/Form.d.ts

@@ -95,6 +95,11 @@ export declare const Form: typeof Form_ & {
             [key: string]: unknown;
         }, FormFieldValueComponentProps<any> & InputProps>) => React.JSX.Element | null;
     };
+    /**
+     * `Form.Form` is a small wrapper around an HTML `<form>` element that automatically hooks into Formik's `handleSubmit` and `handleReset`.
+     * When the `view` is `read`, it renders a `div` tag instead.
+     * @see https://formik.org/docs/api/form
+     */
     Form: typeof FormForm;
     GroupSelect: (({ children, ...props }: FormGroupSelectProps<FieldGroupSelectValueType>) => React.JSX.Element) & {
         Create: (props: ViewFieldProps<FieldGroupSelectValueType, FormGroupSelectProps<FieldGroupSelectValueType>, FieldGroupSelectComponentProps<FieldGroupSelectValueType>>) => React.JSX.Element | null;

package/dist/Form/Form.js

@@ -1522,6 +1522,11 @@ export var Form = addSubcomponents({
   DateSelect: FieldDateSelect,
   ErrorBanner: FormErrorBanner,
   Field: FieldAny,
+  /**
+   * `Form.Form` is a small wrapper around an HTML `<form>` element that automatically hooks into Formik's `handleSubmit` and `handleReset`.
+   * When the `view` is `read`, it renders a `div` tag instead.
+   * @see https://formik.org/docs/api/form
+   */
   Form: FormForm,
   GroupSelect: FieldGroupSelect,
   MultiSelect: FieldMultiSelect,