@box/blueprint-web 6.31.0 → 6.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/lib-esm/{basics/button → button}/button.d.ts +2 -2
  2. package/lib-esm/{basics/button → button}/button.js +1 -1
  3. package/lib-esm/{basics/button → button}/types.d.ts +1 -1
  4. package/lib-esm/{basics/collapsible → collapsible}/collapsible-section.js +3 -3
  5. package/lib-esm/{basics/collapsible → collapsible}/collapsible-section.module.js +1 -1
  6. package/lib-esm/{basics/date-picker → date-picker}/date-picker.d.ts +1 -1
  7. package/lib-esm/{basics/date-picker → date-picker}/date-picker.js +3 -3
  8. package/lib-esm/{basics/date-picker → date-picker}/date-picker.module.js +1 -1
  9. package/lib-esm/{basics/date-picker → date-picker}/types.d.ts +2 -2
  10. package/lib-esm/empty-state/empty-state.js +1 -1
  11. package/lib-esm/{basics/grid-list-item → grid-list-item}/grid-list.js +1 -1
  12. package/lib-esm/{basics/grid-list-item → grid-list-item}/index.d.ts +8 -8
  13. package/lib-esm/{basics/grid-list-item → grid-list-item}/index.js +4 -4
  14. package/lib-esm/{basics/grid-list-item → grid-list-item}/types.d.ts +1 -1
  15. package/lib-esm/guided-tooltip/guided-tooltip-footer.js +1 -1
  16. package/lib-esm/index.d.ts +8 -8
  17. package/lib-esm/index.js +8 -8
  18. package/lib-esm/{basics/large-list-item → large-list-item}/index.d.ts +8 -8
  19. package/lib-esm/{basics/large-list-item → large-list-item}/index.js +4 -4
  20. package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-description.js +3 -3
  21. package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-snippet.js +4 -4
  22. package/lib-esm/{basics/large-list-item → large-list-item}/large-list.js +1 -1
  23. package/lib-esm/{basics/large-list-item → large-list-item}/types.d.ts +1 -1
  24. package/lib-esm/modal/modal-footer.js +1 -1
  25. package/lib-esm/{basics/navigation-menu → navigation-menu}/index.d.ts +2 -2
  26. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-content.d.ts +1 -1
  27. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-content.js +1 -1
  28. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-item.d.ts +1 -1
  29. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-item.js +1 -1
  30. package/lib-esm/navigation-menu/navigation-menu-link.d.ts +5 -0
  31. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-link.js +1 -1
  32. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-root.d.ts +1 -1
  33. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-root.js +1 -1
  34. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-separator.js +1 -1
  35. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-trigger.d.ts +1 -1
  36. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-trigger.js +1 -1
  37. package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu.module.js +1 -1
  38. package/lib-esm/primitives/base-inline-notice/base-inline-notice-actions.js +1 -1
  39. package/lib-esm/primitives/notification/notification-button.d.ts +1 -1
  40. package/lib-esm/primitives/notification/notification-button.js +1 -1
  41. package/lib-esm/side-panel/side-panel-footer.js +1 -1
  42. package/lib-esm/{basics/small-list-item → small-list-item}/index.d.ts +5 -5
  43. package/lib-esm/{basics/small-list-item → small-list-item}/index.js +1 -1
  44. package/lib-esm/{basics/small-list-item → small-list-item}/small-list.js +1 -1
  45. package/lib-esm/{basics/small-list-item → small-list-item}/types.d.ts +1 -1
  46. package/lib-esm/{basics/text-input → text-input}/text-input.js +4 -4
  47. package/lib-esm/{basics/text-input → text-input}/text-input.module.js +1 -1
  48. package/package.json +2 -2
  49. package/lib-esm/basics/navigation-menu/navigation-menu-link.d.ts +0 -5
  50. /package/lib-esm/{basics/button → button}/index.d.ts +0 -0
  51. /package/lib-esm/{basics/collapsible → collapsible}/collapsible-section.d.ts +0 -0
  52. /package/lib-esm/{basics/collapsible → collapsible}/index.d.ts +0 -0
  53. /package/lib-esm/{basics/collapsible → collapsible}/types.d.ts +0 -0
  54. /package/lib-esm/{basics/date-picker → date-picker}/index.d.ts +0 -0
  55. /package/lib-esm/{basics/grid-list-item → grid-list-item}/grid-list.d.ts +0 -0
  56. /package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-description.d.ts +0 -0
  57. /package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-snippet.d.ts +0 -0
  58. /package/lib-esm/{basics/large-list-item → large-list-item}/large-list.d.ts +0 -0
  59. /package/lib-esm/{basics/navigation-menu → navigation-menu}/index.js +0 -0
  60. /package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-separator.d.ts +0 -0
  61. /package/lib-esm/{basics/small-list-item → small-list-item}/small-list.d.ts +0 -0
  62. /package/lib-esm/{basics/text-input → text-input}/index.d.ts +0 -0
  63. /package/lib-esm/{basics/text-input → text-input}/text-input.d.ts +0 -0
  64. /package/lib-esm/{basics/text-input → text-input}/types.d.ts +0 -0
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("../../primitives/base-button").BaseButtonInterface & Required<Pick<{
2
+ export declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<{
3
3
  loading?: boolean | undefined;
4
4
  loadingAriaLabel?: string | undefined;
5
5
  }, keyof {
@@ -14,7 +14,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<(Omit<imp
14
14
  }> & {
15
15
  children?: string | string[] | undefined;
16
16
  icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
17
- }, "ref"> | Omit<import("../../primitives/base-button").BaseButtonInterface & Partial<Record<keyof {
17
+ }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof {
18
18
  loading?: boolean | undefined;
19
19
  loadingAriaLabel?: string | undefined;
20
20
  }, never>> & Omit<{
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { BaseButton } from '../../primitives/base-button/index.js';
3
+ import { BaseButton } from '../primitives/base-button/index.js';
4
4
 
5
5
  const Button = /*#__PURE__*/forwardRef((props, forwardedRef) => {
6
6
  const {
@@ -1,5 +1,5 @@
1
1
  import { type FunctionComponent, type PropsWithChildren, type SVGProps } from 'react';
2
- import { type BaseButtonProps } from '../../primitives/base-button';
2
+ import { type BaseButtonProps } from '../primitives/base-button';
3
3
  export type ButtonProps = BaseButtonProps & {
4
4
  children?: string | string[];
5
5
  /** Icon that will be placed after the children text.
@@ -3,9 +3,9 @@ import { PointerChevronUp, PointerChevronDown } from '@box/blueprint-web-assets/
3
3
  import * as Collapsible from '@radix-ui/react-collapsible';
4
4
  import clsx from 'clsx';
5
5
  import { forwardRef, useState, useEffect, useCallback } from 'react';
6
- import { IconButton } from '../../primitives/icon-button/icon-button.js';
7
- import { Slot } from '../../primitives/slot.js';
8
- import { useNamedSlots } from '../../utils/useNamedSlots.hook.js';
6
+ import { IconButton } from '../primitives/icon-button/icon-button.js';
7
+ import { Slot } from '../primitives/slot.js';
8
+ import { useNamedSlots } from '../utils/useNamedSlots.hook.js';
9
9
  import styles from './collapsible-section.module.js';
10
10
 
11
11
  const CollapsibleSectionImpl = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -1,4 +1,4 @@
1
- import '../../index.css';
1
+ import '../index.css';
2
2
  var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--d9367","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--d9367","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--d9367","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--d9367","slideDown":"bp_collapsible_section_module_slideDown--d9367","slideUp":"bp_collapsible_section_module_slideUp--d9367","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--d9367"};
3
3
 
4
4
  export { styles as default };
@@ -2,4 +2,4 @@
2
2
  import { type DateValue } from 'react-aria-components';
3
3
  export declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<import("./types").DatePickerPropsBase, "onChange"> & {
4
4
  onChange: (value: DateValue | null) => void;
5
- } & import("../../primitives/calendar/types").CalendarBase & import("react").RefAttributes<HTMLDivElement>>;
5
+ } & import("../primitives/calendar/types").CalendarBase & import("react").RefAttributes<HTMLDivElement>>;
@@ -5,10 +5,10 @@ import * as RadixPopover from '@radix-ui/react-popover';
5
5
  import clsx from 'clsx';
6
6
  import { forwardRef, useState, useRef, useCallback } from 'react';
7
7
  import { DatePicker as DatePicker$1, Label, Group, DateInput, DateSegment, Button } from 'react-aria-components';
8
- import { Calendar as Calendar$1 } from '../../primitives/calendar/calendar.js';
8
+ import { Calendar as Calendar$1 } from '../primitives/calendar/calendar.js';
9
9
  import '@internationalized/date';
10
- import { IconButton } from '../../primitives/icon-button/icon-button.js';
11
- import { InlineError } from '../../primitives/inline-error/inline-error.js';
10
+ import { IconButton } from '../primitives/icon-button/icon-button.js';
11
+ import { InlineError } from '../primitives/inline-error/inline-error.js';
12
12
  import styles from './date-picker.module.js';
13
13
 
14
14
  const XMarkIcon = label => () => jsx(XMark, {
@@ -1,4 +1,4 @@
1
- import '../../index.css';
1
+ import '../index.css';
2
2
  var styles = {"datePicker":"bp_date_picker_module_datePicker--2c8c7","disabled":"bp_date_picker_module_disabled--2c8c7","label":"bp_date_picker_module_label--2c8c7","group":"bp_date_picker_module_group--2c8c7","groupContainer":"bp_date_picker_module_groupContainer--2c8c7","error":"bp_date_picker_module_error--2c8c7","groupContainerInput":"bp_date_picker_module_groupContainerInput--2c8c7","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--2c8c7","button":"bp_date_picker_module_button--2c8c7","clear":"bp_date_picker_module_clear--2c8c7","popover":"bp_date_picker_module_popover--2c8c7","slide":"bp_date_picker_module_slide--2c8c7","popoverContent":"bp_date_picker_module_popoverContent--2c8c7","inlineError":"bp_date_picker_module_inlineError--2c8c7"};
3
3
 
4
4
  export { styles as default };
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { type DatePickerProps as RACDatePickerProps, type DateValue } from 'react-aria-components';
3
- import { type CalendarBase } from '../../primitives/calendar/types';
4
- import { type Modify } from '../../types/modify';
3
+ import { type CalendarBase } from '../primitives/calendar/types';
4
+ import { type Modify } from '../types/modify';
5
5
  export interface DatePickerPropsBase extends Omit<RACDatePickerProps<DateValue>, 'children'> {
6
6
  /**
7
7
  * Label displayed above date-picker input
@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { forwardRef, useMemo, createElement, cloneElement, useContext, createContext } from 'react';
4
4
  import styles from './empty-state.module.js';
5
- import { Button } from '../basics/button/button.js';
5
+ import { Button } from '../button/button.js';
6
6
  import { Link } from '../primitives/link/link.js';
7
7
 
8
8
  const DEFAULT_SIZE = 'large';
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { BaseGridList } from '../../util-components/base-grid-list-item/base-grid-list.js';
3
+ import { BaseGridList } from '../util-components/base-grid-list-item/base-grid-list.js';
4
4
 
5
5
  const GridList = /*#__PURE__*/forwardRef(function GridList(props, forwardedRef) {
6
6
  const {
@@ -10,15 +10,15 @@
10
10
  <GridList.Thumbnail>
11
11
  <img/>
12
12
  </GridList.Thumbnail>
13
-
13
+
14
14
  <GridList.Header>
15
15
  Title Placeholder
16
16
  </GridList.Header>
17
-
17
+
18
18
  <GridList.Subtitle>
19
19
  Subtitle Placeholder
20
20
  </GridList.Subtitle>
21
-
21
+
22
22
  <GridList.Actions>
23
23
  <GridList.ActionIconButton
24
24
  aria-label="comments inside item"
@@ -43,15 +43,15 @@ export declare const GridList: import("react").ForwardRefExoticComponent<import(
43
43
  /**
44
44
  * An individual item in the list.
45
45
  */
46
- Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
46
+ Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
47
47
  /**
48
48
  * Styled wrapper over and image or icon.
49
49
  */
50
- Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
50
+ Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
51
51
  /**
52
52
  * Styled wrapper over the title of an item and potential Status components.
53
53
  */
54
- Header: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
54
+ Header: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
55
55
  /**
56
56
  * Styled wrapper over the subtitle of an item.
57
57
  */
@@ -62,11 +62,11 @@ export declare const GridList: import("react").ForwardRefExoticComponent<import(
62
62
  * Styled wrapper over the actions of an item.
63
63
  * If `selectionMode` is passed, a checkbox will be rendered as well.
64
64
  */
65
- Actions: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
65
+ Actions: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
66
66
  /**
67
67
  * Styled wrapper over an icon button.
68
68
  * Ensures proper behaviour when used in a grid list item.
69
69
  */
70
- ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
70
+ ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
71
71
  };
72
72
  export type { GridListActionIconButtonProps, GridListActionsProps, GridListDescriptionProps, GridListHeaderProps, GridListItemProps, GridListProps, GridListSubtitleProps, GridListThumbnailProps, } from './types';
@@ -1,4 +1,4 @@
1
- import { BaseGridList } from '../../util-components/base-grid-list-item/index.js';
1
+ import { BaseGridList } from '../util-components/base-grid-list-item/index.js';
2
2
  import { GridList as GridList$1 } from './grid-list.js';
3
3
 
4
4
  /**
@@ -12,15 +12,15 @@ import { GridList as GridList$1 } from './grid-list.js';
12
12
  <GridList.Thumbnail>
13
13
  <img/>
14
14
  </GridList.Thumbnail>
15
-
15
+
16
16
  <GridList.Header>
17
17
  Title Placeholder
18
18
  </GridList.Header>
19
-
19
+
20
20
  <GridList.Subtitle>
21
21
  Subtitle Placeholder
22
22
  </GridList.Subtitle>
23
-
23
+
24
24
  <GridList.Actions>
25
25
  <GridList.ActionIconButton
26
26
  aria-label="comments inside item"
@@ -1,5 +1,5 @@
1
1
  import { type RequireAllOrNone } from 'type-fest';
2
- import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListDescriptionProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../../util-components/base-grid-list-item';
2
+ import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListDescriptionProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../util-components/base-grid-list-item';
3
3
  export type GridListHeaderProps = BaseGridListHeaderProps;
4
4
  export type GridListThumbnailProps = BaseGridListThumbnailProps;
5
5
  export type GridListSubtitleProps = BaseGridListSubtitleProps;
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { forwardRef, useEffect } from 'react';
4
- import { Button } from '../basics/button/button.js';
4
+ import { Button } from '../button/button.js';
5
5
  import { getUniqueId } from '../utils/useUniqueId.js';
6
6
  import styles from './guided-tooltip.module.js';
7
7
  import { useGuidedTooltipContext } from './utils/guided-tooltip-context.js';
@@ -1,14 +1,14 @@
1
1
  export * from './accordion';
2
2
  export * from './actionable-inline-notice';
3
3
  export * from './avatar';
4
- export * from './basics/button';
5
- export * from './basics/collapsible';
6
- export * from './basics/date-picker';
7
- export * from './basics/grid-list-item';
8
- export * from './basics/large-list-item';
9
- export * from './basics/navigation-menu';
10
- export * from './basics/small-list-item';
11
- export * from './basics/text-input';
4
+ export * from './button';
5
+ export * from './collapsible';
6
+ export * from './date-picker';
7
+ export * from './grid-list-item';
8
+ export * from './large-list-item';
9
+ export * from './navigation-menu';
10
+ export * from './small-list-item';
11
+ export * from './text-input';
12
12
  export * from './branding-styles';
13
13
  export * from './card';
14
14
  export * from './card-tooltip';
package/lib-esm/index.js CHANGED
@@ -1,14 +1,14 @@
1
1
  export { Accordion } from './accordion/accordion.js';
2
2
  export { ActionableInlineNotice } from './actionable-inline-notice/index.js';
3
3
  export { Avatar } from './avatar/avatar.js';
4
- export { Button } from './basics/button/button.js';
5
- export { CollapsibleSection } from './basics/collapsible/collapsible-section.js';
6
- export { DatePicker } from './basics/date-picker/date-picker.js';
7
- export { GridList } from './basics/grid-list-item/index.js';
8
- export { LargeList } from './basics/large-list-item/index.js';
9
- export { NavigationMenu } from './basics/navigation-menu/index.js';
10
- export { SmallList } from './basics/small-list-item/index.js';
11
- export { TextInput } from './basics/text-input/text-input.js';
4
+ export { Button } from './button/button.js';
5
+ export { CollapsibleSection } from './collapsible/collapsible-section.js';
6
+ export { DatePicker } from './date-picker/date-picker.js';
7
+ export { GridList } from './grid-list-item/index.js';
8
+ export { LargeList } from './large-list-item/index.js';
9
+ export { NavigationMenu } from './navigation-menu/index.js';
10
+ export { SmallList } from './small-list-item/index.js';
11
+ export { TextInput } from './text-input/text-input.js';
12
12
  export { BrandingStyles } from './branding-styles/branding-styles.js';
13
13
  export { useCustomBranding } from './branding-styles/useCustomBranding.js';
14
14
  export { Card } from './card/card.js';
@@ -10,11 +10,11 @@
10
10
  <LargeList.Thumbnail>
11
11
  <img/>
12
12
  </LargeList.Thumbnail>
13
-
13
+
14
14
  <LargeList.Header>
15
15
  Title Placeholder
16
16
  </LargeList.Header>
17
-
17
+
18
18
  <LargeList.Subtitle>
19
19
  Subtitle Placeholder
20
20
  </LargeList.Subtitle>
@@ -22,7 +22,7 @@
22
22
  <LargeList.Description>
23
23
  Description Placeholder: uismod quis viverra nibh cras pulvinar mattis. Nulla malesuada pellentesque
24
24
  </LargeList.Description>
25
-
25
+
26
26
  <LargeList.Actions>
27
27
  <LargeList.ActionIconButton
28
28
  aria-label="comments inside item"
@@ -47,15 +47,15 @@ export declare const LargeList: import("react").ForwardRefExoticComponent<import
47
47
  /**
48
48
  * An individual item in the list.
49
49
  */
50
- Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
50
+ Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
51
51
  /**
52
52
  * Styled wrapper over an image or icon.
53
53
  */
54
- Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
54
+ Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
55
55
  /**
56
56
  * Styled wrapper over the title of an item and potential Status components.
57
57
  */
58
- Header: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
58
+ Header: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
59
59
  /**
60
60
  * Styled wrapper over the subtitle of an item.
61
61
  */
@@ -76,11 +76,11 @@ export declare const LargeList: import("react").ForwardRefExoticComponent<import
76
76
  * Styled wrapper over the actions of an item.
77
77
  * If `selectionMode` is passed, a checkbox will be rendered as well.
78
78
  */
79
- Actions: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
79
+ Actions: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
80
80
  /**
81
81
  * Styled wrapper over an icon button.
82
82
  * Ensures proper behaviour when used in a large list item.
83
83
  */
84
- ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
84
+ ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
85
85
  };
86
86
  export type { LargeListActionIconButtonProps, LargeListActionsProps, LargeListDescriptionProps, LargeListHeaderProps, LargeListItemProps, LargeListProps, LargeListSubtitleProps, LargeListThumbnailProps, LargeListSnippetProps, } from './types';
@@ -1,4 +1,4 @@
1
- import { BaseGridList } from '../../util-components/base-grid-list-item/index.js';
1
+ import { BaseGridList } from '../util-components/base-grid-list-item/index.js';
2
2
  import { LargeList as LargeList$1 } from './large-list.js';
3
3
  import { LargeListDescription } from './large-list-item-description.js';
4
4
  import { LargeListItemSnippet } from './large-list-item-snippet.js';
@@ -14,11 +14,11 @@ import { LargeListItemSnippet } from './large-list-item-snippet.js';
14
14
  <LargeList.Thumbnail>
15
15
  <img/>
16
16
  </LargeList.Thumbnail>
17
-
17
+
18
18
  <LargeList.Header>
19
19
  Title Placeholder
20
20
  </LargeList.Header>
21
-
21
+
22
22
  <LargeList.Subtitle>
23
23
  Subtitle Placeholder
24
24
  </LargeList.Subtitle>
@@ -26,7 +26,7 @@ import { LargeListItemSnippet } from './large-list-item-snippet.js';
26
26
  <LargeList.Description>
27
27
  Description Placeholder: uismod quis viverra nibh cras pulvinar mattis. Nulla malesuada pellentesque
28
28
  </LargeList.Description>
29
-
29
+
30
30
  <LargeList.Actions>
31
31
  <LargeList.ActionIconButton
32
32
  aria-label="comments inside item"
@@ -1,9 +1,9 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { forwardRef } from 'react';
4
- import { Ghost } from '../../ghost/ghost.js';
5
- import { useBaseGridListItemContext } from '../../util-components/base-grid-list-item/base-grid-list-item.js';
6
- import styles from '../../util-components/base-grid-list-item/base-grid-list-item.module.js';
4
+ import { Ghost } from '../ghost/ghost.js';
5
+ import { useBaseGridListItemContext } from '../util-components/base-grid-list-item/base-grid-list-item.js';
6
+ import styles from '../util-components/base-grid-list-item/base-grid-list-item.module.js';
7
7
 
8
8
  const LargeListDescription = /*#__PURE__*/forwardRef(function LargeListDescription(props, forwardedRef) {
9
9
  const {
@@ -1,10 +1,10 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { forwardRef } from 'react';
4
- import { SearchTermString } from '../../util-components/search-term-string/search-term-string.js';
5
- import { useBaseGridListItemContext } from '../../util-components/base-grid-list-item/base-grid-list-item.js';
6
- import styles from '../../util-components/base-grid-list-item/base-grid-list-item.module.js';
7
- import { Ghost } from '../../ghost/ghost.js';
4
+ import { SearchTermString } from '../util-components/search-term-string/search-term-string.js';
5
+ import { useBaseGridListItemContext } from '../util-components/base-grid-list-item/base-grid-list-item.js';
6
+ import styles from '../util-components/base-grid-list-item/base-grid-list-item.module.js';
7
+ import { Ghost } from '../ghost/ghost.js';
8
8
 
9
9
  const LargeListItemSnippet = /*#__PURE__*/forwardRef(function LargeListItemSnippet(props, forwardedRef) {
10
10
  const {
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { BaseGridList } from '../../util-components/base-grid-list-item/base-grid-list.js';
3
+ import { BaseGridList } from '../util-components/base-grid-list-item/base-grid-list.js';
4
4
 
5
5
  const LargeList = /*#__PURE__*/forwardRef(function LargeList(props, forwardedRef) {
6
6
  const {
@@ -1,4 +1,4 @@
1
- import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListDescriptionProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../../util-components/base-grid-list-item';
1
+ import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListDescriptionProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../util-components/base-grid-list-item';
2
2
  export type LargeListHeaderProps = BaseGridListHeaderProps;
3
3
  export type LargeListThumbnailProps = BaseGridListThumbnailProps;
4
4
  export type LargeListSubtitleProps = BaseGridListSubtitleProps;
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { clsx } from 'clsx';
3
3
  import { forwardRef } from 'react';
4
- import { Button } from '../basics/button/button.js';
4
+ import { Button } from '../button/button.js';
5
5
  import { useScrollContext } from '../utils/scroll-context.js';
6
6
  import styles from './modal.module.js';
7
7
 
@@ -5,9 +5,9 @@ export declare const NavigationMenu: {
5
5
  displayName: string;
6
6
  };
7
7
  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
8
- Content: import("react").ForwardRefExoticComponent<import("../../..").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
8
+ Content: import("react").ForwardRefExoticComponent<import("../..").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
9
9
  Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
10
- Link: import("react").ForwardRefExoticComponent<Omit<import("../../primitives/link/types").LinkOwnProps<import("react").ElementType<any>> & Omit<any, keyof import("../../primitives/link/types").LinkOwnProps<E>>, "ref"> & import("react").RefAttributes<unknown>>;
10
+ Link: import("react").ForwardRefExoticComponent<Omit<import("../primitives/link/types").LinkOwnProps<import("react").ElementType<any>> & Omit<any, keyof import("../primitives/link/types").LinkOwnProps<E>>, "ref"> & import("react").RefAttributes<unknown>>;
11
11
  Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
12
12
  };
13
13
  export { type NavigationMenuContentProps } from './navigation-menu-content';
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type DropdownMenuContentProps } from '../../primitives/dropdown-menu';
2
+ import { type DropdownMenuContentProps } from '../primitives/dropdown-menu';
3
3
  export type NavigationMenuContentProps = DropdownMenuContentProps;
4
4
  /**
5
5
  * Alias for DropdownMenu.Content
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
3
+ import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
4
4
 
5
5
  /**
6
6
  * Alias for DropdownMenu.Content
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type DropdownMenuItemProps } from '../../primitives/dropdown-menu';
2
+ import { type DropdownMenuItemProps } from '../primitives/dropdown-menu';
3
3
  export type NavigationMenuItemProps = DropdownMenuItemProps;
4
4
  /**
5
5
  * An item of a NavigationMenu - this element should have a single NavigationMenu.Item as child
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import React__default, { forwardRef, useRef, useCallback } from 'react';
3
- import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
3
+ import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
4
4
  import { NavigationMenuLink } from './navigation-menu-link.js';
5
5
 
6
6
  /**
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ /**
3
+ * NavigationMenu link - this element must be placed in a NavigationMenu.Item
4
+ */
5
+ export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<import("../primitives/link/types").LinkOwnProps<React.ElementType<any>> & Omit<any, keyof import("../primitives/link/types").LinkOwnProps<E>>, "ref"> & React.RefAttributes<unknown>>;
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { forwardRef } from 'react';
4
- import { Link } from '../../primitives/link/link.js';
4
+ import { Link } from '../primitives/link/link.js';
5
5
  import styles from './navigation-menu.module.js';
6
6
 
7
7
  /**
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type DropdownMenuRootProps } from '../../primitives/dropdown-menu';
2
+ import { type DropdownMenuRootProps } from '../primitives/dropdown-menu';
3
3
  export type NavigationMenuRootProps = DropdownMenuRootProps;
4
4
  /**
5
5
  * Alias for DropdownMenu.Root
@@ -1,5 +1,5 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
2
+ import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
3
3
 
4
4
  /**
5
5
  * Alias for DropdownMenu.Root
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
3
+ import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
4
4
 
5
5
  const NavigationMenuSeparator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
6
6
  return jsx(DropdownMenu.Separator, {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type DropdownMenuTriggerProps } from '../../primitives/dropdown-menu';
2
+ import { type DropdownMenuTriggerProps } from '../primitives/dropdown-menu';
3
3
  export type NavigationMenuTriggerProps = DropdownMenuTriggerProps;
4
4
  /**
5
5
  * Alias for DropdownMenu.Trigger
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { DropdownMenu } from '../../primitives/dropdown-menu/index.js';
3
+ import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
4
4
 
5
5
  /**
6
6
  * Alias for DropdownMenu.Trigger
@@ -1,4 +1,4 @@
1
- import '../../index.css';
1
+ import '../index.css';
2
2
  var styles = {"link":"bp_navigation_menu_module_link--8870e","ellipsis":"bp_navigation_menu_module_ellipsis--8870e"};
3
3
 
4
4
  export { styles as default };
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { clsx } from 'clsx';
3
3
  import { forwardRef } from 'react';
4
- import { Button } from '../../basics/button/button.js';
4
+ import { Button } from '../../button/button.js';
5
5
  import styles from './base-inline-notice.module.js';
6
6
 
7
7
  const BaseInlineNoticeActionsComponent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type ButtonProps } from '../../basics/button';
2
+ import { type ButtonProps } from '../../button';
3
3
  export type NotificationButtonProps = ButtonProps & {
4
4
  ariaLabel: string;
5
5
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import * as Toast from '@radix-ui/react-toast';
3
- import { Button } from '../../basics/button/button.js';
3
+ import { Button } from '../../button/button.js';
4
4
 
5
5
  const NotificationButton = props => {
6
6
  const {
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { clsx } from 'clsx';
3
3
  import { forwardRef } from 'react';
4
- import { Button } from '../basics/button/button.js';
4
+ import { Button } from '../button/button.js';
5
5
  import { useScrollContext } from '../utils/scroll-context.js';
6
6
  import styles from './side-panel.module.js';
7
7
 
@@ -34,15 +34,15 @@ export declare const SmallList: import("react").ForwardRefExoticComponent<import
34
34
  /**
35
35
  * An individual item in the list.
36
36
  */
37
- Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
37
+ Item: import("react").ForwardRefExoticComponent<import("react-aria-components").GridListItemProps<object> & Omit<import("../util-components/base-grid-list-item/types").BaseGridListItemContextType, "isItemInteracted" | "setIsItemInteracted"> & import("react").RefAttributes<HTMLDivElement>>;
38
38
  /**
39
39
  * Styled wrapper over an image or icon.
40
40
  */
41
- Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
41
+ Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
42
42
  /**
43
43
  * Styled wrapper over the title of an item.
44
44
  */
45
- Header: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
45
+ Header: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
46
46
  /**
47
47
  * Styled wrapper over the subtitle of an item.
48
48
  */
@@ -52,10 +52,10 @@ export declare const SmallList: import("react").ForwardRefExoticComponent<import
52
52
  /**
53
53
  * Styled wrapper over the actions of an item.
54
54
  */
55
- Actions: import("react").ForwardRefExoticComponent<Omit<import("../../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
55
+ Actions: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
56
56
  /**
57
57
  * Styled wrapper over an icon button.
58
58
  */
59
- ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
59
+ ActionIconButton: import("react").ForwardRefExoticComponent<Omit<import("../..").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
60
60
  };
61
61
  export type { SmallListActionIconButtonProps, SmallListActionsProps, SmallListHeaderProps, SmallListItemProps, SmallListProps, SmallListSubtitleProps, SmallListThumbnailProps, } from './types';
@@ -1,4 +1,4 @@
1
- import { BaseGridList } from '../../util-components/base-grid-list-item/index.js';
1
+ import { BaseGridList } from '../util-components/base-grid-list-item/index.js';
2
2
  import { SmallList as SmallList$1 } from './small-list.js';
3
3
 
4
4
  /**
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { BaseGridList } from '../../util-components/base-grid-list-item/base-grid-list.js';
3
+ import { BaseGridList } from '../util-components/base-grid-list-item/base-grid-list.js';
4
4
 
5
5
  const SmallList = /*#__PURE__*/forwardRef(function SmallList(props, forwardedRef) {
6
6
  const {
@@ -1,4 +1,4 @@
1
- import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../../util-components/base-grid-list-item';
1
+ import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../util-components/base-grid-list-item';
2
2
  export type SmallListActionIconButtonProps = BaseGridListActionIconButtonProps;
3
3
  export type SmallListActionsProps = BaseGridListActionsProps;
4
4
  export type SmallListHeaderProps = BaseGridListHeaderProps;
@@ -2,10 +2,10 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
3
3
  import clsx from 'clsx';
4
4
  import { forwardRef, useRef, useCallback } from 'react';
5
- import { LoadingIndicator } from '../../loading-indicator/loading-indicator.js';
6
- import { InlineError } from '../../primitives/inline-error/inline-error.js';
7
- import { useForkRef } from '../../utils/useForkRef.js';
8
- import { useUniqueId } from '../../utils/useUniqueId.js';
5
+ import { LoadingIndicator } from '../loading-indicator/loading-indicator.js';
6
+ import { InlineError } from '../primitives/inline-error/inline-error.js';
7
+ import { useForkRef } from '../utils/useForkRef.js';
8
+ import { useUniqueId } from '../utils/useUniqueId.js';
9
9
  import styles from './text-input.module.js';
10
10
 
11
11
  /**
@@ -1,4 +1,4 @@
1
- import '../../index.css';
1
+ import '../index.css';
2
2
  var styles = {"textInputContainer":"bp_text_input_module_textInputContainer--9bdf4","label":"bp_text_input_module_label--9bdf4","hidden":"bp_text_input_module_hidden--9bdf4","textInput":"bp_text_input_module_textInput--9bdf4","error":"bp_text_input_module_error--9bdf4","loading":"bp_text_input_module_loading--9bdf4","loadingIndicator":"bp_text_input_module_loadingIndicator--9bdf4","disabled":"bp_text_input_module_disabled--9bdf4","inlineError":"bp_text_input_module_inlineError--9bdf4"};
3
3
 
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "6.31.0",
3
+ "version": "6.32.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -57,7 +57,7 @@
57
57
  "devDependencies": {
58
58
  "@box/storybook-utils": "^0.0.6"
59
59
  },
60
- "gitHead": "b36276facc1920d2d64640ea0e54bb861bca582a",
60
+ "gitHead": "f14ba7fed5218133273ca00e10fce5ce6b1e4c6c",
61
61
  "module": "lib-esm/index.js",
62
62
  "main": "lib-esm/index.js",
63
63
  "exports": {
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * NavigationMenu link - this element must be placed in a NavigationMenu.Item
4
- */
5
- export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<import("../../primitives/link/types").LinkOwnProps<React.ElementType<any>> & Omit<any, keyof import("../../primitives/link/types").LinkOwnProps<E>>, "ref"> & React.RefAttributes<unknown>>;
File without changes