@preply/ds-rn-lib 0.59.0 → 0.61.0

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import { ButtonSize, ButtonVariant } from '@preply/ds-core';
+import { GestureResponderEvent } from 'react-native';
+import { CommonProps, FCWithChildren } from '../../props/common/types';
+import { ButtonIcon } from './private/ButtonIcon';
+export interface ButtonProps extends CommonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    wrap?: boolean;
+    assistiveText?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    onPress?: (event: GestureResponderEvent) => void;
+}
+export declare const Button: FCWithChildren<ButtonProps> & {
+    Icon: typeof ButtonIcon;
+};

package/dist/components/Button/Button.js

@@ -0,0 +1,95 @@
+import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT, action, root } from '@preply/ds-core';
+import { useTheme, createStyleSheet, useStyleSheet, useToken } from '@preply/ds-rn-core';
+import React, { useState, useMemo } from 'react';
+import { useWindowDimensions, View, Pressable, Platform, StyleSheet, ActivityIndicator } from 'react-native';
+import { ButtonContent } from './private/ButtonContent.js';
+import { ButtonIcon } from './private/ButtonIcon.js';
+import { useTextStyle } from '../../props/typography/hooks/useTextStyle.js';
+
+const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = true, assistiveText, disabled = false, busy = false, onPress, children, testID, }) => {
+    const [pressed, setPressed] = useState(false);
+    const { fontScale } = useWindowDimensions();
+    const { theme } = useTheme();
+    const rawStyles = useMemo(() => createStyleSheet({
+        container: {
+            width: fullWidth ? '100%' : 'auto',
+            borderRadius: action.base.borderRadius,
+            overflow: 'hidden',
+        },
+        action: {
+            backgroundColor: action.variant[variant].bgColor,
+            borderRadius: action.base.borderRadius,
+            borderColor: action.variant[variant].borderColor,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderWidth: action.base.borderWidth,
+        },
+        actionActive: {
+            backgroundColor: action.variant[variant].active.bgColor,
+            borderColor: action.variant[variant].active.borderColor,
+        },
+        actionDisabled: theme.name === 'tokyo-ui'
+            ? {
+                backgroundColor: action.variant[variant].disabled.bgColor,
+                borderColor: action.variant[variant].disabled.borderColor,
+            }
+            : {
+                backgroundColor: action.base.disabled.bgColor,
+                borderColor: action.base.disabled.borderColor,
+            },
+        text: {
+            color: action.variant[variant].color,
+        },
+        textActive: {
+            color: action.variant[variant].active.color,
+        },
+        textDisabled: {
+            color: action.base.disabled.color,
+        },
+        textHidden: {
+            opacity: 0,
+        },
+        textUnderlined: {
+            textDecorationLine: 'underline',
+        },
+    }), [fullWidth, variant, theme]);
+    const styles = useStyleSheet(rawStyles);
+    const height = useToken(action.size[size].height) * fontScale;
+    const verticalPadding = useToken(action.size[size].verticalPadding) * fontScale;
+    const horizontalPadding = useToken(action.size[size].horizontalPadding) * fontScale;
+    const { lineHeight: _lineHeight, fontSize: _fontSize, ...textStyle } = useTextStyle({ variant: 'm-medium', centered: true });
+    const fontSize = useToken(action.size[size].fontSize);
+    const lineHeight = useToken(root.text.base.lineHeight) * fontSize * fontScale;
+    const textDecoration = useToken(action.variant[variant].textDecoration);
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(Pressable, { onPressIn: () => setPressed(true), onPressOut: () => setPressed(false), onPress: onPress, disabled: disabled || busy, style: [
+                styles.action,
+                {
+                    minHeight: height,
+                    paddingVertical: verticalPadding,
+                    paddingHorizontal: horizontalPadding,
+                },
+                pressed && Platform.OS !== 'android' && styles.actionActive,
+                disabled && styles.actionDisabled,
+            ], accessibilityLabel: assistiveText, accessibilityRole: "button", accessibilityState: { disabled, busy }, android_ripple: {
+                color: styles.actionActive.backgroundColor,
+            }, testID: testID },
+            React.createElement(ButtonContent, { style: StyleSheet.flatten([
+                    textStyle,
+                    styles.text,
+                    {
+                        fontSize,
+                        lineHeight,
+                        flexWrap: wrap ? 'wrap' : 'nowrap',
+                    },
+                    pressed && styles.textActive,
+                    disabled && styles.textDisabled,
+                    busy && styles.textHidden,
+                    textDecoration === 'underline' && styles.textUnderlined,
+                ]), wrap: wrap }, children),
+            busy && (React.createElement(ActivityIndicator, { testID: `${testID}-busy`, color: disabled ? styles.textDisabled.color : styles.text.color, size: lineHeight, style: StyleSheet.absoluteFillObject })))));
+};
+Button.Icon = ButtonIcon;
+
+export { Button };
+//# 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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

