@procore/core-react 12.13.0 → 12.15.0

package/dist/Tree/Tree.styles.js

@@ -5,52 +5,60 @@ import { Typography } from '../Typography/Typography';
 import { colors } from '../_styles/colors';
 export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledFilenameCaption",
-  componentId: "core-12_13_0__sc-2d45b5-0"
+  componentId: "core-12_15_0__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_13_0__sc-2d45b5-1"
+  componentId: "core-12_15_0__sc-2d45b5-1"
 })(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
 export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['isHighlighted', 'isSelectable', 'isSelected'].includes(prop);
+  }
+}).withConfig({
   displayName: "StyledTreeRowContainer",
-  componentId: "core-12_13_0__sc-2d45b5-2"
+  componentId: "core-12_15_0__sc-2d45b5-2"
 })(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
-  var isSelectable = _ref.isSelectable;
-  return isSelectable ? 'cursor: pointer;' : '';
+  var isSelectable = _ref.isSelectable,
+    $isSelectable = _ref.$isSelectable;
+  return isSelectable || $isSelectable ? 'cursor: pointer;' : '';
 }, colors.gray98, function (_ref2) {
-  var isHighlighted = _ref2.isHighlighted;
-  return isHighlighted ? "background: ".concat(colors.gray98, ";") : '';
+  var isHighlighted = _ref2.isHighlighted,
+    $isHighlighted = _ref2.$isHighlighted;
+  return isHighlighted || $isHighlighted ? "background: ".concat(colors.gray98, ";") : '';
 }, function (_ref3) {
   var isSelected = _ref3.isSelected,
-    isHighlighted = _ref3.isHighlighted;
-  return isSelected && "\n      background: ".concat(colors.blue96, ";\n      box-shadow: inset 4px 0px 0px ").concat(colors.blue50, ";\n\n      ").concat(StyledFilenameCaption, " {\n        color: ").concat(colors.blue40, ";\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ").concat(colors.blue94, ";\n        ").concat(StyledFilenameCaption, " {\n          color: ").concat(colors.blue45, ";\n        }\n      }\n\n      ").concat(isHighlighted && "\n          background-color: ".concat(colors.blue94, ";\n          ").concat(StyledFilenameCaption, " {\n            color: ").concat(colors.blue45, ";\n          }\n        "), "\n    ");
+    $isSelected = _ref3.$isSelected,
+    isHighlighted = _ref3.isHighlighted,
+    $isHighlighted = _ref3.$isHighlighted;
+  return (isSelected || $isSelected) && "\n      background: ".concat(colors.blue96, ";\n      box-shadow: inset 4px 0px 0px ").concat(colors.blue50, ";\n\n      ").concat(StyledFilenameCaption, " {\n        color: ").concat(colors.blue40, ";\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ").concat(colors.blue94, ";\n        ").concat(StyledFilenameCaption, " {\n          color: ").concat(colors.blue45, ";\n        }\n      }\n\n      ").concat((isHighlighted || $isHighlighted) && "\n          background-color: ".concat(colors.blue94, ";\n          ").concat(StyledFilenameCaption, " {\n            color: ").concat(colors.blue45, ";\n          }\n        "), "\n    ");
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-12_13_0__sc-2d45b5-3"
+  componentId: "core-12_15_0__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_13_0__sc-2d45b5-4"
+  componentId: "core-12_15_0__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_13_0__sc-2d45b5-5"
+  componentId: "core-12_15_0__sc-2d45b5-5"
 })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
 export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronContainer",
-  componentId: "core-12_13_0__sc-2d45b5-6"
+  componentId: "core-12_15_0__sc-2d45b5-6"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_13_0__sc-2d45b5-7"
+  componentId: "core-12_15_0__sc-2d45b5-7"
 })(["color:", ";"], function (_ref4) {
   var $isSelected = _ref4.$isSelected;
   return $isSelected ? colors.blue45 : colors.gray40;
 });
 export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevron",
