@procore/core-react 12.17.6 → 12.17.8

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_6__sc-1xaoo8n-0"
+  componentId: "core-12_17_8__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-12_17_6__sc-1xaoo8n-1"
+  componentId: "core-12_17_8__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_17_6__sc-1xaoo8n-2"
-})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.xl, colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
+  componentId: "core-12_17_8__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_6__sc-1xaoo8n-3"
-})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('body'));
+  componentId: "core-12_17_8__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_6__sc-1xaoo8n-4"
+  componentId: "core-12_17_8__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-12_17_6__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_17_8__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_6__sc-1q3pe6s-0"
+  componentId: "core-12_17_8__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-12_17_6__sc-1q3pe6s-1"
+  componentId: "core-12_17_8__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-12_17_6__sc-1q3pe6s-2"
+  componentId: "core-12_17_8__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_6__sc-7gltjc-0"
+  componentId: "core-12_17_8__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-12_17_6__sc-7gltjc-1"
+  componentId: "core-12_17_8__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_6__sc-7gltjc-2"
+  componentId: "core-12_17_8__sc-7gltjc-2"
 })(["cursor:pointer;"]);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-12_17_6__sc-7gltjc-3"
+  componentId: "core-12_17_8__sc-7gltjc-3"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileSelect/FileExplorer/FileExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.js","names":["React","Button","Modal","Tooltip","Typography","useI18nContext","FileExplorerSidebar","StyledAttachButton","StyledModalBody","StyledModalContent","StyledModalHeader","StyledModalInnerBody","StyledSource","FileExplorerModal","FileExplorer","forwardRef","_ref","ref","_ref$maxFileNumber","maxFileNumber","Infinity","children","onSubmit","sources","isOpen","currentSource","onCurrentSourceChange","onCancel","unsubmittedValueCount","qa","props","_objectWithoutProperties","_excluded","I18n","hasPendingUploadSources","some","_ref2","isUploading","isAttachButtonDisabled","createElement","_extends","open","onKeyDown","e","key","onClose","t","value","onChange","tabIndex","Footer","FooterNotation","color","italic","count","FooterButtons","cancelButton","variant","onClick","showKeys","trigger","overlay","attachButton","disabled"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../../Button/Button'\nimport { Modal } from '../../Modal/Modal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { Typography } from '../../Typography/Typography'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport { FileExplorerSidebar } from '../FileExplorer/FileExplorerSidebar'\nimport {\n  StyledAttachButton,\n  StyledModalBody,\n  StyledModalContent,\n  StyledModalHeader,\n  StyledModalInnerBody,\n  StyledSource,\n} from './FileExplorer.styles'\nimport type { FileExplorerProps } from './FileExplorer.types'\nimport { FileExplorerModal } from './FileExplorerModal'\n\nexport const FileExplorer = React.forwardRef<\n  HTMLDivElement,\n  FileExplorerProps & PortalProps\n>(function FileExplorer(\n  {\n    maxFileNumber = Infinity,\n    children,\n    onSubmit,\n    sources,\n    isOpen,\n    currentSource,\n    onCurrentSourceChange,\n    onCancel,\n    unsubmittedValueCount,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n  const hasPendingUploadSources = sources.some(({ isUploading }) => isUploading)\n\n  const isAttachButtonDisabled =\n    hasPendingUploadSources || unsubmittedValueCount === 0\n\n  return (\n    <FileExplorerModal\n      {...props}\n      ref={ref}\n      open={isOpen}\n      onKeyDown={(e) => {\n        if (e.key === 'Esc' || e.key === 'Escape') {\n          onCancel()\n        }\n      }}\n    >\n      <StyledModalHeader\n        onClose={() => {\n          onCancel()\n        }}\n      >\n        {I18n.t('core.fileExplorer.modalTitle')}\n      </StyledModalHeader>\n      <StyledModalBody>\n        <StyledModalInnerBody>\n          <FileExplorerSidebar\n            value={currentSource}\n            onChange={onCurrentSourceChange}\n            sources={sources}\n            isOpen={isOpen}\n          />\n          {/* prevent <div /> from being focused in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=616594 */}\n          <StyledModalContent tabIndex={-1}>\n            <StyledSource>{children}</StyledSource>\n          </StyledModalContent>\n        </StyledModalInnerBody>\n      </StyledModalBody>\n      <Modal.Footer>\n        <Modal.FooterNotation>\n          <Typography color=\"gray45\" italic>\n            {maxFileNumber === Infinity\n              ? I18n.t('core.fileExplorer.filesSelected', {\n                  count: unsubmittedValueCount,\n                })\n              : I18n.t('core.fileExplorer.filesSelectedWithLimit', {\n                  count: unsubmittedValueCount,\n                  maxFileNumber: maxFileNumber,\n                })}\n          </Typography>\n        </Modal.FooterNotation>\n        <Modal.FooterButtons>\n          <Button\n            data-qa={qa?.cancelButton}\n            variant=\"tertiary\"\n            onClick={() => {\n              onCancel()\n            }}\n          >\n            {I18n.t('core.fileExplorer.cancelAction')}\n          </Button>\n          <Tooltip\n            showKeys={[]}\n            trigger={isAttachButtonDisabled ? 'hover' : 'none'}\n            overlay={\n              hasPendingUploadSources\n                ? I18n.t('core.fileExplorer.filesPendingUpload')\n                : I18n.t('core.fileExplorer.noSelectedItems')\n            }\n          >\n            {/* this wrapper is required for the tooltip to work with disabled button */}\n            <StyledAttachButton>\n              <Button\n                data-qa={qa?.attachButton}\n                variant=\"primary\"\n                disabled={isAttachButtonDisabled}\n                onClick={() => {\n                  onSubmit?.()\n                }}\n              >\n                {I18n.t('core.fileExplorer.attachAction')}\n              </Button>\n            </StyledAttachButton>\n          </Tooltip>\n        </Modal.FooterButtons>\n      </Modal.Footer>\n    </FileExplorerModal>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"FileExplorer.js","names":["React","Button","Modal","Tooltip","Typography","useI18nContext","FileExplorerSidebar","StyledAttachButton","StyledModalBody","StyledModalContent","StyledModalHeader","StyledModalInnerBody","StyledSource","FileExplorerModal","FileExplorer","forwardRef","_ref","ref","_ref$maxFileNumber","maxFileNumber","Infinity","children","onSubmit","sources","isOpen","currentSource","onCurrentSourceChange","onCancel","unsubmittedValueCount","qa","props","_objectWithoutProperties","_excluded","I18n","hasPendingUploadSources","some","_ref2","isUploading","isAttachButtonDisabled","createElement","_extends","open","onKeyDown","e","key","onClose","t","value","onChange","tabIndex","Footer","FooterNotation","color","italic","count","FooterButtons","cancelButton","variant","onClick","showKeys","trigger","overlay","attachButton","disabled"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../../Button/Button'\nimport { Modal } from '../../Modal/Modal'\nimport type { PortalProps } from '../../Portal/Portal.types'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { Typography } from '../../Typography/Typography'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport { FileExplorerSidebar } from '../FileExplorer/FileExplorerSidebar'\nimport {\n  StyledAttachButton,\n  StyledModalBody,\n  StyledModalContent,\n  StyledModalHeader,\n  StyledModalInnerBody,\n  StyledSource,\n} from './FileExplorer.styles'\nimport type { FileExplorerProps } from './FileExplorer.types'\nimport { FileExplorerModal } from './FileExplorerModal'\n\nexport const FileExplorer = React.forwardRef<\n  HTMLDivElement,\n  FileExplorerProps & PortalProps\n>(function FileExplorer(\n  {\n    maxFileNumber = Infinity,\n    children,\n    onSubmit,\n    sources,\n    isOpen,\n    currentSource,\n    onCurrentSourceChange,\n    onCancel,\n    unsubmittedValueCount,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n  const hasPendingUploadSources = sources.some(({ isUploading }) => isUploading)\n\n  const isAttachButtonDisabled =\n    hasPendingUploadSources || unsubmittedValueCount === 0\n\n  return (\n    <FileExplorerModal\n      {...props}\n      ref={ref}\n      open={isOpen}\n      onKeyDown={(e) => {\n        if (e.key === 'Esc' || e.key === 'Escape') {\n          onCancel()\n        }\n      }}\n    >\n      <StyledModalHeader\n        onClose={() => {\n          onCancel()\n        }}\n      >\n        {I18n.t('core.fileExplorer.modalTitle')}\n      </StyledModalHeader>\n      <StyledModalBody>\n        <StyledModalInnerBody>\n          <FileExplorerSidebar\n            value={currentSource}\n            onChange={onCurrentSourceChange}\n            sources={sources}\n            isOpen={isOpen}\n          />\n          {/* prevent <div /> from being focused in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=616594 */}\n          <StyledModalContent tabIndex={-1}>\n            <StyledSource>{children}</StyledSource>\n          </StyledModalContent>\n        </StyledModalInnerBody>\n      </StyledModalBody>\n      <Modal.Footer>\n        <Modal.FooterNotation>\n          <Typography color=\"gray45\" italic>\n            {maxFileNumber === Infinity\n              ? I18n.t('core.fileExplorer.filesSelected', {\n                  count: unsubmittedValueCount,\n                })\n              : I18n.t('core.fileExplorer.filesSelectedWithLimit', {\n                  count: unsubmittedValueCount,\n                  maxFileNumber: maxFileNumber,\n                })}\n          </Typography>\n        </Modal.FooterNotation>\n        <Modal.FooterButtons>\n          <Button\n            data-qa={qa?.cancelButton}\n            variant=\"tertiary\"\n            onClick={() => {\n              onCancel()\n            }}\n          >\n            {I18n.t('core.fileExplorer.cancelAction')}\n          </Button>\n          <Tooltip\n            showKeys={[]}\n            trigger={isAttachButtonDisabled ? 'hover' : 'none'}\n            overlay={\n              hasPendingUploadSources\n                ? I18n.t('core.fileExplorer.filesPendingUpload')\n                : I18n.t('core.fileExplorer.noSelectedItems')\n            }\n          >\n            {/* this wrapper is required for the tooltip to work with disabled button */}\n            <StyledAttachButton>\n              <Button\n                data-qa={qa?.attachButton}\n                variant=\"primary\"\n                disabled={isAttachButtonDisabled}\n                onClick={() => {\n                  onSubmit?.()\n                }}\n              >\n                {I18n.t('core.fileExplorer.attachAction')}\n              </Button>\n            </StyledAttachButton>\n          </Tooltip>\n        </Modal.FooterButtons>\n      </Modal.Footer>\n    </FileExplorerModal>\n  )\n})\n"],"mappings":"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"}

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_6__sc-343gts-0"
+  componentId: "core-12_17_8__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_6__sc-343gts-1"
+  componentId: "core-12_17_8__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_6__sc-343gts-2"
+  componentId: "core-12_17_8__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_6__sc-343gts-3"
+  componentId: "core-12_17_8__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_6__sc-343gts-4"
+  componentId: "core-12_17_8__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_17_6__sc-343gts-5"
+  componentId: "core-12_17_8__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_6__sc-343gts-6"
+  componentId: "core-12_17_8__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-12_17_6__sc-343gts-7"
+  componentId: "core-12_17_8__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-12_17_6__sc-343gts-8"
+  componentId: "core-12_17_8__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerSidebar.js","names":["React","StyledNavigation","StyledSidebar","StyledSourceItem","useSidebarNavigation","FileExplorerSidebar","_ref","selectedSource","value","onChange","sources","isOpen","_React$useState","useState","_React$useState2","_slicedToArray","isNavFocused","setIsNavFocused","_React$useState3","_React$useState4","isFocusVisible","setIsFocusVisible","focusedSourceRef","useRef","selectedSourceIndex","findIndex","_ref2","sourceId","sidebarNavigation","initialIndex","size","length","selectedIndex","useEffect","set","current","focus","index","setSize","onKeyDown","e","nativeEvent","key","preventDefault","up","down","createElement","map","source","idx","isFocused","loading","isUploading","error","hasError","icon","selected","focused","tabIndex","ref","onMouseDown","onMouseUp","count","onFocus","onBlur","onClick","title"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.tsx"],"sourcesContent":["import React from 'react'\nimport type { FileExplorerSidebarProps } from './FileExplorer.types'\nimport {\n  StyledNavigation,\n  StyledSidebar,\n  StyledSourceItem,\n} from './FileExplorerSidebar.styles'\nimport { useSidebarNavigation } from './useSidebarNavigation'\n\nexport function FileExplorerSidebar({\n  value: selectedSource,\n  onChange,\n  sources,\n  isOpen,\n}: FileExplorerSidebarProps) {\n  const [isNavFocused, setIsNavFocused] = React.useState(false)\n  const [isFocusVisible, setIsFocusVisible] = React.useState(true)\n  const focusedSourceRef = React.useRef<HTMLDivElement>(null)\n\n  const selectedSourceIndex = sources.findIndex(\n    ({ sourceId }) => sourceId === selectedSource\n  )\n\n  const sidebarNavigation = useSidebarNavigation({\n    initialIndex: selectedSourceIndex,\n    size: sources.length,\n    selectedIndex: selectedSourceIndex,\n  })\n\n  React.useEffect(() => {\n    sidebarNavigation.set(selectedSourceIndex)\n  }, [selectedSourceIndex])\n\n  React.useEffect(() => {\n    if (focusedSourceRef.current && isOpen) {\n      focusedSourceRef.current.focus()\n    }\n  }, [sidebarNavigation.index, isOpen])\n\n  React.useEffect(() => {\n    sidebarNavigation.setSize(sources.length)\n  }, [sources.length])\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!isNavFocused) return\n\n    switch (e.nativeEvent.key) {\n      case 'Enter':\n        e.preventDefault()\n        onChange(sources[sidebarNavigation.index].sourceId)\n        break\n\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault()\n\n        sidebarNavigation.up()\n        break\n\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault()\n        sidebarNavigation.down()\n        break\n    }\n  }\n\n  return (\n    <StyledSidebar>\n      <StyledNavigation>\n        {sources.map((source, idx) => {\n          const isFocused = idx === sidebarNavigation.index\n\n          return (\n            <StyledSourceItem\n              key={source.sourceId}\n              loading={source.isUploading}\n              error={source.hasError}\n              icon={source.icon}\n              selected={selectedSource === source.sourceId}\n              focused={isNavFocused && isFocusVisible && isFocused}\n              tabIndex={isFocused ? 0 : -1}\n              ref={isFocused ? focusedSourceRef : null}\n              onMouseDown={() => {\n                // prevent focus blink on the latest focused item\n                setIsFocusVisible(false)\n              }}\n              onMouseUp={() => {\n                setIsFocusVisible(true)\n              }}\n              count={source.value.length}\n              onFocus={() => {\n                setIsNavFocused(true)\n              }}\n              onBlur={() => {\n                setIsNavFocused(false)\n              }}\n              onKeyDown={onKeyDown}\n              onClick={() => {\n                sidebarNavigation.set(idx)\n                onChange(source.sourceId)\n              }}\n            >\n              {source.title}\n            </StyledSourceItem>\n          )\n        })}\n      </StyledNavigation>\n    </StyledSidebar>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileExplorerSidebar.js","names":["React","StyledNavigation","StyledSidebar","StyledSourceItem","useSidebarNavigation","FileExplorerSidebar","_ref","selectedSource","value","onChange","sources","isOpen","_React$useState","useState","_React$useState2","_slicedToArray","isNavFocused","setIsNavFocused","_React$useState3","_React$useState4","isFocusVisible","setIsFocusVisible","focusedSourceRef","useRef","selectedSourceIndex","findIndex","_ref2","sourceId","sidebarNavigation","initialIndex","size","length","selectedIndex","useEffect","set","current","focus","index","setSize","onKeyDown","e","nativeEvent","key","preventDefault","up","down","createElement","map","source","idx","isFocused","loading","isUploading","error","hasError","icon","selected","focused","tabIndex","ref","onMouseDown","onMouseUp","count","onFocus","onBlur","onClick","title"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorerSidebar.tsx"],"sourcesContent":["import React from 'react'\nimport type { FileExplorerSidebarProps } from './FileExplorer.types'\nimport {\n  StyledNavigation,\n  StyledSidebar,\n  StyledSourceItem,\n} from './FileExplorerSidebar.styles'\nimport { useSidebarNavigation } from './useSidebarNavigation'\n\nexport function FileExplorerSidebar({\n  value: selectedSource,\n  onChange,\n  sources,\n  isOpen,\n}: FileExplorerSidebarProps) {\n  const [isNavFocused, setIsNavFocused] = React.useState(false)\n  const [isFocusVisible, setIsFocusVisible] = React.useState(true)\n  const focusedSourceRef = React.useRef<HTMLDivElement>(null)\n\n  const selectedSourceIndex = sources.findIndex(\n    ({ sourceId }) => sourceId === selectedSource\n  )\n\n  const sidebarNavigation = useSidebarNavigation({\n    initialIndex: selectedSourceIndex,\n    size: sources.length,\n    selectedIndex: selectedSourceIndex,\n  })\n\n  React.useEffect(() => {\n    sidebarNavigation.set(selectedSourceIndex)\n  }, [selectedSourceIndex])\n\n  React.useEffect(() => {\n    if (focusedSourceRef.current && isOpen) {\n      focusedSourceRef.current.focus()\n    }\n  }, [sidebarNavigation.index, isOpen])\n\n  React.useEffect(() => {\n    sidebarNavigation.setSize(sources.length)\n  }, [sources.length])\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!isNavFocused) return\n\n    switch (e.nativeEvent.key) {\n      case 'Enter':\n        e.preventDefault()\n        onChange(sources[sidebarNavigation.index].sourceId)\n        break\n\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault()\n\n        sidebarNavigation.up()\n        break\n\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault()\n        sidebarNavigation.down()\n        break\n    }\n  }\n\n  return (\n    <StyledSidebar>\n      <StyledNavigation>\n        {sources.map((source, idx) => {\n          const isFocused = idx === sidebarNavigation.index\n\n          return (\n            <StyledSourceItem\n              key={source.sourceId}\n              loading={source.isUploading}\n              error={source.hasError}\n              icon={source.icon}\n              selected={selectedSource === source.sourceId}\n              focused={isNavFocused && isFocusVisible && isFocused}\n              tabIndex={isFocused ? 0 : -1}\n              ref={isFocused ? focusedSourceRef : null}\n              onMouseDown={() => {\n                // prevent focus blink on the latest focused item\n                setIsFocusVisible(false)\n              }}\n              onMouseUp={() => {\n                setIsFocusVisible(true)\n              }}\n              count={source.value.length}\n              onFocus={() => {\n                setIsNavFocused(true)\n              }}\n              onBlur={() => {\n                setIsNavFocused(false)\n              }}\n              onKeyDown={onKeyDown}\n              onClick={() => {\n                sidebarNavigation.set(idx)\n                onChange(source.sourceId)\n              }}\n            >\n              {source.title}\n            </StyledSourceItem>\n          )\n        })}\n      </StyledNavigation>\n    </StyledSidebar>\n  )\n}\n"],"mappings":"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"}

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_6__sc-s03uiv-0"
+  componentId: "core-12_17_8__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_6__sc-s03uiv-1"
+  componentId: "core-12_17_8__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_6__sc-s03uiv-2"
+  componentId: "core-12_17_8__sc-s03uiv-2"
 })(["width:100%;padding-left:10px;&:focus{padding-left:9px;}"]);
 //# sourceMappingURL=FileExplorerSidebar.styles.js.map