@procore/core-react 12.17.7 → 12.18.0

package/dist/EmptyState/EmptyState.js

@@ -2,11 +2,12 @@ var _excluded = ["children", "src", "alt"],
   _excluded2 = ["children"],
   _excluded3 = ["children"],
   _excluded4 = ["children"],
-  _excluded5 = ["children", "compact", "title"];
+  _excluded5 = ["children", "compact", "isHorizontal", "size", "title"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return 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 React from 'react';
+import { Box } from '../Box';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { StyledActions, StyledDescription, StyledEmptyState, StyledImage, StyledSvg, StyledTitle } from './EmptyState.styles';
 var Image = /*#__PURE__*/React.forwardRef(function Image(_ref, ref) {
@@ -266,13 +267,31 @@ var EmptyState_ = /*#__PURE__*/React.forwardRef(function EmptyState(_ref5, ref)
   var children = _ref5.children,
     _ref5$compact = _ref5.compact,
     compact = _ref5$compact === void 0 ? false : _ref5$compact,
+    isHorizontal = _ref5.isHorizontal,
+    size = _ref5.size,
     title = _ref5.title,
     props = _objectWithoutProperties(_ref5, _excluded5);
+  var image = null;
+  var content = [];
+  var presetImages = [NoResults, NoItems, NoItemsWithoutCreatePermissions, RecycleBin];
+  React.Children.forEach(children, function (child) {
+    if (! /*#__PURE__*/React.isValidElement(child)) return;
+    if (child.type === Image || presetImages.includes(child.type)) {
+      image = child;
+    } else {
+      content.push(child);
+    }
+  });
   return /*#__PURE__*/React.createElement(StyledEmptyState, _extends({
-    $compact: compact
+    $compact: compact,
+    $isHorizontal: isHorizontal,
+    $size: size
   }, props, {
     ref: ref
-  }), children);
+  }), content ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, null, image), /*#__PURE__*/React.createElement(Box, {
+    alignItems: isHorizontal ? 'flex-start' : 'center',
+    textAlign: isHorizontal ? 'left' : 'center'
+  }, content)) : children);
 });
 EmptyState_.displayName = 'EmptyState';
 Actions.displayName = 'EmptyState.Actions';

