@transferwise/components 0.0.0-experimental-cf0b77b → 0.0.0-experimental-14034f1
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/package.json
CHANGED
|
@@ -5,7 +5,6 @@ import Container from '../../Container';
|
|
|
5
5
|
import Title from '../../Title';
|
|
6
6
|
import { Typography } from '../../common/PropsValues/typography';
|
|
7
7
|
import { withVariantConfig } from '../../../.storybook/helpers';
|
|
8
|
-
import { useRtlDiffI18n, withRTLDiff } from '../../../.storybook/decorators/RtlDiffDecorator';
|
|
9
8
|
|
|
10
9
|
export default {
|
|
11
10
|
title: 'Typography/Body/Tests',
|
|
@@ -89,44 +88,3 @@ export const HyphenationMobile: Story = {
|
|
|
89
88
|
...HyphenationTest,
|
|
90
89
|
...withVariantConfig(['mobile'], HyphenationTest),
|
|
91
90
|
};
|
|
92
|
-
|
|
93
|
-
const rtlDiffBodyLarge = withRTLDiff({
|
|
94
|
-
i18n: {
|
|
95
|
-
secondParagraph: {
|
|
96
|
-
en: "Set up a transfer in a few minutes from your phone or computer. We'll keep you updated at every step, so you always know where your money is.",
|
|
97
|
-
ar: 'أعدّ تحويلك في بضع دقائق من هاتفك أو حاسوبك. سنبقيك على اطلاع في كل خطوة، لتعرف دائمًا أين أموالك.',
|
|
98
|
-
he: 'הגדירו העברה תוך כמה דקות מהטלפון או מהמחשב. נעדכן אתכם בכל שלב, כך שתמיד תדעו איפה הכסף שלכם.',
|
|
99
|
-
},
|
|
100
|
-
paragraph: {
|
|
101
|
-
en: "Send money abroad at the real exchange rate, with low, transparent fees. You'll always see what you pay upfront, and your recipient gets the money quickly and securely.",
|
|
102
|
-
ar: 'أرسل الأموال إلى الخارج بسعر الصرف الحقيقي ومع رسوم منخفضة وشفافة. سترى دائمًا ما تدفعه مقدمًا، ويحصل المستلم على أمواله بسرعة وأمان.',
|
|
103
|
-
he: 'שלחו כסף לחו״ל בשער החליפין האמיתי, עם עמלות נמוכות ושקופות. תמיד תראו מראש כמה אתם משלמים, והנמען יקבל את הכסף במהירות ובבטחה.',
|
|
104
|
-
},
|
|
105
|
-
},
|
|
106
|
-
});
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* Two body large paragraphs in RTL and LTR, for the RTL Typography docs page.
|
|
110
|
-
* Hidden from the sidebar, tests and Chromatic.
|
|
111
|
-
*/
|
|
112
|
-
export const RTLDiffBodyLarge: Story = {
|
|
113
|
-
tags: ['!dev', '!test'],
|
|
114
|
-
render: function Render() {
|
|
115
|
-
const i18n = useRtlDiffI18n();
|
|
116
|
-
return (
|
|
117
|
-
<>
|
|
118
|
-
<Body as="p" type={Typography.BODY_LARGE}>
|
|
119
|
-
{i18n.paragraph}
|
|
120
|
-
</Body>
|
|
121
|
-
<Body as="p" type={Typography.BODY_LARGE}>
|
|
122
|
-
{i18n.secondParagraph}
|
|
123
|
-
</Body>
|
|
124
|
-
</>
|
|
125
|
-
);
|
|
126
|
-
},
|
|
127
|
-
...rtlDiffBodyLarge,
|
|
128
|
-
parameters: {
|
|
129
|
-
...rtlDiffBodyLarge.parameters,
|
|
130
|
-
chromatic: { ...rtlDiffBodyLarge.parameters.chromatic, disableSnapshot: true },
|
|
131
|
-
},
|
|
132
|
-
};
|
|
@@ -175,36 +175,3 @@ export const RTLDiff: Story = {
|
|
|
175
175
|
},
|
|
176
176
|
}),
|
|
177
177
|
};
|
|
178
|
-
|
|
179
|
-
const rtlDiffDayView = withRTLDiff({
|
|
180
|
-
i18n: {
|
|
181
|
-
disabledReason: {
|
|
182
|
-
en: 'Weekends and specific dates are unavailable.',
|
|
183
|
-
ar: 'عطلات نهاية الأسبوع وتواريخ محددة غير متاحة.',
|
|
184
|
-
},
|
|
185
|
-
},
|
|
186
|
-
});
|
|
187
|
-
|
|
188
|
-
/**
|
|
189
|
-
* Day view only, for the RTL Layout docs page. Hidden from the sidebar, tests and Chromatic,
|
|
190
|
-
* as `RTLDiff` already covers it.
|
|
191
|
-
*/
|
|
192
|
-
export const RTLDiffDayView: Story = {
|
|
193
|
-
tags: ['!dev', '!test'],
|
|
194
|
-
render: () => {
|
|
195
|
-
const i18n = useRtlDiffI18n();
|
|
196
|
-
return (
|
|
197
|
-
<Calendar
|
|
198
|
-
value={selectedDate}
|
|
199
|
-
min={minDate}
|
|
200
|
-
max={maxDate}
|
|
201
|
-
disabledRules={{ ...disabledRulesRtl, reason: i18n.disabledReason }}
|
|
202
|
-
/>
|
|
203
|
-
);
|
|
204
|
-
},
|
|
205
|
-
...rtlDiffDayView,
|
|
206
|
-
parameters: {
|
|
207
|
-
...rtlDiffDayView.parameters,
|
|
208
|
-
chromatic: { ...rtlDiffDayView.parameters.chromatic, disableSnapshot: true },
|
|
209
|
-
},
|
|
210
|
-
};
|