@box/blueprint-web 6.24.1 → 6.25.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/branding-styles/utils/createTheme.js +1 -1
- package/lib-esm/branding-styles/utils/variables.js +0 -1
- package/package.json +4 -4
- package/lib-esm/avatar/utils.d.ts +0 -3
- package/lib-esm/primitives/utility/AreaIndicator.d.ts +0 -7
- package/lib-esm/utils/storybook/DocsStoryHeightDecorator.d.ts +0 -14
- package/lib-esm/utils/storybook/VariantsAggregator.d.ts +0 -15
- package/lib-esm/utils/storybook/a11yExceptionsConfig.d.ts +0 -65
- package/lib-esm/utils/storybook/testStories.utils.d.ts +0 -110
- package/lib-esm/utils/storybook/waitForAnimation.d.ts +0 -13
|
@@ -5,7 +5,7 @@ import method from 'lodash/method';
|
|
|
5
5
|
import theme from './theme.js';
|
|
6
6
|
import { white, black, bdlGray10, bdlGray, bdlGray80, bdlGray65, bdlGray50 } from './variables.js';
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
// This is a copy of https://github.com/box/box-ui-elements/blob/master/src/utils/createTheme.js
|
|
9
9
|
/* ----------------- Theme ---------------------------*/
|
|
10
10
|
const THEME_VERY_DARK = 'vDark';
|
|
11
11
|
const THEME_DARK = 'dark';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
// Copy of https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/variables.ts
|
|
2
2
|
/* File auto-generated */
|
|
3
|
-
/* eslint-disable */
|
|
4
3
|
const white = '#fff'; // white
|
|
5
4
|
const black = '#000'; // black
|
|
6
5
|
const bdlBoxBlue = '#0061d5'; // bdl-box-blue
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.25.1",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@ariakit/react": "0.4.1",
|
|
25
25
|
"@ariakit/react-core": "0.4.1",
|
|
26
|
-
"@box/blueprint-web-assets": "^4.8.
|
|
26
|
+
"@box/blueprint-web-assets": "^4.8.1",
|
|
27
27
|
"@internationalized/date": "^3.5.1",
|
|
28
28
|
"@radix-ui/react-accordion": "^1.1.2",
|
|
29
29
|
"@radix-ui/react-checkbox": "^1.0.4",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"type-fest": "^3.2.0"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@box/storybook-utils": "^0.0.
|
|
58
|
+
"@box/storybook-utils": "^0.0.6"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "189b0584b0c259f075a1af892cbd37d9c82b378c",
|
|
61
61
|
"module": "lib-esm/index.js",
|
|
62
62
|
"main": "lib-esm/index.js",
|
|
63
63
|
"exports": {
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface AreaIndicatorProps extends React.ComponentProps<'div'> {
|
|
3
|
-
/** Label text displayed on hover */
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
/** Provides a container for component to indicate its boundaries on hover */
|
|
7
|
-
export declare const AreaIndicator: ({ children, label, className, ...rest }: AreaIndicatorProps) => JSX.Element;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type Decorator } from '@storybook/react';
|
|
2
|
-
/**
|
|
3
|
-
* Creates container with preset height for story in docs tab of storybook.
|
|
4
|
-
*
|
|
5
|
-
* @param docsStoryHeight - string | number
|
|
6
|
-
* @example
|
|
7
|
-
* export default {
|
|
8
|
-
* ...componentMetaConfiguration,
|
|
9
|
-
* args: { ...defaultArgs, docsStoryHeight: '60px' },
|
|
10
|
-
* decorators: [DocsStoryHeightDecorator],
|
|
11
|
-
* }
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
14
|
-
export declare const DocsStoryHeightDecorator: Decorator;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { type CSSProperties, type FunctionComponent } from 'react';
|
|
2
|
-
export type ComponentVariant<Props extends object> = {
|
|
3
|
-
props?: Partial<Props>;
|
|
4
|
-
ComponentTemplate?: FunctionComponent<any>;
|
|
5
|
-
};
|
|
6
|
-
export type ComponentRecord<ComponentProps> = Record<string, ComponentVariant<Partial<ComponentProps>>>;
|
|
7
|
-
export declare const VariantsAggregator: {
|
|
8
|
-
<T extends JSX.IntrinsicAttributes>({ defaultProps, DefaultComponentTemplate, variantsMap, containerStyle, }: {
|
|
9
|
-
defaultProps: T;
|
|
10
|
-
DefaultComponentTemplate: FunctionComponent<T>;
|
|
11
|
-
variantsMap: Record<string, ComponentVariant<T>>;
|
|
12
|
-
containerStyle?: CSSProperties | undefined;
|
|
13
|
-
}): JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
export declare const popoverHiddenFocusException: {
|
|
2
|
-
id: string;
|
|
3
|
-
enabled: boolean;
|
|
4
|
-
}[];
|
|
5
|
-
export declare const comboboxTextAreaException: {
|
|
6
|
-
id: string;
|
|
7
|
-
selector: string;
|
|
8
|
-
}[];
|
|
9
|
-
export declare const emptyTableHeaderException: {
|
|
10
|
-
id: string;
|
|
11
|
-
enabled: boolean;
|
|
12
|
-
}[];
|
|
13
|
-
export declare const ariaHiddenFocusException: {
|
|
14
|
-
id: string;
|
|
15
|
-
enabled: boolean;
|
|
16
|
-
}[];
|
|
17
|
-
export declare const separatorInDropdownException: {
|
|
18
|
-
id: string;
|
|
19
|
-
selector: string;
|
|
20
|
-
}[];
|
|
21
|
-
export declare const contextMenuWithNestedMenuException: {
|
|
22
|
-
id: string;
|
|
23
|
-
enabled: boolean;
|
|
24
|
-
}[];
|
|
25
|
-
export declare const ariaHiddenDivBeingSiblingOfTabException: {
|
|
26
|
-
id: string;
|
|
27
|
-
enabled: boolean;
|
|
28
|
-
}[];
|
|
29
|
-
export declare const NotificationsListExceptions: ({
|
|
30
|
-
id: string;
|
|
31
|
-
selector: string;
|
|
32
|
-
reviewOnFail?: undefined;
|
|
33
|
-
} | {
|
|
34
|
-
id: string;
|
|
35
|
-
reviewOnFail: boolean;
|
|
36
|
-
selector?: undefined;
|
|
37
|
-
})[];
|
|
38
|
-
export declare const calendarLandmarkTopLevelException: {
|
|
39
|
-
id: string;
|
|
40
|
-
enabled: boolean;
|
|
41
|
-
}[];
|
|
42
|
-
export declare const nestedInteractiveA11yException: {
|
|
43
|
-
id: string;
|
|
44
|
-
enabled: boolean;
|
|
45
|
-
}[];
|
|
46
|
-
export declare const uniqueLandmarksException: {
|
|
47
|
-
id: string;
|
|
48
|
-
enabled: boolean;
|
|
49
|
-
}[];
|
|
50
|
-
export declare const landmarkNoDuplicateBannerException: {
|
|
51
|
-
id: string;
|
|
52
|
-
enabled: boolean;
|
|
53
|
-
}[];
|
|
54
|
-
export declare const duplicateIdException: {
|
|
55
|
-
id: string;
|
|
56
|
-
enabled: boolean;
|
|
57
|
-
}[];
|
|
58
|
-
export declare const colorContrastException: {
|
|
59
|
-
id: string;
|
|
60
|
-
enabled: boolean;
|
|
61
|
-
}[];
|
|
62
|
-
export declare const buttonNameException: {
|
|
63
|
-
id: string;
|
|
64
|
-
enabled: boolean;
|
|
65
|
-
}[];
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { type Decorator } from '@storybook/react';
|
|
2
|
-
export declare function sleep(ms: number): Promise<unknown>;
|
|
3
|
-
export declare const docsDisabledNotice: {
|
|
4
|
-
docs: {
|
|
5
|
-
page: () => JSX.Element;
|
|
6
|
-
};
|
|
7
|
-
};
|
|
8
|
-
export declare const enableSnapshotsParams: {
|
|
9
|
-
chromatic: {
|
|
10
|
-
disableSnapshot: boolean;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export declare const disableControlsParams: {
|
|
14
|
-
controls: {
|
|
15
|
-
exclude: RegExp;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export declare const defaultInteractionTestsConfig: {
|
|
19
|
-
parameters: {
|
|
20
|
-
docs: {
|
|
21
|
-
page: () => JSX.Element;
|
|
22
|
-
};
|
|
23
|
-
controls: {
|
|
24
|
-
exclude: RegExp;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export declare const defaultVrtConfig: {
|
|
29
|
-
parameters: {
|
|
30
|
-
chromatic: {
|
|
31
|
-
disableSnapshot: boolean;
|
|
32
|
-
};
|
|
33
|
-
docs: {
|
|
34
|
-
page: () => JSX.Element;
|
|
35
|
-
};
|
|
36
|
-
controls: {
|
|
37
|
-
exclude: RegExp;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
export declare const onlyDocsParametersConfig: {
|
|
42
|
-
viewMode: string;
|
|
43
|
-
previewTabs: {
|
|
44
|
-
canvas: {
|
|
45
|
-
hidden: boolean;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
export declare const subComponentsDocsConfig: {
|
|
50
|
-
componentPlacement: string;
|
|
51
|
-
docs: {
|
|
52
|
-
page: () => string;
|
|
53
|
-
};
|
|
54
|
-
viewMode: string;
|
|
55
|
-
previewTabs: {
|
|
56
|
-
canvas: {
|
|
57
|
-
hidden: boolean;
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
export declare const viewportConfig: {
|
|
62
|
-
small: {
|
|
63
|
-
parameters: {
|
|
64
|
-
chromatic: {
|
|
65
|
-
viewports: number[];
|
|
66
|
-
};
|
|
67
|
-
viewport: {
|
|
68
|
-
defaultViewport: string;
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
medium: {
|
|
73
|
-
parameters: {
|
|
74
|
-
chromatic: {
|
|
75
|
-
viewports: number[];
|
|
76
|
-
};
|
|
77
|
-
viewport: {
|
|
78
|
-
defaultViewport: string;
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
large: {
|
|
83
|
-
parameters: {
|
|
84
|
-
chromatic: {
|
|
85
|
-
viewports: number[];
|
|
86
|
-
};
|
|
87
|
-
viewport: {
|
|
88
|
-
defaultViewport: string;
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
xlarge: {
|
|
93
|
-
parameters: {
|
|
94
|
-
chromatic: {
|
|
95
|
-
viewports: number[];
|
|
96
|
-
};
|
|
97
|
-
viewport: {
|
|
98
|
-
defaultViewport: string;
|
|
99
|
-
};
|
|
100
|
-
};
|
|
101
|
-
};
|
|
102
|
-
};
|
|
103
|
-
export declare const getDisabledArgs: (args: string[]) => {
|
|
104
|
-
[x: string]: {
|
|
105
|
-
table: {
|
|
106
|
-
disable: true;
|
|
107
|
-
};
|
|
108
|
-
};
|
|
109
|
-
};
|
|
110
|
-
export declare const StorybookStoryWidthDecorator: Decorator;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* waitForAnimation
|
|
3
|
-
* Utility function to be used in Visual tests
|
|
4
|
-
* It should used when you want to wait for an animation to finish
|
|
5
|
-
* @param {boolean} [failIfNoAnimation] - if there is no animation detected - fail
|
|
6
|
-
* @param {number} [waitForAnimationStart] - after this time it's assumed no animation is present.
|
|
7
|
-
* @param {number} [animationMaxTime] - after this time it's assumed animation has finished.
|
|
8
|
-
*/
|
|
9
|
-
export declare const waitForAnimation: ({ failIfNoAnimation, waitForAnimationStart, animationMaxTime, }?: {
|
|
10
|
-
failIfNoAnimation?: boolean | undefined;
|
|
11
|
-
waitForAnimationStart?: number | undefined;
|
|
12
|
-
animationMaxTime?: number | undefined;
|
|
13
|
-
}) => Promise<void>;
|