@preply/ds-rn-lib 0.43.1 → 0.44.0

package/dist/components/LayoutFlex/LayoutFlex.d.ts

@@ -1,17 +1,9 @@
 import { LayoutGap } from '@preply/ds-core';
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { LayoutFlexStyle } from '../../props/layout/useLayoutFlexStyle';
-declare type ViewStyleProp = StyleProp<ViewStyle>;
+import { FC } from 'react';
+import { LayoutFlexStyle } from '../../props/layout/hooks/useLayoutFlexStyle';
 interface LayoutFlexProps extends LayoutFlexStyle {
     gap?: LayoutGap;
     hide?: boolean;
-    component?: React.ReactElement<{
-        style?: ViewStyleProp;
-        children?: React.ReactNode;
-    }> | React.ComponentType<{
-        style?: ViewStyleProp;
-    }>;
 }
-export declare const LayoutFlex: React.FC<LayoutFlexProps>;
+export declare const LayoutFlex: FC<LayoutFlexProps>;
 export {};

package/dist/components/LayoutFlex/LayoutFlex.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { memo, Children } from 'react';
 import { View } from 'react-native';
-import { useLayoutFlexStyle } from '../../props/layout/useLayoutFlexStyle.js';
+import { useLayoutFlexStyle } from '../../props/layout/hooks/useLayoutFlexStyle.js';
 import { ChildrenWithGap } from './private/ChildrenWithGap.js';
 