-  componentId: "core-12_13_0__sc-2d45b5-8"
+  componentId: "core-12_15_0__sc-2d45b5-8"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
   var $isExpanded = _ref5.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Tree/Tree.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.styles.js","names":["ChevronRight","styled","Box","Typography","colors","StyledFilenameCaption","withConfig","displayName","componentId","StyledTree","div","StyledTreeRowContainer","_ref","isSelectable","gray98","_ref2","isHighlighted","concat","_ref3","isSelected","blue96","blue50","blue40","blue94","blue45","StyledTreeRowContent","StyledTreeRowWrapper","StyledIconBase","StyledChevronContainer","StyledIconContainer","_ref4","$isSelected","gray40","StyledChevron","_ref5","$isExpanded"],"sources":["../../src/Tree/Tree.styles.ts"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { Typography } from '../Typography/Typography'\nimport { colors } from '../_styles/colors'\n\nexport const StyledFilenameCaption = styled(Typography)`\n  display: flex;\n  width: 100%;\n`\n\nexport const StyledTree = styled.div`\n  width: 100%;\n  height: 100%;\n  min-height: 36px;\n  outline: none;\n  overflow: auto;\n`\n\nexport const StyledTreeRowContainer = styled(Typography)<{\n  isHighlighted: boolean\n  isSelectable: boolean\n  isSelected: boolean\n}>`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  background: transparent;\n  box-shadow: inset 4px 0px 0px transparent;\n  cursor: default;\n  outline: none;\n\n  ${({ isSelectable }) => (isSelectable ? 'cursor: pointer;' : '')}\n\n  &:hover {\n    background: ${colors.gray98};\n  }\n\n  ${({ isHighlighted }) =>\n    isHighlighted ? `background: ${colors.gray98};` : ''}\n\n  ${({ isSelected, isHighlighted }) =>\n    isSelected &&\n    `\n      background: ${colors.blue96};\n      box-shadow: inset 4px 0px 0px ${colors.blue50};\n\n      ${StyledFilenameCaption} {\n        color: ${colors.blue40};\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ${colors.blue94};\n        ${StyledFilenameCaption} {\n          color: ${colors.blue45};\n        }\n      }\n\n      ${\n        isHighlighted &&\n        `\n          background-color: ${colors.blue94};\n          ${StyledFilenameCaption} {\n            color: ${colors.blue45};\n          }\n        `\n      }\n    `}\n`\n\nexport const StyledTreeRowContent = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const StyledTreeRowWrapper = styled.div`\n  outline: none;\n`\n\nconst StyledIconBase = styled(Box)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  min-height: 24px;\n`\n\nexport const StyledChevronContainer = styled(StyledIconBase)``\n\nexport const StyledIconContainer = styled(StyledIconBase)<{\n  $isSelected?: boolean\n}>`\n  color: ${({ $isSelected }) => ($isSelected ? colors.blue45 : colors.gray40)};\n`\n\nexport const StyledChevron = styled(ChevronRight)<{\n  $isExpanded?: boolean\n}>`\n  transform: rotate(${({ $isExpanded }) => ($isExpanded ? 90 : 0)}deg);\n  transition: transform 150ms ease-out;\n`\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,qBAAqB;AAClD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,qBAAqB,gBAAGJ,MAAM,CAACE,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAGtD;AAED,OAAO,IAAMC,UAAU,gBAAGR,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAMnC;AAED,OAAO,IAAMG,sBAAsB,gBAAGV,MAAM,CAACE,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wLAapD,UAAAI,IAAA;EAAA,IAAGC,YAAY,GAAAD,IAAA,CAAZC,YAAY;EAAA,OAAQA,YAAY,GAAG,kBAAkB,GAAG,EAAE;AAAA,CAAC,EAGhDT,MAAM,CAACU,MAAM,EAG3B,UAAAC,KAAA;EAAA,IAAGC,aAAa,GAAAD,KAAA,CAAbC,aAAa;EAAA,OAChBA,aAAa,kBAAAC,MAAA,CAAkBb,MAAM,CAACU,MAAM,SAAM,EAAE;AAAA,GAEpD,UAAAI,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;IAAEH,aAAa,GAAAE,KAAA,CAAbF,aAAa;EAAA,OAC5BG,UAAU,2BAAAF,MAAA,CAEMb,MAAM,CAACgB,MAAM,6CAAAH,MAAA,CACKb,MAAM,CAACiB,MAAM,iBAAAJ,MAAA,CAE3CZ,qBAAqB,yBAAAY,MAAA,CACZb,MAAM,CAACkB,MAAM,0FAAAL,MAAA,CAKFb,MAAM,CAACmB,MAAM,iBAAAN,MAAA,CAC/BZ,qBAAqB,2BAAAY,MAAA,CACZb,MAAM,CAACoB,MAAM,qCAAAP,MAAA,CAKxBD,aAAa,qCAAAC,MAAA,CAESb,MAAM,CAACmB,MAAM,mBAAAN,MAAA,CAC/BZ,qBAAqB,6BAAAY,MAAA,CACZb,MAAM,CAACoB,MAAM,6BAEzB,WAEJ;AAAA,EACJ;AAED,OAAO,IAAMC,oBAAoB,gBAAGxB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCAG7C;AAED,OAAO,IAAMkB,oBAAoB,gBAAGzB,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE7C;AAED,IAAMmB,cAAc,gBAAG1B,MAAM,CAACC,GAAG,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qHASjC;AAED,OAAO,IAAMoB,sBAAsB,gBAAG3B,MAAM,CAAC0B,cAAc,CAAC,CAAArB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAE9D,OAAO,IAAMqB,mBAAmB,gBAAG5B,MAAM,CAAC0B,cAAc,CAAC,CAAArB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAG9C,UAAAsB,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OAAQA,WAAW,GAAG3B,MAAM,CAACoB,MAAM,GAAGpB,MAAM,CAAC4B,MAAM;AAAA,CAAC,CAC5E;AAED,OAAO,IAAMC,aAAa,gBAAGhC,MAAM,CAACD,YAAY,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAG3B,UAAA0B,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OAAQA,WAAW,GAAG,EAAE,GAAG,CAAC;AAAA,CAAC,CAEhE"}
