@box/blueprint-web 6.4.0 → 6.4.1

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 (106) hide show
  1. package/lib-esm/avatar/avatar.d.ts +0 -1
  2. package/lib-esm/avatar/avatar.js +1 -1
  3. package/lib-esm/basics/button/button.d.ts +0 -1
  4. package/lib-esm/basics/button/button.js +1 -1
  5. package/lib-esm/basics/text-input/text-input.d.ts +0 -1
  6. package/lib-esm/basics/text-input/text-input.js +1 -1
  7. package/lib-esm/checkbox/checkbox-item.d.ts +0 -1
  8. package/lib-esm/checkbox/checkbox-item.js +1 -1
  9. package/lib-esm/checkbox/index.d.ts +0 -1
  10. package/lib-esm/checkbox/index.js +1 -1
  11. package/lib-esm/content-card/content-card-body.d.ts +1 -2
  12. package/lib-esm/content-card/content-card-body.js +2 -2
  13. package/lib-esm/content-card/content-card-footer.d.ts +1 -2
  14. package/lib-esm/content-card/content-card-footer.js +1 -1
  15. package/lib-esm/content-card/content-card-image.d.ts +1 -2
  16. package/lib-esm/content-card/content-card-image.js +1 -1
  17. package/lib-esm/content-card/content-card-title.d.ts +1 -2
  18. package/lib-esm/content-card/content-card-title.js +2 -2
  19. package/lib-esm/content-card/content-card.js +5 -5
  20. package/lib-esm/content-field/content-field.d.ts +0 -1
  21. package/lib-esm/content-field/content-field.js +1 -1
  22. package/lib-esm/ghost/ghost.d.ts +1 -1
  23. package/lib-esm/ghost/ghost.js +1 -1
  24. package/lib-esm/guided-tooltip/guided-tooltip-body.d.ts +1 -2
  25. package/lib-esm/guided-tooltip/guided-tooltip-body.js +1 -1
  26. package/lib-esm/guided-tooltip/guided-tooltip-footer.d.ts +0 -1
  27. package/lib-esm/guided-tooltip/guided-tooltip-footer.js +1 -1
  28. package/lib-esm/guided-tooltip/guided-tooltip-icon.d.ts +0 -1
  29. package/lib-esm/guided-tooltip/guided-tooltip-icon.js +4 -3
  30. package/lib-esm/guided-tooltip/guided-tooltip-illustration.d.ts +0 -1
  31. package/lib-esm/guided-tooltip/guided-tooltip-illustration.js +1 -1
  32. package/lib-esm/inline-notice/inline-notice.d.ts +1 -1
  33. package/lib-esm/inline-notice/inline-notice.js +1 -1
  34. package/lib-esm/input-chip/input-chip.d.ts +0 -1
  35. package/lib-esm/input-chip/input-chip.js +1 -1
  36. package/lib-esm/loading-indicator/loading-indicator.d.ts +0 -1
  37. package/lib-esm/loading-indicator/loading-indicator.js +1 -1
  38. package/lib-esm/modal/modal-body.d.ts +0 -1
  39. package/lib-esm/modal/modal-body.js +1 -1
  40. package/lib-esm/modal/modal-close.d.ts +0 -1
  41. package/lib-esm/modal/modal-close.js +3 -3
  42. package/lib-esm/modal/modal-content.d.ts +0 -1
  43. package/lib-esm/modal/modal-content.js +1 -1
  44. package/lib-esm/modal/modal-footer.d.ts +0 -1
  45. package/lib-esm/modal/modal-footer.js +2 -2
  46. package/lib-esm/modal/modal-header.d.ts +0 -1
  47. package/lib-esm/modal/modal-header.js +1 -1
  48. package/lib-esm/modal/modal-scrollable-container.d.ts +0 -1
  49. package/lib-esm/modal/modal-scrollable-container.js +2 -2
  50. package/lib-esm/modal/modal-title.d.ts +0 -1
  51. package/lib-esm/modal/modal-title.js +1 -1
  52. package/lib-esm/modal/modal-trigger.d.ts +0 -1
  53. package/lib-esm/modal/modal-trigger.js +1 -1
  54. package/lib-esm/modal/modal.d.ts +0 -1
  55. package/lib-esm/modal/modal.js +1 -1
  56. package/lib-esm/primitives/base-button/base-button.d.ts +0 -1
  57. package/lib-esm/primitives/base-button/base-button.js +1 -1
  58. package/lib-esm/primitives/base-inline-notice/base-inline-notice-content-container.d.ts +0 -1
  59. package/lib-esm/primitives/base-inline-notice/base-inline-notice-content-container.js +1 -1
  60. package/lib-esm/primitives/base-inline-notice/base-inline-notice-content.d.ts +0 -1
  61. package/lib-esm/primitives/base-inline-notice/base-inline-notice-content.js +1 -1
  62. package/lib-esm/primitives/base-inline-notice/base-inline-notice.d.ts +0 -1
  63. package/lib-esm/primitives/base-inline-notice/base-inline-notice.js +1 -1
  64. package/lib-esm/primitives/icon-button/icon-button.d.ts +0 -1
  65. package/lib-esm/primitives/icon-button/icon-button.js +1 -1
  66. package/lib-esm/primitives/link/link.d.ts +0 -1
  67. package/lib-esm/primitives/link/link.js +1 -1
  68. package/lib-esm/radio-group/index.d.ts +0 -1
  69. package/lib-esm/radio-group/index.js +1 -1
  70. package/lib-esm/radio-group/radio-group.d.ts +0 -1
  71. package/lib-esm/radio-group/radio-group.js +1 -1
  72. package/lib-esm/radio-group/radio-item.d.ts +0 -1
  73. package/lib-esm/radio-group/radio-item.js +1 -1
  74. package/lib-esm/side-panel/side-panel-close.d.ts +0 -1
  75. package/lib-esm/side-panel/side-panel-close.js +1 -1
  76. package/lib-esm/side-panel/side-panel-content.d.ts +0 -1
  77. package/lib-esm/side-panel/side-panel-content.js +1 -1
  78. package/lib-esm/side-panel/side-panel-footer.d.ts +0 -1
  79. package/lib-esm/side-panel/side-panel-footer.js +1 -1
  80. package/lib-esm/side-panel/side-panel-header.d.ts +0 -1
  81. package/lib-esm/side-panel/side-panel-header.js +1 -1
  82. package/lib-esm/side-panel/side-panel-scrollable-container.d.ts +0 -1
  83. package/lib-esm/side-panel/side-panel-scrollable-container.js +1 -1
  84. package/lib-esm/side-panel/side-panel.d.ts +0 -1
  85. package/lib-esm/side-panel/side-panel.js +1 -1
  86. package/lib-esm/switch/index.d.ts +0 -1
  87. package/lib-esm/switch/index.js +1 -1
  88. package/lib-esm/switch/switch-legend.d.ts +0 -1
  89. package/lib-esm/switch/switch-legend.js +1 -1
  90. package/lib-esm/text/text.d.ts +0 -1
  91. package/lib-esm/text/text.js +1 -1
  92. package/lib-esm/text-area/text-area-autosize/text-area-autosize.d.ts +1 -2
  93. package/lib-esm/text-area/text-area-autosize/text-area-autosize.js +2 -2
  94. package/lib-esm/text-area/text-area.d.ts +0 -1
  95. package/lib-esm/text-area/text-area.js +2 -2
  96. package/lib-esm/text-button/text-button.d.ts +0 -1
  97. package/lib-esm/text-button/text-button.js +1 -1
  98. package/lib-esm/util-components/interactive-icon/interactive-icon.d.ts +0 -1
  99. package/lib-esm/util-components/interactive-icon/interactive-icon.js +1 -1
  100. package/lib-esm/util-components/legend/legend.d.ts +0 -1
  101. package/lib-esm/util-components/legend/legend.js +1 -1
  102. package/lib-esm/util-components/search-term-string/search-term-string.d.ts +0 -1
  103. package/lib-esm/util-components/search-term-string/search-term-string.js +3 -3
  104. package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.d.ts +0 -1
  105. package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.js +1 -1
  106. package/package.json +2 -2
