@transferwise/components 0.0.0-experimental-102c421 → 0.0.0-experimental-151e673
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/ProcessIndicator/ProcessIndicator.js +1 -1
- package/build/ProcessIndicator/ProcessIndicator.js.map +1 -1
- package/build/ProcessIndicator/ProcessIndicator.mjs +1 -1
- package/build/ProcessIndicator/ProcessIndicator.mjs.map +1 -1
- package/build/SegmentedControl/SegmentedControl.js +9 -2
- package/build/SegmentedControl/SegmentedControl.js.map +1 -1
- package/build/SegmentedControl/SegmentedControl.mjs +9 -2
- package/build/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/build/main.css +54 -62
- package/build/styles/AvatarLayout/AvatarLayout.css +26 -9
- package/build/styles/AvatarView/AvatarView.css +0 -8
- package/build/styles/AvatarView/Dot/Dot.css +0 -8
- package/build/styles/CheckboxButton/CheckboxButton.css +0 -3
- package/build/styles/SegmentedControl/SegmentedControl.css +2 -1
- package/build/styles/SlidingPanel/SlidingPanel.css +0 -8
- package/build/styles/UploadInput/UploadItem/UploadItem.css +5 -4
- package/build/styles/_deprecated/Badge/Badge.css +2 -4
- package/build/styles/css/accordion.css +0 -3
- package/build/styles/css/buttons.css +7 -1
- package/build/styles/css/chevron.css +0 -3
- package/build/styles/css/neptune.css +19 -25
- package/build/styles/css/process.css +9 -15
- package/build/styles/css/tick.css +3 -6
- package/build/styles/main.css +54 -62
- package/build/styles/styles/less/accordion.css +0 -3
- package/build/styles/styles/less/buttons.css +7 -1
- package/build/styles/styles/less/chevron.css +0 -3
- package/build/styles/styles/less/neptune.css +19 -25
- package/build/styles/styles/less/process.css +9 -15
- package/build/styles/styles/less/tick.css +3 -6
- package/build/types/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/AvatarLayout/AvatarLayout.css +26 -9
- package/src/AvatarLayout/AvatarLayout.less +46 -22
- package/src/AvatarLayout/_stories/AvatarLayout.test.story.tsx +17 -42
- package/src/AvatarView/AvatarView.css +0 -8
- package/src/AvatarView/Dot/Dot.css +0 -8
- package/src/AvatarView/Dot/Dot.less +1 -7
- package/src/Button/_stories/Button.test.story.tsx +1 -1
- package/src/Checkbox/_stories/Checkbox.story.tsx +1 -1
- package/src/Checkbox/_stories/Checkbox.test.story.tsx +2 -3
- package/src/CheckboxButton/CheckboxButton.css +0 -3
- package/src/CheckboxButton/CheckboxButton.less +0 -4
- package/src/Chevron/_stories/Chevron.test.story.tsx +2 -2
- package/src/Field/_stories/Field.test.story.tsx +48 -37
- package/src/FlowNavigation/_stories/FlowNavigation.rtl.test.story.tsx +78 -0
- package/src/FlowNavigation/_stories/FlowNavigation.test.story.tsx +0 -44
- package/src/Header/_stories/Header.test.story.tsx +1 -1
- package/src/Info/_stories/Info.rtl.test.story.tsx +10 -35
- package/src/Info/_stories/Info.story.tsx +1 -1
- package/src/Inputs/SelectInput/_stories/SelectInput.test.story.tsx +1 -1
- package/src/Label/_stories/Label.test.story.tsx +35 -22
- package/src/ListItem/_stories/subcomponents.tsx +1 -1
- package/src/MoneyInput/_stories/MoneyInput.rtl.test.story.tsx +1 -1
- package/src/Nudge/_stories/Nudge.test.story.tsx +12 -29
- package/src/PhoneNumberInput/_stories/{PhoneNumberInput.rtl.test.story.tsx → PhoneNumberInput.test.story.tsx} +10 -18
- package/src/Popover/_stories/Popover.rtl.test.story.tsx +40 -50
- package/src/ProcessIndicator/ProcessIndicator.tsx +1 -1
- package/src/ProgressBar/_stories/ProgressBar.test.story.tsx +19 -33
- package/src/SegmentedControl/SegmentedControl.css +2 -1
- package/src/SegmentedControl/SegmentedControl.less +4 -2
- package/src/SegmentedControl/SegmentedControl.tsx +8 -2
- package/src/SegmentedControl/_stories/SegmentedControl.test.story.tsx +16 -8
- package/src/SlidingPanel/SlidingPanel.css +0 -8
- package/src/SlidingPanel/SlidingPanel.less +0 -6
- package/src/SlidingPanel/_stories/SlidingPanel.rtl.test.story.tsx +3 -4
- package/src/Snackbar/_stories/Snackbar.rtl.test.story.tsx +16 -14
- package/src/Snackbar/_stories/Snackbar.story.tsx +1 -1
- package/src/Snackbar/_stories/Snackbar.test.story.tsx +1 -1
- package/src/StatusIcon/_stories/StatusIcon.test.story.tsx +4 -12
- package/src/UploadInput/UploadItem/UploadItem.css +5 -4
- package/src/UploadInput/UploadItem/UploadItem.less +6 -7
- package/src/UploadInput/_stories/UploadInput.test.story.tsx +1 -1
- package/src/_deprecated/Badge/Badge.css +2 -4
- package/src/_deprecated/Badge/Badge.less +14 -7
- package/src/_deprecated/CriticalBanner/_stories/CriticalCommsBanner.test.story.tsx +16 -0
- package/src/_deprecated/OverlayHeader/_stories/OverlayHeader.test.story.tsx +0 -15
- package/src/main.css +54 -62
- package/src/styles/less/accordion.css +0 -3
- package/src/styles/less/buttons.css +7 -1
- package/src/styles/less/buttons.less +11 -3
- package/src/styles/less/chevron.css +0 -3
- package/src/styles/less/chevron.less +0 -4
- package/src/styles/less/neptune.css +19 -25
- package/src/styles/less/process.css +9 -15
- package/src/styles/less/process.less +6 -13
- package/src/styles/less/tick.css +3 -6
- package/src/styles/less/tick.less +3 -7
- package/src/Loader/_stories/Loader.test.story.tsx +0 -23
- package/src/ProcessIndicator/_stories/ProcessIndicator.test.story.tsx +0 -32
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
2
|
-
|
|
3
|
-
import { withRTLDiff } from '../../../.storybook/decorators/RtlDiffDecorator';
|
|
4
|
-
import ProcessIndicator from '..';
|
|
5
|
-
|
|
6
|
-
export default {
|
|
7
|
-
component: ProcessIndicator,
|
|
8
|
-
title: 'Loading/ProcessIndicator/Tests',
|
|
9
|
-
tags: ['!autodocs', '!manifest'],
|
|
10
|
-
} satisfies Meta<typeof ProcessIndicator>;
|
|
11
|
-
|
|
12
|
-
type Story = StoryObj<typeof ProcessIndicator>;
|
|
13
|
-
|
|
14
|
-
const sizes = ['xxs', 'xs', 'sm', 'xl'] as const;
|
|
15
|
-
const statuses = ['succeeded', 'failed'] as const;
|
|
16
|
-
|
|
17
|
-
const rowStyle = { display: 'flex', alignItems: 'center', gap: '16px' } as const;
|
|
18
|
-
|
|
19
|
-
export const RTLDiff: Story = {
|
|
20
|
-
render: () => (
|
|
21
|
-
<>
|
|
22
|
-
{statuses.map((status) => (
|
|
23
|
-
<div key={status} style={rowStyle}>
|
|
24
|
-
{sizes.map((size) => (
|
|
25
|
-
<ProcessIndicator key={size} size={size} status={status} />
|
|
26
|
-
))}
|
|
27
|
-
</div>
|
|
28
|
-
))}
|
|
29
|
-
</>
|
|
30
|
-
),
|
|
31
|
-
...withRTLDiff(),
|
|
32
|
-
};
|