@preply/ds-rn-lib 0.65.0 → 0.65.2
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/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.js +15 -23
- package/dist/components/Button/private/shortSizeToLong.d.ts +1 -0
- package/dist/components/Button/private/shortSizeToLong.js +11 -0
- package/dist/components/Button/private/useButtonPaddingStyle.d.ts +2 -0
- package/dist/components/Button/private/useButtonPaddingStyle.js +38 -0
- package/dist/components/Button/private/useButtonTextStyle.d.ts +2 -0
- package/dist/components/Button/private/useButtonTextStyle.js +42 -0
- package/dist/components/Heading/Heading.d.ts +9 -4
- package/dist/components/Heading/Heading.js +4 -4
- package/dist/props/typography/hooks/private/normalizeHeadingLevel.d.ts +15 -0
- package/dist/props/typography/hooks/private/normalizeHeadingLevel.js +16 -0
- package/dist/props/typography/hooks/private/normalizeTextVariant.d.ts +20 -0
- package/dist/props/typography/hooks/private/normalizeTextVariant.js +28 -0
- package/dist/props/typography/hooks/useHeadingStyle.d.ts +2 -2
- package/dist/props/typography/hooks/useHeadingStyle.js +4 -3
- package/dist/props/typography/hooks/useTextStyle.js +3 -2
- package/dist/props/typography/index.d.ts +1 -1
- package/dist/props/typography/types.d.ts +8 -2
- package/package.json +8 -8
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ButtonVariant } from '@preply/ds-core';
|
|
2
2
|
import { GestureResponderEvent } from 'react-native';
|
|
3
3
|
import { CommonProps, FCWithChildren } from '../../props/common/types';
|
|
4
4
|
import { ButtonIcon } from './private/ButtonIcon';
|
|
5
5
|
export interface ButtonProps extends CommonProps {
|
|
6
6
|
variant?: ButtonVariant;
|
|
7
|
-
size?:
|
|
7
|
+
size?: 's' | 'm' | 'l';
|
|
8
8
|
fullWidth?: boolean;
|
|
9
9
|
wrap?: boolean;
|
|
10
10
|
assistiveText?: string;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { BUTTON_VARIANT_DEFAULT,
|
|
2
|
-
import { useTheme, createStyleSheet,
|
|
1
|
+
import { BUTTON_VARIANT_DEFAULT, action } from '@preply/ds-core';
|
|
2
|
+
import { useTheme, createStyleSheet, useToken, useStyleSheet } from '@preply/ds-rn-core';
|
|
3
3
|
import React, { useState, useMemo } from 'react';
|
|
4
4
|
import { useWindowDimensions, View, Pressable, Platform, StyleSheet, ActivityIndicator } from 'react-native';
|
|
5
5
|
import { ButtonContent } from './private/ButtonContent.js';
|
|
6
6
|
import { ButtonIcon } from './private/ButtonIcon.js';
|
|
7
|
-
import {
|
|
7
|
+
import { useButtonPaddingStyle } from './private/useButtonPaddingStyle.js';
|
|
8
|
+
import { useButtonTextStyle } from './private/useButtonTextStyle.js';
|
|
8
9
|
|
|
9
|
-
const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size =
|
|
10
|
+
const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = 's', fullWidth = false, wrap = true, assistiveText, disabled = false, busy = false, onPress, children, testID, }) => {
|
|
10
11
|
const [pressed, setPressed] = useState(false);
|
|
11
12
|
const { fontScale } = useWindowDimensions();
|
|
12
13
|
const { theme } = useTheme();
|
|
@@ -38,6 +39,7 @@ const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT,
|
|
|
38
39
|
borderColor: action.base.disabled.borderColor,
|
|
39
40
|
},
|
|
40
41
|
text: {
|
|
42
|
+
textAlign: 'center',
|
|
41
43
|
color: action.variant[variant].color,
|
|
42
44
|
},
|
|
43
45
|
textActive: {
|
|
@@ -53,22 +55,16 @@ const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT,
|
|
|
53
55
|
textDecorationLine: 'underline',
|
|
54
56
|
},
|
|
55
57
|
}), [fullWidth, variant, theme]);
|
|
56
|
-
const styles = useStyleSheet(rawStyles);
|
|
57
58
|
const height = useToken(action.size[size].height) * fontScale;
|
|
58
|
-
const
|
|
59
|
-
const
|
|
60
|
-
const
|
|
61
|
-
const fontSize = useToken(action.size[size].fontSize);
|
|
62
|
-
const lineHeight = useToken(root.text.base.lineHeight) * fontSize * fontScale;
|
|
59
|
+
const styles = useStyleSheet(rawStyles);
|
|
60
|
+
const paddingStyle = useButtonPaddingStyle(size);
|
|
61
|
+
const textStyle = useButtonTextStyle(size);
|
|
63
62
|
const textDecoration = useToken(action.variant[variant].textDecoration);
|
|
64
63
|
return (React.createElement(View, { style: styles.container },
|
|
65
64
|
React.createElement(Pressable, { onPressIn: () => setPressed(true), onPressOut: () => setPressed(false), onPress: onPress, disabled: disabled || busy, style: [
|
|
66
65
|
styles.action,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
paddingVertical: verticalPadding,
|
|
70
|
-
paddingHorizontal: horizontalPadding,
|
|
71
|
-
},
|
|
66
|
+
paddingStyle,
|
|
67
|
+
{ minHeight: height },
|
|
72
68
|
pressed && Platform.OS !== 'android' && styles.actionActive,
|
|
73
69
|
disabled && styles.actionDisabled,
|
|
74
70
|
], accessibilityLabel: assistiveText, accessibilityRole: "button", accessibilityState: { disabled, busy }, android_ripple: {
|
|
@@ -77,19 +73,15 @@ const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT,
|
|
|
77
73
|
React.createElement(ButtonContent, { style: StyleSheet.flatten([
|
|
78
74
|
textStyle,
|
|
79
75
|
styles.text,
|
|
80
|
-
{
|
|
81
|
-
|
|
82
|
-
lineHeight,
|
|
83
|
-
flexWrap: wrap ? 'wrap' : 'nowrap',
|
|
84
|
-
},
|
|
76
|
+
{ flexWrap: wrap ? 'wrap' : 'nowrap' },
|
|
77
|
+
textDecoration === 'underline' && styles.textUnderlined,
|
|
85
78
|
pressed && styles.textActive,
|
|
86
79
|
disabled && styles.textDisabled,
|
|
87
80
|
busy && styles.textHidden,
|
|
88
|
-
textDecoration === 'underline' && styles.textUnderlined,
|
|
89
81
|
]), wrap: wrap }, children),
|
|
90
|
-
busy && (React.createElement(ActivityIndicator, { testID: `${testID}-busy`, color: disabled ? styles.textDisabled.color : styles.text.color, size:
|
|
82
|
+
busy && (React.createElement(ActivityIndicator, { testID: `${testID}-busy`, color: disabled ? styles.textDisabled.color : styles.text.color, size: 24, style: StyleSheet.absoluteFillObject })))));
|
|
91
83
|
};
|
|
92
84
|
Button.Icon = ButtonIcon;
|
|
93
85
|
|
|
94
86
|
export { Button };
|
|
95
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBCdXR0b25TaXplLFxuICAgIEJ1dHRvblZhcmlhbnQsXG4gICAgYWN0aW9uLFxuICAgIHJvb3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVTdHlsZVNoZWV0LCB1c2VTdHlsZVNoZWV0LCB1c2VUaGVtZSwgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBBY3Rpdml0eUluZGljYXRvcixcbiAgICBHZXN0dXJlUmVzcG9uZGVyRXZlbnQsXG4gICAgUGxhdGZvcm0sXG4gICAgUHJlc3NhYmxlLFxuICAgIFN0eWxlU2hlZXQsXG4gICAgVmlldyxcbiAgICB1c2VXaW5kb3dEaW1lbnNpb25zLFxufSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyB1c2VUZXh0U3R5bGUgfSBmcm9tICcuLi8uLi9wcm9wcyc7XG5pbXBvcnQgeyBDb21tb25Qcm9wcywgRkNXaXRoQ2hpbGRyZW4gfSBmcm9tICcuLi8uLi9wcm9wcy9jb21tb24vdHlwZXMnO1xuXG5pbXBvcnQgeyBCdXR0b25Db250ZW50IH0gZnJvbSAnLi9wcml2YXRlL0J1dHRvbkNvbnRlbnQnO1xuaW1wb3J0IHsgQnV0dG9uSWNvbiB9IGZyb20gJy4vcHJpdmF0ZS9CdXR0b25JY29uJztcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25Qcm9wcyBleHRlbmRzIENvbW1vblByb3BzIHtcbiAgICB2YXJpYW50PzogQnV0dG9uVmFyaWFudDtcbiAgICBzaXplPzogQnV0dG9uU2l6ZTtcbiAgICBmdWxsV2lkdGg/OiBib29sZWFuO1xuICAgIHdyYXA/OiBib29sZWFuO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIGJ1c3k/OiBib29sZWFuO1xuICAgIG9uUHJlc3M/OiAoZXZlbnQ6IEdlc3R1cmVSZXNwb25kZXJFdmVudCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IEJ1dHRvbjogRkNXaXRoQ2hpbGRyZW48QnV0dG9uUHJvcHM+ICYgeyBJY29uOiB0eXBlb2YgQnV0dG9uSWNvbiB9ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gdHJ1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgYnVzeSA9IGZhbHNlLFxuICAgIG9uUHJlc3MsXG4gICAgY2hpbGRyZW4sXG4gICAgdGVzdElELFxufSkgPT4ge1xuICAgIGNvbnN0IFtwcmVzc2VkLCBzZXRQcmVzc2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB7IGZvbnRTY2FsZSB9ID0gdXNlV2luZG93RGltZW5zaW9ucygpO1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCByYXdTdHlsZXMgPSB1c2VNZW1vKFxuICAgICAgICAoKSA9PlxuICAgICAgICAgICAgY3JlYXRlU3R5bGVTaGVldCh7XG4gICAgICAgICAgICAgICAgY29udGFpbmVyOiB7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBmdWxsV2lkdGggPyAnMTAwJScgOiAnYXV0bycsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogYWN0aW9uLmJhc2UuYm9yZGVyUmFkaXVzLFxuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBhY3Rpb246IHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5iZ0NvbG9yLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IGFjdGlvbi5iYXNlLmJvcmRlclJhZGl1cyxcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGFjdGlvbi52YXJpYW50W3ZhcmlhbnRdLmJvcmRlckNvbG9yLFxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJXaWR0aDogYWN0aW9uLmJhc2UuYm9yZGVyV2lkdGgsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBhY3Rpb25BY3RpdmU6IHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5hY3RpdmUuYmdDb2xvcixcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGFjdGlvbi52YXJpYW50W3ZhcmlhbnRdLmFjdGl2ZS5ib3JkZXJDb2xvcixcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIGFjdGlvbkRpc2FibGVkOlxuICAgICAgICAgICAgICAgICAgICB0aGVtZS5uYW1lID09PSAndG9reW8tdWknXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uZGlzYWJsZWQuYmdDb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5kaXNhYmxlZC5ib3JkZXJDb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmJnQ29sb3IsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJDb2xvcjogYWN0aW9uLmJhc2UuZGlzYWJsZWQuYm9yZGVyQ29sb3IsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGV4dDoge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uY29sb3IsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB0ZXh0QWN0aXZlOiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5hY3RpdmUuY29sb3IsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB0ZXh0RGlzYWJsZWQ6IHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmNvbG9yLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGV4dEhpZGRlbjoge1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGV4dFVuZGVybGluZWQ6IHtcbiAgICAgICAgICAgICAgICAgICAgdGV4dERlY29yYXRpb25MaW5lOiAndW5kZXJsaW5lJyxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSksXG4gICAgICAgIFtmdWxsV2lkdGgsIHZhcmlhbnQsIHRoZW1lXSxcbiAgICApO1xuXG4gICAgY29uc3Qgc3R5bGVzID0gdXNlU3R5bGVTaGVldChyYXdTdHlsZXMpO1xuICAgIGNvbnN0IGhlaWdodCA9IHVzZVRva2VuPG51bWJlcj4oYWN0aW9uLnNpemVbc2l6ZV0uaGVpZ2h0KSAqIGZvbnRTY2FsZTtcbiAgICBjb25zdCB2ZXJ0aWNhbFBhZGRpbmcgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLnZlcnRpY2FsUGFkZGluZykgKiBmb250U2NhbGU7XG4gICAgY29uc3QgaG9yaXpvbnRhbFBhZGRpbmcgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLmhvcml6b250YWxQYWRkaW5nKSAqIGZvbnRTY2FsZTtcbiAgICBjb25zdCB7XG4gICAgICAgIGxpbmVIZWlnaHQ6IF9saW5lSGVpZ2h0LFxuICAgICAgICBmb250U2l6ZTogX2ZvbnRTaXplLFxuICAgICAgICAuLi50ZXh0U3R5bGVcbiAgICB9ID0gdXNlVGV4dFN0eWxlKHsgdmFyaWFudDogJ20tbWVkaXVtJywgY2VudGVyZWQ6IHRydWUgfSk7XG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLmZvbnRTaXplKTtcbiAgICBjb25zdCBsaW5lSGVpZ2h0ID0gdXNlVG9rZW48bnVtYmVyPihyb290LnRleHQuYmFzZS5saW5lSGVpZ2h0KSAqIGZvbnRTaXplICogZm9udFNjYWxlO1xuICAgIGNvbnN0IHRleHREZWNvcmF0aW9uID0gdXNlVG9rZW48c3RyaW5nPihhY3Rpb24udmFyaWFudFt2YXJpYW50XS50ZXh0RGVjb3JhdGlvbik7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17c3R5bGVzLmNvbnRhaW5lcn0+XG4gICAgICAgICAgICA8UHJlc3NhYmxlXG4gICAgICAgICAgICAgICAgb25QcmVzc0luPXsoKSA9PiBzZXRQcmVzc2VkKHRydWUpfVxuICAgICAgICAgICAgICAgIG9uUHJlc3NPdXQ9eygpID0+IHNldFByZXNzZWQoZmFsc2UpfVxuICAgICAgICAgICAgICAgIG9uUHJlc3M9e29uUHJlc3N9XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGJ1c3l9XG4gICAgICAgICAgICAgICAgc3R5bGU9e1tcbiAgICAgICAgICAgICAgICAgICAgc3R5bGVzLmFjdGlvbixcbiAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWluSGVpZ2h0OiBoZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nVmVydGljYWw6IHZlcnRpY2FsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdIb3Jpem9udGFsOiBob3Jpem9udGFsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgcHJlc3NlZCAmJiBQbGF0Zm9ybS5PUyAhPT0gJ2FuZHJvaWQnICYmIHN0eWxlcy5hY3Rpb25BY3RpdmUsXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5hY3Rpb25EaXNhYmxlZCxcbiAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICAgIGFjY2Vzc2liaWxpdHlMYWJlbD17YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgICAgICAgICBhY2Nlc3NpYmlsaXR5Um9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgYWNjZXNzaWJpbGl0eVN0YXRlPXt7IGRpc2FibGVkLCBidXN5IH19XG4gICAgICAgICAgICAgICAgYW5kcm9pZF9yaXBwbGU9e3tcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHN0eWxlcy5hY3Rpb25BY3RpdmUuYmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgdGVzdElEPXt0ZXN0SUR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvbkNvbnRlbnRcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9e1N0eWxlU2hlZXQuZmxhdHRlbihbXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0U3R5bGUsXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZXMudGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhXcmFwOiB3cmFwID8gJ3dyYXAnIDogJ25vd3JhcCcsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgcHJlc3NlZCAmJiBzdHlsZXMudGV4dEFjdGl2ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy50ZXh0RGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBidXN5ICYmIHN0eWxlcy50ZXh0SGlkZGVuLFxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dERlY29yYXRpb24gPT09ICd1bmRlcmxpbmUnICYmIHN0eWxlcy50ZXh0VW5kZXJsaW5lZCxcbiAgICAgICAgICAgICAgICAgICAgXSl9XG4gICAgICAgICAgICAgICAgICAgIHdyYXA9e3dyYXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgPC9CdXR0b25Db250ZW50PlxuICAgICAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEFjdGl2aXR5SW5kaWNhdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXN0SUQ9e2Ake3Rlc3RJRH0tYnVzeWB9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj17ZGlzYWJsZWQgPyBzdHlsZXMudGV4dERpc2FibGVkLmNvbG9yIDogc3R5bGVzLnRleHQuY29sb3J9XG4gICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtsaW5lSGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e1N0eWxlU2hlZXQuYWJzb2x1dGVGaWxsT2JqZWN0fVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1ByZXNzYWJsZT5cbiAgICAgICAgPC9WaWV3PlxuICAgICk7XG59O1xuXG5CdXR0b24uSWNvbiA9IEJ1dHRvbkljb247XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7TUFxQ2EsTUFBTSxHQUE4RCxDQUFDLEVBQzlFLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixTQUFTLEdBQUcsS0FBSyxFQUNqQixJQUFJLEdBQUcsSUFBSSxFQUNYLGFBQWEsRUFDYixRQUFRLEdBQUcsS0FBSyxFQUNoQixJQUFJLEdBQUcsS0FBSyxFQUNaLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxHQUNUO0lBQ0csTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLG1CQUFtQixFQUFFLENBQUM7SUFDNUMsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLFFBQVEsRUFBRSxDQUFDO0lBRTdCLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FDckIsTUFDSSxnQkFBZ0IsQ0FBQztRQUNiLFNBQVMsRUFBRTtZQUNQLEtBQUssRUFBRSxTQUFTLEdBQUcsTUFBTSxHQUFHLE1BQU07WUFDbEMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUN0QyxRQUFRLEVBQUUsUUFBUTtTQUNyQjtRQUNELE1BQU0sRUFBRTtZQUNKLGVBQWUsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU87WUFDaEQsWUFBWSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUN0QyxXQUFXLEVBQUUsTUFBTSxDQUFDLE9BQU8s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
|
|
87
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fVkFSSUFOVF9ERUZBVUxULCBCdXR0b25WYXJpYW50LCBhY3Rpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgY3JlYXRlU3R5bGVTaGVldCwgdXNlU3R5bGVTaGVldCwgdXNlVGhlbWUsIHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7XG4gICAgQWN0aXZpdHlJbmRpY2F0b3IsXG4gICAgR2VzdHVyZVJlc3BvbmRlckV2ZW50LFxuICAgIFBsYXRmb3JtLFxuICAgIFByZXNzYWJsZSxcbiAgICBTdHlsZVNoZWV0LFxuICAgIFZpZXcsXG4gICAgdXNlV2luZG93RGltZW5zaW9ucyxcbn0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgQ29tbW9uUHJvcHMsIEZDV2l0aENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vcHJvcHMvY29tbW9uL3R5cGVzJztcblxuaW1wb3J0IHsgQnV0dG9uQ29udGVudCB9IGZyb20gJy4vcHJpdmF0ZS9CdXR0b25Db250ZW50JztcbmltcG9ydCB7IEJ1dHRvbkljb24gfSBmcm9tICcuL3ByaXZhdGUvQnV0dG9uSWNvbic7XG5pbXBvcnQgeyB1c2VCdXR0b25QYWRkaW5nU3R5bGUgfSBmcm9tICcuL3ByaXZhdGUvdXNlQnV0dG9uUGFkZGluZ1N0eWxlJztcbmltcG9ydCB7IHVzZUJ1dHRvblRleHRTdHlsZSB9IGZyb20gJy4vcHJpdmF0ZS91c2VCdXR0b25UZXh0U3R5bGUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvblByb3BzIGV4dGVuZHMgQ29tbW9uUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiAncycgfCAnbScgfCAnbCc7XG4gICAgZnVsbFdpZHRoPzogYm9vbGVhbjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBidXN5PzogYm9vbGVhbjtcbiAgICBvblByZXNzPzogKGV2ZW50OiBHZXN0dXJlUmVzcG9uZGVyRXZlbnQpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCdXR0b246IEZDV2l0aENoaWxkcmVuPEJ1dHRvblByb3BzPiAmIHsgSWNvbjogdHlwZW9mIEJ1dHRvbkljb24gfSA9ICh7XG4gICAgdmFyaWFudCA9IEJVVFRPTl9WQVJJQU5UX0RFRkFVTFQsXG4gICAgc2l6ZSA9ICdzJyxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gdHJ1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgYnVzeSA9IGZhbHNlLFxuICAgIG9uUHJlc3MsXG4gICAgY2hpbGRyZW4sXG4gICAgdGVzdElELFxufSkgPT4ge1xuICAgIGNvbnN0IFtwcmVzc2VkLCBzZXRQcmVzc2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB7IGZvbnRTY2FsZSB9ID0gdXNlV2luZG93RGltZW5zaW9ucygpO1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCByYXdTdHlsZXMgPSB1c2VNZW1vKFxuICAgICAgICAoKSA9PlxuICAgICAgICAgICAgY3JlYXRlU3R5bGVTaGVldCh7XG4gICAgICAgICAgICAgICAgY29udGFpbmVyOiB7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiBmdWxsV2lkdGggPyAnMTAwJScgOiAnYXV0bycsXG4gICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogYWN0aW9uLmJhc2UuYm9yZGVyUmFkaXVzLFxuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBhY3Rpb246IHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5iZ0NvbG9yLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IGFjdGlvbi5iYXNlLmJvcmRlclJhZGl1cyxcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGFjdGlvbi52YXJpYW50W3ZhcmlhbnRdLmJvcmRlckNvbG9yLFxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgICAgICAgICAgICBib3JkZXJXaWR0aDogYWN0aW9uLmJhc2UuYm9yZGVyV2lkdGgsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICBhY3Rpb25BY3RpdmU6IHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5hY3RpdmUuYmdDb2xvcixcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGFjdGlvbi52YXJpYW50W3ZhcmlhbnRdLmFjdGl2ZS5ib3JkZXJDb2xvcixcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIGFjdGlvbkRpc2FibGVkOlxuICAgICAgICAgICAgICAgICAgICB0aGVtZS5uYW1lID09PSAndG9reW8tdWknXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uZGlzYWJsZWQuYmdDb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5kaXNhYmxlZC5ib3JkZXJDb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmJnQ29sb3IsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJDb2xvcjogYWN0aW9uLmJhc2UuZGlzYWJsZWQuYm9yZGVyQ29sb3IsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGV4dDoge1xuICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uY29sb3IsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB0ZXh0QWN0aXZlOiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5hY3RpdmUuY29sb3IsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB0ZXh0RGlzYWJsZWQ6IHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmNvbG9yLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGV4dEhpZGRlbjoge1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgdGV4dFVuZGVybGluZWQ6IHtcbiAgICAgICAgICAgICAgICAgICAgdGV4dERlY29yYXRpb25MaW5lOiAndW5kZXJsaW5lJyxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSksXG4gICAgICAgIFtmdWxsV2lkdGgsIHZhcmlhbnQsIHRoZW1lXSxcbiAgICApO1xuXG4gICAgY29uc3QgaGVpZ2h0ID0gdXNlVG9rZW48bnVtYmVyPihhY3Rpb24uc2l6ZVtzaXplXS5oZWlnaHQpICogZm9udFNjYWxlO1xuICAgIGNvbnN0IHN0eWxlcyA9IHVzZVN0eWxlU2hlZXQocmF3U3R5bGVzKTtcbiAgICBjb25zdCBwYWRkaW5nU3R5bGUgPSB1c2VCdXR0b25QYWRkaW5nU3R5bGUoc2l6ZSk7XG5cbiAgICBjb25zdCB0ZXh0U3R5bGUgPSB1c2VCdXR0b25UZXh0U3R5bGUoc2l6ZSk7XG4gICAgY29uc3QgdGV4dERlY29yYXRpb24gPSB1c2VUb2tlbjxzdHJpbmc+KGFjdGlvbi52YXJpYW50W3ZhcmlhbnRdLnRleHREZWNvcmF0aW9uKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxWaWV3IHN0eWxlPXtzdHlsZXMuY29udGFpbmVyfT5cbiAgICAgICAgICAgIDxQcmVzc2FibGVcbiAgICAgICAgICAgICAgICBvblByZXNzSW49eygpID0+IHNldFByZXNzZWQodHJ1ZSl9XG4gICAgICAgICAgICAgICAgb25QcmVzc091dD17KCkgPT4gc2V0UHJlc3NlZChmYWxzZSl9XG4gICAgICAgICAgICAgICAgb25QcmVzcz17b25QcmVzc31cbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgYnVzeX1cbiAgICAgICAgICAgICAgICBzdHlsZT17W1xuICAgICAgICAgICAgICAgICAgICBzdHlsZXMuYWN0aW9uLFxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nU3R5bGUsXG4gICAgICAgICAgICAgICAgICAgIHsgbWluSGVpZ2h0OiBoZWlnaHQgfSxcbiAgICAgICAgICAgICAgICAgICAgcHJlc3NlZCAmJiBQbGF0Zm9ybS5PUyAhPT0gJ2FuZHJvaWQnICYmIHN0eWxlcy5hY3Rpb25BY3RpdmUsXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5hY3Rpb25EaXNhYmxlZCxcbiAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICAgIGFjY2Vzc2liaWxpdHlMYWJlbD17YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgICAgICAgICBhY2Nlc3NpYmlsaXR5Um9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgYWNjZXNzaWJpbGl0eVN0YXRlPXt7IGRpc2FibGVkLCBidXN5IH19XG4gICAgICAgICAgICAgICAgYW5kcm9pZF9yaXBwbGU9e3tcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHN0eWxlcy5hY3Rpb25BY3RpdmUuYmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgdGVzdElEPXt0ZXN0SUR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvbkNvbnRlbnRcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9e1N0eWxlU2hlZXQuZmxhdHRlbihbXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0U3R5bGUsXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZXMudGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgZmxleFdyYXA6IHdyYXAgPyAnd3JhcCcgOiAnbm93cmFwJyB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgdGV4dERlY29yYXRpb24gPT09ICd1bmRlcmxpbmUnICYmIHN0eWxlcy50ZXh0VW5kZXJsaW5lZCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHByZXNzZWQgJiYgc3R5bGVzLnRleHRBY3RpdmUsXG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZCAmJiBzdHlsZXMudGV4dERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgICAgICAgYnVzeSAmJiBzdHlsZXMudGV4dEhpZGRlbixcbiAgICAgICAgICAgICAgICAgICAgXSl9XG4gICAgICAgICAgICAgICAgICAgIHdyYXA9e3dyYXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgPC9CdXR0b25Db250ZW50PlxuXG4gICAgICAgICAgICAgICAge2J1c3kgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3JcbiAgICAgICAgICAgICAgICAgICAgICAgIHRlc3RJRD17YCR7dGVzdElEfS1idXN5YH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtkaXNhYmxlZCA/IHN0eWxlcy50ZXh0RGlzYWJsZWQuY29sb3IgOiBzdHlsZXMudGV4dC5jb2xvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9ezI0fVxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e1N0eWxlU2hlZXQuYWJzb2x1dGVGaWxsT2JqZWN0fVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1ByZXNzYWJsZT5cbiAgICAgICAgPC9WaWV3PlxuICAgICk7XG59O1xuXG5CdXR0b24uSWNvbiA9IEJ1dHRvbkljb247XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O01BK0JhLE1BQU0sR0FBOEQsQ0FBQyxFQUM5RSxPQUFPLEdBQUcsc0JBQXNCLEVBQ2hDLElBQUksR0FBRyxHQUFHLEVBQ1YsU0FBUyxHQUFHLEtBQUssRUFDakIsSUFBSSxHQUFHLElBQUksRUFDWCxhQUFhLEVBQ2IsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxHQUFHLEtBQUssRUFDWixPQUFPLEVBQ1AsUUFBUSxFQUNSLE1BQU0sR0FDVDtJQUNHLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxtQkFBbUIsRUFBRSxDQUFDO0lBQzVDLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFNBQVMsR0FBRyxPQUFPLENBQ3JCLE1BQ0ksZ0JBQWdC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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function shortSizeToLong(size: 's' | 'm' | 'l'): 'small' | 'medium' | 'large';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
function shortSizeToLong(size) {
|
|
2
|
+
const map = {
|
|
3
|
+
s: 'small',
|
|
4
|
+
m: 'medium',
|
|
5
|
+
l: 'large',
|
|
6
|
+
};
|
|
7
|
+
return map[size];
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { shortSizeToLong };
|
|
11
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvcnRTaXplVG9Mb25nLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vcHJpdmF0ZS9zaG9ydFNpemVUb0xvbmcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBmdW5jdGlvbiBzaG9ydFNpemVUb0xvbmcoc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnKTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB7XG4gICAgY29uc3QgbWFwID0ge1xuICAgICAgICBzOiAnc21hbGwnLFxuICAgICAgICBtOiAnbWVkaXVtJyxcbiAgICAgICAgbDogJ2xhcmdlJyxcbiAgICB9IGFzIGNvbnN0O1xuXG4gICAgcmV0dXJuIG1hcFtzaXplXTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiU0FBZ0IsZUFBZSxDQUFDLElBQXFCO0lBQ2pELE1BQU0sR0FBRyxHQUFHO1FBQ1IsQ0FBQyxFQUFFLE9BQU87UUFDVixDQUFDLEVBQUUsUUFBUTtRQUNYLENBQUMsRUFBRSxPQUFPO0tBQ0osQ0FBQztJQUVYLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQ3JCOzs7OyJ9
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { action, button } from '@preply/ds-core';
|
|
2
|
+
import { useTheme, useToken, useStyleSheet } from '@preply/ds-rn-core';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { shortSizeToLong } from './shortSizeToLong.js';
|
|
5
|
+
|
|
6
|
+
function useButtonPaddingStyle(size) {
|
|
7
|
+
const { theme } = useTheme();
|
|
8
|
+
const borderWidth = useToken(action.base.borderWidth);
|
|
9
|
+
const { paddingHorizontal, paddingVertical } = useStyleSheet(useMemo(() => {
|
|
10
|
+
if (theme.name === 'tokyo-ui') {
|
|
11
|
+
return {
|
|
12
|
+
padding: {
|
|
13
|
+
paddingHorizontal: button[shortSizeToLong(size)].horizontalPadding,
|
|
14
|
+
paddingVertical: button[shortSizeToLong(size)].verticalPadding,
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
return {
|
|
19
|
+
padding: {
|
|
20
|
+
paddingHorizontal: action.size[size].horizontalPadding,
|
|
21
|
+
paddingVertical: action.size[size].verticalPadding,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
}, [size, theme.name])).padding;
|
|
25
|
+
if (theme.name === 'tokyo-ui') {
|
|
26
|
+
return {
|
|
27
|
+
paddingHorizontal: paddingHorizontal - borderWidth * 2,
|
|
28
|
+
paddingVertical: paddingVertical - borderWidth * 2,
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
return {
|
|
32
|
+
paddingHorizontal,
|
|
33
|
+
paddingVertical,
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { useButtonPaddingStyle };
|
|
38
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uUGFkZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vcHJpdmF0ZS91c2VCdXR0b25QYWRkaW5nU3R5bGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFjdGlvbiwgYnV0dG9uIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVN0eWxlU2hlZXQsIHVzZVRoZW1lLCB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgc2hvcnRTaXplVG9Mb25nIH0gZnJvbSAnLi9zaG9ydFNpemVUb0xvbmcnO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQnV0dG9uUGFkZGluZ1N0eWxlKFxuICAgIHNpemU6ICdzJyB8ICdtJyB8ICdsJyxcbik6IFBpY2s8Vmlld1N0eWxlLCAncGFkZGluZ0hvcml6b250YWwnIHwgJ3BhZGRpbmdWZXJ0aWNhbCc+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5iYXNlLmJvcmRlcldpZHRoKTtcblxuICAgIGNvbnN0IHsgcGFkZGluZ0hvcml6b250YWwsIHBhZGRpbmdWZXJ0aWNhbCB9ID0gdXNlU3R5bGVTaGVldChcbiAgICAgICAgdXNlTWVtbygoKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhlbWUubmFtZSA9PT0gJ3Rva3lvLXVpJykge1xuICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdIb3Jpem9udGFsOiBidXR0b25bc2hvcnRTaXplVG9Mb25nKHNpemUpXS5ob3Jpem9udGFsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdWZXJ0aWNhbDogYnV0dG9uW3Nob3J0U2l6ZVRvTG9uZyhzaXplKV0udmVydGljYWxQYWRkaW5nLFxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0hvcml6b250YWw6IGFjdGlvbi5zaXplW3NpemVdLmhvcml6b250YWxQYWRkaW5nLFxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nVmVydGljYWw6IGFjdGlvbi5zaXplW3NpemVdLnZlcnRpY2FsUGFkZGluZyxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfTtcbiAgICAgICAgfSwgW3NpemUsIHRoZW1lLm5hbWVdKSxcbiAgICApLnBhZGRpbmc7XG5cbiAgICBpZiAodGhlbWUubmFtZSA9PT0gJ3Rva3lvLXVpJykge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgcGFkZGluZ0hvcml6b250YWw6IHBhZGRpbmdIb3Jpem9udGFsIC0gYm9yZGVyV2lkdGggKiAyLFxuICAgICAgICAgICAgcGFkZGluZ1ZlcnRpY2FsOiBwYWRkaW5nVmVydGljYWwgLSBib3JkZXJXaWR0aCAqIDIsXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgcGFkZGluZ0hvcml6b250YWwsXG4gICAgICAgIHBhZGRpbmdWZXJ0aWNhbCxcbiAgICB9O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O1NBT2dCLHFCQUFxQixDQUNqQyxJQUFxQjtJQUVyQixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFFN0IsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFFOUQsTUFBTSxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxHQUFHLGFBQWEsQ0FDeEQsT0FBTyxDQUFDO1FBQ0osSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUMzQixPQUFPO2dCQUNILE9BQU8sRUFBRTtvQkFDTCxpQkFBaUIsRUFBRSxNQUFNLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCO29CQUNsRSxlQUFlLEVBQUUsTUFBTSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGVBQWU7aUJBQ2pFO2FBQ0osQ0FBQztTQUNMO1FBQ0QsT0FBTztZQUNILE9BQU8sRUFBRTtnQkFDTCxpQkFBaUIsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLGlCQUFpQjtnQkFDdEQsZUFBZSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsZUFBZTthQUNyRDtTQUNKLENBQUM7S0FDTCxFQUFFLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUN6QixDQUFDLE9BQU8sQ0FBQztJQUVWLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEVBQUU7UUFDM0IsT0FBTztZQUNILGlCQUFpQixFQUFFLGlCQUFpQixHQUFHLFdBQVcsR0FBRyxDQUFDO1lBQ3RELGVBQWUsRUFBRSxlQUFlLEdBQUcsV0FBVyxHQUFHLENBQUM7U0FDckQsQ0FBQztLQUNMO0lBRUQsT0FBTztRQUNILGlCQUFpQjtRQUNqQixlQUFlO0tBQ2xCLENBQUM7QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { root, action, button } from '@preply/ds-core';
|
|
2
|
+
import { useTheme, useToken, useStyleSheet } from '@preply/ds-rn-core';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { getFontFamily, getTextFontFamilyTokyo } from '../../../props/typography/utils/fontFamily.js';
|
|
5
|
+
import { shortSizeToLong } from './shortSizeToLong.js';
|
|
6
|
+
|
|
7
|
+
function useButtonTextStyle(size) {
|
|
8
|
+
const { theme } = useTheme();
|
|
9
|
+
const typeface = useToken(root.text.base.typeface);
|
|
10
|
+
const { fontSize, letterSpacing, lineHeight, fontWeight } = useStyleSheet(useMemo(() => {
|
|
11
|
+
if (theme.name === 'bold-ui') {
|
|
12
|
+
return {
|
|
13
|
+
style: {
|
|
14
|
+
letterSpacing: root.text.spacing.regular,
|
|
15
|
+
fontSize: action.size[size].fontSize,
|
|
16
|
+
lineHeight: root.text.base.lineHeight,
|
|
17
|
+
fontWeight: root.text.weight[500],
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
return {
|
|
22
|
+
style: button[shortSizeToLong(size)],
|
|
23
|
+
};
|
|
24
|
+
}, [size, theme.name])).style;
|
|
25
|
+
if (theme.name === 'bold-ui') {
|
|
26
|
+
return {
|
|
27
|
+
fontFamily: getFontFamily(typeface, String(fontWeight), 'normal'),
|
|
28
|
+
letterSpacing,
|
|
29
|
+
fontSize,
|
|
30
|
+
lineHeight: lineHeight * fontSize,
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
return {
|
|
34
|
+
fontFamily: getTextFontFamilyTokyo(typeface, Number(fontWeight), 'normal'),
|
|
35
|
+
letterSpacing,
|
|
36
|
+
fontSize,
|
|
37
|
+
lineHeight,
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export { useButtonTextStyle };
|
|
42
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uVGV4dFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vcHJpdmF0ZS91c2VCdXR0b25UZXh0U3R5bGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFjdGlvbiwgYnV0dG9uLCByb290IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVN0eWxlU2hlZXQsIHVzZVRoZW1lLCB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgZ2V0Rm9udEZhbWlseSwgZ2V0VGV4dEZvbnRGYW1pbHlUb2t5byB9IGZyb20gJy4uLy4uLy4uL3Byb3BzL3R5cG9ncmFwaHkvdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IHNob3J0U2l6ZVRvTG9uZyB9IGZyb20gJy4vc2hvcnRTaXplVG9Mb25nJztcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUJ1dHRvblRleHRTdHlsZShzaXplOiAncycgfCAnbScgfCAnbCcpOiBUZXh0U3R5bGUge1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB0eXBlZmFjZSA9IHVzZVRva2VuPHN0cmluZz4ocm9vdC50ZXh0LmJhc2UudHlwZWZhY2UpO1xuXG4gICAgY29uc3QgeyBmb250U2l6ZSwgbGV0dGVyU3BhY2luZywgbGluZUhlaWdodCwgZm9udFdlaWdodCB9ID0gdXNlU3R5bGVTaGVldChcbiAgICAgICAgdXNlTWVtbygoKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhlbWUubmFtZSA9PT0gJ2JvbGQtdWknKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IHJvb3QudGV4dC5zcGFjaW5nLnJlZ3VsYXIsXG4gICAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogYWN0aW9uLnNpemVbc2l6ZV0uZm9udFNpemUsXG4gICAgICAgICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiByb290LnRleHQuYmFzZS5saW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodDogcm9vdC50ZXh0LndlaWdodFs1MDBdLFxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgc3R5bGU6IGJ1dHRvbltzaG9ydFNpemVUb0xvbmcoc2l6ZSldLFxuICAgICAgICAgICAgfTtcbiAgICAgICAgfSwgW3NpemUsIHRoZW1lLm5hbWVdKSxcbiAgICApLnN0eWxlO1xuXG4gICAgaWYgKHRoZW1lLm5hbWUgPT09ICdib2xkLXVpJykge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgZm9udEZhbWlseTogZ2V0Rm9udEZhbWlseSh0eXBlZmFjZSwgU3RyaW5nKGZvbnRXZWlnaHQpLCAnbm9ybWFsJyksXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nLFxuICAgICAgICAgICAgZm9udFNpemUsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiBsaW5lSGVpZ2h0ICogZm9udFNpemUsXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgZm9udEZhbWlseTogZ2V0VGV4dEZvbnRGYW1pbHlUb2t5byh0eXBlZmFjZSwgTnVtYmVyKGZvbnRXZWlnaHQpLCAnbm9ybWFsJyksXG4gICAgICAgIGxldHRlclNwYWNpbmcsXG4gICAgICAgIGZvbnRTaXplLFxuICAgICAgICBsaW5lSGVpZ2h0LFxuICAgIH07XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O1NBU2dCLGtCQUFrQixDQUFDLElBQXFCO0lBQ3BELE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFM0QsTUFBTSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLGFBQWEsQ0FDckUsT0FBTyxDQUFDO1FBQ0osSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUMxQixPQUFPO2dCQUNILEtBQUssRUFBRTtvQkFDSCxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTztvQkFDeEMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUTtvQkFDcEMsVUFBVSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7b0JBQ3JDLFVBQVUsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUM7aUJBQ3BDO2FBQ0osQ0FBQztTQUNMO1FBRUQsT0FBTztZQUNILEtBQUssRUFBRSxNQUFNLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3ZDLENBQUM7S0FDTCxFQUFFLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUN6QixDQUFDLEtBQUssQ0FBQztJQUVSLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDMUIsT0FBTztZQUNILFVBQVUsRUFBRSxhQUFhLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxVQUFVLENBQUMsRUFBRSxRQUFRLENBQUM7WUFDakUsYUFBYTtZQUNiLFFBQVE7WUFDUixVQUFVLEVBQUUsVUFBVSxHQUFHLFFBQVE7U0FDcEMsQ0FBQztLQUNMO0lBRUQsT0FBTztRQUNILFVBQVUsRUFBRSxzQkFBc0IsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFFBQVEsQ0FBQztRQUMxRSxhQUFhO1FBQ2IsUUFBUTtRQUNSLFVBQVU7S0FDYixDQUFDO0FBQ047Ozs7In0=
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface
|
|
2
|
+
import { HeadingStyleBoldProps, HeadingStyleTokyoProps, TextCommonProps } from '../../props/typography';
|
|
3
|
+
export interface HeadingBoldProps extends TextCommonProps, HeadingStyleBoldProps {
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export interface HeadingTokyoProps extends TextCommonProps, HeadingStyleTokyoProps {
|
|
6
|
+
}
|
|
7
|
+
export declare type HeadingProps = HeadingBoldProps | HeadingTokyoProps;
|
|
8
|
+
export declare const Heading: React.NamedExoticComponent<(HeadingBoldProps & {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}) | (HeadingTokyoProps & {
|
|
6
11
|
children: React.ReactNode;
|
|
7
|
-
}>;
|
|
12
|
+
})>;
|
|
@@ -3,9 +3,9 @@ import { Text, Platform } from 'react-native';
|
|
|
3
3
|
import { TextVariantProvider } from '../../providers/TextVariantProvider.js';
|
|
4
4
|
import { useHeadingStyle } from '../../props/typography/hooks/useHeadingStyle.js';
|
|
5
5
|
|
|
6
|
-
const HeadingBase = ({
|
|
6
|
+
const HeadingBase = ({ accent, color, centered, textTransform, stretch, children, testID, accessibilityLabel, adjustsFontSizeToFit, lineBreakMode, numberOfLines, onTextLayout, ...levelOrVariant }) => {
|
|
7
7
|
const computedStyles = useHeadingStyle({
|
|
8
|
-
|
|
8
|
+
...levelOrVariant,
|
|
9
9
|
accent,
|
|
10
10
|
color,
|
|
11
11
|
centered,
|
|
@@ -13,11 +13,11 @@ const HeadingBase = ({ level, accent, color, centered, textTransform, stretch, c
|
|
|
13
13
|
});
|
|
14
14
|
const stretchStyle = stretch ? { flex: 1 } : undefined;
|
|
15
15
|
return (React.createElement(TextVariantProvider, { value: computedStyles },
|
|
16
|
-
React.createElement(Text,
|
|
16
|
+
React.createElement(Text, { style: [computedStyles, stretchStyle], testID: testID, accessibilityLabel: accessibilityLabel, adjustsFontSizeToFit: adjustsFontSizeToFit, lineBreakMode: lineBreakMode, numberOfLines: numberOfLines, onTextLayout: onTextLayout },
|
|
17
17
|
Platform.OS === 'android' && computedStyles.lineHeight && (React.createElement(Text, { style: { lineHeight: computedStyles.lineHeight + 0.001 } })),
|
|
18
18
|
children)));
|
|
19
19
|
};
|
|
20
20
|
const Heading = memo(HeadingBase);
|
|
21
21
|
|
|
22
22
|
export { Heading };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFBsYXRmb3JtLCBUZXh0IGFzIFJOVGV4dCB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IHVzZUhlYWRpbmdTdHlsZSB9IGZyb20gJy4uLy4uL3Byb3BzJztcbmltcG9ydCB7IEZDV2l0aENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vcHJvcHMvY29tbW9uL3R5cGVzJztcbmltcG9ydCB7XG4gICAgSGVhZGluZ1N0eWxlQm9sZFByb3BzLFxuICAgIEhlYWRpbmdTdHlsZVRva3lvUHJvcHMsXG4gICAgVGV4dENvbW1vblByb3BzLFxufSBmcm9tICcuLi8uLi9wcm9wcy90eXBvZ3JhcGh5JztcbmltcG9ydCB7IFRleHRWYXJpYW50UHJvdmlkZXIgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVGV4dFZhcmlhbnRQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGVhZGluZ0JvbGRQcm9wcyBleHRlbmRzIFRleHRDb21tb25Qcm9wcywgSGVhZGluZ1N0eWxlQm9sZFByb3BzIHt9XG5leHBvcnQgaW50ZXJmYWNlIEhlYWRpbmdUb2t5b1Byb3BzIGV4dGVuZHMgVGV4dENvbW1vblByb3BzLCBIZWFkaW5nU3R5bGVUb2t5b1Byb3BzIHt9XG5leHBvcnQgdHlwZSBIZWFkaW5nUHJvcHMgPSBIZWFkaW5nQm9sZFByb3BzIHwgSGVhZGluZ1Rva3lvUHJvcHM7XG5cbmNvbnN0IEhlYWRpbmdCYXNlOiBGQ1dpdGhDaGlsZHJlbjxIZWFkaW5nUHJvcHM+ID0gKHtcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgdGV4dFRyYW5zZm9ybSxcbiAgICBzdHJldGNoLFxuICAgIGNoaWxkcmVuLFxuICAgIHRlc3RJRCxcbiAgICBhY2Nlc3NpYmlsaXR5TGFiZWwsXG4gICAgYWRqdXN0c0ZvbnRTaXplVG9GaXQsXG4gICAgbGluZUJyZWFrTW9kZSxcbiAgICBudW1iZXJPZkxpbmVzLFxuICAgIG9uVGV4dExheW91dCxcbiAgICAuLi5sZXZlbE9yVmFyaWFudFxufSkgPT4ge1xuICAgIGNvbnN0IGNvbXB1dGVkU3R5bGVzID0gdXNlSGVhZGluZ1N0eWxlKHtcbiAgICAgICAgLi4ubGV2ZWxPclZhcmlhbnQsXG4gICAgICAgIGFjY2VudCxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIGNlbnRlcmVkLFxuICAgICAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIH0pO1xuXG4gICAgY29uc3Qgc3RyZXRjaFN0eWxlID0gc3RyZXRjaCA/IHsgZmxleDogMSB9IDogdW5kZWZpbmVkO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRleHRWYXJpYW50UHJvdmlkZXIgdmFsdWU9e2NvbXB1dGVkU3R5bGVzfT5cbiAgICAgICAgICAgIDxSTlRleHRcbiAgICAgICAgICAgICAgICBzdHlsZT17W2NvbXB1dGVkU3R5bGVzLCBzdHJldGNoU3R5bGVdfVxuICAgICAgICAgICAgICAgIHRlc3RJRD17dGVzdElEfVxuICAgICAgICAgICAgICAgIGFjY2Vzc2liaWxpdHlMYWJlbD17YWNjZXNzaWJpbGl0eUxhYmVsfVxuICAgICAgICAgICAgICAgIGFkanVzdHNGb250U2l6ZVRvRml0PXthZGp1c3RzRm9udFNpemVUb0ZpdH1cbiAgICAgICAgICAgICAgICBsaW5lQnJlYWtNb2RlPXtsaW5lQnJlYWtNb2RlfVxuICAgICAgICAgICAgICAgIG51bWJlck9mTGluZXM9e251bWJlck9mTGluZXN9XG4gICAgICAgICAgICAgICAgb25UZXh0TGF5b3V0PXtvblRleHRMYXlvdXR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgey8qIGh0dHBzOi8vZ2l0aHViLmNvbS9mYWNlYm9vay9yZWFjdC1uYXRpdmUvaXNzdWVzLzI5MjMyI2lzc3VlY29tbWVudC04ODk3Njc1MTYgKi99XG4gICAgICAgICAgICAgICAge1BsYXRmb3JtLk9TID09PSAnYW5kcm9pZCcgJiYgY29tcHV0ZWRTdHlsZXMubGluZUhlaWdodCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e3sgbGluZUhlaWdodDogY29tcHV0ZWRTdHlsZXMubGluZUhlaWdodCArIDAuMDAxIH19IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgPC9UZXh0VmFyaWFudFByb3ZpZGVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGluZyA9IG1lbW8oSGVhZGluZ0Jhc2UpO1xuIl0sIm5hbWVzIjpbIlJOVGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFnQkEsTUFBTSxXQUFXLEdBQWlDLENBQUMsRUFDL0MsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxFQUNOLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsYUFBYSxFQUNiLGFBQWEsRUFDYixZQUFZLEVBQ1osR0FBRyxjQUFjLEVBQ3BCO0lBQ0csTUFBTSxjQUFjLEdBQUcsZUFBZSxDQUFDO1FBQ25DLEdBQUcsY0FBYztRQUNqQixNQUFNO1FBQ04sS0FBSztRQUNMLFFBQVE7UUFDUixhQUFhO0tBQ2hCLENBQUMsQ0FBQztJQUVILE1BQU0sWUFBWSxHQUFHLE9BQU8sR0FBRyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFFdkQsUUFDSSxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUUsY0FBYztRQUN0QyxvQkFBQ0EsSUFBTSxJQUNILEtBQUssRUFBRSxDQUFDLGNBQWMsRUFBRSxZQUFZLENBQUMsRUFDckMsTUFBTSxFQUFFLE1BQU0sRUFDZCxrQkFBa0IsRUFBRSxrQkFBa0IsRUFDdEMsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLGFBQWEsRUFBRSxhQUFhLEVBQzVCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLFlBQVksRUFBRSxZQUFZO1lBR3pCLFFBQVEsQ0FBQyxFQUFFLEtBQUssU0FBUyxJQUFJLGNBQWMsQ0FBQyxVQUFVLEtBQ25ELG9CQUFDQSxJQUFNLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLGNBQWMsQ0FBQyxVQUFVLEdBQUcsS0FBSyxFQUFFLEdBQUksQ0FDdkU7WUFDQSxRQUFRLENBQ0osQ0FDUyxFQUN4QjtBQUNOLENBQUMsQ0FBQztNQUVXLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVzs7OzsifQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HeadingLevel } from '@preply/ds-core';
|
|
2
|
+
declare const mapVariantToLevel: {
|
|
3
|
+
readonly Huge: "h1";
|
|
4
|
+
readonly ExtraLarge: "h2";
|
|
5
|
+
readonly Large: "h3";
|
|
6
|
+
readonly Medium: "h4";
|
|
7
|
+
readonly Small: "h5";
|
|
8
|
+
};
|
|
9
|
+
export declare type HeadingVariant = keyof typeof mapVariantToLevel;
|
|
10
|
+
export declare function normalizeHeadingLevel(input: {
|
|
11
|
+
level: HeadingLevel;
|
|
12
|
+
} | {
|
|
13
|
+
variant: HeadingVariant;
|
|
14
|
+
}): HeadingLevel;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const mapVariantToLevel = {
|
|
2
|
+
Huge: 'h1',
|
|
3
|
+
ExtraLarge: 'h2',
|
|
4
|
+
Large: 'h3',
|
|
5
|
+
Medium: 'h4',
|
|
6
|
+
Small: 'h5',
|
|
7
|
+
};
|
|
8
|
+
function normalizeHeadingLevel(input) {
|
|
9
|
+
if ('level' in input) {
|
|
10
|
+
return input.level;
|
|
11
|
+
}
|
|
12
|
+
return mapVariantToLevel[input.variant];
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { normalizeHeadingLevel };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplSGVhZGluZ0xldmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL25vcm1hbGl6ZUhlYWRpbmdMZXZlbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIZWFkaW5nTGV2ZWwgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5jb25zdCBtYXBWYXJpYW50VG9MZXZlbCA9IHtcbiAgICBIdWdlOiAnaDEnLFxuICAgIEV4dHJhTGFyZ2U6ICdoMicsXG4gICAgTGFyZ2U6ICdoMycsXG4gICAgTWVkaXVtOiAnaDQnLFxuICAgIFNtYWxsOiAnaDUnLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgSGVhZGluZ1ZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgbWFwVmFyaWFudFRvTGV2ZWw7XG5cbmV4cG9ydCBmdW5jdGlvbiBub3JtYWxpemVIZWFkaW5nTGV2ZWwoXG4gICAgaW5wdXQ6XG4gICAgICAgIHwge1xuICAgICAgICAgICAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgICAgICAgIH1cbiAgICAgICAgfCB7XG4gICAgICAgICAgICAgIHZhcmlhbnQ6IEhlYWRpbmdWYXJpYW50O1xuICAgICAgICAgIH0sXG4pOiBIZWFkaW5nTGV2ZWwge1xuICAgIGlmICgnbGV2ZWwnIGluIGlucHV0KSB7XG4gICAgICAgIHJldHVybiBpbnB1dC5sZXZlbDtcbiAgICB9XG5cbiAgICByZXR1cm4gbWFwVmFyaWFudFRvTGV2ZWxbaW5wdXQudmFyaWFudF07XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxpQkFBaUIsR0FBRztJQUN0QixJQUFJLEVBQUUsSUFBSTtJQUNWLFVBQVUsRUFBRSxJQUFJO0lBQ2hCLEtBQUssRUFBRSxJQUFJO0lBQ1gsTUFBTSxFQUFFLElBQUk7SUFDWixLQUFLLEVBQUUsSUFBSTtDQUNMLENBQUM7U0FJSyxxQkFBcUIsQ0FDakMsS0FNTztJQUVQLElBQUksT0FBTyxJQUFJLEtBQUssRUFBRTtRQUNsQixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUM7S0FDdEI7SUFFRCxPQUFPLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUM1Qzs7OzsifQ==
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TextVariant } from '@preply/ds-core';
|
|
2
|
+
declare const map: {
|
|
3
|
+
readonly 'Large/Semibold': "l-medium";
|
|
4
|
+
readonly 'Large/Semibold/Italic': "l-medium-italic";
|
|
5
|
+
readonly 'Large/Regular': "l";
|
|
6
|
+
readonly 'Large/Regular/Italic': "l-italic";
|
|
7
|
+
readonly 'Default/Semibold': "m-medium";
|
|
8
|
+
readonly 'Default/Semibold/Italic': "m-medium-italic";
|
|
9
|
+
readonly 'Default/Regular': "m";
|
|
10
|
+
readonly 'Default/Regular/Italic': "m-italic";
|
|
11
|
+
readonly 'Small/Semibold': "s-medium";
|
|
12
|
+
readonly 'Small/Semibold/Italic': "s-medium-italic";
|
|
13
|
+
readonly 'Small/Regular': "s";
|
|
14
|
+
readonly 'Small/Regular/Italic': "s-italic";
|
|
15
|
+
readonly 'Caption/Semibold': "xs-medium";
|
|
16
|
+
readonly 'Caption/Regular': "xs";
|
|
17
|
+
};
|
|
18
|
+
export declare type TokyoTextVariant = keyof typeof map;
|
|
19
|
+
export declare function normalizeTextVariant(variant: TextVariant | TokyoTextVariant): TextVariant;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
const map = {
|
|
2
|
+
'Large/Semibold': 'l-medium',
|
|
3
|
+
'Large/Semibold/Italic': 'l-medium-italic',
|
|
4
|
+
'Large/Regular': 'l',
|
|
5
|
+
'Large/Regular/Italic': 'l-italic',
|
|
6
|
+
'Default/Semibold': 'm-medium',
|
|
7
|
+
'Default/Semibold/Italic': 'm-medium-italic',
|
|
8
|
+
'Default/Regular': 'm',
|
|
9
|
+
'Default/Regular/Italic': 'm-italic',
|
|
10
|
+
'Small/Semibold': 's-medium',
|
|
11
|
+
'Small/Semibold/Italic': 's-medium-italic',
|
|
12
|
+
'Small/Regular': 's',
|
|
13
|
+
'Small/Regular/Italic': 's-italic',
|
|
14
|
+
'Caption/Semibold': 'xs-medium',
|
|
15
|
+
'Caption/Regular': 'xs',
|
|
16
|
+
};
|
|
17
|
+
function isTokyoTextVariant(variant) {
|
|
18
|
+
return variant in map;
|
|
19
|
+
}
|
|
20
|
+
function normalizeTextVariant(variant) {
|
|
21
|
+
if (isTokyoTextVariant(variant)) {
|
|
22
|
+
return map[variant];
|
|
23
|
+
}
|
|
24
|
+
return variant;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export { normalizeTextVariant };
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplVGV4dFZhcmlhbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wcm9wcy90eXBvZ3JhcGh5L2hvb2tzL3ByaXZhdGUvbm9ybWFsaXplVGV4dFZhcmlhbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGV4dFZhcmlhbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5jb25zdCBtYXAgPSB7XG4gICAgJ0xhcmdlL1NlbWlib2xkJzogJ2wtbWVkaXVtJyxcbiAgICAnTGFyZ2UvU2VtaWJvbGQvSXRhbGljJzogJ2wtbWVkaXVtLWl0YWxpYycsXG4gICAgJ0xhcmdlL1JlZ3VsYXInOiAnbCcsXG4gICAgJ0xhcmdlL1JlZ3VsYXIvSXRhbGljJzogJ2wtaXRhbGljJyxcblxuICAgICdEZWZhdWx0L1NlbWlib2xkJzogJ20tbWVkaXVtJyxcbiAgICAnRGVmYXVsdC9TZW1pYm9sZC9JdGFsaWMnOiAnbS1tZWRpdW0taXRhbGljJyxcbiAgICAnRGVmYXVsdC9SZWd1bGFyJzogJ20nLFxuICAgICdEZWZhdWx0L1JlZ3VsYXIvSXRhbGljJzogJ20taXRhbGljJyxcblxuICAgICdTbWFsbC9TZW1pYm9sZCc6ICdzLW1lZGl1bScsXG4gICAgJ1NtYWxsL1NlbWlib2xkL0l0YWxpYyc6ICdzLW1lZGl1bS1pdGFsaWMnLFxuICAgICdTbWFsbC9SZWd1bGFyJzogJ3MnLFxuICAgICdTbWFsbC9SZWd1bGFyL0l0YWxpYyc6ICdzLWl0YWxpYycsXG5cbiAgICAnQ2FwdGlvbi9TZW1pYm9sZCc6ICd4cy1tZWRpdW0nLFxuICAgICdDYXB0aW9uL1JlZ3VsYXInOiAneHMnLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgVG9reW9UZXh0VmFyaWFudCA9IGtleW9mIHR5cGVvZiBtYXA7XG5cbmZ1bmN0aW9uIGlzVG9reW9UZXh0VmFyaWFudCh2YXJpYW50OiBUZXh0VmFyaWFudCB8IFRva3lvVGV4dFZhcmlhbnQpOiB2YXJpYW50IGlzIFRva3lvVGV4dFZhcmlhbnQge1xuICAgIHJldHVybiB2YXJpYW50IGluIG1hcDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG5vcm1hbGl6ZVRleHRWYXJpYW50KHZhcmlhbnQ6IFRleHRWYXJpYW50IHwgVG9reW9UZXh0VmFyaWFudCk6IFRleHRWYXJpYW50IHtcbiAgICBpZiAoaXNUb2t5b1RleHRWYXJpYW50KHZhcmlhbnQpKSB7XG4gICAgICAgIHJldHVybiBtYXBbdmFyaWFudF07XG4gICAgfVxuXG4gICAgcmV0dXJuIHZhcmlhbnQ7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxHQUFHLEdBQUc7SUFDUixnQkFBZ0IsRUFBRSxVQUFVO0lBQzVCLHVCQUF1QixFQUFFLGlCQUFpQjtJQUMxQyxlQUFlLEVBQUUsR0FBRztJQUNwQixzQkFBc0IsRUFBRSxVQUFVO0lBRWxDLGtCQUFrQixFQUFFLFVBQVU7SUFDOUIseUJBQXlCLEVBQUUsaUJBQWlCO0lBQzVDLGlCQUFpQixFQUFFLEdBQUc7SUFDdEIsd0JBQXdCLEVBQUUsVUFBVTtJQUVwQyxnQkFBZ0IsRUFBRSxVQUFVO0lBQzVCLHVCQUF1QixFQUFFLGlCQUFpQjtJQUMxQyxlQUFlLEVBQUUsR0FBRztJQUNwQixzQkFBc0IsRUFBRSxVQUFVO0lBRWxDLGtCQUFrQixFQUFFLFdBQVc7SUFDL0IsaUJBQWlCLEVBQUUsSUFBSTtDQUNqQixDQUFDO0FBSVgsU0FBUyxrQkFBa0IsQ0FBQyxPQUF1QztJQUMvRCxPQUFPLE9BQU8sSUFBSSxHQUFHLENBQUM7QUFDMUIsQ0FBQztTQUVlLG9CQUFvQixDQUFDLE9BQXVDO0lBQ3hFLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDN0IsT0FBTyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7S0FDdkI7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQjs7OzsifQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const useHeadingStyle: ({
|
|
1
|
+
import { HeadingStyleBoldProps, HeadingStyleTokyoProps, TextStyle } from '..';
|
|
2
|
+
export declare const useHeadingStyle: ({ accent, color, centered, textTransform, ...levelOrVariant }: HeadingStyleTokyoProps | HeadingStyleBoldProps) => TextStyle;
|
|
@@ -2,12 +2,13 @@ import { root, heading } from '@preply/ds-core';
|
|
|
2
2
|
import { useTheme, useToken } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { getHeadingFontFamilyTokyo, getFontFamily } from '../utils/fontFamily.js';
|
|
5
|
+
import { normalizeHeadingLevel } from './private/normalizeHeadingLevel.js';
|
|
5
6
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
6
7
|
|
|
7
|
-
const useHeadingStyle = ({
|
|
8
|
+
const useHeadingStyle = ({ accent, color, centered, textTransform, ...levelOrVariant }) => {
|
|
8
9
|
const { theme } = useTheme();
|
|
9
10
|
const typeface = useToken(root.heading.base.typeface);
|
|
10
|
-
const tokens = heading.level[
|
|
11
|
+
const tokens = heading.level[normalizeHeadingLevel(levelOrVariant)].normal;
|
|
11
12
|
const fontSize = useToken(tokens.fontSize);
|
|
12
13
|
const fontWeight = useToken(tokens.fontWeight);
|
|
13
14
|
const lineHeight = useToken(tokens.lineHeight);
|
|
@@ -31,4 +32,4 @@ const useHeadingStyle = ({ level, accent, color, centered, textTransform, }) =>
|
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
export { useHeadingStyle };
|
|
34
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSGVhZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VIZWFkaW5nU3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaGVhZGluZywgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VUaGVtZSwgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSGVhZGluZ1N0eWxlQm9sZFByb3BzLCBIZWFkaW5nU3R5bGVUb2t5b1Byb3BzLCBUZXh0U3R5bGUgfSBmcm9tICcuLic7XG5pbXBvcnQgeyBnZXRGb250RmFtaWx5LCBnZXRIZWFkaW5nRm9udEZhbWlseVRva3lvIH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IG5vcm1hbGl6ZUhlYWRpbmdMZXZlbCB9IGZyb20gJy4vcHJpdmF0ZS9ub3JtYWxpemVIZWFkaW5nTGV2ZWwnO1xuaW1wb3J0IHsgdXNlVGV4dFNoYXJlZFN0eWxlIH0gZnJvbSAnLi9wcml2YXRlL3VzZVRleHRTaGFyZWRTdHlsZSc7XG5cbmV4cG9ydCBjb25zdCB1c2VIZWFkaW5nU3R5bGUgPSAoe1xuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIC4uLmxldmVsT3JWYXJpYW50XG59OiBIZWFkaW5nU3R5bGVUb2t5b1Byb3BzIHwgSGVhZGluZ1N0eWxlQm9sZFByb3BzKTogVGV4dFN0eWxlID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgdHlwZWZhY2UgPSB1c2VUb2tlbjxzdHJpbmc+KHJvb3QuaGVhZGluZy5iYXNlLnR5cGVmYWNlKTtcblxuICAgIGNvbnN0IHRva2VucyA9IGhlYWRpbmcubGV2ZWxbbm9ybWFsaXplSGVhZGluZ0xldmVsKGxldmVsT3JWYXJpYW50KV0ubm9ybWFsO1xuXG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5mb250U2l6ZSk7XG4gICAgY29uc3QgZm9udFdlaWdodCA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmZvbnRXZWlnaHQpO1xuICAgIGNvbnN0IGxpbmVIZWlnaHQgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5saW5lSGVpZ2h0KTtcbiAgICBjb25zdCBsZXR0ZXJTcGFjaW5nID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMubGV0dGVyU3BhY2luZyk7XG5cbiAgICBjb25zdCB0ZXh0U2hhcmVkU3R5bGUgPSB1c2VUZXh0U2hhcmVkU3R5bGUoeyBhY2NlbnQsIGNvbG9yLCBjZW50ZXJlZCwgdGV4dFRyYW5zZm9ybSB9KTtcblxuICAgIGNvbnN0IGZvbnRGYW1pbHkgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgaWYgKHRoZW1lLm5hbWUgPT09ICd0b2t5by11aScpIHtcbiAgICAgICAgICAgIHJldHVybiBnZXRIZWFkaW5nRm9udEZhbWlseVRva3lvKHR5cGVmYWNlLCBmb250V2VpZ2h0KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBnZXRGb250RmFtaWx5KHR5cGVmYWNlLCBTdHJpbmcoZm9udFdlaWdodCksICdub3JtYWwnKTtcbiAgICB9LCBbdHlwZWZhY2UsIGZvbnRXZWlnaHRdKTtcblxuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLnRleHRTaGFyZWRTdHlsZSxcbiAgICAgICAgICAgIGZvbnRTaXplLFxuICAgICAgICAgICAgbGluZUhlaWdodCxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmcsXG4gICAgICAgICAgICBmb250RmFtaWx5LFxuICAgICAgICB9O1xuICAgIH0sIFt0ZXh0U2hhcmVkU3R5bGUsIGZvbnRTaXplLCBsaW5lSGVpZ2h0LCBsZXR0ZXJTcGFjaW5nLCBmb250RmFtaWx5XSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7TUFVYSxlQUFlLEdBQUcsQ0FBQyxFQUM1QixNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsR0FBRyxjQUFjLEVBQzRCO0lBQzdDLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFOUQsTUFBTSxNQUFNLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQyxxQkFBcUIsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUUzRSxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN2RCxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBRTdELE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQztJQUV2RixNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUMzQixPQUFPLHlCQUF5QixDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztTQUMxRDtRQUVELE9BQU8sYUFBYSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsUUFBUSxDQUFDLENBQUM7S0FDaEUsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTNCLE9BQU8sT0FBTyxDQUFDO1FBQ1gsT0FBTztZQUNILEdBQUcsZUFBZTtZQUNsQixRQUFRO1lBQ1IsVUFBVTtZQUNWLGFBQWE7WUFDYixVQUFVO1NBQ2IsQ0FBQztLQUNMLEVBQUUsQ0FBQyxlQUFlLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQztBQUMzRTs7OzsifQ==
|
|
@@ -2,12 +2,13 @@ import { root, text } from '@preply/ds-core';
|
|
|
2
2
|
import { TEXT_VARIANT_RN_DEFAULT, useTheme, useToken } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { getTextFontFamilyTokyo, getFontFamily } from '../utils/fontFamily.js';
|
|
5
|
+
import { normalizeTextVariant } from './private/normalizeTextVariant.js';
|
|
5
6
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
6
7
|
|
|
7
8
|
const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, centered, textTransform, } = {}) => {
|
|
8
9
|
const { theme } = useTheme();
|
|
9
10
|
const typeface = useToken(root.text.base.typeface);
|
|
10
|
-
const tokens = text.variant[variant];
|
|
11
|
+
const tokens = text.variant[normalizeTextVariant(variant)];
|
|
11
12
|
const fontSize = useToken(tokens.fontSize);
|
|
12
13
|
const fontWeight = useToken(tokens.fontWeight);
|
|
13
14
|
const lineHeight = useToken(tokens.lineHeight);
|
|
@@ -37,4 +38,4 @@ const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, center
|
|
|
37
38
|
};
|
|
38
39
|
|
|
39
40
|
export { useTextStyle };
|
|
40
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VUZXh0U3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcm9vdCwgdGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX1ZBUklBTlRfUk5fREVGQVVMVCwgdXNlVGhlbWUsIHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRleHRTdHlsZSwgVGV4dFN0eWxlUHJvcHMgfSBmcm9tICcuLic7XG5pbXBvcnQgeyBnZXRGb250RmFtaWx5LCBnZXRUZXh0Rm9udEZhbWlseVRva3lvIH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IG5vcm1hbGl6ZVRleHRWYXJpYW50IH0gZnJvbSAnLi9wcml2YXRlL25vcm1hbGl6ZVRleHRWYXJpYW50JztcbmltcG9ydCB7IHVzZVRleHRTaGFyZWRTdHlsZSB9IGZyb20gJy4vcHJpdmF0ZS91c2VUZXh0U2hhcmVkU3R5bGUnO1xuXG5leHBvcnQgY29uc3QgdXNlVGV4dFN0eWxlID0gKHtcbiAgICB2YXJpYW50ID0gVEVYVF9WQVJJQU5UX1JOX0RFRkFVTFQsXG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIGNlbnRlcmVkLFxuICAgIHRleHRUcmFuc2Zvcm0sXG59OiBUZXh0U3R5bGVQcm9wcyA9IHt9KTogVGV4dFN0eWxlID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgdHlwZWZhY2UgPSB1c2VUb2tlbjxzdHJpbmc+KHJvb3QudGV4dC5iYXNlLnR5cGVmYWNlKTtcblxuICAgIGNvbnN0IHRva2VucyA9IHRleHQudmFyaWFudFtub3JtYWxpemVUZXh0VmFyaWFudCh2YXJpYW50KV07XG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5mb250U2l6ZSk7XG4gICAgY29uc3QgZm9udFdlaWdodCA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmZvbnRXZWlnaHQpO1xuICAgIGNvbnN0IGxpbmVIZWlnaHQgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5saW5lSGVpZ2h0KTtcbiAgICBjb25zdCBsZXR0ZXJTcGFjaW5nID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMubGV0dGVyU3BhY2luZyk7XG4gICAgY29uc3QgZm9udFN0eWxlID0gdXNlVG9rZW48c3RyaW5nPih0b2tlbnMuZm9udFN0eWxlKTtcblxuICAgIGNvbnN0IHRleHRTaGFyZWRTdHlsZSA9IHVzZVRleHRTaGFyZWRTdHlsZSh7XG4gICAgICAgIGFjY2VudCxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIGNlbnRlcmVkLFxuICAgICAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIH0pO1xuXG4gICAgY29uc3QgZm9udEZhbWlseSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAodGhlbWUubmFtZSA9PT0gJ3Rva3lvLXVpJykge1xuICAgICAgICAgICAgcmV0dXJuIGdldFRleHRGb250RmFtaWx5VG9reW8odHlwZWZhY2UsIGZvbnRXZWlnaHQsIGZvbnRTdHlsZSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZ2V0Rm9udEZhbWlseSh0eXBlZmFjZSwgU3RyaW5nKGZvbnRXZWlnaHQpLCBmb250U3R5bGUpO1xuICAgIH0sIFt0eXBlZmFjZSwgZm9udFdlaWdodCwgZm9udFN0eWxlXSk7XG5cbiAgICByZXR1cm4gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi50ZXh0U2hhcmVkU3R5bGUsXG4gICAgICAgICAgICBmb250U2l6ZSxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nLFxuICAgICAgICAgICAgZm9udEZhbWlseSxcbiAgICAgICAgfTtcbiAgICB9LCBbdGV4dFNoYXJlZFN0eWxlLCBmb250U2l6ZSwgbGluZUhlaWdodCwgbGV0dGVyU3BhY2luZywgZm9udEZhbWlseV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O01BVWEsWUFBWSxHQUFHLENBQUMsRUFDekIsT0FBTyxHQUFHLHVCQUF1QixFQUNqQyxNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLE1BQ0csRUFBRTtJQUNsQixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFFN0IsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTNELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUMzRCxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN2RCxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzdELE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFckQsTUFBTSxlQUFlLEdBQUcsa0JBQWtCLENBQUM7UUFDdkMsTUFBTTtRQUNOLEtBQUs7UUFDTCxRQUFRO1FBQ1IsYUFBYTtLQUNoQixDQUFDLENBQUM7SUFFSCxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUMzQixPQUFPLHNCQUFzQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUM7U0FDbEU7UUFFRCxPQUFPLGFBQWEsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0tBQ2pFLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFFdEMsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPO1lBQ0gsR0FBRyxlQUFlO1lBQ2xCLFFBQVE7WUFDUixVQUFVO1lBQ1YsYUFBYTtZQUNiLFVBQVU7U0FDYixDQUFDO0tBQ0wsRUFBRSxDQUFDLGVBQWUsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0FBQzNFOzs7OyJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { useHeadingStyle } from './hooks/useHeadingStyle';
|
|
2
2
|
export { useTextStyle } from './hooks/useTextStyle';
|
|
3
|
-
export type {
|
|
3
|
+
export type { HeadingStyleTokyoProps, HeadingStyleBoldProps, TextCommonProps, TextStyleProps, TextVariantStyle, TextStyle, } from './types';
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { ColorName, HeadingLevel, TextAccent, TextVariant } from '@preply/ds-core';
|
|
2
2
|
import { TextStyle as RNTextStyle, TextProps } from 'react-native';
|
|
3
3
|
import { CommonProps } from '../common/types';
|
|
4
|
+
import { HeadingVariant } from './hooks/private/normalizeHeadingLevel';
|
|
5
|
+
import { TokyoTextVariant } from './hooks/private/normalizeTextVariant';
|
|
4
6
|
export interface TextStyleCommonProps {
|
|
5
7
|
accent?: TextAccent;
|
|
6
8
|
color?: ColorName;
|
|
@@ -8,11 +10,15 @@ export interface TextStyleCommonProps {
|
|
|
8
10
|
textTransform?: RNTextStyle['textTransform'];
|
|
9
11
|
}
|
|
10
12
|
export interface TextStyleProps extends TextStyleCommonProps {
|
|
11
|
-
variant?: TextVariant;
|
|
13
|
+
variant?: TextVariant | TokyoTextVariant;
|
|
12
14
|
}
|
|
13
|
-
export interface
|
|
15
|
+
export interface HeadingStyleBoldProps extends TextStyleCommonProps {
|
|
16
|
+
/** @deprecated use "variant" instead */
|
|
14
17
|
level: HeadingLevel;
|
|
15
18
|
}
|
|
19
|
+
export interface HeadingStyleTokyoProps extends TextStyleCommonProps {
|
|
20
|
+
variant: HeadingVariant;
|
|
21
|
+
}
|
|
16
22
|
export interface TextVariantStyle {
|
|
17
23
|
fontFamily: NonNullable<RNTextStyle['fontFamily']>;
|
|
18
24
|
fontSize: RNTextStyle['fontSize'];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "0.65.
|
|
3
|
+
"version": "0.65.2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,15 +18,15 @@
|
|
|
18
18
|
"dev": "run build:rollup -w"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@preply/ds-core": "0.65.
|
|
22
|
-
"@preply/ds-rn-core": "0.65.
|
|
23
|
-
"@preply/ds-rn-root": "0.65.
|
|
21
|
+
"@preply/ds-core": "0.65.2",
|
|
22
|
+
"@preply/ds-rn-core": "0.65.2",
|
|
23
|
+
"@preply/ds-rn-root": "0.65.2"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.65.
|
|
26
|
+
"@preply/ds-core": "0.65.2",
|
|
27
27
|
"@preply/ds-core-types": "0.43.2",
|
|
28
|
-
"@preply/ds-rn-core": "0.65.
|
|
29
|
-
"@preply/ds-rn-root": "0.65.
|
|
28
|
+
"@preply/ds-rn-core": "0.65.2",
|
|
29
|
+
"@preply/ds-rn-root": "0.65.2",
|
|
30
30
|
"react": "^16.8.3",
|
|
31
31
|
"react-native": "^0.72.1"
|
|
32
32
|
},
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"react-native": "^0.72.1",
|
|
39
39
|
"react-test-renderer": "16.8.3"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "3830aadf7780973138e86192dfea52309f2bc85a"
|
|
42
42
|
}
|