@@ -106,4 +106,3 @@ export declare const Avatar: import("react").ForwardRefExoticComponent<(Omit<Omi
106
106
  color?: string | undefined;
107
107
  colorIndex?: number | undefined;
108
108
  }>, "ref">) & import("react").RefAttributes<HTMLImageElement>>;
109
- export default Avatar;
@@ -124,4 +124,4 @@ const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
124
124
  });
125
125
  Avatar.displayName = 'Avatar';
126
126
 
127
- export { Avatar, Avatar as default };
127
+ export { Avatar };
@@ -27,4 +27,3 @@ export declare const Button: import("react").ForwardRefExoticComponent<(Omit<imp
27
27
  children?: string | string[] | undefined;
28
28
  icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
29
29
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
30
- export default Button;
@@ -20,4 +20,4 @@ const Button = /*#__PURE__*/forwardRef((props, forwardedRef) => {
20
20
  });
21
21
  Button.displayName = 'Button';
22
22
 
23
- export { Button, Button as default };
23
+ export { Button };
@@ -45,4 +45,3 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<(Omit<
45
45
  loading?: boolean | undefined;
46
46
  loadingAriaLabel?: string | undefined;
47
47
  }>, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
48
- export default TextInput;
@@ -74,4 +74,4 @@ const TextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
74
74
  });
75
75
  TextInput.displayName = 'TextInput';
76
76
 
77
- export { TextInput, TextInput as default };
77
+ export { TextInput };
@@ -3,4 +3,3 @@ import { type CheckboxItemProps } from './types';
3
3
  /** Checkbox.Item needs to be wrapped with TooltipProvider -
4
4
  or ideally you should have your App wrapped with it. */
5
5
  export declare const CheckboxItem: import("react").ForwardRefExoticComponent<CheckboxItemProps & import("react").RefAttributes<HTMLButtonElement>>;
6
- export default CheckboxItem;
@@ -75,4 +75,4 @@ const CheckboxItem = /*#__PURE__*/forwardRef((props, ref) => {
75
75
  });
76
76
  });
77
77
 
78
- export { CheckboxItem, CheckboxItem as default };
78
+ export { CheckboxItem };
@@ -5,4 +5,3 @@ export declare const Checkbox: {
5
5
  Item: import("react").ForwardRefExoticComponent<import("./types").CheckboxItemProps & import("react").RefAttributes<HTMLButtonElement>>;
6
6
  Legend: typeof Legend;
7
7
  };
