@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.
Files changed (66) hide show
  1. package/build/avatarWrapper/AvatarWrapper.js.map +1 -1
  2. package/build/avatarWrapper/AvatarWrapper.mjs.map +1 -1
  3. package/build/container/Container.js +24 -0
  4. package/build/container/Container.js.map +1 -0
  5. package/build/container/Container.mjs +20 -0
  6. package/build/container/Container.mjs.map +1 -0
  7. package/build/index.js +2 -0
  8. package/build/index.js.map +1 -1
  9. package/build/index.mjs +1 -0
  10. package/build/index.mjs.map +1 -1
  11. package/build/listItem/ListItem.js +2 -2
  12. package/build/listItem/ListItem.js.map +1 -1
  13. package/build/listItem/ListItem.mjs +2 -2
  14. package/build/listItem/ListItem.mjs.map +1 -1
  15. package/build/main.css +46 -0
  16. package/build/styles/container/Container.css +38 -0
  17. package/build/styles/main.css +46 -0
  18. package/build/types/body/Body.d.ts +2 -2
  19. package/build/types/container/Container.d.ts +16 -0
  20. package/build/types/container/Container.d.ts.map +1 -0
  21. package/build/types/container/index.d.ts +3 -0
  22. package/build/types/container/index.d.ts.map +1 -0
  23. package/build/types/iconButton/IconButton.d.ts +1 -1
  24. package/build/types/index.d.ts +2 -0
  25. package/build/types/index.d.ts.map +1 -1
  26. package/build/types/listItem/Button/ListItemButton.d.ts +1 -1
  27. package/build/types/listItem/ListItem.d.ts +1 -1
  28. package/build/types/select/searchBox/SearchBox.d.ts +1 -1
  29. package/build/types/title/Title.d.ts +2 -2
  30. package/build/types/uploadInput/uploadItem/UploadItemLink.d.ts +1 -1
  31. package/package.json +3 -3
  32. package/src/actionButton/ActionButton.story.tsx +4 -4
  33. package/src/actionButton/ActionButton.test.story.tsx +4 -4
  34. package/src/avatarWrapper/AvatarWrapper.tsx +3 -3
  35. package/src/common/circle/Circle.story.tsx +3 -3
  36. package/src/container/Container.css +38 -0
  37. package/src/container/Container.less +39 -0
  38. package/src/container/Container.story.tsx +130 -0
  39. package/src/container/Container.test.tsx +37 -0
  40. package/src/container/Container.tsx +37 -0
  41. package/src/container/index.ts +2 -0
  42. package/src/flowNavigation/FlowNavigation.story.tsx +16 -8
  43. package/src/iconButton/IconButton.story.tsx +5 -6
  44. package/src/iconButton/IconButton.test.story.tsx +8 -8
  45. package/src/icons/Icons.story.tsx +381 -0
  46. package/src/index.ts +2 -0
  47. package/src/listItem/ListItem.test.tsx +24 -0
  48. package/src/listItem/ListItem.tsx +2 -2
  49. package/src/listItem/_stories/ListItem.context.test.story.tsx +63 -0
  50. package/src/listItem/_stories/ListItem.scenarios.story.tsx +3 -3
  51. package/src/main.css +46 -0
  52. package/src/main.less +1 -0
  53. package/src/moneyInput/MoneyInput.story.tsx +2 -2
  54. package/src/navigationOption/NavigationOption.story.tsx +3 -3
  55. package/src/overlayHeader/OverlayHeader.story.tsx +2 -2
  56. package/src/prompt/ActionPrompt/ActionPrompt.story.tsx +3 -3
  57. package/src/prompt/ActionPrompt/ActionPrompt.test.story.tsx +3 -3
  58. package/src/prompt/InfoPrompt/InfoPrompt.accessibility.docs.mdx +1 -1
  59. package/src/prompt/InfoPrompt/InfoPrompt.story.tsx +3 -3
  60. package/src/prompt/InlinePrompt/InlinePrompt.accessibility.docs.mdx +1 -1
  61. package/src/prompt/InlinePrompt/InlinePrompt.story.tsx +5 -5
  62. package/src/prompt/InlinePrompt/InlinePrompt.test.story.tsx +2 -2
  63. package/src/select/Select.story.tsx +3 -3
  64. package/src/select/option/Option.test.tsx +3 -3
  65. package/src/summary/Summary.story.tsx +5 -5
  66. package/src/summary/Summary.test.story.tsx +2 -2
@@ -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<HTMLSpanElement | HTMLParagraphElement> & {
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<HTMLSpanElement | HTMLParagraphElement | HTMLDivElement | null>>;
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,3 @@
1
+ export type { ContainerProps } from './Container';
2
+ export { default } from './Container';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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>, "onClick" | "disabled"> & Pick<HTMLAttributes<HTMLDivElement>, "className" | "id" | "tabIndex" | "role" | "aria-label" | "children"> & import("react").RefAttributes<unknown>>;
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
@@ -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, "disabled" | "size" | "block" | "v2" | "addonStart"> & {
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, "disabled" | "size" | "block" | "v2" | "addonStart"> & {
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>, "onChange" | "onClick" | "value" | "placeholder"> & import("react").RefAttributes<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<HTMLSpanElement | HTMLHeadingElement | HTMLLabelElement> & React.LiHTMLAttributes<HTMLLIElement> & {
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<HTMLSpanElement | HTMLHeadingElement | HTMLLabelElement>>;
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<HTMLDivElement | HTMLAnchorElement>>;
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.135.2",
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.4.1",
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 { Settings } from '@transferwise/icons';
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
- <Settings />
36
+ <Cog />
37
37
  Primary label
38
38
  </ActionButton>
39
39
  <ActionButton priority="secondary" {...args}>
40
- <Settings />
40
+ <Cog />
41
41
  Secondary label
42
42
  </ActionButton>
43
43
  <ActionButton priority="tertiary" {...args}>
44
- <Settings />
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 { Settings } from '@transferwise/icons';
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
- <Settings />
31
+ <Cog />
32
32
  Primary label
33
33
  </ActionButton>
34
34
  <ActionButton priority="secondary" {...args}>
35
- <Settings />
35
+ <Cog />
36
36
  Secondary label
37
37
  </ActionButton>
38
38
  <ActionButton priority="tertiary" {...args}>
39
- <Settings />
39
+ <Cog />
40
40
  Tertiary label
41
41
  </ActionButton>
42
42
  </div>
@@ -1,4 +1,4 @@
1
- import { Person as ProfileIcon, Briefcase as BriefcaseIcon } from '@transferwise/icons';
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" /> : <ProfileIcon 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: <ProfileIcon size="24" />,
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 { Profile } from '@transferwise/icons';
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 = <Profile size={16} />;
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 = <Profile size={16} />;
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;
@@ -0,0 +1,2 @@
1
+ export type { ContainerProps } from './Container';
2
+ export { default } from './Container';