+{"version":3,"file":"Tree.styles.js","names":["ChevronRight","styled","Box","Typography","colors","StyledFilenameCaption","withConfig","displayName","componentId","StyledTree","div","StyledTreeRowContainer","shouldForwardProp","prop","includes","_ref","isSelectable","$isSelectable","gray98","_ref2","isHighlighted","$isHighlighted","concat","_ref3","isSelected","$isSelected","blue96","blue50","blue40","blue94","blue45","StyledTreeRowContent","StyledTreeRowWrapper","StyledIconBase","StyledChevronContainer","StyledIconContainer","_ref4","gray40","StyledChevron","_ref5","$isExpanded"],"sources":["../../src/Tree/Tree.styles.ts"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { Typography } from '../Typography/Typography'\nimport { colors } from '../_styles/colors'\n\nexport const StyledFilenameCaption = styled(Typography)`\n  display: flex;\n  width: 100%;\n`\n\nexport const StyledTree = styled.div`\n  width: 100%;\n  height: 100%;\n  min-height: 36px;\n  outline: none;\n  overflow: auto;\n`\n\nexport const StyledTreeRowContainer = styled(Typography).withConfig({\n  shouldForwardProp: (prop) =>\n    !['isHighlighted', 'isSelectable', 'isSelected'].includes(prop),\n})<{\n  /** @deprecated Use $isHighlighted instead */\n  isHighlighted?: boolean\n  $isHighlighted?: boolean\n  /** @deprecated Use $isSelectable instead */\n  isSelectable?: boolean\n  $isSelectable?: boolean\n  /** @deprecated Use $isSelected instead */\n  isSelected?: boolean\n  $isSelected?: boolean\n}>`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  background: transparent;\n  box-shadow: inset 4px 0px 0px transparent;\n  cursor: default;\n  outline: none;\n\n  ${({ isSelectable, $isSelectable }) =>\n    isSelectable || $isSelectable ? 'cursor: pointer;' : ''}\n\n  &:hover {\n    background: ${colors.gray98};\n  }\n\n  ${({ isHighlighted, $isHighlighted }) =>\n    isHighlighted || $isHighlighted ? `background: ${colors.gray98};` : ''}\n\n  ${({ isSelected, $isSelected, isHighlighted, $isHighlighted }) =>\n    (isSelected || $isSelected) &&\n    `\n      background: ${colors.blue96};\n      box-shadow: inset 4px 0px 0px ${colors.blue50};\n\n      ${StyledFilenameCaption} {\n        color: ${colors.blue40};\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ${colors.blue94};\n        ${StyledFilenameCaption} {\n          color: ${colors.blue45};\n        }\n      }\n\n      ${\n        (isHighlighted || $isHighlighted) &&\n        `\n          background-color: ${colors.blue94};\n          ${StyledFilenameCaption} {\n            color: ${colors.blue45};\n          }\n        `\n      }\n    `}\n`\n\nexport const StyledTreeRowContent = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const StyledTreeRowWrapper = styled.div`\n  outline: none;\n`\n\nconst StyledIconBase = styled(Box)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  min-height: 24px;\n`\n\nexport const StyledChevronContainer = styled(StyledIconBase)``\n\nexport const StyledIconContainer = styled(StyledIconBase)<{\n  $isSelected?: boolean\n}>`\n  color: ${({ $isSelected }) => ($isSelected ? colors.blue45 : colors.gray40)};\n`\n\nexport const StyledChevron = styled(ChevronRight)<{\n  $isExpanded?: boolean\n}>`\n  transform: rotate(${({ $isExpanded }) => ($isExpanded ? 90 : 0)}deg);\n  transition: transform 150ms ease-out;\n`\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,qBAAqB;AAClD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,qBAAqB,gBAAGJ,MAAM,CAACE,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAGtD;AAED,OAAO,IAAMC,UAAU,gBAAGR,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0EAMnC;AAED,OAAO,IAAMG,sBAAsB,gBAAGV,MAAM,CAACE,UAAU,CAAC,CAACG,UAAU,CAAC;EAClEM,iBAAiB,EAAE,SAAAA,kBAACC,IAAI;IAAA,OACtB,CAAC,CAAC,eAAe,EAAE,cAAc,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,IAAI,CAAC;EAAA;AACnE,CAAC,CAAC,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wLAmBE,UAAAO,IAAA;EAAA,IAAGC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EAAA,OAC9BD,YAAY,IAAIC,aAAa,GAAG,kBAAkB,GAAG,EAAE;AAAA,GAGzCb,MAAM,CAACc,MAAM,EAG3B,UAAAC,KAAA;EAAA,IAAGC,aAAa,GAAAD,KAAA,CAAbC,aAAa;IAAEC,cAAc,GAAAF,KAAA,CAAdE,cAAc;EAAA,OAChCD,aAAa,IAAIC,cAAc,kBAAAC,MAAA,CAAkBlB,MAAM,CAACc,MAAM,SAAM,EAAE;AAAA,GAEtE,UAAAK,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IAAEL,aAAa,GAAAG,KAAA,CAAbH,aAAa;IAAEC,cAAc,GAAAE,KAAA,CAAdF,cAAc;EAAA,OACzD,CAACG,UAAU,IAAIC,WAAW,4BAAAH,MAAA,CAEVlB,MAAM,CAACsB,MAAM,6CAAAJ,MAAA,CACKlB,MAAM,CAACuB,MAAM,iBAAAL,MAAA,CAE3CjB,qBAAqB,yBAAAiB,MAAA,CACZlB,MAAM,CAACwB,MAAM,0FAAAN,MAAA,CAKFlB,MAAM,CAACyB,MAAM,iBAAAP,MAAA,CAC/BjB,qBAAqB,2BAAAiB,MAAA,CACZlB,MAAM,CAAC0B,MAAM,qCAAAR,MAAA,CAKxB,CAACF,aAAa,IAAIC,cAAc,sCAAAC,MAAA,CAEVlB,MAAM,CAACyB,MAAM,mBAAAP,MAAA,CAC/BjB,qBAAqB,6BAAAiB,MAAA,CACZlB,MAAM,CAAC0B,MAAM,6BAEzB,WAEJ;AAAA,EACJ;AAED,OAAO,IAAMC,oBAAoB,gBAAG9B,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCAG7C;AAED,OAAO,IAAMwB,oBAAoB,gBAAG/B,MAAM,CAACS,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE7C;AAED,IAAMyB,cAAc,gBAAGhC,MAAM,CAACC,GAAG,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qHASjC;AAED,OAAO,IAAM0B,sBAAsB,gBAAGjC,MAAM,CAACgC,cAAc,CAAC,CAAA3B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAE9D,OAAO,IAAM2B,mBAAmB,gBAAGlC,MAAM,CAACgC,cAAc,CAAC,CAAA3B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAG9C,UAAA4B,KAAA;EAAA,IAAGX,WAAW,GAAAW,KAAA,CAAXX,WAAW;EAAA,OAAQA,WAAW,GAAGrB,MAAM,CAAC0B,MAAM,GAAG1B,MAAM,CAACiC,MAAM;AAAA,CAAC,CAC5E;AAED,OAAO,IAAMC,aAAa,gBAAGrC,MAAM,CAACD,YAAY,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAG3B,UAAA+B,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OAAQA,WAAW,GAAG,EAAE,GAAG,CAAC;AAAA,CAAC,CAEhE"}

package/dist/Tree/Tree.types.d.ts

@@ -241,7 +241,9 @@ export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> =
     selectionLimit?: number;
     /**
      * Function should return a single root node or an array of root nodes
-     * <CodeBlock>{'(): Node | Node[]'}</CodeBlock>
+     * ```
+     * (): Node | Node[]
+     * ```
      * @since 10.19.0
      * @deprecated To be removed in future release. `getParentId` should be used to determine root nodes instead.
      * @deprecatedSince 11.9.0
@@ -249,28 +251,34 @@ export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> =
     getRoot?(data: P): T | T[];
     /**
      * Should return an array of children nodes.
-     * <CodeBlock>{'(node: Node): Node[]'}</CodeBlock>
+     * ```
+     * (node: Node): Node[]
+     * ```
      * @since 10.19.0
      */
     getChildren?(node: T): T[];
     /**
-     * This function will be executed on each node. Should return{' '}
-     * <Code>Icon</Code> component
-     * <CodeBlock>{'(node: Node): React.ReactNode'}</CodeBlock>
+     * This function will be executed on each node. Should return `Icon` component
+     * ```
+     * (node: Node): React.ReactNode
+     * ```
      * @since 10.19.0
      */
     getIcon?(node: T): React.ReactNode;
     /**
-     * This function will be executed on each node. Should return{' '}
-     * <Code>label</Code> for row
-     * <CodeBlock>{'(node: Node): string'}</CodeBlock>
+     * This function will be executed on each node. Should return `label` for row
+     * ```
+     * (node: Node): string
+     * ```
      * @since 10.19.0
      */
     getLabel?(node: T): string;
     /**
      * This function can be used to override the default parent detection mechanism.
-     * If not defined, <Code>Node['parentId']</Code> is used to get a given node's parent.
-     * <CodeBlock>{'(node: Node): TreeNodeId'}</CodeBlock>
+     * If not defined, `Node['parentId']` is used to get a given node's parent.
+     * ```
+     * (node: Node): TreeNodeId
+     * ```
      * @since 10.19.0
      * @deprecated Returning `UNSAFE_treeRootNodeId` to determine a root node is deprecated.
      *   Return `null` or `undefined` intead.
@@ -278,21 +286,26 @@ export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> =
      */
     getParentId?(node: T): TreeNodeId;
     /**
-     * This function will be executed on each node. Should return{' '}
-     * <Code>'branch'</Code> or <Code>'leaf'</Code>
-     * <CodeBlock>{'(node: Node): NodeType'}</CodeBlock>
+     * This function will be executed on each node. Should return `'branch'` or `'leaf'`
+     * ```
+     * (node: Node): NodeType
+     * ```
      * @since 10.19.0
      */
     getType?(node: T): NodeType;
     /**
      * Function of whether to enable tree node expansion/collapsing.
-     * <CodeBlock>{'(node: Node): boolean'}</CodeBlock>
+     * ```
+     * (node: Node): boolean
+     * ```
      * @since 10.19.0
      */
     isExpandable?(node: T): boolean;
     /**
      * Function of whether to enable tree node selection.
-     * <CodeBlock>{'(node: Node): boolean'}</CodeBlock>
+     * ```
+     * (node: Node): boolean
+     * ```
      * @since 10.19.0
      */
     isSelectable?(node: T): boolean;
@@ -321,25 +334,33 @@ export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> =
     autoExpandParent?: boolean;
     /**
      * Callback return currently selected array of nodes.
-     * <CodeBlock>{'(nodes: Node[]): void'}</CodeBlock>
+     * ```
+     * (nodes: Node[]): void
+     * ```
      * @since 10.19.0
      */
     onSelect?(nodes: T[]): void;
     /**
      * Triggers when current node collapse
-     * <CodeBlock>{'(node: Node): void'}</CodeBlock>
+     * ```
+     * (node: Node): void
+     * ```
      * @since 10.19.0
      */
     onCollapse?(node: T): void;
     /**
      * Triggers when current node expand
-     * <CodeBlock>{'(node: Node): Promise<void>'}</CodeBlock>
+     * ```
+     * (node: Node): Promise<void>
+     * ```
      * @since 10.19.0
      */
     onExpand?(node: T): Promise<any>;
     /**
      * Callback for rendering tree nodes
-     * <CodeBlock>{'(props: TreeRowProps): React.ReactNode'}</CodeBlock>
+     * ```
+     * (props: TreeRowProps): React.ReactNode
+     * ```
      * @since 10.19.0
      */
     rowRenderer?(props: TreeRowProps<T>): React.ReactNode;

package/dist/Tree/Tree.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.types.js","names":[],"sources":["../../src/Tree/Tree.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { FixedSizeListProps, ListChildComponentProps } from 'react-window'\nimport type { BoxProps } from '../Box/Box.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { DivAttributes } from '../_utils/types'\nimport type { UNSAFE_treeRootNodeId } from './Tree'\n\ntype NodeType = 'branch' | 'leaf'\n\nexport type TreeNodeId =\n  | number\n  | string\n  | null\n  | undefined\n  | typeof UNSAFE_treeRootNodeId\n\nexport interface Node {\n  /**\n   * @since 10.19.0\n   */\n  id: TreeNodeId\n}\nexport interface TreeDefaultNode extends Node {\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  parentId: TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  type: NodeType\n}\n\nexport interface LevelWise {\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n\nexport interface UseTreeProps<T extends Node = Node> {\n  rootNodes: T[]\n  /**\n   * @since 10.19.0\n   */\n  expanded: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selected: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  getChildren(node: T): T[]\n  /**\n   * @since 10.19.0\n   */\n  getParentId(node: T): TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  autoExpandParent: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSelect(nodes: T[]): void\n  /**\n   * @since 10.19.0\n   */\n  onCollapse(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  onExpand(node: T): Promise<any>\n}\n\nexport interface TreeNodeAPI<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  nodes: (T & LevelWise)[]\n  /**\n   * @since 10.19.0\n   */\n  getIcon(props: T): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  getLabel(props: T): string\n  /**\n   * @since 10.19.0\n   */\n  getType(node: T): NodeType\n  /**\n   * @since 10.19.0\n   */\n  isExpandable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isLoading(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpanded(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  highlight(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  handleSelection(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  handleExpansion(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  rowRenderer(props: TreeRowProps<T>): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  isTreeFocused: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface CustomDataType<T> {\n  /**\n   * @since 10.19.0\n   */\n  [key: string]: any\n}\n\nexport interface TreeRef<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  setSelected: (selected: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  setExpanded: (expanded: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleSelected: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleExpanded: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  rootEl: HTMLElement | null\n}\n\nexport interface TreeNodeProps extends ListChildComponentProps {\n  /**\n   * @since 10.19.0\n   */\n  data: TreeNodeAPI\n}\n\nexport interface TreeRowOverlayProps {\n  /**\n   * @since 10.19.0\n   */\n  overlayRef: OverlayProps['overlayRef']\n  /**\n   * @since 10.19.0\n   */\n  targetRef: OverlayProps['targetRef']\n  /**\n   * @since 10.19.0\n   */\n  message: { key: string; options?: object }\n}\n\nexport interface TreeRowProps<T extends Node = Node>\n  extends Omit<\n    TreeNodeAPI,\n    'rowRenderer' | 'nodes' | 'highlight' | 'isTreeFocused'\n  > {\n  /**\n   * @since 10.19.0\n   */\n  node: T & LevelWise\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeProps<\n  T extends Node = Node,\n  P extends CustomDataType<T> = Array<T>\n> extends Omit<DivAttributes, 'onSelect'>,\n    Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>> {\n  /**\n   * @since 10.19.0\n   */\n  options: P\n  /**\n   * Array of keys of the expanded nodes\n   * @since 10.19.0\n   */\n  expanded?: T['id'][]\n\n  /**\n   * Array of keys of the selected nodes\n   * @since 10.19.0\n   */\n  selected?: T['id'][]\n\n  /**\n   * Number of nodes that can be selected\n   * @default Infinity\n   * @since 10.19.0\n   */\n  selectionLimit?: number\n\n  /**\n   * Function should return a single root node or an array of root nodes\n   * <CodeBlock>{'(): Node | Node[]'}</CodeBlock>\n   * @since 10.19.0\n   * @deprecated To be removed in future release. `getParentId` should be used to determine root nodes instead.\n   * @deprecatedSince 11.9.0\n   */\n  getRoot?(data: P): T | T[]\n\n  /**\n   * Should return an array of children nodes.\n   * <CodeBlock>{'(node: Node): Node[]'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getChildren?(node: T): T[]\n\n  /**\n   * This function will be executed on each node. Should return{' '}\n   * <Code>Icon</Code> component\n   * <CodeBlock>{'(node: Node): React.ReactNode'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getIcon?(node: T): React.ReactNode\n\n  /**\n   * This function will be executed on each node. Should return{' '}\n   * <Code>label</Code> for row\n   * <CodeBlock>{'(node: Node): string'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getLabel?(node: T): string\n\n  /**\n   * This function can be used to override the default parent detection mechanism.\n   * If not defined, <Code>Node['parentId']</Code> is used to get a given node's parent.\n   * <CodeBlock>{'(node: Node): TreeNodeId'}</CodeBlock>\n   * @since 10.19.0\n   * @deprecated Returning `UNSAFE_treeRootNodeId` to determine a root node is deprecated.\n   *   Return `null` or `undefined` intead.\n   * @deprecatedSince 11.9.0\n   */\n  getParentId?(node: T): TreeNodeId\n\n  /**\n   * This function will be executed on each node. Should return{' '}\n   * <Code>'branch'</Code> or <Code>'leaf'</Code>\n   * <CodeBlock>{'(node: Node): NodeType'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getType?(node: T): NodeType\n\n  /**\n   * Function of whether to enable tree node expansion/collapsing.\n   * <CodeBlock>{'(node: Node): boolean'}</CodeBlock>\n   * @since 10.19.0\n   */\n  isExpandable?(node: T): boolean\n\n  /**\n   * Function of whether to enable tree node selection.\n   * <CodeBlock>{'(node: Node): boolean'}</CodeBlock>\n   * @since 10.19.0\n   */\n  isSelectable?(node: T): boolean\n\n  /**\n   * Allows selection of multiple nodes\n   * @default true\n   * @since 10.19.0\n   */\n  multiple?: boolean\n\n  /**\n   * Number of visible nodes. Helps fix performance bottlenecks in large dataset\n   * @default Infinity\n   * @since 10.19.0\n   */\n  maxVisibleNodes?: number\n\n  /**\n   * Height of the list. Helps fix performance bottlenecks in large dataset.\n   * @since 10.19.0\n   */\n  visibleHeight?: number\n\n  /**\n   * Whether to expand parent node when a child node is expanded or selected\n   * @default true\n   * @since 10.19.0\n   */\n  autoExpandParent?: boolean\n\n  /**\n   * Callback return currently selected array of nodes.\n   * <CodeBlock>{'(nodes: Node[]): void'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onSelect?(nodes: T[]): void\n\n  /**\n   * Triggers when current node collapse\n   * <CodeBlock>{'(node: Node): void'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onCollapse?(node: T): void\n\n  /**\n   * Triggers when current node expand\n   * <CodeBlock>{'(node: Node): Promise<void>'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onExpand?(node: T): Promise<any>\n\n  /**\n   * Callback for rendering tree nodes\n   * <CodeBlock>{'(props: TreeRowProps): React.ReactNode'}</CodeBlock>\n   * @since 10.19.0\n   */\n  rowRenderer?(props: TreeRowProps<T>): React.ReactNode\n}\n\nexport interface IconContainerProps extends BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  isSelected?: boolean\n}\n\nexport interface TreeRowTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  fileName: string\n  /**\n   * @since 10.19.0\n   */\n  nodeType: NodeType\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeRowContainerProps extends Omit<DivAttributes, 'color'> {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpandable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n"],"mappings":""}
+{"version":3,"file":"Tree.types.js","names":[],"sources":["../../src/Tree/Tree.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { FixedSizeListProps, ListChildComponentProps } from 'react-window'\nimport type { BoxProps } from '../Box/Box.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { DivAttributes } from '../_utils/types'\nimport type { UNSAFE_treeRootNodeId } from './Tree'\n\ntype NodeType = 'branch' | 'leaf'\n\nexport type TreeNodeId =\n  | number\n  | string\n  | null\n  | undefined\n  | typeof UNSAFE_treeRootNodeId\n\nexport interface Node {\n  /**\n   * @since 10.19.0\n   */\n  id: TreeNodeId\n}\nexport interface TreeDefaultNode extends Node {\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  parentId: TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  type: NodeType\n}\n\nexport interface LevelWise {\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n\nexport interface UseTreeProps<T extends Node = Node> {\n  rootNodes: T[]\n  /**\n   * @since 10.19.0\n   */\n  expanded: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selected: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  getChildren(node: T): T[]\n  /**\n   * @since 10.19.0\n   */\n  getParentId(node: T): TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  autoExpandParent: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSelect(nodes: T[]): void\n  /**\n   * @since 10.19.0\n   */\n  onCollapse(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  onExpand(node: T): Promise<any>\n}\n\nexport interface TreeNodeAPI<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  nodes: (T & LevelWise)[]\n  /**\n   * @since 10.19.0\n   */\n  getIcon(props: T): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  getLabel(props: T): string\n  /**\n   * @since 10.19.0\n   */\n  getType(node: T): NodeType\n  /**\n   * @since 10.19.0\n   */\n  isExpandable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isLoading(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpanded(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  highlight(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  handleSelection(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  handleExpansion(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  rowRenderer(props: TreeRowProps<T>): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  isTreeFocused: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface CustomDataType<T> {\n  /**\n   * @since 10.19.0\n   */\n  [key: string]: any\n}\n\nexport interface TreeRef<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  setSelected: (selected: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  setExpanded: (expanded: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleSelected: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleExpanded: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  rootEl: HTMLElement | null\n}\n\nexport interface TreeNodeProps extends ListChildComponentProps {\n  /**\n   * @since 10.19.0\n   */\n  data: TreeNodeAPI\n}\n\nexport interface TreeRowOverlayProps {\n  /**\n   * @since 10.19.0\n   */\n  overlayRef: OverlayProps['overlayRef']\n  /**\n   * @since 10.19.0\n   */\n  targetRef: OverlayProps['targetRef']\n  /**\n   * @since 10.19.0\n   */\n  message: { key: string; options?: object }\n}\n\nexport interface TreeRowProps<T extends Node = Node>\n  extends Omit<\n    TreeNodeAPI,\n    'rowRenderer' | 'nodes' | 'highlight' | 'isTreeFocused'\n  > {\n  /**\n   * @since 10.19.0\n   */\n  node: T & LevelWise\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeProps<\n  T extends Node = Node,\n  P extends CustomDataType<T> = Array<T>\n> extends Omit<DivAttributes, 'onSelect'>,\n    Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>> {\n  /**\n   * @since 10.19.0\n   */\n  options: P\n  /**\n   * Array of keys of the expanded nodes\n   * @since 10.19.0\n   */\n  expanded?: T['id'][]\n\n  /**\n   * Array of keys of the selected nodes\n   * @since 10.19.0\n   */\n  selected?: T['id'][]\n\n  /**\n   * Number of nodes that can be selected\n   * @default Infinity\n   * @since 10.19.0\n   */\n  selectionLimit?: number\n\n  /**\n   * Function should return a single root node or an array of root nodes\n   * ```\n   * (): Node | Node[]\n   * ```\n   * @since 10.19.0\n   * @deprecated To be removed in future release. `getParentId` should be used to determine root nodes instead.\n   * @deprecatedSince 11.9.0\n   */\n  getRoot?(data: P): T | T[]\n\n  /**\n   * Should return an array of children nodes.\n   * ```\n   * (node: Node): Node[]\n   * ```\n   * @since 10.19.0\n   */\n  getChildren?(node: T): T[]\n\n  /**\n   * This function will be executed on each node. Should return `Icon` component\n   * ```\n   * (node: Node): React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  getIcon?(node: T): React.ReactNode\n\n  /**\n   * This function will be executed on each node. Should return `label` for row\n   * ```\n   * (node: Node): string\n   * ```\n   * @since 10.19.0\n   */\n  getLabel?(node: T): string\n\n  /**\n   * This function can be used to override the default parent detection mechanism.\n   * If not defined, `Node['parentId']` is used to get a given node's parent.\n   * ```\n   * (node: Node): TreeNodeId\n   * ```\n   * @since 10.19.0\n   * @deprecated Returning `UNSAFE_treeRootNodeId` to determine a root node is deprecated.\n   *   Return `null` or `undefined` intead.\n   * @deprecatedSince 11.9.0\n   */\n  getParentId?(node: T): TreeNodeId\n\n  /**\n   * This function will be executed on each node. Should return `'branch'` or `'leaf'`\n   * ```\n   * (node: Node): NodeType\n   * ```\n   * @since 10.19.0\n   */\n  getType?(node: T): NodeType\n\n  /**\n   * Function of whether to enable tree node expansion/collapsing.\n   * ```\n   * (node: Node): boolean\n   * ```\n   * @since 10.19.0\n   */\n  isExpandable?(node: T): boolean\n\n  /**\n   * Function of whether to enable tree node selection.\n   * ```\n   * (node: Node): boolean\n   * ```\n   * @since 10.19.0\n   */\n  isSelectable?(node: T): boolean\n\n  /**\n   * Allows selection of multiple nodes\n   * @default true\n   * @since 10.19.0\n   */\n  multiple?: boolean\n\n  /**\n   * Number of visible nodes. Helps fix performance bottlenecks in large dataset\n   * @default Infinity\n   * @since 10.19.0\n   */\n  maxVisibleNodes?: number\n\n  /**\n   * Height of the list. Helps fix performance bottlenecks in large dataset.\n   * @since 10.19.0\n   */\n  visibleHeight?: number\n\n  /**\n   * Whether to expand parent node when a child node is expanded or selected\n   * @default true\n   * @since 10.19.0\n   */\n  autoExpandParent?: boolean\n\n  /**\n   * Callback return currently selected array of nodes.\n   * ```\n   * (nodes: Node[]): void\n   * ```\n   * @since 10.19.0\n   */\n  onSelect?(nodes: T[]): void\n\n  /**\n   * Triggers when current node collapse\n   * ```\n   * (node: Node): void\n   * ```\n   * @since 10.19.0\n   */\n  onCollapse?(node: T): void\n\n  /**\n   * Triggers when current node expand\n   * ```\n   * (node: Node): Promise<void>\n   * ```\n   * @since 10.19.0\n   */\n  onExpand?(node: T): Promise<any>\n\n  /**\n   * Callback for rendering tree nodes\n   * ```\n   * (props: TreeRowProps): React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  rowRenderer?(props: TreeRowProps<T>): React.ReactNode\n}\n\nexport interface IconContainerProps extends BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  isSelected?: boolean\n}\n\nexport interface TreeRowTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  fileName: string\n  /**\n   * @since 10.19.0\n   */\n  nodeType: NodeType\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeRowContainerProps extends Omit<DivAttributes, 'color'> {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpandable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n"],"mappings":""}

package/dist/Typeahead/Typeahead.styles.js

@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
 var inputHeight = 36;
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_13_0__sc-gpc39h-0"
+  componentId: "core-12_15_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_13_0__sc-gpc39h-1"
+  componentId: "core-12_15_0__sc-gpc39h-1"
 })(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
   return p.disabled ? colors.gray70 : colors.gray45;
 }, inputHeight, function (p) {
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
 }, inputHeight);
 export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTypeahead",