package/dist/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":["React","addSubcomponents","StyledActions","StyledDescription","StyledEmptyState","StyledImage","StyledSvg","StyledTitle","Image","forwardRef","_ref","ref","children","src","alt","props","_objectWithoutProperties","_excluded","createElement","_extends","Title","_ref2","_excluded2","Description","_ref3","_excluded3","Actions","_ref4","_excluded4","NoResults","width","height","viewBox","fill","xmlns","d","NoItems","NoItemsWithoutCreatePermissions","fillRule","clipRule","RecycleBin","EmptyState_","EmptyState","_ref5","_ref5$compact","compact","title","_excluded5","$compact","displayName"],"sources":["../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes, ImgAttributes, Props } from '../_utils/types'\nimport {\n  StyledActions,\n  StyledDescription,\n  StyledEmptyState,\n  StyledImage,\n  StyledSvg,\n  StyledTitle,\n} from './EmptyState.styles'\nimport type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n\nconst Image = React.forwardRef<\n  HTMLDivElement,\n  ImgAttributes & DivAttributes & EmptyStateImageProps\n>(function Image({ children, src, alt, ...props }, ref) {\n  return (\n    <StyledImage aria-hidden={true} ref={ref} {...props}>\n      {src ? <img alt={alt} src={src} /> : children}\n    </StyledImage>\n  )\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Title({ children, ...props }, ref) {\n    return (\n      <StyledTitle {...props} ref={ref}>\n        {children}\n      </StyledTitle>\n    )\n  }\n)\n\nconst Description = React.forwardRef<\n  HTMLDivElement,\n  { as?: 'p' | 'div' } & DivAttributes & Props\n>(function Description({ children, ...props }, ref) {\n  return (\n    <StyledDescription {...props} ref={ref}>\n      {children}\n    </StyledDescription>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Actions({ children, ...props }, ref) {\n    return (\n      <StyledActions {...props} ref={ref}>\n        {children}\n      </StyledActions>\n    )\n  }\n)\n\n// preset images\n\nconst NoResults = React.forwardRef<HTMLDivElement, Props>(function NoResults(\n  props,\n  ref\n) {\n  return (\n    <Image aria-hidden={true} {...props} ref={ref}>\n      <StyledSvg\n        width=\"200\"\n        height=\"200\"\n        viewBox=\"0 0 200 200\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z\"\n          fill=\"#D6DADC\"\n        />\n        <path d=\"M141 30.5V41H25.86V119.5H13V30.5H141Z\" fill=\"#1952B3\" />\n        <path d=\"M150 133H26V41H150V73.85V88.6V133Z\" fill=\"white\" />\n        <path\n          d=\"M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z\"\n          fill=\"#F3F4F6\"\n        />\n        <path\n          d=\"M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z\"\n          fill=\"#F3F4F6\"\n        />\n        <path d=\"M39.96 47.93H36.85V51.04H39.96V47.93Z\" fill=\"#232729\" />\n        <path d=\"M45.4 47.93H42.29V51.04H45.4V47.93Z\" fill=\"#232729\" />\n        <path d=\"M50.85 47.93H47.74V51.04H50.85V47.93Z\" fill=\"#232729\" />\n        <path\n          d=\"M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z\"\n          fill=\"#D6DADC\"\n        />\n        <path\n          d=\"M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z\"\n          fill=\"#FF5200\"\n        />\n        <path\n          d=\"M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z\"\n          fill=\"#FF5200\"\n        />\n        <path\n          d=\"M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z\"\n          fill=\"#232729\"\n        />\n        <path d=\"M119.192 9H116.192V20H119.192V9Z\" fill=\"#232729\" />\n        <path\n          d=\"M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z\"\n          fill=\"#232729\"\n        />\n      </StyledSvg>\n    </Image>\n  )\n})\n\nconst NoItems = React.forwardRef<HTMLDivElement, Props>(function NoItems(\n  props,\n  ref\n) {\n  return (\n    <Image {...props} ref={ref}>\n      <StyledSvg\n        width=\"200\"\n        height=\"200\"\n        viewBox=\"0 0 200 200\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M186 63V140H43V177H200V63H186Z\" fill=\"#D6DADC\" />\n        <path d=\"M170.5 45H13.5V159H170.5V45Z\" fill=\"white\" />\n        <path d=\"M29.5 26V45H170.5V140H186.5V26H29.5Z\" fill=\"#1952B3\" />\n        <path\n          d=\"M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z\"\n          fill=\"#232729\"\n        />\n        <path d=\"M28 52H24V56H28V52Z\" fill=\"#232729\" />\n        <path d=\"M35 52H31V56H35V52Z\" fill=\"#232729\" />\n        <path d=\"M42 52H38V56H42V52Z\" fill=\"#232729\" />\n        <path d=\"M120 76H30V106H120V76Z\" fill=\"#F3F4F6\" />\n        <path d=\"M153.5 76H126.5V142H153.5V76Z\" fill=\"#F3F4F6\" />\n        <path d=\"M120 112H30V142H120V112Z\" fill=\"#F3F4F6\" />\n        <path\n          d=\"M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z\"\n          fill=\"#FF5100\"\n        />\n        <path\n          d=\"M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M70.1924 124.192V121.192H59.1924V124.192H70.1924Z\"\n          fill=\"#232729\"\n        />\n      </StyledSvg>\n    </Image>\n  )\n})\n\nconst NoItemsWithoutCreatePermissions = React.forwardRef<HTMLDivElement, Props>(\n  function NoItemsWithoutCreatePermissions(props, ref) {\n    return (\n      <Image {...props} ref={ref}>\n        <StyledSvg\n          width=\"213\"\n          height=\"200\"\n          viewBox=\"0 0 213 200\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M199 63v77H56v37h157V63h-14z\" fill=\"#D6DADC\" />\n          <path d=\"M183.5 45h-157v114h157V45z\" fill=\"#fff\" />\n          <path d=\"M42.5 26v19h141v95h16V26h-157z\" fill=\"#1952B3\" />\n          <path\n            d=\"M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z\"\n            fill=\"#FF5100\"\n          />\n          <path\n            d=\"M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z\"\n            fill=\"#F4F5F6\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z\"\n            fill=\"#000\"\n          />\n          <path\n            d=\"M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z\"\n            fill=\"#232729\"\n          />\n        </StyledSvg>\n      </Image>\n    )\n  }\n)\n\nconst RecycleBin = React.forwardRef<HTMLDivElement, Props>(function RecycleBin(\n  props,\n  ref\n) {\n  return (\n    <Image {...props} ref={ref}>\n      <StyledSvg\n        width=\"200\"\n        height=\"200\"\n        viewBox=\"0 0 200 200\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M189 200H12L22 175.024H179L189 200Z\" fill=\"#D6DADC\" />\n        <path d=\"M23 65.1297L41 44.1499V65.1297H23Z\" fill=\"#232729\" />\n        <path d=\"M179 65.1297L161 44.1499V65.1297H179Z\" fill=\"#232729\" />\n        <path\n          d=\"M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z\"\n          fill=\"#1952B3\"\n        />\n        <path\n          d=\"M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z\"\n          fill=\"#D6DADC\"\n        />\n        <path d=\"M179 65.1297H23V175.024H179V65.1297Z\" fill=\"white\" />\n        <path\n          d=\"M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M80 177.022H21V97.099H28.9878V169.03H80V177.022Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z\"\n          fill=\"#FF5200\"\n        />\n        <path d=\"M130 120.077H72V124.073H130V120.077Z\" fill=\"#D6DADC\" />\n        <path d=\"M130 129.068H72V133.064H130V129.068Z\" fill=\"#D6DADC\" />\n        <path d=\"M105.5 138.06H72V142.056H105.5V138.06Z\" fill=\"#D6DADC\" />\n        <path\n          d=\"M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z\"\n          fill=\"#232729\"\n        />\n        <path d=\"M101.192 0H98.1924V10.9894H101.192V0Z\" fill=\"#232729\" />\n      </StyledSvg>\n    </Image>\n  )\n})\n\nconst EmptyState_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & EmptyStateProps\n>(function EmptyState({ children, compact = false, title, ...props }, ref) {\n  return (\n    <StyledEmptyState $compact={compact} {...props} ref={ref}>\n      {children}\n    </StyledEmptyState>\n  )\n})\n\nEmptyState_.displayName = 'EmptyState'\n\nActions.displayName = 'EmptyState.Actions'\n\nDescription.displayName = 'EmptyState.Description'\n\nImage.displayName = 'EmptyState.Image'\n\nNoItems.displayName = 'EmptyState.NoResults'\n\nNoItemsWithoutCreatePermissions.displayName =\n  'EmptyState.NoItemsWithoutCreatePermissions'\n\nNoResults.displayName = 'EmptyState.NoResults'\n\nRecycleBin.displayName = 'EmptyState.RecyleBin'\n\nTitle.displayName = 'EmptyState.Title'\n\n/**\n\n We place empty states on pages where nothing has been created yet.\n They tell the user what they need to know about the page and how to get\n started creating or using the page’s main features.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-emptystate--demo)\n\n @see [Design Guidelines](https://design.procore.com/empty-state)\n\n*/\nexport const EmptyState = addSubcomponents(\n  {\n    Actions,\n    Description,\n    Image,\n    NoItems,\n    NoItemsWithoutCreatePermissions,\n    NoResults,\n    RecycleBin,\n    Title,\n  },\n  EmptyState_\n)\n"],"mappings":"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"}
+{"version":3,"file":"EmptyState.js","names":["React","Box","addSubcomponents","StyledActions","StyledDescription","StyledEmptyState","StyledImage","StyledSvg","StyledTitle","Image","forwardRef","_ref","ref","children","src","alt","props","_objectWithoutProperties","_excluded","createElement","_extends","Title","_ref2","_excluded2","Description","_ref3","_excluded3","Actions","_ref4","_excluded4","NoResults","width","height","viewBox","fill","xmlns","d","NoItems","NoItemsWithoutCreatePermissions","fillRule","clipRule","RecycleBin","EmptyState_","EmptyState","_ref5","_ref5$compact","compact","isHorizontal","size","title","_excluded5","image","content","presetImages","Children","forEach","child","isValidElement","type","includes","push","$compact","$isHorizontal","$size","Fragment","alignItems","textAlign","displayName"],"sources":["../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from '../Box'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes, ImgAttributes, Props } from '../_utils/types'\nimport {\n  StyledActions,\n  StyledDescription,\n  StyledEmptyState,\n  StyledImage,\n  StyledSvg,\n  StyledTitle,\n} from './EmptyState.styles'\nimport type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n\nconst Image = React.forwardRef<\n  HTMLDivElement,\n  ImgAttributes & DivAttributes & EmptyStateImageProps\n>(function Image({ children, src, alt, ...props }, ref) {\n  return (\n    <StyledImage aria-hidden={true} ref={ref} {...props}>\n      {src ? <img alt={alt} src={src} /> : children}\n    </StyledImage>\n  )\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Title({ children, ...props }, ref) {\n    return (\n      <StyledTitle {...props} ref={ref}>\n        {children}\n      </StyledTitle>\n    )\n  }\n)\n\nconst Description = React.forwardRef<\n  HTMLDivElement,\n  { as?: 'p' | 'div' } & DivAttributes & Props\n>(function Description({ children, ...props }, ref) {\n  return (\n    <StyledDescription {...props} ref={ref}>\n      {children}\n    </StyledDescription>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n  function Actions({ children, ...props }, ref) {\n    return (\n      <StyledActions {...props} ref={ref}>\n        {children}\n      </StyledActions>\n    )\n  }\n)\n\n// preset images\n\nconst NoResults = React.forwardRef<HTMLDivElement, Props>(function NoResults(\n  props,\n  ref\n) {\n  return (\n    <Image aria-hidden={true} {...props} ref={ref}>\n      <StyledSvg\n        width=\"200\"\n        height=\"200\"\n        viewBox=\"0 0 200 200\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z\"\n          fill=\"#D6DADC\"\n        />\n        <path d=\"M141 30.5V41H25.86V119.5H13V30.5H141Z\" fill=\"#1952B3\" />\n        <path d=\"M150 133H26V41H150V73.85V88.6V133Z\" fill=\"white\" />\n        <path\n          d=\"M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z\"\n          fill=\"#F3F4F6\"\n        />\n        <path\n          d=\"M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z\"\n          fill=\"#F3F4F6\"\n        />\n        <path d=\"M39.96 47.93H36.85V51.04H39.96V47.93Z\" fill=\"#232729\" />\n        <path d=\"M45.4 47.93H42.29V51.04H45.4V47.93Z\" fill=\"#232729\" />\n        <path d=\"M50.85 47.93H47.74V51.04H50.85V47.93Z\" fill=\"#232729\" />\n        <path\n          d=\"M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z\"\n          fill=\"#D6DADC\"\n        />\n        <path\n          d=\"M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z\"\n          fill=\"#FF5200\"\n        />\n        <path\n          d=\"M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z\"\n          fill=\"#FF5200\"\n        />\n        <path\n          d=\"M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z\"\n          fill=\"#232729\"\n        />\n        <path d=\"M119.192 9H116.192V20H119.192V9Z\" fill=\"#232729\" />\n        <path\n          d=\"M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z\"\n          fill=\"#232729\"\n        />\n      </StyledSvg>\n    </Image>\n  )\n})\n\nconst NoItems = React.forwardRef<HTMLDivElement, Props>(function NoItems(\n  props,\n  ref\n) {\n  return (\n    <Image {...props} ref={ref}>\n      <StyledSvg\n        width=\"200\"\n        height=\"200\"\n        viewBox=\"0 0 200 200\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M186 63V140H43V177H200V63H186Z\" fill=\"#D6DADC\" />\n        <path d=\"M170.5 45H13.5V159H170.5V45Z\" fill=\"white\" />\n        <path d=\"M29.5 26V45H170.5V140H186.5V26H29.5Z\" fill=\"#1952B3\" />\n        <path\n          d=\"M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z\"\n          fill=\"#232729\"\n        />\n        <path d=\"M28 52H24V56H28V52Z\" fill=\"#232729\" />\n        <path d=\"M35 52H31V56H35V52Z\" fill=\"#232729\" />\n        <path d=\"M42 52H38V56H42V52Z\" fill=\"#232729\" />\n        <path d=\"M120 76H30V106H120V76Z\" fill=\"#F3F4F6\" />\n        <path d=\"M153.5 76H126.5V142H153.5V76Z\" fill=\"#F3F4F6\" />\n        <path d=\"M120 112H30V142H120V112Z\" fill=\"#F3F4F6\" />\n        <path\n          d=\"M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z\"\n          fill=\"#FF5100\"\n        />\n        <path\n          d=\"M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M70.1924 124.192V121.192H59.1924V124.192H70.1924Z\"\n          fill=\"#232729\"\n        />\n      </StyledSvg>\n    </Image>\n  )\n})\n\nconst NoItemsWithoutCreatePermissions = React.forwardRef<HTMLDivElement, Props>(\n  function NoItemsWithoutCreatePermissions(props, ref) {\n    return (\n      <Image {...props} ref={ref}>\n        <StyledSvg\n          width=\"213\"\n          height=\"200\"\n          viewBox=\"0 0 213 200\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M199 63v77H56v37h157V63h-14z\" fill=\"#D6DADC\" />\n          <path d=\"M183.5 45h-157v114h157V45z\" fill=\"#fff\" />\n          <path d=\"M42.5 26v19h141v95h16V26h-157z\" fill=\"#1952B3\" />\n          <path\n            d=\"M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z\"\n            fill=\"#FF5100\"\n          />\n          <path\n            d=\"M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z\"\n            fill=\"#F4F5F6\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z\"\n            fill=\"#000\"\n          />\n          <path\n            d=\"M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z\"\n            fill=\"#232729\"\n          />\n        </StyledSvg>\n      </Image>\n    )\n  }\n)\n\nconst RecycleBin = React.forwardRef<HTMLDivElement, Props>(function RecycleBin(\n  props,\n  ref\n) {\n  return (\n    <Image {...props} ref={ref}>\n      <StyledSvg\n        width=\"200\"\n        height=\"200\"\n        viewBox=\"0 0 200 200\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M189 200H12L22 175.024H179L189 200Z\" fill=\"#D6DADC\" />\n        <path d=\"M23 65.1297L41 44.1499V65.1297H23Z\" fill=\"#232729\" />\n        <path d=\"M179 65.1297L161 44.1499V65.1297H179Z\" fill=\"#232729\" />\n        <path\n          d=\"M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z\"\n          fill=\"#1952B3\"\n        />\n        <path\n          d=\"M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z\"\n          fill=\"#D6DADC\"\n        />\n        <path d=\"M179 65.1297H23V175.024H179V65.1297Z\" fill=\"white\" />\n        <path\n          d=\"M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M80 177.022H21V97.099H28.9878V169.03H80V177.022Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z\"\n          fill=\"#FF5200\"\n        />\n        <path d=\"M130 120.077H72V124.073H130V120.077Z\" fill=\"#D6DADC\" />\n        <path d=\"M130 129.068H72V133.064H130V129.068Z\" fill=\"#D6DADC\" />\n        <path d=\"M105.5 138.06H72V142.056H105.5V138.06Z\" fill=\"#D6DADC\" />\n        <path\n          d=\"M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z\"\n          fill=\"#232729\"\n        />\n        <path\n          d=\"M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z\"\n          fill=\"#232729\"\n        />\n        <path d=\"M101.192 0H98.1924V10.9894H101.192V0Z\" fill=\"#232729\" />\n      </StyledSvg>\n    </Image>\n  )\n})\n\nconst EmptyState_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & EmptyStateProps\n>(function EmptyState(\n  { children, compact = false, isHorizontal, size, title, ...props },\n  ref\n) {\n  let image: React.ReactElement | null = null\n  let content: React.ReactElement[] = []\n  const presetImages: React.ReactNode[] = [\n    NoResults,\n    NoItems,\n    NoItemsWithoutCreatePermissions,\n    RecycleBin,\n  ]\n\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return\n    if (child.type === Image || presetImages.includes(child.type)) {\n      image = child\n    } else {\n      content.push(child)\n    }\n  })\n\n  return (\n    <StyledEmptyState\n      $compact={compact}\n      $isHorizontal={isHorizontal}\n      $size={size}\n      {...props}\n      ref={ref}\n    >\n      {content ? (\n        <>\n          <Box>{image}</Box>\n          <Box\n            alignItems={isHorizontal ? 'flex-start' : 'center'}\n            textAlign={isHorizontal ? 'left' : 'center'}\n          >\n            {content}\n          </Box>\n        </>\n      ) : (\n        children\n      )}\n    </StyledEmptyState>\n  )\n})\n\nEmptyState_.displayName = 'EmptyState'\n\nActions.displayName = 'EmptyState.Actions'\n\nDescription.displayName = 'EmptyState.Description'\n\nImage.displayName = 'EmptyState.Image'\n\nNoItems.displayName = 'EmptyState.NoResults'\n\nNoItemsWithoutCreatePermissions.displayName =\n  'EmptyState.NoItemsWithoutCreatePermissions'\n\nNoResults.displayName = 'EmptyState.NoResults'\n\nRecycleBin.displayName = 'EmptyState.RecyleBin'\n\nTitle.displayName = 'EmptyState.Title'\n\n/**\n\n We place empty states on pages where nothing has been created yet.\n They tell the user what they need to know about the page and how to get\n started creating or using the page’s main features.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-emptystate--demo)\n\n @see [Design Guidelines](https://design.procore.com/empty-state)\n\n*/\nexport const EmptyState = addSubcomponents(\n  {\n    Actions,\n    Description,\n    Image,\n    NoItems,\n    NoItemsWithoutCreatePermissions,\n    NoResults,\n    RecycleBin,\n    Title,\n  },\n  EmptyState_\n)\n"],"mappings":"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"}

package/dist/EmptyState/EmptyState.styles.d.ts

@@ -1,3 +1,4 @@
+import type { EmptyStateSize } from './EmptyState.types';
 export declare const StyledSvg: import("styled-components").StyledComponent<"svg", any, {}, never>;
 export declare const StyledImage: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -5,4 +6,6 @@ export declare const StyledDescription: import("styled-components").StyledCompon
 export declare const StyledActions: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledEmptyState: import("styled-components").StyledComponent<"div", any, {
     $compact: boolean;
+    $isHorizontal?: boolean | undefined;
+    $size?: EmptyStateSize | undefined;
 }, never>;

package/dist/EmptyState/EmptyState.styles.js

@@ -1,41 +1,50 @@
 import styled, { css } from 'styled-components';
-import { getTypographyIntent } from '../Typography/Typography.styles';
+import { getTypographyIntent } from '../Typography';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
-var emptyStateWidth = 440;
-var emptyStateWidthCompact = 352;
+var emptyStateWidth = 312;
 export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledSvg",
-  componentId: "core-12_17_7__sc-1xaoo8n-0"
+  componentId: "core-12_18_0__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-12_17_7__sc-1xaoo8n-1"
+  componentId: "core-12_18_0__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_17_7__sc-1xaoo8n-2"
-})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.xl, colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
+  componentId: "core-12_18_0__sc-1xaoo8n-2"
+})(["color:", ";max-width:", "px;width:100%;", ""], colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-12_17_7__sc-1xaoo8n-3"
-})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('body'));
+  componentId: "core-12_18_0__sc-1xaoo8n-3"
+})(["margin-top:", "px;color:", ";max-width:", "px;width:100%;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('body'));
 export var StyledActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledActions",
-  componentId: "core-12_17_7__sc-1xaoo8n-4"
+  componentId: "core-12_18_0__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_17_7__sc-1xaoo8n-5"
-})(["display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", "}"], function (_ref) {
-  var $compact = _ref.$compact;
+  componentId: "core-12_18_0__sc-1xaoo8n-5"
+})(["display:flex;justify-content:center;align-items:", ";gap:", "px;flex-direction:", ";margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", " ", "}"], function (_ref) {
+  var $isHorizontal = _ref.$isHorizontal;
+  return $isHorizontal ? 'flex-start' : 'center';
+}, spacing.xl, function (_ref2) {
+  var $isHorizontal = _ref2.$isHorizontal;
+  return $isHorizontal ? 'row' : 'column';
+}, function (_ref3) {
+  var $compact = _ref3.$compact;
   return $compact ? 0 : 96;
-}, function (_ref2) {
-  var $compact = _ref2.$compact;
+}, function (_ref4) {
+  var $compact = _ref4.$compact;
   return $compact ? 0 : 64;
-}, StyledImage, function (_ref3) {
-  var _ref3$$compact = _ref3.$compact,
-    $compact = _ref3$$compact === void 0 ? false : _ref3$$compact;
-  return $compact && css(["", "{> img{max-width:120px;}}", "{width:120px;height:120px;}", "{width:", "px;", "}", "{width:", "px;", "}"], StyledImage, StyledSvg, StyledTitle, emptyStateWidthCompact, getTypographyIntent('h3'), StyledDescription, emptyStateWidthCompact, getTypographyIntent('body'));
+}, StyledImage, function (_ref5) {
+  var _ref5$$compact = _ref5.$compact,
+    $compact = _ref5$$compact === void 0 ? false : _ref5$$compact,
+    $size = _ref5.$size;
+  return ($compact || $size === 'md') && css(["", "{> img{max-width:120px;}}", "{width:120px;height:120px;}"], StyledImage, StyledSvg);
+}, function (_ref6) {
+  var $size = _ref6.$size;
+  return $size === 'sm' && css(["gap:", "px;", "{> img{max-width:96px;}}", "{width:96px;height:96px;}", "{", "}"], spacing.lg, StyledImage, StyledSvg, StyledTitle, getTypographyIntent('h3'));
 });
 //# sourceMappingURL=EmptyState.styles.js.map

