@preply/ds-rn-lib 0.65.1 → 0.65.2
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 +9 -4
- package/dist/components/Heading/Heading.js +4 -4
- package/dist/props/typography/hooks/private/normalizeHeadingLevel.js +16 -0
- package/dist/props/typography/hooks/private/normalizeTextVariant.js +2 -2
- package/dist/props/typography/hooks/useHeadingStyle.d.ts +2 -3
- package/dist/props/typography/hooks/useHeadingStyle.js +4 -4
- package/dist/props/typography/index.d.ts +1 -1
- package/dist/props/typography/types.d.ts +2 -2
- package/package.json +8 -8
- package/dist/props/typography/hooks/normalizeHeadingLevel.js +0 -16
- /package/dist/props/typography/hooks/{normalizeHeadingLevel.d.ts → private/normalizeHeadingLevel.d.ts} +0 -0
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface
|
|
2
|
+
import { HeadingStyleBoldProps, HeadingStyleTokyoProps, TextCommonProps } from '../../props/typography';
|
|
3
|
+
export interface HeadingBoldProps extends TextCommonProps, HeadingStyleBoldProps {
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export interface HeadingTokyoProps extends TextCommonProps, HeadingStyleTokyoProps {
|
|
6
|
+
}
|
|
7
|
+
export declare type HeadingProps = HeadingBoldProps | HeadingTokyoProps;
|
|
8
|
+
export declare const Heading: React.NamedExoticComponent<(HeadingBoldProps & {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}) | (HeadingTokyoProps & {
|
|
6
11
|
children: React.ReactNode;
|
|
7
|
-
}>;
|
|
12
|
+
})>;
|
|
@@ -3,9 +3,9 @@ import { Text, Platform } from 'react-native';
|
|
|
3
3
|
import { TextVariantProvider } from '../../providers/TextVariantProvider.js';
|
|
4
4
|
import { useHeadingStyle } from '../../props/typography/hooks/useHeadingStyle.js';
|
|
5
5
|
|
|
6
|
-
const HeadingBase = ({
|
|
6
|
+
const HeadingBase = ({ accent, color, centered, textTransform, stretch, children, testID, accessibilityLabel, adjustsFontSizeToFit, lineBreakMode, numberOfLines, onTextLayout, ...levelOrVariant }) => {
|
|
7
7
|
const computedStyles = useHeadingStyle({
|
|
8
|
-
|
|
8
|
+
...levelOrVariant,
|
|
9
9
|
accent,
|
|
10
10
|
color,
|
|
11
11
|
centered,
|
|
@@ -13,11 +13,11 @@ const HeadingBase = ({ level, accent, color, centered, textTransform, stretch, c
|
|
|
13
13
|
});
|
|
14
14
|
const stretchStyle = stretch ? { flex: 1 } : undefined;
|
|
15
15
|
return (React.createElement(TextVariantProvider, { value: computedStyles },
|
|
16
|
-
React.createElement(Text,
|
|
16
|
+
React.createElement(Text, { style: [computedStyles, stretchStyle], testID: testID, accessibilityLabel: accessibilityLabel, adjustsFontSizeToFit: adjustsFontSizeToFit, lineBreakMode: lineBreakMode, numberOfLines: numberOfLines, onTextLayout: onTextLayout },
|
|
17
17
|
Platform.OS === 'android' && computedStyles.lineHeight && (React.createElement(Text, { style: { lineHeight: computedStyles.lineHeight + 0.001 } })),
|
|
18
18
|
children)));
|
|
19
19
|
};
|
|
20
20
|
const Heading = memo(HeadingBase);
|
|
21
21
|
|
|
22
22
|
export { Heading };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFBsYXRmb3JtLCBUZXh0IGFzIFJOVGV4dCB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IHVzZUhlYWRpbmdTdHlsZSB9IGZyb20gJy4uLy4uL3Byb3BzJztcbmltcG9ydCB7IEZDV2l0aENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vcHJvcHMvY29tbW9uL3R5cGVzJztcbmltcG9ydCB7XG4gICAgSGVhZGluZ1N0eWxlQm9sZFByb3BzLFxuICAgIEhlYWRpbmdTdHlsZVRva3lvUHJvcHMsXG4gICAgVGV4dENvbW1vblByb3BzLFxufSBmcm9tICcuLi8uLi9wcm9wcy90eXBvZ3JhcGh5JztcbmltcG9ydCB7IFRleHRWYXJpYW50UHJvdmlkZXIgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVGV4dFZhcmlhbnRQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSGVhZGluZ0JvbGRQcm9wcyBleHRlbmRzIFRleHRDb21tb25Qcm9wcywgSGVhZGluZ1N0eWxlQm9sZFByb3BzIHt9XG5leHBvcnQgaW50ZXJmYWNlIEhlYWRpbmdUb2t5b1Byb3BzIGV4dGVuZHMgVGV4dENvbW1vblByb3BzLCBIZWFkaW5nU3R5bGVUb2t5b1Byb3BzIHt9XG5leHBvcnQgdHlwZSBIZWFkaW5nUHJvcHMgPSBIZWFkaW5nQm9sZFByb3BzIHwgSGVhZGluZ1Rva3lvUHJvcHM7XG5cbmNvbnN0IEhlYWRpbmdCYXNlOiBGQ1dpdGhDaGlsZHJlbjxIZWFkaW5nUHJvcHM+ID0gKHtcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgdGV4dFRyYW5zZm9ybSxcbiAgICBzdHJldGNoLFxuICAgIGNoaWxkcmVuLFxuICAgIHRlc3RJRCxcbiAgICBhY2Nlc3NpYmlsaXR5TGFiZWwsXG4gICAgYWRqdXN0c0ZvbnRTaXplVG9GaXQsXG4gICAgbGluZUJyZWFrTW9kZSxcbiAgICBudW1iZXJPZkxpbmVzLFxuICAgIG9uVGV4dExheW91dCxcbiAgICAuLi5sZXZlbE9yVmFyaWFudFxufSkgPT4ge1xuICAgIGNvbnN0IGNvbXB1dGVkU3R5bGVzID0gdXNlSGVhZGluZ1N0eWxlKHtcbiAgICAgICAgLi4ubGV2ZWxPclZhcmlhbnQsXG4gICAgICAgIGFjY2VudCxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIGNlbnRlcmVkLFxuICAgICAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIH0pO1xuXG4gICAgY29uc3Qgc3RyZXRjaFN0eWxlID0gc3RyZXRjaCA/IHsgZmxleDogMSB9IDogdW5kZWZpbmVkO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRleHRWYXJpYW50UHJvdmlkZXIgdmFsdWU9e2NvbXB1dGVkU3R5bGVzfT5cbiAgICAgICAgICAgIDxSTlRleHRcbiAgICAgICAgICAgICAgICBzdHlsZT17W2NvbXB1dGVkU3R5bGVzLCBzdHJldGNoU3R5bGVdfVxuICAgICAgICAgICAgICAgIHRlc3RJRD17dGVzdElEfVxuICAgICAgICAgICAgICAgIGFjY2Vzc2liaWxpdHlMYWJlbD17YWNjZXNzaWJpbGl0eUxhYmVsfVxuICAgICAgICAgICAgICAgIGFkanVzdHNGb250U2l6ZVRvRml0PXthZGp1c3RzRm9udFNpemVUb0ZpdH1cbiAgICAgICAgICAgICAgICBsaW5lQnJlYWtNb2RlPXtsaW5lQnJlYWtNb2RlfVxuICAgICAgICAgICAgICAgIG51bWJlck9mTGluZXM9e251bWJlck9mTGluZXN9XG4gICAgICAgICAgICAgICAgb25UZXh0TGF5b3V0PXtvblRleHRMYXlvdXR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgey8qIGh0dHBzOi8vZ2l0aHViLmNvbS9mYWNlYm9vay9yZWFjdC1uYXRpdmUvaXNzdWVzLzI5MjMyI2lzc3VlY29tbWVudC04ODk3Njc1MTYgKi99XG4gICAgICAgICAgICAgICAge1BsYXRmb3JtLk9TID09PSAnYW5kcm9pZCcgJiYgY29tcHV0ZWRTdHlsZXMubGluZUhlaWdodCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e3sgbGluZUhlaWdodDogY29tcHV0ZWRTdHlsZXMubGluZUhlaWdodCArIDAuMDAxIH19IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgPC9UZXh0VmFyaWFudFByb3ZpZGVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgSGVhZGluZyA9IG1lbW8oSGVhZGluZ0Jhc2UpO1xuIl0sIm5hbWVzIjpbIlJOVGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFnQkEsTUFBTSxXQUFXLEdBQWlDLENBQUMsRUFDL0MsTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsTUFBTSxFQUNOLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsYUFBYSxFQUNiLGFBQWEsRUFDYixZQUFZLEVBQ1osR0FBRyxjQUFjLEVBQ3BCO0lBQ0csTUFBTSxjQUFjLEdBQUcsZUFBZSxDQUFDO1FBQ25DLEdBQUcsY0FBYztRQUNqQixNQUFNO1FBQ04sS0FBSztRQUNMLFFBQVE7UUFDUixhQUFhO0tBQ2hCLENBQUMsQ0FBQztJQUVILE1BQU0sWUFBWSxHQUFHLE9BQU8sR0FBRyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFFdkQsUUFDSSxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUUsY0FBYztRQUN0QyxvQkFBQ0EsSUFBTSxJQUNILEtBQUssRUFBRSxDQUFDLGNBQWMsRUFBRSxZQUFZLENBQUMsRUFDckMsTUFBTSxFQUFFLE1BQU0sRUFDZCxrQkFBa0IsRUFBRSxrQkFBa0IsRUFDdEMsb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLGFBQWEsRUFBRSxhQUFhLEVBQzVCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLFlBQVksRUFBRSxZQUFZO1lBR3pCLFFBQVEsQ0FBQyxFQUFFLEtBQUssU0FBUyxJQUFJLGNBQWMsQ0FBQyxVQUFVLEtBQ25ELG9CQUFDQSxJQUFNLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLGNBQWMsQ0FBQyxVQUFVLEdBQUcsS0FBSyxFQUFFLEdBQUksQ0FDdkU7WUFDQSxRQUFRLENBQ0osQ0FDUyxFQUN4QjtBQUNOLENBQUMsQ0FBQztNQUVXLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVzs7OzsifQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const mapVariantToLevel = {
|
|
2
|
+
Huge: 'h1',
|
|
3
|
+
ExtraLarge: 'h2',
|
|
4
|
+
Large: 'h3',
|
|
5
|
+
Medium: 'h4',
|
|
6
|
+
Small: 'h5',
|
|
7
|
+
};
|
|
8
|
+
function normalizeHeadingLevel(input) {
|
|
9
|
+
if ('level' in input) {
|
|
10
|
+
return input.level;
|
|
11
|
+
}
|
|
12
|
+
return mapVariantToLevel[input.variant];
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { normalizeHeadingLevel };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplSGVhZGluZ0xldmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL25vcm1hbGl6ZUhlYWRpbmdMZXZlbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIZWFkaW5nTGV2ZWwgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5jb25zdCBtYXBWYXJpYW50VG9MZXZlbCA9IHtcbiAgICBIdWdlOiAnaDEnLFxuICAgIEV4dHJhTGFyZ2U6ICdoMicsXG4gICAgTGFyZ2U6ICdoMycsXG4gICAgTWVkaXVtOiAnaDQnLFxuICAgIFNtYWxsOiAnaDUnLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgSGVhZGluZ1ZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgbWFwVmFyaWFudFRvTGV2ZWw7XG5cbmV4cG9ydCBmdW5jdGlvbiBub3JtYWxpemVIZWFkaW5nTGV2ZWwoXG4gICAgaW5wdXQ6XG4gICAgICAgIHwge1xuICAgICAgICAgICAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgICAgICAgIH1cbiAgICAgICAgfCB7XG4gICAgICAgICAgICAgIHZhcmlhbnQ6IEhlYWRpbmdWYXJpYW50O1xuICAgICAgICAgIH0sXG4pOiBIZWFkaW5nTGV2ZWwge1xuICAgIGlmICgnbGV2ZWwnIGluIGlucHV0KSB7XG4gICAgICAgIHJldHVybiBpbnB1dC5sZXZlbDtcbiAgICB9XG5cbiAgICByZXR1cm4gbWFwVmFyaWFudFRvTGV2ZWxbaW5wdXQudmFyaWFudF07XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxpQkFBaUIsR0FBRztJQUN0QixJQUFJLEVBQUUsSUFBSTtJQUNWLFVBQVUsRUFBRSxJQUFJO0lBQ2hCLEtBQUssRUFBRSxJQUFJO0lBQ1gsTUFBTSxFQUFFLElBQUk7SUFDWixLQUFLLEVBQUUsSUFBSTtDQUNMLENBQUM7U0FJSyxxQkFBcUIsQ0FDakMsS0FNTztJQUVQLElBQUksT0FBTyxJQUFJLEtBQUssRUFBRTtRQUNsQixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUM7S0FDdEI7SUFFRCxPQUFPLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUM1Qzs7OzsifQ==
|
|
@@ -15,7 +15,7 @@ const map = {
|
|
|
15
15
|
'Caption/Regular': 'xs',
|
|
16
16
|
};
|
|
17
17
|
function isTokyoTextVariant(variant) {
|
|
18
|
-
return variant in
|
|
18
|
+
return variant in map;
|
|
19
19
|
}
|
|
20
20
|
function normalizeTextVariant(variant) {
|
|
21
21
|
if (isTokyoTextVariant(variant)) {
|
|
@@ -25,4 +25,4 @@ function normalizeTextVariant(variant) {
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
export { normalizeTextVariant };
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplVGV4dFZhcmlhbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wcm9wcy90eXBvZ3JhcGh5L2hvb2tzL3ByaXZhdGUvbm9ybWFsaXplVGV4dFZhcmlhbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGV4dFZhcmlhbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5jb25zdCBtYXAgPSB7XG4gICAgJ0xhcmdlL1NlbWlib2xkJzogJ2wtbWVkaXVtJyxcbiAgICAnTGFyZ2UvU2VtaWJvbGQvSXRhbGljJzogJ2wtbWVkaXVtLWl0YWxpYycsXG4gICAgJ0xhcmdlL1JlZ3VsYXInOiAnbCcsXG4gICAgJ0xhcmdlL1JlZ3VsYXIvSXRhbGljJzogJ2wtaXRhbGljJyxcblxuICAgICdEZWZhdWx0L1NlbWlib2xkJzogJ20tbWVkaXVtJyxcbiAgICAnRGVmYXVsdC9TZW1pYm9sZC9JdGFsaWMnOiAnbS1tZWRpdW0taXRhbGljJyxcbiAgICAnRGVmYXVsdC9SZWd1bGFyJzogJ20nLFxuICAgICdEZWZhdWx0L1JlZ3VsYXIvSXRhbGljJzogJ20taXRhbGljJyxcblxuICAgICdTbWFsbC9TZW1pYm9sZCc6ICdzLW1lZGl1bScsXG4gICAgJ1NtYWxsL1NlbWlib2xkL0l0YWxpYyc6ICdzLW1lZGl1bS1pdGFsaWMnLFxuICAgICdTbWFsbC9SZWd1bGFyJzogJ3MnLFxuICAgICdTbWFsbC9SZWd1bGFyL0l0YWxpYyc6ICdzLWl0YWxpYycsXG5cbiAgICAnQ2FwdGlvbi9TZW1pYm9sZCc6ICd4cy1tZWRpdW0nLFxuICAgICdDYXB0aW9uL1JlZ3VsYXInOiAneHMnLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgVG9reW9UZXh0VmFyaWFudCA9IGtleW9mIHR5cGVvZiBtYXA7XG5cbmZ1bmN0aW9uIGlzVG9reW9UZXh0VmFyaWFudCh2YXJpYW50OiBUZXh0VmFyaWFudCB8IFRva3lvVGV4dFZhcmlhbnQpOiB2YXJpYW50IGlzIFRva3lvVGV4dFZhcmlhbnQge1xuICAgIHJldHVybiB2YXJpYW50IGluIG1hcDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG5vcm1hbGl6ZVRleHRWYXJpYW50KHZhcmlhbnQ6IFRleHRWYXJpYW50IHwgVG9reW9UZXh0VmFyaWFudCk6IFRleHRWYXJpYW50IHtcbiAgICBpZiAoaXNUb2t5b1RleHRWYXJpYW50KHZhcmlhbnQpKSB7XG4gICAgICAgIHJldHVybiBtYXBbdmFyaWFudF07XG4gICAgfVxuXG4gICAgcmV0dXJuIHZhcmlhbnQ7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxHQUFHLEdBQUc7SUFDUixnQkFBZ0IsRUFBRSxVQUFVO0lBQzVCLHVCQUF1QixFQUFFLGlCQUFpQjtJQUMxQyxlQUFlLEVBQUUsR0FBRztJQUNwQixzQkFBc0IsRUFBRSxVQUFVO0lBRWxDLGtCQUFrQixFQUFFLFVBQVU7SUFDOUIseUJBQXlCLEVBQUUsaUJBQWlCO0lBQzVDLGlCQUFpQixFQUFFLEdBQUc7SUFDdEIsd0JBQXdCLEVBQUUsVUFBVTtJQUVwQyxnQkFBZ0IsRUFBRSxVQUFVO0lBQzVCLHVCQUF1QixFQUFFLGlCQUFpQjtJQUMxQyxlQUFlLEVBQUUsR0FBRztJQUNwQixzQkFBc0IsRUFBRSxVQUFVO0lBRWxDLGtCQUFrQixFQUFFLFdBQVc7SUFDL0IsaUJBQWlCLEVBQUUsSUFBSTtDQUNqQixDQUFDO0FBSVgsU0FBUyxrQkFBa0IsQ0FBQyxPQUF1QztJQUMvRCxPQUFPLE9BQU8sSUFBSSxHQUFHLENBQUM7QUFDMUIsQ0FBQztTQUVlLG9CQUFvQixDQUFDLE9BQXVDO0lBQ3hFLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDN0IsT0FBTyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7S0FDdkI7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQjs7OzsifQ==
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export declare const useHeadingStyle: ({ accent, color, centered, textTransform, ...rest }: HeadingStyleProps | HeadingStyleTokyoProps) => TextStyle;
|
|
1
|
+
import { HeadingStyleBoldProps, HeadingStyleTokyoProps, TextStyle } from '..';
|
|
2
|
+
export declare const useHeadingStyle: ({ accent, color, centered, textTransform, ...levelOrVariant }: HeadingStyleTokyoProps | HeadingStyleBoldProps) => TextStyle;
|
|
@@ -2,13 +2,13 @@ import { root, heading } from '@preply/ds-core';
|
|
|
2
2
|
import { useTheme, useToken } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { getHeadingFontFamilyTokyo, getFontFamily } from '../utils/fontFamily.js';
|
|
5
|
-
import { normalizeHeadingLevel } from './normalizeHeadingLevel.js';
|
|
5
|
+
import { normalizeHeadingLevel } from './private/normalizeHeadingLevel.js';
|
|
6
6
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
7
7
|
|
|
8
|
-
const useHeadingStyle = ({ accent, color, centered, textTransform, ...
|
|
8
|
+
const useHeadingStyle = ({ accent, color, centered, textTransform, ...levelOrVariant }) => {
|
|
9
9
|
const { theme } = useTheme();
|
|
10
10
|
const typeface = useToken(root.heading.base.typeface);
|
|
11
|
-
const tokens = heading.level[normalizeHeadingLevel(
|
|
11
|
+
const tokens = heading.level[normalizeHeadingLevel(levelOrVariant)].normal;
|
|
12
12
|
const fontSize = useToken(tokens.fontSize);
|
|
13
13
|
const fontWeight = useToken(tokens.fontWeight);
|
|
14
14
|
const lineHeight = useToken(tokens.lineHeight);
|
|
@@ -32,4 +32,4 @@ const useHeadingStyle = ({ accent, color, centered, textTransform, ...rest }) =>
|
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
export { useHeadingStyle };
|
|
35
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSGVhZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VIZWFkaW5nU3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaGVhZGluZywgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VUaGVtZSwgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSGVhZGluZ1N0eWxlQm9sZFByb3BzLCBIZWFkaW5nU3R5bGVUb2t5b1Byb3BzLCBUZXh0U3R5bGUgfSBmcm9tICcuLic7XG5pbXBvcnQgeyBnZXRGb250RmFtaWx5LCBnZXRIZWFkaW5nRm9udEZhbWlseVRva3lvIH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IG5vcm1hbGl6ZUhlYWRpbmdMZXZlbCB9IGZyb20gJy4vcHJpdmF0ZS9ub3JtYWxpemVIZWFkaW5nTGV2ZWwnO1xuaW1wb3J0IHsgdXNlVGV4dFNoYXJlZFN0eWxlIH0gZnJvbSAnLi9wcml2YXRlL3VzZVRleHRTaGFyZWRTdHlsZSc7XG5cbmV4cG9ydCBjb25zdCB1c2VIZWFkaW5nU3R5bGUgPSAoe1xuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIC4uLmxldmVsT3JWYXJpYW50XG59OiBIZWFkaW5nU3R5bGVUb2t5b1Byb3BzIHwgSGVhZGluZ1N0eWxlQm9sZFByb3BzKTogVGV4dFN0eWxlID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgdHlwZWZhY2UgPSB1c2VUb2tlbjxzdHJpbmc+KHJvb3QuaGVhZGluZy5iYXNlLnR5cGVmYWNlKTtcblxuICAgIGNvbnN0IHRva2VucyA9IGhlYWRpbmcubGV2ZWxbbm9ybWFsaXplSGVhZGluZ0xldmVsKGxldmVsT3JWYXJpYW50KV0ubm9ybWFsO1xuXG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5mb250U2l6ZSk7XG4gICAgY29uc3QgZm9udFdlaWdodCA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmZvbnRXZWlnaHQpO1xuICAgIGNvbnN0IGxpbmVIZWlnaHQgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5saW5lSGVpZ2h0KTtcbiAgICBjb25zdCBsZXR0ZXJTcGFjaW5nID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMubGV0dGVyU3BhY2luZyk7XG5cbiAgICBjb25zdCB0ZXh0U2hhcmVkU3R5bGUgPSB1c2VUZXh0U2hhcmVkU3R5bGUoeyBhY2NlbnQsIGNvbG9yLCBjZW50ZXJlZCwgdGV4dFRyYW5zZm9ybSB9KTtcblxuICAgIGNvbnN0IGZvbnRGYW1pbHkgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgaWYgKHRoZW1lLm5hbWUgPT09ICd0b2t5by11aScpIHtcbiAgICAgICAgICAgIHJldHVybiBnZXRIZWFkaW5nRm9udEZhbWlseVRva3lvKHR5cGVmYWNlLCBmb250V2VpZ2h0KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBnZXRGb250RmFtaWx5KHR5cGVmYWNlLCBTdHJpbmcoZm9udFdlaWdodCksICdub3JtYWwnKTtcbiAgICB9LCBbdHlwZWZhY2UsIGZvbnRXZWlnaHRdKTtcblxuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLnRleHRTaGFyZWRTdHlsZSxcbiAgICAgICAgICAgIGZvbnRTaXplLFxuICAgICAgICAgICAgbGluZUhlaWdodCxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmcsXG4gICAgICAgICAgICBmb250RmFtaWx5LFxuICAgICAgICB9O1xuICAgIH0sIFt0ZXh0U2hhcmVkU3R5bGUsIGZvbnRTaXplLCBsaW5lSGVpZ2h0LCBsZXR0ZXJTcGFjaW5nLCBmb250RmFtaWx5XSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7TUFVYSxlQUFlLEdBQUcsQ0FBQyxFQUM1QixNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsR0FBRyxjQUFjLEVBQzRCO0lBQzdDLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFOUQsTUFBTSxNQUFNLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQyxxQkFBcUIsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUUzRSxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN2RCxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBRTdELE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQztJQUV2RixNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUMzQixPQUFPLHlCQUF5QixDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztTQUMxRDtRQUVELE9BQU8sYUFBYSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsUUFBUSxDQUFDLENBQUM7S0FDaEUsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTNCLE9BQU8sT0FBTyxDQUFDO1FBQ1gsT0FBTztZQUNILEdBQUcsZUFBZTtZQUNsQixRQUFRO1lBQ1IsVUFBVTtZQUNWLGFBQWE7WUFDYixVQUFVO1NBQ2IsQ0FBQztLQUNMLEVBQUUsQ0FBQyxlQUFlLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQztBQUMzRTs7OzsifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { useHeadingStyle } from './hooks/useHeadingStyle';
|
|
2
2
|
export { useTextStyle } from './hooks/useTextStyle';
|
|
3
|
-
export type {
|
|
3
|
+
export type { HeadingStyleTokyoProps, HeadingStyleBoldProps, TextCommonProps, TextStyleProps, TextVariantStyle, TextStyle, } from './types';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ColorName, HeadingLevel, TextAccent, TextVariant } from '@preply/ds-core';
|
|
2
2
|
import { TextStyle as RNTextStyle, TextProps } from 'react-native';
|
|
3
3
|
import { CommonProps } from '../common/types';
|
|
4
|
-
import { HeadingVariant } from './hooks/normalizeHeadingLevel';
|
|
4
|
+
import { HeadingVariant } from './hooks/private/normalizeHeadingLevel';
|
|
5
5
|
import { TokyoTextVariant } from './hooks/private/normalizeTextVariant';
|
|
6
6
|
export interface TextStyleCommonProps {
|
|
7
7
|
accent?: TextAccent;
|
|
@@ -12,7 +12,7 @@ export interface TextStyleCommonProps {
|
|
|
12
12
|
export interface TextStyleProps extends TextStyleCommonProps {
|
|
13
13
|
variant?: TextVariant | TokyoTextVariant;
|
|
14
14
|
}
|
|
15
|
-
export interface
|
|
15
|
+
export interface HeadingStyleBoldProps extends TextStyleCommonProps {
|
|
16
16
|
/** @deprecated use "variant" instead */
|
|
17
17
|
level: HeadingLevel;
|
|
18
18
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "0.65.
|
|
3
|
+
"version": "0.65.2",
|
|
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.65.
|
|
22
|
-
"@preply/ds-rn-core": "0.65.
|
|
23
|
-
"@preply/ds-rn-root": "0.65.
|
|
21
|
+
"@preply/ds-core": "0.65.2",
|
|
22
|
+
"@preply/ds-rn-core": "0.65.2",
|
|
23
|
+
"@preply/ds-rn-root": "0.65.2"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.65.
|
|
26
|
+
"@preply/ds-core": "0.65.2",
|
|
27
27
|
"@preply/ds-core-types": "0.43.2",
|
|
28
|
-
"@preply/ds-rn-core": "0.65.
|
|
29
|
-
"@preply/ds-rn-root": "0.65.
|
|
28
|
+
"@preply/ds-rn-core": "0.65.2",
|
|
29
|
+
"@preply/ds-rn-root": "0.65.2",
|
|
30
30
|
"react": "^16.8.3",
|
|
31
31
|
"react-native": "^0.72.1"
|
|
32
32
|
},
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"react-native": "^0.72.1",
|
|
39
39
|
"react-test-renderer": "16.8.3"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "3830aadf7780973138e86192dfea52309f2bc85a"
|
|
42
42
|
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const mapVariantToLevel = {
|
|
2
|
-
Huge: 'h1',
|
|
3
|
-
ExtraLarge: 'h2',
|
|
4
|
-
Large: 'h3',
|
|
5
|
-
Medium: 'h4',
|
|
6
|
-
Small: 'h5',
|
|
7
|
-
};
|
|
8
|
-
function normalizeHeadingLevel(input) {
|
|
9
|
-
if ('level' in input) {
|
|
10
|
-
return input.level;
|
|
11
|
-
}
|
|
12
|
-
return mapVariantToLevel[input.variant];
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { normalizeHeadingLevel };
|
|
16
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplSGVhZGluZ0xldmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9ub3JtYWxpemVIZWFkaW5nTGV2ZWwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuY29uc3QgbWFwVmFyaWFudFRvTGV2ZWwgPSB7XG4gICAgSHVnZTogJ2gxJyxcbiAgICBFeHRyYUxhcmdlOiAnaDInLFxuICAgIExhcmdlOiAnaDMnLFxuICAgIE1lZGl1bTogJ2g0JyxcbiAgICBTbWFsbDogJ2g1Jyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCB0eXBlIEhlYWRpbmdWYXJpYW50ID0ga2V5b2YgdHlwZW9mIG1hcFZhcmlhbnRUb0xldmVsO1xuXG5leHBvcnQgZnVuY3Rpb24gbm9ybWFsaXplSGVhZGluZ0xldmVsKFxuICAgIGlucHV0OlxuICAgICAgICB8IHtcbiAgICAgICAgICAgICAgbGV2ZWw6IEhlYWRpbmdMZXZlbDtcbiAgICAgICAgICB9XG4gICAgICAgIHwge1xuICAgICAgICAgICAgICB2YXJpYW50OiBIZWFkaW5nVmFyaWFudDtcbiAgICAgICAgICB9LFxuKTogSGVhZGluZ0xldmVsIHtcbiAgICBpZiAoJ2xldmVsJyBpbiBpbnB1dCkge1xuICAgICAgICByZXR1cm4gaW5wdXQubGV2ZWw7XG4gICAgfVxuXG4gICAgcmV0dXJuIG1hcFZhcmlhbnRUb0xldmVsW2lucHV0LnZhcmlhbnRdO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0saUJBQWlCLEdBQUc7SUFDdEIsSUFBSSxFQUFFLElBQUk7SUFDVixVQUFVLEVBQUUsSUFBSTtJQUNoQixLQUFLLEVBQUUsSUFBSTtJQUNYLE1BQU0sRUFBRSxJQUFJO0lBQ1osS0FBSyxFQUFFLElBQUk7Q0FDTCxDQUFDO1NBSUsscUJBQXFCLENBQ2pDLEtBTU87SUFFUCxJQUFJLE9BQU8sSUFBSSxLQUFLLEVBQUU7UUFDbEIsT0FBTyxLQUFLLENBQUMsS0FBSyxDQUFDO0tBQ3RCO0lBRUQsT0FBTyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDNUM7Ozs7In0=
|
|
File without changes
|