8
- export default Checkbox;
@@ -6,4 +6,4 @@ const Checkbox = {
6
6
  Legend
7
7
  };
8
8
 
9
- export { Checkbox, Checkbox as default };
9
+ export { Checkbox };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type ElementTypes } from '../text/types';
3
- declare const ContentCardBody: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<ElementTypes>>;
4
- export default ContentCardBody;
3
+ export declare const ContentCardBody: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<ElementTypes>>;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
2
  import clsx from 'clsx';
3
+ import { forwardRef } from 'react';
4
4
  import { Text } from '../text/text.js';
5
5
  import styles from './content-card.module.js';
6
6
 
@@ -25,4 +25,4 @@ const ContentCardBody = /*#__PURE__*/forwardRef((props, forwardedRef) => {
25
25
  });
26
26
  ContentCardBody.displayName = 'ContentCard.Body';
27
27
 
28
- export { ContentCardBody as default };
28
+ export { ContentCardBody };
@@ -1,3 +1,2 @@
1
1
  /// <reference types="react" />
2
- declare const ContentCardFooter: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
3
- export default ContentCardFooter;
2
+ export declare const ContentCardFooter: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -14,4 +14,4 @@ const ContentCardFooter = /*#__PURE__*/forwardRef((props, forwardedRef) => {
14
14
  });
15
15
  ContentCardFooter.displayName = 'ContentCard.Footer';
16
16
 
17
- export { ContentCardFooter as default };
17
+ export { ContentCardFooter };
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- declare const ContentCardImage: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
2
+ export declare const ContentCardImage: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
3
3
  variant: "icon" | "background";
4
4
  }, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
