@procore/core-react 12.35.0 → 12.36.0

package/dist/Tree/Tree.styles.js

@@ -5,11 +5,11 @@ import { Typography } from '../Typography/Typography';
 import { colors } from '../_styles/colors';
 export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledFilenameCaption",
-  componentId: "core-12_35_0__sc-2d45b5-0"
+  componentId: "core-12_36_0__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_35_0__sc-2d45b5-1"
+  componentId: "core-12_36_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) {
@@ -17,7 +17,7 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   }
 }).withConfig({
   displayName: "StyledTreeRowContainer",
-  componentId: "core-12_35_0__sc-2d45b5-2"
+  componentId: "core-12_36_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,
     $isSelectable = _ref.$isSelectable;
@@ -35,30 +35,38 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-12_35_0__sc-2d45b5-3"
+  componentId: "core-12_36_0__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_35_0__sc-2d45b5-4"
+  componentId: "core-12_36_0__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_35_0__sc-2d45b5-5"
+  componentId: "core-12_36_0__sc-2d45b5-5"
 })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
+
+/** @deprecated Use StyledChevronPlaceholder instead */
 export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronContainer",
-  componentId: "core-12_35_0__sc-2d45b5-6"
+  componentId: "core-12_36_0__sc-2d45b5-6"
+})([""]);
+export var StyledChevronPlaceholder = /*#__PURE__*/styled(StyledIconBase).withConfig({
+  displayName: "StyledChevronPlaceholder",
+  componentId: "core-12_36_0__sc-2d45b5-7"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_35_0__sc-2d45b5-7"
+  componentId: "core-12_36_0__sc-2d45b5-8"
 })(["color:", ";"], function (_ref4) {
   var $isSelected = _ref4.$isSelected;
   return $isSelected ? colors.blue45 : colors.gray40;
 });
+
+/** @deprecated TreeRowChevron now uses Button with inline styled icon */
 export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevron",
