@box/blueprint-web 6.4.0 → 6.4.2
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.
- package/lib-esm/avatar/avatar.d.ts +0 -1
- package/lib-esm/avatar/avatar.js +1 -1
- package/lib-esm/basics/button/button.d.ts +0 -1
- package/lib-esm/basics/button/button.js +1 -1
- package/lib-esm/basics/text-input/text-input.d.ts +0 -1
- package/lib-esm/basics/text-input/text-input.js +1 -1
- package/lib-esm/checkbox/checkbox-item.d.ts +0 -1
- package/lib-esm/checkbox/checkbox-item.js +1 -1
- package/lib-esm/checkbox/index.d.ts +0 -1
- package/lib-esm/checkbox/index.js +1 -1
- package/lib-esm/content-card/content-card-body.d.ts +1 -2
- package/lib-esm/content-card/content-card-body.js +2 -2
- package/lib-esm/content-card/content-card-footer.d.ts +1 -2
- package/lib-esm/content-card/content-card-footer.js +1 -1
- package/lib-esm/content-card/content-card-image.d.ts +1 -2
- package/lib-esm/content-card/content-card-image.js +1 -1
- package/lib-esm/content-card/content-card-title.d.ts +1 -2
- package/lib-esm/content-card/content-card-title.js +2 -2
- package/lib-esm/content-card/content-card.js +5 -5
- package/lib-esm/content-field/content-field.d.ts +0 -1
- package/lib-esm/content-field/content-field.js +1 -1
- package/lib-esm/ghost/ghost.d.ts +1 -1
- package/lib-esm/ghost/ghost.js +1 -1
- package/lib-esm/guided-tooltip/guided-tooltip-body.d.ts +1 -2
- package/lib-esm/guided-tooltip/guided-tooltip-body.js +1 -1
- package/lib-esm/guided-tooltip/guided-tooltip-footer.d.ts +0 -1
- package/lib-esm/guided-tooltip/guided-tooltip-footer.js +1 -1
- package/lib-esm/guided-tooltip/guided-tooltip-icon.d.ts +0 -1
- package/lib-esm/guided-tooltip/guided-tooltip-icon.js +4 -3
- package/lib-esm/guided-tooltip/guided-tooltip-illustration.d.ts +0 -1
- package/lib-esm/guided-tooltip/guided-tooltip-illustration.js +1 -1
- package/lib-esm/inline-notice/inline-notice.d.ts +1 -1
- package/lib-esm/inline-notice/inline-notice.js +1 -1
- package/lib-esm/input-chip/input-chip.d.ts +0 -1
- package/lib-esm/input-chip/input-chip.js +1 -1
- package/lib-esm/loading-indicator/loading-indicator.d.ts +0 -1
- package/lib-esm/loading-indicator/loading-indicator.js +1 -1
- package/lib-esm/modal/modal-body.d.ts +0 -1
- package/lib-esm/modal/modal-body.js +1 -1
- package/lib-esm/modal/modal-close.d.ts +0 -1
- package/lib-esm/modal/modal-close.js +3 -3
- package/lib-esm/modal/modal-content.d.ts +0 -1
- package/lib-esm/modal/modal-content.js +1 -1
- package/lib-esm/modal/modal-footer.d.ts +0 -1
- package/lib-esm/modal/modal-footer.js +2 -2
- package/lib-esm/modal/modal-header.d.ts +0 -1
- package/lib-esm/modal/modal-header.js +1 -1
- package/lib-esm/modal/modal-scrollable-container.d.ts +0 -1
- package/lib-esm/modal/modal-scrollable-container.js +2 -2
- package/lib-esm/modal/modal-title.d.ts +0 -1
- package/lib-esm/modal/modal-title.js +1 -1
- package/lib-esm/modal/modal-trigger.d.ts +0 -1
- package/lib-esm/modal/modal-trigger.js +1 -1
- package/lib-esm/modal/modal.d.ts +0 -1
- package/lib-esm/modal/modal.js +1 -1
- package/lib-esm/primitives/base-button/base-button.d.ts +0 -1
- package/lib-esm/primitives/base-button/base-button.js +1 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice-content-container.d.ts +0 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice-content-container.js +1 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice-content.d.ts +0 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice-content.js +1 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice.d.ts +0 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice.js +1 -1
- package/lib-esm/primitives/icon-button/icon-button.d.ts +0 -1
- package/lib-esm/primitives/icon-button/icon-button.js +1 -1
- package/lib-esm/primitives/link/link.d.ts +0 -1
- package/lib-esm/primitives/link/link.js +1 -1
- package/lib-esm/radio-group/index.d.ts +0 -1
- package/lib-esm/radio-group/index.js +1 -1
- package/lib-esm/radio-group/radio-group.d.ts +0 -1
- package/lib-esm/radio-group/radio-group.js +1 -1
- package/lib-esm/radio-group/radio-item.d.ts +0 -1
- package/lib-esm/radio-group/radio-item.js +1 -1
- package/lib-esm/side-panel/side-panel-close.d.ts +0 -1
- package/lib-esm/side-panel/side-panel-close.js +1 -1
- package/lib-esm/side-panel/side-panel-content.d.ts +0 -1
- package/lib-esm/side-panel/side-panel-content.js +1 -1
- package/lib-esm/side-panel/side-panel-footer.d.ts +0 -1
- package/lib-esm/side-panel/side-panel-footer.js +1 -1
- package/lib-esm/side-panel/side-panel-header.d.ts +0 -1
- package/lib-esm/side-panel/side-panel-header.js +1 -1
- package/lib-esm/side-panel/side-panel-scrollable-container.d.ts +0 -1
- package/lib-esm/side-panel/side-panel-scrollable-container.js +1 -1
- package/lib-esm/side-panel/side-panel.d.ts +0 -1
- package/lib-esm/side-panel/side-panel.js +1 -1
- package/lib-esm/switch/index.d.ts +0 -1
- package/lib-esm/switch/index.js +1 -1
- package/lib-esm/switch/switch-legend.d.ts +0 -1
- package/lib-esm/switch/switch-legend.js +1 -1
- package/lib-esm/text/text.d.ts +0 -1
- package/lib-esm/text/text.js +1 -1
- package/lib-esm/text-area/text-area-autosize/text-area-autosize.d.ts +1 -2
- package/lib-esm/text-area/text-area-autosize/text-area-autosize.js +2 -2
- package/lib-esm/text-area/text-area.d.ts +0 -1
- package/lib-esm/text-area/text-area.js +2 -2
- package/lib-esm/text-button/text-button.d.ts +0 -1
- package/lib-esm/text-button/text-button.js +1 -1
- package/lib-esm/util-components/interactive-icon/interactive-icon.d.ts +0 -1
- package/lib-esm/util-components/interactive-icon/interactive-icon.js +1 -1
- package/lib-esm/util-components/legend/legend.d.ts +0 -1
- package/lib-esm/util-components/legend/legend.js +1 -1
- package/lib-esm/util-components/search-term-string/search-term-string.d.ts +0 -1
- package/lib-esm/util-components/search-term-string/search-term-string.js +3 -3
- package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.d.ts +0 -1
- package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.js +1 -1
- package/package.json +2 -2
package/lib-esm/avatar/avatar.js
CHANGED
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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
|
|
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>>;
|
|
@@ -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;
|
|
@@ -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
|
|
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;
|
package/lib-esm/ghost/ghost.d.ts
CHANGED
package/lib-esm/ghost/ghost.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type
|
|
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;
|
|
@@ -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;
|
|
@@ -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
|
|
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;
|
|
@@ -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;
|
|
@@ -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
|
|
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;
|
|
@@ -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
|
|
54
|
+
export { ModalFooter };
|
|
@@ -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
|
|
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;
|
|
@@ -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;
|
package/lib-esm/modal/modal.d.ts
CHANGED
|
@@ -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;
|
package/lib-esm/modal/modal.js
CHANGED
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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;
|
package/lib-esm/switch/index.js
CHANGED
package/lib-esm/text/text.d.ts
CHANGED
package/lib-esm/text/text.js
CHANGED
|
@@ -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
|
|
322
|
+
export { TextAreaAutosize };
|
|
@@ -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
|
|
57
|
+
export { TextArea };
|
|
@@ -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;
|
|
@@ -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
|
|
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
|
|
41
|
+
export { SearchTermString };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.2",
|
|
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": "
|
|
60
|
+
"gitHead": "5f26c77577b82313291cf2454369de3b930d49d8",
|
|
61
61
|
"module": "lib-esm/index.js",
|
|
62
62
|
"type": "module",
|
|
63
63
|
"main": "lib-esm/index.js",
|