@box/blueprint-web 6.31.0 → 6.32.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.
- package/lib-esm/{basics/button → button}/button.d.ts +2 -2
- package/lib-esm/{basics/button → button}/button.js +1 -1
- package/lib-esm/{basics/button → button}/types.d.ts +1 -1
- package/lib-esm/{basics/collapsible → collapsible}/collapsible-section.js +3 -3
- package/lib-esm/{basics/collapsible → collapsible}/collapsible-section.module.js +1 -1
- package/lib-esm/{basics/date-picker → date-picker}/date-picker.d.ts +1 -1
- package/lib-esm/{basics/date-picker → date-picker}/date-picker.js +3 -3
- package/lib-esm/{basics/date-picker → date-picker}/date-picker.module.js +1 -1
- package/lib-esm/{basics/date-picker → date-picker}/types.d.ts +2 -2
- package/lib-esm/empty-state/empty-state.js +1 -1
- package/lib-esm/{basics/grid-list-item → grid-list-item}/grid-list.js +1 -1
- package/lib-esm/{basics/grid-list-item → grid-list-item}/index.d.ts +8 -8
- package/lib-esm/{basics/grid-list-item → grid-list-item}/index.js +4 -4
- package/lib-esm/{basics/grid-list-item → grid-list-item}/types.d.ts +1 -1
- package/lib-esm/guided-tooltip/guided-tooltip-footer.js +1 -1
- package/lib-esm/index.d.ts +8 -8
- package/lib-esm/index.js +8 -8
- package/lib-esm/{basics/large-list-item → large-list-item}/index.d.ts +8 -8
- package/lib-esm/{basics/large-list-item → large-list-item}/index.js +4 -4
- package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-description.js +3 -3
- package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-snippet.js +4 -4
- package/lib-esm/{basics/large-list-item → large-list-item}/large-list.js +1 -1
- package/lib-esm/{basics/large-list-item → large-list-item}/types.d.ts +1 -1
- package/lib-esm/modal/modal-footer.js +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/index.d.ts +2 -2
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-content.d.ts +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-content.js +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-item.d.ts +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-item.js +1 -1
- package/lib-esm/navigation-menu/navigation-menu-link.d.ts +5 -0
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-link.js +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-root.d.ts +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-root.js +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-separator.js +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-trigger.d.ts +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-trigger.js +1 -1
- package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu.module.js +1 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice-actions.js +1 -1
- package/lib-esm/primitives/notification/notification-button.d.ts +1 -1
- package/lib-esm/primitives/notification/notification-button.js +1 -1
- package/lib-esm/side-panel/side-panel-footer.js +1 -1
- package/lib-esm/{basics/small-list-item → small-list-item}/index.d.ts +5 -5
- package/lib-esm/{basics/small-list-item → small-list-item}/index.js +1 -1
- package/lib-esm/{basics/small-list-item → small-list-item}/small-list.js +1 -1
- package/lib-esm/{basics/small-list-item → small-list-item}/types.d.ts +1 -1
- package/lib-esm/{basics/text-input → text-input}/text-input.js +4 -4
- package/lib-esm/{basics/text-input → text-input}/text-input.module.js +1 -1
- package/package.json +2 -2
- package/lib-esm/basics/navigation-menu/navigation-menu-link.d.ts +0 -5
- /package/lib-esm/{basics/button → button}/index.d.ts +0 -0
- /package/lib-esm/{basics/collapsible → collapsible}/collapsible-section.d.ts +0 -0
- /package/lib-esm/{basics/collapsible → collapsible}/index.d.ts +0 -0
- /package/lib-esm/{basics/collapsible → collapsible}/types.d.ts +0 -0
- /package/lib-esm/{basics/date-picker → date-picker}/index.d.ts +0 -0
- /package/lib-esm/{basics/grid-list-item → grid-list-item}/grid-list.d.ts +0 -0
- /package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-description.d.ts +0 -0
- /package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-snippet.d.ts +0 -0
- /package/lib-esm/{basics/large-list-item → large-list-item}/large-list.d.ts +0 -0
- /package/lib-esm/{basics/navigation-menu → navigation-menu}/index.js +0 -0
- /package/lib-esm/{basics/navigation-menu → navigation-menu}/navigation-menu-separator.d.ts +0 -0
- /package/lib-esm/{basics/small-list-item → small-list-item}/small-list.d.ts +0 -0
- /package/lib-esm/{basics/text-input → text-input}/index.d.ts +0 -0
- /package/lib-esm/{basics/text-input → text-input}/text-input.d.ts +0 -0
- /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("
|
|
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("
|
|
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 '
|
|
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 '
|
|
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 '
|
|
7
|
-
import { Slot } from '
|
|
8
|
-
import { useNamedSlots } from '
|
|
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 '
|
|
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("
|
|
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 '
|
|
8
|
+
import { Calendar as Calendar$1 } from '../primitives/calendar/calendar.js';
|
|
9
9
|
import '@internationalized/date';
|
|
10
|
-
import { IconButton } from '
|
|
11
|
-
import { InlineError } from '
|
|
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 '
|
|
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 '
|
|
4
|
-
import { type Modify } from '
|
|
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 '../
|
|
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 '
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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 '
|
|
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 '
|
|
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 '../
|
|
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';
|
package/lib-esm/index.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export * from './accordion';
|
|
2
2
|
export * from './actionable-inline-notice';
|
|
3
3
|
export * from './avatar';
|
|
4
|
-
export * from './
|
|
5
|
-
export * from './
|
|
6
|
-
export * from './
|
|
7
|
-
export * from './
|
|
8
|
-
export * from './
|
|
9
|
-
export * from './
|
|
10
|
-
export * from './
|
|
11
|
-
export * from './
|
|
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 './
|
|
5
|
-
export { CollapsibleSection } from './
|
|
6
|
-
export { DatePicker } from './
|
|
7
|
-
export { GridList } from './
|
|
8
|
-
export { LargeList } from './
|
|
9
|
-
export { NavigationMenu } from './
|
|
10
|
-
export { SmallList } from './
|
|
11
|
-
export { TextInput } from './
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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 '
|
|
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 '
|
|
5
|
-
import { useBaseGridListItemContext } from '
|
|
6
|
-
import styles from '
|
|
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 '
|
|
5
|
-
import { useBaseGridListItemContext } from '
|
|
6
|
-
import styles from '
|
|
7
|
-
import { Ghost } from '
|
|
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 '
|
|
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 '
|
|
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 '../
|
|
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("
|
|
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("
|
|
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 '
|
|
2
|
+
import { type DropdownMenuContentProps } from '../primitives/dropdown-menu';
|
|
3
3
|
export type NavigationMenuContentProps = DropdownMenuContentProps;
|
|
4
4
|
/**
|
|
5
5
|
* Alias for DropdownMenu.Content
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type DropdownMenuItemProps } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
2
|
+
import { type DropdownMenuRootProps } from '../primitives/dropdown-menu';
|
|
3
3
|
export type NavigationMenuRootProps = DropdownMenuRootProps;
|
|
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 '
|
|
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 '
|
|
2
|
+
import { type DropdownMenuTriggerProps } from '../primitives/dropdown-menu';
|
|
3
3
|
export type NavigationMenuTriggerProps = DropdownMenuTriggerProps;
|
|
4
4
|
/**
|
|
5
5
|
* Alias for DropdownMenu.Trigger
|
|
@@ -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 '../../
|
|
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,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 '../
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import { BaseGridList } from '
|
|
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 '
|
|
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 '
|
|
6
|
-
import { InlineError } from '
|
|
7
|
-
import { useForkRef } from '
|
|
8
|
-
import { useUniqueId } from '
|
|
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 '
|
|
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.
|
|
3
|
+
"version": "6.32.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.6"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "25214c832bd6a2d554534298fc76f4e07e19ab4f",
|
|
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
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/lib-esm/{basics/large-list-item → large-list-item}/large-list-item-description.d.ts
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|