package/dist/EmptyState/EmptyState.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.styles.js","names":["styled","css","getTypographyIntent","colors","spacing","emptyStateWidth","emptyStateWidthCompact","StyledSvg","svg","withConfig","displayName","componentId","StyledImage","div","StyledTitle","xl","gray15","StyledDescription","lg","gray45","StyledActions","StyledEmptyState","_ref","$compact","_ref2","_ref3","_ref3$$compact"],"sources":["../../src/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst emptyStateWidth = 440\nconst emptyStateWidthCompact = 352\n\nexport const StyledSvg = styled.svg`\n  width: 200px;\n  height: 200px;\n`\n\nexport const StyledImage = styled.div``\n\nexport const StyledTitle = styled.div`\n  margin-top: ${spacing.xl}px;\n  text-align: center;\n  color: ${colors.gray15};\n  width: ${emptyStateWidth}px;\n  ${getTypographyIntent('h2')}\n`\n\nexport const StyledDescription = styled.div`\n  margin-top: ${spacing.lg}px;\n  text-align: center;\n  color: ${colors.gray45};\n  width: ${emptyStateWidth}px;\n  ${getTypographyIntent('body')}\n`\n\nexport const StyledActions = styled.div`\n  margin-top: ${spacing.xl}px;\n`\n\nexport const StyledEmptyState = styled.div<{ $compact: boolean }>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  margin-top: ${({ $compact }) => ($compact ? 0 : 96)}px;\n  margin-bottom: ${({ $compact }) => ($compact ? 0 : 64)}px;\n\n  ${StyledImage} {\n    > img {\n      max-width: 200px;\n    }\n  }\n\n  ${({ $compact = false }) =>\n    $compact &&\n    css`\n      ${StyledImage} {\n        > img {\n          max-width: 120px;\n        }\n      }\n\n      ${StyledSvg} {\n        width: 120px;\n        height: 120px;\n      }\n\n      ${StyledTitle} {\n        width: ${emptyStateWidthCompact}px;\n        ${getTypographyIntent('h3')}\n      }\n\n      ${StyledDescription} {\n        width: ${emptyStateWidthCompact}px;\n        ${getTypographyIntent('body')}\n      }\n    `}\n}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,eAAe,GAAG,GAAG;AAC3B,IAAMC,sBAAsB,GAAG,GAAG;AAElC,OAAO,IAAMC,SAAS,gBAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAGlC;AAED,OAAO,IAAMC,WAAW,gBAAGZ,MAAM,CAACa,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvC,OAAO,IAAMG,WAAW,gBAAGd,MAAM,CAACa,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yEACrBP,OAAO,CAACW,EAAE,EAEfZ,MAAM,CAACa,MAAM,EACbX,eAAe,EACtBH,mBAAmB,CAAC,IAAI,CAAC,CAC5B;AAED,OAAO,IAAMe,iBAAiB,gBAAGjB,MAAM,CAACa,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yEAC3BP,OAAO,CAACc,EAAE,EAEff,MAAM,CAACgB,MAAM,EACbd,eAAe,EACtBH,mBAAmB,CAAC,MAAM,CAAC,CAC9B;AAED,OAAO,IAAMkB,aAAa,gBAAGpB,MAAM,CAACa,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2BACvBP,OAAO,CAACW,EAAE,CACzB;AAED,OAAO,IAAMM,gBAAgB,gBAAGrB,MAAM,CAACa,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAK1B,UAAAW,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OAAQA,QAAQ,GAAG,CAAC,GAAG,EAAE;AAAA,CAAC,EAClC,UAAAC,KAAA;EAAA,IAAGD,QAAQ,GAAAC,KAAA,CAARD,QAAQ;EAAA,OAAQA,QAAQ,GAAG,CAAC,GAAG,EAAE;AAAA,CAAC,EAEpDX,WAAW,EAMX,UAAAa,KAAA;EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAGF,QAAQ;IAARA,QAAQ,GAAAG,cAAA,cAAG,KAAK,GAAAA,cAAA;EAAA,OACnBH,QAAQ,IACRtB,GAAG,iHACCW,WAAW,EAMXL,SAAS,EAKTO,WAAW,EACFR,sBAAsB,EAC7BJ,mBAAmB,CAAC,IAAI,CAAC,EAG3Be,iBAAiB,EACRX,sBAAsB,EAC7BJ,mBAAmB,CAAC,MAAM,CAAC,CAEhC;AAAA,EAEJ"}
+{"version":3,"file":"EmptyState.styles.js","names":["styled","css","getTypographyIntent","colors","spacing","emptyStateWidth","StyledSvg","svg","withConfig","displayName","componentId","StyledImage","div","StyledTitle","gray15","StyledDescription","lg","gray45","StyledActions","xl","StyledEmptyState","_ref","$isHorizontal","_ref2","_ref3","$compact","_ref4","_ref5","_ref5$$compact","$size","_ref6"],"sources":["../../src/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { EmptyStateSize } from './EmptyState.types'\n\nconst emptyStateWidth = 312\n\nexport const StyledSvg = styled.svg`\n  width: 200px;\n  height: 200px;\n`\n\nexport const StyledImage = styled.div``\n\nexport const StyledTitle = styled.div`\n  color: ${colors.gray15};\n  max-width: ${emptyStateWidth}px;\n  width: 100%;\n  ${getTypographyIntent('h2')}\n`\n\nexport const StyledDescription = styled.div`\n  margin-top: ${spacing.lg}px;\n  color: ${colors.gray45};\n  max-width: ${emptyStateWidth}px;\n  width: 100%;\n  ${getTypographyIntent('body')}\n`\n\nexport const StyledActions = styled.div`\n  margin-top: ${spacing.xl}px;\n`\n\nexport const StyledEmptyState = styled.div<{\n  $compact: boolean\n  $isHorizontal?: boolean\n  $size?: EmptyStateSize\n}>`\n  display: flex;\n  justify-content: center;\n  align-items: ${({ $isHorizontal }) =>\n    $isHorizontal ? 'flex-start' : 'center'};\n  gap: ${spacing.xl}px;\n  flex-direction: ${({ $isHorizontal }) => ($isHorizontal ? 'row' : 'column')};\n  margin-top: ${({ $compact }) => ($compact ? 0 : 96)}px;\n  margin-bottom: ${({ $compact }) => ($compact ? 0 : 64)}px;\n\n  ${StyledImage} {\n    > img {\n      max-width: 200px;\n    }\n  }\n\n  ${({ $compact = false, $size }) =>\n    ($compact || $size === 'md') &&\n    css`\n      ${StyledImage} {\n        > img {\n          max-width: 120px;\n        }\n      }\n\n      ${StyledSvg} {\n        width: 120px;\n        height: 120px;\n      }\n    `}\n\n  ${({ $size }) =>\n    $size === 'sm' &&\n    css`\n      gap: ${spacing.lg}px;\n\n      ${StyledImage} {\n        > img {\n          max-width: 96px;\n        }\n      }\n\n      ${StyledSvg} {\n        width: 96px;\n        height: 96px;\n      }\n\n      ${StyledTitle} {\n        ${getTypographyIntent('h3')}\n      }\n    `}\n}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,IAAMC,eAAe,GAAG,GAAG;AAE3B,OAAO,IAAMC,SAAS,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAGlC;AAED,OAAO,IAAMC,WAAW,gBAAGX,MAAM,CAACY,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvC,OAAO,IAAMG,WAAW,gBAAGb,MAAM,CAACY,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAC1BP,MAAM,CAACW,MAAM,EACTT,eAAe,EAE1BH,mBAAmB,CAAC,IAAI,CAAC,CAC5B;AAED,OAAO,IAAMa,iBAAiB,gBAAGf,MAAM,CAACY,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sEAC3BN,OAAO,CAACY,EAAE,EACfb,MAAM,CAACc,MAAM,EACTZ,eAAe,EAE1BH,mBAAmB,CAAC,MAAM,CAAC,CAC9B;AAED,OAAO,IAAMgB,aAAa,gBAAGlB,MAAM,CAACY,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2BACvBN,OAAO,CAACe,EAAE,CACzB;AAED,OAAO,IAAMC,gBAAgB,gBAAGpB,MAAM,CAACY,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2KAOzB,UAAAW,IAAA;EAAA,IAAGC,aAAa,GAAAD,IAAA,CAAbC,aAAa;EAAA,OAC7BA,aAAa,GAAG,YAAY,GAAG,QAAQ;AAAA,GAClClB,OAAO,CAACe,EAAE,EACC,UAAAI,KAAA;EAAA,IAAGD,aAAa,GAAAC,KAAA,CAAbD,aAAa;EAAA,OAAQA,aAAa,GAAG,KAAK,GAAG,QAAQ;AAAA,CAAC,EAC7D,UAAAE,KAAA;EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EAAA,OAAQA,QAAQ,GAAG,CAAC,GAAG,EAAE;AAAA,CAAC,EAClC,UAAAC,KAAA;EAAA,IAAGD,QAAQ,GAAAC,KAAA,CAARD,QAAQ;EAAA,OAAQA,QAAQ,GAAG,CAAC,GAAG,EAAE;AAAA,CAAC,EAEpDd,WAAW,EAMX,UAAAgB,KAAA;EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAGF,QAAQ;IAARA,QAAQ,GAAAG,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;EAAA,OAC1B,CAACJ,QAAQ,IAAII,KAAK,KAAK,IAAI,KAC3B5B,GAAG,mEACCU,WAAW,EAMXL,SAAS,CAIZ;AAAA,GAED,UAAAwB,KAAA;EAAA,IAAGD,KAAK,GAAAC,KAAA,CAALD,KAAK;EAAA,OACRA,KAAK,KAAK,IAAI,IACd5B,GAAG,qFACMG,OAAO,CAACY,EAAE,EAEfL,WAAW,EAMXL,SAAS,EAKTO,WAAW,EACTX,mBAAmB,CAAC,IAAI,CAAC,CAE9B;AAAA,EAEJ"}

package/dist/EmptyState/EmptyState.types.d.ts

@@ -1,10 +1,26 @@
 import type { Props } from '../_utils/types';
+declare type EmptyStateStatus = 'noItems' | 'imageChild' | 'noItemsNoPermissions' | 'noResults' | 'recycleBin';
+export declare const emptyState: Record<EmptyStateStatus, string>;
+export declare type EmptyStateSize = 'sm' | 'md' | 'lg';
 export interface EmptyStateProps extends Props {
     /**
      * Render the EmptyState in compact mode
      * @since 10.19.0
+     * @deprecatedSince 12.18.0
+     * @deprecated compact has been deprecated and will be removed in a future version
      */
     compact?: boolean;
+    /**
+     * Sets the EmptyState's elements layout
+     * @since 12.18.0
+     */
+    isHorizontal?: boolean;
+    /**
+     * Sets the EmptyState's size
+     * @defaultValue lg
+     * @since 12.18.0
+     */
+    size?: EmptyStateSize;
 }
 export interface EmptyStateActionsProps extends Props {
 }
@@ -18,3 +34,4 @@ export interface EmptyStateImageProps {
 }
 export interface EmptyStateTitleProps extends Props {
 }
+export {};

package/dist/EmptyState/EmptyState.types.js

@@ -1,2 +1,8 @@
-export {};
+export var emptyState = {
+  noItems: 'No Items',
+  imageChild: 'Image Child',
+  noItemsNoPermissions: 'No Items, No Create Permissions',
+  noResults: 'No Results',
+  recycleBin: 'Recycle Bin'
+};
 //# sourceMappingURL=EmptyState.types.js.map

package/dist/EmptyState/EmptyState.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.types.js","names":[],"sources":["../../src/EmptyState/EmptyState.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface EmptyStateProps extends Props {\n  /**\n   * Render the EmptyState in compact mode\n   * @since 10.19.0\n   */\n  compact?: boolean\n}\n\nexport interface EmptyStateActionsProps extends Props {}\n\nexport interface EmptyStateDescriptionsProps extends Props {}\n\nexport interface EmptyStateImageProps {\n  /**\n   * @since 10.19.0\n   */\n  src?: string\n}\n\nexport interface EmptyStateTitleProps extends Props {}\n"],"mappings":""}
+{"version":3,"file":"EmptyState.types.js","names":["emptyState","noItems","imageChild","noItemsNoPermissions","noResults","recycleBin"],"sources":["../../src/EmptyState/EmptyState.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\ntype EmptyStateStatus =\n  | 'noItems'\n  | 'imageChild'\n  | 'noItemsNoPermissions'\n  | 'noResults'\n  | 'recycleBin'\n\nexport const emptyState: Record<EmptyStateStatus, string> = {\n  noItems: 'No Items',\n  imageChild: 'Image Child',\n  noItemsNoPermissions: 'No Items, No Create Permissions',\n  noResults: 'No Results',\n  recycleBin: 'Recycle Bin',\n}\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg'\n\nexport interface EmptyStateProps extends Props {\n  /**\n   * Render the EmptyState in compact mode\n   * @since 10.19.0\n   * @deprecatedSince 12.18.0\n   * @deprecated compact has been deprecated and will be removed in a future version\n   */\n  compact?: boolean\n  /**\n   * Sets the EmptyState's elements layout\n   * @since 12.18.0\n   */\n  isHorizontal?: boolean\n  /**\n   * Sets the EmptyState's size\n   * @defaultValue lg\n   * @since 12.18.0\n   */\n  size?: EmptyStateSize\n}\n\nexport interface EmptyStateActionsProps extends Props {}\n\nexport interface EmptyStateDescriptionsProps extends Props {}\n\nexport interface EmptyStateImageProps {\n  /**\n   * @since 10.19.0\n   */\n  src?: string\n}\n\nexport interface EmptyStateTitleProps extends Props {}\n"],"mappings":"AASA,OAAO,IAAMA,UAA4C,GAAG;EAC1DC,OAAO,EAAE,UAAU;EACnBC,UAAU,EAAE,aAAa;EACzBC,oBAAoB,EAAE,iCAAiC;EACvDC,SAAS,EAAE,YAAY;EACvBC,UAAU,EAAE;AACd,CAAC"}

package/dist/Field/Field.styles.js

@@ -2,14 +2,14 @@ import styled from 'styled-components';
 import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
 export var StyledField = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledField",
-  componentId: "core-12_17_7__sc-1q3pe6s-0"
+  componentId: "core-12_18_0__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-12_17_7__sc-1q3pe6s-1"
+  componentId: "core-12_18_0__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-12_17_7__sc-1q3pe6s-2"
+  componentId: "core-12_18_0__sc-1q3pe6s-2"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 //# sourceMappingURL=Field.styles.js.map

package/dist/FileList/FileList.styles.js

@@ -3,18 +3,18 @@ import { LinkButton } from '../Button/Button';
 import { spacing } from '../_styles/spacing';
 export var StyledFileListDownloadAll = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListDownloadAll",
-  componentId: "core-12_17_7__sc-7gltjc-0"
+  componentId: "core-12_18_0__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-12_17_7__sc-7gltjc-1"
+  componentId: "core-12_18_0__sc-7gltjc-1"
 })(["display:flex;align-items:center;margin-bottom:", "px;word-break:break-word;&:last-child{margin-bottom:0;}"], spacing.xs);
 export var StyledFileListItemTextInactive = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFileListItemTextInactive",