package/dist/components/Button/private/ButtonContent.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { TextStyle } from 'react-native';
+import { CommonProps } from '../../../props/common/types';
+export interface ButtonContentProps extends CommonProps {
+    style: TextStyle;
+    wrap?: boolean;
+}
+export declare const ButtonContent: FC<ButtonContentProps>;

package/dist/components/Button/private/ButtonContent.js

@@ -0,0 +1,38 @@
+import { action } from '@preply/ds-core';
+import { useToken } from '@preply/ds-rn-core';
+import React from 'react';
+import { StyleSheet, useWindowDimensions, View, Text } from 'react-native';
+import { ButtonIcon } from './ButtonIcon.js';
+
+const styles = StyleSheet.create({
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+});
+const ButtonContent = ({ style, wrap = true, children }) => {
+    const { fontScale } = useWindowDimensions();
+    const gap = useToken(action.base.gap) * fontScale;
+    if (__DEV__ && React.Children.count(children) === 1) {
+        const child = React.Children.toArray(children)[0];
+        if (child && typeof child === 'object' && 'type' in child && child.type === ButtonIcon) {
+            console.error('ERROR you are trying to render a Button with only an icon. Try using IconButton instead.');
+        }
+    }
+    return (React.createElement(View, { style: [styles.content, { gap, opacity: style.opacity }] }, React.Children.map(children, child => {
+        if (child &&
+            typeof child === 'object' &&
+            'type' in child &&
+            child.type === ButtonIcon) {
+            return React.createElement(child.props.svg, {
+                height: style.lineHeight,
+                width: style.lineHeight,
+                fill: style.color,
+            });
+        }
+        return (React.createElement(Text, { style: style, numberOfLines: wrap ? 2 : 1 }, child));
+    })));
+};
+
+export { ButtonContent };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQ29udGVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL3ByaXZhdGUvQnV0dG9uQ29udGVudC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYWN0aW9uIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRleHQgYXMgUk5UZXh0LCBTdHlsZVNoZWV0LCBUZXh0U3R5bGUsIFZpZXcsIHVzZVdpbmRvd0RpbWVuc2lvbnMgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyBDb21tb25Qcm9wcyB9IGZyb20gJy4uLy4uLy4uL3Byb3BzL2NvbW1vbi90eXBlcyc7XG5cbmltcG9ydCB7IEJ1dHRvbkljb24gfSBmcm9tICcuL0J1dHRvbkljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkNvbnRlbnRQcm9wcyBleHRlbmRzIENvbW1vblByb3BzIHtcbiAgICBzdHlsZTogVGV4dFN0eWxlO1xuICAgIHdyYXA/OiBib29sZWFuO1xufVxuXG5jb25zdCBzdHlsZXMgPSBTdHlsZVNoZWV0LmNyZWF0ZSh7XG4gICAgY29udGVudDoge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uQ29udGVudDogRkM8QnV0dG9uQ29udGVudFByb3BzPiA9ICh7IHN0eWxlLCB3cmFwID0gdHJ1ZSwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHsgZm9udFNjYWxlIH0gPSB1c2VXaW5kb3dEaW1lbnNpb25zKCk7XG4gICAgY29uc3QgZ2FwID0gdXNlVG9rZW48bnVtYmVyPihhY3Rpb24uYmFzZS5nYXApICogZm9udFNjYWxlO1xuXG4gICAgaWYgKF9fREVWX18gJiYgUmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pID09PSAxKSB7XG4gICAgICAgIGNvbnN0IGNoaWxkID0gUmVhY3QuQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbilbMF07XG4gICAgICAgIGlmIChjaGlsZCAmJiB0eXBlb2YgY2hpbGQgPT09ICdvYmplY3QnICYmICd0eXBlJyBpbiBjaGlsZCAmJiBjaGlsZC50eXBlID09PSBCdXR0b25JY29uKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgICAgICAgICdFUlJPUiB5b3UgYXJlIHRyeWluZyB0byByZW5kZXIgYSBCdXR0b24gd2l0aCBvbmx5IGFuIGljb24uIFRyeSB1c2luZyBJY29uQnV0dG9uIGluc3RlYWQuJyxcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17W3N0eWxlcy5jb250ZW50LCB7IGdhcCwgb3BhY2l0eTogc3R5bGUub3BhY2l0eSB9XX0+XG4gICAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCBjaGlsZCA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgICBjaGlsZCAmJlxuICAgICAgICAgICAgICAgICAgICB0eXBlb2YgY2hpbGQgPT09ICdvYmplY3QnICYmXG4gICAgICAgICAgICAgICAgICAgICd0eXBlJyBpbiBjaGlsZCAmJlxuICAgICAgICAgICAgICAgICAgICBjaGlsZC50eXBlID09PSBCdXR0b25JY29uXG4gICAgICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KGNoaWxkLnByb3BzLnN2Zywge1xuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzdHlsZS5saW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHN0eWxlLmxpbmVIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBmaWxsOiBzdHlsZS5jb2xvcixcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e3N0eWxlfSBudW1iZXJPZkxpbmVzPXt3cmFwID8gMiA6IDF9PlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvVmlldz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSTlRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWNBLE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDN0IsT0FBTyxFQUFFO1FBQ0wsYUFBYSxFQUFFLEtBQUs7UUFDcEIsVUFBVSxFQUFFLFFBQVE7S0FDdkI7Q0FDSixDQUFDLENBQUM7TUFFVSxhQUFhLEdBQTJCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUU7SUFDbEYsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLG1CQUFtQixFQUFFLENBQUM7SUFDNUMsTUFBTSxHQUFHLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsU0FBUyxDQUFDO0lBRTFELElBQUksT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUNqRCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLEtBQUssSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksTUFBTSxJQUFJLEtBQUssSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUNwRixPQUFPLENBQUMsS0FBSyxDQUNULDBGQUEwRixDQUM3RixDQUFDO1NBQ0w7S0FDSjtJQUVELFFBQ0ksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUN6RCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsS0FBSztRQUMvQixJQUNJLEtBQUs7WUFDTCxPQUFPLEtBQUssS0FBSyxRQUFRO1lBQ3pCLE1BQU0sSUFBSSxLQUFLO1lBQ2YsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEVBQzNCO1lBQ0UsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFO2dCQUN4QyxNQUFNLEVBQUUsS0FBSyxDQUFDLFVBQVU7Z0JBQ3hCLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVTtnQkFDdkIsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLO2FBQ3BCLENBQUMsQ0FBQztTQUNOO1FBQ0QsUUFDSSxvQkFBQ0EsSUFBTSxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUM1QyxLQUFLLENBQ0QsRUFDWDtLQUNMLENBQUMsQ0FDQyxFQUNUO0FBQ047Ozs7In0=

