@preply/ds-rn-lib 0.64.2 → 0.65.1
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.js +5 -3
- package/dist/props/layout/hooks/useLayoutFlexStyle.js +3 -12
- package/dist/props/layout/hooks/usePaddingStyle.js +2 -11
- package/dist/props/typography/hooks/normalizeHeadingLevel.d.ts +15 -0
- package/dist/props/typography/hooks/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 -1
- package/dist/props/typography/hooks/useHeadingStyle.js +4 -3
- package/dist/props/typography/hooks/useTextStyle.js +3 -21
- package/dist/props/typography/types.d.ts +7 -1
- 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,5 +1,5 @@
|
|
|
1
1
|
import React, { memo } from 'react';
|
|
2
|
-
import { Text } from 'react-native';
|
|
2
|
+
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
|
|
|
@@ -13,9 +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, Object.assign({ style: [computedStyles, stretchStyle] }, rest),
|
|
16
|
+
React.createElement(Text, Object.assign({ style: [computedStyles, stretchStyle] }, rest),
|
|
17
|
+
Platform.OS === 'android' && computedStyles.lineHeight && (React.createElement(Text, { style: { lineHeight: computedStyles.lineHeight + 0.001 } })),
|
|
18
|
+
children)));
|
|
17
19
|
};
|
|
18
20
|
const Heading = memo(HeadingBase);
|
|
19
21
|
|
|
20
22
|
export { Heading };
|
|
21
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFBsYXRmb3JtLCBUZXh0IGFzIFJOVGV4dCB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IHVzZUhlYWRpbmdTdHlsZSB9IGZyb20gJy4uLy4uL3Byb3BzJztcbmltcG9ydCB7IEZDV2l0aENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vcHJvcHMvY29tbW9uL3R5cGVzJztcbmltcG9ydCB7IEhlYWRpbmdTdHlsZVByb3BzLCBUZXh0Q29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi9wcm9wcy90eXBvZ3JhcGh5JztcbmltcG9ydCB7IFRleHRWYXJpYW50UHJvdmlkZXIgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVGV4dFZhcmlhbnRQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGVhZGluZ1Byb3BzIGV4dGVuZHMgVGV4dENvbW1vblByb3BzLCBIZWFkaW5nU3R5bGVQcm9wcyB7fVxuXG5jb25zdCBIZWFkaW5nQmFzZTogRkNXaXRoQ2hpbGRyZW48SGVhZGluZ1Byb3BzPiA9ICh7XG4gICAgbGV2ZWwsXG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIGNlbnRlcmVkLFxuICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgc3RyZXRjaCxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5yZXN0XG59KSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZWRTdHlsZXMgPSB1c2VIZWFkaW5nU3R5bGUoe1xuICAgICAgICBsZXZlbCxcbiAgICAgICAgYWNjZW50LFxuICAgICAgICBjb2xvcixcbiAgICAgICAgY2VudGVyZWQsXG4gICAgICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBzdHJldGNoU3R5bGUgPSBzdHJldGNoID8geyBmbGV4OiAxIH0gOiB1bmRlZmluZWQ7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dFZhcmlhbnRQcm92aWRlciB2YWx1ZT17Y29tcHV0ZWRTdHlsZXN9PlxuICAgICAgICAgICAgPFJOVGV4dCBzdHlsZT17W2NvbXB1dGVkU3R5bGVzLCBzdHJldGNoU3R5bGVdfSB7Li4ucmVzdH0+XG4gICAgICAgICAgICAgICAgey8qIGh0dHBzOi8vZ2l0aHViLmNvbS9mYWNlYm9vay9yZWFjdC1uYXRpdmUvaXNzdWVzLzI5MjMyI2lzc3VlY29tbWVudC04ODk3Njc1MTYgKi99XG4gICAgICAgICAgICAgICAge1BsYXRmb3JtLk9TID09PSAnYW5kcm9pZCcgJiYgY29tcHV0ZWRTdHlsZXMubGluZUhlaWdodCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e3sgbGluZUhlaWdodDogY29tcHV0ZWRTdHlsZXMubGluZUhlaWdodCArIDAuMDAxIH19IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgPC9UZXh0VmFyaWFudFByb3ZpZGVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGluZyA9IG1lbW8oSGVhZGluZ0Jhc2UpO1xuIl0sIm5hbWVzIjpbIlJOVGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFVQSxNQUFNLFdBQVcsR0FBaUMsQ0FBQyxFQUMvQyxLQUFLLEVBQ0wsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsR0FBRyxJQUFJLEVBQ1Y7SUFDRyxNQUFNLGNBQWMsR0FBRyxlQUFlLENBQUM7UUFDbkMsS0FBSztRQUNMLE1BQU07UUFDTixLQUFLO1FBQ0wsUUFBUTtRQUNSLGFBQWE7S0FDaEIsQ0FBQyxDQUFDO0lBRUgsTUFBTSxZQUFZLEdBQUcsT0FBTyxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxHQUFHLFNBQVMsQ0FBQztJQUV2RCxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBRSxjQUFjO1FBQ3RDLG9CQUFDQSxJQUFNLGtCQUFDLEtBQUssRUFBRSxDQUFDLGNBQWMsRUFBRSxZQUFZLENBQUMsSUFBTSxJQUFJO1lBRWxELFFBQVEsQ0FBQyxFQUFFLEtBQUssU0FBUyxJQUFJLGNBQWMsQ0FBQyxVQUFVLEtBQ25ELG9CQUFDQSxJQUFNLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLGNBQWMsQ0FBQyxVQUFVLEdBQUcsS0FBSyxFQUFFLEdBQUksQ0FDdkU7WUFDQSxRQUFRLENBQ0osQ0FDUyxFQUN4QjtBQUNOLENBQUMsQ0FBQztNQUVXLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVzs7OzsifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { root, spacing } from '@preply/ds-core';
|
|
2
|
-
import {
|
|
2
|
+
import { useToken } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
import { alignItemsMap, justifyContentMap } from '../private/constants.js';
|
|
@@ -20,16 +20,7 @@ function getGapToken(gap) {
|
|
|
20
20
|
}
|
|
21
21
|
return spacing[0];
|
|
22
22
|
}
|
|
23
|
-
function assertGap(gap) {
|
|
24
|
-
if (isLayoutGap(gap)) {
|
|
25
|
-
console.warn(`Deprecated gap: "${gap}"`, `\n\n[${Object.keys(root.space).join(', ')}] are deprecated.\n\nAvailable spacings are: [${Object.keys(spacing).join(', ')}]`);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
23
|
function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyContent, flex, gap, }) {
|
|
29
|
-
const { theme } = useTheme();
|
|
30
|
-
if (__DEV__ && theme.name !== 'tokyo-ui') {
|
|
31
|
-
assertGap(gap);
|
|
32
|
-
}
|
|
33
24
|
const paddingStyle = usePaddingStyle(padding);
|
|
34
25
|
const gapSize = useToken(getGapToken(gap));
|
|
35
26
|
const flexStyle = useMemo(() => {
|
|
@@ -41,9 +32,9 @@ function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyConte
|
|
|
41
32
|
...(justifyContent ? { justifyContent: justifyContentMap[justifyContent] } : {}),
|
|
42
33
|
...(gap ? { gap: gapSize } : {}),
|
|
43
34
|
};
|
|
44
|
-
}, [alignItems, direction, justifyContent, wrap, flex]);
|
|
35
|
+
}, [alignItems, direction, justifyContent, wrap, flex, gapSize]);
|
|
45
36
|
return useMemo(() => StyleSheet.flatten([paddingStyle, flexStyle]), [paddingStyle, flexStyle]);
|
|
46
37
|
}
|
|
47
38
|
|
|
48
39
|
export { useLayoutFlexStyle };
|
|
49
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dEFsaWduSXRlbXMsXG4gICAgTGF5b3V0RmxleERpcmVjdGlvbixcbiAgICBMYXlvdXRHYXAsXG4gICAgTGF5b3V0SnVzdGlmeUNvbnRlbnQsXG4gICAgTGF5b3V0UGFkZGluZyxcbiAgICBTaG9ydEhhbmQsXG4gICAgU3BhY2luZyxcbiAgICByb290LFxuICAgIHNwYWNpbmcsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZS10eXBlcyc7XG5pbXBvcnQgeyB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRmxleFN0eWxlLCBTdHlsZVByb3AsIFN0eWxlU2hlZXQsIFZpZXdTdHlsZSB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IGFsaWduSXRlbXNNYXAsIGp1c3RpZnlDb250ZW50TWFwIH0gZnJvbSAnLi4vcHJpdmF0ZS9jb25zdGFudHMnO1xuXG5pbXBvcnQgeyB1c2VQYWRkaW5nU3R5bGUgfSBmcm9tICcuL3VzZVBhZGRpbmdTdHlsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGF5b3V0RmxleFN0eWxlIHtcbiAgICBwYWRkaW5nPzogU2hvcnRIYW5kPExheW91dFBhZGRpbmc+IHwgU2hvcnRIYW5kPFNwYWNpbmc+O1xuICAgIHdyYXA/OiBib29sZWFuO1xuICAgIGRpcmVjdGlvbj86IExheW91dEZsZXhEaXJlY3Rpb247XG4gICAganVzdGlmeUNvbnRlbnQ/OiBMYXlvdXRKdXN0aWZ5Q29udGVudDtcbiAgICBhbGlnbkl0ZW1zPzogTGF5b3V0QWxpZ25JdGVtcztcbiAgICBmbGV4PzogbnVtYmVyO1xuICAgIGdhcD86IExheW91dEdhcCB8IFNwYWNpbmc7XG59XG5cbmZ1bmN0aW9uIGlzTGF5b3V0R2FwKGdhcDogTGF5b3V0R2FwIHwgU3BhY2luZyB8IHVuZGVmaW5lZCk6IGdhcCBpcyBMYXlvdXRHYXAge1xuICAgIHJldHVybiBCb29sZWFuKGdhcCAmJiBnYXAgaW4gcm9vdC5zcGFjZSk7XG59XG5cbmZ1bmN0aW9uIGlzU3BhY2luZyhnYXA6IExheW91dEdhcCB8IFNwYWNpbmcgfCB1bmRlZmluZWQpOiBnYXAgaXMgU3BhY2luZyB7XG4gICAgcmV0dXJuIEJvb2xlYW4oZ2FwICYmIGdhcCBpbiBzcGFjaW5nKTtcbn1cblxuZnVuY3Rpb24gZ2V0R2FwVG9rZW4oZ2FwPzogTGF5b3V0R2FwIHwgU3BhY2luZyk6IFRva2VuIHtcbiAgICBpZiAoaXNMYXlvdXRHYXAoZ2FwKSkge1xuICAgICAgICByZXR1cm4gcm9vdC5zcGFjZVtnYXBdO1xuICAgIH1cblxuICAgIGlmIChpc1NwYWNpbmcoZ2FwKSkge1xuICAgICAgICByZXR1cm4gc3BhY2luZ1tnYXBdO1xuICAgIH1cblxuICAgIHJldHVybiBzcGFjaW5nWzBdO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlTGF5b3V0RmxleFN0eWxlKHtcbiAgICBwYWRkaW5nLFxuICAgIGRpcmVjdGlvbixcbiAgICB3cmFwLFxuICAgIGFsaWduSXRlbXMsXG4gICAganVzdGlmeUNvbnRlbnQsXG4gICAgZmxleCxcbiAgICBnYXAsXG59OiBMYXlvdXRGbGV4U3R5bGUpOiBTdHlsZVByb3A8Vmlld1N0eWxlPiB7XG4gICAgY29uc3QgcGFkZGluZ1N0eWxlID0gdXNlUGFkZGluZ1N0eWxlKHBhZGRpbmcpO1xuICAgIGNvbnN0IGdhcFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KGdldEdhcFRva2VuKGdhcCkpO1xuXG4gICAgY29uc3QgZmxleFN0eWxlOiBGbGV4U3R5bGUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLihmbGV4ID8geyBmbGV4IH0gOiB7fSksXG4gICAgICAgICAgICAuLi4oZGlyZWN0aW9uID8geyBmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLih3cmFwID8geyBmbGV4V3JhcDogJ3dyYXAnIH0gOiB7fSksXG4gICAgICAgICAgICAuLi4oYWxpZ25JdGVtcyA/IHsgYWxpZ25JdGVtczogYWxpZ25JdGVtc01hcFthbGlnbkl0ZW1zXSB9IDoge30pLFxuICAgICAgICAgICAgLi4uKGp1c3RpZnlDb250ZW50ID8geyBqdXN0aWZ5Q29udGVudDoganVzdGlmeUNvbnRlbnRNYXBbanVzdGlmeUNvbnRlbnRdIH0gOiB7fSksXG4gICAgICAgICAgICAuLi4oZ2FwID8geyBnYXA6IGdhcFNpemUgfSA6IHt9KSxcbiAgICAgICAgfTtcbiAgICB9LCBbYWxpZ25JdGVtcywgZGlyZWN0aW9uLCBqdXN0aWZ5Q29udGVudCwgd3JhcCwgZmxleCwgZ2FwU2l6ZV0pO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4gU3R5bGVTaGVldC5mbGF0dGVuKFtwYWRkaW5nU3R5bGUsIGZsZXhTdHlsZV0pLCBbcGFkZGluZ1N0eWxlLCBmbGV4U3R5bGVdKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBOEJBLFNBQVMsV0FBVyxDQUFDLEdBQW9DO0lBQ3JELE9BQU8sT0FBTyxDQUFDLEdBQUcsSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzdDLENBQUM7QUFFRCxTQUFTLFNBQVMsQ0FBQyxHQUFvQztJQUNuRCxPQUFPLE9BQU8sQ0FBQyxHQUFHLElBQUksR0FBRyxJQUFJLE9BQU8sQ0FBQyxDQUFDO0FBQzFDLENBQUM7QUFFRCxTQUFTLFdBQVcsQ0FBQyxHQUF5QjtJQUMxQyxJQUFJLFdBQVcsQ0FBQyxHQUFHLENBQUMsRUFBRTtRQUNsQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7S0FDMUI7SUFFRCxJQUFJLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtRQUNoQixPQUFPLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUN2QjtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3RCLENBQUM7U0FFZSxrQkFBa0IsQ0FBQyxFQUMvQixPQUFPLEVBQ1AsU0FBUyxFQUNULElBQUksRUFDSixVQUFVLEVBQ1YsY0FBYyxFQUNkLElBQUksRUFDSixHQUFHLEdBQ1c7SUFDZCxNQUFNLFlBQVksR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUMsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFTLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBRW5ELE1BQU0sU0FBUyxHQUFjLE9BQU8sQ0FBQztRQUNqQyxPQUFPO1lBQ0gsSUFBSSxJQUFJLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDekIsSUFBSSxTQUFTLEdBQUcsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ2xELElBQUksSUFBSSxHQUFHLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUNyQyxJQUFJLFVBQVUsR0FBRyxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsVUFBVSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDaEUsSUFBSSxjQUFjLEdBQUcsRUFBRSxjQUFjLEVBQUUsaUJBQWlCLENBQUMsY0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDaEYsSUFBSSxHQUFHLEdBQUcsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQ25DLENBQUM7S0FDTCxFQUFFLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBRWpFLE9BQU8sT0FBTyxDQUFDLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7QUFDbkc7Ozs7In0=
|
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import { normalizeShorthand, root, spacing } from '@preply/ds-core';
|
|
2
|
-
import {
|
|
2
|
+
import { createStyleSheet, useStyleSheet } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
|
|
5
5
|
function isLayoutPadding(padding) {
|
|
6
6
|
return Boolean(padding && padding in root.space);
|
|
7
7
|
}
|
|
8
|
-
function assertPadding(padding) {
|
|
9
|
-
if (padding && (Array.isArray(padding) ? padding : [padding]).some(isLayoutPadding)) {
|
|
10
|
-
console.warn(`Deprecated padding: "${padding}"`, `\n\n[${Object.keys(root.space).join(', ')}] are deprecated.\n\nAvailable spacings are: [${Object.keys(spacing).join(', ')}]`);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
8
|
function usePaddingStyle(padding) {
|
|
14
|
-
const { theme } = useTheme();
|
|
15
|
-
if (__DEV__ && theme.name !== 'tokyo-ui') {
|
|
16
|
-
assertPadding(padding);
|
|
17
|
-
}
|
|
18
9
|
const rawStyles = useMemo(() => {
|
|
19
10
|
if (!padding) {
|
|
20
11
|
return createStyleSheet({ padding: {} });
|
|
@@ -33,4 +24,4 @@ function usePaddingStyle(padding) {
|
|
|
33
24
|
}
|
|
34
25
|
|
|
35
26
|
export { usePaddingStyle };
|
|
36
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFkZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZVBhZGRpbmdTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dFBhZGRpbmcsXG4gICAgU2hvcnRIYW5kLFxuICAgIFNwYWNpbmcsXG4gICAgbm9ybWFsaXplU2hvcnRoYW5kLFxuICAgIHJvb3QsXG4gICAgc3BhY2luZyxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IGNyZWF0ZVN0eWxlU2hlZXQsIHVzZVN0eWxlU2hlZXQgfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuZnVuY3Rpb24gaXNMYXlvdXRQYWRkaW5nKHBhZGRpbmc6IExheW91dFBhZGRpbmcgfCBTcGFjaW5nIHwgdW5kZWZpbmVkKTogcGFkZGluZyBpcyBMYXlvdXRQYWRkaW5nIHtcbiAgICByZXR1cm4gQm9vbGVhbihwYWRkaW5nICYmIHBhZGRpbmcgaW4gcm9vdC5zcGFjZSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VQYWRkaW5nU3R5bGUocGFkZGluZz86IFNob3J0SGFuZDxMYXlvdXRQYWRkaW5nPiB8IFNob3J0SGFuZDxTcGFjaW5nPik6IHtcbiAgICBwYWRkaW5nVG9wPzogbnVtYmVyO1xuICAgIHBhZGRpbmdCb3R0b20/OiBudW1iZXI7XG4gICAgcGFkZGluZ1JpZ2h0PzogbnVtYmVyO1xuICAgIHBhZGRpbmdMZWZ0PzogbnVtYmVyO1xufSB7XG4gICAgY29uc3QgcmF3U3R5bGVzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmICghcGFkZGluZykge1xuICAgICAgICAgICAgcmV0dXJuIGNyZWF0ZVN0eWxlU2hlZXQoeyBwYWRkaW5nOiB7fSB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IFt0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnRdID0gbm9ybWFsaXplU2hvcnRoYW5kKHBhZGRpbmcpO1xuXG4gICAgICAgIHJldHVybiBjcmVhdGVTdHlsZVNoZWV0KHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nVG9wOiBpc0xheW91dFBhZGRpbmcodG9wKSA/IHJvb3Quc3BhY2VbdG9wXSA6IHNwYWNpbmdbdG9wXSxcbiAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IGlzTGF5b3V0UGFkZGluZyhyaWdodCkgPyByb290LnNwYWNlW3JpZ2h0XSA6IHNwYWNpbmdbcmlnaHRdLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IGlzTGF5b3V0UGFkZGluZyhib3R0b20pID8gcm9vdC5zcGFjZVtib3R0b21dIDogc3BhY2luZ1tib3R0b21dLFxuICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiBpc0xheW91dFBhZGRpbmcobGVmdCkgPyByb290LnNwYWNlW2xlZnRdIDogc3BhY2luZ1tsZWZ0XSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH0pO1xuICAgIH0sIFtwYWRkaW5nPy50b1N0cmluZygpXSk7XG5cbiAgICByZXR1cm4gdXNlU3R5bGVTaGVldChyYXdTdHlsZXMpLnBhZGRpbmc7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQVdBLFNBQVMsZUFBZSxDQUFDLE9BQTRDO0lBQ2pFLE9BQU8sT0FBTyxDQUFDLE9BQU8sSUFBSSxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3JELENBQUM7U0FFZSxlQUFlLENBQUMsT0FBdUQ7SUFNbkYsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDVixPQUFPLGdCQUFnQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDNUM7UUFFRCxNQUFNLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLEdBQUcsa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFL0QsT0FBTyxnQkFBZ0IsQ0FBQztZQUNwQixPQUFPLEVBQUU7Z0JBQ0wsVUFBVSxFQUFFLGVBQWUsQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUM7Z0JBQ2pFLFlBQVksRUFBRSxlQUFlLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDO2dCQUN6RSxhQUFhLEVBQUUsZUFBZSxDQUFDLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQztnQkFDN0UsV0FBVyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUM7YUFDeEU7U0FDSixDQUFDLENBQUM7S0FDTixFQUFFLENBQUMsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFFBQVEsR0FBRyxDQUFDLENBQUM7SUFFMUIsT0FBTyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxDQUFDO0FBQzVDOzs7OyJ9
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplSGVhZGluZ0xldmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9ub3JtYWxpemVIZWFkaW5nTGV2ZWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuY29uc3QgbWFwVmFyaWFudFRvTGV2ZWwgPSB7XG4gICAgSHVnZTogJ2gxJyxcbiAgICBFeHRyYUxhcmdlOiAnaDInLFxuICAgIExhcmdlOiAnaDMnLFxuICAgIE1lZGl1bTogJ2g0JyxcbiAgICBTbWFsbDogJ2g1Jyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCB0eXBlIEhlYWRpbmdWYXJpYW50ID0ga2V5b2YgdHlwZW9mIG1hcFZhcmlhbnRUb0xldmVsO1xuXG5leHBvcnQgZnVuY3Rpb24gbm9ybWFsaXplSGVhZGluZ0xldmVsKFxuICAgIGlucHV0OlxuICAgICAgICB8IHtcbiAgICAgICAgICAgICAgbGV2ZWw6IEhlYWRpbmdMZXZlbDtcbiAgICAgICAgICB9XG4gICAgICAgIHwge1xuICAgICAgICAgICAgICB2YXJpYW50OiBIZWFkaW5nVmFyaWFudDtcbiAgICAgICAgICB9LFxuKTogSGVhZGluZ0xldmVsIHtcbiAgICBpZiAoJ2xldmVsJyBpbiBpbnB1dCkge1xuICAgICAgICByZXR1cm4gaW5wdXQubGV2ZWw7XG4gICAgfVxuXG4gICAgcmV0dXJuIG1hcFZhcmlhbnRUb0xldmVsW2lucHV0LnZhcmlhbnRdO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0saUJBQWlCLEdBQUc7SUFDdEIsSUFBSSxFQUFFLElBQUk7SUFDVixVQUFVLEVBQUUsSUFBSTtJQUNoQixLQUFLLEVBQUUsSUFBSTtJQUNYLE1BQU0sRUFBRSxJQUFJO0lBQ1osS0FBSyxFQUFFLElBQUk7Q0FDTCxDQUFDO1NBSUsscUJBQXFCLENBQ2pDLEtBTU87SUFFUCxJQUFJLE9BQU8sSUFBSSxLQUFLLEVBQUU7UUFDbEIsT0FBTyxLQUFLLENBQUMsS0FBSyxDQUFDO0tBQ3RCO0lBRUQsT0FBTyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDNUM7Ozs7In0=
|
|
@@ -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 Object.keys(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplVGV4dFZhcmlhbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wcm9wcy90eXBvZ3JhcGh5L2hvb2tzL3ByaXZhdGUvbm9ybWFsaXplVGV4dFZhcmlhbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGV4dFZhcmlhbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5jb25zdCBtYXAgPSB7XG4gICAgJ0xhcmdlL1NlbWlib2xkJzogJ2wtbWVkaXVtJyxcbiAgICAnTGFyZ2UvU2VtaWJvbGQvSXRhbGljJzogJ2wtbWVkaXVtLWl0YWxpYycsXG4gICAgJ0xhcmdlL1JlZ3VsYXInOiAnbCcsXG4gICAgJ0xhcmdlL1JlZ3VsYXIvSXRhbGljJzogJ2wtaXRhbGljJyxcblxuICAgICdEZWZhdWx0L1NlbWlib2xkJzogJ20tbWVkaXVtJyxcbiAgICAnRGVmYXVsdC9TZW1pYm9sZC9JdGFsaWMnOiAnbS1tZWRpdW0taXRhbGljJyxcbiAgICAnRGVmYXVsdC9SZWd1bGFyJzogJ20nLFxuICAgICdEZWZhdWx0L1JlZ3VsYXIvSXRhbGljJzogJ20taXRhbGljJyxcblxuICAgICdTbWFsbC9TZW1pYm9sZCc6ICdzLW1lZGl1bScsXG4gICAgJ1NtYWxsL1NlbWlib2xkL0l0YWxpYyc6ICdzLW1lZGl1bS1pdGFsaWMnLFxuICAgICdTbWFsbC9SZWd1bGFyJzogJ3MnLFxuICAgICdTbWFsbC9SZWd1bGFyL0l0YWxpYyc6ICdzLWl0YWxpYycsXG5cbiAgICAnQ2FwdGlvbi9TZW1pYm9sZCc6ICd4cy1tZWRpdW0nLFxuICAgICdDYXB0aW9uL1JlZ3VsYXInOiAneHMnLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgVG9reW9UZXh0VmFyaWFudCA9IGtleW9mIHR5cGVvZiBtYXA7XG5cbmZ1bmN0aW9uIGlzVG9reW9UZXh0VmFyaWFudCh2YXJpYW50OiBUZXh0VmFyaWFudCB8IFRva3lvVGV4dFZhcmlhbnQpOiB2YXJpYW50IGlzIFRva3lvVGV4dFZhcmlhbnQge1xuICAgIHJldHVybiB2YXJpYW50IGluIE9iamVjdC5rZXlzKG1hcCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBub3JtYWxpemVUZXh0VmFyaWFudCh2YXJpYW50OiBUZXh0VmFyaWFudCB8IFRva3lvVGV4dFZhcmlhbnQpOiBUZXh0VmFyaWFudCB7XG4gICAgaWYgKGlzVG9reW9UZXh0VmFyaWFudCh2YXJpYW50KSkge1xuICAgICAgICByZXR1cm4gbWFwW3ZhcmlhbnRdO1xuICAgIH1cblxuICAgIHJldHVybiB2YXJpYW50O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sR0FBRyxHQUFHO0lBQ1IsZ0JBQWdCLEVBQUUsVUFBVTtJQUM1Qix1QkFBdUIsRUFBRSxpQkFBaUI7SUFDMUMsZUFBZSxFQUFFLEdBQUc7SUFDcEIsc0JBQXNCLEVBQUUsVUFBVTtJQUVsQyxrQkFBa0IsRUFBRSxVQUFVO0lBQzlCLHlCQUF5QixFQUFFLGlCQUFpQjtJQUM1QyxpQkFBaUIsRUFBRSxHQUFHO0lBQ3RCLHdCQUF3QixFQUFFLFVBQVU7SUFFcEMsZ0JBQWdCLEVBQUUsVUFBVTtJQUM1Qix1QkFBdUIsRUFBRSxpQkFBaUI7SUFDMUMsZUFBZSxFQUFFLEdBQUc7SUFDcEIsc0JBQXNCLEVBQUUsVUFBVTtJQUVsQyxrQkFBa0IsRUFBRSxXQUFXO0lBQy9CLGlCQUFpQixFQUFFLElBQUk7Q0FDakIsQ0FBQztBQUlYLFNBQVMsa0JBQWtCLENBQUMsT0FBdUM7SUFDL0QsT0FBTyxPQUFPLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUN2QyxDQUFDO1NBRWUsb0JBQW9CLENBQUMsT0FBdUM7SUFDeEUsSUFBSSxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsRUFBRTtRQUM3QixPQUFPLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztLQUN2QjtJQUVELE9BQU8sT0FBTyxDQUFDO0FBQ25COzs7OyJ9
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import { HeadingStyleProps, TextStyle } from '..';
|
|
2
|
-
|
|
2
|
+
import { HeadingStyleTokyoProps } from '../types';
|
|
3
|
+
export declare const useHeadingStyle: ({ accent, color, centered, textTransform, ...rest }: HeadingStyleProps | HeadingStyleTokyoProps) => 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 './normalizeHeadingLevel.js';
|
|
5
6
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
6
7
|
|
|
7
|
-
const useHeadingStyle = ({
|
|
8
|
+
const useHeadingStyle = ({ accent, color, centered, textTransform, ...rest }) => {
|
|
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(rest)].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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSGVhZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VIZWFkaW5nU3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaGVhZGluZywgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VUaGVtZSwgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSGVhZGluZ1N0eWxlUHJvcHMsIFRleHRTdHlsZSB9IGZyb20gJy4uJztcbmltcG9ydCB7IEhlYWRpbmdTdHlsZVRva3lvUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRGb250RmFtaWx5LCBnZXRIZWFkaW5nRm9udEZhbWlseVRva3lvIH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IG5vcm1hbGl6ZUhlYWRpbmdMZXZlbCB9IGZyb20gJy4vbm9ybWFsaXplSGVhZGluZ0xldmVsJztcbmltcG9ydCB7IHVzZVRleHRTaGFyZWRTdHlsZSB9IGZyb20gJy4vcHJpdmF0ZS91c2VUZXh0U2hhcmVkU3R5bGUnO1xuXG5leHBvcnQgY29uc3QgdXNlSGVhZGluZ1N0eWxlID0gKHtcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgdGV4dFRyYW5zZm9ybSxcbiAgICAuLi5yZXN0XG59OiBIZWFkaW5nU3R5bGVQcm9wcyB8IEhlYWRpbmdTdHlsZVRva3lvUHJvcHMpOiBUZXh0U3R5bGUgPT4ge1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB0eXBlZmFjZSA9IHVzZVRva2VuPHN0cmluZz4ocm9vdC5oZWFkaW5nLmJhc2UudHlwZWZhY2UpO1xuXG4gICAgY29uc3QgdG9rZW5zID0gaGVhZGluZy5sZXZlbFtub3JtYWxpemVIZWFkaW5nTGV2ZWwocmVzdCldLm5vcm1hbDtcblxuICAgIGNvbnN0IGZvbnRTaXplID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMuZm9udFNpemUpO1xuICAgIGNvbnN0IGZvbnRXZWlnaHQgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5mb250V2VpZ2h0KTtcbiAgICBjb25zdCBsaW5lSGVpZ2h0ID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMubGluZUhlaWdodCk7XG4gICAgY29uc3QgbGV0dGVyU3BhY2luZyA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmxldHRlclNwYWNpbmcpO1xuXG4gICAgY29uc3QgdGV4dFNoYXJlZFN0eWxlID0gdXNlVGV4dFNoYXJlZFN0eWxlKHsgYWNjZW50LCBjb2xvciwgY2VudGVyZWQsIHRleHRUcmFuc2Zvcm0gfSk7XG5cbiAgICBjb25zdCBmb250RmFtaWx5ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmICh0aGVtZS5uYW1lID09PSAndG9reW8tdWknKSB7XG4gICAgICAgICAgICByZXR1cm4gZ2V0SGVhZGluZ0ZvbnRGYW1pbHlUb2t5byh0eXBlZmFjZSwgZm9udFdlaWdodCk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZ2V0Rm9udEZhbWlseSh0eXBlZmFjZSwgU3RyaW5nKGZvbnRXZWlnaHQpLCAnbm9ybWFsJyk7XG4gICAgfSwgW3R5cGVmYWNlLCBmb250V2VpZ2h0XSk7XG5cbiAgICByZXR1cm4gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi50ZXh0U2hhcmVkU3R5bGUsXG4gICAgICAgICAgICBmb250U2l6ZSxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nLFxuICAgICAgICAgICAgZm9udEZhbWlseSxcbiAgICAgICAgfTtcbiAgICB9LCBbdGV4dFNoYXJlZFN0eWxlLCBmb250U2l6ZSwgbGluZUhlaWdodCwgbGV0dGVyU3BhY2luZywgZm9udEZhbWlseV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O01BV2EsZUFBZSxHQUFHLENBQUMsRUFDNUIsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLEdBQUcsSUFBSSxFQUNrQztJQUN6QyxNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFFN0IsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFTLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTlELE1BQU0sTUFBTSxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFFakUsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuRCxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUU3RCxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFFdkYsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEVBQUU7WUFDM0IsT0FBTyx5QkFBeUIsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7U0FDMUQ7UUFFRCxPQUFPLGFBQWEsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0tBQ2hFLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUUzQixPQUFPLE9BQU8sQ0FBQztRQUNYLE9BQU87WUFDSCxHQUFHLGVBQWU7WUFDbEIsUUFBUTtZQUNSLFVBQVU7WUFDVixhQUFhO1lBQ2IsVUFBVTtTQUNiLENBQUM7S0FDTCxFQUFFLENBQUMsZUFBZSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUM7QUFDM0U7Ozs7In0=
|
|
@@ -2,31 +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
|
-
const tokyoValidVariants = [
|
|
8
|
-
'l-medium',
|
|
9
|
-
'l-medium-italic',
|
|
10
|
-
'l',
|
|
11
|
-
'l-italic',
|
|
12
|
-
'm-medium',
|
|
13
|
-
'm-medium-italic',
|
|
14
|
-
'm',
|
|
15
|
-
'm-italic',
|
|
16
|
-
's-medium',
|
|
17
|
-
's-medium-italic',
|
|
18
|
-
's',
|
|
19
|
-
's-italic',
|
|
20
|
-
'xs-medium',
|
|
21
|
-
'xs',
|
|
22
|
-
];
|
|
23
8
|
const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, centered, textTransform, } = {}) => {
|
|
24
9
|
const { theme } = useTheme();
|
|
25
|
-
if (__DEV__ && theme.name === 'tokyo-ui' && !tokyoValidVariants.includes(variant)) {
|
|
26
|
-
console.warn(`Invalid variant for Tokyo UI theme: ${variant}`);
|
|
27
|
-
}
|
|
28
10
|
const typeface = useToken(root.text.base.typeface);
|
|
29
|
-
const tokens = text.variant[variant];
|
|
11
|
+
const tokens = text.variant[normalizeTextVariant(variant)];
|
|
30
12
|
const fontSize = useToken(tokens.fontSize);
|
|
31
13
|
const fontWeight = useToken(tokens.fontWeight);
|
|
32
14
|
const lineHeight = useToken(tokens.lineHeight);
|
|
@@ -56,4 +38,4 @@ const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, center
|
|
|
56
38
|
};
|
|
57
39
|
|
|
58
40
|
export { useTextStyle };
|
|
59
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VUZXh0U3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcm9vdCwgdGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX1ZBUklBTlRfUk5fREVGQVVMVCwgdXNlVGhlbWUsIHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRleHRTdHlsZSwgVGV4dFN0eWxlUHJvcHMgfSBmcm9tICcuLic7XG5pbXBvcnQgeyBnZXRGb250RmFtaWx5LCBnZXRUZXh0Rm9udEZhbWlseVRva3lvIH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IG5vcm1hbGl6ZVRleHRWYXJpYW50IH0gZnJvbSAnLi9wcml2YXRlL25vcm1hbGl6ZVRleHRWYXJpYW50JztcbmltcG9ydCB7IHVzZVRleHRTaGFyZWRTdHlsZSB9IGZyb20gJy4vcHJpdmF0ZS91c2VUZXh0U2hhcmVkU3R5bGUnO1xuXG5leHBvcnQgY29uc3QgdXNlVGV4dFN0eWxlID0gKHtcbiAgICB2YXJpYW50ID0gVEVYVF9WQVJJQU5UX1JOX0RFRkFVTFQsXG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIGNlbnRlcmVkLFxuICAgIHRleHRUcmFuc2Zvcm0sXG59OiBUZXh0U3R5bGVQcm9wcyA9IHt9KTogVGV4dFN0eWxlID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgdHlwZWZhY2UgPSB1c2VUb2tlbjxzdHJpbmc+KHJvb3QudGV4dC5iYXNlLnR5cGVmYWNlKTtcblxuICAgIGNvbnN0IHRva2VucyA9IHRleHQudmFyaWFudFtub3JtYWxpemVUZXh0VmFyaWFudCh2YXJpYW50KV07XG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5mb250U2l6ZSk7XG4gICAgY29uc3QgZm9udFdlaWdodCA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmZvbnRXZWlnaHQpO1xuICAgIGNvbnN0IGxpbmVIZWlnaHQgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5saW5lSGVpZ2h0KTtcbiAgICBjb25zdCBsZXR0ZXJTcGFjaW5nID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMubGV0dGVyU3BhY2luZyk7XG4gICAgY29uc3QgZm9udFN0eWxlID0gdXNlVG9rZW48c3RyaW5nPih0b2tlbnMuZm9udFN0eWxlKTtcblxuICAgIGNvbnN0IHRleHRTaGFyZWRTdHlsZSA9IHVzZVRleHRTaGFyZWRTdHlsZSh7XG4gICAgICAgIGFjY2VudCxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIGNlbnRlcmVkLFxuICAgICAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIH0pO1xuXG4gICAgY29uc3QgZm9udEZhbWlseSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAodGhlbWUubmFtZSA9PT0gJ3Rva3lvLXVpJykge1xuICAgICAgICAgICAgcmV0dXJuIGdldFRleHRGb250RmFtaWx5VG9reW8odHlwZWZhY2UsIGZvbnRXZWlnaHQsIGZvbnRTdHlsZSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZ2V0Rm9udEZhbWlseSh0eXBlZmFjZSwgU3RyaW5nKGZvbnRXZWlnaHQpLCBmb250U3R5bGUpO1xuICAgIH0sIFt0eXBlZmFjZSwgZm9udFdlaWdodCwgZm9udFN0eWxlXSk7XG5cbiAgICByZXR1cm4gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi50ZXh0U2hhcmVkU3R5bGUsXG4gICAgICAgICAgICBmb250U2l6ZSxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nLFxuICAgICAgICAgICAgZm9udEZhbWlseSxcbiAgICAgICAgfTtcbiAgICB9LCBbdGV4dFNoYXJlZFN0eWxlLCBmb250U2l6ZSwgbGluZUhlaWdodCwgbGV0dGVyU3BhY2luZywgZm9udEZhbWlseV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O01BVWEsWUFBWSxHQUFHLENBQUMsRUFDekIsT0FBTyxHQUFHLHVCQUF1QixFQUNqQyxNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLE1BQ0csRUFBRTtJQUNsQixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFFN0IsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTNELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUMzRCxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN2RCxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzdELE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFckQsTUFBTSxlQUFlLEdBQUcsa0JBQWtCLENBQUM7UUFDdkMsTUFBTTtRQUNOLEtBQUs7UUFDTCxRQUFRO1FBQ1IsYUFBYTtLQUNoQixDQUFDLENBQUM7SUFFSCxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUMzQixPQUFPLHNCQUFzQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUM7U0FDbEU7UUFFRCxPQUFPLGFBQWEsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0tBQ2pFLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFFdEMsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPO1lBQ0gsR0FBRyxlQUFlO1lBQ2xCLFFBQVE7WUFDUixVQUFVO1lBQ1YsYUFBYTtZQUNiLFVBQVU7U0FDYixDQUFDO0tBQ0wsRUFBRSxDQUFDLGVBQWUsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0FBQzNFOzs7OyJ9
|
|
@@ -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/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
15
|
export interface HeadingStyleProps 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.
|
|
3
|
+
"version": "0.65.1",
|
|
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.
|
|
22
|
-
"@preply/ds-rn-core": "0.
|
|
23
|
-
"@preply/ds-rn-root": "0.
|
|
21
|
+
"@preply/ds-core": "0.65.1",
|
|
22
|
+
"@preply/ds-rn-core": "0.65.1",
|
|
23
|
+
"@preply/ds-rn-root": "0.65.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
26
|
+
"@preply/ds-core": "0.65.1",
|
|
27
27
|
"@preply/ds-core-types": "0.43.2",
|
|
28
|
-
"@preply/ds-rn-core": "0.
|
|
29
|
-
"@preply/ds-rn-root": "0.
|
|
28
|
+
"@preply/ds-rn-core": "0.65.1",
|
|
29
|
+
"@preply/ds-rn-root": "0.65.1",
|
|
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": "24817b0b510187ad2cf5b1ac4957e412ed898192"
|
|
42
42
|
}
|