-  componentId: "core-12_17_7__sc-7gltjc-2"
+  componentId: "core-12_18_0__sc-7gltjc-2"
 })(["cursor:pointer;"]);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-12_17_7__sc-7gltjc-3"
+  componentId: "core-12_18_0__sc-7gltjc-3"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorer.styles.js

@@ -12,40 +12,40 @@ var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
 export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
   displayName: "StyledModalOverlay",
-  componentId: "core-12_17_7__sc-343gts-0"
+  componentId: "core-12_18_0__sc-343gts-0"
 })(["opacity:0;pointer-events:none;transition:opacity 0.3s linear;visibility:hidden;", ""], function (props) {
   return props.$open && "\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  ";
 });
 export var StyledModalContainer = /*#__PURE__*/styled(Modal.Container).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_17_7__sc-343gts-1"
+  componentId: "core-12_18_0__sc-343gts-1"
 })(["width:calc(100% - ", "px);height:calc(100% - ", "px);top:calc(50vh - ", "px);left:calc(50vw - ", "px);margin:", "px;min-width:", "px;min-height:", "px;max-width:", "px;max-height:", "px;"], modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, modalContainerMinHeight, modalContainerMaxWidth, modalContainerMaxHeight);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_17_7__sc-343gts-2"
+  componentId: "core-12_18_0__sc-343gts-2"
 })(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";"], modalBodyMinHeight, colors.gray85);
 export var StyledModalInnerBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalInnerBody",