-  componentId: "core-12_35_0__sc-2d45b5-8"
+  componentId: "core-12_36_0__sc-2d45b5-9"
 })(["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","shouldForwardProp","prop","includes","_ref","isSelectable","$isSelectable","concat","StyledChevron","StyledIconContainer","gray70","gray98","_ref2","isHighlighted","$isHighlighted","_ref3","isSelected","$isSelected","blue96","blue50","blue40","blue94","blue45","StyledTreeRowContent","StyledTreeRowWrapper","StyledIconBase","StyledChevronContainer","_ref4","gray40","_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\n      ? 'cursor: pointer;'\n      : `\n      ${StyledFilenameCaption},\n      ${StyledChevron},\n      ${StyledIconContainer} {\n        color: ${colors.gray70};\n      }\n  `}\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":"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"}
+{"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","concat","StyledChevron","StyledIconContainer","gray70","gray98","_ref2","isHighlighted","$isHighlighted","_ref3","isSelected","$isSelected","blue96","blue50","blue40","blue94","blue45","StyledTreeRowContent","StyledTreeRowWrapper","StyledIconBase","StyledChevronContainer","StyledChevronPlaceholder","_ref4","gray40","_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\n      ? 'cursor: pointer;'\n      : `\n      ${StyledFilenameCaption},\n      ${StyledChevron},\n      ${StyledIconContainer} {\n        color: ${colors.gray70};\n      }\n  `}\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\n/** @deprecated Use StyledChevronPlaceholder instead */\nexport const StyledChevronContainer = styled(StyledIconBase)``\n\nexport const StyledChevronPlaceholder = styled(StyledIconBase)``\n\nexport const StyledIconContainer = styled(StyledIconBase)<{\n  $isSelected?: boolean\n}>`\n  color: ${({ $isSelected }) => ($isSelected ? colors.blue45 : colors.gray40)};\n`\n\n/** @deprecated TreeRowChevron now uses Button with inline styled icon */\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":"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"}

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

@@ -4,6 +4,16 @@ import type { BoxProps } from '../Box/Box.types';
 import type { OverlayProps } from '../Overlay/Overlay';
 import type { UNSAFE_treeRootNodeId } from './Tree';
 declare type NodeType = 'branch' | 'leaf';
+export declare type TreeAriaProps = {
+    /**
+     * @since 12.35.0
+     */
+    'aria-label'?: string;
+    /**
+     * @since 12.35.0
+     */
+    'aria-labelledby'?: string;
+};
 export declare type TreeNodeId = number | string | null | undefined | typeof UNSAFE_treeRootNodeId;
 export interface Node {
     /**
@@ -30,6 +40,16 @@ export interface LevelWise {
      * @since 10.19.0
      */
     level: number;
+    /**
+     * Total number of siblings at the same level (for aria-setsize)
+     * @since 12.35.0
+     */
+    setSize: number;
+    /**
+     * Position among siblings, 1-indexed (for aria-posinset)
+     * @since 12.35.0
+     */
+    posInSet: number;
 }
 export interface UseTreeProps<T extends Node = Node> {
     rootNodes: T[];
@@ -217,7 +237,7 @@ export interface TreeRowProps<T extends Node = Node> extends Omit<TreeNodeAPI, '
      */
     treeContainer: HTMLDivElement;
 }
-export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> = Array<T>> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>, Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>> {
+export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> = Array<T>> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>, Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>>, TreeAriaProps {
     /**
      * @since 10.19.0
      */

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 { 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<React.HTMLAttributes<HTMLDivElement>, '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\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, '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 { UNSAFE_treeRootNodeId } from './Tree'\n\ntype NodeType = 'branch' | 'leaf'\n\nexport type TreeAriaProps = {\n  /**\n   * @since 12.35.0\n   */\n  'aria-label'?: string\n  /**\n   * @since 12.35.0\n   */\n  'aria-labelledby'?: string\n}\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   * Total number of siblings at the same level (for aria-setsize)\n   * @since 12.35.0\n   */\n  setSize: number\n  /**\n   * Position among siblings, 1-indexed (for aria-posinset)\n   * @since 12.35.0\n   */\n  posInSet: 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<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>,\n    Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>>,\n    TreeAriaProps {\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\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, '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_35_0__sc-gpc39h-0"
+  componentId: "core-12_36_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_35_0__sc-gpc39h-1"
+  componentId: "core-12_36_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_35_0__sc-gpc39h-2"
+  componentId: "core-12_36_0__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

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_35_0__sc-1c4583t-0"
+  componentId: "core-12_36_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;

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_35_0__sc-p4v7d-0"
+  componentId: "core-12_36_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_35_0__sc-p4v7d-1"
+  componentId: "core-12_36_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_hooks/I18n.d.ts

@@ -252,6 +252,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -639,6 +641,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -1026,6 +1030,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -1413,6 +1419,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -1800,6 +1808,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -2198,6 +2208,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -2596,6 +2608,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -2983,6 +2997,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -3378,6 +3394,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -3774,6 +3792,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -4161,6 +4181,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -4567,6 +4589,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -4954,6 +4978,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -5341,6 +5367,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -5736,6 +5764,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -6127,6 +6157,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -6520,6 +6552,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -6918,6 +6952,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;
@@ -7305,6 +7341,8 @@ export declare const coreTranslations: {
                 uploading: string;
             };
             tree: {
+                expand: string;
+                collapse: string;
                 selectionLimit: {
                     one: string;
                     other: string;

package/dist/_locales/de-DE.json

@@ -239,6 +239,8 @@
       "uploading" : "Wird hochgeladen"
     },
     "tree" : {
+      "expand" : "Maximieren",
+      "collapse" : "Minimieren",
       "selectionLimit" : {
         "one" : "Es kann nur {{count}} Datei angehängt werden.",
         "other" : "Es können nur {{count}} Dateien angehängt werden."

package/dist/_locales/en-AU.json

@@ -239,6 +239,8 @@
       "uploading" : "Uploading"
     },
     "tree" : {
+      "expand" : "Expand",
+      "collapse" : "Collapse",
       "selectionLimit" : {
         "one" : "Only {{count}} file can be attached",
         "other" : "Only {{count}} files can be attached"

package/dist/_locales/en-CA.json

@@ -239,6 +239,8 @@
       "uploading" : "Uploading"
     },
     "tree" : {
+      "expand" : "Expand",
+      "collapse" : "Collapse",
       "selectionLimit" : {
         "one" : "Only {{count}} file can be attached",
         "other" : "Only {{count}} files can be attached"

package/dist/_locales/en-GB.json

@@ -239,6 +239,8 @@
       "uploading" : "Uploading"
     },
     "tree" : {
+      "expand" : "Expand",
+      "collapse" : "Collapse",
       "selectionLimit" : {
         "one" : "Only {{count}} file can be attached",
         "other" : "Only {{count}} files can be attached"

package/dist/_locales/en.json

@@ -239,6 +239,8 @@
       "uploading": "Uploading"
     },
     "tree": {
+      "expand": "Expand",
+      "collapse": "Collapse",
       "selectionLimit": {
         "one": "Only {{count}} file can be attached",
         "other": "Only {{count}} files can be attached"

package/dist/_locales/es-ES.json

@@ -239,6 +239,8 @@
       "uploading" : "Cargando"
     },
     "tree" : {
+      "expand" : "Expandir",
+      "collapse" : "Contraer",
       "selectionLimit" : {
         "one" : "Solo se puede adjuntar {{count}} archivo",
         "other" : "Solo se pueden adjuntar {{count}} archivos"

package/dist/_locales/es.json

@@ -239,6 +239,8 @@
       "uploading" : "Cargando"
     },
     "tree" : {
+      "expand" : "Expandir",
+      "collapse" : "Contraer",
       "selectionLimit" : {
         "one" : "Solo se puede adjuntar {{count}} archivo",
         "other" : "Solo se pueden adjuntar {{count}} archivos"

package/dist/_locales/fr-CA.json

@@ -239,6 +239,8 @@
       "uploading" : "Téléversement en cours"
     },
     "tree" : {
+      "expand" : "Développer",
+      "collapse" : "Réduire",
       "selectionLimit" : {
         "one" : "Uniquement {{count}} fichier peut être joint.",
         "other" : "Uniquement {{count}} fichiers peuvent être joints."

package/dist/_locales/fr-FR.json

@@ -239,6 +239,8 @@
       "uploading" : "Chargement"
     },
     "tree" : {
+      "expand" : "Développer",
+      "collapse" : "Réduire",
       "selectionLimit" : {
         "one" : "Seul {{count}} fichier peut être joint.",
         "other" : "Seuls {{count}} fichiers peuvent être joints."

package/dist/_locales/is-IS.json

@@ -239,6 +239,8 @@
       "uploading" : "Hleður inn"
     },
     "tree" : {
+      "expand" : "Stækkaðu",
+      "collapse" : "Hrun",
       "selectionLimit" : {
         "one" : "Aðeins er hægt að festa {{count}}",
         "other" : "Aðeins er hægt að tengja {{count}}"

package/dist/_locales/it-IT.json

@@ -239,6 +239,8 @@
       "uploading" : "Caricamento"
     },
     "tree" : {
+      "expand" : "Espandi",
+      "collapse" : "Comprimi",
       "selectionLimit" : {
         "one" : "È possibile allegare solo {{count}} file",
         "other" : "È possibile allegare solo {{count}} file"

package/dist/_locales/ja-JP.json

@@ -239,6 +239,8 @@
       "uploading" : "アップロードしています"
     },
     "tree" : {
+      "expand" : "展開",
+      "collapse" : "折り畳む",
       "selectionLimit" : {
         "one" : "添付できるのは{{count}}のファイルのみです",
         "other" : "添付できるのは{{count}}のファイルのみです"

package/dist/_locales/pl-PL.json

@@ -239,6 +239,8 @@
       "uploading" : "Przesyłanie"
     },
     "tree" : {
+      "expand" : "Rozwiń",
+      "collapse" : "Zwiń",
       "selectionLimit" : {
         "one" : "Można dołączyć tylko {{count}} plik",
         "other" : "Maksymalna liczba plików, które można dołączyć: {{count}}"

package/dist/_locales/pseudo.json

@@ -239,6 +239,8 @@
       "uploading": "[ŬŬƥŀǿȧḓīƞɠɠ]"
     },
     "tree": {
+      "expand": "[ḖḖẋƥȧƞḓḓ]",
+      "collapse": "[ƇƇǿŀŀȧƥşḗḗ]",
       "selectionLimit": {
         "one": "[ǾǾǾǾǾǾǾƞŀẏ · {{ƈǿŭƞŧ}} · ƒīŀḗ · ƈȧƞ · ƀḗ · ȧŧŧȧƈħḗḓḓḓḓḓḓḓ]",
         "other": "[ǾǾǾǾǾǾǾǾƞŀẏ · {{ƈǿŭƞŧ}} · ƒīŀḗş · ƈȧƞ · ƀḗ · ȧŧŧȧƈħḗḓḓḓḓḓḓḓḓ]"

package/dist/_locales/pt-BR.json

@@ -239,6 +239,8 @@
       "uploading" : "Upload em Andamento"
     },
     "tree" : {
+      "expand" : "Expandir",
+      "collapse" : "Recolher",
       "selectionLimit" : {
         "one" : "Só é possível anexar {{count}} arquivo",
         "other" : "Só é possível anexar {{count}} arquivos"

package/dist/_locales/pt-PT.json

@@ -239,6 +239,8 @@
       "uploading" : "A carregar"
     },
     "tree" : {
+      "expand" : "Expandir",
+      "collapse" : "Fechar",
       "selectionLimit" : {
         "one" : "Só é possível anexar {{count}} ficheiro",
         "other" : "Só é possível anexar {{count}} ficheiros"

package/dist/_locales/th-TH.json

@@ -239,6 +239,8 @@
       "uploading" : "กำลังอัปโหลด"
     },
     "tree" : {
+      "expand" : "ขยาย",
+      "collapse" : "ยุบ",
       "selectionLimit" : {
         "one" : "แนบได้เพียง {{count}} ไฟล์",
         "other" : "แนบได้เพียง {{count}} ไฟล์"

package/dist/_locales/zh-SG.json

@@ -239,6 +239,8 @@
       "uploading" : "正在上传"
     },
     "tree" : {
+      "expand" : "展开",
+      "collapse" : "折叠",
       "selectionLimit" : {
         "one" : "只能添加 {{count}} 个文件",
         "other" : "只能添加 {{count}} 个文件"

package/dist/_locales/zh-TW.json

@@ -239,6 +239,8 @@
       "uploading" : "正在上傳"
     },
     "tree" : {
+      "expand" : "展開",
+      "collapse" : "收合",
       "selectionLimit" : {
         "one" : "只能附加 {{count}} 個檔案",
         "other" : "只能附加 {{count}} 個檔案"
@@ -291,7 +293,7 @@
       "search" : "搜尋"
     },
     "pagination" : {
-      "interval" : "的",
+      "interval" : "／",
       "notation" : "{{start}}-{{end}} / {{totalItems}}",
       "page" : "頁面：",
       "nextPage" : "下一個頁面",

package/dist/_storyHelpers_/components/Deprecation.styles.js

@@ -2,6 +2,6 @@ import styled from 'styled-components';
 import { Typography } from '../../Typography';
 export var StyledDeprecation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledDeprecation",
-  componentId: "core-12_35_0__sc-ojy3xo-0"
+  componentId: "core-12_36_0__sc-ojy3xo-0"
 })(["display:block;margin-bottom:16px;"]);
 //# sourceMappingURL=Deprecation.styles.js.map