@preply/ds-rn-lib 0.58.3 → 0.60.0
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 +18 -0
- package/dist/components/Button/Button.js +87 -0
- package/dist/components/Button/private/ButtonContent.d.ts +8 -0
- package/dist/components/Button/private/ButtonContent.js +38 -0
- package/dist/components/Button/private/ButtonIcon.d.ts +10 -0
- package/dist/components/Button/private/ButtonIcon.js +6 -0
- package/dist/components/Heading/Heading.d.ts +4 -2
- package/dist/components/Heading/Heading.js +1 -1
- package/dist/components/LayoutFlex/LayoutFlex.d.ts +4 -2
- package/dist/components/LayoutFlex/LayoutFlex.js +1 -1
- package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts +4 -2
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +1 -1
- package/dist/components/Text/Text.d.ts +4 -2
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/TextInline/TextInline.d.ts +4 -2
- package/dist/components/TextInline/TextInline.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -1
- package/dist/index.js +2 -1
- package/dist/props/common/types.d.ts +6 -0
- package/dist/props/layout/hooks/usePaddingStyle.d.ts +4 -4
- package/dist/props/layout/hooks/usePaddingStyle.js +1 -1
- package/dist/props/typography/hooks/private/useTextColorStyle.d.ts +2 -2
- package/package.json +10 -10
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ButtonSize, ButtonVariant } from '@preply/ds-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { GestureResponderEvent } from 'react-native';
|
|
4
|
+
import { CommonProps } from '../../props/common/types';
|
|
5
|
+
import { ButtonIcon } from './private/ButtonIcon';
|
|
6
|
+
export interface ButtonProps extends CommonProps {
|
|
7
|
+
variant?: ButtonVariant;
|
|
8
|
+
size?: ButtonSize;
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
wrap?: boolean;
|
|
11
|
+
assistiveText?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
busy?: boolean;
|
|
14
|
+
onPress?: (event: GestureResponderEvent) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const Button: FC<ButtonProps> & {
|
|
17
|
+
Icon: typeof ButtonIcon;
|
|
18
|
+
};
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT, action, root } from '@preply/ds-core';
|
|
2
|
+
import { createStyleSheet, useStyleSheet, useToken } from '@preply/ds-rn-core';
|
|
3
|
+
import React, { useState } from 'react';
|
|
4
|
+
import { useWindowDimensions, View, Pressable, Platform, StyleSheet, ActivityIndicator } from 'react-native';
|
|
5
|
+
import { ButtonContent } from './private/ButtonContent.js';
|
|
6
|
+
import { ButtonIcon } from './private/ButtonIcon.js';
|
|
7
|
+
import { useTextStyle } from '../../props/typography/hooks/useTextStyle.js';
|
|
8
|
+
|
|
9
|
+
const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = true, assistiveText, disabled = false, busy = false, onPress, children, testID, }) => {
|
|
10
|
+
const [pressed, setPressed] = useState(false);
|
|
11
|
+
const { fontScale } = useWindowDimensions();
|
|
12
|
+
const rawStyles = createStyleSheet({
|
|
13
|
+
container: {
|
|
14
|
+
width: fullWidth ? '100%' : 'auto',
|
|
15
|
+
borderRadius: action.base.borderRadius,
|
|
16
|
+
overflow: 'hidden',
|
|
17
|
+
},
|
|
18
|
+
action: {
|
|
19
|
+
backgroundColor: action.variant[variant].bgColor,
|
|
20
|
+
borderRadius: action.base.borderRadius,
|
|
21
|
+
borderColor: action.variant[variant].borderColor,
|
|
22
|
+
justifyContent: 'center',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
},
|
|
25
|
+
active: {
|
|
26
|
+
backgroundColor: action.variant[variant].active.bgColor,
|
|
27
|
+
},
|
|
28
|
+
disabled: {
|
|
29
|
+
backgroundColor: action.base.disabled.bgColor,
|
|
30
|
+
borderColor: action.base.disabled.borderColor,
|
|
31
|
+
},
|
|
32
|
+
text: {
|
|
33
|
+
color: action.variant[variant].color,
|
|
34
|
+
},
|
|
35
|
+
textActive: {
|
|
36
|
+
color: action.variant[variant].active.color,
|
|
37
|
+
},
|
|
38
|
+
disabledText: {
|
|
39
|
+
color: action.base.disabled.color,
|
|
40
|
+
},
|
|
41
|
+
hiddenText: {
|
|
42
|
+
opacity: 0,
|
|
43
|
+
},
|
|
44
|
+
});
|
|
45
|
+
const styles = useStyleSheet(rawStyles);
|
|
46
|
+
const height = useToken(action.size[size].height) * fontScale;
|
|
47
|
+
const verticalPadding = useToken(action.size[size].verticalPadding) * fontScale;
|
|
48
|
+
const horizontalPadding = useToken(action.size[size].horizontalPadding) * fontScale;
|
|
49
|
+
const { lineHeight: _lineHeight, fontSize: _fontSize, ...textStyle } = useTextStyle({ variant: 'm-medium', centered: true });
|
|
50
|
+
const fontSize = useToken(action.size[size].fontSize);
|
|
51
|
+
const lineHeight = useToken(root.text.base.lineHeight) * fontSize * fontScale;
|
|
52
|
+
const handlePress = (event) => {
|
|
53
|
+
if (!disabled && !busy) {
|
|
54
|
+
onPress === null || onPress === void 0 ? void 0 : onPress(event);
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
return (React.createElement(View, { style: styles.container },
|
|
58
|
+
React.createElement(Pressable, { onPressIn: () => setPressed(true), onPressOut: () => setPressed(false), onPress: handlePress, disabled: disabled || busy, style: [
|
|
59
|
+
styles.action,
|
|
60
|
+
{
|
|
61
|
+
minHeight: height,
|
|
62
|
+
paddingVertical: verticalPadding,
|
|
63
|
+
paddingHorizontal: horizontalPadding,
|
|
64
|
+
},
|
|
65
|
+
pressed && Platform.OS !== 'android' && styles.active,
|
|
66
|
+
disabled && styles.disabled,
|
|
67
|
+
], accessibilityLabel: assistiveText, accessibilityRole: "button", accessibilityState: { disabled, busy }, android_ripple: {
|
|
68
|
+
color: styles.active.backgroundColor,
|
|
69
|
+
}, testID: testID },
|
|
70
|
+
React.createElement(ButtonContent, { style: StyleSheet.flatten([
|
|
71
|
+
textStyle,
|
|
72
|
+
styles.text,
|
|
73
|
+
{
|
|
74
|
+
fontSize,
|
|
75
|
+
lineHeight,
|
|
76
|
+
flexWrap: wrap ? 'wrap' : 'nowrap',
|
|
77
|
+
},
|
|
78
|
+
pressed && styles.textActive,
|
|
79
|
+
disabled && styles.disabledText,
|
|
80
|
+
busy && styles.hiddenText,
|
|
81
|
+
]), wrap: wrap }, children),
|
|
82
|
+
busy && (React.createElement(ActivityIndicator, { testID: `${testID}-busy`, color: styles.text.color, size: lineHeight, style: StyleSheet.absoluteFillObject })))));
|
|
83
|
+
};
|
|
84
|
+
Button.Icon = ButtonIcon;
|
|
85
|
+
|
|
86
|
+
export { Button };
|
|
87
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBCdXR0b25TaXplLFxuICAgIEJ1dHRvblZhcmlhbnQsXG4gICAgYWN0aW9uLFxuICAgIHJvb3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVTdHlsZVNoZWV0LCB1c2VTdHlsZVNoZWV0LCB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBBY3Rpdml0eUluZGljYXRvcixcbiAgICBHZXN0dXJlUmVzcG9uZGVyRXZlbnQsXG4gICAgUGxhdGZvcm0sXG4gICAgUHJlc3NhYmxlLFxuICAgIFN0eWxlU2hlZXQsXG4gICAgVmlldyxcbiAgICB1c2VXaW5kb3dEaW1lbnNpb25zLFxufSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyB1c2VUZXh0U3R5bGUgfSBmcm9tICcuLi8uLi9wcm9wcyc7XG5pbXBvcnQgeyBDb21tb25Qcm9wcyB9IGZyb20gJy4uLy4uL3Byb3BzL2NvbW1vbi90eXBlcyc7XG5cbmltcG9ydCB7IEJ1dHRvbkNvbnRlbnQgfSBmcm9tICcuL3ByaXZhdGUvQnV0dG9uQ29udGVudCc7XG5pbXBvcnQgeyBCdXR0b25JY29uIH0gZnJvbSAnLi9wcml2YXRlL0J1dHRvbkljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvblByb3BzIGV4dGVuZHMgQ29tbW9uUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBCdXR0b25TaXplO1xuICAgIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgb25QcmVzcz86IChldmVudDogR2VzdHVyZVJlc3BvbmRlckV2ZW50KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxCdXR0b25Qcm9wcz4gJiB7IEljb246IHR5cGVvZiBCdXR0b25JY29uIH0gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGZ1bGxXaWR0aCA9IGZhbHNlLFxuICAgIHdyYXAgPSB0cnVlLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBidXN5ID0gZmFsc2UsXG4gICAgb25QcmVzcyxcbiAgICBjaGlsZHJlbixcbiAgICB0ZXN0SUQsXG59KSA9PiB7XG4gICAgY29uc3QgW3ByZXNzZWQsIHNldFByZXNzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHsgZm9udFNjYWxlIH0gPSB1c2VXaW5kb3dEaW1lbnNpb25zKCk7XG5cbiAgICBjb25zdCByYXdTdHlsZXMgPSBjcmVhdGVTdHlsZVNoZWV0KHtcbiAgICAgICAgY29udGFpbmVyOiB7XG4gICAgICAgICAgICB3aWR0aDogZnVsbFdpZHRoID8gJzEwMCUnIDogJ2F1dG8nLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBhY3Rpb24uYmFzZS5ib3JkZXJSYWRpdXMsXG4gICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH0sXG4gICAgICAgIGFjdGlvbjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5iZ0NvbG9yLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBhY3Rpb24uYmFzZS5ib3JkZXJSYWRpdXMsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uYm9yZGVyQ29sb3IsXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgfSxcbiAgICAgICAgYWN0aXZlOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGFjdGlvbi52YXJpYW50W3ZhcmlhbnRdLmFjdGl2ZS5iZ0NvbG9yLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24uYmFzZS5kaXNhYmxlZC5iZ0NvbG9yLFxuICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmJvcmRlckNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICB0ZXh0OiB7XG4gICAgICAgICAgICBjb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uY29sb3IsXG4gICAgICAgIH0sXG4gICAgICAgIHRleHRBY3RpdmU6IHtcbiAgICAgICAgICAgIGNvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5hY3RpdmUuY29sb3IsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkVGV4dDoge1xuICAgICAgICAgICAgY29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICBoaWRkZW5UZXh0OiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB9LFxuICAgIH0pO1xuXG4gICAgY29uc3Qgc3R5bGVzID0gdXNlU3R5bGVTaGVldChyYXdTdHlsZXMpO1xuICAgIGNvbnN0IGhlaWdodCA9IHVzZVRva2VuPG51bWJlcj4oYWN0aW9uLnNpemVbc2l6ZV0uaGVpZ2h0KSAqIGZvbnRTY2FsZTtcbiAgICBjb25zdCB2ZXJ0aWNhbFBhZGRpbmcgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLnZlcnRpY2FsUGFkZGluZykgKiBmb250U2NhbGU7XG4gICAgY29uc3QgaG9yaXpvbnRhbFBhZGRpbmcgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLmhvcml6b250YWxQYWRkaW5nKSAqIGZvbnRTY2FsZTtcbiAgICBjb25zdCB7XG4gICAgICAgIGxpbmVIZWlnaHQ6IF9saW5lSGVpZ2h0LFxuICAgICAgICBmb250U2l6ZTogX2ZvbnRTaXplLFxuICAgICAgICAuLi50ZXh0U3R5bGVcbiAgICB9ID0gdXNlVGV4dFN0eWxlKHsgdmFyaWFudDogJ20tbWVkaXVtJywgY2VudGVyZWQ6IHRydWUgfSk7XG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLmZvbnRTaXplKTtcbiAgICBjb25zdCBsaW5lSGVpZ2h0ID0gdXNlVG9rZW48bnVtYmVyPihyb290LnRleHQuYmFzZS5saW5lSGVpZ2h0KSAqIGZvbnRTaXplICogZm9udFNjYWxlO1xuXG4gICAgY29uc3QgaGFuZGxlUHJlc3MgPSAoZXZlbnQ6IEdlc3R1cmVSZXNwb25kZXJFdmVudCkgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmICFidXN5KSB7XG4gICAgICAgICAgICBvblByZXNzPy4oZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxWaWV3IHN0eWxlPXtzdHlsZXMuY29udGFpbmVyfT5cbiAgICAgICAgICAgIDxQcmVzc2FibGVcbiAgICAgICAgICAgICAgICBvblByZXNzSW49eygpID0+IHNldFByZXNzZWQodHJ1ZSl9XG4gICAgICAgICAgICAgICAgb25QcmVzc091dD17KCkgPT4gc2V0UHJlc3NlZChmYWxzZSl9XG4gICAgICAgICAgICAgICAgb25QcmVzcz17aGFuZGxlUHJlc3N9XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGJ1c3l9XG4gICAgICAgICAgICAgICAgc3R5bGU9e1tcbiAgICAgICAgICAgICAgICAgICAgc3R5bGVzLmFjdGlvbixcbiAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWluSGVpZ2h0OiBoZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nVmVydGljYWw6IHZlcnRpY2FsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdIb3Jpem9udGFsOiBob3Jpem9udGFsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgcHJlc3NlZCAmJiBQbGF0Zm9ybS5PUyAhPT0gJ2FuZHJvaWQnICYmIHN0eWxlcy5hY3RpdmUsXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICAgIGFjY2Vzc2liaWxpdHlMYWJlbD17YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgICAgICAgICBhY2Nlc3NpYmlsaXR5Um9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgYWNjZXNzaWJpbGl0eVN0YXRlPXt7IGRpc2FibGVkLCBidXN5IH19XG4gICAgICAgICAgICAgICAgYW5kcm9pZF9yaXBwbGU9e3tcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHN0eWxlcy5hY3RpdmUuYmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgdGVzdElEPXt0ZXN0SUR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvbkNvbnRlbnRcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9e1N0eWxlU2hlZXQuZmxhdHRlbihbXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0U3R5bGUsXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZXMudGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhXcmFwOiB3cmFwID8gJ3dyYXAnIDogJ25vd3JhcCcsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgcHJlc3NlZCAmJiBzdHlsZXMudGV4dEFjdGl2ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5kaXNhYmxlZFRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBidXN5ICYmIHN0eWxlcy5oaWRkZW5UZXh0LFxuICAgICAgICAgICAgICAgICAgICBdKX1cbiAgICAgICAgICAgICAgICAgICAgd3JhcD17d3JhcH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L0J1dHRvbkNvbnRlbnQ+XG4gICAgICAgICAgICAgICAge2J1c3kgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3JcbiAgICAgICAgICAgICAgICAgICAgICAgIHRlc3RJRD17YCR7dGVzdElEfS1idXN5YH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtzdHlsZXMudGV4dC5jb2xvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e2xpbmVIZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17U3R5bGVTaGVldC5hYnNvbHV0ZUZpbGxPYmplY3R9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvUHJlc3NhYmxlPlxuICAgICAgICA8L1ZpZXc+XG4gICAgKTtcbn07XG5cbkJ1dHRvbi5JY29uID0gQnV0dG9u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
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TextStyle } from 'react-native';
|
|
3
|
+
import { CommonProps } from '../../../props/common/types';
|
|
4
|
+
export interface ButtonContentProps extends CommonProps {
|
|
5
|
+
style: TextStyle;
|
|
6
|
+
wrap?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const ButtonContent: FC<ButtonContentProps>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { action } from '@preply/ds-core';
|
|
2
|
+
import { useToken } from '@preply/ds-rn-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { StyleSheet, useWindowDimensions, View, Text } from 'react-native';
|
|
5
|
+
import { ButtonIcon } from './ButtonIcon.js';
|
|
6
|
+
|
|
7
|
+
const styles = StyleSheet.create({
|
|
8
|
+
content: {
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
},
|
|
12
|
+
});
|
|
13
|
+
const ButtonContent = ({ style, wrap = true, children }) => {
|
|
14
|
+
const { fontScale } = useWindowDimensions();
|
|
15
|
+
const gap = useToken(action.base.gap) * fontScale;
|
|
16
|
+
if (__DEV__ && React.Children.count(children) === 1) {
|
|
17
|
+
const child = React.Children.toArray(children)[0];
|
|
18
|
+
if (child && typeof child === 'object' && 'type' in child && child.type === ButtonIcon) {
|
|
19
|
+
console.error('ERROR you are trying to render a Button with only an icon. Try using IconButton instead.');
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return (React.createElement(View, { style: [styles.content, { gap }] }, React.Children.map(children, child => {
|
|
23
|
+
if (child &&
|
|
24
|
+
typeof child === 'object' &&
|
|
25
|
+
'type' in child &&
|
|
26
|
+
child.type === ButtonIcon) {
|
|
27
|
+
return React.createElement(child.props.svg, {
|
|
28
|
+
height: style.lineHeight,
|
|
29
|
+
width: style.lineHeight,
|
|
30
|
+
fill: style.color,
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
return (React.createElement(Text, { style: style, numberOfLines: wrap ? 2 : 1 }, child));
|
|
34
|
+
})));
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export { ButtonContent };
|
|
38
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQ29udGVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL3ByaXZhdGUvQnV0dG9uQ29udGVudC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYWN0aW9uIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRleHQgYXMgUk5UZXh0LCBTdHlsZVNoZWV0LCBUZXh0U3R5bGUsIFZpZXcsIHVzZVdpbmRvd0RpbWVuc2lvbnMgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyBDb21tb25Qcm9wcyB9IGZyb20gJy4uLy4uLy4uL3Byb3BzL2NvbW1vbi90eXBlcyc7XG5cbmltcG9ydCB7IEJ1dHRvbkljb24gfSBmcm9tICcuL0J1dHRvbkljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkNvbnRlbnRQcm9wcyBleHRlbmRzIENvbW1vblByb3BzIHtcbiAgICBzdHlsZTogVGV4dFN0eWxlO1xuICAgIHdyYXA/OiBib29sZWFuO1xufVxuXG5jb25zdCBzdHlsZXMgPSBTdHlsZVNoZWV0LmNyZWF0ZSh7XG4gICAgY29udGVudDoge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uQ29udGVudDogRkM8QnV0dG9uQ29udGVudFByb3BzPiA9ICh7IHN0eWxlLCB3cmFwID0gdHJ1ZSwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHsgZm9udFNjYWxlIH0gPSB1c2VXaW5kb3dEaW1lbnNpb25zKCk7XG4gICAgY29uc3QgZ2FwID0gdXNlVG9rZW48bnVtYmVyPihhY3Rpb24uYmFzZS5nYXApICogZm9udFNjYWxlO1xuXG4gICAgaWYgKF9fREVWX18gJiYgUmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pID09PSAxKSB7XG4gICAgICAgIGNvbnN0IGNoaWxkID0gUmVhY3QuQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbilbMF07XG4gICAgICAgIGlmIChjaGlsZCAmJiB0eXBlb2YgY2hpbGQgPT09ICdvYmplY3QnICYmICd0eXBlJyBpbiBjaGlsZCAmJiBjaGlsZC50eXBlID09PSBCdXR0b25JY29uKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgICAgICAgICdFUlJPUiB5b3UgYXJlIHRyeWluZyB0byByZW5kZXIgYSBCdXR0b24gd2l0aCBvbmx5IGFuIGljb24uIFRyeSB1c2luZyBJY29uQnV0dG9uIGluc3RlYWQuJyxcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17W3N0eWxlcy5jb250ZW50LCB7IGdhcCB9XX0+XG4gICAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCBjaGlsZCA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgICBjaGlsZCAmJlxuICAgICAgICAgICAgICAgICAgICB0eXBlb2YgY2hpbGQgPT09ICdvYmplY3QnICYmXG4gICAgICAgICAgICAgICAgICAgICd0eXBlJyBpbiBjaGlsZCAmJlxuICAgICAgICAgICAgICAgICAgICBjaGlsZC50eXBlID09PSBCdXR0b25JY29uXG4gICAgICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KGNoaWxkLnByb3BzLnN2Zywge1xuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzdHlsZS5saW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHN0eWxlLmxpbmVIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBmaWxsOiBzdHlsZS5jb2xvcixcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e3N0eWxlfSBudW1iZXJPZkxpbmVzPXt3cmFwID8gMiA6IDF9PlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvVmlldz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSTlRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWNBLE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDN0IsT0FBTyxFQUFFO1FBQ0wsYUFBYSxFQUFFLEtBQUs7UUFDcEIsVUFBVSxFQUFFLFFBQVE7S0FDdkI7Q0FDSixDQUFDLENBQUM7TUFFVSxhQUFhLEdBQTJCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUU7SUFDbEYsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLG1CQUFtQixFQUFFLENBQUM7SUFDNUMsTUFBTSxHQUFHLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsU0FBUyxDQUFDO0lBRTFELElBQUksT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUNqRCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLEtBQUssSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksTUFBTSxJQUFJLEtBQUssSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUNwRixPQUFPLENBQUMsS0FBSyxDQUNULDBGQUEwRixDQUM3RixDQUFDO1NBQ0w7S0FDSjtJQUVELFFBQ0ksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUNqQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsS0FBSztRQUMvQixJQUNJLEtBQUs7WUFDTCxPQUFPLEtBQUssS0FBSyxRQUFRO1lBQ3pCLE1BQU0sSUFBSSxLQUFLO1lBQ2YsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEVBQzNCO1lBQ0UsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFO2dCQUN4QyxNQUFNLEVBQUUsS0FBSyxDQUFDLFVBQVU7Z0JBQ3hCLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVTtnQkFDdkIsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLO2FBQ3BCLENBQUMsQ0FBQztTQUNOO1FBQ0QsUUFDSSxvQkFBQ0EsSUFBTSxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUM1QyxLQUFLLENBQ0QsRUFDWDtLQUNMLENBQUMsQ0FDQyxFQUNUO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
const ButtonIcon = () => {
|
|
2
|
+
return null;
|
|
3
|
+
};
|
|
4
|
+
|
|
5
|
+
export { ButtonIcon };
|
|
6
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL3ByaXZhdGUvQnV0dG9uSWNvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBCdXR0b25JY29uUHJvcHMge1xuICAgIHN2ZzogRkM8eyBmaWxsPzogc3RyaW5nOyBoZWlnaHQ/OiBudW1iZXI7IHdpZHRoPzogbnVtYmVyIH0+O1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uSWNvbjogRkM8QnV0dG9uSWNvblByb3BzPiA9ICgpID0+IHtcbiAgICByZXR1cm4gbnVsbDtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BTWEsVUFBVSxHQUF3QjtJQUMzQyxPQUFPLElBQUksQ0FBQztBQUNoQjs7OzsifQ==
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { HeadingStyleProps, TextCommonProps } from '../../props/typography';
|
|
3
3
|
export interface HeadingProps extends TextCommonProps, HeadingStyleProps {
|
|
4
4
|
}
|
|
5
|
-
export declare const Heading:
|
|
5
|
+
export declare const Heading: React.NamedExoticComponent<HeadingProps & {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}>;
|
|
@@ -19,4 +19,4 @@ const HeadingBase = ({ level, large = false, accent, color, centered, textTransf
|
|
|
19
19
|
const Heading = memo(HeadingBase);
|
|
20
20
|
|
|
21
21
|
export { Heading };
|
|
22
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRleHQgYXMgUk5UZXh0IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgdXNlSGVhZGluZ1N0eWxlIH0gZnJvbSAnLi4vLi4vcHJvcHMnO1xuaW1wb3J0IHsgRkNXaXRoQ2hpbGRyZW4gfSBmcm9tICcuLi8uLi9wcm9wcy9jb21tb24vdHlwZXMnO1xuaW1wb3J0IHsgSGVhZGluZ1N0eWxlUHJvcHMsIFRleHRDb21tb25Qcm9wcyB9IGZyb20gJy4uLy4uL3Byb3BzL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgVGV4dFZhcmlhbnRQcm92aWRlciB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UZXh0VmFyaWFudFByb3ZpZGVyJztcblxuZXhwb3J0IGludGVyZmFjZSBIZWFkaW5nUHJvcHMgZXh0ZW5kcyBUZXh0Q29tbW9uUHJvcHMsIEhlYWRpbmdTdHlsZVByb3BzIHt9XG5cbmNvbnN0IEhlYWRpbmdCYXNlOiBGQ1dpdGhDaGlsZHJlbjxIZWFkaW5nUHJvcHM+ID0gKHtcbiAgICBsZXZlbCxcbiAgICBsYXJnZSA9IGZhbHNlLFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIHN0cmV0Y2gsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ucmVzdFxufSkgPT4ge1xuICAgIGNvbnN0IGNvbXB1dGVkU3R5bGVzID0gdXNlSGVhZGluZ1N0eWxlKHtcbiAgICAgICAgbGV2ZWwsXG4gICAgICAgIGxhcmdlLFxuICAgICAgICBhY2NlbnQsXG4gICAgICAgIGNvbG9yLFxuICAgICAgICBjZW50ZXJlZCxcbiAgICAgICAgdGV4dFRyYW5zZm9ybSxcbiAgICB9KTtcblxuICAgIGNvbnN0IHN0cmV0Y2hTdHlsZSA9IHN0cmV0Y2ggPyB7IGZsZXg6IDEgfSA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0VmFyaWFudFByb3ZpZGVyIHZhbHVlPXtjb21wdXRlZFN0eWxlc30+XG4gICAgICAgICAgICA8Uk5UZXh0IHN0eWxlPXt7IC4uLmNvbXB1dGVkU3R5bGVzLCAuLi5zdHJldGNoU3R5bGUgfX0gey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvUk5UZXh0PlxuICAgICAgICA8L1RleHRWYXJpYW50UHJvdmlkZXI+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nID0gbWVtbyhIZWFkaW5nQmFzZSk7XG4iXSwibmFtZXMiOlsiUk5UZXh0Il0sIm1hcHBpbmdzIjoiOzs7OztBQVVBLE1BQU0sV0FBVyxHQUFpQyxDQUFDLEVBQy9DLEtBQUssRUFDTCxLQUFLLEdBQUcsS0FBSyxFQUNiLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixPQUFPLEVBQ1AsUUFBUSxFQUNSLEdBQUcsSUFBSSxFQUNWO0lBQ0csTUFBTSxjQUFjLEdBQUcsZUFBZSxDQUFDO1FBQ25DLEtBQUs7UUFDTCxLQUFLO1FBQ0wsTUFBTTtRQUNOLEtBQUs7UUFDTCxRQUFRO1FBQ1IsYUFBYTtLQUNoQixDQUFDLENBQUM7SUFFSCxNQUFNLFlBQVksR0FBRyxPQUFPLEdBQUcsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRXZELFFBQ0ksb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLGNBQWM7UUFDdEMsb0JBQUNBLElBQU0sa0JBQUMsS0FBSyxFQUFFLEVBQUUsR0FBRyxjQUFjLEVBQUUsR0FBRyxZQUFZLEVBQUUsSUFBTSxJQUFJLEdBQzFELFFBQVEsQ0FDSixDQUNTLEVBQ3hCO0FBQ04sQ0FBQyxDQUFDO01BRVcsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXOzs7OyJ9
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { LayoutGap } from '@preply/ds-core';
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { CommonProps } from '../../props/common/types';
|
|
4
4
|
import { LayoutFlexStyle } from '../../props/layout/hooks/useLayoutFlexStyle';
|
|
5
5
|
export interface LayoutFlexProps extends LayoutFlexStyle, CommonProps {
|
|
6
6
|
gap?: LayoutGap;
|
|
7
7
|
hide?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare const LayoutFlex:
|
|
9
|
+
export declare const LayoutFlex: React.NamedExoticComponent<LayoutFlexProps & {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}>;
|
|
@@ -22,4 +22,4 @@ const LayoutFlex = memo(LayoutFlexBase);
|
|
|
22
22
|
LayoutFlex.displayName = 'LayoutFlex';
|
|
23
23
|
|
|
24
24
|
export { LayoutFlex };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRHYXAgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgQ29tbW9uUHJvcHMsIEZDV2l0aENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vcHJvcHMvY29tbW9uL3R5cGVzJztcbmltcG9ydCB7IExheW91dEZsZXhTdHlsZSwgdXNlTGF5b3V0RmxleFN0eWxlIH0gZnJvbSAnLi4vLi4vcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZSc7XG5cbmltcG9ydCB7IENoaWxkcmVuV2l0aEdhcCB9IGZyb20gJy4vcHJpdmF0ZS9DaGlsZHJlbldpdGhHYXAnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dEZsZXhQcm9wcyBleHRlbmRzIExheW91dEZsZXhTdHlsZSwgQ29tbW9uUHJvcHMge1xuICAgIGdhcD86IExheW91dEdhcDtcbiAgICBoaWRlPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTGF5b3V0RmxleEJhc2U6IEZDV2l0aENoaWxkcmVuPExheW91dEZsZXhQcm9wcz4gPSAoe1xuICAgIGdhcCxcbiAgICBwYWRkaW5nLFxuICAgIHdyYXAsXG4gICAgZGlyZWN0aW9uLFxuICAgIGp1c3RpZnlDb250ZW50LFxuICAgIGFsaWduSXRlbXMsXG4gICAgaGlkZSxcbiAgICBmbGV4LFxuICAgIGNoaWxkcmVuLFxuICAgIHRlc3RJRCxcbn0pID0+IHtcbiAgICBjb25zdCBzdHlsZSA9IHVzZUxheW91dEZsZXhTdHlsZSh7XG4gICAgICAgIHBhZGRpbmcsXG4gICAgICAgIGRpcmVjdGlvbixcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgIHdyYXAsXG4gICAgICAgIGZsZXgsXG4gICAgfSk7XG5cbiAgICBpZiAoaGlkZSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBjb250ZW50ID0gIWdhcCA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICApIDogKFxuICAgICAgICA8Q2hpbGRyZW5XaXRoR2FwIGdhcD17Z2FwfSBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvQ2hpbGRyZW5XaXRoR2FwPlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17c3R5bGV9IHRlc3RJRD17dGVzdElEfT5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L1ZpZXc+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4ID0gbWVtbyhMYXlvdXRGbGV4QmFzZSk7XG5cbkxheW91dEZsZXguZGlzcGxheU5hbWUgPSAnTGF5b3V0RmxleCc7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFjQSxNQUFNLGNBQWMsR0FBb0MsQ0FBQyxFQUNyRCxHQUFHLEVBQ0gsT0FBTyxFQUNQLElBQUksRUFDSixTQUFTLEVBQ1QsY0FBYyxFQUNkLFVBQVUsRUFDVixJQUFJLEVBQ0osSUFBSSxFQUNKLFFBQVEsRUFDUixNQUFNLEdBQ1Q7SUFDRyxNQUFNLEtBQUssR0FBRyxrQkFBa0IsQ0FBQztRQUM3QixPQUFPO1FBQ1AsU0FBUztRQUNULFVBQVU7UUFDVixjQUFjO1FBQ2QsSUFBSTtRQUNKLElBQUk7S0FDUCxDQUFDLENBQUM7SUFFSCxJQUFJLElBQUksRUFBRTtRQUNOLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxNQUFNLE9BQU8sR0FBRyxDQUFDLEdBQUcsSUFDaEIsUUFBUSxLQUVSLG9CQUFDLGVBQWUsSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLElBQzFDLFFBQVEsQ0FDSyxDQUNyQixDQUFDO0lBRUYsUUFDSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUM3QixPQUFPLENBQ0wsRUFDVDtBQUNOLENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFO0FBRS9DLFVBQVUsQ0FBQyxXQUFXLEdBQUcsWUFBWTs7OzsifQ==
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { CommonProps } from '../../props/common/types';
|
|
3
3
|
import { LayoutFlexItemStyle } from '../../props/layout/hooks/useLayoutFlexItemStyle';
|
|
4
4
|
export interface LayoutFlexItemProps extends LayoutFlexItemStyle, CommonProps {
|
|
5
5
|
hide?: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare const LayoutFlexItem:
|
|
7
|
+
export declare const LayoutFlexItem: React.NamedExoticComponent<LayoutFlexItemProps & {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}>;
|
|
@@ -13,4 +13,4 @@ const LayoutFlexItem = memo(LayoutFlexItemBase);
|
|
|
13
13
|
LayoutFlexItem.displayName = 'LayoutFlexItem';
|
|
14
14
|
|
|
15
15
|
export { LayoutFlexItem };
|
|
16
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFZpZXcgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyBDb21tb25Qcm9wcywgRkNXaXRoQ2hpbGRyZW4gfSBmcm9tICcuLi8uLi9wcm9wcy9jb21tb24vdHlwZXMnO1xuaW1wb3J0IHtcbiAgICBMYXlvdXRGbGV4SXRlbVN0eWxlLFxuICAgIHVzZUxheW91dEZsZXhJdGVtU3R5bGUsXG59IGZyb20gJy4uLy4uL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4SXRlbVN0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4SXRlbVByb3BzIGV4dGVuZHMgTGF5b3V0RmxleEl0ZW1TdHlsZSwgQ29tbW9uUHJvcHMge1xuICAgIGhpZGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBMYXlvdXRGbGV4SXRlbUJhc2U6IEZDV2l0aENoaWxkcmVuPExheW91dEZsZXhJdGVtUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhbGlnblNlbGYsXG4gICAgZmxleCxcbiAgICBoaWRlLFxuICAgIHRlc3RJRCxcbn0pID0+IHtcbiAgICBjb25zdCBzdHlsZSA9IHVzZUxheW91dEZsZXhJdGVtU3R5bGUoeyBhbGlnblNlbGYsIGZsZXggfSk7XG5cbiAgICBpZiAoaGlkZSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17c3R5bGV9IHRlc3RJRD17dGVzdElEfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9WaWV3PlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0RmxleEl0ZW0gPSBtZW1vKExheW91dEZsZXhJdGVtQmFzZSk7XG5cbkxheW91dEZsZXhJdGVtLmRpc3BsYXlOYW1lID0gJ0xheW91dEZsZXhJdGVtJztcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBYUEsTUFBTSxrQkFBa0IsR0FBd0MsQ0FBQyxFQUM3RCxRQUFRLEVBQ1IsU0FBUyxFQUNULElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxHQUNUO0lBQ0csTUFBTSxLQUFLLEdBQUcsc0JBQXNCLENBQUMsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUUxRCxJQUFJLElBQUksRUFBRTtRQUNOLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxRQUNJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLElBQzdCLFFBQVEsQ0FDTixFQUNUO0FBQ04sQ0FBQyxDQUFDO01BRVcsY0FBYyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtBQUV2RCxjQUFjLENBQUMsV0FBVyxHQUFHLGdCQUFnQjs7OzsifQ==
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { TextCommonProps, TextStyleProps } from '../../props/typography';
|
|
3
3
|
export interface TextProps extends TextCommonProps, TextStyleProps {
|
|
4
4
|
}
|
|
5
|
-
export declare const Text:
|
|
5
|
+
export declare const Text: React.NamedExoticComponent<TextProps & {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}>;
|
|
@@ -12,4 +12,4 @@ const TextBase = ({ variant, accent, color, centered, textTransform, stretch, ch
|
|
|
12
12
|
const Text = memo(TextBase);
|
|
13
13
|
|
|
14
14
|
export { Text };
|
|
15
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRleHQgYXMgUk5UZXh0IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgdXNlVGV4dFN0eWxlIH0gZnJvbSAnLi4vLi4vcHJvcHMnO1xuaW1wb3J0IHsgRkNXaXRoQ2hpbGRyZW4gfSBmcm9tICcuLi8uLi9wcm9wcy9jb21tb24vdHlwZXMnO1xuaW1wb3J0IHsgVGV4dENvbW1vblByb3BzLCBUZXh0U3R5bGVQcm9wcyB9IGZyb20gJy4uLy4uL3Byb3BzL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgVGV4dFZhcmlhbnRQcm92aWRlciB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UZXh0VmFyaWFudFByb3ZpZGVyJztcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0UHJvcHMgZXh0ZW5kcyBUZXh0Q29tbW9uUHJvcHMsIFRleHRTdHlsZVByb3BzIHt9XG5cbmNvbnN0IFRleHRCYXNlOiBGQ1dpdGhDaGlsZHJlbjxUZXh0UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50LFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIHN0cmV0Y2gsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ucmVzdFxufSkgPT4ge1xuICAgIGNvbnN0IGNvbXB1dGVkU3R5bGVzID0gdXNlVGV4dFN0eWxlKHsgdmFyaWFudCwgYWNjZW50LCBjb2xvciwgY2VudGVyZWQsIHRleHRUcmFuc2Zvcm0gfSk7XG5cbiAgICBjb25zdCBzdHJldGNoU3R5bGUgPSBzdHJldGNoID8geyBmbGV4OiAxIH0gOiB1bmRlZmluZWQ7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dFZhcmlhbnRQcm92aWRlciB2YWx1ZT17Y29tcHV0ZWRTdHlsZXN9PlxuICAgICAgICAgICAgPFJOVGV4dCBzdHlsZT17eyAuLi5jb21wdXRlZFN0eWxlcywgLi4uc3RyZXRjaFN0eWxlIH19IHsuLi5yZXN0fT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgPC9UZXh0VmFyaWFudFByb3ZpZGVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IG1lbW8oVGV4dEJhc2UpO1xuIl0sIm5hbWVzIjpbIlJOVGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFVQSxNQUFNLFFBQVEsR0FBOEIsQ0FBQyxFQUN6QyxPQUFPLEVBQ1AsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsR0FBRyxJQUFJLEVBQ1Y7SUFDRyxNQUFNLGNBQWMsR0FBRyxZQUFZLENBQUMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQztJQUV6RixNQUFNLFlBQVksR0FBRyxPQUFPLEdBQUcsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRXZELFFBQ0ksb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLGNBQWM7UUFDdEMsb0JBQUNBLE1BQU0sa0JBQUMsS0FBSyxFQUFFLEVBQUUsR0FBRyxjQUFjLEVBQUUsR0FBRyxZQUFZLEVBQUUsSUFBTSxJQUFJLEdBQzFELFFBQVEsQ0FDSixDQUNTLEVBQ3hCO0FBQ04sQ0FBQyxDQUFDO01BRVcsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFROzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ColorName, TextAccent, TextWeight } from '@preply/ds-core';
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { TextStyle as RNTextStyle } from 'react-native';
|
|
4
4
|
export interface TextInlineProps {
|
|
5
5
|
accent?: TextAccent;
|
|
@@ -8,4 +8,6 @@ export interface TextInlineProps {
|
|
|
8
8
|
italic?: boolean;
|
|
9
9
|
textTransform?: RNTextStyle['textTransform'];
|
|
10
10
|
}
|
|
11
|
-
export declare const TextInline:
|
|
11
|
+
export declare const TextInline: React.NamedExoticComponent<TextInlineProps & {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}>;
|
|
@@ -22,4 +22,4 @@ const TextInlineBase = ({ accent, color, weight, italic, textTransform, children
|
|
|
22
22
|
const TextInline = memo(TextInlineBase);
|
|
23
23
|
|
|
24
24
|
export { TextInline };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck5hbWUsIFRleHRBY2NlbnQsIFRleHRXZWlnaHQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IG1lbW8sIHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IGFzIFJOVGV4dCwgVGV4dFN0eWxlIGFzIFJOVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgRkNXaXRoQ2hpbGRyZW4gfSBmcm9tICcuLi8uLi9wcm9wcy9jb21tb24vdHlwZXMnO1xuaW1wb3J0IHsgdXNlVGV4dENvbG9yU3R5bGUgfSBmcm9tICcuLi8uLi9wcm9wcy90eXBvZ3JhcGh5L2hvb2tzL3ByaXZhdGUvdXNlVGV4dENvbG9yU3R5bGUnO1xuaW1wb3J0IHsgZ2V0TmV3Rm9udEZhbWlseSB9IGZyb20gJy4uLy4uL3Byb3BzL3R5cG9ncmFwaHkvdXRpbHMvZm9udEZhbWlseSc7XG5pbXBvcnQgeyBUZXh0VmFyaWFudENvbnRleHQsIFRleHRWYXJpYW50UHJvdmlkZXIgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVGV4dFZhcmlhbnRQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dElubGluZVByb3BzIHtcbiAgICBhY2NlbnQ/OiBUZXh0QWNjZW50O1xuICAgIGNvbG9yPzogQ29sb3JOYW1lO1xuICAgIHdlaWdodD86IFRleHRXZWlnaHQ7XG4gICAgaXRhbGljPzogYm9vbGVhbjtcbiAgICB0ZXh0VHJhbnNmb3JtPzogUk5UZXh0U3R5bGVbJ3RleHRUcmFuc2Zvcm0nXTtcbn1cblxuY29uc3QgVGV4dElubGluZUJhc2U6IEZDV2l0aENoaWxkcmVuPFRleHRJbmxpbmVQcm9wcz4gPSAoe1xuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICB3ZWlnaHQsXG4gICAgaXRhbGljLFxuICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgY29uc3QgcGFyZW50U3R5bGUgPSB1c2VDb250ZXh0KFRleHRWYXJpYW50Q29udGV4dCk7XG5cbiAgICBpZiAoIXBhcmVudFN0eWxlKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignVGV4dElubGluZSBtdXN0IGFsd2F5cyBiZSBhIGNoaWxkIG9mIGVpdGhlciBUZXh0IG9yIEhlYWRpbmcnKTtcbiAgICB9XG5cbiAgICBjb25zdCBmb250RmFtaWx5U3R5bGUgPSB7XG4gICAgICAgIGZvbnRGYW1pbHk6IGdldE5ld0ZvbnRGYW1pbHkocGFyZW50U3R5bGUuZm9udEZhbWlseSwgd2VpZ2h0LCBpdGFsaWMpLFxuICAgIH07XG5cbiAgICBjb25zdCBjb21wdXRlZENvbG9yU3R5bGUgPSB1c2VUZXh0Q29sb3JTdHlsZShjb2xvciwgYWNjZW50KTtcbiAgICBjb25zdCB1c2VQYXJlbnRDb2xvciA9ICFjb2xvciAmJiAhYWNjZW50O1xuICAgIGNvbnN0IGNvbG9yU3R5bGUgPSB1c2VQYXJlbnRDb2xvciA/IHVuZGVmaW5lZCA6IGNvbXB1dGVkQ29sb3JTdHlsZTtcblxuICAgIGNvbnN0IHRleHRJbmxpbmVTdHlsZSA9IHsgLi4ucGFyZW50U3R5bGUsIC4uLmZvbnRGYW1pbHlTdHlsZSwgLi4uY29sb3JTdHlsZSwgdGV4dFRyYW5zZm9ybSB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRleHRWYXJpYW50UHJvdmlkZXIgdmFsdWU9e3RleHRJbmxpbmVTdHlsZX0+XG4gICAgICAgICAgICA8Uk5UZXh0IHN0eWxlPXt0ZXh0SW5saW5lU3R5bGV9PntjaGlsZHJlbn08L1JOVGV4dD5cbiAgICAgICAgPC9UZXh0VmFyaWFudFByb3ZpZGVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dElubGluZSA9IG1lbW8oVGV4dElubGluZUJhc2UpO1xuIl0sIm5hbWVzIjpbIlJOVGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBaUJBLE1BQU0sY0FBYyxHQUFvQyxDQUFDLEVBQ3JELE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixhQUFhLEVBQ2IsUUFBUSxHQUNYO0lBQ0csTUFBTSxXQUFXLEdBQUcsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFFbkQsSUFBSSxDQUFDLFdBQVcsRUFBRTtRQUNkLE1BQU0sSUFBSSxLQUFLLENBQUMsNkRBQTZELENBQUMsQ0FBQztLQUNsRjtJQUVELE1BQU0sZUFBZSxHQUFHO1FBQ3BCLFVBQVUsRUFBRSxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUM7S0FDdkUsQ0FBQztJQUVGLE1BQU0sa0JBQWtCLEdBQUcsaUJBQWlCLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzVELE1BQU0sY0FBYyxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3pDLE1BQU0sVUFBVSxHQUFHLGNBQWMsR0FBRyxTQUFTLEdBQUcsa0JBQWtCLENBQUM7SUFFbkUsTUFBTSxlQUFlLEdBQUcsRUFBRSxHQUFHLFdBQVcsRUFBRSxHQUFHLGVBQWUsRUFBRSxHQUFHLFVBQVUsRUFBRSxhQUFhLEVBQUUsQ0FBQztJQUU3RixRQUNJLG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBRSxlQUFlO1FBQ3ZDLG9CQUFDQSxJQUFNLElBQUMsS0FBSyxFQUFFLGVBQWUsSUFBRyxRQUFRLENBQVUsQ0FDakMsRUFDeEI7QUFDTixDQUFDLENBQUM7TUFFVyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWM7Ozs7In0=
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { Button, ButtonProps } from './Button/Button';
|
|
1
2
|
export { Heading, HeadingProps } from './Heading/Heading';
|
|
2
3
|
export { LayoutFlex, LayoutFlexProps } from './LayoutFlex/LayoutFlex';
|
|
3
4
|
export { LayoutFlexItem, LayoutFlexItemProps } from './LayoutFlexItem/LayoutFlexItem';
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
export { Button } from './Button/Button.js';
|
|
1
2
|
export { Heading } from './Heading/Heading.js';
|
|
2
3
|
export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
|
|
3
4
|
export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
|
|
4
5
|
export { Text } from './Text/Text.js';
|
|
5
6
|
export { TextInline } from './TextInline/TextInline.js';
|
|
6
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OzsifQ==
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { Button } from './components/Button/Button.js';
|
|
1
2
|
export { Heading } from './components/Heading/Heading.js';
|
|
2
3
|
export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
|
|
3
4
|
export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
|
|
@@ -5,4 +6,4 @@ export { Text } from './components/Text/Text.js';
|
|
|
5
6
|
export { TextInline } from './components/TextInline/TextInline.js';
|
|
6
7
|
export { useHeadingStyle } from './props/typography/hooks/useHeadingStyle.js';
|
|
7
8
|
export { useTextStyle } from './props/typography/hooks/useTextStyle.js';
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OyJ9
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
1
2
|
export interface CommonProps {
|
|
2
3
|
/**
|
|
3
4
|
* Used to locate this element in end-to-end tests.
|
|
4
5
|
*/
|
|
5
6
|
testID?: string;
|
|
6
7
|
}
|
|
8
|
+
declare type PropsWithChildren<Props = unknown> = Props & {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare type FCWithChildren<Props = unknown> = FC<PropsWithChildren<Props>>;
|
|
12
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LayoutPadding, ShortHand } from '@preply/ds-core';
|
|
2
2
|
export declare function usePaddingStyle(padding?: ShortHand<LayoutPadding>): {
|
|
3
|
-
paddingTop?:
|
|
4
|
-
paddingBottom?:
|
|
5
|
-
paddingRight?:
|
|
6
|
-
paddingLeft?:
|
|
3
|
+
paddingTop?: number;
|
|
4
|
+
paddingBottom?: number;
|
|
5
|
+
paddingRight?: number;
|
|
6
|
+
paddingLeft?: number;
|
|
7
7
|
};
|
|
@@ -21,4 +21,4 @@ function usePaddingStyle(padding) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
export { usePaddingStyle };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFkZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZVBhZGRpbmdTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRQYWRkaW5nLCBTaG9ydEhhbmQsIG5vcm1hbGl6ZVNob3J0aGFuZCwgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVTdHlsZVNoZWV0LCB1c2VTdHlsZVNoZWV0IH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VQYWRkaW5nU3R5bGUocGFkZGluZz86IFNob3J0SGFuZDxMYXlvdXRQYWRkaW5nPik6IHtcbiAgICBwYWRkaW5nVG9wPzogbnVtYmVyO1xuICAgIHBhZGRpbmdCb3R0b20/OiBudW1iZXI7XG4gICAgcGFkZGluZ1JpZ2h0PzogbnVtYmVyO1xuICAgIHBhZGRpbmdMZWZ0PzogbnVtYmVyO1xufSB7XG4gICAgY29uc3QgcmF3U3R5bGVzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmICghcGFkZGluZykge1xuICAgICAgICAgICAgcmV0dXJuIGNyZWF0ZVN0eWxlU2hlZXQoeyBwYWRkaW5nOiB7fSB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IFt0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnRdID0gbm9ybWFsaXplU2hvcnRoYW5kKHBhZGRpbmcpO1xuXG4gICAgICAgIHJldHVybiBjcmVhdGVTdHlsZVNoZWV0KHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nVG9wOiByb290LnNwYWNlW3RvcF0sXG4gICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiByb290LnNwYWNlW3JpZ2h0XSxcbiAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiByb290LnNwYWNlW2JvdHRvbV0sXG4gICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IHJvb3Quc3BhY2VbbGVmdF0sXG4gICAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICB9LCBbcGFkZGluZz8udG9TdHJpbmcoKV0pO1xuXG4gICAgcmV0dXJuIHVzZVN0eWxlU2hlZXQocmF3U3R5bGVzKS5wYWRkaW5nO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7U0FJZ0IsZUFBZSxDQUFDLE9BQWtDO0lBTTlELE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1YsT0FBTyxnQkFBZ0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQzVDO1FBRUQsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRS9ELE9BQU8sZ0JBQWdCLENBQUM7WUFDcEIsT0FBTyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztnQkFDM0IsWUFBWSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO2dCQUMvQixhQUFhLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7Z0JBQ2pDLFdBQVcsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQzthQUNoQztTQUNKLENBQUMsQ0FBQztLQUNOLEVBQUUsQ0FBQyxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsUUFBUSxHQUFHLENBQUMsQ0FBQztJQUUxQixPQUFPLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLENBQUM7QUFDNUM7Ozs7In0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const useTextColorStyle: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "branded" | "positive" | undefined) => {
|
|
2
|
-
color: string | import("react-native").OpaqueColorValue | undefined;
|
|
1
|
+
export declare const useTextColorStyle: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "branded" | "positive" | "error" | "tertiary" | "selected" | "warning" | "info" | "accent" | "disabled" | undefined) => {
|
|
2
|
+
color: string | import("react-native/types").OpaqueColorValue | undefined;
|
|
3
3
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.60.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,25 +18,25 @@
|
|
|
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.60.0",
|
|
22
|
+
"@preply/ds-rn-core": "0.60.0",
|
|
23
|
+
"@preply/ds-rn-root": "0.60.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
26
|
+
"@preply/ds-core": "0.60.0",
|
|
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.60.0",
|
|
29
|
+
"@preply/ds-rn-root": "0.60.0",
|
|
30
30
|
"react": "^16.8.3",
|
|
31
|
-
"react-native": "^0.
|
|
31
|
+
"react-native": "^0.72.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@testing-library/jest-native": "4.0.12",
|
|
35
35
|
"@testing-library/react-native": "^9.1.0",
|
|
36
36
|
"metro-react-native-babel-preset": "^0.59.0",
|
|
37
37
|
"react": "16.8.3",
|
|
38
|
-
"react-native": "^0.
|
|
38
|
+
"react-native": "^0.72.1",
|
|
39
39
|
"react-test-renderer": "16.8.3"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "944b9eb386d5b0e2f1d5b8c7e370f2dc16c1b9b1"
|
|
42
42
|
}
|