@preply/ds-rn-lib 0.45.0 → 0.47.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Heading/Heading.d.ts +1 -2
- package/dist/components/Heading/Heading.js +12 -4
- package/dist/components/LayoutFlex/LayoutFlex.d.ts +1 -2
- package/dist/components/LayoutFlex/LayoutFlex.js +6 -5
- package/dist/components/LayoutFlex/private/ChildrenWithGap.d.ts +3 -2
- package/dist/components/LayoutFlex/private/ChildrenWithGap.js +27 -10
- package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts +1 -2
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +3 -3
- package/dist/components/Text/Text.d.ts +1 -2
- package/dist/components/Text/Text.js +5 -4
- package/dist/components/TextInline/TextInline.d.ts +11 -0
- package/dist/components/TextInline/TextInline.js +25 -0
- package/dist/components/index.d.ts +5 -4
- package/dist/components/index.js +2 -1
- package/dist/index.js +2 -1
- package/dist/props/layout/hooks/useLayoutFlexItemStyle.d.ts +2 -2
- package/dist/props/layout/hooks/useLayoutFlexItemStyle.js +4 -4
- package/dist/props/layout/hooks/useLayoutFlexStyle.d.ts +3 -2
- package/dist/props/layout/hooks/useLayoutFlexStyle.js +5 -4
- package/dist/props/typography/hooks/private/useTextColorStyle.d.ts +1 -1
- package/dist/props/typography/hooks/private/useTextSharedStyle.d.ts +3 -7
- package/dist/props/typography/hooks/private/useTextSharedStyle.js +4 -4
- package/dist/props/typography/hooks/private/useTextVariantStyle.js +2 -30
- package/dist/props/typography/hooks/useHeadingStyle.d.ts +1 -1
- package/dist/props/typography/hooks/useHeadingStyle.js +3 -3
- package/dist/props/typography/hooks/useTextStyle.d.ts +1 -1
- package/dist/props/typography/hooks/useTextStyle.js +3 -3
- package/dist/props/typography/types.d.ts +6 -4
- package/dist/props/typography/utils/fontFamily.d.ts +3 -0
- package/dist/props/typography/utils/fontFamily.js +59 -0
- package/dist/providers/TextVariantProvider.d.ts +1 -0
- package/dist/providers/TextVariantProvider.js +2 -2
- package/package.json +8 -8
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { HeadingStyleProps, TextCommonProps } from '../../props/typography';
|
|
3
|
-
interface HeadingProps extends TextCommonProps, HeadingStyleProps {
|
|
3
|
+
export interface HeadingProps extends TextCommonProps, HeadingStyleProps {
|
|
4
4
|
}
|
|
5
5
|
export declare const Heading: FC<HeadingProps>;
|
|
6
|
-
export {};
|
|
@@ -3,12 +3,20 @@ import { Text } from 'react-native';
|
|
|
3
3
|
import { TextVariantProvider } from '../../providers/TextVariantProvider.js';
|
|
4
4
|
import { useHeadingStyle } from '../../props/typography/hooks/useHeadingStyle.js';
|
|
5
5
|
|
|
6
|
-
const HeadingBase = ({ level, large = false, accent, color, centered, children, ...rest }) => {
|
|
7
|
-
const computedStyles = useHeadingStyle({
|
|
6
|
+
const HeadingBase = ({ level, large = false, accent, color, centered, textTransform, stretch, children, ...rest }) => {
|
|
7
|
+
const computedStyles = useHeadingStyle({
|
|
8
|
+
level,
|
|
9
|
+
large,
|
|
10
|
+
accent,
|
|
11
|
+
color,
|
|
12
|
+
centered,
|
|
13
|
+
textTransform,
|
|
14
|
+
});
|
|
15
|
+
const stretchStyle = stretch ? { flex: 1 } : undefined;
|
|
8
16
|
return (React.createElement(TextVariantProvider, { value: computedStyles },
|
|
9
|
-
React.createElement(Text, Object.assign({ style: computedStyles }, rest), children)));
|
|
17
|
+
React.createElement(Text, Object.assign({ style: { ...computedStyles, ...stretchStyle } }, rest), children)));
|
|
10
18
|
};
|
|
11
19
|
const Heading = memo(HeadingBase);
|
|
12
20
|
|
|
13
21
|
export { Heading };
|
|
14
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IGFzIFJOVGV4dCB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IHVzZUhlYWRpbmdTdHlsZSB9IGZyb20gJy4uLy4uL3Byb3BzJztcbmltcG9ydCB7IEhlYWRpbmdTdHlsZVByb3BzLCBUZXh0Q29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi9wcm9wcy90eXBvZ3JhcGh5JztcbmltcG9ydCB7IFRleHRWYXJpYW50UHJvdmlkZXIgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVGV4dFZhcmlhbnRQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGVhZGluZ1Byb3BzIGV4dGVuZHMgVGV4dENvbW1vblByb3BzLCBIZWFkaW5nU3R5bGVQcm9wcyB7fVxuXG5jb25zdCBIZWFkaW5nQmFzZTogRkM8SGVhZGluZ1Byb3BzPiA9ICh7XG4gICAgbGV2ZWwsXG4gICAgbGFyZ2UgPSBmYWxzZSxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgdGV4dFRyYW5zZm9ybSxcbiAgICBzdHJldGNoLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLnJlc3Rcbn0pID0+IHtcbiAgICBjb25zdCBjb21wdXRlZFN0eWxlcyA9IHVzZUhlYWRpbmdTdHlsZSh7XG4gICAgICAgIGxldmVsLFxuICAgICAgICBsYXJnZSxcbiAgICAgICAgYWNjZW50LFxuICAgICAgICBjb2xvcixcbiAgICAgICAgY2VudGVyZWQsXG4gICAgICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBzdHJldGNoU3R5bGUgPSBzdHJldGNoID8geyBmbGV4OiAxIH0gOiB1bmRlZmluZWQ7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dFZhcmlhbnRQcm92aWRlciB2YWx1ZT17Y29tcHV0ZWRTdHlsZXN9PlxuICAgICAgICAgICAgPFJOVGV4dCBzdHlsZT17eyAuLi5jb21wdXRlZFN0eWxlcywgLi4uc3RyZXRjaFN0eWxlIH19IHsuLi5yZXN0fT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgPC9UZXh0VmFyaWFudFByb3ZpZGVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGluZzogRkM8SGVhZGluZ1Byb3BzPiA9IG1lbW8oSGVhZGluZ0Jhc2UpO1xuIl0sIm5hbWVzIjpbIlJOVGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFTQSxNQUFNLFdBQVcsR0FBcUIsQ0FBQyxFQUNuQyxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsRUFDUixHQUFHLElBQUksRUFDVjtJQUNHLE1BQU0sY0FBYyxHQUFHLGVBQWUsQ0FBQztRQUNuQyxLQUFLO1FBQ0wsS0FBSztRQUNMLE1BQU07UUFDTixLQUFLO1FBQ0wsUUFBUTtRQUNSLGFBQWE7S0FDaEIsQ0FBQyxDQUFDO0lBRUgsTUFBTSxZQUFZLEdBQUcsT0FBTyxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxHQUFHLFNBQVMsQ0FBQztJQUV2RCxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBRSxjQUFjO1FBQ3RDLG9CQUFDQSxJQUFNLGtCQUFDLEtBQUssRUFBRSxFQUFFLEdBQUcsY0FBYyxFQUFFLEdBQUcsWUFBWSxFQUFFLElBQU0sSUFBSSxHQUMxRCxRQUFRLENBQ0osQ0FDUyxFQUN4QjtBQUNOLENBQUMsQ0FBQztNQUVXLE9BQU8sR0FBcUIsSUFBSSxDQUFDLFdBQVc7Ozs7In0=
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { LayoutGap } from '@preply/ds-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
3
|
import { LayoutFlexStyle } from '../../props/layout/hooks/useLayoutFlexStyle';
|
|
4
|
-
interface LayoutFlexProps extends LayoutFlexStyle {
|
|
4
|
+
export interface LayoutFlexProps extends LayoutFlexStyle {
|
|
5
5
|
gap?: LayoutGap;
|
|
6
6
|
hide?: boolean;
|
|
7
7
|
}
|
|
8
8
|
export declare const LayoutFlex: FC<LayoutFlexProps>;
|
|
9
|
-
export {};
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
import React, { memo
|
|
1
|
+
import React, { memo } from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { useLayoutFlexStyle } from '../../props/layout/hooks/useLayoutFlexStyle.js';
|
|
4
4
|
import { ChildrenWithGap } from './private/ChildrenWithGap.js';
|
|
5
5
|
|
|
6
|
-
const LayoutFlexBase = ({ gap, padding,
|
|
6
|
+
const LayoutFlexBase = ({ gap, padding, wrap, direction, justifyContent, alignItems, hide, flex, children, }) => {
|
|
7
7
|
const style = useLayoutFlexStyle({
|
|
8
8
|
padding,
|
|
9
9
|
direction,
|
|
10
10
|
alignItems,
|
|
11
11
|
justifyContent,
|
|
12
|
-
|
|
12
|
+
wrap,
|
|
13
|
+
flex,
|
|
13
14
|
});
|
|
14
15
|
if (hide) {
|
|
15
16
|
return null;
|
|
16
17
|
}
|
|
17
|
-
const content = !gap
|
|
18
|
+
const content = !gap ? (children) : (React.createElement(ChildrenWithGap, { gap: gap, direction: direction }, children));
|
|
18
19
|
return React.createElement(View, { style: style }, content);
|
|
19
20
|
};
|
|
20
21
|
const LayoutFlex = memo(LayoutFlexBase);
|
|
21
22
|
LayoutFlex.displayName = 'LayoutFlex';
|
|
22
23
|
|
|
23
24
|
export { LayoutFlex };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRHYXAgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVmlldyB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IExheW91dEZsZXhTdHlsZSwgdXNlTGF5b3V0RmxleFN0eWxlIH0gZnJvbSAnLi4vLi4vcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZSc7XG5cbmltcG9ydCB7IENoaWxkcmVuV2l0aEdhcCB9IGZyb20gJy4vcHJpdmF0ZS9DaGlsZHJlbldpdGhHYXAnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dEZsZXhQcm9wcyBleHRlbmRzIExheW91dEZsZXhTdHlsZSB7XG4gICAgZ2FwPzogTGF5b3V0R2FwO1xuICAgIGhpZGU/OiBib29sZWFuO1xufVxuXG5jb25zdCBMYXlvdXRGbGV4QmFzZTogRkM8TGF5b3V0RmxleFByb3BzPiA9ICh7XG4gICAgZ2FwLFxuICAgIHBhZGRpbmcsXG4gICAgd3JhcCxcbiAgICBkaXJlY3Rpb24sXG4gICAganVzdGlmeUNvbnRlbnQsXG4gICAgYWxpZ25JdGVtcyxcbiAgICBoaWRlLFxuICAgIGZsZXgsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgY29uc3Qgc3R5bGUgPSB1c2VMYXlvdXRGbGV4U3R5bGUoe1xuICAgICAgICBwYWRkaW5nLFxuICAgICAgICBkaXJlY3Rpb24sXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICB3cmFwLFxuICAgICAgICBmbGV4LFxuICAgIH0pO1xuXG4gICAgaWYgKGhpZGUpIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgY29uc3QgY29udGVudCA9ICFnYXAgPyAoXG4gICAgICAgIGNoaWxkcmVuXG4gICAgKSA6IChcbiAgICAgICAgPENoaWxkcmVuV2l0aEdhcCBnYXA9e2dhcH0gZGlyZWN0aW9uPXtkaXJlY3Rpb259PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0NoaWxkcmVuV2l0aEdhcD5cbiAgICApO1xuXG4gICAgcmV0dXJuIDxWaWV3IHN0eWxlPXtzdHlsZX0+e2NvbnRlbnR9PC9WaWV3Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4OiBGQzxMYXlvdXRGbGV4UHJvcHM+ID0gbWVtbyhMYXlvdXRGbGV4QmFzZSk7XG5cbkxheW91dEZsZXguZGlzcGxheU5hbWUgPSAnTGF5b3V0RmxleCc7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFhQSxNQUFNLGNBQWMsR0FBd0IsQ0FBQyxFQUN6QyxHQUFHLEVBQ0gsT0FBTyxFQUNQLElBQUksRUFDSixTQUFTLEVBQ1QsY0FBYyxFQUNkLFVBQVUsRUFDVixJQUFJLEVBQ0osSUFBSSxFQUNKLFFBQVEsR0FDWDtJQUNHLE1BQU0sS0FBSyxHQUFHLGtCQUFrQixDQUFDO1FBQzdCLE9BQU87UUFDUCxTQUFTO1FBQ1QsVUFBVTtRQUNWLGNBQWM7UUFDZCxJQUFJO1FBQ0osSUFBSTtLQUNQLENBQUMsQ0FBQztJQUVILElBQUksSUFBSSxFQUFFO1FBQ04sT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE1BQU0sT0FBTyxHQUFHLENBQUMsR0FBRyxJQUNoQixRQUFRLEtBRVIsb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsSUFDMUMsUUFBUSxDQUNLLENBQ3JCLENBQUM7SUFFRixPQUFPLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsS0FBSyxJQUFHLE9BQU8sQ0FBUSxDQUFDO0FBQ2hELENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBd0IsSUFBSSxDQUFDLGNBQWMsRUFBRTtBQUVwRSxVQUFVLENBQUMsV0FBVyxHQUFHLFlBQVk7Ozs7In0=
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { LayoutFlexDirection, LayoutGap } from '@preply/ds-core';
|
|
2
|
-
import
|
|
2
|
+
import { FC, ReactNode } from 'react';
|
|
3
3
|
interface Props {
|
|
4
4
|
gap: LayoutGap;
|
|
5
5
|
direction?: LayoutFlexDirection;
|
|
6
|
+
children: ReactNode;
|
|
6
7
|
}
|
|
7
|
-
export declare const ChildrenWithGap:
|
|
8
|
+
export declare const ChildrenWithGap: FC<Props>;
|
|
8
9
|
export {};
|
|
@@ -1,25 +1,42 @@
|
|
|
1
1
|
import { root } from '@preply/ds-core';
|
|
2
2
|
import { useToken } from '@preply/ds-rn-core';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import React, { memo, Children, isValidElement, Fragment } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
const ChildrenWithGap = React.memo(({ gap, direction, children }) => {
|
|
6
|
+
function ChildrenWithGapBase({ gap, direction, children }) {
|
|
8
7
|
const gapSize = useToken(root.space[gap]);
|
|
9
8
|
const isRow = direction === 'row' || direction === 'row-reverse';
|
|
10
9
|
const spacerStyle = isRow ? { width: gapSize } : { height: gapSize };
|
|
11
10
|
const spacer = React.createElement(View, { style: spacerStyle });
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
if (!children || !gapSize || Children.count(children) < 2) {
|
|
12
|
+
return React.createElement(React.Fragment, null, children);
|
|
13
|
+
}
|
|
14
|
+
let firstElementIndex = -1;
|
|
15
|
+
const mappedChildren = Children.map(children, (child, index) => {
|
|
16
|
+
if (!isValidElement(child)) {
|
|
14
17
|
return child;
|
|
15
18
|
}
|
|
19
|
+
const isFragment = child.type === Fragment;
|
|
20
|
+
if (isFragment && !child.props.children) {
|
|
21
|
+
return child;
|
|
22
|
+
}
|
|
23
|
+
const hasSpacer = firstElementIndex !== -1;
|
|
24
|
+
if (firstElementIndex === -1) {
|
|
25
|
+
firstElementIndex = index;
|
|
26
|
+
}
|
|
27
|
+
const content = !isFragment ? (child) : (React.createElement(ChildrenWithGapBase, { gap: gap, direction: direction }, child.props.children));
|
|
16
28
|
return (
|
|
17
29
|
// eslint-disable-next-line react/no-array-index-key
|
|
18
30
|
React.createElement(React.Fragment, { key: index },
|
|
19
|
-
spacer,
|
|
20
|
-
|
|
21
|
-
})
|
|
22
|
-
|
|
31
|
+
hasSpacer && spacer,
|
|
32
|
+
content));
|
|
33
|
+
});
|
|
34
|
+
return React.createElement(React.Fragment, null, mappedChildren);
|
|
35
|
+
}
|
|
36
|
+
ChildrenWithGapBase.defaultProps = {
|
|
37
|
+
direction: 'column',
|
|
38
|
+
};
|
|
39
|
+
const ChildrenWithGap = memo(ChildrenWithGapBase);
|
|
23
40
|
|
|
24
41
|
export { ChildrenWithGap };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpbGRyZW5XaXRoR2FwLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MYXlvdXRGbGV4L3ByaXZhdGUvQ2hpbGRyZW5XaXRoR2FwLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYXlvdXRGbGV4RGlyZWN0aW9uLCBMYXlvdXRHYXAsIHJvb3QgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IENoaWxkcmVuLCBGQywgRnJhZ21lbnQsIFJlYWN0Tm9kZSwgaXNWYWxpZEVsZW1lbnQsIG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBnYXA6IExheW91dEdhcDtcbiAgICBkaXJlY3Rpb24/OiBMYXlvdXRGbGV4RGlyZWN0aW9uO1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmZ1bmN0aW9uIENoaWxkcmVuV2l0aEdhcEJhc2UoeyBnYXAsIGRpcmVjdGlvbiwgY2hpbGRyZW4gfTogUHJvcHMpOiBKU1guRWxlbWVudCB7XG4gICAgY29uc3QgZ2FwU2l6ZSA9IHVzZVRva2VuKHJvb3Quc3BhY2VbZ2FwXSk7XG4gICAgY29uc3QgaXNSb3cgPSBkaXJlY3Rpb24gPT09ICdyb3cnIHx8IGRpcmVjdGlvbiA9PT0gJ3Jvdy1yZXZlcnNlJztcbiAgICBjb25zdCBzcGFjZXJTdHlsZSA9IGlzUm93ID8geyB3aWR0aDogZ2FwU2l6ZSB9IDogeyBoZWlnaHQ6IGdhcFNpemUgfTtcbiAgICBjb25zdCBzcGFjZXIgPSA8VmlldyBzdHlsZT17c3BhY2VyU3R5bGV9IC8+O1xuXG4gICAgaWYgKCFjaGlsZHJlbiB8fCAhZ2FwU2l6ZSB8fCBDaGlsZHJlbi5jb3VudChjaGlsZHJlbikgPCAyKSB7XG4gICAgICAgIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG4gICAgfVxuXG4gICAgbGV0IGZpcnN0RWxlbWVudEluZGV4ID0gLTE7XG5cbiAgICBjb25zdCBtYXBwZWRDaGlsZHJlbiA9IENoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICBpZiAoIWlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgaXNGcmFnbWVudCA9IGNoaWxkLnR5cGUgPT09IEZyYWdtZW50O1xuXG4gICAgICAgIGlmIChpc0ZyYWdtZW50ICYmICFjaGlsZC5wcm9wcy5jaGlsZHJlbikge1xuICAgICAgICAgICAgcmV0dXJuIGNoaWxkO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgaGFzU3BhY2VyID0gZmlyc3RFbGVtZW50SW5kZXggIT09IC0xO1xuXG4gICAgICAgIGlmIChmaXJzdEVsZW1lbnRJbmRleCA9PT0gLTEpIHtcbiAgICAgICAgICAgIGZpcnN0RWxlbWVudEluZGV4ID0gaW5kZXg7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBjb250ZW50ID0gIWlzRnJhZ21lbnQgPyAoXG4gICAgICAgICAgICBjaGlsZFxuICAgICAgICApIDogKFxuICAgICAgICAgICAgPENoaWxkcmVuV2l0aEdhcEJhc2UgZ2FwPXtnYXB9IGRpcmVjdGlvbj17ZGlyZWN0aW9ufT5cbiAgICAgICAgICAgICAgICB7Y2hpbGQucHJvcHMuY2hpbGRyZW59XG4gICAgICAgICAgICA8L0NoaWxkcmVuV2l0aEdhcEJhc2U+XG4gICAgICAgICk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXlcbiAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgICB7aGFzU3BhY2VyICYmIHNwYWNlcn1cbiAgICAgICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICk7XG4gICAgfSk7XG5cbiAgICByZXR1cm4gPD57bWFwcGVkQ2hpbGRyZW59PC8+O1xufVxuXG5DaGlsZHJlbldpdGhHYXBCYXNlLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBkaXJlY3Rpb246ICdjb2x1bW4nIGFzIGNvbnN0LFxufTtcblxuZXhwb3J0IGNvbnN0IENoaWxkcmVuV2l0aEdhcDogRkM8UHJvcHM+ID0gbWVtbyhDaGlsZHJlbldpdGhHYXBCYXNlKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQVdBLFNBQVMsbUJBQW1CLENBQUMsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBUztJQUM1RCxNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzFDLE1BQU0sS0FBSyxHQUFHLFNBQVMsS0FBSyxLQUFLLElBQUksU0FBUyxLQUFLLGFBQWEsQ0FBQztJQUNqRSxNQUFNLFdBQVcsR0FBRyxLQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDckUsTUFBTSxNQUFNLEdBQUcsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxXQUFXLEdBQUksQ0FBQztJQUU1QyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsT0FBTyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1FBQ3ZELE9BQU8sMENBQUcsUUFBUSxDQUFJLENBQUM7S0FDMUI7SUFFRCxJQUFJLGlCQUFpQixHQUFHLENBQUMsQ0FBQyxDQUFDO0lBRTNCLE1BQU0sY0FBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUs7UUFDdkQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUN4QixPQUFPLEtBQUssQ0FBQztTQUNoQjtRQUVELE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDO1FBRTNDLElBQUksVUFBVSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDckMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxNQUFNLFNBQVMsR0FBRyxpQkFBaUIsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUUzQyxJQUFJLGlCQUFpQixLQUFLLENBQUMsQ0FBQyxFQUFFO1lBQzFCLGlCQUFpQixHQUFHLEtBQUssQ0FBQztTQUM3QjtRQUVELE1BQU0sT0FBTyxHQUFHLENBQUMsVUFBVSxJQUN2QixLQUFLLEtBRUwsb0JBQUMsbUJBQW1CLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUM5QyxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDSCxDQUN6QixDQUFDO1FBRUY7O1FBRUksb0JBQUMsS0FBSyxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztZQUNyQixTQUFTLElBQUksTUFBTTtZQUNuQixPQUFPLENBQ0ssRUFDbkI7S0FDTCxDQUFDLENBQUM7SUFFSCxPQUFPLDBDQUFHLGNBQWMsQ0FBSSxDQUFDO0FBQ2pDLENBQUM7QUFFRCxtQkFBbUIsQ0FBQyxZQUFZLEdBQUc7SUFDL0IsU0FBUyxFQUFFLFFBQWlCO0NBQy9CLENBQUM7TUFFVyxlQUFlLEdBQWMsSUFBSSxDQUFDLG1CQUFtQjs7OzsifQ==
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { LayoutFlexItemStyle } from '../../props/layout/hooks/useLayoutFlexItemStyle';
|
|
3
|
-
interface LayoutFlexItemProps extends LayoutFlexItemStyle {
|
|
3
|
+
export interface LayoutFlexItemProps extends LayoutFlexItemStyle {
|
|
4
4
|
hide?: boolean;
|
|
5
5
|
}
|
|
6
6
|
export declare const LayoutFlexItem: FC<LayoutFlexItemProps>;
|
|
7
|
-
export {};
|
|
@@ -2,8 +2,8 @@ import React, { memo } from 'react';
|
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { useLayoutFlexItemStyle } from '../../props/layout/hooks/useLayoutFlexItemStyle.js';
|
|
4
4
|
|
|
5
|
-
const LayoutFlexItemBase = ({ children, alignSelf,
|
|
6
|
-
const style = useLayoutFlexItemStyle({ alignSelf,
|
|
5
|
+
const LayoutFlexItemBase = ({ children, alignSelf, flex, hide }) => {
|
|
6
|
+
const style = useLayoutFlexItemStyle({ alignSelf, flex });
|
|
7
7
|
if (hide) {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
@@ -13,4 +13,4 @@ const LayoutFlexItem = memo(LayoutFlexItemBase);
|
|
|
13
13
|
LayoutFlexItem.displayName = 'LayoutFlexItem';
|
|
14
14
|
|
|
15
15
|
export { LayoutFlexItem };
|
|
16
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHtcbiAgICBMYXlvdXRGbGV4SXRlbVN0eWxlLFxuICAgIHVzZUxheW91dEZsZXhJdGVtU3R5bGUsXG59IGZyb20gJy4uLy4uL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4SXRlbVN0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4SXRlbVByb3BzIGV4dGVuZHMgTGF5b3V0RmxleEl0ZW1TdHlsZSB7XG4gICAgaGlkZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IExheW91dEZsZXhJdGVtQmFzZTogRkM8TGF5b3V0RmxleEl0ZW1Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgYWxpZ25TZWxmLCBmbGV4LCBoaWRlIH0pID0+IHtcbiAgICBjb25zdCBzdHlsZSA9IHVzZUxheW91dEZsZXhJdGVtU3R5bGUoeyBhbGlnblNlbGYsIGZsZXggfSk7XG5cbiAgICBpZiAoaGlkZSkge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gPFZpZXcgc3R5bGU9e3N0eWxlfT57Y2hpbGRyZW59PC9WaWV3Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4SXRlbTogRkM8TGF5b3V0RmxleEl0ZW1Qcm9wcz4gPSBtZW1vKExheW91dEZsZXhJdGVtQmFzZSk7XG5cbkxheW91dEZsZXhJdGVtLmRpc3BsYXlOYW1lID0gJ0xheW91dEZsZXhJdGVtJztcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBWUEsTUFBTSxrQkFBa0IsR0FBNEIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTtJQUNwRixNQUFNLEtBQUssR0FBRyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRTFELElBQUksSUFBSSxFQUFFO1FBQ04sT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxLQUFLLElBQUcsUUFBUSxDQUFRLENBQUM7QUFDakQsQ0FBQyxDQUFDO01BRVcsY0FBYyxHQUE0QixJQUFJLENBQUMsa0JBQWtCLEVBQUU7QUFFaEYsY0FBYyxDQUFDLFdBQVcsR0FBRyxnQkFBZ0I7Ozs7In0=
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { TextCommonProps, TextStyleProps } from '../../props/typography';
|
|
3
|
-
interface TextProps extends TextCommonProps, TextStyleProps {
|
|
3
|
+
export interface TextProps extends TextCommonProps, TextStyleProps {
|
|
4
4
|
}
|
|
5
5
|
export declare const Text: FC<TextProps>;
|
|
6
|
-
export {};
|
|
@@ -3,12 +3,13 @@ import { Text as Text$1 } from 'react-native';
|
|
|
3
3
|
import { TextVariantProvider } from '../../providers/TextVariantProvider.js';
|
|
4
4
|
import { useTextStyle } from '../../props/typography/hooks/useTextStyle.js';
|
|
5
5
|
|
|
6
|
-
const TextBase = ({ variant, accent, color, centered, children, ...rest }) => {
|
|
7
|
-
const computedStyles = useTextStyle({ variant, accent, color, centered });
|
|
6
|
+
const TextBase = ({ variant, accent, color, centered, textTransform, stretch, children, ...rest }) => {
|
|
7
|
+
const computedStyles = useTextStyle({ variant, accent, color, centered, textTransform });
|
|
8
|
+
const stretchStyle = stretch ? { flex: 1 } : undefined;
|
|
8
9
|
return (React.createElement(TextVariantProvider, { value: computedStyles },
|
|
9
|
-
React.createElement(Text$1, Object.assign({ style: computedStyles }, rest), children)));
|
|
10
|
+
React.createElement(Text$1, Object.assign({ style: { ...computedStyles, ...stretchStyle } }, rest), children)));
|
|
10
11
|
};
|
|
11
12
|
const Text = memo(TextBase);
|
|
12
13
|
|
|
13
14
|
export { Text };
|
|
14
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IGFzIFJOVGV4dCB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IHVzZVRleHRTdHlsZSB9IGZyb20gJy4uLy4uL3Byb3BzJztcbmltcG9ydCB7IFRleHRDb21tb25Qcm9wcywgVGV4dFN0eWxlUHJvcHMgfSBmcm9tICcuLi8uLi9wcm9wcy90eXBvZ3JhcGh5JztcbmltcG9ydCB7IFRleHRWYXJpYW50UHJvdmlkZXIgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVGV4dFZhcmlhbnRQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dFByb3BzIGV4dGVuZHMgVGV4dENvbW1vblByb3BzLCBUZXh0U3R5bGVQcm9wcyB7fVxuXG5jb25zdCBUZXh0QmFzZTogRkM8VGV4dFByb3BzPiA9ICh7XG4gICAgdmFyaWFudCxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgdGV4dFRyYW5zZm9ybSxcbiAgICBzdHJldGNoLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLnJlc3Rcbn0pID0+IHtcbiAgICBjb25zdCBjb21wdXRlZFN0eWxlcyA9IHVzZVRleHRTdHlsZSh7IHZhcmlhbnQsIGFjY2VudCwgY29sb3IsIGNlbnRlcmVkLCB0ZXh0VHJhbnNmb3JtIH0pO1xuXG4gICAgY29uc3Qgc3RyZXRjaFN0eWxlID0gc3RyZXRjaCA/IHsgZmxleDogMSB9IDogdW5kZWZpbmVkO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRleHRWYXJpYW50UHJvdmlkZXIgdmFsdWU9e2NvbXB1dGVkU3R5bGVzfT5cbiAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e3sgLi4uY29tcHV0ZWRTdHlsZXMsIC4uLnN0cmV0Y2hTdHlsZSB9fSB7Li4ucmVzdH0+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9STlRleHQ+XG4gICAgICAgIDwvVGV4dFZhcmlhbnRQcm92aWRlcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFRleHRQcm9wcz4gPSBtZW1vKFRleHRCYXNlKTtcbiJdLCJuYW1lcyI6WyJSTlRleHQiXSwibWFwcGluZ3MiOiI7Ozs7O0FBU0EsTUFBTSxRQUFRLEdBQWtCLENBQUMsRUFDN0IsT0FBTyxFQUNQLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixPQUFPLEVBQ1AsUUFBUSxFQUNSLEdBQUcsSUFBSSxFQUNWO0lBQ0csTUFBTSxjQUFjLEdBQUcsWUFBWSxDQUFDLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFFekYsTUFBTSxZQUFZLEdBQUcsT0FBTyxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxHQUFHLFNBQVMsQ0FBQztJQUV2RCxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBRSxjQUFjO1FBQ3RDLG9CQUFDQSxNQUFNLGtCQUFDLEtBQUssRUFBRSxFQUFFLEdBQUcsY0FBYyxFQUFFLEdBQUcsWUFBWSxFQUFFLElBQU0sSUFBSSxHQUMxRCxRQUFRLENBQ0osQ0FDUyxFQUN4QjtBQUNOLENBQUMsQ0FBQztNQUVXLElBQUksR0FBa0IsSUFBSSxDQUFDLFFBQVE7Ozs7In0=
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ColorName, TextAccent, TextWeight } from '@preply/ds-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { TextStyle as RNTextStyle } from 'react-native';
|
|
4
|
+
export interface TextInlineProps {
|
|
5
|
+
accent?: TextAccent;
|
|
6
|
+
color?: ColorName;
|
|
7
|
+
weight?: TextWeight;
|
|
8
|
+
italic?: boolean;
|
|
9
|
+
textTransform?: RNTextStyle['textTransform'];
|
|
10
|
+
}
|
|
11
|
+
export declare const TextInline: FC<TextInlineProps>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { memo, useContext } from 'react';
|
|
2
|
+
import { Text } from 'react-native';
|
|
3
|
+
import { useTextColorStyle } from '../../props/typography/hooks/private/useTextColorStyle.js';
|
|
4
|
+
import { getNewFontFamily } from '../../props/typography/utils/fontFamily.js';
|
|
5
|
+
import { TextVariantContext, TextVariantProvider } from '../../providers/TextVariantProvider.js';
|
|
6
|
+
|
|
7
|
+
const TextInlineBase = ({ accent, color, weight, italic, textTransform, children, }) => {
|
|
8
|
+
const parentStyle = useContext(TextVariantContext);
|
|
9
|
+
if (!parentStyle) {
|
|
10
|
+
throw new Error('TextInline must always be a child of either Text or Heading');
|
|
11
|
+
}
|
|
12
|
+
const fontFamilyStyle = {
|
|
13
|
+
fontFamily: getNewFontFamily(parentStyle.fontFamily, weight, italic),
|
|
14
|
+
};
|
|
15
|
+
const computedColorStyle = useTextColorStyle(color, accent);
|
|
16
|
+
const useParentColor = !color && !accent;
|
|
17
|
+
const colorStyle = useParentColor ? undefined : computedColorStyle;
|
|
18
|
+
const textInlineStyle = { ...parentStyle, ...fontFamilyStyle, ...colorStyle, textTransform };
|
|
19
|
+
return (React.createElement(TextVariantProvider, { value: textInlineStyle },
|
|
20
|
+
React.createElement(Text, { style: textInlineStyle }, children)));
|
|
21
|
+
};
|
|
22
|
+
const TextInline = memo(TextInlineBase);
|
|
23
|
+
|
|
24
|
+
export { TextInline };
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck5hbWUsIFRleHRBY2NlbnQsIFRleHRXZWlnaHQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBtZW1vLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCBhcyBSTlRleHQsIFRleHRTdHlsZSBhcyBSTlRleHRTdHlsZSB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IHVzZVRleHRDb2xvclN0eWxlIH0gZnJvbSAnLi4vLi4vcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL3VzZVRleHRDb2xvclN0eWxlJztcbmltcG9ydCB7IGdldE5ld0ZvbnRGYW1pbHkgfSBmcm9tICcuLi8uLi9wcm9wcy90eXBvZ3JhcGh5L3V0aWxzL2ZvbnRGYW1pbHknO1xuaW1wb3J0IHsgVGV4dFZhcmlhbnRDb250ZXh0LCBUZXh0VmFyaWFudFByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RleHRWYXJpYW50UHJvdmlkZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRleHRJbmxpbmVQcm9wcyB7XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICB3ZWlnaHQ/OiBUZXh0V2VpZ2h0O1xuICAgIGl0YWxpYz86IGJvb2xlYW47XG4gICAgdGV4dFRyYW5zZm9ybT86IFJOVGV4dFN0eWxlWyd0ZXh0VHJhbnNmb3JtJ107XG59XG5cbmNvbnN0IFRleHRJbmxpbmVCYXNlOiBGQzxUZXh0SW5saW5lUHJvcHM+ID0gKHtcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgd2VpZ2h0LFxuICAgIGl0YWxpYyxcbiAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIGNvbnN0IHBhcmVudFN0eWxlID0gdXNlQ29udGV4dChUZXh0VmFyaWFudENvbnRleHQpO1xuXG4gICAgaWYgKCFwYXJlbnRTdHlsZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1RleHRJbmxpbmUgbXVzdCBhbHdheXMgYmUgYSBjaGlsZCBvZiBlaXRoZXIgVGV4dCBvciBIZWFkaW5nJyk7XG4gICAgfVxuXG4gICAgY29uc3QgZm9udEZhbWlseVN0eWxlID0ge1xuICAgICAgICBmb250RmFtaWx5OiBnZXROZXdGb250RmFtaWx5KHBhcmVudFN0eWxlLmZvbnRGYW1pbHksIHdlaWdodCwgaXRhbGljKSxcbiAgICB9O1xuXG4gICAgY29uc3QgY29tcHV0ZWRDb2xvclN0eWxlID0gdXNlVGV4dENvbG9yU3R5bGUoY29sb3IsIGFjY2VudCk7XG4gICAgY29uc3QgdXNlUGFyZW50Q29sb3IgPSAhY29sb3IgJiYgIWFjY2VudDtcbiAgICBjb25zdCBjb2xvclN0eWxlID0gdXNlUGFyZW50Q29sb3IgPyB1bmRlZmluZWQgOiBjb21wdXRlZENvbG9yU3R5bGU7XG5cbiAgICBjb25zdCB0ZXh0SW5saW5lU3R5bGUgPSB7IC4uLnBhcmVudFN0eWxlLCAuLi5mb250RmFtaWx5U3R5bGUsIC4uLmNvbG9yU3R5bGUsIHRleHRUcmFuc2Zvcm0gfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0VmFyaWFudFByb3ZpZGVyIHZhbHVlPXt0ZXh0SW5saW5lU3R5bGV9PlxuICAgICAgICAgICAgPFJOVGV4dCBzdHlsZT17dGV4dElubGluZVN0eWxlfT57Y2hpbGRyZW59PC9STlRleHQ+XG4gICAgICAgIDwvVGV4dFZhcmlhbnRQcm92aWRlcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRleHRJbmxpbmU6IEZDPFRleHRJbmxpbmVQcm9wcz4gPSBtZW1vKFRleHRJbmxpbmVCYXNlKTtcbiJdLCJuYW1lcyI6WyJSTlRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWdCQSxNQUFNLGNBQWMsR0FBd0IsQ0FBQyxFQUN6QyxNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04sYUFBYSxFQUNiLFFBQVEsR0FDWDtJQUNHLE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBRW5ELElBQUksQ0FBQyxXQUFXLEVBQUU7UUFDZCxNQUFNLElBQUksS0FBSyxDQUFDLDZEQUE2RCxDQUFDLENBQUM7S0FDbEY7SUFFRCxNQUFNLGVBQWUsR0FBRztRQUNwQixVQUFVLEVBQUUsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDO0tBQ3ZFLENBQUM7SUFFRixNQUFNLGtCQUFrQixHQUFHLGlCQUFpQixDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztJQUM1RCxNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN6QyxNQUFNLFVBQVUsR0FBRyxjQUFjLEdBQUcsU0FBUyxHQUFHLGtCQUFrQixDQUFDO0lBRW5FLE1BQU0sZUFBZSxHQUFHLEVBQUUsR0FBRyxXQUFXLEVBQUUsR0FBRyxlQUFlLEVBQUUsR0FBRyxVQUFVLEVBQUUsYUFBYSxFQUFFLENBQUM7SUFFN0YsUUFDSSxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUUsZUFBZTtRQUN2QyxvQkFBQ0EsSUFBTSxJQUFDLEtBQUssRUFBRSxlQUFlLElBQUcsUUFBUSxDQUFVLENBQ2pDLEVBQ3hCO0FBQ04sQ0FBQyxDQUFDO01BRVcsVUFBVSxHQUF3QixJQUFJLENBQUMsY0FBYzs7OzsifQ==
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { Heading } from './Heading/Heading';
|
|
2
|
-
export { LayoutFlex } from './LayoutFlex/LayoutFlex';
|
|
3
|
-
export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem';
|
|
4
|
-
export { Text } from './Text/Text';
|
|
1
|
+
export { Heading, HeadingProps } from './Heading/Heading';
|
|
2
|
+
export { LayoutFlex, LayoutFlexProps } from './LayoutFlex/LayoutFlex';
|
|
3
|
+
export { LayoutFlexItem, LayoutFlexItemProps } from './LayoutFlexItem/LayoutFlexItem';
|
|
4
|
+
export { Text, TextProps } from './Text/Text';
|
|
5
|
+
export { TextInline, TextInlineProps } from './TextInline/TextInline';
|
package/dist/components/index.js
CHANGED
|
@@ -2,4 +2,5 @@ export { Heading } from './Heading/Heading.js';
|
|
|
2
2
|
export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
|
|
3
3
|
export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
|
|
4
4
|
export { Text } from './Text/Text.js';
|
|
5
|
-
|
|
5
|
+
export { TextInline } from './TextInline/TextInline.js';
|
|
6
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9
|
package/dist/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { Heading } from './components/Heading/Heading.js';
|
|
|
2
2
|
export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
|
|
3
3
|
export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
|
|
4
4
|
export { Text } from './components/Text/Text.js';
|
|
5
|
+
export { TextInline } from './components/TextInline/TextInline.js';
|
|
5
6
|
export { useHeadingStyle } from './props/typography/hooks/useHeadingStyle.js';
|
|
6
7
|
export { useTextStyle } from './props/typography/hooks/useTextStyle.js';
|
|
7
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7In0=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LayoutAlignSelf } from '@preply/ds-core';
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
3
|
export interface LayoutFlexItemStyle {
|
|
4
|
-
stretch?: boolean;
|
|
5
4
|
alignSelf?: LayoutAlignSelf;
|
|
5
|
+
flex?: number;
|
|
6
6
|
}
|
|
7
|
-
export declare function useLayoutFlexItemStyle({ alignSelf,
|
|
7
|
+
export declare function useLayoutFlexItemStyle({ alignSelf, flex, }: LayoutFlexItemStyle): Pick<ViewStyle, 'alignSelf' | 'flex'>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import { alignSelfMap } from '../private/constants.js';
|
|
3
3
|
|
|
4
|
-
function useLayoutFlexItemStyle({ alignSelf,
|
|
4
|
+
function useLayoutFlexItemStyle({ alignSelf, flex, }) {
|
|
5
5
|
return useMemo(() => {
|
|
6
6
|
return {
|
|
7
|
+
...(flex ? { flex } : {}),
|
|
7
8
|
...(alignSelf ? { alignSelf: alignSelfMap[alignSelf] } : {}),
|
|
8
|
-
...(stretch ? { flex: 1 } : {}),
|
|
9
9
|
};
|
|
10
|
-
}, [alignSelf,
|
|
10
|
+
}, [alignSelf, flex]);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
export { useLayoutFlexItemStyle };
|
|
14
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleEl0ZW1TdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3Byb3BzL2xheW91dC9ob29rcy91c2VMYXlvdXRGbGV4SXRlbVN0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExheW91dEFsaWduU2VsZiB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25TZWxmTWFwIH0gZnJvbSAnLi4vcHJpdmF0ZS9jb25zdGFudHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIExheW91dEZsZXhJdGVtU3R5bGUge1xuICAgIGFsaWduU2VsZj86IExheW91dEFsaWduU2VsZjtcbiAgICBmbGV4PzogbnVtYmVyO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlTGF5b3V0RmxleEl0ZW1TdHlsZSh7XG4gICAgYWxpZ25TZWxmLFxuICAgIGZsZXgsXG59OiBMYXlvdXRGbGV4SXRlbVN0eWxlKTogUGljazxWaWV3U3R5bGUsICdhbGlnblNlbGYnIHwgJ2ZsZXgnPiB7XG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uKGZsZXggPyB7IGZsZXggfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihhbGlnblNlbGYgPyB7IGFsaWduU2VsZjogYWxpZ25TZWxmTWFwW2FsaWduU2VsZl0gfSA6IHt9KSxcbiAgICAgICAgfTtcbiAgICB9LCBbYWxpZ25TZWxmLCBmbGV4XSk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O1NBV2dCLHNCQUFzQixDQUFDLEVBQ25DLFNBQVMsRUFDVCxJQUFJLEdBQ2M7SUFDbEIsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPO1lBQ0gsSUFBSSxJQUFJLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDekIsSUFBSSxTQUFTLEdBQUcsRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQy9ELENBQUM7S0FDTCxFQUFFLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7QUFDMUI7Ozs7In0=
|
|
@@ -2,9 +2,10 @@ import { LayoutAlignItems, LayoutFlexDirection, LayoutJustifyContent, LayoutPadd
|
|
|
2
2
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
3
|
export interface LayoutFlexStyle {
|
|
4
4
|
padding?: ShortHand<LayoutPadding>;
|
|
5
|
-
|
|
5
|
+
wrap?: boolean;
|
|
6
6
|
direction?: LayoutFlexDirection;
|
|
7
7
|
justifyContent?: LayoutJustifyContent;
|
|
8
8
|
alignItems?: LayoutAlignItems;
|
|
9
|
+
flex?: number;
|
|
9
10
|
}
|
|
10
|
-
export declare function useLayoutFlexStyle({ padding, direction,
|
|
11
|
+
export declare function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyContent, flex, }: LayoutFlexStyle): StyleProp<ViewStyle>;
|
|
@@ -3,18 +3,19 @@ import { StyleSheet } from 'react-native';
|
|
|
3
3
|
import { alignItemsMap, justifyContentMap } from '../private/constants.js';
|
|
4
4
|
import { usePaddingStyle } from './usePaddingStyle.js';
|
|
5
5
|
|
|
6
|
-
function useLayoutFlexStyle({ padding, direction,
|
|
6
|
+
function useLayoutFlexStyle({ padding, direction, wrap, alignItems, justifyContent, flex, }) {
|
|
7
7
|
const paddingStyle = usePaddingStyle(padding);
|
|
8
8
|
const flexStyle = useMemo(() => {
|
|
9
9
|
return {
|
|
10
|
+
...(flex ? { flex } : {}),
|
|
10
11
|
...(direction ? { flexDirection: direction } : {}),
|
|
11
|
-
...(
|
|
12
|
+
...(wrap ? { flexWrap: 'wrap' } : {}),
|
|
12
13
|
...(alignItems ? { alignItems: alignItemsMap[alignItems] } : {}),
|
|
13
14
|
...(justifyContent ? { justifyContent: justifyContentMap[justifyContent] } : {}),
|
|
14
15
|
};
|
|
15
|
-
}, [alignItems, direction, justifyContent,
|
|
16
|
+
}, [alignItems, direction, justifyContent, wrap, flex]);
|
|
16
17
|
return useMemo(() => StyleSheet.flatten([paddingStyle, flexStyle]), [paddingStyle, flexStyle]);
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
export { useLayoutFlexStyle };
|
|
20
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dEFsaWduSXRlbXMsXG4gICAgTGF5b3V0RmxleERpcmVjdGlvbixcbiAgICBMYXlvdXRKdXN0aWZ5Q29udGVudCxcbiAgICBMYXlvdXRQYWRkaW5nLFxuICAgIFNob3J0SGFuZCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGbGV4U3R5bGUsIFN0eWxlUHJvcCwgU3R5bGVTaGVldCwgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25JdGVtc01hcCwganVzdGlmeUNvbnRlbnRNYXAgfSBmcm9tICcuLi9wcml2YXRlL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7IHVzZVBhZGRpbmdTdHlsZSB9IGZyb20gJy4vdXNlUGFkZGluZ1N0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4U3R5bGUge1xuICAgIHBhZGRpbmc/
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvbGF5b3V0L2hvb2tzL3VzZUxheW91dEZsZXhTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIExheW91dEFsaWduSXRlbXMsXG4gICAgTGF5b3V0RmxleERpcmVjdGlvbixcbiAgICBMYXlvdXRKdXN0aWZ5Q29udGVudCxcbiAgICBMYXlvdXRQYWRkaW5nLFxuICAgIFNob3J0SGFuZCxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGbGV4U3R5bGUsIFN0eWxlUHJvcCwgU3R5bGVTaGVldCwgVmlld1N0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgYWxpZ25JdGVtc01hcCwganVzdGlmeUNvbnRlbnRNYXAgfSBmcm9tICcuLi9wcml2YXRlL2NvbnN0YW50cyc7XG5cbmltcG9ydCB7IHVzZVBhZGRpbmdTdHlsZSB9IGZyb20gJy4vdXNlUGFkZGluZ1N0eWxlJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRGbGV4U3R5bGUge1xuICAgIHBhZGRpbmc/OiBTaG9ydEhhbmQ8TGF5b3V0UGFkZGluZz47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgZGlyZWN0aW9uPzogTGF5b3V0RmxleERpcmVjdGlvbjtcbiAgICBqdXN0aWZ5Q29udGVudD86IExheW91dEp1c3RpZnlDb250ZW50O1xuICAgIGFsaWduSXRlbXM/OiBMYXlvdXRBbGlnbkl0ZW1zO1xuICAgIGZsZXg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VMYXlvdXRGbGV4U3R5bGUoe1xuICAgIHBhZGRpbmcsXG4gICAgZGlyZWN0aW9uLFxuICAgIHdyYXAsXG4gICAgYWxpZ25JdGVtcyxcbiAgICBqdXN0aWZ5Q29udGVudCxcbiAgICBmbGV4LFxufTogTGF5b3V0RmxleFN0eWxlKTogU3R5bGVQcm9wPFZpZXdTdHlsZT4ge1xuICAgIGNvbnN0IHBhZGRpbmdTdHlsZSA9IHVzZVBhZGRpbmdTdHlsZShwYWRkaW5nKTtcblxuICAgIGNvbnN0IGZsZXhTdHlsZTogRmxleFN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi4oZmxleCA/IHsgZmxleCB9IDoge30pLFxuICAgICAgICAgICAgLi4uKGRpcmVjdGlvbiA/IHsgZmxleERpcmVjdGlvbjogZGlyZWN0aW9uIH0gOiB7fSksXG4gICAgICAgICAgICAuLi4od3JhcCA/IHsgZmxleFdyYXA6ICd3cmFwJyB9IDoge30pLFxuICAgICAgICAgICAgLi4uKGFsaWduSXRlbXMgPyB7IGFsaWduSXRlbXM6IGFsaWduSXRlbXNNYXBbYWxpZ25JdGVtc10gfSA6IHt9KSxcbiAgICAgICAgICAgIC4uLihqdXN0aWZ5Q29udGVudCA/IHsganVzdGlmeUNvbnRlbnQ6IGp1c3RpZnlDb250ZW50TWFwW2p1c3RpZnlDb250ZW50XSB9IDoge30pLFxuICAgICAgICB9O1xuICAgIH0sIFthbGlnbkl0ZW1zLCBkaXJlY3Rpb24sIGp1c3RpZnlDb250ZW50LCB3cmFwLCBmbGV4XSk7XG5cbiAgICByZXR1cm4gdXNlTWVtbygoKSA9PiBTdHlsZVNoZWV0LmZsYXR0ZW4oW3BhZGRpbmdTdHlsZSwgZmxleFN0eWxlXSksIFtwYWRkaW5nU3R5bGUsIGZsZXhTdHlsZV0pO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O1NBdUJnQixrQkFBa0IsQ0FBQyxFQUMvQixPQUFPLEVBQ1AsU0FBUyxFQUNULElBQUksRUFDSixVQUFVLEVBQ1YsY0FBYyxFQUNkLElBQUksR0FDVTtJQUNkLE1BQU0sWUFBWSxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUU5QyxNQUFNLFNBQVMsR0FBYyxPQUFPLENBQUM7UUFDakMsT0FBTztZQUNILElBQUksSUFBSSxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ3pCLElBQUksU0FBUyxHQUFHLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQztZQUNsRCxJQUFJLElBQUksR0FBRyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7WUFDckMsSUFBSSxVQUFVLEdBQUcsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1lBQ2hFLElBQUksY0FBYyxHQUFHLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixDQUFDLGNBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQ25GLENBQUM7S0FDTCxFQUFFLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7SUFFeEQsT0FBTyxPQUFPLENBQUMsTUFBTSxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztBQUNuRzs7OzsifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
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) => {
|
|
1
|
+
export declare const useTextColorStyle: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "branded" | "positive" | undefined) => {
|
|
2
2
|
color: string | import("react-native").OpaqueColorValue | undefined;
|
|
3
3
|
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
import { ColorName, TextAccent } from '@preply/ds-core';
|
|
2
1
|
import { TextStyle as RNTextStyle } from 'react-native';
|
|
3
|
-
|
|
4
|
-
accent?: TextAccent;
|
|
5
|
-
color?: ColorName;
|
|
6
|
-
centered?: boolean;
|
|
7
|
-
}
|
|
2
|
+
import { TextStyleCommonProps } from '../../types';
|
|
8
3
|
interface UseTextSharedStyleResponse {
|
|
9
4
|
color: RNTextStyle['color'];
|
|
10
5
|
textAlign: RNTextStyle['textAlign'];
|
|
6
|
+
textTransform: RNTextStyle['textTransform'];
|
|
11
7
|
}
|
|
12
|
-
export declare const useTextSharedStyle: ({ accent, color, centered, }:
|
|
8
|
+
export declare const useTextSharedStyle: ({ accent, color, centered, textTransform, }: TextStyleCommonProps) => UseTextSharedStyleResponse;
|
|
13
9
|
export {};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import { useTextColorStyle } from './useTextColorStyle.js';
|
|
3
3
|
|
|
4
|
-
const useTextSharedStyle = ({ accent, color, centered, }) => {
|
|
4
|
+
const useTextSharedStyle = ({ accent, color, centered, textTransform, }) => {
|
|
5
5
|
const colorStyle = useTextColorStyle(color, accent);
|
|
6
6
|
return useMemo(() => {
|
|
7
7
|
const centeredStyle = {
|
|
8
8
|
textAlign: centered ? 'center' : 'left',
|
|
9
9
|
};
|
|
10
|
-
return { ...colorStyle, ...centeredStyle };
|
|
11
|
-
}, [centered, colorStyle]);
|
|
10
|
+
return { ...colorStyle, ...centeredStyle, textTransform };
|
|
11
|
+
}, [centered, colorStyle, textTransform]);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { useTextSharedStyle };
|
|
15
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFNoYXJlZFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL3VzZVRleHRTaGFyZWRTdHlsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dFN0eWxlIGFzIFJOVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgVGV4dFN0eWxlQ29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmltcG9ydCB7IHVzZVRleHRDb2xvclN0eWxlIH0gZnJvbSAnLi91c2VUZXh0Q29sb3JTdHlsZSc7XG5cbmludGVyZmFjZSBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSB7XG4gICAgY29sb3I6IFJOVGV4dFN0eWxlWydjb2xvciddO1xuICAgIHRleHRBbGlnbjogUk5UZXh0U3R5bGVbJ3RleHRBbGlnbiddO1xuICAgIHRleHRUcmFuc2Zvcm06IFJOVGV4dFN0eWxlWyd0ZXh0VHJhbnNmb3JtJ107XG59XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0U2hhcmVkU3R5bGUgPSAoe1xuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxufTogVGV4dFN0eWxlQ29tbW9uUHJvcHMpOiBVc2VUZXh0U2hhcmVkU3R5bGVSZXNwb25zZSA9PiB7XG4gICAgY29uc3QgY29sb3JTdHlsZSA9IHVzZVRleHRDb2xvclN0eWxlKGNvbG9yLCBhY2NlbnQpO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBjZW50ZXJlZFN0eWxlOiB7IHRleHRBbGlnbjogUk5UZXh0U3R5bGVbJ3RleHRBbGlnbiddIH0gPSB7XG4gICAgICAgICAgICB0ZXh0QWxpZ246IGNlbnRlcmVkID8gJ2NlbnRlcicgOiAnbGVmdCcsXG4gICAgICAgIH07XG4gICAgICAgIHJldHVybiB7IC4uLmNvbG9yU3R5bGUsIC4uLmNlbnRlcmVkU3R5bGUsIHRleHRUcmFuc2Zvcm0gfTtcbiAgICB9LCBbY2VudGVyZWQsIGNvbG9yU3R5bGUsIHRleHRUcmFuc2Zvcm1dKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BYWEsa0JBQWtCLEdBQUcsQ0FBQyxFQUMvQixNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEdBQ007SUFDbkIsTUFBTSxVQUFVLEdBQUcsaUJBQWlCLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBRXBELE9BQU8sT0FBTyxDQUFDO1FBQ1gsTUFBTSxhQUFhLEdBQTRDO1lBQzNELFNBQVMsRUFBRSxRQUFRLEdBQUcsUUFBUSxHQUFHLE1BQU07U0FDMUMsQ0FBQztRQUNGLE9BQU8sRUFBRSxHQUFHLFVBQVUsRUFBRSxHQUFHLGFBQWEsRUFBRSxhQUFhLEVBQUUsQ0FBQztLQUM3RCxFQUFFLENBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDO0FBQzlDOzs7OyJ9
|
|
@@ -1,39 +1,11 @@
|
|
|
1
1
|
import { root } from '@preply/ds-core';
|
|
2
2
|
import { useStyleSheet } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
|
+
import { getFontFamily } from '../../utils/fontFamily.js';
|
|
4
5
|
|
|
5
6
|
const fontFamilyRawStyle = {
|
|
6
7
|
fontFamily: root.text.base.typeface,
|
|
7
8
|
};
|
|
8
|
-
const isItalic = (fontStyle) => {
|
|
9
|
-
return fontStyle === 'italic' || fontStyle === 'oblique 10deg';
|
|
10
|
-
};
|
|
11
|
-
const getFontWeightString = (fontWeight, fontStyle) => {
|
|
12
|
-
switch (fontWeight) {
|
|
13
|
-
case 'normal':
|
|
14
|
-
case '400': {
|
|
15
|
-
return isItalic(fontStyle) ? '' : 'Regular';
|
|
16
|
-
}
|
|
17
|
-
case '500': {
|
|
18
|
-
return 'Medium';
|
|
19
|
-
}
|
|
20
|
-
case 'bold':
|
|
21
|
-
case '700': {
|
|
22
|
-
return 'Bold';
|
|
23
|
-
}
|
|
24
|
-
default: {
|
|
25
|
-
return isItalic(fontStyle) ? '' : 'Regular';
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const getFontStyleString = (fontStyle) => {
|
|
30
|
-
return isItalic(fontStyle) ? 'Italic' : '';
|
|
31
|
-
};
|
|
32
|
-
const getFontFamily = (fontFamily, fontWeight, fontStyle) => {
|
|
33
|
-
const fontWeightString = getFontWeightString(fontWeight, fontStyle);
|
|
34
|
-
const fontStyleString = getFontStyleString(fontStyle);
|
|
35
|
-
return `${fontFamily}-${fontWeightString}${fontStyleString}`;
|
|
36
|
-
};
|
|
37
9
|
const useTextVariantStyle = (variantRawStyles) => {
|
|
38
10
|
const styles = useStyleSheet({
|
|
39
11
|
fontFamily: fontFamilyRawStyle,
|
|
@@ -55,4 +27,4 @@ const useTextVariantStyle = (variantRawStyles) => {
|
|
|
55
27
|
};
|
|
56
28
|
|
|
57
29
|
export { useTextVariantStyle };
|
|
58
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFZhcmlhbnRTdHlsZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL3Byb3BzL3R5cG9ncmFwaHkvaG9va3MvcHJpdmF0ZS91c2VUZXh0VmFyaWFudFN0eWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRleHRXZWlnaHQsIHJvb3QgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuaW1wb3J0IHsgdXNlU3R5bGVTaGVldCB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUZXh0VmFyaWFudFN0eWxlIH0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IHsgZ2V0Rm9udEZhbWlseSB9IGZyb20gJy4uLy4uL3V0aWxzL2ZvbnRGYW1pbHknO1xuXG5pbnRlcmZhY2UgVmFyaWFudFJhd1N0eWxlcyB7XG4gICAgZm9udFNpemU6IFRva2VuO1xuICAgIGZvbnRXZWlnaHQ6IFRva2VuO1xuICAgIGxpbmVIZWlnaHQ6IFRva2VuO1xuICAgIGxldHRlclNwYWNpbmc6IFRva2VuO1xuICAgIGZvbnRTdHlsZTogVG9rZW47XG59XG5cbmNvbnN0IGZvbnRGYW1pbHlSYXdTdHlsZSA9IHtcbiAgICBmb250RmFtaWx5OiByb290LnRleHQuYmFzZS50eXBlZmFjZSxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0VmFyaWFudFN0eWxlID0gKHZhcmlhbnRSYXdTdHlsZXM6IFZhcmlhbnRSYXdTdHlsZXMpOiBUZXh0VmFyaWFudFN0eWxlID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSB1c2VTdHlsZVNoZWV0KHtcbiAgICAgICAgZm9udEZhbWlseTogZm9udEZhbWlseVJhd1N0eWxlLFxuICAgICAgICB2YXJpYW50OiB2YXJpYW50UmF3U3R5bGVzLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oXG4gICAgICAgICgpID0+ICh7XG4gICAgICAgICAgICBmb250RmFtaWx5OiBnZXRGb250RmFtaWx5KFxuICAgICAgICAgICAgICAgIHN0eWxlcy5mb250RmFtaWx5LmZvbnRGYW1pbHksXG4gICAgICAgICAgICAgICAgU3RyaW5nKHN0eWxlcy52YXJpYW50LmZvbnRXZWlnaHQpIGFzIFRleHRXZWlnaHQsXG4gICAgICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQuZm9udFN0eWxlLFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIGZvbnRTaXplOiBzdHlsZXMudmFyaWFudC5mb250U2l6ZSxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IHN0eWxlcy52YXJpYW50LmxldHRlclNwYWNpbmcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiBzdHlsZXMudmFyaWFudC5saW5lSGVpZ2h0LFxuICAgICAgICB9KSxcbiAgICAgICAgW1xuICAgICAgICAgICAgc3R5bGVzLmZvbnRGYW1pbHkuZm9udEZhbWlseSxcbiAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmZvbnRTaXplLFxuICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQuZm9udFN0eWxlLFxuICAgICAgICAgICAgc3R5bGVzLnZhcmlhbnQuZm9udFdlaWdodCxcbiAgICAgICAgICAgIHN0eWxlcy52YXJpYW50LmxldHRlclNwYWNpbmcsXG4gICAgICAgICAgICBzdHlsZXMudmFyaWFudC5saW5lSGVpZ2h0LFxuICAgICAgICBdLFxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBZ0JBLE1BQU0sa0JBQWtCLEdBQUc7SUFDdkIsVUFBVSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVE7Q0FDdEMsQ0FBQztNQUVXLG1CQUFtQixHQUFHLENBQUMsZ0JBQWtDO0lBQ2xFLE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQztRQUN6QixVQUFVLEVBQUUsa0JBQWtCO1FBQzlCLE9BQU8sRUFBRSxnQkFBZ0I7S0FDNUIsQ0FBQyxDQUFDO0lBRUgsT0FBTyxPQUFPLENBQ1YsT0FBTztRQUNILFVBQVUsRUFBRSxhQUFhLENBQ3JCLE1BQU0sQ0FBQyxVQUFVLENBQUMsVUFBVSxFQUM1QixNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQWUsRUFDL0MsTUFBTSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQzNCO1FBQ0QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBUTtRQUNqQyxhQUFhLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxhQUFhO1FBQzNDLFVBQVUsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVU7S0FDeEMsQ0FBQyxFQUNGO1FBQ0ksTUFBTSxDQUFDLFVBQVUsQ0FBQyxVQUFVO1FBQzVCLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBUTtRQUN2QixNQUFNLENBQUMsT0FBTyxDQUFDLFNBQVM7UUFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVO1FBQ3pCLE1BQU0sQ0FBQyxPQUFPLENBQUMsYUFBYTtRQUM1QixNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVU7S0FDNUIsQ0FDSixDQUFDO0FBQ047Ozs7In0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { HeadingStyleProps, TextStyle } from '..';
|
|
2
|
-
export declare const useHeadingStyle: ({ level, large, accent, color, centered, }: HeadingStyleProps) => TextStyle;
|
|
2
|
+
export declare const useHeadingStyle: ({ level, large, accent, color, centered, textTransform, }: HeadingStyleProps) => TextStyle;
|
|
@@ -3,17 +3,17 @@ import { useMemo } from 'react';
|
|
|
3
3
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
4
4
|
import { useTextVariantStyle } from './private/useTextVariantStyle.js';
|
|
5
5
|
|
|
6
|
-
const useHeadingStyle = ({ level, large = false, accent, color, centered, }) => {
|
|
6
|
+
const useHeadingStyle = ({ level, large = false, accent, color, centered, textTransform, }) => {
|
|
7
7
|
const variantRawStyles = heading.level[level][large ? 'large' : 'normal'];
|
|
8
8
|
const variantStyle = useTextVariantStyle({
|
|
9
9
|
...variantRawStyles,
|
|
10
10
|
fontStyle: root.text.style.normal,
|
|
11
11
|
});
|
|
12
|
-
const textSharedStyle = useTextSharedStyle({ accent, color, centered });
|
|
12
|
+
const textSharedStyle = useTextSharedStyle({ accent, color, centered, textTransform });
|
|
13
13
|
return useMemo(() => {
|
|
14
14
|
return { ...variantStyle, ...textSharedStyle };
|
|
15
15
|
}, [textSharedStyle, variantStyle]);
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
export { useHeadingStyle };
|
|
19
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSGVhZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VIZWFkaW5nU3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaGVhZGluZywgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBIZWFkaW5nU3R5bGVQcm9wcywgVGV4dFN0eWxlIH0gZnJvbSAnLi4nO1xuXG5pbXBvcnQgeyB1c2VUZXh0U2hhcmVkU3R5bGUgfSBmcm9tICcuL3ByaXZhdGUvdXNlVGV4dFNoYXJlZFN0eWxlJztcbmltcG9ydCB7IHVzZVRleHRWYXJpYW50U3R5bGUgfSBmcm9tICcuL3ByaXZhdGUvdXNlVGV4dFZhcmlhbnRTdHlsZSc7XG5cbmV4cG9ydCBjb25zdCB1c2VIZWFkaW5nU3R5bGUgPSAoe1xuICAgIGxldmVsLFxuICAgIGxhcmdlID0gZmFsc2UsXG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIGNlbnRlcmVkLFxuICAgIHRleHRUcmFuc2Zvcm0sXG59OiBIZWFkaW5nU3R5bGVQcm9wcyk6IFRleHRTdHlsZSA9PiB7XG4gICAgY29uc3QgdmFyaWFudFJhd1N0eWxlcyA9IGhlYWRpbmcubGV2ZWxbbGV2ZWxdW2xhcmdlID8gJ2xhcmdlJyA6ICdub3JtYWwnXTtcbiAgICBjb25zdCB2YXJpYW50U3R5bGUgPSB1c2VUZXh0VmFyaWFudFN0eWxlKHtcbiAgICAgICAgLi4udmFyaWFudFJhd1N0eWxlcyxcbiAgICAgICAgZm9udFN0eWxlOiByb290LnRleHQuc3R5bGUubm9ybWFsLFxuICAgIH0pO1xuICAgIGNvbnN0IHRleHRTaGFyZWRTdHlsZSA9IHVzZVRleHRTaGFyZWRTdHlsZSh7IGFjY2VudCwgY29sb3IsIGNlbnRlcmVkLCB0ZXh0VHJhbnNmb3JtIH0pO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICByZXR1cm4geyAuLi52YXJpYW50U3R5bGUsIC4uLnRleHRTaGFyZWRTdHlsZSB9O1xuICAgIH0sIFt0ZXh0U2hhcmVkU3R5bGUsIHZhcmlhbnRTdHlsZV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztNQVFhLGVBQWUsR0FBRyxDQUFDLEVBQzVCLEtBQUssRUFDTCxLQUFLLEdBQUcsS0FBSyxFQUNiLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsR0FDRztJQUNoQixNQUFNLGdCQUFnQixHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsS0FBSyxHQUFHLE9BQU8sR0FBRyxRQUFRLENBQUMsQ0FBQztJQUMxRSxNQUFNLFlBQVksR0FBRyxtQkFBbUIsQ0FBQztRQUNyQyxHQUFHLGdCQUFnQjtRQUNuQixTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTTtLQUNwQyxDQUFDLENBQUM7SUFDSCxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFFdkYsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPLEVBQUUsR0FBRyxZQUFZLEVBQUUsR0FBRyxlQUFlLEVBQUUsQ0FBQztLQUNsRCxFQUFFLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUM7QUFDeEM7Ozs7In0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { TextStyle, TextStyleProps } from '..';
|
|
2
|
-
export declare const useTextStyle: ({ variant, accent, color, centered, }?: TextStyleProps) => TextStyle;
|
|
2
|
+
export declare const useTextStyle: ({ variant, accent, color, centered, textTransform, }?: TextStyleProps) => TextStyle;
|
|
@@ -4,14 +4,14 @@ import { useMemo } from 'react';
|
|
|
4
4
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
5
5
|
import { useTextVariantStyle } from './private/useTextVariantStyle.js';
|
|
6
6
|
|
|
7
|
-
const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, centered, } = {}) => {
|
|
7
|
+
const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, centered, textTransform, } = {}) => {
|
|
8
8
|
const variantRawStyles = text.variant[variant];
|
|
9
9
|
const variantStyle = useTextVariantStyle(variantRawStyles);
|
|
10
|
-
const textSharedStyle = useTextSharedStyle({ accent, color, centered });
|
|
10
|
+
const textSharedStyle = useTextSharedStyle({ accent, color, centered, textTransform });
|
|
11
11
|
return useMemo(() => {
|
|
12
12
|
return { ...variantStyle, ...textSharedStyle };
|
|
13
13
|
}, [textSharedStyle, variantStyle]);
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { useTextStyle };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VUZXh0U3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX1ZBUklBTlRfUk5fREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUZXh0U3R5bGUsIFRleHRTdHlsZVByb3BzIH0gZnJvbSAnLi4nO1xuXG5pbXBvcnQgeyB1c2VUZXh0U2hhcmVkU3R5bGUgfSBmcm9tICcuL3ByaXZhdGUvdXNlVGV4dFNoYXJlZFN0eWxlJztcbmltcG9ydCB7IHVzZVRleHRWYXJpYW50U3R5bGUgfSBmcm9tICcuL3ByaXZhdGUvdXNlVGV4dFZhcmlhbnRTdHlsZSc7XG5cbmV4cG9ydCBjb25zdCB1c2VUZXh0U3R5bGUgPSAoe1xuICAgIHZhcmlhbnQgPSBURVhUX1ZBUklBTlRfUk5fREVGQVVMVCxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgdGV4dFRyYW5zZm9ybSxcbn06IFRleHRTdHlsZVByb3BzID0ge30pOiBUZXh0U3R5bGUgPT4ge1xuICAgIGNvbnN0IHZhcmlhbnRSYXdTdHlsZXMgPSB0ZXh0LnZhcmlhbnRbdmFyaWFudF07XG4gICAgY29uc3QgdmFyaWFudFN0eWxlID0gdXNlVGV4dFZhcmlhbnRTdHlsZSh2YXJpYW50UmF3U3R5bGVzKTtcbiAgICBjb25zdCB0ZXh0U2hhcmVkU3R5bGUgPSB1c2VUZXh0U2hhcmVkU3R5bGUoeyBhY2NlbnQsIGNvbG9yLCBjZW50ZXJlZCwgdGV4dFRyYW5zZm9ybSB9KTtcblxuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHsgLi4udmFyaWFudFN0eWxlLCAuLi50ZXh0U2hhcmVkU3R5bGUgfTtcbiAgICB9LCBbdGV4dFNoYXJlZFN0eWxlLCB2YXJpYW50U3R5bGVdKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O01BU2EsWUFBWSxHQUFHLENBQUMsRUFDekIsT0FBTyxHQUFHLHVCQUF1QixFQUNqQyxNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLE1BQ0csRUFBRTtJQUNsQixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDL0MsTUFBTSxZQUFZLEdBQUcsbUJBQW1CLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMzRCxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFFdkYsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPLEVBQUUsR0FBRyxZQUFZLEVBQUUsR0FBRyxlQUFlLEVBQUUsQ0FBQztLQUNsRCxFQUFFLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUM7QUFDeEM7Ozs7In0=
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ColorName, HeadingLevel, TextAccent, TextVariant } from '@preply/ds-core';
|
|
2
2
|
import { TextStyle as RNTextStyle, TextProps } from 'react-native';
|
|
3
|
-
interface TextStyleCommonProps {
|
|
3
|
+
export interface TextStyleCommonProps {
|
|
4
4
|
accent?: TextAccent;
|
|
5
5
|
color?: ColorName;
|
|
6
6
|
centered?: boolean;
|
|
7
|
+
textTransform?: RNTextStyle['textTransform'];
|
|
7
8
|
}
|
|
8
9
|
export interface TextStyleProps extends TextStyleCommonProps {
|
|
9
10
|
variant?: TextVariant;
|
|
@@ -13,7 +14,7 @@ export interface HeadingStyleProps extends TextStyleCommonProps {
|
|
|
13
14
|
large?: boolean;
|
|
14
15
|
}
|
|
15
16
|
export interface TextVariantStyle {
|
|
16
|
-
fontFamily: RNTextStyle['fontFamily']
|
|
17
|
+
fontFamily: NonNullable<RNTextStyle['fontFamily']>;
|
|
17
18
|
fontSize: RNTextStyle['fontSize'];
|
|
18
19
|
letterSpacing: RNTextStyle['letterSpacing'];
|
|
19
20
|
lineHeight: RNTextStyle['lineHeight'];
|
|
@@ -22,5 +23,6 @@ export interface TextStyle extends TextVariantStyle {
|
|
|
22
23
|
color: RNTextStyle['color'];
|
|
23
24
|
textAlign: RNTextStyle['textAlign'];
|
|
24
25
|
}
|
|
25
|
-
export declare type TextCommonProps = Pick<TextProps, 'adjustsFontSizeToFit' | 'lineBreakMode' | 'numberOfLines' | 'testID'
|
|
26
|
-
|
|
26
|
+
export declare type TextCommonProps = Pick<TextProps, 'accessibilityLabel' | 'adjustsFontSizeToFit' | 'lineBreakMode' | 'numberOfLines' | 'testID'> & {
|
|
27
|
+
stretch?: boolean;
|
|
28
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TextWeight } from '@preply/ds-core';
|
|
2
|
+
export declare const getFontFamily: (fontFamily: string | undefined, fontWeight: TextWeight, fontStyle: "normal" | "italic" | undefined) => string;
|
|
3
|
+
export declare const getNewFontFamily: (fontFamily: string, fontWeight?: "normal" | "400" | "500" | "700" | "medium" | "bold" | undefined, italic?: boolean | undefined) => string;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
const FONT_REGULAR = 'Regular';
|
|
2
|
+
const FONT_MEDIUM = 'Medium';
|
|
3
|
+
const FONT_BOLD = 'Bold';
|
|
4
|
+
const FONT_ITALIC = 'Italic';
|
|
5
|
+
const isItalic = (fontStyle) => {
|
|
6
|
+
return fontStyle === 'italic' || fontStyle === 'oblique 10deg';
|
|
7
|
+
};
|
|
8
|
+
const getFontWeightString = (fontWeight, fontStyle) => {
|
|
9
|
+
switch (fontWeight) {
|
|
10
|
+
case 'medium':
|
|
11
|
+
case '500': {
|
|
12
|
+
return FONT_MEDIUM;
|
|
13
|
+
}
|
|
14
|
+
case 'bold':
|
|
15
|
+
case '700': {
|
|
16
|
+
return FONT_BOLD;
|
|
17
|
+
}
|
|
18
|
+
case 'normal':
|
|
19
|
+
case '400':
|
|
20
|
+
default: {
|
|
21
|
+
return isItalic(fontStyle) ? '' : FONT_REGULAR;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
const getFontWeightFromString = (fontFamily) => {
|
|
26
|
+
if (fontFamily.includes(FONT_MEDIUM)) {
|
|
27
|
+
return '500';
|
|
28
|
+
}
|
|
29
|
+
if (fontFamily.includes(FONT_BOLD)) {
|
|
30
|
+
return '700';
|
|
31
|
+
}
|
|
32
|
+
return '400';
|
|
33
|
+
};
|
|
34
|
+
const getFontStyleString = (fontStyle) => {
|
|
35
|
+
return isItalic(fontStyle) ? FONT_ITALIC : '';
|
|
36
|
+
};
|
|
37
|
+
const getFontStyleFromString = (fontFamily) => {
|
|
38
|
+
if (fontFamily.includes(FONT_ITALIC)) {
|
|
39
|
+
return 'italic';
|
|
40
|
+
}
|
|
41
|
+
return 'normal';
|
|
42
|
+
};
|
|
43
|
+
const getFontFamily = (fontFamily, fontWeight, fontStyle) => {
|
|
44
|
+
const fontWeightString = getFontWeightString(fontWeight, fontStyle);
|
|
45
|
+
const fontStyleString = getFontStyleString(fontStyle);
|
|
46
|
+
return `${fontFamily}-${fontWeightString}${fontStyleString}`;
|
|
47
|
+
};
|
|
48
|
+
const getNewFontFamily = (fontFamily, fontWeight, italic) => {
|
|
49
|
+
const [typeface, weightAndStyle] = fontFamily.split('-');
|
|
50
|
+
const prevFontWeight = getFontWeightFromString(weightAndStyle);
|
|
51
|
+
const prevFontStyle = getFontStyleFromString(weightAndStyle);
|
|
52
|
+
const newFontWeight = fontWeight !== null && fontWeight !== void 0 ? fontWeight : prevFontWeight;
|
|
53
|
+
const computedFontStyle = italic ? 'italic' : 'normal';
|
|
54
|
+
const newFontStyle = italic === undefined ? prevFontStyle : computedFontStyle;
|
|
55
|
+
return getFontFamily(typeface, newFontWeight, newFontStyle);
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
export { getFontFamily, getNewFontFamily };
|
|
59
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udEZhbWlseS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3Byb3BzL3R5cG9ncmFwaHkvdXRpbHMvZm9udEZhbWlseS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0V2VpZ2h0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFRleHRTdHlsZSBhcyBSTlRleHRTdHlsZSB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IFRleHRTdHlsZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgRk9OVF9SRUdVTEFSID0gJ1JlZ3VsYXInO1xuY29uc3QgRk9OVF9NRURJVU0gPSAnTWVkaXVtJztcbmNvbnN0IEZPTlRfQk9MRCA9ICdCb2xkJztcbmNvbnN0IEZPTlRfSVRBTElDID0gJ0l0YWxpYyc7XG5cbmNvbnN0IGlzSXRhbGljID0gKGZvbnRTdHlsZTogUk5UZXh0U3R5bGVbJ2ZvbnRTdHlsZSddIHwgJ29ibGlxdWUgMTBkZWcnKSA9PiB7XG4gICAgcmV0dXJuIGZvbnRTdHlsZSA9PT0gJ2l0YWxpYycgfHwgZm9udFN0eWxlID09PSAnb2JsaXF1ZSAxMGRlZyc7XG59O1xuXG5jb25zdCBnZXRGb250V2VpZ2h0U3RyaW5nID0gKFxuICAgIGZvbnRXZWlnaHQ6IFRleHRXZWlnaHQsXG4gICAgZm9udFN0eWxlOiBSTlRleHRTdHlsZVsnZm9udFN0eWxlJ10sXG4pOiBzdHJpbmcgPT4ge1xuICAgIHN3aXRjaCAoZm9udFdlaWdodCkge1xuICAgICAgICBjYXNlICdtZWRpdW0nOlxuICAgICAgICBjYXNlICc1MDAnOiB7XG4gICAgICAgICAgICByZXR1cm4gRk9OVF9NRURJVU07XG4gICAgICAgIH1cbiAgICAgICAgY2FzZSAnYm9sZCc6XG4gICAgICAgIGNhc2UgJzcwMCc6IHtcbiAgICAgICAgICAgIHJldHVybiBGT05UX0JPTEQ7XG4gICAgICAgIH1cbiAgICAgICAgY2FzZSAnbm9ybWFsJzpcbiAgICAgICAgY2FzZSAnNDAwJzpcbiAgICAgICAgZGVmYXVsdDoge1xuICAgICAgICAgICAgcmV0dXJuIGlzSXRhbGljKGZvbnRTdHlsZSkgPyAnJyA6IEZPTlRfUkVHVUxBUjtcbiAgICAgICAgfVxuICAgIH1cbn07XG5cbmNvbnN0IGdldEZvbnRXZWlnaHRGcm9tU3RyaW5nID0gKGZvbnRGYW1pbHk6IHN0cmluZyk6IFRleHRXZWlnaHQgPT4ge1xuICAgIGlmIChmb250RmFtaWx5LmluY2x1ZGVzKEZPTlRfTUVESVVNKSkge1xuICAgICAgICByZXR1cm4gJzUwMCc7XG4gICAgfVxuXG4gICAgaWYgKGZvbnRGYW1pbHkuaW5jbHVkZXMoRk9OVF9CT0xEKSkge1xuICAgICAgICByZXR1cm4gJzcwMCc7XG4gICAgfVxuXG4gICAgcmV0dXJuICc0MDAnO1xufTtcblxuY29uc3QgZ2V0Rm9udFN0eWxlU3RyaW5nID0gKGZvbnRTdHlsZTogUk5UZXh0U3R5bGVbJ2ZvbnRTdHlsZSddKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gaXNJdGFsaWMoZm9udFN0eWxlKSA/IEZPTlRfSVRBTElDIDogJyc7XG59O1xuXG5jb25zdCBnZXRGb250U3R5bGVGcm9tU3RyaW5nID0gKGZvbnRGYW1pbHk6IHN0cmluZyk6IFJOVGV4dFN0eWxlWydmb250U3R5bGUnXSA9PiB7XG4gICAgaWYgKGZvbnRGYW1pbHkuaW5jbHVkZXMoRk9OVF9JVEFMSUMpKSB7XG4gICAgICAgIHJldHVybiAnaXRhbGljJztcbiAgICB9XG5cbiAgICByZXR1cm4gJ25vcm1hbCc7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Rm9udEZhbWlseSA9IChcbiAgICBmb250RmFtaWx5OiBSTlRleHRTdHlsZVsnZm9udEZhbWlseSddLFxuICAgIGZvbnRXZWlnaHQ6IFRleHRXZWlnaHQsXG4gICAgZm9udFN0eWxlOiBSTlRleHRTdHlsZVsnZm9udFN0eWxlJ10sXG4pOiBUZXh0U3R5bGVbJ2ZvbnRGYW1pbHknXSA9PiB7XG4gICAgY29uc3QgZm9udFdlaWdodFN0cmluZyA9IGdldEZvbnRXZWlnaHRTdHJpbmcoZm9udFdlaWdodCwgZm9udFN0eWxlKTtcbiAgICBjb25zdCBmb250U3R5bGVTdHJpbmcgPSBnZXRGb250U3R5bGVTdHJpbmcoZm9udFN0eWxlKTtcblxuICAgIHJldHVybiBgJHtmb250RmFtaWx5fS0ke2ZvbnRXZWlnaHRTdHJpbmd9JHtmb250U3R5bGVTdHJpbmd9YDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXROZXdGb250RmFtaWx5ID0gKFxuICAgIGZvbnRGYW1pbHk6IFRleHRTdHlsZVsnZm9udEZhbWlseSddLFxuICAgIGZvbnRXZWlnaHQ/OiBUZXh0V2VpZ2h0LFxuICAgIGl0YWxpYz86IGJvb2xlYW4sXG4pOiBUZXh0U3R5bGVbJ2ZvbnRGYW1pbHknXSA9PiB7XG4gICAgY29uc3QgW3R5cGVmYWNlLCB3ZWlnaHRBbmRTdHlsZV0gPSBmb250RmFtaWx5LnNwbGl0KCctJyk7XG5cbiAgICBjb25zdCBwcmV2Rm9udFdlaWdodCA9IGdldEZvbnRXZWlnaHRGcm9tU3RyaW5nKHdlaWdodEFuZFN0eWxlKTtcbiAgICBjb25zdCBwcmV2Rm9udFN0eWxlID0gZ2V0Rm9udFN0eWxlRnJvbVN0cmluZyh3ZWlnaHRBbmRTdHlsZSk7XG5cbiAgICBjb25zdCBuZXdGb250V2VpZ2h0ID0gZm9udFdlaWdodCA/PyBwcmV2Rm9udFdlaWdodDtcblxuICAgIGNvbnN0IGNvbXB1dGVkRm9udFN0eWxlID0gaXRhbGljID8gJ2l0YWxpYycgOiAnbm9ybWFsJztcbiAgICBjb25zdCBuZXdGb250U3R5bGUgPSBpdGFsaWMgPT09IHVuZGVmaW5lZCA/IHByZXZGb250U3R5bGUgOiBjb21wdXRlZEZvbnRTdHlsZTtcblxuICAgIHJldHVybiBnZXRGb250RmFtaWx5KHR5cGVmYWNlLCBuZXdGb250V2VpZ2h0LCBuZXdGb250U3R5bGUpO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxNQUFNLFlBQVksR0FBRyxTQUFTLENBQUM7QUFDL0IsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDO0FBQzdCLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQztBQUN6QixNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUM7QUFFN0IsTUFBTSxRQUFRLEdBQUcsQ0FBQyxTQUFxRDtJQUNuRSxPQUFPLFNBQVMsS0FBSyxRQUFRLElBQUksU0FBUyxLQUFLLGVBQWUsQ0FBQztBQUNuRSxDQUFDLENBQUM7QUFFRixNQUFNLG1CQUFtQixHQUFHLENBQ3hCLFVBQXNCLEVBQ3RCLFNBQW1DO0lBRW5DLFFBQVEsVUFBVTtRQUNkLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxLQUFLLEVBQUU7WUFDUixPQUFPLFdBQVcsQ0FBQztTQUN0QjtRQUNELEtBQUssTUFBTSxDQUFDO1FBQ1osS0FBSyxLQUFLLEVBQUU7WUFDUixPQUFPLFNBQVMsQ0FBQztTQUNwQjtRQUNELEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxLQUFLLENBQUM7UUFDWCxTQUFTO1lBQ0wsT0FBTyxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxHQUFHLFlBQVksQ0FBQztTQUNsRDtLQUNKO0FBQ0wsQ0FBQyxDQUFDO0FBRUYsTUFBTSx1QkFBdUIsR0FBRyxDQUFDLFVBQWtCO0lBQy9DLElBQUksVUFBVSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRTtRQUNsQyxPQUFPLEtBQUssQ0FBQztLQUNoQjtJQUVELElBQUksVUFBVSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsRUFBRTtRQUNoQyxPQUFPLEtBQUssQ0FBQztLQUNoQjtJQUVELE9BQU8sS0FBSyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxTQUFtQztJQUMzRCxPQUFPLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBQ2xELENBQUMsQ0FBQztBQUVGLE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxVQUFrQjtJQUM5QyxJQUFJLFVBQVUsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLEVBQUU7UUFDbEMsT0FBTyxRQUFRLENBQUM7S0FDbkI7SUFFRCxPQUFPLFFBQVEsQ0FBQztBQUNwQixDQUFDLENBQUM7TUFFVyxhQUFhLEdBQUcsQ0FDekIsVUFBcUMsRUFDckMsVUFBc0IsRUFDdEIsU0FBbUM7SUFFbkMsTUFBTSxnQkFBZ0IsR0FBRyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDcEUsTUFBTSxlQUFlLEdBQUcsa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFdEQsT0FBTyxHQUFHLFVBQVUsSUFBSSxnQkFBZ0IsR0FBRyxlQUFlLEVBQUUsQ0FBQztBQUNqRSxFQUFFO01BRVcsZ0JBQWdCLEdBQUcsQ0FDNUIsVUFBbUMsRUFDbkMsVUFBdUIsRUFDdkIsTUFBZ0I7SUFFaEIsTUFBTSxDQUFDLFFBQVEsRUFBRSxjQUFjLENBQUMsR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBRXpELE1BQU0sY0FBYyxHQUFHLHVCQUF1QixDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sYUFBYSxHQUFHLHNCQUFzQixDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBRTdELE1BQU0sYUFBYSxHQUFHLFVBQVUsYUFBVixVQUFVLGNBQVYsVUFBVSxHQUFJLGNBQWMsQ0FBQztJQUVuRCxNQUFNLGlCQUFpQixHQUFHLE1BQU0sR0FBRyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQ3ZELE1BQU0sWUFBWSxHQUFHLE1BQU0sS0FBSyxTQUFTLEdBQUcsYUFBYSxHQUFHLGlCQUFpQixDQUFDO0lBRTlFLE9BQU8sYUFBYSxDQUFDLFFBQVEsRUFBRSxhQUFhLEVBQUUsWUFBWSxDQUFDLENBQUM7QUFDaEU7Ozs7In0=
|
|
@@ -3,5 +3,5 @@ import React from 'react';
|
|
|
3
3
|
const TextVariantContext = React.createContext(null);
|
|
4
4
|
const TextVariantProvider = TextVariantContext.Provider;
|
|
5
5
|
|
|
6
|
-
export { TextVariantProvider };
|
|
7
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
6
|
+
export { TextVariantContext, TextVariantProvider };
|
|
7
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dFZhcmlhbnRQcm92aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3ZpZGVycy9UZXh0VmFyaWFudFByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUZXh0U3R5bGUgfSBmcm9tICcuLi9wcm9wcy90eXBvZ3JhcGh5JztcblxuZXhwb3J0IGNvbnN0IFRleHRWYXJpYW50Q29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8VGV4dFN0eWxlIHwgbnVsbD4obnVsbCk7XG5cbmV4cG9ydCBjb25zdCBUZXh0VmFyaWFudFByb3ZpZGVyID0gVGV4dFZhcmlhbnRDb250ZXh0LlByb3ZpZGVyO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BSWEsa0JBQWtCLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBbUIsSUFBSSxFQUFFO01BRWpFLG1CQUFtQixHQUFHLGtCQUFrQixDQUFDOzs7OyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.47.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -18,15 +18,15 @@
|
|
|
18
18
|
"dev": "run build:rollup -w"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@preply/ds-core": "0.
|
|
22
|
-
"@preply/ds-rn-core": "0.
|
|
23
|
-
"@preply/ds-rn-root": "0.
|
|
21
|
+
"@preply/ds-core": "0.47.0",
|
|
22
|
+
"@preply/ds-rn-core": "0.47.0",
|
|
23
|
+
"@preply/ds-rn-root": "0.47.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
26
|
+
"@preply/ds-core": "0.47.0",
|
|
27
27
|
"@preply/ds-core-types": "0.43.2",
|
|
28
|
-
"@preply/ds-rn-core": "0.
|
|
29
|
-
"@preply/ds-rn-root": "0.
|
|
28
|
+
"@preply/ds-rn-core": "0.47.0",
|
|
29
|
+
"@preply/ds-rn-root": "0.47.0",
|
|
30
30
|
"react": "^16.8.3",
|
|
31
31
|
"react-native": "^0.63.4"
|
|
32
32
|
},
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"react-native": "^0.63.4",
|
|
39
39
|
"react-test-renderer": "16.8.3"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "9c70f1ccd45196cc6e404e1d4f59ebfe90f33e9d"
|
|
42
42
|
}
|