5
- export default ContentCardImage;
@@ -38,4 +38,4 @@ const ContentCardImage = /*#__PURE__*/forwardRef((props, forwardedRef) => {
38
38
 
39
39
  ContentCardImage.displayName = 'ContentCard.Image';
40
40
 
41
- export { ContentCardImage as default };
41
+ export { ContentCardImage };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type ElementTypes } from '../text/types';
3
- declare const ContentCardTitle: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<ElementTypes>>;
4
- export default ContentCardTitle;
3
+ export declare const ContentCardTitle: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<ElementTypes>>;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
2
  import clsx from 'clsx';
3
+ import { forwardRef } from 'react';
4
4
  import { Text } from '../text/text.js';
5
5
  import styles from './content-card.module.js';
6
6
 
@@ -25,4 +25,4 @@ const ContentCardTitle = /*#__PURE__*/forwardRef((props, forwardedRef) => {
25
25
  });
26
26
  ContentCardTitle.displayName = 'ContentCard.Title';
27
27
 
28
- export { ContentCardTitle as default };
28
+ export { ContentCardTitle };
@@ -1,12 +1,12 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import clsx from 'clsx';
3
2
  import { Size1, Size14, Size6, Size4, Size5, Size18 } from '@box/blueprint-web-assets/tokens/tokens';
3
+ import clsx from 'clsx';
4
4
  import { Ghost } from '../ghost/ghost.js';
5
+ import { ContentCardBody } from './content-card-body.js';
6
+ import { ContentCardFooter } from './content-card-footer.js';
7
+ import { ContentCardImage } from './content-card-image.js';
8
+ import { ContentCardTitle } from './content-card-title.js';
5
9
  import styles from './content-card.module.js';
6
- import ContentCardBody from './content-card-body.js';
7
- import ContentCardFooter from './content-card-footer.js';
8
- import ContentCardImage from './content-card-image.js';
9
- import ContentCardTitle from './content-card-title.js';
10
10
 
11
11
  const GhostContentCard = () => {
12
12
  return jsxs("div", {
@@ -2,4 +2,3 @@
2
2
  import { type ContentFieldProps } from './types';
3
3
  export declare const contentFieldButtonTestId = "ContentField-button";
4
4
  export declare const ContentField: ({ hintText, onClick, onClickClearButton, isSharedFolder, title }: ContentFieldProps) => JSX.Element;
5
- export default ContentField;
@@ -90,4 +90,4 @@ const ContentField = ({
90
90
  });
91
91
  };
92
92
 
93
- export { ContentField, contentFieldButtonTestId, ContentField as default };
93
+ export { ContentField, contentFieldButtonTestId };
@@ -24,4 +24,4 @@ export declare const Ghost: {
24
24
  ({ className, variant, height, width, borderRadius, style, ...rest }: GhostProps): JSX.Element;
25
25
  displayName: string;
26
26
  };
27
- export default Ghost;
27
+ export {};
@@ -34,4 +34,4 @@ const Ghost = ({
34
34
  });
35
35
  Ghost.displayName = 'Ghost';
36
36
 
37
- export { Ghost, Ghost as default };
37
+ export { Ghost };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type GuidedTooltipTextProps, type GuidedTooltipBodyProps } from './types';
2
+ import { type GuidedTooltipBodyProps, type GuidedTooltipTextProps } from './types';
3
3
  /**
4
4
  * The component to show the text of Guided Tooltip.
5
5
  */
@@ -8,4 +8,3 @@ export declare const GuidedTooltipText: ({ children, ...rest }: GuidedTooltipTex
8
8
  * The component to show content in body of the Guided Tooltip.
9
9
  */
10
10
  export declare const GuidedTooltipBody: import("react").ForwardRefExoticComponent<GuidedTooltipBodyProps & import("react").RefAttributes<HTMLDivElement>>;
11
- export default GuidedTooltipBody;
@@ -48,4 +48,4 @@ const GuidedTooltipBody = /*#__PURE__*/forwardRef(({
48
48
  });
49
49
  });
50
50
 
51
- export { GuidedTooltipBody, GuidedTooltipText, GuidedTooltipBody as default };
51
+ export { GuidedTooltipBody, GuidedTooltipText };
@@ -68,4 +68,3 @@ export declare const GuidedTooltipFooter: (({ children, className, ...rest }: Gu
68
68
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
69
69
  StepsIndicator: ({ children, className, ...rest }: GuidedTooltipStepsIndicatorProps) => JSX.Element;
70
70
  };
71
- export default GuidedTooltipFooter;
@@ -78,4 +78,4 @@ const GuidedTooltipFooter = Object.assign(GuidedTooltipFooterComponent, {
78
78
  StepsIndicator
79
79
  });
80
80
 
81
- export { GuidedTooltipFooter, GuidedTooltipFooterComponent, GuidedTooltipFooter as default };
81
+ export { GuidedTooltipFooter, GuidedTooltipFooterComponent };
@@ -4,4 +4,3 @@ import { type GuidedTooltipIconProps } from './types';
4
4
  * Component that displays icon.
5
5
  */
6
6
  export declare const GuidedTooltipIcon: ({ className, icon, ...rest }: GuidedTooltipIconProps) => JSX.Element;
7
- export default GuidedTooltipIcon;
@@ -1,6 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { createElement } from 'react';
3
2
  import { SurfaceSurfaceBrand } from '@box/blueprint-web-assets/tokens/tokens';
3
+ import clsx from 'clsx';
4
+ import { createElement } from 'react';
4
5
  import styles from './guided-tooltip.module.js';
5
6
 
6
7
  /**
@@ -13,7 +14,7 @@ const GuidedTooltipIcon = ({
13
14
  }) => {
14
15
  return jsx("div", {
15
16
  ...rest,
16
- className: styles.icon,
17
+ className: clsx(styles.icon, className),
17
18
  children: /*#__PURE__*/createElement(icon, {
18
19
  color: SurfaceSurfaceBrand,
19
20
  role: 'presentation'
@@ -21,4 +22,4 @@ const GuidedTooltipIcon = ({
21
22
  });
22
23
  };
23
24
 
24
- export { GuidedTooltipIcon, GuidedTooltipIcon as default };
25
+ export { GuidedTooltipIcon };
@@ -4,4 +4,3 @@ import { type GuidedTooltipIllustrationProps } from './types';
4
4
  * Component that displays illustration.
5
5
  */
6
6
  export declare const GuidedTooltipIllustration: ({ altText, className, imgUrl, ...rest }: GuidedTooltipIllustrationProps) => JSX.Element;
7
- export default GuidedTooltipIllustration;
@@ -19,4 +19,4 @@ const GuidedTooltipIllustration = ({
19
19
  });
20
20
  };
21
21
 
22
- export { GuidedTooltipIllustration, GuidedTooltipIllustration as default };
22
+ export { GuidedTooltipIllustration };
@@ -14,4 +14,4 @@ export interface InlineNoticeProps extends HTMLAttributes<HTMLDivElement> {
14
14
  * A component used to highlight some portion of the text.
15
15
  */
16
16
  export declare function InlineNotice(props: InlineNoticeProps): JSX.Element;
17
- export default InlineNotice;
17
+ export {};
@@ -61,4 +61,4 @@ function InlineNotice(props) {
61
61
  });
62
62
  }
63
63
 
64
- export { InlineNotice, InlineNotice as default };
64
+ export { InlineNotice };
@@ -1,4 +1,3 @@
1
1
  import React from 'react';
2
2
  import { type InputChipProps } from './types';
3
3
  export declare const InputChip: React.ForwardRefExoticComponent<InputChipProps & React.RefAttributes<HTMLButtonElement>>;
4
- export default InputChip;
@@ -55,4 +55,4 @@ const InputChip = /*#__PURE__*/forwardRef((props, ref) => {
55
55
  );
56
56
  });
57
57
 
58
- export { InputChip, InputChip as default };
58
+ export { InputChip };
@@ -13,4 +13,3 @@ export interface LoadingIndicatorProps extends HTMLAttributes<HTMLDivElement> {
13
13
  variant?: 'default' | 'dark' | 'light';
14
14
  }
15
15
  export declare function LoadingIndicator(props: LoadingIndicatorProps): JSX.Element;
16
- export default LoadingIndicator;
@@ -26,4 +26,4 @@ function LoadingIndicator(props) {
26
26
  });
27
27
  }
28
28
 
29
- export { LoadingIndicator, LoadingIndicator as default };
29
+ export { LoadingIndicator };
@@ -4,4 +4,3 @@ import { type ModalBodyProps } from './types';
4
4
  * Wrapper for the body of the modal. It can be used multiple times, typically inside Modal.ScrollableContainer.