-  componentId: "core-12_17_7__sc-343gts-3"
+  componentId: "core-12_18_0__sc-343gts-3"
 })(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_17_7__sc-343gts-4"
+  componentId: "core-12_18_0__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_17_7__sc-343gts-5"
+  componentId: "core-12_18_0__sc-343gts-5"
 })(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;"]);
 export var StyledSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSource",
-  componentId: "core-12_17_7__sc-343gts-6"
+  componentId: "core-12_18_0__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-12_17_7__sc-343gts-7"
+  componentId: "core-12_18_0__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_17_7__sc-343gts-8"
+  componentId: "core-12_18_0__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js

@@ -3,14 +3,14 @@ import { colors } from '../../_styles/colors';
 import { SourceItem } from '../SourceItem/SourceItem';
 export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSidebar",
-  componentId: "core-12_17_7__sc-s03uiv-0"
+  componentId: "core-12_18_0__sc-s03uiv-0"
 })(["display:flex;flex-shrink:0;width:300px;border-right:1px solid ", ";"], colors.gray85);
 export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNavigation",
-  componentId: "core-12_17_7__sc-s03uiv-1"
+  componentId: "core-12_18_0__sc-s03uiv-1"
 })(["display:flex;flex-direction:column;width:100%;&:focus{outline:none;}"]);
 export var StyledSourceItem = /*#__PURE__*/styled(SourceItem).withConfig({
   displayName: "StyledSourceItem",
-  componentId: "core-12_17_7__sc-s03uiv-2"
+  componentId: "core-12_18_0__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map

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_17_7__sc-1r3srjk-0"
+  componentId: "core-12_18_0__sc-1r3srjk-0"
 })(["margin-top:", "px;"], spacing.md);
 export var StyledFileSelect = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileSelect",