package/dist/components/Button/private/ButtonIcon.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ColorValue } from 'react-native';
+interface ButtonIconProps {
+    svg: FC<{
+        fill?: ColorValue;
+        height?: string | number;
+        width?: string | number;
+    }>;
+}
+export declare const ButtonIcon: FC<ButtonIconProps>;
+export {};

package/dist/components/Button/private/ButtonIcon.js

@@ -0,0 +1,6 @@
+const ButtonIcon = () => {
+    return null;
+};
+
+export { ButtonIcon };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL3ByaXZhdGUvQnV0dG9uSWNvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb2xvclZhbHVlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW50ZXJmYWNlIEJ1dHRvbkljb25Qcm9wcyB7XG4gICAgc3ZnOiBGQzx7XG4gICAgICAgIGZpbGw/OiBDb2xvclZhbHVlO1xuICAgICAgICBoZWlnaHQ/OiBzdHJpbmcgfCBudW1iZXI7XG4gICAgICAgIHdpZHRoPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIH0+O1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uSWNvbjogRkM8QnV0dG9uSWNvblByb3BzPiA9ICgpID0+IHtcbiAgICByZXR1cm4gbnVsbDtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BV2EsVUFBVSxHQUF3QjtJQUMzQyxPQUFPLElBQUksQ0FBQztBQUNoQjs7OzsifQ==

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export { Button, ButtonProps } from './Button/Button';
 export { Heading, HeadingProps } from './Heading/Heading';
 export { LayoutFlex, LayoutFlexProps } from './LayoutFlex/LayoutFlex';
 export { LayoutFlexItem, LayoutFlexItemProps } from './LayoutFlexItem/LayoutFlexItem';