5
5
  */
6
6
  export declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
7
- export default ModalBody;
@@ -17,4 +17,4 @@ const ModalBody = /*#__PURE__*/forwardRef(({
17
17
  children: children
18
18
  }));
19
19
 
20
- export { ModalBody, ModalBody as default };
20
+ export { ModalBody };
@@ -4,4 +4,3 @@ import { type ModalCloseProps } from './types';
4
4
  * The button that closes the modal.
5
5
  */
6
6
  export declare const ModalClose: import("react").ForwardRefExoticComponent<ModalCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
7
- export default ModalClose;
@@ -1,11 +1,11 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { XMark } from '@box/blueprint-web-assets/icons/Fill';
3
3
  import * as RadixDialog from '@radix-ui/react-dialog';
4
- import { forwardRef } from 'react';
5
4
  import clsx from 'clsx';
5
+ import { forwardRef } from 'react';
6
6
  import { IconButton } from '../primitives/icon-button/icon-button.js';
7
- import styles from './modal.module.js';
8
7
  import { useScreenSize } from '../utils/useScreenSize.js';
8
+ import styles from './modal.module.js';
9
9
 
10
10
  /**
11
11
  * The button that closes the modal.
@@ -44,4 +44,4 @@ const ModalClose = /*#__PURE__*/forwardRef(({
44
44
  });
45
45
  });
46
46
 
47
- export { ModalClose, ModalClose as default };
47
+ export { ModalClose };
@@ -4,4 +4,3 @@ import * as RadixDialog from '@radix-ui/react-dialog';
4
4
  * Contains content to be rendered in the open modal.
5
5
  */
6
6
  export declare const ModalContent: import("react").ForwardRefExoticComponent<RadixDialog.DialogContentProps & Pick<RadixDialog.DialogPortalProps, "container"> & import("react").RefAttributes<HTMLDivElement>>;
7
- export default ModalContent;
@@ -25,4 +25,4 @@ const ModalContent = /*#__PURE__*/forwardRef(({
25
25
  })
26
26
  }));
27
27
 
28
- export { ModalContent, ModalContent as default };
28
+ export { ModalContent };
@@ -62,4 +62,3 @@ export declare const ModalFooter: import("react").ForwardRefExoticComponent<Moda
62
62
  icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
63
63
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
64
64
  };
65
- export default ModalFooter;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
2
  import { clsx } from 'clsx';
3
+ import { forwardRef } from 'react';
4
4
  import { Button } from '../basics/button/button.js';
5
5
  import styles from './modal.module.js';
6
6
 
@@ -51,4 +51,4 @@ const ModalFooter = Object.assign(ModalFooterComponent, {
51
51
  SecondaryButton
52
52
  });
53
53
 
54
- export { ModalFooter, ModalFooter as default };
54
+ export { ModalFooter };
@@ -4,4 +4,3 @@ import { type ModalHeaderProps } from './types';
4
4
  * Header of the Modal
5
5
  */
6
6
  export declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLHeadingElement>>;
7
- export default ModalHeader;
@@ -39,4 +39,4 @@ const ModalHeader = /*#__PURE__*/forwardRef(({
39
39
  })]
40
40
  }));
41
41
 
42
- export { ModalHeader, ModalHeader as default };
42
+ export { ModalHeader };
@@ -5,4 +5,3 @@ import { type ModalScrollableContainerProps } from './types';
5
5
  * This element is scrollable when the size of the content would make the modal not fit on the screen.
6
6
  */
7
7
  export declare const ModalScrollableContainer: import("react").ForwardRefExoticComponent<ModalScrollableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
8
- export default ModalScrollableContainer;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
2
  import { clsx } from 'clsx';
3
+ import { forwardRef } from 'react';
4
4
  import styles from './modal.module.js';
5
5
 
6
6
  /**
@@ -18,4 +18,4 @@ const ModalScrollableContainer = /*#__PURE__*/forwardRef(({
18
18
  children: children
19
19
  }));
20
20
 
21
- export { ModalScrollableContainer, ModalScrollableContainer as default };
21
+ export { ModalScrollableContainer };
@@ -4,4 +4,3 @@ import { type ModalTitleProps } from './types';
4
4
  * An accessible title to be announced when the modal is opened.
5
5
  */
6
6
  export declare const ModalTitle: import("react").ForwardRefExoticComponent<ModalTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
7
- export default ModalTitle;
@@ -26,4 +26,4 @@ const ModalTitle = /*#__PURE__*/forwardRef(({
26
26
  }) : title;
27
27
  });
28
28
 
29
- export { ModalTitle, ModalTitle as default };
29
+ export { ModalTitle };
@@ -4,4 +4,3 @@ import { type ModalTriggerProps } from './types';
4
4
  * ModalTrigger connects your button to open a modal
5
5
  */
6
6
  export declare const ModalTrigger: import("react").ForwardRefExoticComponent<ModalTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
7
- export default ModalTrigger;
@@ -15,4 +15,4 @@ const ModalTrigger = /*#__PURE__*/forwardRef(({
15
15
  children: children
16
16
  }));
17
17
 