-  componentId: "core-12_13_0__sc-gpc39h-2"
+  componentId: "core-12_15_0__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typography/Typography.js

@@ -18,7 +18,7 @@ export var Typography = /*#__PURE__*/React.forwardRef(function Typography(_ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledTypography, _extends({
     $color: color,
-    breakWord: breakWord
+    $breakWord: breakWord
   }, props, {
     ref: ref
   }), children);

package/dist/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["React","StyledTypography","Typography","forwardRef","_ref","ref","children","color","breakWord","props","_objectWithoutProperties","_excluded","createElement","_extends","$color","displayName"],"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport type { SpanAttributes } from '../_utils/types'\nimport { StyledTypography } from './Typography.styles'\nimport type { TypographyProps } from './Typography.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typography--demo)\n\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(function Typography({ children, color, breakWord, ...props }, ref) {\n  return (\n    <StyledTypography $color={color} breakWord={breakWord} {...props} ref={ref}>\n      {children}\n    </StyledTypography>\n  )\n})\n\nTypography.displayName = 'Typography'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CAGxC,SAASD,UAAUA,CAAAE,IAAA,EAA2CC,GAAG,EAAE;EAAA,IAA7CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAC1D,oBACEX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,EAAAY,QAAA;IAACC,MAAM,EAAEP,KAAM;IAACC,SAAS,EAAEA;EAAU,GAAKC,KAAK;IAAEJ,GAAG,EAAEA;EAAI,IACxEC,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFJ,UAAU,CAACa,WAAW,GAAG,YAAY"}
+{"version":3,"file":"Typography.js","names":["React","StyledTypography","Typography","forwardRef","_ref","ref","children","color","breakWord","props","_objectWithoutProperties","_excluded","createElement","_extends","$color","$breakWord","displayName"],"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport type { SpanAttributes } from '../_utils/types'\nimport { StyledTypography } from './Typography.styles'\nimport type { TypographyProps } from './Typography.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typography--demo)\n\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(function Typography({ children, color, breakWord, ...props }, ref) {\n  return (\n    <StyledTypography\n      $color={color}\n      $breakWord={breakWord}\n      {...props}\n      ref={ref}\n    >\n      {children}\n    </StyledTypography>\n  )\n})\n\nTypography.displayName = 'Typography'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CAGxC,SAASD,UAAUA,CAAAE,IAAA,EAA2CC,GAAG,EAAE;EAAA,IAA7CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAC1D,oBACEX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,EAAAY,QAAA;IACfC,MAAM,EAAEP,KAAM;IACdQ,UAAU,EAAEP;EAAU,GAClBC,KAAK;IACTJ,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFJ,UAAU,CAACc,WAAW,GAAG,YAAY"}