-const LayoutFlex = React.memo(({ gap, padding, nowrap, direction, justifyContent, alignItems, hide, children, component, }) => {
+const LayoutFlexBase = ({ gap, padding, nowrap, direction, justifyContent, alignItems, hide, children, }) => {
     const style = useLayoutFlexStyle({
         padding,
         direction,
@@ -14,17 +14,11 @@ const LayoutFlex = React.memo(({ gap, padding, nowrap, direction, justifyContent
     if (hide) {
         return null;
     }
-    const content = !gap || React.Children.count(children) === 1 ? (children) : (React.createElement(ChildrenWithGap, { gap: gap, direction: direction }, children));
-    if (component && React.isValidElement(component)) {
-        return React.cloneElement(component, {
-            ...component.props,
-            style: [component.props.style, style],
-            children: content,
-        });
-    }
-    const Component = component !== null && component !== void 0 ? component : View;
-    return React.createElement(Component, { style: style }, content);
-});
+    const content = !gap || Children.count(children) === 1 ? (children) : (React.createElement(ChildrenWithGap, { gap: gap, direction: direction }, children));
+    return React.createElement(View, { style: style }, content);
+};
+const LayoutFlex = memo(LayoutFlexBase);
+LayoutFlex.displayName = 'LayoutFlex';
 
 export { LayoutFlex };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRHYXAgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFN0eWxlUHJvcCwgVmlldywgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgTGF5b3V0RmxleFN0eWxlLCB1c2VMYXlvdXRGbGV4U3R5bGUgfSBmcm9tICcuLi8uLi9wcm9wcy9sYXlvdXQvdXNlTGF5b3V0RmxleFN0eWxlJztcblxuaW1wb3J0IHsgQ2hpbGRyZW5XaXRoR2FwIH0gZnJvbSAnLi9wcml2YXRlL0NoaWxkcmVuV2l0aEdhcCc7XG5cbnR5cGUgVmlld1N0eWxlUHJvcCA9IFN0eWxlUHJvcDxWaWV3U3R5bGU+O1xuXG5pbnRlcmZhY2UgTGF5b3V0RmxleFByb3BzIGV4dGVuZHMgTGF5b3V0RmxleFN0eWxlIHtcbiAgICBnYXA/OiBMYXlvdXRHYXA7XG4gICAgaGlkZT86IGJvb2xlYW47XG4gICAgY29tcG9uZW50PzpcbiAgICAgICAgfCBSZWFjdC5SZWFjdEVsZW1lbnQ8eyBzdHlsZT86IFZpZXdTdHlsZVByb3A7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+XG4gICAgICAgIHwgUmVhY3QuQ29tcG9uZW50VHlwZTx7IHN0eWxlPzogVmlld1N0eWxlUHJvcCB9Pjtcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZsZXg6IFJlYWN0LkZDPExheW91dEZsZXhQcm9wcz4gPSBSZWFjdC5tZW1vKFxuICAgICh7XG4gICAgICAgIGdhcCxcbiAgICAgICAgcGFkZGluZyxcbiAgICAgICAgbm93cmFwLFxuICAgICAgICBkaXJlY3Rpb24sXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBoaWRlLFxuICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgY29tcG9uZW50LFxuICAgIH0pID0+IHtcbiAgICAgICAgY29uc3Qgc3R5bGUgPSB1c2VMYXlvdXRGbGV4U3R5bGUoe1xuICAgICAgICAgICAgcGFkZGluZyxcbiAgICAgICAgICAgIGRpcmVjdGlvbixcbiAgICAgICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgICAgIG5vd3JhcCxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgaWYgKGhpZGUpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgY29udGVudCA9XG4gICAgICAgICAgICAhZ2FwIHx8IFJlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSA9PT0gMSA/IChcbiAgICAgICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8Q2hpbGRyZW5XaXRoR2FwIGdhcD17Z2FwfSBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L0NoaWxkcmVuV2l0aEdhcD5cbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgaWYgKGNvbXBvbmVudCAmJiBSZWFjdC5pc1ZhbGlkRWxlbWVudChjb21wb25lbnQpKSB7XG4gICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNvbXBvbmVudCwge1xuICAgICAgICAgICAgICAgIC4uLmNvbXBvbmVudC5wcm9wcyxcbiAgICAgICAgICAgICAgICBzdHlsZTogW2NvbXBvbmVudC5wcm9wcy5zdHlsZSwgc3R5bGVdLFxuICAgICAgICAgICAgICAgIGNoaWxkcmVuOiBjb250ZW50LFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBDb21wb25lbnQgPSBjb21wb25lbnQgPz8gVmlldztcbiAgICAgICAgcmV0dXJuIDxDb21wb25lbnQgc3R5bGU9e3N0eWxlfT57Y29udGVudH08L0NvbXBvbmVudD47XG4gICAgfSxcbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7TUFrQmEsVUFBVSxHQUE4QixLQUFLLENBQUMsSUFBSSxDQUMzRCxDQUFDLEVBQ0csR0FBRyxFQUNILE9BQU8sRUFDUCxNQUFNLEVBQ04sU0FBUyxFQUNULGNBQWMsRUFDZCxVQUFVLEVBQ1YsSUFBSSxFQUNKLFFBQVEsRUFDUixTQUFTLEdBQ1o7SUFDRyxNQUFNLEtBQUssR0FBRyxrQkFBa0IsQ0FBQztRQUM3QixPQUFPO1FBQ1AsU0FBUztRQUNULFVBQVU7UUFDVixjQUFjO1FBQ2QsTUFBTTtLQUNULENBQUMsQ0FBQztJQUVILElBQUksSUFBSSxFQUFFO1FBQ04sT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE1BQU0sT0FBTyxHQUNULENBQUMsR0FBRyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFDeEMsUUFBUSxLQUVSLG9CQUFDLGVBQWUsSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLElBQzFDLFFBQVEsQ0FDSyxDQUNyQixDQUFDO0lBRU4sSUFBSSxTQUFTLElBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsRUFBRTtRQUM5QyxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsU0FBUyxFQUFFO1lBQ2pDLEdBQUcsU0FBUyxDQUFDLEtBQUs7WUFDbEIsS0FBSyxFQUFFLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDO1lBQ3JDLFFBQVEsRUFBRSxPQUFPO1NBQ3BCLENBQUMsQ0FBQztLQUNOO0lBRUQsTUFBTSxTQUFTLEdBQUcsU0FBUyxhQUFULFNBQVMsY0FBVCxTQUFTLEdBQUksSUFBSSxDQUFDO0lBQ3BDLE9BQU8sb0JBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLElBQUcsT0FBTyxDQUFhLENBQUM7QUFDMUQsQ0FBQzs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRHYXAgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IENoaWxkcmVuLCBGQywgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFZpZXcgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyBMYXlvdXRGbGV4U3R5bGUsIHVzZUxheW91dEZsZXhTdHlsZSB9IGZyb20gJy4uLy4uL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4U3R5bGUnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbldpdGhHYXAgfSBmcm9tICcuL3ByaXZhdGUvQ2hpbGRyZW5XaXRoR2FwJztcblxuaW50ZXJmYWNlIExheW91dEZsZXhQcm9wcyBleHRlbmRzIExheW91dEZsZXhTdHlsZSB7XG4gICAgZ2FwPzogTGF5b3V0R2FwO1xuICAgIGhpZGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBMYXlvdXRGbGV4QmFzZTogRkM8TGF5b3V0RmxleFByb3BzPiA9ICh7XG4gICAgZ2FwLFxuICAgIHBhZGRpbmcsXG4gICAgbm93cmFwLFxuICAgIGRpcmVjdGlvbixcbiAgICBqdXN0aWZ5Q29udGVudCxcbiAgICBhbGlnbkl0ZW1zLFxuICAgIGhpZGUsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgY29uc3Qgc3R5bGUgPSB1c2VMYXlvdXRGbGV4U3R5bGUoe1xuICAgICAgICBwYWRkaW5nLFxuICAgICAgICBkaXJlY3Rpb24sXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBub3dyYXAsXG4gICAgfSk7XG5cbiAgICBpZiAoaGlkZSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICBjb25zdCBjb250ZW50ID1cbiAgICAgICAgIWdhcCB8fCBDaGlsZHJlbi5jb3VudChjaGlsZHJlbikgPT09IDEgPyAoXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApIDogKFxuICAgICAgICAgICAgPENoaWxkcmVuV2l0aEdhcCBnYXA9e2dhcH0gZGlyZWN0aW9uPXtkaXJlY3Rpb259PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQ2hpbGRyZW5XaXRoR2FwPlxuICAgICAgICApO1xuXG4gICAgcmV0dXJuIDxWaWV3IHN0eWxlPXtzdHlsZX0+e2NvbnRlbnR9PC9WaWV3Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4OiBGQzxMYXlvdXRGbGV4UHJvcHM+ID0gbWVtbyhMYXlvdXRGbGV4QmFzZSk7XG5cbkxheW91dEZsZXguZGlzcGxheU5hbWUgPSAnTGF5b3V0RmxleCc7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFhQSxNQUFNLGNBQWMsR0FBd0IsQ0FBQyxFQUN6QyxHQUFHLEVBQ0gsT0FBTyxFQUNQLE1BQU0sRUFDTixTQUFTLEVBQ1QsY0FBYyxFQUNkLFVBQVUsRUFDVixJQUFJLEVBQ0osUUFBUSxHQUNYO0lBQ0csTUFBTSxLQUFLLEdBQUcsa0JBQWtCLENBQUM7UUFDN0IsT0FBTztRQUNQLFNBQVM7UUFDVCxVQUFVO1FBQ1YsY0FBYztRQUNkLE1BQU07S0FDVCxDQUFDLENBQUM7SUFFSCxJQUFJLElBQUksRUFBRTtRQUNOLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxNQUFNLE9BQU8sR0FDVCxDQUFDLEdBQUcsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFDbEMsUUFBUSxLQUVSLG9CQUFDLGVBQWUsSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLElBQzFDLFFBQVEsQ0FDSyxDQUNyQixDQUFDO0lBRU4sT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEtBQUssSUFBRyxPQUFPLENBQVEsQ0FBQztBQUNoRCxDQUFDLENBQUM7TUFFVyxVQUFVLEdBQXdCLElBQUksQ0FBQyxjQUFjLEVBQUU7QUFFcEUsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZOzs7OyJ9

package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { LayoutFlexItemStyle } from '../../props/layout/hooks/useLayoutFlexItemStyle';
+interface LayoutFlexItemProps extends LayoutFlexItemStyle {
+    hide?: boolean;
+}
+export declare const LayoutFlexItem: FC<LayoutFlexItemProps>;
+export {};

package/dist/components/LayoutFlexItem/LayoutFlexItem.js

@@ -0,0 +1,16 @@
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { useLayoutFlexItemStyle } from '../../props/layout/hooks/useLayoutFlexItemStyle.js';
+
+const LayoutFlexItemBase = ({ children, alignSelf, stretch, hide }) => {
+    const style = useLayoutFlexItemStyle({ alignSelf, stretch });
+    if (hide) {
+        return null;
+    }
+    return React.createElement(View, { style: style }, children);
+};
+const LayoutFlexItem = memo(LayoutFlexItemBase);
+LayoutFlexItem.displayName = 'LayoutFlexItem';
+
+export { LayoutFlexItem };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHtcbiAgICBMYXlvdXRGbGV4SXRlbVN0eWxlLFxuICAgIHVzZUxheW91dEZsZXhJdGVtU3R5bGUsXG59IGZyb20gJy4uLy4uL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4SXRlbVN0eWxlJztcblxuaW50ZXJmYWNlIExheW91dEZsZXhJdGVtUHJvcHMgZXh0ZW5kcyBMYXlvdXRGbGV4SXRlbVN0eWxlIHtcbiAgICBoaWRlPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTGF5b3V0RmxleEl0ZW1CYXNlOiBGQzxMYXlvdXRGbGV4SXRlbVByb3BzPiA9ICh7IGNoaWxkcmVuLCBhbGlnblNlbGYsIHN0cmV0Y2gsIGhpZGUgfSkgPT4ge1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTGF5b3V0RmxleEl0ZW1TdHlsZSh7IGFsaWduU2VsZiwgc3RyZXRjaCB9KTtcblxuICAgIGlmIChoaWRlKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiA8VmlldyBzdHlsZT17c3R5bGV9PntjaGlsZHJlbn08L1ZpZXc+O1xufTtcblxuZXhwb3J0IGNvbnN0IExheW91dEZsZXhJdGVtOiBGQzxMYXlvdXRGbGV4SXRlbVByb3BzPiA9IG1lbW8oTGF5b3V0RmxleEl0ZW1CYXNlKTtcblxuTGF5b3V0RmxleEl0ZW0uZGlzcGxheU5hbWUgPSAnTGF5b3V0RmxleEl0ZW0nO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFZQSxNQUFNLGtCQUFrQixHQUE0QixDQUFDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFO0lBQ3ZGLE1BQU0sS0FBSyxHQUFHLHNCQUFzQixDQUFDLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFFN0QsSUFBSSxJQUFJLEVBQUU7UUFDTixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEtBQUssSUFBRyxRQUFRLENBQVEsQ0FBQztBQUNqRCxDQUFDLENBQUM7TUFFVyxjQUFjLEdBQTRCLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtBQUVoRixjQUFjLENBQUMsV0FBVyxHQUFHLGdCQUFnQjs7OzsifQ==

package/dist/components/Text/Text.d.ts

@@ -1,3 +1,11 @@
+import { ColorName, TextAccent, TextVariant } from '@preply/ds-core';
 import { FC } from 'react';
-import { TextProps } from 'react-native';
+import { TextProps as RNTextProps } from 'react-native';
+interface TextProps extends Pick<RNTextProps, 'adjustsFontSizeToFit' | 'lineBreakMode' | 'numberOfLines' | 'testID'> {
+    variant?: TextVariant;
+    accent?: TextAccent;
+    color?: ColorName;
+    centered?: boolean;
+}
 export declare const Text: FC<TextProps>;
+export {};

package/dist/components/Text/Text.js

@@ -1,9 +1,15 @@
-import React from 'react';
+import { TEXT_VARIANT_RN_DEFAULT } from '@preply/ds-rn-core';
+import React, { memo } from 'react';
 import { Text as Text$1 } from 'react-native';
+import { TextVariantProvider } from '../../providers/TextVariantProvider.js';
+import { useTextStyle } from '../../props/typography/hooks/useTextStyle.js';
 
-const Text = props => {
-    return React.createElement(Text$1, Object.assign({}, props));
-};
+const TextBase = ({ variant, accent, color, centered, children, ...rest }) => {
+    const computedStyles = useTextStyle({ variant, accent, color, centered });
+    return (React.createElement(TextVariantProvider, { value: variant !== null && variant !== void 0 ? variant : TEXT_VARIANT_RN_DEFAULT },
+        React.createElement(Text$1, Object.assign({ style: computedStyles }, rest), children)));
+};
+const Text = memo(TextBase);
 
 export { Text };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IGFzIFJOVGV4dCwgVGV4dFByb3BzIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFRleHRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gICAgcmV0dXJuIDxSTlRleHQgey4uLnByb3BzfSAvPjtcbn07XG4iXSwibmFtZXMiOlsiUk5UZXh0Il0sIm1hcHBpbmdzIjoiOzs7TUFHYSxJQUFJLEdBQWtCLEtBQUs7SUFDcEMsT0FBTyxvQkFBQ0EsTUFBTSxvQkFBSyxLQUFLLEVBQUksQ0FBQztBQUNqQzs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck5hbWUsIFRleHRBY2NlbnQsIFRleHRWYXJpYW50IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFRFWFRfVkFSSUFOVF9STl9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRleHQgYXMgUk5UZXh0LCBUZXh0UHJvcHMgYXMgUk5UZXh0UHJvcHMgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyB1c2VUZXh0U3R5bGUgfSBmcm9tICcuLi8uLi9wcm9wcyc7XG5pbXBvcnQgeyBUZXh0VmFyaWFudFByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RleHRWYXJpYW50UHJvdmlkZXInO1xuXG5pbnRlcmZhY2UgVGV4dFByb3BzXG4gICAgZXh0ZW5kcyBQaWNrPFxuICAgICAgICBSTlRleHRQcm9wcyxcbiAgICAgICAgJ2FkanVzdHNGb250U2l6ZVRvRml0JyB8ICdsaW5lQnJlYWtNb2RlJyB8ICdudW1iZXJPZkxpbmVzJyB8ICd0ZXN0SUQnXG4gICAgPiB7XG4gICAgdmFyaWFudD86IFRleHRWYXJpYW50O1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgY2VudGVyZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBUZXh0QmFzZTogRkM8VGV4dFByb3BzPiA9ICh7IHZhcmlhbnQsIGFjY2VudCwgY29sb3IsIGNlbnRlcmVkLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZWRTdHlsZXMgPSB1c2VUZXh0U3R5bGUoeyB2YXJpYW50LCBhY2NlbnQsIGNvbG9yLCBjZW50ZXJlZCB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0VmFyaWFudFByb3ZpZGVyIHZhbHVlPXt2YXJpYW50ID8/IFRFWFRfVkFSSUFOVF9STl9ERUZBVUxUfT5cbiAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e2NvbXB1dGVkU3R5bGVzfSB7Li4ucmVzdH0+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9STlRleHQ+XG4gICAgICAgIDwvVGV4dFZhcmlhbnRQcm92aWRlcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFRleHRQcm9wcz4gPSBtZW1vKFRleHRCYXNlKTtcbiJdLCJuYW1lcyI6WyJSTlRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQW1CQSxNQUFNLFFBQVEsR0FBa0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsR0FBRyxJQUFJLEVBQUU7SUFDcEYsTUFBTSxjQUFjLEdBQUcsWUFBWSxDQUFDLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUUxRSxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBRSxPQUFPLGFBQVAsT0FBTyxjQUFQLE9BQU8sR0FBSSx1QkFBdUI7UUFDMUQsb0JBQUNBLE1BQU0sa0JBQUMsS0FBSyxFQUFFLGNBQWMsSUFBTSxJQUFJLEdBQ2xDLFFBQVEsQ0FDSixDQUNTLEVBQ3hCO0FBQ04sQ0FBQyxDQUFDO01BRVcsSUFBSSxHQUFrQixJQUFJLENBQUMsUUFBUTs7OzsifQ==

package/dist/components/index.d.ts

@@ -1,2 +1,3 @@
 export { Text } from './Text/Text';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex';
+export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem';

package/dist/components/index.js

@@ -1,3 +1,4 @@
 export { Text } from './Text/Text.js';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
+export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==

package/dist/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './props';

package/dist/index.js

@@ -1,3 +1,5 @@
 export { Text } from './components/Text/Text.js';
 export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
+export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
+export { useTextStyle } from './props/typography/hooks/useTextStyle.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7In0=

package/dist/props/index.d.ts

@@ -0,0 +1 @@
+export { useTextStyle } from './typography';

package/dist/props/index.js

@@ -0,0 +1,2 @@
+export { useTextStyle } from './typography/hooks/useTextStyle.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/props/layout/hooks/useLayoutFlexItemStyle.d.ts

@@ -0,0 +1,7 @@
+import { LayoutAlignSelf } from '@preply/ds-core';
+import { ViewStyle } from 'react-native';
+export interface LayoutFlexItemStyle {
+    stretch?: boolean;
+    alignSelf?: LayoutAlignSelf;
+}
+export declare function useLayoutFlexItemStyle({ alignSelf, stretch, }: LayoutFlexItemStyle): Pick<ViewStyle, 'alignSelf' | 'flex'>;

package/dist/props/layout/hooks/useLayoutFlexItemStyle.js

@@ -0,0 +1,14 @@
+import { useMemo } from 'react';
+import { alignSelfMap } from '../private/constants.js';
+
+function useLayoutFlexItemStyle({ alignSelf, stretch, }) {
+    return useMemo(() => {
+        return {
+            ...(alignSelf ? { alignSelf: alignSelfMap[alignSelf] } : {}),
+            ...(stretch ? { flex: 1 } : {}),
+        };
+    }, [alignSelf, stretch]);
+}
+
+export { useLayoutFlexItemStyle };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleEl0ZW1TdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4SXRlbVN0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dEFsaWduU2VsZiB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25TZWxmTWFwIH0gZnJvbSAnLi4vcHJpdmF0ZS9jb25zdGFudHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dEZsZXhJdGVtU3R5bGUge1xuICAgIHN0cmV0Y2g/OiBib29sZWFuO1xuICAgIGFsaWduU2VsZj86IExheW91dEFsaWduU2VsZjtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUxheW91dEZsZXhJdGVtU3R5bGUoe1xuICAgIGFsaWduU2VsZixcbiAgICBzdHJldGNoLFxufTogTGF5b3V0RmxleEl0ZW1TdHlsZSk6IFBpY2s8Vmlld1N0eWxlLCAnYWxpZ25TZWxmJyB8ICdmbGV4Jz4ge1xuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLihhbGlnblNlbGYgPyB7IGFsaWduU2VsZjogYWxpZ25TZWxmTWFwW2FsaWduU2VsZl0gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihzdHJldGNoID8geyBmbGV4OiAxIH0gOiB7fSksXG4gICAgICAgIH07XG4gICAgfSwgW2FsaWduU2VsZiwgc3RyZXRjaF0pO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztTQVdnQixzQkFBc0IsQ0FBQyxFQUNuQyxTQUFTLEVBQ1QsT0FBTyxHQUNXO0lBQ2xCLE9BQU8sT0FBTyxDQUFDO1FBQ1gsT0FBTztZQUNILElBQUksU0FBUyxHQUFHLEVBQUUsU0FBUyxFQUFFLFlBQVksQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUM1RCxJQUFJLE9BQU8sR0FBRyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7U0FDbEMsQ0FBQztLQUNMLEVBQUUsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztBQUM3Qjs7OzsifQ==

package/dist/props/layout/hooks/useLayoutFlexStyle.js

@@ -0,0 +1,20 @@
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { alignItemsMap, justifyContentMap } from '../private/constants.js';
+import { usePaddingStyle } from './usePaddingStyle.js';
+
+function useLayoutFlexStyle({ padding, direction, nowrap, alignItems, justifyContent, }) {
+    const paddingStyle = usePaddingStyle(padding);
+    const flexStyle = useMemo(() => {
+        return {
+            ...(direction ? { flexDirection: direction } : {}),
+            ...(nowrap ? { flexWrap: 'nowrap' } : {}),
+            ...(alignItems ? { alignItems: alignItemsMap[alignItems] } : {}),
+            ...(justifyContent ? { justifyContent: justifyContentMap[justifyContent] } : {}),
+        };
+    }, [alignItems, direction, justifyContent, nowrap]);
+    return useMemo(() => StyleSheet.flatten([paddingStyle, flexStyle]), [paddingStyle, flexStyle]);
+}
+
+export { useLayoutFlexStyle };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dEFsaWduSXRlbXMsXG4gICAgTGF5b3V0RmxleERpcmVjdGlvbixcbiAgICBMYXlvdXRKdXN0aWZ5Q29udGVudCxcbiAgICBMYXlvdXRQYWRkaW5nLFxuICAgIFNob3J0SGFuZCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGbGV4U3R5bGUsIFN0eWxlUHJvcCwgU3R5bGVTaGVldCwgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25JdGVtc01hcCwganVzdGlmeUNvbnRlbnRNYXAgfSBmcm9tICcuLi9wcml2YXRlL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7IHVzZVBhZGRpbmdTdHlsZSB9IGZyb20gJy4vdXNlUGFkZGluZ1N0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4U3R5bGUge1xuICAgIHBhZGRpbmc/OiBTaG9ydEhhbmQ8TGF5b3V0UGFkZGluZz47XG4gICAgbm93cmFwPzogYm9vbGVhbjtcbiAgICBkaXJlY3Rpb24/OiBMYXlvdXRGbGV4RGlyZWN0aW9uO1xuICAgIGp1c3RpZnlDb250ZW50PzogTGF5b3V0SnVzdGlmeUNvbnRlbnQ7XG4gICAgYWxpZ25JdGVtcz86IExheW91dEFsaWduSXRlbXM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VMYXlvdXRGbGV4U3R5bGUoe1xuICAgIHBhZGRpbmcsXG4gICAgZGlyZWN0aW9uLFxuICAgIG5vd3JhcCxcbiAgICBhbGlnbkl0ZW1zLFxuICAgIGp1c3RpZnlDb250ZW50LFxufTogTGF5b3V0RmxleFN0eWxlKTogU3R5bGVQcm9wPFZpZXdTdHlsZT4ge1xuICAgIGNvbnN0IHBhZGRpbmdTdHlsZSA9IHVzZVBhZGRpbmdTdHlsZShwYWRkaW5nKTtcblxuICAgIGNvbnN0IGZsZXhTdHlsZTogRmxleFN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi4oZGlyZWN0aW9uID8geyBmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihub3dyYXAgPyB7IGZsZXhXcmFwOiAnbm93cmFwJyB9IDoge30pLFxuICAgICAgICAgICAgLi4uKGFsaWduSXRlbXMgPyB7IGFsaWduSXRlbXM6IGFsaWduSXRlbXNNYXBbYWxpZ25JdGVtc10gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihqdXN0aWZ5Q29udGVudCA/IHsganVzdGlmeUNvbnRlbnQ6IGp1c3RpZnlDb250ZW50TWFwW2p1c3RpZnlDb250ZW50XSB9IDoge30pLFxuICAgICAgICB9O1xuICAgIH0sIFthbGlnbkl0ZW1zLCBkaXJlY3Rpb24sIGp1c3RpZnlDb250ZW50LCBub3dyYXBdKTtcblxuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IFN0eWxlU2hlZXQuZmxhdHRlbihbcGFkZGluZ1N0eWxlLCBmbGV4U3R5bGVdKSwgW3BhZGRpbmdTdHlsZSwgZmxleFN0eWxlXSk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7U0FzQmdCLGtCQUFrQixDQUFDLEVBQy9CLE9BQU8sRUFDUCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFVBQVUsRUFDVixjQUFjLEdBQ0E7SUFDZCxNQUFNLFlBQVksR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFOUMsTUFBTSxTQUFTLEdBQWMsT0FBTyxDQUFDO1FBQ2pDLE9BQU87WUFDSCxJQUFJLFNBQVMsR0FBRyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDbEQsSUFBSSxNQUFNLEdBQUcsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ3pDLElBQUksVUFBVSxHQUFHLEVBQUUsVUFBVSxFQUFFLGFBQWEsQ0FBQyxVQUFVLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUNoRSxJQUFJLGNBQWMsR0FBRyxFQUFFLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxjQUFjLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQztTQUNuRixDQUFDO0tBQ0wsRUFBRSxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFcEQsT0FBTyxPQUFPLENBQUMsTUFBTSxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztBQUNuRzs7OzsifQ==

package/dist/props/layout/hooks/usePaddingStyle.js

@@ -0,0 +1,24 @@
+import { normalizeShorthand, root } from '@preply/ds-core';
+import { createStyleSheet, useStyleSheet } from '@preply/ds-rn-core';
+import { useMemo } from 'react';
+
+function usePaddingStyle(padding) {
+    const rawStyles = useMemo(() => {
+        if (!padding) {
+            return createStyleSheet({ padding: {} });
+        }
+        const [top, right, bottom, left] = normalizeShorthand(padding);
+        return createStyleSheet({
+            padding: {
+                paddingTop: root.space[top],
+                paddingRight: root.space[right],
+                paddingBottom: root.space[bottom],
+                paddingLeft: root.space[left],
+            },
+        });
+    }, [padding === null || padding === void 0 ? void 0 : padding.toString()]);
+    return useStyleSheet(rawStyles).padding;
+}
+
+export { usePaddingStyle };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFkZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZVBhZGRpbmdTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRQYWRkaW5nLCBTaG9ydEhhbmQsIG5vcm1hbGl6ZVNob3J0aGFuZCwgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVTdHlsZVNoZWV0LCB1c2VTdHlsZVNoZWV0IH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VQYWRkaW5nU3R5bGUocGFkZGluZz86IFNob3J0SGFuZDxMYXlvdXRQYWRkaW5nPik6IHtcbiAgICBwYWRkaW5nVG9wPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHBhZGRpbmdCb3R0b20/OiBzdHJpbmcgfCBudW1iZXI7XG4gICAgcGFkZGluZ1JpZ2h0Pzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHBhZGRpbmdMZWZ0Pzogc3RyaW5nIHwgbnVtYmVyO1xufSB7XG4gICAgY29uc3QgcmF3U3R5bGVzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmICghcGFkZGluZykge1xuICAgICAgICAgICAgcmV0dXJuIGNyZWF0ZVN0eWxlU2hlZXQoeyBwYWRkaW5nOiB7fSB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IFt0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnRdID0gbm9ybWFsaXplU2hvcnRoYW5kKHBhZGRpbmcpO1xuXG4gICAgICAgIHJldHVybiBjcmVhdGVTdHlsZVNoZWV0KHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nVG9wOiByb290LnNwYWNlW3RvcF0sXG4gICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiByb290LnNwYWNlW3JpZ2h0XSxcbiAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiByb290LnNwYWNlW2JvdHRvbV0sXG4gICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IHJvb3Quc3BhY2VbbGVmdF0sXG4gICAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICB9LCBbcGFkZGluZz8udG9TdHJpbmcoKV0pO1xuXG4gICAgcmV0dXJuIHVzZVN0eWxlU2hlZXQocmF3U3R5bGVzKS5wYWRkaW5nO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7U0FJZ0IsZUFBZSxDQUFDLE9BQWtDO0lBTTlELE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1YsT0FBTyxnQkFBZ0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQzVDO1FBRUQsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRS9ELE9BQU8sZ0JBQWdCLENBQUM7WUFDcEIsT0FBTyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztnQkFDM0IsWUFBWSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO2dCQUMvQixhQUFhLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7Z0JBQ2pDLFdBQVcsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQzthQUNoQztTQUNKLENBQUMsQ0FBQztLQUNOLEVBQUUsQ0FBQyxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsUUFBUSxHQUFHLENBQUMsQ0FBQztJQUUxQixPQUFPLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLENBQUM7QUFDNUM7Ozs7In0=

package/dist/props/layout/private/constants.d.ts

@@ -0,0 +1,5 @@
+import { LayoutAlignItems, LayoutAlignSelf, LayoutJustifyContent } from '@preply/ds-core';
+import { ViewStyle } from 'react-native';
+export declare const alignItemsMap: Record<LayoutAlignItems, ViewStyle['alignItems']>;
+export declare const alignSelfMap: Record<LayoutAlignSelf, ViewStyle['alignSelf']>;
+export declare const justifyContentMap: Record<LayoutJustifyContent, ViewStyle['justifyContent']>;

package/dist/props/layout/private/constants.js

@@ -0,0 +1,24 @@
+const alignItemsMap = {
+    start: 'flex-start',
+    end: 'flex-end',
+    center: 'center',
+    stretch: 'stretch',
+    baseline: 'baseline',
+};
+const alignSelfMap = {
+    start: 'flex-start',
+    end: 'flex-end',
+    center: 'center',
+    stretch: 'stretch',
+};
+const justifyContentMap = {
+    start: 'flex-start',
+    end: 'flex-end',
+    center: 'center',
+    'space-between': 'space-between',
+    'space-around': 'space-around',
+    'space-evenly': 'space-evenly',
+};
+
+export { alignItemsMap, alignSelfMap, justifyContentMap };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L3ByaXZhdGUvY29uc3RhbnRzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dEFsaWduSXRlbXMsIExheW91dEFsaWduU2VsZiwgTGF5b3V0SnVzdGlmeUNvbnRlbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuZXhwb3J0IGNvbnN0IGFsaWduSXRlbXNNYXA6IFJlY29yZDxMYXlvdXRBbGlnbkl0ZW1zLCBWaWV3U3R5bGVbJ2FsaWduSXRlbXMnXT4gPSB7XG4gICAgc3RhcnQ6ICdmbGV4LXN0YXJ0JyxcbiAgICBlbmQ6ICdmbGV4LWVuZCcsXG4gICAgY2VudGVyOiAnY2VudGVyJyxcbiAgICBzdHJldGNoOiAnc3RyZXRjaCcsXG4gICAgYmFzZWxpbmU6ICdiYXNlbGluZScsXG59O1xuXG5leHBvcnQgY29uc3QgYWxpZ25TZWxmTWFwOiBSZWNvcmQ8TGF5b3V0QWxpZ25TZWxmLCBWaWV3U3R5bGVbJ2FsaWduU2VsZiddPiA9IHtcbiAgICBzdGFydDogJ2ZsZXgtc3RhcnQnLFxuICAgIGVuZDogJ2ZsZXgtZW5kJyxcbiAgICBjZW50ZXI6ICdjZW50ZXInLFxuICAgIHN0cmV0Y2g6ICdzdHJldGNoJyxcbn07XG5cbmV4cG9ydCBjb25zdCBqdXN0aWZ5Q29udGVudE1hcDogUmVjb3JkPExheW91dEp1c3RpZnlDb250ZW50LCBWaWV3U3R5bGVbJ2p1c3RpZnlDb250ZW50J10+ID0ge1xuICAgIHN0YXJ0OiAnZmxleC1zdGFydCcsXG4gICAgZW5kOiAnZmxleC1lbmQnLFxuICAgIGNlbnRlcjogJ2NlbnRlcicsXG4gICAgJ3NwYWNlLWJldHdlZW4nOiAnc3BhY2UtYmV0d2VlbicsXG4gICAgJ3NwYWNlLWFyb3VuZCc6ICdzcGFjZS1hcm91bmQnLFxuICAgICdzcGFjZS1ldmVubHknOiAnc3BhY2UtZXZlbmx5Jyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BR2EsYUFBYSxHQUFzRDtJQUM1RSxLQUFLLEVBQUUsWUFBWTtJQUNuQixHQUFHLEVBQUUsVUFBVTtJQUNmLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFFBQVEsRUFBRSxVQUFVO0VBQ3RCO01BRVcsWUFBWSxHQUFvRDtJQUN6RSxLQUFLLEVBQUUsWUFBWTtJQUNuQixHQUFHLEVBQUUsVUFBVTtJQUNmLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLE9BQU8sRUFBRSxTQUFTO0VBQ3BCO01BRVcsaUJBQWlCLEdBQThEO0lBQ3hGLEtBQUssRUFBRSxZQUFZO0lBQ25CLEdBQUcsRUFBRSxVQUFVO0lBQ2YsTUFBTSxFQUFFLFFBQVE7SUFDaEIsZUFBZSxFQUFFLGVBQWU7SUFDaEMsY0FBYyxFQUFFLGNBQWM7SUFDOUIsY0FBYyxFQUFFLGNBQWM7Ozs7OyJ9

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

@@ -0,0 +1,3 @@
+export declare const useTextColorStyle: (color?: "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) => {
+    color: string;
+};

package/dist/props/typography/hooks/useTextColorStyle.js

@@ -0,0 +1,26 @@
+import { content, root, scheme } from '@preply/ds-core';
+import { useToken } from '@preply/ds-rn-core';
+
+const useTextColorStyle = (color, accent) => {
+    var _a;
+    let token;
+    if (accent) {
+        token = content[accent].color;
+    }
+    else if (color) {
+        const [name, step] = color.split('-');
+        if (!step) {
+            token = root.palette[name];
+        }
+        else {
+            token = (_a = root.palette[name]) === null || _a === void 0 ? void 0 : _a[step];
+        }
+    }
+    if (!token) {
+        token = scheme.color;
+    }
+    return { color: String(useToken(token)) };
+};
+
+export { useTextColorStyle };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dENvbG9yU3R5bGUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wcm9wcy90eXBvZ3JhcGh5L2hvb2tzL3VzZVRleHRDb2xvclN0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTmFtZSwgVGV4dEFjY2VudCwgY29udGVudCwgcm9vdCwgc2NoZW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlLXR5cGVzJztcbmltcG9ydCB7IHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcblxuZXhwb3J0IGNvbnN0IHVzZVRleHRDb2xvclN0eWxlID0gKGNvbG9yPzogQ29sb3JOYW1lLCBhY2NlbnQ/OiBUZXh0QWNjZW50KTogeyBjb2xvcjogc3RyaW5nIH0gPT4ge1xuICAgIGxldCB0b2tlbjogVG9rZW4gfCB1bmRlZmluZWQ7XG5cbiAgICBpZiAoYWNjZW50KSB7XG4gICAgICAgIHRva2VuID0gY29udGVudFthY2NlbnRdLmNvbG9yO1xuICAgIH0gZWxzZSBpZiAoY29sb3IpIHtcbiAgICAgICAgY29uc3QgW25hbWUsIHN0ZXBdID0gY29sb3Iuc3BsaXQoJy0nKTtcbiAgICAgICAgaWYgKCFzdGVwKSB7XG4gICAgICAgICAgICB0b2tlbiA9IHJvb3QucGFsZXR0ZVtuYW1lXTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRva2VuID0gcm9vdC5wYWxldHRlW25hbWVdPy5bc3RlcF07XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBpZiAoIXRva2VuKSB7XG4gICAgICAgIHRva2VuID0gc2NoZW1lLmNvbG9yO1xuICAgIH1cblxuICAgIHJldHVybiB7IGNvbG9yOiBTdHJpbmcodXNlVG9rZW4odG9rZW4pKSB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFJYSxpQkFBaUIsR0FBRyxDQUFDLEtBQWlCLEVBQUUsTUFBbUI7O0lBQ3BFLElBQUksS0FBd0IsQ0FBQztJQUU3QixJQUFJLE1BQU0sRUFBRTtRQUNSLEtBQUssR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxDQUFDO0tBQ2pDO1NBQU0sSUFBSSxLQUFLLEVBQUU7UUFDZCxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDdEMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNQLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzlCO2FBQU07WUFDSCxLQUFLLFNBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMENBQUcsSUFBSSxDQUFDLENBQUM7U0FDdEM7S0FDSjtJQUVELElBQUksQ0FBQyxLQUFLLEVBQUU7UUFDUixLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztLQUN4QjtJQUVELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7QUFDOUM7Ozs7In0=

package/dist/props/typography/hooks/useTextStyle.d.ts

@@ -0,0 +1,10 @@
+import { ColorName, TextAccent, TextVariant } from '@preply/ds-core';
+import { TextStyle } from 'react-native';
+interface UseTextStyleParams {
+    variant?: TextVariant;
+    accent?: TextAccent;
+    color?: ColorName;
+    centered?: boolean;
+}
+export declare const useTextStyle: ({ variant, accent, color, centered, }?: UseTextStyleParams) => TextStyle;
+export {};

package/dist/props/typography/hooks/useTextStyle.js

@@ -0,0 +1,17 @@
+import { TEXT_VARIANT_RN_DEFAULT } from '@preply/ds-rn-core';
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { useTextColorStyle } from './useTextColorStyle.js';
+import { useTextVariantStyle } from './useTextVariantStyle.js';
+
+const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, centered, } = {}) => {
+    const variantStyle = useTextVariantStyle(variant);
+    const colorStyle = useTextColorStyle(color, accent);
+    return useMemo(() => {
+        const centeredStyle = { textAlign: centered ? 'center' : 'left' };
+        return StyleSheet.flatten([variantStyle, colorStyle, centeredStyle]);
+    }, [centered, colorStyle, variantStyle]);
+};
+
+export { useTextStyle };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VUZXh0U3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3JOYW1lLCBUZXh0QWNjZW50LCBUZXh0VmFyaWFudCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX1ZBUklBTlRfUk5fREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU3R5bGVTaGVldCwgVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgdXNlVGV4dENvbG9yU3R5bGUgfSBmcm9tICcuL3VzZVRleHRDb2xvclN0eWxlJztcbmltcG9ydCB7IHVzZVRleHRWYXJpYW50U3R5bGUgfSBmcm9tICcuL3VzZVRleHRWYXJpYW50U3R5bGUnO1xuXG5pbnRlcmZhY2UgVXNlVGV4dFN0eWxlUGFyYW1zIHtcbiAgICB2YXJpYW50PzogVGV4dFZhcmlhbnQ7XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBjZW50ZXJlZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0U3R5bGUgPSAoe1xuICAgIHZhcmlhbnQgPSBURVhUX1ZBUklBTlRfUk5fREVGQVVMVCxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG59OiBVc2VUZXh0U3R5bGVQYXJhbXMgPSB7fSk6IFRleHRTdHlsZSA9PiB7XG4gICAgY29uc3QgdmFyaWFudFN0eWxlID0gdXNlVGV4dFZhcmlhbnRTdHlsZSh2YXJpYW50KTtcbiAgICBjb25zdCBjb2xvclN0eWxlID0gdXNlVGV4dENvbG9yU3R5bGUoY29sb3IsIGFjY2VudCk7XG5cbiAgICByZXR1cm4gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGNlbnRlcmVkU3R5bGU6IFRleHRTdHlsZSA9IHsgdGV4dEFsaWduOiBjZW50ZXJlZCA/ICdjZW50ZXInIDogJ2xlZnQnIH07XG4gICAgICAgIHJldHVybiBTdHlsZVNoZWV0LmZsYXR0ZW4oW3ZhcmlhbnRTdHlsZSwgY29sb3JTdHlsZSwgY2VudGVyZWRTdHlsZV0pO1xuICAgIH0sIFtjZW50ZXJlZCwgY29sb3JTdHlsZSwgdmFyaWFudFN0eWxlXSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztNQWVhLFlBQVksR0FBRyxDQUFDLEVBQ3pCLE9BQU8sR0FBRyx1QkFBdUIsRUFDakMsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLE1BQ1ksRUFBRTtJQUN0QixNQUFNLFlBQVksR0FBRyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNsRCxNQUFNLFVBQVUsR0FBRyxpQkFBaUIsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFFcEQsT0FBTyxPQUFPLENBQUM7UUFDWCxNQUFNLGFBQWEsR0FBYyxFQUFFLFNBQVMsRUFBRSxRQUFRLEdBQUcsUUFBUSxHQUFHLE1BQU0sRUFBRSxDQUFDO1FBQzdFLE9BQU8sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQztLQUN4RSxFQUFFLENBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxZQUFZLENBQUMsQ0FBQyxDQUFDO0FBQzdDOzs7OyJ9

package/dist/props/typography/hooks/useTextVariantStyle.d.ts

@@ -0,0 +1,10 @@
+import { TextVariant } from '@preply/ds-core';
+import { TextStyle } from 'react-native';
+interface TextVariantStyle {
+    fontFamily: TextStyle['fontFamily'];
+    fontSize: TextStyle['fontSize'];
+    letterSpacing: TextStyle['letterSpacing'];
+    lineHeight: TextStyle['lineHeight'];
+}
+export declare const useTextVariantStyle: (variant: TextVariant) => TextVariantStyle;
+export {};

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

@@ -0,0 +1,59 @@
+import { root, text } from '@preply/ds-core';
+import { useStyleSheet } from '@preply/ds-rn-core';
+import { useMemo } from 'react';
+
+const fontFamilyRawStyle = {
+    fontFamily: root.text.base.typeface,
+};
+const isItalic = (fontStyle) => {
+    return fontStyle === 'italic' || fontStyle === 'oblique 10deg';
+};
+const getFontWeightString = (fontWeight, fontStyle) => {
+    switch (fontWeight) {
+        case 'normal':
+        case '400': {
+            return isItalic(fontStyle) ? '' : 'Regular';
+        }
+        case '500': {
+            return 'Medium';
+        }
+        case 'bold':
+        case '700': {
+            return 'Bold';
+        }
+        default: {
+            return isItalic(fontStyle) ? '' : 'Regular';
+        }
+    }
+};
+const getFontStyleString = (fontStyle) => {
+    return isItalic(fontStyle) ? 'Italic' : '';
+};
+const getFontFamily = (fontFamily, fontWeight, fontStyle) => {
+    const fontWeightString = getFontWeightString(fontWeight, fontStyle);
+    const fontStyleString = getFontStyleString(fontStyle);
+    return `${fontFamily}-${fontWeightString}${fontStyleString}`;
+};
+const useTextVariantStyle = (variant) => {
+    const textVariant = text.variant[variant];
+    const styles = useStyleSheet({
+        fontFamily: fontFamilyRawStyle,
+        variant: textVariant,
+    });
+    return useMemo(() => ({
+        fontFamily: getFontFamily(styles.fontFamily.fontFamily, String(styles.variant.fontWeight), styles.variant.fontStyle),
+        fontSize: styles.variant.fontSize,
+        letterSpacing: styles.variant.letterSpacing,
+        lineHeight: styles.variant.lineHeight,
+    }), [
+        styles.fontFamily.fontFamily,
+        styles.variant.fontSize,
+        styles.variant.fontStyle,
+        styles.variant.fontWeight,
+        styles.variant.letterSpacing,
+        styles.variant.lineHeight,
+    ]);
+};
+
+export { useTextVariantStyle };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFZhcmlhbnRTdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3Byb3BzL3R5cG9ncmFwaHkvaG9va3MvdXNlVGV4dFZhcmlhbnRTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0VmFyaWFudCwgcm9vdCwgdGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VTdHlsZVNoZWV0IH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0U3R5bGUgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbnRlcmZhY2UgVGV4dFZhcmlhbnRTdHlsZSB7XG4gICAgZm9udEZhbWlseTogVGV4dFN0eWxlWydmb250RmFtaWx5J107XG4gICAgZm9udFNpemU6IFRleHRTdHlsZVsnZm9udFNpemUnXTtcbiAgICBsZXR0ZXJTcGFjaW5nOiBUZXh0U3R5bGVbJ2xldHRlclNwYWNpbmcnXTtcbiAgICBsaW5lSGVpZ2h0OiBUZXh0U3R5bGVbJ2xpbmVIZWlnaHQnXTtcbn1cblxuY29uc3QgZm9udEZhbWlseVJhd1N0eWxlID0ge1xuICAgIGZvbnRGYW1pbHk6IHJvb3QudGV4dC5iYXNlLnR5cGVmYWNlLFxufTtcblxuY29uc3QgaXNJdGFsaWMgPSAoZm9udFN0eWxlOiBUZXh0U3R5bGVbJ2ZvbnRTdHlsZSddIHwgJ29ibGlxdWUgMTBkZWcnKSA9PiB7XG4gICAgcmV0dXJuIGZvbnRTdHlsZSA9PT0gJ2l0YWxpYycgfHwgZm9udFN0eWxlID09PSAnb2JsaXF1ZSAxMGRlZyc7XG59O1xuXG5jb25zdCBnZXRGb250V2VpZ2h0U3RyaW5nID0gKFxuICAgIGZvbnRXZWlnaHQ6IFRleHRTdHlsZVsnZm9udFdlaWdodCddLFxuICAgIGZvbnRTdHlsZTogVGV4dFN0eWxlWydmb250U3R5bGUnXSxcbik6IHN0cmluZyA9PiB7XG4gICAgc3dpdGNoIChmb250V2VpZ2h0KSB7XG4gICAgICAgIGNhc2UgJ25vcm1hbCc6XG4gICAgICAgIGNhc2UgJzQwMCc6IHtcbiAgICAgICAgICAgIHJldHVybiBpc0l0YWxpYyhmb250U3R5bGUpID8gJycgOiAnUmVndWxhcic7XG4gICAgICAgIH1cbiAgICAgICAgY2FzZSAnNTAwJzoge1xuICAgICAgICAgICAgcmV0dXJuICdNZWRpdW0nO1xuICAgICAgICB9XG4gICAgICAgIGNhc2UgJ2JvbGQnOlxuICAgICAgICBjYXNlICc3MDAnOiB7XG4gICAgICAgICAgICByZXR1cm4gJ0JvbGQnO1xuICAgICAgICB9XG4gICAgICAgIGRlZmF1bHQ6IHtcbiAgICAgICAgICAgIHJldHVybiBpc0l0YWxpYyhmb250U3R5bGUpID8gJycgOiAnUmVndWxhcic7XG4gICAgICAgIH1cbiAgICB9XG59O1xuXG5jb25zdCBnZXRGb250U3R5bGVTdHJpbmcgPSAoZm9udFN0eWxlOiBUZXh0U3R5bGVbJ2ZvbnRTdHlsZSddKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gaXNJdGFsaWMoZm9udFN0eWxlKSA/ICdJdGFsaWMnIDogJyc7XG59O1xuXG5jb25zdCBnZXRGb250RmFtaWx5ID0gKFxuICAgIGZvbnRGYW1pbHk6IFRleHRTdHlsZVsnZm9udEZhbWlseSddLFxuICAgIGZvbnRXZWlnaHQ6IFRleHRTdHlsZVsnZm9udFdlaWdodCddLFxuICAgIGZvbnRTdHlsZTogVGV4dFN0eWxlWydmb250U3R5bGUnXSxcbik6IFRleHRTdHlsZVsnZm9udEZhbWlseSddID0+IHtcbiAgICBjb25zdCBmb250V2VpZ2h0U3RyaW5nID0gZ2V0Rm9udFdlaWdodFN0cmluZyhmb250V2VpZ2h0LCBmb250U3R5bGUpO1xuICAgIGNvbnN0IGZvbnRTdHlsZVN0cmluZyA9IGdldEZvbnRTdHlsZVN0cmluZyhmb250U3R5bGUpO1xuXG4gICAgcmV0dXJuIGAke2ZvbnRGYW1pbHl9LSR7Zm9udFdlaWdodFN0cmluZ30ke2ZvbnRTdHlsZVN0cmluZ31gO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVRleHRWYXJpYW50U3R5bGUgPSAodmFyaWFudDogVGV4dFZhcmlhbnQpOiBUZXh0VmFyaWFudFN0eWxlID0+IHtcbiAgICBjb25zdCB0ZXh0VmFyaWFudCA9IHRleHQudmFyaWFudFt2YXJpYW50XTtcblxuICAgIGNvbnN0IHN0eWxlcyA9IHVzZVN0eWxlU2hlZXQoe1xuICAgICAgICBmb250RmFtaWx5OiBmb250RmFtaWx5UmF3U3R5bGUsXG4gICAgICAgIHZhcmlhbnQ6IHRleHRWYXJpYW50LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oXG4gICAgICAgICgpID0+ICh7XG4gICAgICAgICAgICBmb250RmFtaWx5OiBnZXRGb250RmFtaWx5KFxuICAgICAgICAgICAgICAgIHN0eWxlcy5mb250RmFtaWx5LmZvbnRGYW1pbHksXG4gICAgICAgICAgICAgICAgU3RyaW5nKHN0eWxlcy52YXJpYW50LmZvbnRXZWlnaHQpIGFzIFRleHRTdHlsZVsnZm9udFdlaWdodCddLFxuICAgICAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmZvbnRTdHlsZSxcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBmb250U2l6ZTogc3R5bGVzLnZhcmlhbnQuZm9udFNpemUsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nOiBzdHlsZXMudmFyaWFudC5sZXR0ZXJTcGFjaW5nLFxuICAgICAgICAgICAgbGluZUhlaWdodDogc3R5bGVzLnZhcmlhbnQubGluZUhlaWdodCxcbiAgICAgICAgfSksXG4gICAgICAgIFtcbiAgICAgICAgICAgIHN0eWxlcy5mb250RmFtaWx5LmZvbnRGYW1pbHksXG4gICAgICAgICAgICBzdHlsZXMudmFyaWFudC5mb250U2l6ZSxcbiAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmZvbnRTdHlsZSxcbiAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmZvbnRXZWlnaHQsXG4gICAgICAgICAgICBzdHlsZXMudmFyaWFudC5sZXR0ZXJTcGFjaW5nLFxuICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQubGluZUhlaWdodCxcbiAgICAgICAgXSxcbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBWUEsTUFBTSxrQkFBa0IsR0FBRztJQUN2QixVQUFVLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUTtDQUN0QyxDQUFDO0FBRUYsTUFBTSxRQUFRLEdBQUcsQ0FBQyxTQUFtRDtJQUNqRSxPQUFPLFNBQVMsS0FBSyxRQUFRLElBQUksU0FBUyxLQUFLLGVBQWUsQ0FBQztBQUNuRSxDQUFDLENBQUM7QUFFRixNQUFNLG1CQUFtQixHQUFHLENBQ3hCLFVBQW1DLEVBQ25DLFNBQWlDO0lBRWpDLFFBQVEsVUFBVTtRQUNkLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxLQUFLLEVBQUU7WUFDUixPQUFPLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLEdBQUcsU0FBUyxDQUFDO1NBQy9DO1FBQ0QsS0FBSyxLQUFLLEVBQUU7WUFDUixPQUFPLFFBQVEsQ0FBQztTQUNuQjtRQUNELEtBQUssTUFBTSxDQUFDO1FBQ1osS0FBSyxLQUFLLEVBQUU7WUFDUixPQUFPLE1BQU0sQ0FBQztTQUNqQjtRQUNELFNBQVM7WUFDTCxPQUFPLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLEdBQUcsU0FBUyxDQUFDO1NBQy9DO0tBQ0o7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLGtCQUFrQixHQUFHLENBQUMsU0FBaUM7SUFDekQsT0FBTyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsUUFBUSxHQUFHLEVBQUUsQ0FBQztBQUMvQyxDQUFDLENBQUM7QUFFRixNQUFNLGFBQWEsR0FBRyxDQUNsQixVQUFtQyxFQUNuQyxVQUFtQyxFQUNuQyxTQUFpQztJQUVqQyxNQUFNLGdCQUFnQixHQUFHLG1CQUFtQixDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQztJQUNwRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUV0RCxPQUFPLEdBQUcsVUFBVSxJQUFJLGdCQUFnQixHQUFHLGVBQWUsRUFBRSxDQUFDO0FBQ2pFLENBQUMsQ0FBQztNQUVXLG1CQUFtQixHQUFHLENBQUMsT0FBb0I7SUFDcEQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUUxQyxNQUFNLE1BQU0sR0FBRyxhQUFhLENBQUM7UUFDekIsVUFBVSxFQUFFLGtCQUFrQjtRQUM5QixPQUFPLEVBQUUsV0FBVztLQUN2QixDQUFDLENBQUM7SUFFSCxPQUFPLE9BQU8sQ0FDVixPQUFPO1FBQ0gsVUFBVSxFQUFFLGFBQWEsQ0FDckIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEVBQzVCLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBNEIsRUFDNUQsTUFBTSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQzNCO1FBQ0QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBUTtRQUNqQyxhQUFhLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxhQUFhO1FBQzNDLFVBQVUsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVU7S0FDeEMsQ0FBQyxFQUNGO1FBQ0ksTUFBTSxDQUFDLFVBQVUsQ0FBQyxVQUFVO1FBQzVCLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBUTtRQUN2QixNQUFNLENBQUMsT0FBTyxDQUFDLFNBQVM7UUFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1FBQ3pCLE1BQU0sQ0FBQyxPQUFPLENBQUMsYUFBYTtRQUM1QixNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVU7S0FDNUIsQ0FDSixDQUFDO0FBQ047Ozs7In0=

package/dist/props/typography/index.d.ts

@@ -0,0 +1 @@
+export { useTextStyle } from './hooks/useTextStyle';

package/dist/props/typography/index.js

@@ -0,0 +1,2 @@
+export { useTextStyle } from './hooks/useTextStyle.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/providers/TextVariantProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TextVariantProvider: React.Provider<"xs" | "s" | "s-italic" | "s-medium" | "s-medium-italic" | "s-bold" | "s-bold-italic" | "m" | "m-italic" | "m-medium" | "m-medium-italic" | "m-bold" | "m-bold-italic" | "l" | "l-italic" | "l-medium" | "l-medium-italic" | "xl" | "xl-italic" | "xl-medium" | "xl-medium-italic" | null>;

package/dist/providers/TextVariantProvider.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const TextVariantContext = React.createContext(null);
+const TextVariantProvider = TextVariantContext.Provider;
+
+export { TextVariantProvider };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dFZhcmlhbnRQcm92aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3ZpZGVycy9UZXh0VmFyaWFudFByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0VmFyaWFudCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBUZXh0VmFyaWFudENvbnRleHQgPSBSZWFjdC5jcmVhdGVDb250ZXh0PFRleHRWYXJpYW50IHwgbnVsbD4obnVsbCk7XG5cbmV4cG9ydCBjb25zdCBUZXh0VmFyaWFudFByb3ZpZGVyID0gVGV4dFZhcmlhbnRDb250ZXh0LlByb3ZpZGVyO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBR0EsTUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFxQixJQUFJLENBQUMsQ0FBQztNQUU1RCxtQkFBbUIsR0FBRyxrQkFBa0IsQ0FBQzs7OzsifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-rn-lib",
-    "version": "0.43.1",
+    "version": "0.44.0",
     "publishConfig": {
         "access": "public"
     },
@@ -18,23 +18,25 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.43.1",
-        "@preply/ds-rn-core": "0.43.1",
-        "@preply/ds-rn-root": "0.43.1"
+        "@preply/ds-core": "0.44.0",
+        "@preply/ds-rn-core": "0.44.0",
+        "@preply/ds-rn-root": "0.44.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.43.1",
-        "@preply/ds-rn-core": "0.43.1",
-        "@preply/ds-rn-root": "0.43.1",
+        "@preply/ds-core": "0.44.0",
+        "@preply/ds-core-types": "0.43.2",
+        "@preply/ds-rn-core": "0.44.0",
+        "@preply/ds-rn-root": "0.44.0",
         "react": "^16.8.3",
         "react-native": "^0.63.4"
     },
     "devDependencies": {
+        "@testing-library/jest-native": "4.0.12",
         "@testing-library/react-native": "^9.1.0",
         "metro-react-native-babel-preset": "^0.59.0",
         "react": "16.8.3",
         "react-native": "^0.63.4",
         "react-test-renderer": "16.8.3"
     },
-    "gitHead": "91b5d772936f0a8f93706d15a4648d23f96a0b32"
+    "gitHead": "85a7ecf5f64730399b1645e7dbf3459536534534"
 }

package/dist/props/layout/useLayoutFlexStyle.js

@@ -1,34 +0,0 @@
-import { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { usePaddingStyle } from './usePaddingStyle.js';
-
-const alignItemsMap = {
-    start: 'flex-start',
-    end: 'flex-end',
-    center: 'center',
-    stretch: 'stretch',
-    baseline: 'baseline',
-};
-const justifyContentMap = {
-    start: 'flex-start',
-    end: 'flex-end',
-    center: 'center',
-    'space-between': 'space-between',
-    'space-around': 'space-around',
-    'space-evenly': 'space-evenly',
-};
-function useLayoutFlexStyle({ padding, direction, nowrap, alignItems, justifyContent, }) {
-    const paddingStyle = usePaddingStyle(padding);
-    const flexStyle = useMemo(() => {
-        return {
-            ...(direction ? { flexDirection: direction } : {}),
-            ...(nowrap ? { flexWrap: 'nowrap' } : {}),
-            ...(alignItems ? { alignItems: alignItemsMap[alignItems] } : {}),
-            ...(justifyContent ? { justifyContent: justifyContentMap[justifyContent] } : {}),
-        };
-    }, [alignItems, direction, justifyContent, nowrap]);
-    return useMemo(() => StyleSheet.flatten([paddingStyle, flexStyle]), [paddingStyle, flexStyle]);
-}
-
-export { useLayoutFlexStyle };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L3VzZUxheW91dEZsZXhTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dEFsaWduSXRlbXMsXG4gICAgTGF5b3V0RmxleERpcmVjdGlvbixcbiAgICBMYXlvdXRKdXN0aWZ5Q29udGVudCxcbiAgICBMYXlvdXRQYWRkaW5nLFxuICAgIFNob3J0SGFuZCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGbGV4U3R5bGUsIFN0eWxlUHJvcCwgU3R5bGVTaGVldCwgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgdXNlUGFkZGluZ1N0eWxlIH0gZnJvbSAnLi91c2VQYWRkaW5nU3R5bGUnO1xuXG5jb25zdCBhbGlnbkl0ZW1zTWFwOiBSZWNvcmQ8TGF5b3V0QWxpZ25JdGVtcywgVmlld1N0eWxlWydhbGlnbkl0ZW1zJ10+ID0ge1xuICAgIHN0YXJ0OiAnZmxleC1zdGFydCcsXG4gICAgZW5kOiAnZmxleC1lbmQnLFxuICAgIGNlbnRlcjogJ2NlbnRlcicsXG4gICAgc3RyZXRjaDogJ3N0cmV0Y2gnLFxuICAgIGJhc2VsaW5lOiAnYmFzZWxpbmUnLFxufTtcblxuY29uc3QganVzdGlmeUNvbnRlbnRNYXA6IFJlY29yZDxMYXlvdXRKdXN0aWZ5Q29udGVudCwgVmlld1N0eWxlWydqdXN0aWZ5Q29udGVudCddPiA9IHtcbiAgICBzdGFydDogJ2ZsZXgtc3RhcnQnLFxuICAgIGVuZDogJ2ZsZXgtZW5kJyxcbiAgICBjZW50ZXI6ICdjZW50ZXInLFxuICAgICdzcGFjZS1iZXR3ZWVuJzogJ3NwYWNlLWJldHdlZW4nLFxuICAgICdzcGFjZS1hcm91bmQnOiAnc3BhY2UtYXJvdW5kJyxcbiAgICAnc3BhY2UtZXZlbmx5JzogJ3NwYWNlLWV2ZW5seScsXG59O1xuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4U3R5bGUge1xuICAgIHBhZGRpbmc/OiBTaG9ydEhhbmQ8TGF5b3V0UGFkZGluZz47XG4gICAgbm93cmFwPzogYm9vbGVhbjtcbiAgICBkaXJlY3Rpb24/OiBMYXlvdXRGbGV4RGlyZWN0aW9uO1xuICAgIGp1c3RpZnlDb250ZW50PzogTGF5b3V0SnVzdGlmeUNvbnRlbnQ7XG4gICAgYWxpZ25JdGVtcz86IExheW91dEFsaWduSXRlbXM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VMYXlvdXRGbGV4U3R5bGUoe1xuICAgIHBhZGRpbmcsXG4gICAgZGlyZWN0aW9uLFxuICAgIG5vd3JhcCxcbiAgICBhbGlnbkl0ZW1zLFxuICAgIGp1c3RpZnlDb250ZW50LFxufTogTGF5b3V0RmxleFN0eWxlKTogU3R5bGVQcm9wPFZpZXdTdHlsZT4ge1xuICAgIGNvbnN0IHBhZGRpbmdTdHlsZSA9IHVzZVBhZGRpbmdTdHlsZShwYWRkaW5nKTtcblxuICAgIGNvbnN0IGZsZXhTdHlsZTogRmxleFN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi4oZGlyZWN0aW9uID8geyBmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihub3dyYXAgPyB7IGZsZXhXcmFwOiAnbm93cmFwJyB9IDoge30pLFxuICAgICAgICAgICAgLi4uKGFsaWduSXRlbXMgPyB7IGFsaWduSXRlbXM6IGFsaWduSXRlbXNNYXBbYWxpZ25JdGVtc10gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihqdXN0aWZ5Q29udGVudCA/IHsganVzdGlmeUNvbnRlbnQ6IGp1c3RpZnlDb250ZW50TWFwW2p1c3RpZnlDb250ZW50XSB9IDoge30pLFxuICAgICAgICB9O1xuICAgIH0sIFthbGlnbkl0ZW1zLCBkaXJlY3Rpb24sIGp1c3RpZnlDb250ZW50LCBub3dyYXBdKTtcblxuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IFN0eWxlU2hlZXQuZmxhdHRlbihbcGFkZGluZ1N0eWxlLCBmbGV4U3R5bGVdKSwgW3BhZGRpbmdTdHlsZSwgZmxleFN0eWxlXSk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQVlBLE1BQU0sYUFBYSxHQUFzRDtJQUNyRSxLQUFLLEVBQUUsWUFBWTtJQUNuQixHQUFHLEVBQUUsVUFBVTtJQUNmLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFFBQVEsRUFBRSxVQUFVO0NBQ3ZCLENBQUM7QUFFRixNQUFNLGlCQUFpQixHQUE4RDtJQUNqRixLQUFLLEVBQUUsWUFBWTtJQUNuQixHQUFHLEVBQUUsVUFBVTtJQUNmLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLGVBQWUsRUFBRSxlQUFlO0lBQ2hDLGNBQWMsRUFBRSxjQUFjO0lBQzlCLGNBQWMsRUFBRSxjQUFjO0NBQ2pDLENBQUM7U0FTYyxrQkFBa0IsQ0FBQyxFQUMvQixPQUFPLEVBQ1AsU0FBUyxFQUNULE1BQU0sRUFDTixVQUFVLEVBQ1YsY0FBYyxHQUNBO0lBQ2QsTUFBTSxZQUFZLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRTlDLE1BQU0sU0FBUyxHQUFjLE9BQU8sQ0FBQztRQUNqQyxPQUFPO1lBQ0gsSUFBSSxTQUFTLEdBQUcsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ2xELElBQUksTUFBTSxHQUFHLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUN6QyxJQUFJLFVBQVUsR0FBRyxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsVUFBVSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDaEUsSUFBSSxjQUFjLEdBQUcsRUFBRSxjQUFjLEVBQUUsaUJBQWlCLENBQUMsY0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7U0FDbkYsQ0FBQztLQUNMLEVBQUUsQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRXBELE9BQU8sT0FBTyxDQUFDLE1BQU0sVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7QUFDbkc7Ozs7In0=

package/dist/props/layout/usePaddingStyle.js

@@ -1,24 +0,0 @@
-import { normalizeShorthand, root } from '@preply/ds-core';
-import { createStyleSheet, useStyleSheet } from '@preply/ds-rn-core';
-import { useMemo } from 'react';
-
-function usePaddingStyle(padding) {
-    const rawStyles = useMemo(() => {
-        if (!padding) {
-            return createStyleSheet({ padding: {} });
-        }
-        const [top, right, bottom, left] = normalizeShorthand(padding);
-        return createStyleSheet({
-            padding: {
-                paddingTop: root.space[top],
-                paddingRight: root.space[right],
-                paddingBottom: root.space[bottom],
-                paddingLeft: root.space[left],
-            },
-        });
-    }, [padding === null || padding === void 0 ? void 0 : padding.toString()]);
-    return useStyleSheet(rawStyles).padding;
-}
-
-export { usePaddingStyle };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFkZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L3VzZVBhZGRpbmdTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRQYWRkaW5nLCBTaG9ydEhhbmQsIG5vcm1hbGl6ZVNob3J0aGFuZCwgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVTdHlsZVNoZWV0LCB1c2VTdHlsZVNoZWV0IH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VQYWRkaW5nU3R5bGUocGFkZGluZz86IFNob3J0SGFuZDxMYXlvdXRQYWRkaW5nPik6IHtcbiAgICBwYWRkaW5nVG9wPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHBhZGRpbmdCb3R0b20/OiBzdHJpbmcgfCBudW1iZXI7XG4gICAgcGFkZGluZ1JpZ2h0Pzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIHBhZGRpbmdMZWZ0Pzogc3RyaW5nIHwgbnVtYmVyO1xufSB7XG4gICAgY29uc3QgcmF3U3R5bGVzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmICghcGFkZGluZykge1xuICAgICAgICAgICAgcmV0dXJuIGNyZWF0ZVN0eWxlU2hlZXQoeyBwYWRkaW5nOiB7fSB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IFt0b3AsIHJpZ2h0LCBib3R0b20sIGxlZnRdID0gbm9ybWFsaXplU2hvcnRoYW5kKHBhZGRpbmcpO1xuXG4gICAgICAgIHJldHVybiBjcmVhdGVTdHlsZVNoZWV0KHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nVG9wOiByb290LnNwYWNlW3RvcF0sXG4gICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiByb290LnNwYWNlW3JpZ2h0XSxcbiAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiByb290LnNwYWNlW2JvdHRvbV0sXG4gICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IHJvb3Quc3BhY2VbbGVmdF0sXG4gICAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICB9LCBbcGFkZGluZz8udG9TdHJpbmcoKV0pO1xuXG4gICAgcmV0dXJuIHVzZVN0eWxlU2hlZXQocmF3U3R5bGVzKS5wYWRkaW5nO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7U0FJZ0IsZUFBZSxDQUFDLE9BQWtDO0lBTTlELE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1YsT0FBTyxnQkFBZ0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQzVDO1FBRUQsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRS9ELE9BQU8sZ0JBQWdCLENBQUM7WUFDcEIsT0FBTyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztnQkFDM0IsWUFBWSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO2dCQUMvQixhQUFhLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7Z0JBQ2pDLFdBQVcsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQzthQUNoQztTQUNKLENBQUMsQ0FBQztLQUNOLEVBQUUsQ0FBQyxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsUUFBUSxHQUFHLENBQUMsQ0FBQztJQUUxQixPQUFPLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLENBQUM7QUFDNUM7Ozs7In0=