18
- export { ModalTrigger, ModalTrigger as default };
18
+ export { ModalTrigger };
@@ -90,4 +90,3 @@ export declare const Modal: (({ children, modal, ...props }: ModalProps) => JSX.
90
90
  Trigger: import("react").ForwardRefExoticComponent<import("./types").ModalTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
91
91
  Title: import("react").ForwardRefExoticComponent<import("./types").ModalTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
92
92
  };
93
- export default Modal;
@@ -52,4 +52,4 @@ const Modal = Object.assign(Root, {
52
52
  Title: ModalTitle
53
53
  });
54
54
 
55
- export { Modal, Modal as default };
55
+ export { Modal };
@@ -21,4 +21,3 @@ export declare const BaseButton: import("react").ForwardRefExoticComponent<(Omit
21
21
  loading?: boolean | undefined;
22
22
  loadingAriaLabel?: string | undefined;
23
23
  }>, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
24
- export default BaseButton;
@@ -52,4 +52,4 @@ const BaseButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
52
52
  });
53
53
  });
54
54
 
55
- export { BaseButton, BaseButton as default };
55
+ export { BaseButton };
@@ -5,4 +5,3 @@ import { type BaseInlineNoticeContentContainerProps } from './types';
5
5
  * This element will help the contents be responsive as needed when resizing the screen.
6
6
  */
7
7
  export declare const BaseInlineNoticeContentContainer: import("react").ForwardRefExoticComponent<BaseInlineNoticeContentContainerProps & import("react").RefAttributes<HTMLDivElement>>;
8
- export default BaseInlineNoticeContentContainer;
@@ -18,4 +18,4 @@ const BaseInlineNoticeContentContainer = /*#__PURE__*/forwardRef(({
18
18
  children: children
19
19
  }));
20
20
 
21
- export { BaseInlineNoticeContentContainer, BaseInlineNoticeContentContainer as default };
21
+ export { BaseInlineNoticeContentContainer };
@@ -4,4 +4,3 @@ export declare const BaseInlineNoticeContent: import("react").ForwardRefExoticCo
4
4
  Title: import("react").ForwardRefExoticComponent<BaseInlineNoticeContentProps & import("react").RefAttributes<HTMLDivElement>>;
5
5
  Body: import("react").ForwardRefExoticComponent<BaseInlineNoticeContentProps & import("react").RefAttributes<HTMLDivElement>>;
6
6
  };
7
- export default BaseInlineNoticeContent;
@@ -46,4 +46,4 @@ const BaseInlineNoticeContent = Object.assign(BaseInlineNoticeContentComponent,
46
46
  Body
47
47
  });
48
48
 
49
- export { BaseInlineNoticeContent, BaseInlineNoticeContent as default };
49
+ export { BaseInlineNoticeContent };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type BaseInlineNoticeProps } from './types';
3
3
  export declare const BaseInlineNotice: import("react").ForwardRefExoticComponent<BaseInlineNoticeProps & import("react").RefAttributes<HTMLDivElement>>;
4
- export default BaseInlineNotice;
@@ -18,4 +18,4 @@ const BaseInlineNotice = /*#__PURE__*/forwardRef((props, forwardedRef) => {
18
18
  });
19
19
  });
20
20
 
21
- export { BaseInlineNotice, BaseInlineNotice as default };
21
+ export { BaseInlineNotice };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type IconButtonProps } from './types';
3
3
  export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
4
- export default IconButton;
@@ -27,4 +27,4 @@ const IconButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
27
27
  });
28
28
  IconButton.displayName = 'IconButton';
29
29
 
30
- export { IconButton, IconButton as default };
30
+ export { IconButton };
@@ -1,3 +1,2 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Link: import("react").ForwardRefExoticComponent<Omit<import("./types").LinkOwnProps<import("react").ElementType<any>> & Omit<any, keyof import("./types").LinkOwnProps<E>>, "ref"> & import("react").RefAttributes<unknown>>;
3
- export default Link;
@@ -23,4 +23,4 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
23
23
  });
24
24
  });
25
25
 
26
- export { Link, Link as default };
26
+ export { Link };
@@ -6,4 +6,3 @@ export declare const Radio: {
6
6
  Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
7
7
  Legend: typeof Legend;
8
8
  };
9
- export default Radio;
@@ -8,4 +8,4 @@ const Radio = {
8
8
  Legend
9
9
  };
10
10
 
11
- export { Radio, Radio as default };
11
+ export { Radio };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import * as RadixRadioGroup from '@radix-ui/react-radio-group';
3
3
  export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadixRadioGroup.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
4
- export default RadioGroup;
@@ -32,4 +32,4 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
32
32
  });
33
33
  });
34
34
 
35
- export { RadioGroup, RadioGroup as default };
35
+ export { RadioGroup };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type RadioItemProps } from './types';
3
3
  export declare const RadioItem: import("react").ForwardRefExoticComponent<RadioItemProps & import("react").RefAttributes<HTMLButtonElement>>;
4
- export default RadioItem;
@@ -47,4 +47,4 @@ const RadioItem = /*#__PURE__*/forwardRef((props, ref) => {
47
47
  });
48
48
  RadioItem.displayName = 'RadioItem';
49
49
 
