@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.
Files changed (90) hide show
  1. package/build/ProcessIndicator/ProcessIndicator.js +1 -1
  2. package/build/ProcessIndicator/ProcessIndicator.js.map +1 -1
  3. package/build/ProcessIndicator/ProcessIndicator.mjs +1 -1
  4. package/build/ProcessIndicator/ProcessIndicator.mjs.map +1 -1
  5. package/build/SegmentedControl/SegmentedControl.js +9 -2
  6. package/build/SegmentedControl/SegmentedControl.js.map +1 -1
  7. package/build/SegmentedControl/SegmentedControl.mjs +9 -2
  8. package/build/SegmentedControl/SegmentedControl.mjs.map +1 -1
  9. package/build/main.css +54 -62
  10. package/build/styles/AvatarLayout/AvatarLayout.css +26 -9
  11. package/build/styles/AvatarView/AvatarView.css +0 -8
  12. package/build/styles/AvatarView/Dot/Dot.css +0 -8
  13. package/build/styles/CheckboxButton/CheckboxButton.css +0 -3
  14. package/build/styles/SegmentedControl/SegmentedControl.css +2 -1
  15. package/build/styles/SlidingPanel/SlidingPanel.css +0 -8
  16. package/build/styles/UploadInput/UploadItem/UploadItem.css +5 -4
  17. package/build/styles/_deprecated/Badge/Badge.css +2 -4
  18. package/build/styles/css/accordion.css +0 -3
  19. package/build/styles/css/buttons.css +7 -1
  20. package/build/styles/css/chevron.css +0 -3
  21. package/build/styles/css/neptune.css +19 -25
  22. package/build/styles/css/process.css +9 -15
  23. package/build/styles/css/tick.css +3 -6
  24. package/build/styles/main.css +54 -62
  25. package/build/styles/styles/less/accordion.css +0 -3
  26. package/build/styles/styles/less/buttons.css +7 -1
  27. package/build/styles/styles/less/chevron.css +0 -3
  28. package/build/styles/styles/less/neptune.css +19 -25
  29. package/build/styles/styles/less/process.css +9 -15
  30. package/build/styles/styles/less/tick.css +3 -6
  31. package/build/types/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  32. package/package.json +1 -1
  33. package/src/AvatarLayout/AvatarLayout.css +26 -9
  34. package/src/AvatarLayout/AvatarLayout.less +46 -22
  35. package/src/AvatarLayout/_stories/AvatarLayout.test.story.tsx +17 -42
  36. package/src/AvatarView/AvatarView.css +0 -8
  37. package/src/AvatarView/Dot/Dot.css +0 -8
  38. package/src/AvatarView/Dot/Dot.less +1 -7
  39. package/src/Button/_stories/Button.test.story.tsx +1 -1
  40. package/src/Checkbox/_stories/Checkbox.story.tsx +1 -1
  41. package/src/Checkbox/_stories/Checkbox.test.story.tsx +2 -3
  42. package/src/CheckboxButton/CheckboxButton.css +0 -3
  43. package/src/CheckboxButton/CheckboxButton.less +0 -4
  44. package/src/Chevron/_stories/Chevron.test.story.tsx +2 -2
  45. package/src/Field/_stories/Field.test.story.tsx +48 -37
  46. package/src/FlowNavigation/_stories/FlowNavigation.rtl.test.story.tsx +78 -0
  47. package/src/FlowNavigation/_stories/FlowNavigation.test.story.tsx +0 -44
  48. package/src/Header/_stories/Header.test.story.tsx +1 -1
  49. package/src/Info/_stories/Info.rtl.test.story.tsx +10 -35
  50. package/src/Info/_stories/Info.story.tsx +1 -1
  51. package/src/Inputs/SelectInput/_stories/SelectInput.test.story.tsx +1 -1
  52. package/src/Label/_stories/Label.test.story.tsx +35 -22
  53. package/src/ListItem/_stories/subcomponents.tsx +1 -1
  54. package/src/MoneyInput/_stories/MoneyInput.rtl.test.story.tsx +1 -1
  55. package/src/Nudge/_stories/Nudge.test.story.tsx +12 -29
  56. package/src/PhoneNumberInput/_stories/{PhoneNumberInput.rtl.test.story.tsx → PhoneNumberInput.test.story.tsx} +10 -18
  57. package/src/Popover/_stories/Popover.rtl.test.story.tsx +40 -50
  58. package/src/ProcessIndicator/ProcessIndicator.tsx +1 -1
  59. package/src/ProgressBar/_stories/ProgressBar.test.story.tsx +19 -33
  60. package/src/SegmentedControl/SegmentedControl.css +2 -1
  61. package/src/SegmentedControl/SegmentedControl.less +4 -2
  62. package/src/SegmentedControl/SegmentedControl.tsx +8 -2
  63. package/src/SegmentedControl/_stories/SegmentedControl.test.story.tsx +16 -8
  64. package/src/SlidingPanel/SlidingPanel.css +0 -8
  65. package/src/SlidingPanel/SlidingPanel.less +0 -6
  66. package/src/SlidingPanel/_stories/SlidingPanel.rtl.test.story.tsx +3 -4
  67. package/src/Snackbar/_stories/Snackbar.rtl.test.story.tsx +16 -14
  68. package/src/Snackbar/_stories/Snackbar.story.tsx +1 -1
  69. package/src/Snackbar/_stories/Snackbar.test.story.tsx +1 -1
  70. package/src/StatusIcon/_stories/StatusIcon.test.story.tsx +4 -12
  71. package/src/UploadInput/UploadItem/UploadItem.css +5 -4
  72. package/src/UploadInput/UploadItem/UploadItem.less +6 -7
  73. package/src/UploadInput/_stories/UploadInput.test.story.tsx +1 -1
  74. package/src/_deprecated/Badge/Badge.css +2 -4
  75. package/src/_deprecated/Badge/Badge.less +14 -7
  76. package/src/_deprecated/CriticalBanner/_stories/CriticalCommsBanner.test.story.tsx +16 -0
  77. package/src/_deprecated/OverlayHeader/_stories/OverlayHeader.test.story.tsx +0 -15
  78. package/src/main.css +54 -62
  79. package/src/styles/less/accordion.css +0 -3
  80. package/src/styles/less/buttons.css +7 -1
  81. package/src/styles/less/buttons.less +11 -3
  82. package/src/styles/less/chevron.css +0 -3
  83. package/src/styles/less/chevron.less +0 -4
  84. package/src/styles/less/neptune.css +19 -25
  85. package/src/styles/less/process.css +9 -15
  86. package/src/styles/less/process.less +6 -13
  87. package/src/styles/less/tick.css +3 -6
  88. package/src/styles/less/tick.less +3 -7
  89. package/src/Loader/_stories/Loader.test.story.tsx +0 -23
  90. 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
- };