-  componentId: "core-12_17_7__sc-1r3srjk-1"
+  componentId: "core-12_18_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_17_7__sc-ueh7d7-0"
+  componentId: "core-12_18_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_17_7__sc-ueh7d7-1"
+  componentId: "core-12_18_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_17_7__sc-ueh7d7-2"
+  componentId: "core-12_18_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_17_7__sc-u9tli5-0"
+  componentId: "core-12_18_0__sc-u9tli5-0"
 })(["display:flex;flex-wrap:wrap;"]);
 export var StyledFileToken = /*#__PURE__*/styled(FileToken).withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_17_7__sc-u9tli5-1"
+  componentId: "core-12_18_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_17_7__sc-1sj6hvp-0"
+  componentId: "core-12_18_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_17_7__sc-1sj6hvp-1"
+  componentId: "core-12_18_0__sc-1sj6hvp-1"
 })(["width:286px;flex-shrink:1;min-width:180px;"]);
 export var StyledEmptyStateWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyStateWrapper",
-  componentId: "core-12_17_7__sc-1sj6hvp-2"
+  componentId: "core-12_18_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_17_7__sc-1sj6hvp-3"
+  componentId: "core-12_18_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_17_7__sc-1sj6hvp-4"
+  componentId: "core-12_18_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_17_7__sc-1sj6hvp-5"
+  componentId: "core-12_18_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_17_7__sc-psqe8z-0"
+  componentId: "core-12_18_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_17_7__sc-psqe8z-1"
+  componentId: "core-12_18_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_17_7__sc-psqe8z-2"
+  componentId: "core-12_18_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_17_7__sc-psqe8z-3"
+  componentId: "core-12_18_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_17_7__sc-plcozv-0"
+  componentId: "core-12_18_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_17_7__sc-plcozv-1"
+  componentId: "core-12_18_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_17_7__sc-plcozv-2"
+  componentId: "core-12_18_0__sc-plcozv-2"
 })(["", ""], getEllipsis());
 //# sourceMappingURL=SourceItem.styles.js.map