50
- export { RadioItem, RadioItem as default };
50
+ export { RadioItem };
@@ -4,4 +4,3 @@ import { type SidePanelCloseProps } from './types';
4
4
  * The button that closes the SidePanel.
5
5
  */
6
6
  export declare const SidePanelClose: import("react").ForwardRefExoticComponent<SidePanelCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
7
- export default SidePanelClose;
@@ -23,4 +23,4 @@ const SidePanelClose = /*#__PURE__*/forwardRef(({
23
23
  })
24
24
  }));
25
25
 
26
- export { SidePanelClose, SidePanelClose as default };
26
+ export { SidePanelClose };
@@ -10,4 +10,3 @@ export declare const SidePanelContent: import("react").ForwardRefExoticComponent
10
10
  export declare const SidePanelPersistentContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
11
11
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
12
12
  }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
13
- export default SidePanelContent;
@@ -38,4 +38,4 @@ const SidePanelPersistentContent = /*#__PURE__*/forwardRef(({
38
38
  children: children
39
39
  }));
40
40
 
41
- export { SidePanelContent, SidePanelPersistentContent, SidePanelContent as default };
41
+ export { SidePanelContent, SidePanelPersistentContent };
@@ -62,4 +62,3 @@ export declare const SidePanelFooter: import("react").ForwardRefExoticComponent<
62
62
  icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>> | undefined;
63
63
  }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
64
64
  };
65
- export default SidePanelFooter;
@@ -59,4 +59,4 @@ const SidePanelFooter = Object.assign(SidePanelFooterComponent, {
59
59
  SecondaryButton
60
60
  });
61
61
 
62
- export { SidePanelFooter, SidePanelFooter as default };
62
+ export { SidePanelFooter };
@@ -4,4 +4,3 @@ import { type SidePanelHeaderProps } from './types';
4
4
  * Header of the SidePanel
5
5
  */
6
6
  export declare const SidePanelHeader: import("react").ForwardRefExoticComponent<Omit<SidePanelHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
7
- export default SidePanelHeader;
@@ -59,4 +59,4 @@ const SidePanelHeader = /*#__PURE__*/forwardRef(({
59
59
  });
60
60
  });
61
61
 
62
- export { SidePanelHeader, SidePanelHeader as default };
62
+ export { SidePanelHeader };
@@ -5,4 +5,3 @@ import { type SidePanelScrollableContainerProps } from './types';
5
5
  * This element is scrollable when the size of the content would make the SidePanel not fit on the screen.
6
6
  */
7
7
  export declare const SidePanelScrollableContainer: import("react").ForwardRefExoticComponent<Omit<SidePanelScrollableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
8
- export default SidePanelScrollableContainer;
@@ -39,4 +39,4 @@ const SidePanelScrollableContainer = /*#__PURE__*/forwardRef(({
39
39
  });
40
40
  });
41
41
 
42
- export { SidePanelScrollableContainer, SidePanelScrollableContainer as default };
42
+ export { SidePanelScrollableContainer };
@@ -67,4 +67,3 @@ export declare const SidePanel: ((props: SidePanelProps) => JSX.Element | null)
67
67
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
68
68
  } & Pick<import("@radix-ui/react-dialog").DialogPortalProps, "container">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
69
69
  };
70
- export default SidePanel;
@@ -49,4 +49,4 @@ const SidePanel = Object.assign(Root, {
49
49
  Overlay: SidePanelOverlay
50
50
  });
51
51
 
52
- export { SidePanel, SidePanel as default };
52
+ export { SidePanel };
@@ -6,4 +6,3 @@ export declare const Switch: {
6
6
  Item: import("react").ForwardRefExoticComponent<import("./types").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
7
7
  Legend: typeof Legend;
8
8
  };
9
- export default Switch;
@@ -6,4 +6,4 @@ const Switch = {
6
6
  Legend
7
7
  };
8
8
 
9
- export { Switch, Switch as default };
9
+ export { Switch };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type LegendProps } from '../util-components/legend/types';
3
3
  export declare function Legend(props: LegendProps): JSX.Element;
4
- export default Legend;
@@ -8,4 +8,4 @@ function Legend(props) {
8
8
  });
9
9
  }
10
10
 
11
- export { Legend, Legend as default };
11
+ export { Legend };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type ElementTypes, type TextProps } from './types';
3
3
  export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<ElementTypes>>;
4
- export default Text;
@@ -18,4 +18,4 @@ const Text = /*#__PURE__*/forwardRef((props, forwardedRef) => {
18
18
  }, children);
19
19
  });
20
20
 
