@transferwise/components 46.135.2 → 46.136.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/avatarWrapper/AvatarWrapper.js.map +1 -1
- package/build/avatarWrapper/AvatarWrapper.mjs.map +1 -1
- package/build/container/Container.js +24 -0
- package/build/container/Container.js.map +1 -0
- package/build/container/Container.mjs +20 -0
- package/build/container/Container.mjs.map +1 -0
- package/build/index.js +2 -0
- package/build/index.js.map +1 -1
- package/build/index.mjs +1 -0
- package/build/index.mjs.map +1 -1
- package/build/listItem/ListItem.js +2 -2
- package/build/listItem/ListItem.js.map +1 -1
- package/build/listItem/ListItem.mjs +2 -2
- package/build/listItem/ListItem.mjs.map +1 -1
- package/build/main.css +46 -0
- package/build/styles/container/Container.css +38 -0
- package/build/styles/main.css +46 -0
- package/build/types/body/Body.d.ts +2 -2
- package/build/types/container/Container.d.ts +16 -0
- package/build/types/container/Container.d.ts.map +1 -0
- package/build/types/container/index.d.ts +3 -0
- package/build/types/container/index.d.ts.map +1 -0
- package/build/types/iconButton/IconButton.d.ts +1 -1
- package/build/types/index.d.ts +2 -0
- package/build/types/index.d.ts.map +1 -1
- package/build/types/listItem/Button/ListItemButton.d.ts +1 -1
- package/build/types/listItem/ListItem.d.ts +1 -1
- package/build/types/select/searchBox/SearchBox.d.ts +1 -1
- package/build/types/title/Title.d.ts +2 -2
- package/build/types/uploadInput/uploadItem/UploadItemLink.d.ts +1 -1
- package/package.json +3 -3
- package/src/actionButton/ActionButton.story.tsx +4 -4
- package/src/actionButton/ActionButton.test.story.tsx +4 -4
- package/src/avatarWrapper/AvatarWrapper.tsx +3 -3
- package/src/common/circle/Circle.story.tsx +3 -3
- package/src/container/Container.css +38 -0
- package/src/container/Container.less +39 -0
- package/src/container/Container.story.tsx +130 -0
- package/src/container/Container.test.tsx +37 -0
- package/src/container/Container.tsx +37 -0
- package/src/container/index.ts +2 -0
- package/src/flowNavigation/FlowNavigation.story.tsx +16 -8
- package/src/iconButton/IconButton.story.tsx +5 -6
- package/src/iconButton/IconButton.test.story.tsx +8 -8
- package/src/icons/Icons.story.tsx +381 -0
- package/src/index.ts +2 -0
- package/src/listItem/ListItem.test.tsx +24 -0
- package/src/listItem/ListItem.tsx +2 -2
- package/src/listItem/_stories/ListItem.context.test.story.tsx +63 -0
- package/src/listItem/_stories/ListItem.scenarios.story.tsx +3 -3
- package/src/main.css +46 -0
- package/src/main.less +1 -0
- package/src/moneyInput/MoneyInput.story.tsx +2 -2
- package/src/navigationOption/NavigationOption.story.tsx +3 -3
- package/src/overlayHeader/OverlayHeader.story.tsx +2 -2
- package/src/prompt/ActionPrompt/ActionPrompt.story.tsx +3 -3
- package/src/prompt/ActionPrompt/ActionPrompt.test.story.tsx +3 -3
- package/src/prompt/InfoPrompt/InfoPrompt.accessibility.docs.mdx +1 -1
- package/src/prompt/InfoPrompt/InfoPrompt.story.tsx +3 -3
- package/src/prompt/InlinePrompt/InlinePrompt.accessibility.docs.mdx +1 -1
- package/src/prompt/InlinePrompt/InlinePrompt.story.tsx +5 -5
- package/src/prompt/InlinePrompt/InlinePrompt.test.story.tsx +2 -2
- package/src/select/Select.story.tsx +3 -3
- package/src/select/option/Option.test.tsx +3 -3
- package/src/summary/Summary.story.tsx +5 -5
- package/src/summary/Summary.test.story.tsx +2 -2
package/build/styles/main.css
CHANGED
|
@@ -26290,6 +26290,52 @@ a[data-toggle="tooltip"] {
|
|
|
26290
26290
|
--color-sentiment-background-surface-active: #B6ECEC;
|
|
26291
26291
|
}
|
|
26292
26292
|
|
|
26293
|
+
.wds-container {
|
|
26294
|
+
--wds-container-padding-inline: 16px;
|
|
26295
|
+
--wds-container-width-fluid: 100%;
|
|
26296
|
+
--wds-container-width-standard: 1160px;
|
|
26297
|
+
--wds-container-width-narrow: 840px;
|
|
26298
|
+
--wds-container-width-compact: 600px;
|
|
26299
|
+
width: 100%;
|
|
26300
|
+
margin-inline: auto;
|
|
26301
|
+
padding-inline: 16px;
|
|
26302
|
+
padding-inline: var(--wds-container-padding-inline);
|
|
26303
|
+
}
|
|
26304
|
+
|
|
26305
|
+
@media (min-width: 576px) {
|
|
26306
|
+
.wds-container {
|
|
26307
|
+
--wds-container-padding-inline: var(--size-16);
|
|
26308
|
+
}
|
|
26309
|
+
}
|
|
26310
|
+
|
|
26311
|
+
@media (min-width: 768px) {
|
|
26312
|
+
.wds-container {
|
|
26313
|
+
--wds-container-padding-inline: var(--size-32);
|
|
26314
|
+
}
|
|
26315
|
+
}
|
|
26316
|
+
|
|
26317
|
+
@media (min-width: 992px) {
|
|
26318
|
+
.wds-container {
|
|
26319
|
+
--wds-container-padding-inline: var(--size-40);
|
|
26320
|
+
}
|
|
26321
|
+
}
|
|
26322
|
+
|
|
26323
|
+
.wds-container--standard {
|
|
26324
|
+
max-width: var(--wds-container-width-standard);
|
|
26325
|
+
}
|
|
26326
|
+
|
|
26327
|
+
.wds-container--narrow {
|
|
26328
|
+
max-width: var(--wds-container-width-narrow);
|
|
26329
|
+
}
|
|
26330
|
+
|
|
26331
|
+
.wds-container--compact {
|
|
26332
|
+
max-width: var(--wds-container-width-compact);
|
|
26333
|
+
}
|
|
26334
|
+
|
|
26335
|
+
.wds-container--fluid {
|
|
26336
|
+
max-width: var(--wds-container-width-fluid);
|
|
26337
|
+
}
|
|
26338
|
+
|
|
26293
26339
|
.critical-comms {
|
|
26294
26340
|
border-radius: 16px;
|
|
26295
26341
|
border-radius: var(--radius-medium);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { BodyTypes } from '../common/propsValues/typography';
|
|
3
|
-
declare const Body: import("react").ForwardRefExoticComponent<HTMLAttributes<
|
|
3
|
+
declare const Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement | HTMLSpanElement> & {
|
|
4
4
|
/** @default 'body-default' */
|
|
5
5
|
type?: BodyTypes;
|
|
6
6
|
/** @default 'div' */
|
|
@@ -10,6 +10,6 @@ declare const Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTM
|
|
|
10
10
|
* @default false
|
|
11
11
|
*/
|
|
12
12
|
preserveNewlines?: boolean;
|
|
13
|
-
} & import("react").RefAttributes<
|
|
13
|
+
} & import("react").RefAttributes<HTMLDivElement | HTMLParagraphElement | HTMLSpanElement | null>>;
|
|
14
14
|
export default Body;
|
|
15
15
|
//# sourceMappingURL=Body.d.ts.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
|
|
2
|
+
import { CommonProps } from '../common';
|
|
3
|
+
type ContainerOwnProps<T extends ElementType> = CommonProps & {
|
|
4
|
+
/** Controls the maximum width: `fluid` (100%), `standard` (1160px), `narrow` (840px), `compact` (600px). @default 'standard' */
|
|
5
|
+
size?: 'fluid' | 'standard' | 'narrow' | 'compact';
|
|
6
|
+
as?: T;
|
|
7
|
+
};
|
|
8
|
+
export type ContainerProps<T extends ElementType = 'div'> = PropsWithChildren<ContainerOwnProps<T>> & Omit<ComponentPropsWithoutRef<T>, keyof ContainerOwnProps<T> | 'children'>;
|
|
9
|
+
/**
|
|
10
|
+
* Centers page content within a responsive max-width boundary, with automatic horizontal padding that adapts to the viewport size.
|
|
11
|
+
*
|
|
12
|
+
* **Design guidance**: <a href="https://wise.design/foundations/grid" target="_blank">wise.design/foundations/grid</a>
|
|
13
|
+
*/
|
|
14
|
+
declare const Container: <T extends ElementType = "div">({ size, as, className, children, ...otherProps }: ContainerProps<T>) => import("react").JSX.Element;
|
|
15
|
+
export default Container;
|
|
16
|
+
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/container/Container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,KAAK,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,WAAW,GAAG;IAC5D,gIAAgI;IAChI,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IACnD,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,iBAAiB,CAC3E,iBAAiB,CAAC,CAAC,CAAC,CACrB,GACC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,iBAAiB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC;AAE7E;;;;GAIG;AACH,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,kDAM/C,cAAc,CAAC,CAAC,CAAC,gCAOnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -16,6 +16,6 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
|
|
|
16
16
|
/** @default 'default' */
|
|
17
17
|
type?: "default" | "negative";
|
|
18
18
|
'data-testid'?: string;
|
|
19
|
-
} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
19
|
+
} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "onClick"> & Pick<HTMLAttributes<HTMLDivElement>, "id" | "className" | "tabIndex" | "role" | "aria-label" | "children"> & import("react").RefAttributes<unknown>>;
|
|
20
20
|
export default IconButton;
|
|
21
21
|
//# sourceMappingURL=IconButton.d.ts.map
|
package/build/types/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Types
|
|
3
3
|
*/
|
|
4
|
+
export type { ContainerProps } from './container';
|
|
4
5
|
export type { AccordionItem, AccordionProps } from './accordion';
|
|
5
6
|
export type { ActionOptionProps } from './actionOption';
|
|
6
7
|
export type { AlertAction, AlertProps, AlertType } from './alert';
|
|
@@ -101,6 +102,7 @@ export { default as CheckboxOption } from './checkboxOption';
|
|
|
101
102
|
export { default as Chevron } from './chevron';
|
|
102
103
|
export { Chip, default as Chips } from './chips';
|
|
103
104
|
export { default as CircularButton } from './circularButton';
|
|
105
|
+
export { default as Container } from './container';
|
|
104
106
|
export { default as Option } from './common/Option';
|
|
105
107
|
export { default as BottomSheet } from './common/bottomSheet';
|
|
106
108
|
export { default as BaseCard } from './common/baseCard';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export type ListItemButtonProps = Omit<NewButtonProps, 'v2' | 'size' | 'disabled
|
|
|
15
15
|
* <br />
|
|
16
16
|
* Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.
|
|
17
17
|
*/
|
|
18
|
-
export declare const Button: import("react").ForwardRefExoticComponent<Omit<NewButtonProps, "
|
|
18
|
+
export declare const Button: import("react").ForwardRefExoticComponent<Omit<NewButtonProps, "block" | "disabled" | "size" | "v2" | "addonStart"> & {
|
|
19
19
|
/**
|
|
20
20
|
* Toggles the [interactivity strategy](https://storybook.wise.design/?path=/docs/content-listitem--docs#interactivity) for the whole ListItem.
|
|
21
21
|
*/
|
|
@@ -105,7 +105,7 @@ export declare const ListItem: {
|
|
|
105
105
|
({ href, ...props }: ListItemNavigationProps): import("react").JSX.Element;
|
|
106
106
|
displayName: string;
|
|
107
107
|
};
|
|
108
|
-
Button: import("react").ForwardRefExoticComponent<Omit<import("..").ButtonProps, "
|
|
108
|
+
Button: import("react").ForwardRefExoticComponent<Omit<import("..").ButtonProps, "block" | "disabled" | "size" | "v2" | "addonStart"> & {
|
|
109
109
|
partiallyInteractive?: boolean;
|
|
110
110
|
addonStart?: import("../button").ButtonAddonIcon;
|
|
111
111
|
priority?: import("..").ButtonProps["priority"];
|
|
@@ -3,6 +3,6 @@ declare const SearchBox: import("react").ForwardRefExoticComponent<{
|
|
|
3
3
|
id?: string;
|
|
4
4
|
classNames?: Record<string, string>;
|
|
5
5
|
focusedOptionId?: string;
|
|
6
|
-
} & Pick<InputHTMLAttributes<HTMLInputElement>, "
|
|
6
|
+
} & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onClick" | "placeholder"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
7
7
|
export default SearchBox;
|
|
8
8
|
//# sourceMappingURL=SearchBox.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TitleTypes, Heading } from '../common';
|
|
3
|
-
declare const Title: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<
|
|
3
|
+
declare const Title: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLHeadingElement | HTMLLabelElement | HTMLSpanElement> & React.LiHTMLAttributes<HTMLLIElement> & {
|
|
4
4
|
/**
|
|
5
5
|
* Default value will based one `type` prop
|
|
6
6
|
*/
|
|
@@ -9,6 +9,6 @@ declare const Title: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<H
|
|
|
9
9
|
* Default value: {@link DEFAULT_TYPE}
|
|
10
10
|
*/
|
|
11
11
|
type?: TitleTypes;
|
|
12
|
-
} & React.RefAttributes<
|
|
12
|
+
} & React.RefAttributes<HTMLHeadingElement | HTMLLabelElement | HTMLSpanElement>>;
|
|
13
13
|
export default Title;
|
|
14
14
|
//# sourceMappingURL=Title.d.ts.map
|
|
@@ -5,5 +5,5 @@ export declare const UploadItemLink: import("react").ForwardRefExoticComponent<{
|
|
|
5
5
|
singleFileUpload: boolean;
|
|
6
6
|
} & {
|
|
7
7
|
children?: import("react").ReactNode | undefined;
|
|
8
|
-
} & import("react").RefAttributes<
|
|
8
|
+
} & import("react").RefAttributes<HTMLAnchorElement | HTMLDivElement>>;
|
|
9
9
|
//# sourceMappingURL=UploadItemLink.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "46.
|
|
3
|
+
"version": "46.136.0",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@rollup/plugin-url": "^8.0.2",
|
|
52
52
|
"@storybook/addon-a11y": "^10.3.5",
|
|
53
53
|
"@storybook/addon-docs": "^10.3.5",
|
|
54
|
-
"@storybook/addon-mcp": "^0.
|
|
54
|
+
"@storybook/addon-mcp": "^0.6.0",
|
|
55
55
|
"@storybook/addon-webpack5-compiler-babel": "^4.0.1",
|
|
56
56
|
"@storybook/react-webpack5": "^10.3.5",
|
|
57
57
|
"@testing-library/dom": "^10.4.1",
|
|
@@ -86,8 +86,8 @@
|
|
|
86
86
|
"storybook": "^10.3.5",
|
|
87
87
|
"storybook-addon-tag-badges": "^3.1.0",
|
|
88
88
|
"storybook-addon-test-codegen": "^3.0.1",
|
|
89
|
-
"@transferwise/less-config": "3.1.2",
|
|
90
89
|
"@transferwise/neptune-css": "14.27.1",
|
|
90
|
+
"@transferwise/less-config": "3.1.2",
|
|
91
91
|
"@wise/components-theming": "1.10.1",
|
|
92
92
|
"@wise/wds-configs": "0.0.0"
|
|
93
93
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
2
|
-
import {
|
|
2
|
+
import { Cog } from '@transferwise/icons';
|
|
3
3
|
|
|
4
4
|
import ActionButton from './ActionButton';
|
|
5
5
|
import { withVariantConfig } from '../../.storybook/helpers';
|
|
@@ -33,15 +33,15 @@ export const Basic: Story = {
|
|
|
33
33
|
</div>
|
|
34
34
|
<div>
|
|
35
35
|
<ActionButton priority="primary" {...args}>
|
|
36
|
-
<
|
|
36
|
+
<Cog />
|
|
37
37
|
Primary label
|
|
38
38
|
</ActionButton>
|
|
39
39
|
<ActionButton priority="secondary" {...args}>
|
|
40
|
-
<
|
|
40
|
+
<Cog />
|
|
41
41
|
Secondary label
|
|
42
42
|
</ActionButton>
|
|
43
43
|
<ActionButton priority="tertiary" {...args}>
|
|
44
|
-
<
|
|
44
|
+
<Cog />
|
|
45
45
|
Tertiary label
|
|
46
46
|
</ActionButton>
|
|
47
47
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
2
|
-
import {
|
|
2
|
+
import { Cog } from '@transferwise/icons';
|
|
3
3
|
import ActionButton from './ActionButton';
|
|
4
4
|
import { withVariantConfig } from '../../.storybook/helpers';
|
|
5
5
|
|
|
@@ -28,15 +28,15 @@ export const DisabledVariants: Story = {
|
|
|
28
28
|
</div>
|
|
29
29
|
<div>
|
|
30
30
|
<ActionButton priority="primary" {...args}>
|
|
31
|
-
<
|
|
31
|
+
<Cog />
|
|
32
32
|
Primary label
|
|
33
33
|
</ActionButton>
|
|
34
34
|
<ActionButton priority="secondary" {...args}>
|
|
35
|
-
<
|
|
35
|
+
<Cog />
|
|
36
36
|
Secondary label
|
|
37
37
|
</ActionButton>
|
|
38
38
|
<ActionButton priority="tertiary" {...args}>
|
|
39
|
-
<
|
|
39
|
+
<Cog />
|
|
40
40
|
Tertiary label
|
|
41
41
|
</ActionButton>
|
|
42
42
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Person
|
|
1
|
+
import { Person, Briefcase as BriefcaseIcon } from '@transferwise/icons';
|
|
2
2
|
import { useState, useEffect } from 'react';
|
|
3
3
|
|
|
4
4
|
import Avatar, { AvatarProps, AvatarType } from '../avatar';
|
|
@@ -112,7 +112,7 @@ const AvatarWrapper = ({
|
|
|
112
112
|
if (profileType) {
|
|
113
113
|
return {
|
|
114
114
|
type: AvatarType.ICON,
|
|
115
|
-
children: isBusinessProfile ? <BriefcaseIcon size="24" /> : <
|
|
115
|
+
children: isBusinessProfile ? <BriefcaseIcon size="24" /> : <Person size="24" />,
|
|
116
116
|
...updatedAvatarProps,
|
|
117
117
|
};
|
|
118
118
|
}
|
|
@@ -126,7 +126,7 @@ const AvatarWrapper = ({
|
|
|
126
126
|
}
|
|
127
127
|
return {
|
|
128
128
|
type: AvatarType.ICON,
|
|
129
|
-
children: <
|
|
129
|
+
children: <Person size="24" />,
|
|
130
130
|
...updatedAvatarProps,
|
|
131
131
|
};
|
|
132
132
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
2
2
|
import Circle from './Circle';
|
|
3
|
-
import {
|
|
3
|
+
import { Person } from '@transferwise/icons';
|
|
4
4
|
import { CircleProps } from '.';
|
|
5
5
|
import Body from '../../body';
|
|
6
6
|
import { withVariantConfig } from '../../../.storybook/helpers';
|
|
@@ -27,7 +27,7 @@ export const Basic: Story = {
|
|
|
27
27
|
|
|
28
28
|
export const Sizes: Story = {
|
|
29
29
|
render: () => {
|
|
30
|
-
const content = <
|
|
30
|
+
const content = <Person size={16} />;
|
|
31
31
|
const sizes: CircleProps['size'][] = [16, 24, 32, 40, 48, 56, 72];
|
|
32
32
|
return (
|
|
33
33
|
<div
|
|
@@ -52,7 +52,7 @@ export const Sizes: Story = {
|
|
|
52
52
|
export const FixedSize: Story = {
|
|
53
53
|
render: () => {
|
|
54
54
|
const size = 72;
|
|
55
|
-
const content = <
|
|
55
|
+
const content = <Person size={16} />;
|
|
56
56
|
return (
|
|
57
57
|
<div
|
|
58
58
|
style={{
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
.wds-container {
|
|
2
|
+
--wds-container-padding-inline: 16px;
|
|
3
|
+
--wds-container-width-fluid: 100%;
|
|
4
|
+
--wds-container-width-standard: 1160px;
|
|
5
|
+
--wds-container-width-narrow: 840px;
|
|
6
|
+
--wds-container-width-compact: 600px;
|
|
7
|
+
width: 100%;
|
|
8
|
+
margin-inline: auto;
|
|
9
|
+
padding-inline: 16px;
|
|
10
|
+
padding-inline: var(--wds-container-padding-inline);
|
|
11
|
+
}
|
|
12
|
+
@media (min-width: 576px) {
|
|
13
|
+
.wds-container {
|
|
14
|
+
--wds-container-padding-inline: var(--size-16);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
@media (min-width: 768px) {
|
|
18
|
+
.wds-container {
|
|
19
|
+
--wds-container-padding-inline: var(--size-32);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
@media (min-width: 992px) {
|
|
23
|
+
.wds-container {
|
|
24
|
+
--wds-container-padding-inline: var(--size-40);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
.wds-container--standard {
|
|
28
|
+
max-width: var(--wds-container-width-standard);
|
|
29
|
+
}
|
|
30
|
+
.wds-container--narrow {
|
|
31
|
+
max-width: var(--wds-container-width-narrow);
|
|
32
|
+
}
|
|
33
|
+
.wds-container--compact {
|
|
34
|
+
max-width: var(--wds-container-width-compact);
|
|
35
|
+
}
|
|
36
|
+
.wds-container--fluid {
|
|
37
|
+
max-width: var(--wds-container-width-fluid);
|
|
38
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.wds-container {
|
|
2
|
+
--wds-container-padding-inline: 16px;
|
|
3
|
+
--wds-container-width-fluid: 100%;
|
|
4
|
+
--wds-container-width-standard: 1160px;
|
|
5
|
+
--wds-container-width-narrow: 840px;
|
|
6
|
+
--wds-container-width-compact: 600px;
|
|
7
|
+
|
|
8
|
+
width: 100%;
|
|
9
|
+
margin-inline: auto;
|
|
10
|
+
padding-inline: var(--wds-container-padding-inline);
|
|
11
|
+
|
|
12
|
+
@media (--screen-sm) {
|
|
13
|
+
--wds-container-padding-inline: var(--size-16);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@media (--screen-md) {
|
|
17
|
+
--wds-container-padding-inline: var(--size-32);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@media (--screen-lg) {
|
|
21
|
+
--wds-container-padding-inline: var(--size-40);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&--standard {
|
|
25
|
+
max-width: var(--wds-container-width-standard);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&--narrow {
|
|
29
|
+
max-width: var(--wds-container-width-narrow);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&--compact {
|
|
33
|
+
max-width: var(--wds-container-width-compact);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&--fluid {
|
|
37
|
+
max-width: var(--wds-container-width-fluid);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
2
|
+
|
|
3
|
+
import Body from '../body';
|
|
4
|
+
import Title from '../title';
|
|
5
|
+
|
|
6
|
+
import Container from './Container';
|
|
7
|
+
|
|
8
|
+
export default {
|
|
9
|
+
component: Container,
|
|
10
|
+
title: 'Layout/Container',
|
|
11
|
+
tags: ['early-access'],
|
|
12
|
+
argTypes: {
|
|
13
|
+
size: {
|
|
14
|
+
control: 'radio',
|
|
15
|
+
options: ['fluid', 'standard', 'narrow', 'compact'],
|
|
16
|
+
},
|
|
17
|
+
as: { control: 'text' },
|
|
18
|
+
className: { table: { category: 'Common' } },
|
|
19
|
+
},
|
|
20
|
+
args: {
|
|
21
|
+
size: 'standard',
|
|
22
|
+
as: undefined,
|
|
23
|
+
className: undefined,
|
|
24
|
+
},
|
|
25
|
+
parameters: {
|
|
26
|
+
docs: { toc: true },
|
|
27
|
+
padding: '0',
|
|
28
|
+
},
|
|
29
|
+
} satisfies Meta<typeof Container>;
|
|
30
|
+
|
|
31
|
+
type Story = StoryObj<typeof Container>;
|
|
32
|
+
|
|
33
|
+
const sizeLabels = {
|
|
34
|
+
fluid: 'Fluid',
|
|
35
|
+
standard: 'Standard',
|
|
36
|
+
narrow: 'Narrow',
|
|
37
|
+
compact: 'Compact',
|
|
38
|
+
} as const;
|
|
39
|
+
|
|
40
|
+
const sizeMaxWidths = {
|
|
41
|
+
fluid: '100%',
|
|
42
|
+
standard: '1160px',
|
|
43
|
+
narrow: '840px',
|
|
44
|
+
compact: '600px',
|
|
45
|
+
} as const;
|
|
46
|
+
|
|
47
|
+
const sizeDescriptions = {
|
|
48
|
+
fluid: 'Fills the full available width with no maximum constraint.',
|
|
49
|
+
standard: 'Constrains content to 1160px — the default for most page layouts.',
|
|
50
|
+
narrow: 'Constrains content to 840px, suited for reading-focused or form layouts.',
|
|
51
|
+
compact: 'Constrains content to 600px, ideal for single-column or focused content.',
|
|
52
|
+
} as const;
|
|
53
|
+
|
|
54
|
+
/** Explore size and element type via the controls panel. */
|
|
55
|
+
export const Playground: Story = {
|
|
56
|
+
decorators: [
|
|
57
|
+
(Story, { args }) => (
|
|
58
|
+
<div
|
|
59
|
+
style={{ background: 'var(--color-background-neutral)', paddingBlock: 'var(--size-16)' }}
|
|
60
|
+
>
|
|
61
|
+
<Container {...args}>
|
|
62
|
+
<div style={{ background: 'white', borderRadius: '16px', padding: 'var(--size-16)' }}>
|
|
63
|
+
<Story />
|
|
64
|
+
</div>
|
|
65
|
+
</Container>
|
|
66
|
+
</div>
|
|
67
|
+
),
|
|
68
|
+
],
|
|
69
|
+
render: (args) => (
|
|
70
|
+
<>
|
|
71
|
+
<Title type="title-section">{sizeLabels[args.size ?? 'standard']} container</Title>
|
|
72
|
+
<Body>{sizeDescriptions[args.size ?? 'standard']}</Body>
|
|
73
|
+
</>
|
|
74
|
+
),
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Four sizes control the maximum width of the container. <br />
|
|
79
|
+
* `fluid` fills the full viewport, `standard` caps at 1160px, `narrow` at 840px, and `compact` at
|
|
80
|
+
* 600px.
|
|
81
|
+
*/
|
|
82
|
+
export const Size: Story = {
|
|
83
|
+
argTypes: {
|
|
84
|
+
size: { table: { disable: true } },
|
|
85
|
+
as: { table: { disable: true } },
|
|
86
|
+
className: { table: { disable: true } },
|
|
87
|
+
},
|
|
88
|
+
render: () => (
|
|
89
|
+
<div style={{ display: 'flex', flexDirection: 'column', gap: '2px' }}>
|
|
90
|
+
{(['fluid', 'standard', 'narrow', 'compact'] as const).map((size) => (
|
|
91
|
+
<div
|
|
92
|
+
key={size}
|
|
93
|
+
style={{ background: 'var(--color-background-neutral)', paddingBlock: 'var(--size-16)' }}
|
|
94
|
+
>
|
|
95
|
+
<Container size={size}>
|
|
96
|
+
<div style={{ background: 'white', borderRadius: '16px', padding: 'var(--size-16)' }}>
|
|
97
|
+
<Title type="title-section">{sizeLabels[size]}</Title>
|
|
98
|
+
<Body>Max width: {sizeMaxWidths[size]}</Body>
|
|
99
|
+
</div>
|
|
100
|
+
</Container>
|
|
101
|
+
</div>
|
|
102
|
+
))}
|
|
103
|
+
</div>
|
|
104
|
+
),
|
|
105
|
+
parameters: {
|
|
106
|
+
docs: {
|
|
107
|
+
source: {
|
|
108
|
+
code: `<Container size="fluid">
|
|
109
|
+
<Title type="title-section">Fluid</Title>
|
|
110
|
+
<Body>Max width: 100%</Body>
|
|
111
|
+
</Container>
|
|
112
|
+
|
|
113
|
+
<Container size="standard">
|
|
114
|
+
<Title type="title-section">Standard</Title>
|
|
115
|
+
<Body>Max width: 1160px</Body>
|
|
116
|
+
</Container>
|
|
117
|
+
|
|
118
|
+
<Container size="narrow">
|
|
119
|
+
<Title type="title-section">Narrow</Title>
|
|
120
|
+
<Body>Max width: 840px</Body>
|
|
121
|
+
</Container>
|
|
122
|
+
|
|
123
|
+
<Container size="compact">
|
|
124
|
+
<Title type="title-section">Compact</Title>
|
|
125
|
+
<Body>Max width: 600px</Body>
|
|
126
|
+
</Container>`,
|
|
127
|
+
},
|
|
128
|
+
},
|
|
129
|
+
},
|
|
130
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { render, screen } from '../test-utils';
|
|
2
|
+
import Container from '.';
|
|
3
|
+
|
|
4
|
+
describe('Container', () => {
|
|
5
|
+
const childText = 'container-child';
|
|
6
|
+
|
|
7
|
+
const renderContainer = (props = {}) => render(<Container {...props}>{childText}</Container>);
|
|
8
|
+
|
|
9
|
+
it('renders as a div by default', () => {
|
|
10
|
+
renderContainer();
|
|
11
|
+
expect(screen.getByText(childText).tagName).toBe('DIV');
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
it('applies the standard size class by default', () => {
|
|
15
|
+
renderContainer();
|
|
16
|
+
expect(screen.getByText(childText)).toHaveClass('wds-container--standard');
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
it.each(['fluid', 'standard', 'narrow', 'compact'] as const)(
|
|
20
|
+
'applies the %s size class',
|
|
21
|
+
(size) => {
|
|
22
|
+
renderContainer({ size });
|
|
23
|
+
expect(screen.getByText(childText)).toHaveClass(`wds-container--${size}`);
|
|
24
|
+
},
|
|
25
|
+
);
|
|
26
|
+
|
|
27
|
+
it('renders as a custom element via the as prop', () => {
|
|
28
|
+
renderContainer({ as: 'section' });
|
|
29
|
+
expect(screen.getByText(childText).tagName).toBe('SECTION');
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
it('passes additional props to the element', () => {
|
|
33
|
+
renderContainer({ 'data-testid': 'my-container', id: 'test-id' });
|
|
34
|
+
const el = screen.getByTestId('my-container');
|
|
35
|
+
expect(el).toHaveAttribute('id', 'test-id');
|
|
36
|
+
});
|
|
37
|
+
});
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { clsx } from 'clsx';
|
|
2
|
+
import type { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
|
|
3
|
+
|
|
4
|
+
import { CommonProps } from '../common';
|
|
5
|
+
|
|
6
|
+
type ContainerOwnProps<T extends ElementType> = CommonProps & {
|
|
7
|
+
/** Controls the maximum width: `fluid` (100%), `standard` (1160px), `narrow` (840px), `compact` (600px). @default 'standard' */
|
|
8
|
+
size?: 'fluid' | 'standard' | 'narrow' | 'compact';
|
|
9
|
+
as?: T;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export type ContainerProps<T extends ElementType = 'div'> = PropsWithChildren<
|
|
13
|
+
ContainerOwnProps<T>
|
|
14
|
+
> &
|
|
15
|
+
Omit<ComponentPropsWithoutRef<T>, keyof ContainerOwnProps<T> | 'children'>;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Centers page content within a responsive max-width boundary, with automatic horizontal padding that adapts to the viewport size.
|
|
19
|
+
*
|
|
20
|
+
* **Design guidance**: <a href="https://wise.design/foundations/grid" target="_blank">wise.design/foundations/grid</a>
|
|
21
|
+
*/
|
|
22
|
+
const Container = <T extends ElementType = 'div'>({
|
|
23
|
+
size = 'standard',
|
|
24
|
+
as,
|
|
25
|
+
className,
|
|
26
|
+
children,
|
|
27
|
+
...otherProps
|
|
28
|
+
}: ContainerProps<T>) => {
|
|
29
|
+
const Element = as ?? 'div';
|
|
30
|
+
return (
|
|
31
|
+
<Element {...otherProps} className={clsx('wds-container', `wds-container--${size}`, className)}>
|
|
32
|
+
{children}
|
|
33
|
+
</Element>
|
|
34
|
+
);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export default Container;
|