package/dist/components/index.js

@@ -1,6 +1,7 @@
+export { Button } from './Button/Button.js';
 export { Heading } from './Heading/Heading.js';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
 export { Text } from './Text/Text.js';
 export { TextInline } from './TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OzsifQ==

package/dist/index.js

@@ -1,3 +1,4 @@
+export { Button } from './components/Button/Button.js';
 export { Heading } from './components/Heading/Heading.js';
 export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
@@ -5,4 +6,4 @@ export { Text } from './components/Text/Text.js';
 export { TextInline } from './components/TextInline/TextInline.js';
 export { useHeadingStyle } from './props/typography/hooks/useHeadingStyle.js';
 export { useTextStyle } from './props/typography/hooks/useTextStyle.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OyJ9

package/dist/props/typography/hooks/private/useTextColorStyle.d.ts

@@ -1,3 +1,3 @@
-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) => {
+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) => {
     color: string | import("react-native/types").OpaqueColorValue | undefined;
 };

package/dist/props/typography/hooks/private/useTextSharedStyle.js

@@ -4,12 +4,9 @@ import { useTextColorStyle } from './useTextColorStyle.js';
 const useTextSharedStyle = ({ accent, color, centered, textTransform, }) => {
     const colorStyle = useTextColorStyle(color, accent);
     return useMemo(() => {
-        const centeredStyle = {
-            textAlign: centered ? 'center' : 'left',
-        };
         return {
             ...colorStyle,
-            ...centeredStyle,
+            textAlign: centered ? 'center' : 'left',
             textTransform,
             includeFontPadding: false,
         };
@@ -17,4 +14,4 @@ const useTextSharedStyle = ({ accent, color, centered, textTransform, }) => {
 };
 
 export { useTextSharedStyle };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFNoYXJlZFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL3VzZVRleHRTaGFyZWRTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dFN0eWxlIGFzIFJOVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgVGV4dFN0eWxlQ29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmltcG9ydCB7IHVzZVRleHRDb2xvclN0eWxlIH0gZnJvbSAnLi91c2VUZXh0Q29sb3JTdHlsZSc7XG5cbmludGVyZmFjZSBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSB7XG4gICAgY29sb3I6IFJOVGV4dFN0eWxlWydjb2xvciddO1xuICAgIHRleHRBbGlnbjogUk5UZXh0U3R5bGVbJ3RleHRBbGlnbiddO1xuICAgIHRleHRUcmFuc2Zvcm06IFJOVGV4dFN0eWxlWyd0ZXh0VHJhbnNmb3JtJ107XG59XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0U2hhcmVkU3R5bGUgPSAoe1xuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxufTogVGV4dFN0eWxlQ29tbW9uUHJvcHMpOiBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSA9PiB7XG4gICAgY29uc3QgY29sb3JTdHlsZSA9IHVzZVRleHRDb2xvclN0eWxlKGNvbG9yLCBhY2NlbnQpO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBjZW50ZXJlZFN0eWxlOiB7IHRleHRBbGlnbjogUk5UZXh0U3R5bGVbJ3RleHRBbGlnbiddIH0gPSB7XG4gICAgICAgICAgICB0ZXh0QWxpZ246IGNlbnRlcmVkID8gJ2NlbnRlcicgOiAnbGVmdCcsXG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5jb2xvclN0eWxlLFxuICAgICAgICAgICAgLi4uY2VudGVyZWRTdHlsZSxcbiAgICAgICAgICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgICAgICAgICBpbmNsdWRlRm9udFBhZGRpbmc6IGZhbHNlLFxuICAgICAgICB9O1xuICAgIH0sIFtjZW50ZXJlZCwgY29sb3JTdHlsZSwgdGV4dFRyYW5zZm9ybV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFhYSxrQkFBa0IsR0FBRyxDQUFDLEVBQy9CLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsR0FDTTtJQUNuQixNQUFNLFVBQVUsR0FBRyxpQkFBaUIsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFcEQsT0FBTyxPQUFPLENBQUM7UUFDWCxNQUFNLGFBQWEsR0FBNEM7WUFDM0QsU0FBUyxFQUFFLFFBQVEsR0FBRyxRQUFRLEdBQUcsTUFBTTtTQUMxQyxDQUFDO1FBQ0YsT0FBTztZQUNILEdBQUcsVUFBVTtZQUNiLEdBQUcsYUFBYTtZQUNoQixhQUFhO1lBQ2Isa0JBQWtCLEVBQUUsS0FBSztTQUM1QixDQUFDO0tBQ0wsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQztBQUM5Qzs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFNoYXJlZFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL3VzZVRleHRTaGFyZWRTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dFN0eWxlIGFzIFJOVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgVGV4dFN0eWxlQ29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmltcG9ydCB7IHVzZVRleHRDb2xvclN0eWxlIH0gZnJvbSAnLi91c2VUZXh0Q29sb3JTdHlsZSc7XG5cbmludGVyZmFjZSBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSB7XG4gICAgY29sb3I6IFJOVGV4dFN0eWxlWydjb2xvciddO1xuICAgIHRleHRBbGlnbjogUk5UZXh0U3R5bGVbJ3RleHRBbGlnbiddO1xuICAgIHRleHRUcmFuc2Zvcm06IFJOVGV4dFN0eWxlWyd0ZXh0VHJhbnNmb3JtJ107XG59XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0U2hhcmVkU3R5bGUgPSAoe1xuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxufTogVGV4dFN0eWxlQ29tbW9uUHJvcHMpOiBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSA9PiB7XG4gICAgY29uc3QgY29sb3JTdHlsZSA9IHVzZVRleHRDb2xvclN0eWxlKGNvbG9yLCBhY2NlbnQpO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uY29sb3JTdHlsZSxcbiAgICAgICAgICAgIHRleHRBbGlnbjogY2VudGVyZWQgPyAnY2VudGVyJyA6ICdsZWZ0JyxcbiAgICAgICAgICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgICAgICAgICBpbmNsdWRlRm9udFBhZGRpbmc6IGZhbHNlLFxuICAgICAgICB9O1xuICAgIH0sIFtjZW50ZXJlZCwgY29sb3JTdHlsZSwgdGV4dFRyYW5zZm9ybV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFhYSxrQkFBa0IsR0FBRyxDQUFDLEVBQy9CLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsR0FDTTtJQUNuQixNQUFNLFVBQVUsR0FBRyxpQkFBaUIsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFcEQsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPO1lBQ0gsR0FBRyxVQUFVO1lBQ2IsU0FBUyxFQUFFLFFBQVEsR0FBRyxRQUFRLEdBQUcsTUFBTTtZQUN2QyxhQUFhO1lBQ2Isa0JBQWtCLEVBQUUsS0FBSztTQUM1QixDQUFDO0tBQ0wsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQztBQUM5Qzs7OzsifQ==

package/dist/props/typography/hooks/private/useTextVariantStyle.js

@@ -7,10 +7,10 @@ const fontFamilyRawStyle = {
     fontFamily: root.text.base.typeface,
 };
 const useTextVariantStyle = (variantRawStyles) => {
-    const styles = useStyleSheet({
+    const styles = useStyleSheet(useMemo(() => ({
         fontFamily: fontFamilyRawStyle,
         variant: variantRawStyles,
-    });
+    }), [variantRawStyles]));
     return useMemo(() => ({
         fontFamily: getFontFamily(styles.fontFamily.fontFamily, String(styles.variant.fontWeight), styles.variant.fontStyle),
         fontSize: styles.variant.fontSize,
@@ -27,4 +27,4 @@ const useTextVariantStyle = (variantRawStyles) => {
 };
 
 export { useTextVariantStyle };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFZhcmlhbnRTdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL3Byb3BzL3R5cG9ncmFwaHkvaG9va3MvcHJpdmF0ZS91c2VUZXh0VmFyaWFudFN0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRleHRXZWlnaHQsIHJvb3QgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuaW1wb3J0IHsgdXNlU3R5bGVTaGVldCB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUZXh0VmFyaWFudFN0eWxlIH0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IHsgZ2V0Rm9udEZhbWlseSB9IGZyb20gJy4uLy4uL3V0aWxzL2ZvbnRGYW1pbHknO1xuXG5pbnRlcmZhY2UgVmFyaWFudFJhd1N0eWxlcyB7XG4gICAgZm9udFNpemU6IFRva2VuO1xuICAgIGZvbnRXZWlnaHQ6IFRva2VuO1xuICAgIGxpbmVIZWlnaHQ6IFRva2VuO1xuICAgIGxldHRlclNwYWNpbmc6IFRva2VuO1xuICAgIGZvbnRTdHlsZTogVG9rZW47XG59XG5cbmNvbnN0IGZvbnRGYW1pbHlSYXdTdHlsZSA9IHtcbiAgICBmb250RmFtaWx5OiByb290LnRleHQuYmFzZS50eXBlZmFjZSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0VmFyaWFudFN0eWxlID0gKHZhcmlhbnRSYXdTdHlsZXM6IFZhcmlhbnRSYXdTdHlsZXMpOiBUZXh0VmFyaWFudFN0eWxlID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSB1c2VTdHlsZVNoZWV0KHtcbiAgICAgICAgZm9udEZhbWlseTogZm9udEZhbWlseVJhd1N0eWxlLFxuICAgICAgICB2YXJpYW50OiB2YXJpYW50UmF3U3R5bGVzLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oXG4gICAgICAgICgpID0+ICh7XG4gICAgICAgICAgICBmb250RmFtaWx5OiBnZXRGb250RmFtaWx5KFxuICAgICAgICAgICAgICAgIHN0eWxlcy5mb250RmFtaWx5LmZvbnRGYW1pbHksXG4gICAgICAgICAgICAgICAgU3RyaW5nKHN0eWxlcy52YXJpYW50LmZvbnRXZWlnaHQpIGFzIFRleHRXZWlnaHQsXG4gICAgICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQuZm9udFN0eWxlLFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIGZvbnRTaXplOiBzdHlsZXMudmFyaWFudC5mb250U2l6ZSxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IHN0eWxlcy52YXJpYW50LmxldHRlclNwYWNpbmcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiBzdHlsZXMudmFyaWFudC5saW5lSGVpZ2h0LFxuICAgICAgICB9KSxcbiAgICAgICAgW1xuICAgICAgICAgICAgc3R5bGVzLmZvbnRGYW1pbHkuZm9udEZhbWlseSxcbiAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmZvbnRTaXplLFxuICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQuZm9udFN0eWxlLFxuICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQuZm9udFdlaWdodCxcbiAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmxldHRlclNwYWNpbmcsXG4gICAgICAgICAgICBzdHlsZXMudmFyaWFudC5saW5lSGVpZ2h0LFxuICAgICAgICBdLFxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBZ0JBLE1BQU0sa0JBQWtCLEdBQUc7SUFDdkIsVUFBVSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVE7Q0FDdEMsQ0FBQztNQUVXLG1CQUFtQixHQUFHLENBQUMsZ0JBQWtDO0lBQ2xFLE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQztRQUN6QixVQUFVLEVBQUUsa0JBQWtCO1FBQzlCLE9BQU8sRUFBRSxnQkFBZ0I7S0FDNUIsQ0FBQyxDQUFDO0lBRUgsT0FBTyxPQUFPLENBQ1YsT0FBTztRQUNILFVBQVUsRUFBRSxhQUFhLENBQ3JCLE1BQU0sQ0FBQyxVQUFVLENBQUMsVUFBVSxFQUM1QixNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQWUsRUFDL0MsTUFBTSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQzNCO1FBQ0QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBUTtRQUNqQyxhQUFhLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxhQUFhO1FBQzNDLFVBQVUsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVU7S0FDeEMsQ0FBQyxFQUNGO1FBQ0ksTUFBTSxDQUFDLFVBQVUsQ0FBQyxVQUFVO1FBQzVCLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBUTtRQUN2QixNQUFNLENBQUMsT0FBTyxDQUFDLFNBQVM7UUFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1FBQ3pCLE1BQU0sQ0FBQyxPQUFPLENBQUMsYUFBYTtRQUM1QixNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVU7S0FDNUIsQ0FDSixDQUFDO0FBQ047Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFZhcmlhbnRTdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL3Byb3BzL3R5cG9ncmFwaHkvaG9va3MvcHJpdmF0ZS91c2VUZXh0VmFyaWFudFN0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRleHRXZWlnaHQsIHJvb3QgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuaW1wb3J0IHsgdXNlU3R5bGVTaGVldCB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUZXh0VmFyaWFudFN0eWxlIH0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IHsgZ2V0Rm9udEZhbWlseSB9IGZyb20gJy4uLy4uL3V0aWxzL2ZvbnRGYW1pbHknO1xuXG5pbnRlcmZhY2UgVmFyaWFudFJhd1N0eWxlcyB7XG4gICAgZm9udFNpemU6IFRva2VuO1xuICAgIGZvbnRXZWlnaHQ6IFRva2VuO1xuICAgIGxpbmVIZWlnaHQ6IFRva2VuO1xuICAgIGxldHRlclNwYWNpbmc6IFRva2VuO1xuICAgIGZvbnRTdHlsZTogVG9rZW47XG59XG5cbmNvbnN0IGZvbnRGYW1pbHlSYXdTdHlsZSA9IHtcbiAgICBmb250RmFtaWx5OiByb290LnRleHQuYmFzZS50eXBlZmFjZSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0VmFyaWFudFN0eWxlID0gKHZhcmlhbnRSYXdTdHlsZXM6IFZhcmlhbnRSYXdTdHlsZXMpOiBUZXh0VmFyaWFudFN0eWxlID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSB1c2VTdHlsZVNoZWV0KFxuICAgICAgICB1c2VNZW1vKFxuICAgICAgICAgICAgKCkgPT4gKHtcbiAgICAgICAgICAgICAgICBmb250RmFtaWx5OiBmb250RmFtaWx5UmF3U3R5bGUsXG4gICAgICAgICAgICAgICAgdmFyaWFudDogdmFyaWFudFJhd1N0eWxlcyxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgW3ZhcmlhbnRSYXdTdHlsZXNdLFxuICAgICAgICApLFxuICAgICk7XG5cbiAgICByZXR1cm4gdXNlTWVtbyhcbiAgICAgICAgKCkgPT4gKHtcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6IGdldEZvbnRGYW1pbHkoXG4gICAgICAgICAgICAgICAgc3R5bGVzLmZvbnRGYW1pbHkuZm9udEZhbWlseSxcbiAgICAgICAgICAgICAgICBTdHJpbmcoc3R5bGVzLnZhcmlhbnQuZm9udFdlaWdodCkgYXMgVGV4dFdlaWdodCxcbiAgICAgICAgICAgICAgICBzdHlsZXMudmFyaWFudC5mb250U3R5bGUsXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgZm9udFNpemU6IHN0eWxlcy52YXJpYW50LmZvbnRTaXplLFxuICAgICAgICAgICAgbGV0dGVyU3BhY2luZzogc3R5bGVzLnZhcmlhbnQubGV0dGVyU3BhY2luZyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6IHN0eWxlcy52YXJpYW50LmxpbmVIZWlnaHQsXG4gICAgICAgIH0pLFxuICAgICAgICBbXG4gICAgICAgICAgICBzdHlsZXMuZm9udEZhbWlseS5mb250RmFtaWx5LFxuICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQuZm9udFNpemUsXG4gICAgICAgICAgICBzdHlsZXMudmFyaWFudC5mb250U3R5bGUsXG4gICAgICAgICAgICBzdHlsZXMudmFyaWFudC5mb250V2VpZ2h0LFxuICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQubGV0dGVyU3BhY2luZyxcbiAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmxpbmVIZWlnaHQsXG4gICAgICAgIF0sXG4gICAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFnQkEsTUFBTSxrQkFBa0IsR0FBRztJQUN2QixVQUFVLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUTtDQUN0QyxDQUFDO01BRVcsbUJBQW1CLEdBQUcsQ0FBQyxnQkFBa0M7SUFDbEUsTUFBTSxNQUFNLEdBQUcsYUFBYSxDQUN4QixPQUFPLENBQ0gsT0FBTztRQUNILFVBQVUsRUFBRSxrQkFBa0I7UUFDOUIsT0FBTyxFQUFFLGdCQUFnQjtLQUM1QixDQUFDLEVBQ0YsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUNyQixDQUNKLENBQUM7SUFFRixPQUFPLE9BQU8sQ0FDVixPQUFPO1FBQ0gsVUFBVSxFQUFFLGFBQWEsQ0FDckIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEVBQzVCLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBZSxFQUMvQyxNQUFNLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FDM0I7UUFDRCxRQUFRLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFRO1FBQ2pDLGFBQWEsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLGFBQWE7UUFDM0MsVUFBVSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsVUFBVTtLQUN4QyxDQUFDLEVBQ0Y7UUFDSSxNQUFNLENBQUMsVUFBVSxDQUFDLFVBQVU7UUFDNUIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFRO1FBQ3ZCLE1BQU0sQ0FBQyxPQUFPLENBQUMsU0FBUztRQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVU7UUFDekIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxhQUFhO1FBQzVCLE1BQU0sQ0FBQyxPQUFPLENBQUMsVUFBVTtLQUM1QixDQUNKLENBQUM7QUFDTjs7OzsifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-rn-lib",
-    "version": "0.59.0",
+    "version": "0.61.0",
     "publishConfig": {
         "access": "public"
     },
@@ -18,15 +18,15 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.59.0",
-        "@preply/ds-rn-core": "0.59.0",
-        "@preply/ds-rn-root": "0.59.0"
+        "@preply/ds-core": "0.61.0",
+        "@preply/ds-rn-core": "0.61.0",
+        "@preply/ds-rn-root": "0.61.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.59.0",
+        "@preply/ds-core": "0.61.0",
         "@preply/ds-core-types": "0.43.2",
-        "@preply/ds-rn-core": "0.59.0",
-        "@preply/ds-rn-root": "0.59.0",
+        "@preply/ds-rn-core": "0.61.0",
+        "@preply/ds-rn-root": "0.61.0",
         "react": "^16.8.3",
         "react-native": "^0.72.1"
     },
@@ -38,5 +38,5 @@
         "react-native": "^0.72.1",
         "react-test-renderer": "16.8.3"
     },
-    "gitHead": "c077d2cb3dfd73027a60ce96700c9686b4239fce"
+    "gitHead": "f5170617651877026c957063f7b2a17e8531d11c"
 }