21
- export { Text, Text as default };
21
+ export { Text };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare const TextAreaAutosize: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "children" | "rows"> & {
2
+ export declare const TextAreaAutosize: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "children" | "rows"> & {
3
3
  ref?: import("react").Ref<HTMLTextAreaElement> | undefined;
4
4
  maxRows?: number | undefined;
5
5
  minRows?: number | undefined;
@@ -7,4 +7,3 @@ declare const TextAreaAutosize: import("react").ForwardRefExoticComponent<Omit<O
7
7
  loading?: boolean | undefined;
8
8
  loadingAriaLabel?: string | undefined;
9
9
  }, "ref"> & import("react").RefAttributes<Element>>;
10
- export default TextAreaAutosize;
@@ -1,8 +1,8 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { BorderInputBorderHover, Border1, BorderInputBorderFocus, Border2, BorderInputBorderError } from '@box/blueprint-web-assets/tokens/tokens';
2
3
  import clsx from 'clsx';
3
4
  import { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
4
5
  import { flushSync } from 'react-dom';
5
- import { BorderInputBorderHover, Border1, BorderInputBorderFocus, Border2, BorderInputBorderError } from '@box/blueprint-web-assets/tokens/tokens';
6
6
  import { LoadingIndicator } from '../../loading-indicator/loading-indicator.js';
7
7
  import { debounce } from '../../utils/debounce.js';
8
8
  import { ownerWindow } from '../../utils/ownerWindow.js';
@@ -319,4 +319,4 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
319
319
  });
320
320
  });
321
321
 
322
- export { TextAreaAutosize as default };
322
+ export { TextAreaAutosize };
@@ -33,4 +33,3 @@ export declare const TextArea: import("react").ForwardRefExoticComponent<(Omit<O
33
33
  loading?: boolean | undefined;
34
34
  loadingAriaLabel?: string | undefined;
35
35
  }>, "ref">) & import("react").RefAttributes<HTMLTextAreaElement>>;
36
- export default TextArea;
@@ -4,7 +4,7 @@ import clsx from 'clsx';
4
4
  import { forwardRef } from 'react';
5
5
  import { InlineError } from '../primitives/inline-error/inline-error.js';
6
6
  import { useUniqueId } from '../utils/useUniqueId.js';
7
- import TextAreaAutosize from './text-area-autosize/text-area-autosize.js';
7
+ import { TextAreaAutosize } from './text-area-autosize/text-area-autosize.js';
8
8
  import styles from './text-area.module.js';
9
9
 
10
10
  const TextArea = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -54,4 +54,4 @@ const TextArea = /*#__PURE__*/forwardRef((props, forwardedRef) => {
54
54
  });
55
55
  });
56
56
 
57
- export { TextArea, TextArea as default };
57
+ export { TextArea };
@@ -21,4 +21,3 @@ export declare const TextButton: import("react").ForwardRefExoticComponent<(Omit
21
21
  loading?: boolean | undefined;
22
22
  loadingAriaLabel?: string | undefined;
23
23
  }>, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
24
- export default TextButton;
@@ -51,4 +51,4 @@ const TextButton = /*#__PURE__*/forwardRef((props, ref) => {
51
51
  });
52
52
  TextButton.displayName = 'TextButton';
53
53
 
54
- export { TextButton, TextButton as default };
54
+ export { TextButton };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type InteractiveIconProps } from './types';
3
3
  export declare const InteractiveIcon: import("react").ForwardRefExoticComponent<InteractiveIconProps & import("react").RefAttributes<HTMLButtonElement>>;
4
- export default InteractiveIcon;
@@ -23,4 +23,4 @@ const InteractiveIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
23
23
  });
24
24
  InteractiveIcon.displayName = 'InteractiveIcon';
25
25
 
26
- export { InteractiveIcon, InteractiveIcon as default };
26
+ export { InteractiveIcon };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type LegendProps } from './types';
3
3
  export declare function Legend(props: LegendProps): JSX.Element;
4
- export default Legend;
@@ -28,4 +28,4 @@ function Legend(props) {
28
28
  });
29
29
  }
30
30
 
31
- export { Legend, Legend as default };
31
+ export { Legend };
@@ -2,4 +2,3 @@
2
2
  import { type SearchTermStringProps } from './types';
3
3
  /** Highlights all the matching regex from a searchString */
4
4
  export declare const SearchTermString: ({ regex, searchString }: SearchTermStringProps) => JSX.Element | null;
5
- export default SearchTermString;
@@ -1,8 +1,8 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import * as React from 'react';
3
2
  import clsx from 'clsx';
4
- import styles from './search-term-string.module.js';
3
+ import * as React from 'react';
5
4
  import { processString } from '../../utils/processString.js';
5
+ import styles from './search-term-string.module.js';
6
6
 
7
7
  const MarkSearchTerm = (key, [, result]) => {
8
8
  return jsx("mark", {
@@ -38,4 +38,4 @@ const SearchTermString = ({
38
38
  });
39
39
  };
40
40
 
41
- export { SearchTermString, SearchTermString as default };
41
+ export { SearchTermString };
@@ -1,4 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type TextWithInfoBadgeProps } from './types';
3
3
  export declare const TextWithInfoBadge: (props: TextWithInfoBadgeProps) => JSX.Element;
4
- export default TextWithInfoBadge;
@@ -31,4 +31,4 @@ const TextWithInfoBadge = props => {
31
31
  });
32
32
  };
33
33
 
34
- export { TextWithInfoBadge, TextWithInfoBadge as default };
34
+ export { TextWithInfoBadge };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "6.4.0",
3
+ "version": "6.4.1",
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.2"
59
59
  },
60
- "gitHead": "01ae4a276d791db312a207c46a6c16017db01a8b",
60
+ "gitHead": "4539354a1f01107b20f4292d720ef6d3b7335b1b",
61
61
  "module": "lib-esm/index.js",
62
62
  "type": "module",
63
63
  "main": "lib-esm/index.js",