package/dist/Typography/Typography.styles.d.ts

@@ -1,7 +1,8 @@
 import type { FlattenSimpleInterpolation } from 'styled-components';
 import type { Intent, TypographyProps, Weight } from './Typography.types';
-export interface StyledTypographyProps extends Omit<TypographyProps, 'color'> {
+export interface StyledTypographyProps extends Omit<TypographyProps, 'color' | 'breakWord'> {
     $color?: TypographyProps['color'];
+    $breakWord?: boolean;
 }
 export declare const typographyWeights: {
     [key in Weight]: number;

package/dist/Typography/Typography.styles.js

@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
 };
 export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTypography",
-  componentId: "core-12_13_0__sc-1c4583t-0"
+  componentId: "core-12_15_0__sc-1c4583t-0"
 })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
   var _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'body' : _ref$intent;
@@ -52,7 +52,7 @@ export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
   var weight = _ref4.weight;
   return weight && typographyWeights[weight];
 }, semiboldRules, function (_ref5) {
-  var breakWord = _ref5.breakWord;
-  return breakWord && "\n  word-wrap: break-word;\n  word-break: break-word;\n";
+  var $breakWord = _ref5.$breakWord;
+  return $breakWord && "\n  word-wrap: break-word;\n  word-break: break-word;\n";
 });
 //# sourceMappingURL=Typography.styles.js.map

package/dist/Typography/Typography.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.styles.js","names":["styled","css","colors","typographyWeights","regular","semibold","bold","typographyLineHeight","small","body","h1","h2","h3","label","typographyIntents","getTypographyIntent","intent","semiboldRules","StyledTypography","span","withConfig","displayName","componentId","_ref","_ref$intent","_ref2","_ref2$$color","$color","_ref3","_ref3$italic","italic","_ref4","weight","_ref5","breakWord"],"sources":["../../src/Typography/Typography.styles.ts"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport type { Intent, TypographyProps, Weight } from './Typography.types'\n\nexport interface StyledTypographyProps extends Omit<TypographyProps, 'color'> {\n  $color?: TypographyProps['color']\n}\n\nexport const typographyWeights: {\n  [key in Weight]: number\n} = {\n  regular: 400,\n  semibold: 600,\n  bold: 700,\n}\n\nexport const typographyLineHeight: Record<Intent, number> = {\n  small: 16,\n  body: 20,\n  h1: 32,\n  h2: 28,\n  h3: 24,\n  label: 20,\n}\n\nconst body = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.body}px;\n`\n\nconst h1 = css`\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ${typographyWeights.bold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h1}px;\n`\n\nconst h2 = css`\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h2}px;\n`\n\nconst h3 = css`\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h3}px;\n`\n\nconst small = css`\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.25px;\n  line-height: ${typographyLineHeight.small}px;\n`\n\nconst label = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.label}px;\n`\n\nconst typographyIntents: {\n  [key in Intent]: FlattenSimpleInterpolation\n} = {\n  body,\n  h1,\n  h2,\n  h3,\n  small,\n  label,\n}\n\nexport function getTypographyIntent(intent: Intent) {\n  return typographyIntents[intent]\n}\n\nexport const semiboldRules = () => {\n  return css`\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  `\n}\n\nexport const StyledTypography = styled.span<StyledTypographyProps>`\n  ${({ intent = 'body' }) => typographyIntents[intent]}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-style: ${({ italic = false }) => (italic ? 'italic' : 'inherit')};\n  font-weight: ${({ weight }) => weight && typographyWeights[weight]};\n  ${semiboldRules}\n  ${({ breakWord }) =>\n    breakWord &&\n    `\n  word-wrap: break-word;\n  word-break: break-word;\n`}\n  em,\n  i {\n    font-style: italic;\n  }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAO1C,OAAO,IAAMC,iBAEZ,GAAG;EACFC,OAAO,EAAE,GAAG;EACZC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,oBAA4C,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC;AAED,IAAMJ,IAAI,gBAAGR,GAAG,oGAGCE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACE,IAAI,CACzC;AAED,IAAMC,EAAE,gBAAGT,GAAG,oGAGGE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACG,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGV,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACI,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGX,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACK,EAAE,CACvC;AAED,IAAMJ,KAAK,gBAAGP,GAAG,oGAGAE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACC,KAAK,CAC1C;AAED,IAAMK,KAAK,gBAAGZ,GAAG,oGAGAE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACM,KAAK,CAC1C;AAED,IAAMC,iBAEL,GAAG;EACFL,IAAI,EAAJA,IAAI;EACJC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFJ,KAAK,EAALA,KAAK;EACLK,KAAK,EAALA;AACF,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAACC,MAAc,EAAE;EAClD,OAAOF,iBAAiB,CAACE,MAAM,CAAC;AAClC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,OAAOhB,GAAG;AAMZ,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FACvC,UAAAC,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGP,MAAM;IAANA,MAAM,GAAAQ,WAAA,cAAG,MAAM,GAAAA,WAAA;EAAA,OAAOV,iBAAiB,CAACE,MAAM,CAAC;AAAA,GAC3C,UAAAS,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;EAAA,OAAOxB,MAAM,CAACyB,MAAM,CAAC;AAAA,GACpC,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OAAQC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,EACtD,UAAAC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOA,MAAM,IAAI7B,iBAAiB,CAAC6B,MAAM,CAAC;AAAA,GAChEf,aAAa,EACb,UAAAgB,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,6DAIZ;AAAA,EAKA"}
+{"version":3,"file":"Typography.styles.js","names":["styled","css","colors","typographyWeights","regular","semibold","bold","typographyLineHeight","small","body","h1","h2","h3","label","typographyIntents","getTypographyIntent","intent","semiboldRules","StyledTypography","span","withConfig","displayName","componentId","_ref","_ref$intent","_ref2","_ref2$$color","$color","_ref3","_ref3$italic","italic","_ref4","weight","_ref5","$breakWord"],"sources":["../../src/Typography/Typography.styles.ts"],"sourcesContent":["import type { FlattenSimpleInterpolation } from 'styled-components'\nimport styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport type { Intent, TypographyProps, Weight } from './Typography.types'\n\nexport interface StyledTypographyProps\n  extends Omit<TypographyProps, 'color' | 'breakWord'> {\n  $color?: TypographyProps['color']\n  $breakWord?: boolean\n}\n\nexport const typographyWeights: {\n  [key in Weight]: number\n} = {\n  regular: 400,\n  semibold: 600,\n  bold: 700,\n}\n\nexport const typographyLineHeight: Record<Intent, number> = {\n  small: 16,\n  body: 20,\n  h1: 32,\n  h2: 28,\n  h3: 24,\n  label: 20,\n}\n\nconst body = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.body}px;\n`\n\nconst h1 = css`\n  font-family: inherit;\n  font-size: 24px;\n  font-weight: ${typographyWeights.bold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h1}px;\n`\n\nconst h2 = css`\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h2}px;\n`\n\nconst h3 = css`\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.h3}px;\n`\n\nconst small = css`\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: ${typographyWeights.regular};\n  letter-spacing: 0.25px;\n  line-height: ${typographyLineHeight.small}px;\n`\n\nconst label = css`\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: ${typographyWeights.semibold};\n  letter-spacing: 0.15px;\n  line-height: ${typographyLineHeight.label}px;\n`\n\nconst typographyIntents: {\n  [key in Intent]: FlattenSimpleInterpolation\n} = {\n  body,\n  h1,\n  h2,\n  h3,\n  small,\n  label,\n}\n\nexport function getTypographyIntent(intent: Intent) {\n  return typographyIntents[intent]\n}\n\nexport const semiboldRules = () => {\n  return css`\n    & > strong,\n    > b {\n      font-weight: 600;\n    }\n  `\n}\n\nexport const StyledTypography = styled.span<StyledTypographyProps>`\n  ${({ intent = 'body' }) => typographyIntents[intent]}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-style: ${({ italic = false }) => (italic ? 'italic' : 'inherit')};\n  font-weight: ${({ weight }) => weight && typographyWeights[weight]};\n  ${semiboldRules}\n  ${({ $breakWord }) =>\n    $breakWord &&\n    `\n  word-wrap: break-word;\n  word-break: break-word;\n`}\n  em,\n  i {\n    font-style: italic;\n  }\n`\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAS1C,OAAO,IAAMC,iBAEZ,GAAG;EACFC,OAAO,EAAE,GAAG;EACZC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,oBAA4C,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC;AAED,IAAMJ,IAAI,gBAAGR,GAAG,oGAGCE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACE,IAAI,CACzC;AAED,IAAMC,EAAE,gBAAGT,GAAG,oGAGGE,iBAAiB,CAACG,IAAI,EAEtBC,oBAAoB,CAACG,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGV,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACI,EAAE,CACvC;AAED,IAAMC,EAAE,gBAAGX,GAAG,oGAGGE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACK,EAAE,CACvC;AAED,IAAMJ,KAAK,gBAAGP,GAAG,oGAGAE,iBAAiB,CAACC,OAAO,EAEzBG,oBAAoB,CAACC,KAAK,CAC1C;AAED,IAAMK,KAAK,gBAAGZ,GAAG,oGAGAE,iBAAiB,CAACE,QAAQ,EAE1BE,oBAAoB,CAACM,KAAK,CAC1C;AAED,IAAMC,iBAEL,GAAG;EACFL,IAAI,EAAJA,IAAI;EACJC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFJ,KAAK,EAALA,KAAK;EACLK,KAAK,EAALA;AACF,CAAC;AAED,OAAO,SAASE,mBAAmBA,CAACC,MAAc,EAAE;EAClD,OAAOF,iBAAiB,CAACE,MAAM,CAAC;AAClC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,OAAOhB,GAAG;AAMZ,CAAC;AAED,OAAO,IAAMiB,gBAAgB,gBAAGlB,MAAM,CAACmB,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FACvC,UAAAC,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGP,MAAM;IAANA,MAAM,GAAAQ,WAAA,cAAG,MAAM,GAAAA,WAAA;EAAA,OAAOV,iBAAiB,CAACE,MAAM,CAAC;AAAA,GAC3C,UAAAS,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;EAAA,OAAOxB,MAAM,CAACyB,MAAM,CAAC;AAAA,GACpC,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OAAQC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAAA,CAAC,EACtD,UAAAC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOA,MAAM,IAAI7B,iBAAiB,CAAC6B,MAAM,CAAC;AAAA,GAChEf,aAAa,EACb,UAAAgB,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,6DAIb;AAAA,EAKA"}

package/dist/Typography/Typography.table.story.js

@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
 import { getTypographyIntent } from './Typography.styles';
 var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-12_13_0__sc-p4v7d-0"
+  componentId: "core-12_15_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_13_0__sc-p4v7d-1"
+  componentId: "core-12_15_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_typedoc/Avatar/Avatar.types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -20,7 +20,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "icon",
@@ -30,7 +30,7 @@
         "description": "The icon to display",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L100"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L100"
       },
       {
         "name": "style",
@@ -40,7 +40,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -56,7 +56,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -66,7 +66,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "style",
@@ -76,7 +76,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -92,7 +92,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L12"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L12"
       },
       {
         "name": "img",
@@ -102,7 +102,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L13"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L13"
       },
       {
         "name": "link",
@@ -112,7 +112,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L14"
       }
     ],
     "description": ""
@@ -128,7 +128,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -138,7 +138,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "imageUrl",
@@ -148,7 +148,7 @@
         "description": "The Avatar rich media url",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L108"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L108"
       },
       {
         "name": "style",
@@ -158,7 +158,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""
@@ -174,7 +174,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -184,7 +184,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "clickable",
@@ -197,7 +197,7 @@
         "deprecated": "Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.",
         "deprecatedSince": "TBD",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L34"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L34"
       },
       {
         "name": "disabled",
@@ -208,7 +208,7 @@
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar&#39;s disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
         "defaultValue": "false\n",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L40"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L40"
       },
       {
         "name": "size",
@@ -221,7 +221,7 @@
         "deprecated": "\n\nSize \"xl\" has been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
         "deprecatedSince": "10.20.0",
         "sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/Avatar/Avatar.types.ts#L62"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/Avatar/Avatar.types.ts#L62"
       },
       {
         "name": "style",
@@ -231,7 +231,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/356a794/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/2d97afd/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""