@preply/ds-rn-lib 0.66.1 → 0.67.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/private/useButtonPaddingStyle.js +4 -4
- package/dist/components/Button/private/useButtonTextStyle.js +10 -4
- package/dist/props/typography/hooks/private/getHeadingTokens.d.ts +14 -0
- package/dist/props/typography/hooks/private/getHeadingTokens.js +14 -0
- package/dist/props/typography/hooks/private/useTextColorStyle.d.ts +1 -1
- package/dist/props/typography/hooks/useHeadingStyle.js +5 -5
- package/dist/props/typography/hooks/useTextStyle.js +3 -4
- package/dist/props/typography/types.d.ts +2 -4
- package/package.json +8 -8
- package/dist/props/typography/hooks/private/normalizeHeadingLevel.d.ts +0 -15
- package/dist/props/typography/hooks/private/normalizeHeadingLevel.js +0 -16
- package/dist/props/typography/hooks/private/normalizeTextVariant.d.ts +0 -20
- package/dist/props/typography/hooks/private/normalizeTextVariant.js +0 -28
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { action
|
|
1
|
+
import { action } from '@preply/ds-core';
|
|
2
2
|
import { useTheme, useToken, useStyleSheet } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { shortSizeToLong } from './shortSizeToLong.js';
|
|
@@ -10,8 +10,8 @@ function useButtonPaddingStyle(size) {
|
|
|
10
10
|
if (theme.name === 'tokyo-ui') {
|
|
11
11
|
return {
|
|
12
12
|
padding: {
|
|
13
|
-
paddingHorizontal:
|
|
14
|
-
paddingVertical:
|
|
13
|
+
paddingHorizontal: action.size[shortSizeToLong(size)].horizontalPadding,
|
|
14
|
+
paddingVertical: action.size[shortSizeToLong(size)].verticalPadding,
|
|
15
15
|
},
|
|
16
16
|
};
|
|
17
17
|
}
|
|
@@ -35,4 +35,4 @@ function useButtonPaddingStyle(size) {
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
export { useButtonPaddingStyle };
|
|
38
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uUGFkZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vcHJpdmF0ZS91c2VCdXR0b25QYWRkaW5nU3R5bGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFjdGlvbiB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VTdHlsZVNoZWV0LCB1c2VUaGVtZSwgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFZpZXdTdHlsZSB9IGZyb20gJ3JlYWN0LW5hdGl2ZSc7XG5cbmltcG9ydCB7IHNob3J0U2l6ZVRvTG9uZyB9IGZyb20gJy4vc2hvcnRTaXplVG9Mb25nJztcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUJ1dHRvblBhZGRpbmdTdHlsZShcbiAgICBzaXplOiAncycgfCAnbScgfCAnbCcsXG4pOiBQaWNrPFZpZXdTdHlsZSwgJ3BhZGRpbmdIb3Jpem9udGFsJyB8ICdwYWRkaW5nVmVydGljYWwnPiB7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGJvcmRlcldpZHRoID0gdXNlVG9rZW48bnVtYmVyPihhY3Rpb24uYmFzZS5ib3JkZXJXaWR0aCk7XG5cbiAgICBjb25zdCB7IHBhZGRpbmdIb3Jpem9udGFsLCBwYWRkaW5nVmVydGljYWwgfSA9IHVzZVN0eWxlU2hlZXQoXG4gICAgICAgIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoZW1lLm5hbWUgPT09ICd0b2t5by11aScpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nSG9yaXpvbnRhbDogYWN0aW9uLnNpemVbc2hvcnRTaXplVG9Mb25nKHNpemUpXS5ob3Jpem9udGFsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdWZXJ0aWNhbDogYWN0aW9uLnNpemVbc2hvcnRTaXplVG9Mb25nKHNpemUpXS52ZXJ0aWNhbFBhZGRpbmcsXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgcGFkZGluZzoge1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nSG9yaXpvbnRhbDogYWN0aW9uLnNpemVbc2l6ZV0uaG9yaXpvbnRhbFBhZGRpbmcsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmdWZXJ0aWNhbDogYWN0aW9uLnNpemVbc2l6ZV0udmVydGljYWxQYWRkaW5nLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9O1xuICAgICAgICB9LCBbc2l6ZSwgdGhlbWUubmFtZV0pLFxuICAgICkucGFkZGluZztcblxuICAgIGlmICh0aGVtZS5uYW1lID09PSAndG9reW8tdWknKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBwYWRkaW5nSG9yaXpvbnRhbDogcGFkZGluZ0hvcml6b250YWwgLSBib3JkZXJXaWR0aCAqIDIsXG4gICAgICAgICAgICBwYWRkaW5nVmVydGljYWw6IHBhZGRpbmdWZXJ0aWNhbCAtIGJvcmRlcldpZHRoICogMixcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBwYWRkaW5nSG9yaXpvbnRhbCxcbiAgICAgICAgcGFkZGluZ1ZlcnRpY2FsLFxuICAgIH07XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7U0FPZ0IscUJBQXFCLENBQ2pDLElBQXFCO0lBRXJCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFdBQVcsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUU5RCxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLEdBQUcsYUFBYSxDQUN4RCxPQUFPLENBQUM7UUFDSixJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssVUFBVSxFQUFFO1lBQzNCLE9BQU87Z0JBQ0gsT0FBTyxFQUFFO29CQUNMLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCO29CQUN2RSxlQUFlLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxlQUFlO2lCQUN0RTthQUNKLENBQUM7U0FDTDtRQUNELE9BQU87WUFDSCxPQUFPLEVBQUU7Z0JBQ0wsaUJBQWlCLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxpQkFBaUI7Z0JBQ3RELGVBQWUsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLGVBQWU7YUFDckQ7U0FDSixDQUFDO0tBQ0wsRUFBRSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FDekIsQ0FBQyxPQUFPLENBQUM7SUFFVixJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssVUFBVSxFQUFFO1FBQzNCLE9BQU87WUFDSCxpQkFBaUIsRUFBRSxpQkFBaUIsR0FBRyxXQUFXLEdBQUcsQ0FBQztZQUN0RCxlQUFlLEVBQUUsZUFBZSxHQUFHLFdBQVcsR0FBRyxDQUFDO1NBQ3JELENBQUM7S0FDTDtJQUVELE9BQU87UUFDSCxpQkFBaUI7UUFDakIsZUFBZTtLQUNsQixDQUFDO0FBQ047Ozs7In0=
|
|
@@ -18,25 +18,31 @@ function useButtonTextStyle(size) {
|
|
|
18
18
|
},
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
|
+
const longSizeName = shortSizeToLong(size);
|
|
21
22
|
return {
|
|
22
|
-
style:
|
|
23
|
+
style: {
|
|
24
|
+
letterSpacing: button[longSizeName].letterSpacing,
|
|
25
|
+
fontSize: button[longSizeName].fontSize,
|
|
26
|
+
lineHeight: button[longSizeName].lineHeight,
|
|
27
|
+
fontWeight: button[longSizeName].fontWeight,
|
|
28
|
+
},
|
|
23
29
|
};
|
|
24
30
|
}, [size, theme.name])).style;
|
|
25
31
|
if (theme.name === 'bold-ui') {
|
|
26
32
|
return {
|
|
27
33
|
fontFamily: getFontFamily(typeface, String(fontWeight), 'normal'),
|
|
28
|
-
letterSpacing,
|
|
34
|
+
letterSpacing: letterSpacing * fontSize,
|
|
29
35
|
fontSize,
|
|
30
36
|
lineHeight: lineHeight * fontSize,
|
|
31
37
|
};
|
|
32
38
|
}
|
|
33
39
|
return {
|
|
34
40
|
fontFamily: getTextFontFamilyTokyo(typeface, Number(fontWeight), 'normal'),
|
|
35
|
-
letterSpacing,
|
|
41
|
+
letterSpacing: letterSpacing * fontSize,
|
|
36
42
|
fontSize,
|
|
37
43
|
lineHeight,
|
|
38
44
|
};
|
|
39
45
|
}
|
|
40
46
|
|
|
41
47
|
export { useButtonTextStyle };
|
|
42
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uVGV4dFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vcHJpdmF0ZS91c2VCdXR0b25UZXh0U3R5bGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFjdGlvbiwgYnV0dG9uLCByb290IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVN0eWxlU2hlZXQsIHVzZVRoZW1lLCB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dFN0eWxlIH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuaW1wb3J0IHsgZ2V0Rm9udEZhbWlseSwgZ2V0VGV4dEZvbnRGYW1pbHlUb2t5byB9IGZyb20gJy4uLy4uLy4uL3Byb3BzL3R5cG9ncmFwaHkvdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IHNob3J0U2l6ZVRvTG9uZyB9IGZyb20gJy4vc2hvcnRTaXplVG9Mb25nJztcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUJ1dHRvblRleHRTdHlsZShzaXplOiAncycgfCAnbScgfCAnbCcpOiBUZXh0U3R5bGUge1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB0eXBlZmFjZSA9IHVzZVRva2VuPHN0cmluZz4ocm9vdC50ZXh0LmJhc2UudHlwZWZhY2UpO1xuXG4gICAgY29uc3QgeyBmb250U2l6ZSwgbGV0dGVyU3BhY2luZywgbGluZUhlaWdodCwgZm9udFdlaWdodCB9ID0gdXNlU3R5bGVTaGVldChcbiAgICAgICAgdXNlTWVtbygoKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhlbWUubmFtZSA9PT0gJ2JvbGQtdWknKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IHJvb3QudGV4dC5zcGFjaW5nLnJlZ3VsYXIsXG4gICAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogYWN0aW9uLnNpemVbc2l6ZV0uZm9udFNpemUsXG4gICAgICAgICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0OiByb290LnRleHQuYmFzZS5saW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodDogcm9vdC50ZXh0LndlaWdodFs1MDBdLFxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGxvbmdTaXplTmFtZSA9IHNob3J0U2l6ZVRvTG9uZyhzaXplKTtcblxuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICAgICAgICBsZXR0ZXJTcGFjaW5nOiBidXR0b25bbG9uZ1NpemVOYW1lXS5sZXR0ZXJTcGFjaW5nLFxuICAgICAgICAgICAgICAgICAgICBmb250U2l6ZTogYnV0dG9uW2xvbmdTaXplTmFtZV0uZm9udFNpemUsXG4gICAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ6IGJ1dHRvbltsb25nU2l6ZU5hbWVdLmxpbmVIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ6IGJ1dHRvbltsb25nU2l6ZU5hbWVdLmZvbnRXZWlnaHQsXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH07XG4gICAgICAgIH0sIFtzaXplLCB0aGVtZS5uYW1lXSksXG4gICAgKS5zdHlsZTtcblxuICAgIGlmICh0aGVtZS5uYW1lID09PSAnYm9sZC11aScpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6IGdldEZvbnRGYW1pbHkodHlwZWZhY2UsIFN0cmluZyhmb250V2VpZ2h0KSwgJ25vcm1hbCcpLFxuICAgICAgICAgICAgbGV0dGVyU3BhY2luZzogbGV0dGVyU3BhY2luZyAqIGZvbnRTaXplLCAvLyBUcmFuc2Zvcm0gYGVtYCB0byBgcHhgXG4gICAgICAgICAgICBmb250U2l6ZSxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6IGxpbmVIZWlnaHQgKiBmb250U2l6ZSxcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBmb250RmFtaWx5OiBnZXRUZXh0Rm9udEZhbWlseVRva3lvKHR5cGVmYWNlLCBOdW1iZXIoZm9udFdlaWdodCksICdub3JtYWwnKSxcbiAgICAgICAgbGV0dGVyU3BhY2luZzogbGV0dGVyU3BhY2luZyAqIGZvbnRTaXplLCAvLyBUcmFuc2Zvcm0gYGVtYCB0byBgcHhgXG4gICAgICAgIGZvbnRTaXplLFxuICAgICAgICBsaW5lSGVpZ2h0LFxuICAgIH07XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O1NBU2dCLGtCQUFrQixDQUFDLElBQXFCO0lBQ3BELE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFM0QsTUFBTSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLGFBQWEsQ0FDckUsT0FBTyxDQUFDO1FBQ0osSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUMxQixPQUFPO2dCQUNILEtBQUssRUFBRTtvQkFDSCxhQUFhLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTztvQkFDeEMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsUUFBUTtvQkFDcEMsVUFBVSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7b0JBQ3JDLFVBQVUsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUM7aUJBQ3BDO2FBQ0osQ0FBQztTQUNMO1FBRUQsTUFBTSxZQUFZLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTNDLE9BQU87WUFDSCxLQUFLLEVBQUU7Z0JBQ0gsYUFBYSxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxhQUFhO2dCQUNqRCxRQUFRLEVBQUUsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDLFFBQVE7Z0JBQ3ZDLFVBQVUsRUFBRSxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUMsVUFBVTtnQkFDM0MsVUFBVSxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxVQUFVO2FBQzlDO1NBQ0osQ0FBQztLQUNMLEVBQUUsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQ3pCLENBQUMsS0FBSyxDQUFDO0lBRVIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtRQUMxQixPQUFPO1lBQ0gsVUFBVSxFQUFFLGFBQWEsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFFBQVEsQ0FBQztZQUNqRSxhQUFhLEVBQUUsYUFBYSxHQUFHLFFBQVE7WUFDdkMsUUFBUTtZQUNSLFVBQVUsRUFBRSxVQUFVLEdBQUcsUUFBUTtTQUNwQyxDQUFDO0tBQ0w7SUFFRCxPQUFPO1FBQ0gsVUFBVSxFQUFFLHNCQUFzQixDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsUUFBUSxDQUFDO1FBQzFFLGFBQWEsRUFBRSxhQUFhLEdBQUcsUUFBUTtRQUN2QyxRQUFRO1FBQ1IsVUFBVTtLQUNiLENBQUM7QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HeadingLevel, HeadingVariant } from '@preply/ds-core';
|
|
2
|
+
import { Token } from '@preply/ds-core-types';
|
|
3
|
+
declare type Args = {
|
|
4
|
+
level: HeadingLevel;
|
|
5
|
+
} | {
|
|
6
|
+
variant: HeadingVariant;
|
|
7
|
+
};
|
|
8
|
+
export declare function getHeadingTokens(args: Args): {
|
|
9
|
+
fontSize: Token;
|
|
10
|
+
fontWeight: Token;
|
|
11
|
+
lineHeight: Token;
|
|
12
|
+
letterSpacing: Token;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { heading } from '@preply/ds-core';
|
|
2
|
+
|
|
3
|
+
function getHeadingTokens(args) {
|
|
4
|
+
if ('level' in args) {
|
|
5
|
+
return heading.level[args.level].normal;
|
|
6
|
+
}
|
|
7
|
+
if ('variant' in args) {
|
|
8
|
+
return heading.variant[args.variant];
|
|
9
|
+
}
|
|
10
|
+
throw new Error('`variant` not provided on Heading');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { getHeadingTokens };
|
|
14
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0SGVhZGluZ1Rva2Vucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL3Byb3BzL3R5cG9ncmFwaHkvaG9va3MvcHJpdmF0ZS9nZXRIZWFkaW5nVG9rZW5zLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEhlYWRpbmdMZXZlbCwgSGVhZGluZ1ZhcmlhbnQsIGhlYWRpbmcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG50eXBlIEFyZ3MgPVxuICAgIHwge1xuICAgICAgICAgIGxldmVsOiBIZWFkaW5nTGV2ZWw7XG4gICAgICB9XG4gICAgfCB7XG4gICAgICAgICAgdmFyaWFudDogSGVhZGluZ1ZhcmlhbnQ7XG4gICAgICB9O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0SGVhZGluZ1Rva2VucyhhcmdzOiBBcmdzKToge1xuICAgIGZvbnRTaXplOiBUb2tlbjtcbiAgICBmb250V2VpZ2h0OiBUb2tlbjtcbiAgICBsaW5lSGVpZ2h0OiBUb2tlbjtcbiAgICBsZXR0ZXJTcGFjaW5nOiBUb2tlbjtcbn0ge1xuICAgIGlmICgnbGV2ZWwnIGluIGFyZ3MpIHtcbiAgICAgICAgcmV0dXJuIGhlYWRpbmcubGV2ZWxbYXJncy5sZXZlbF0ubm9ybWFsO1xuICAgIH1cblxuICAgIGlmICgndmFyaWFudCcgaW4gYXJncykge1xuICAgICAgICByZXR1cm4gaGVhZGluZy52YXJpYW50W2FyZ3MudmFyaWFudF07XG4gICAgfVxuXG4gICAgdGhyb3cgbmV3IEVycm9yKCdgdmFyaWFudGAgbm90IHByb3ZpZGVkIG9uIEhlYWRpbmcnKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztTQVdnQixnQkFBZ0IsQ0FBQyxJQUFVO0lBTXZDLElBQUksT0FBTyxJQUFJLElBQUksRUFBRTtRQUNqQixPQUFPLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQztLQUMzQztJQUVELElBQUksU0FBUyxJQUFJLElBQUksRUFBRTtRQUNuQixPQUFPLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0tBQ3hDO0lBRUQsTUFBTSxJQUFJLEtBQUssQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO0FBQ3pEOzs7OyJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const useTextColorStyle: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "tertiary" | "
|
|
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" | "tertiary" | "accentDark" | "placeholder" | "inverted" | "positive" | "info" | "warning" | "critical" | "disabled" | "branded" | "selected" | "error" | "accent" | undefined) => {
|
|
2
2
|
color: string;
|
|
3
3
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { root
|
|
1
|
+
import { root } 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 {
|
|
5
|
+
import { getHeadingTokens } from './private/getHeadingTokens.js';
|
|
6
6
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
7
7
|
|
|
8
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 =
|
|
11
|
+
const tokens = getHeadingTokens(levelOrVariant);
|
|
12
12
|
const fontSize = useToken(tokens.fontSize);
|
|
13
13
|
const fontWeight = useToken(tokens.fontWeight);
|
|
14
14
|
const lineHeight = useToken(tokens.lineHeight);
|
|
@@ -25,11 +25,11 @@ const useHeadingStyle = ({ accent, color, centered, textTransform, ...levelOrVar
|
|
|
25
25
|
...textSharedStyle,
|
|
26
26
|
fontSize,
|
|
27
27
|
lineHeight,
|
|
28
|
-
letterSpacing,
|
|
28
|
+
letterSpacing: letterSpacing * fontSize,
|
|
29
29
|
fontFamily,
|
|
30
30
|
};
|
|
31
31
|
}, [textSharedStyle, fontSize, lineHeight, letterSpacing, fontFamily]);
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSGVhZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VIZWFkaW5nU3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VUaGVtZSwgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXJuLWNvcmUnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSGVhZGluZ1N0eWxlQm9sZFByb3BzLCBIZWFkaW5nU3R5bGVUb2t5b1Byb3BzLCBUZXh0U3R5bGUgfSBmcm9tICcuLic7XG5pbXBvcnQgeyBnZXRGb250RmFtaWx5LCBnZXRIZWFkaW5nRm9udEZhbWlseVRva3lvIH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IGdldEhlYWRpbmdUb2tlbnMgfSBmcm9tICcuL3ByaXZhdGUvZ2V0SGVhZGluZ1Rva2Vucyc7XG5pbXBvcnQgeyB1c2VUZXh0U2hhcmVkU3R5bGUgfSBmcm9tICcuL3ByaXZhdGUvdXNlVGV4dFNoYXJlZFN0eWxlJztcblxuZXhwb3J0IGNvbnN0IHVzZUhlYWRpbmdTdHlsZSA9ICh7XG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIGNlbnRlcmVkLFxuICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgLi4ubGV2ZWxPclZhcmlhbnRcbn06IEhlYWRpbmdTdHlsZVRva3lvUHJvcHMgfCBIZWFkaW5nU3R5bGVCb2xkUHJvcHMpOiBUZXh0U3R5bGUgPT4ge1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB0eXBlZmFjZSA9IHVzZVRva2VuPHN0cmluZz4ocm9vdC5oZWFkaW5nLmJhc2UudHlwZWZhY2UpO1xuXG4gICAgY29uc3QgdG9rZW5zID0gZ2V0SGVhZGluZ1Rva2VucyhsZXZlbE9yVmFyaWFudCk7XG5cbiAgICBjb25zdCBmb250U2l6ZSA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmZvbnRTaXplKTtcbiAgICBjb25zdCBmb250V2VpZ2h0ID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMuZm9udFdlaWdodCk7XG4gICAgY29uc3QgbGluZUhlaWdodCA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmxpbmVIZWlnaHQpO1xuICAgIGNvbnN0IGxldHRlclNwYWNpbmcgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5sZXR0ZXJTcGFjaW5nKTtcblxuICAgIGNvbnN0IHRleHRTaGFyZWRTdHlsZSA9IHVzZVRleHRTaGFyZWRTdHlsZSh7IGFjY2VudCwgY29sb3IsIGNlbnRlcmVkLCB0ZXh0VHJhbnNmb3JtIH0pO1xuXG4gICAgY29uc3QgZm9udEZhbWlseSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAodGhlbWUubmFtZSA9PT0gJ3Rva3lvLXVpJykge1xuICAgICAgICAgICAgcmV0dXJuIGdldEhlYWRpbmdGb250RmFtaWx5VG9reW8odHlwZWZhY2UsIGZvbnRXZWlnaHQpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGdldEZvbnRGYW1pbHkodHlwZWZhY2UsIFN0cmluZyhmb250V2VpZ2h0KSwgJ25vcm1hbCcpO1xuICAgIH0sIFt0eXBlZmFjZSwgZm9udFdlaWdodF0pO1xuXG4gICAgcmV0dXJuIHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4udGV4dFNoYXJlZFN0eWxlLFxuICAgICAgICAgICAgZm9udFNpemUsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0LFxuICAgICAgICAgICAgbGV0dGVyU3BhY2luZzogbGV0dGVyU3BhY2luZyAqIGZvbnRTaXplLCAvLyBUcmFuc2Zvcm0gYGVtYCB0byBgcHhgXG4gICAgICAgICAgICBmb250RmFtaWx5LFxuICAgICAgICB9O1xuICAgIH0sIFt0ZXh0U2hhcmVkU3R5bGUsIGZvbnRTaXplLCBsaW5lSGVpZ2h0LCBsZXR0ZXJTcGFjaW5nLCBmb250RmFtaWx5XSk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7TUFVYSxlQUFlLEdBQUcsQ0FBQyxFQUM1QixNQUFNLEVBQ04sS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsR0FBRyxjQUFjLEVBQzRCO0lBQzdDLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFOUQsTUFBTSxNQUFNLEdBQUcsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLENBQUM7SUFFaEQsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuRCxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUU3RCxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFFdkYsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEVBQUU7WUFDM0IsT0FBTyx5QkFBeUIsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7U0FDMUQ7UUFFRCxPQUFPLGFBQWEsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0tBQ2hFLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUUzQixPQUFPLE9BQU8sQ0FBQztRQUNYLE9BQU87WUFDSCxHQUFHLGVBQWU7WUFDbEIsUUFBUTtZQUNSLFVBQVU7WUFDVixhQUFhLEVBQUUsYUFBYSxHQUFHLFFBQVE7WUFDdkMsVUFBVTtTQUNiLENBQUM7S0FDTCxFQUFFLENBQUMsZUFBZSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUM7QUFDM0U7Ozs7In0=
|
|
@@ -2,13 +2,12 @@ import { root, text } from '@preply/ds-core';
|
|
|
2
2
|
import { TEXT_VARIANT_RN_DEFAULT, useTheme, useToken } from '@preply/ds-rn-core';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { getTextFontFamilyTokyo, getFontFamily } from '../utils/fontFamily.js';
|
|
5
|
-
import { normalizeTextVariant } from './private/normalizeTextVariant.js';
|
|
6
5
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
7
6
|
|
|
8
7
|
const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, centered, textTransform, } = {}) => {
|
|
9
8
|
const { theme } = useTheme();
|
|
10
9
|
const typeface = useToken(root.text.base.typeface);
|
|
11
|
-
const tokens = text.variant[
|
|
10
|
+
const tokens = text.variant[variant];
|
|
12
11
|
const fontSize = useToken(tokens.fontSize);
|
|
13
12
|
const fontWeight = useToken(tokens.fontWeight);
|
|
14
13
|
const lineHeight = useToken(tokens.lineHeight);
|
|
@@ -31,11 +30,11 @@ const useTextStyle = ({ variant = TEXT_VARIANT_RN_DEFAULT, accent, color, center
|
|
|
31
30
|
...textSharedStyle,
|
|
32
31
|
fontSize,
|
|
33
32
|
lineHeight,
|
|
34
|
-
letterSpacing,
|
|
33
|
+
letterSpacing: letterSpacing * fontSize,
|
|
35
34
|
fontFamily,
|
|
36
35
|
};
|
|
37
36
|
}, [textSharedStyle, fontSize, lineHeight, letterSpacing, fontFamily]);
|
|
38
37
|
};
|
|
39
38
|
|
|
40
39
|
export { useTextStyle };
|
|
41
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dFN0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VUZXh0U3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcm9vdCwgdGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX1ZBUklBTlRfUk5fREVGQVVMVCwgdXNlVGhlbWUsIHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRleHRTdHlsZSwgVGV4dFN0eWxlUHJvcHMgfSBmcm9tICcuLic7XG5pbXBvcnQgeyBnZXRGb250RmFtaWx5LCBnZXRUZXh0Rm9udEZhbWlseVRva3lvIH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5cbmltcG9ydCB7IHVzZVRleHRTaGFyZWRTdHlsZSB9IGZyb20gJy4vcHJpdmF0ZS91c2VUZXh0U2hhcmVkU3R5bGUnO1xuXG5leHBvcnQgY29uc3QgdXNlVGV4dFN0eWxlID0gKHtcbiAgICB2YXJpYW50ID0gVEVYVF9WQVJJQU5UX1JOX0RFRkFVTFQsXG4gICAgYWNjZW50LFxuICAgIGNvbG9yLFxuICAgIGNlbnRlcmVkLFxuICAgIHRleHRUcmFuc2Zvcm0sXG59OiBUZXh0U3R5bGVQcm9wcyA9IHt9KTogVGV4dFN0eWxlID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgdHlwZWZhY2UgPSB1c2VUb2tlbjxzdHJpbmc+KHJvb3QudGV4dC5iYXNlLnR5cGVmYWNlKTtcblxuICAgIGNvbnN0IHRva2VucyA9IHRleHQudmFyaWFudFt2YXJpYW50XTtcbiAgICBjb25zdCBmb250U2l6ZSA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmZvbnRTaXplKTtcbiAgICBjb25zdCBmb250V2VpZ2h0ID0gdXNlVG9rZW48bnVtYmVyPih0b2tlbnMuZm9udFdlaWdodCk7XG4gICAgY29uc3QgbGluZUhlaWdodCA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmxpbmVIZWlnaHQpO1xuICAgIGNvbnN0IGxldHRlclNwYWNpbmcgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5sZXR0ZXJTcGFjaW5nKTtcbiAgICBjb25zdCBmb250U3R5bGUgPSB1c2VUb2tlbjxzdHJpbmc+KHRva2Vucy5mb250U3R5bGUpO1xuXG4gICAgY29uc3QgdGV4dFNoYXJlZFN0eWxlID0gdXNlVGV4dFNoYXJlZFN0eWxlKHtcbiAgICAgICAgYWNjZW50LFxuICAgICAgICBjb2xvcixcbiAgICAgICAgY2VudGVyZWQsXG4gICAgICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBmb250RmFtaWx5ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmICh0aGVtZS5uYW1lID09PSAndG9reW8tdWknKSB7XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGV4dEZvbnRGYW1pbHlUb2t5byh0eXBlZmFjZSwgZm9udFdlaWdodCwgZm9udFN0eWxlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBnZXRGb250RmFtaWx5KHR5cGVmYWNlLCBTdHJpbmcoZm9udFdlaWdodCksIGZvbnRTdHlsZSk7XG4gICAgfSwgW3R5cGVmYWNlLCBmb250V2VpZ2h0LCBmb250U3R5bGVdKTtcblxuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLnRleHRTaGFyZWRTdHlsZSxcbiAgICAgICAgICAgIGZvbnRTaXplLFxuICAgICAgICAgICAgbGluZUhlaWdodCxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6IGxldHRlclNwYWNpbmcgKiBmb250U2l6ZSwgLy8gVHJhbnNmb3JtIGBlbWAgdG8gYHB4YFxuICAgICAgICAgICAgZm9udEZhbWlseSxcbiAgICAgICAgfTtcbiAgICB9LCBbdGV4dFNoYXJlZFN0eWxlLCBmb250U2l6ZSwgbGluZUhlaWdodCwgbGV0dGVyU3BhY2luZywgZm9udEZhbWlseV0pO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7TUFTYSxZQUFZLEdBQUcsQ0FBQyxFQUN6QixPQUFPLEdBQUcsdUJBQXVCLEVBQ2pDLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsTUFDRyxFQUFFO0lBQ2xCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUU3QixNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFM0QsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQyxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN2RCxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzdELE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFckQsTUFBTSxlQUFlLEdBQUcsa0JBQWtCLENBQUM7UUFDdkMsTUFBTTtRQUNOLEtBQUs7UUFDTCxRQUFRO1FBQ1IsYUFBYTtLQUNoQixDQUFDLENBQUM7SUFFSCxNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUMzQixPQUFPLHNCQUFzQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUM7U0FDbEU7UUFFRCxPQUFPLGFBQWEsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0tBQ2pFLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFFdEMsT0FBTyxPQUFPLENBQUM7UUFDWCxPQUFPO1lBQ0gsR0FBRyxlQUFlO1lBQ2xCLFFBQVE7WUFDUixVQUFVO1lBQ1YsYUFBYSxFQUFFLGFBQWEsR0FBRyxRQUFRO1lBQ3ZDLFVBQVU7U0FDYixDQUFDO0tBQ0wsRUFBRSxDQUFDLGVBQWUsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0FBQzNFOzs7OyJ9
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { ColorName, HeadingLevel, TextAccent, TextVariant } from '@preply/ds-core';
|
|
1
|
+
import { ColorName, HeadingLevel, HeadingVariant, 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/private/normalizeHeadingLevel';
|
|
5
|
-
import { TokyoTextVariant } from './hooks/private/normalizeTextVariant';
|
|
6
4
|
export interface TextStyleCommonProps {
|
|
7
5
|
accent?: TextAccent;
|
|
8
6
|
color?: ColorName;
|
|
@@ -10,7 +8,7 @@ export interface TextStyleCommonProps {
|
|
|
10
8
|
textTransform?: RNTextStyle['textTransform'];
|
|
11
9
|
}
|
|
12
10
|
export interface TextStyleProps extends TextStyleCommonProps {
|
|
13
|
-
variant?: TextVariant
|
|
11
|
+
variant?: TextVariant;
|
|
14
12
|
}
|
|
15
13
|
export interface HeadingStyleBoldProps extends TextStyleCommonProps {
|
|
16
14
|
/** @deprecated use "variant" instead */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.67.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.67.0",
|
|
22
|
+
"@preply/ds-rn-core": "0.67.0",
|
|
23
|
+
"@preply/ds-rn-root": "0.67.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
26
|
+
"@preply/ds-core": "0.67.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.67.0",
|
|
29
|
+
"@preply/ds-rn-root": "0.67.0",
|
|
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": "49fa02c8d8574cda3e94c001cb56de75d1e26cd3"
|
|
42
42
|
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { HeadingLevel } from '@preply/ds-core';
|
|
2
|
-
declare const mapVariantToLevel: {
|
|
3
|
-
readonly Huge: "h1";
|
|
4
|
-
readonly ExtraLarge: "h2";
|
|
5
|
-
readonly Large: "h3";
|
|
6
|
-
readonly Medium: "h4";
|
|
7
|
-
readonly Small: "h5";
|
|
8
|
-
};
|
|
9
|
-
export declare type HeadingVariant = keyof typeof mapVariantToLevel;
|
|
10
|
-
export declare function normalizeHeadingLevel(input: {
|
|
11
|
-
level: HeadingLevel;
|
|
12
|
-
} | {
|
|
13
|
-
variant: HeadingVariant;
|
|
14
|
-
}): HeadingLevel;
|
|
15
|
-
export {};
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplSGVhZGluZ0xldmVsLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9wcml2YXRlL25vcm1hbGl6ZUhlYWRpbmdMZXZlbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIZWFkaW5nTGV2ZWwgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5jb25zdCBtYXBWYXJpYW50VG9MZXZlbCA9IHtcbiAgICBIdWdlOiAnaDEnLFxuICAgIEV4dHJhTGFyZ2U6ICdoMicsXG4gICAgTGFyZ2U6ICdoMycsXG4gICAgTWVkaXVtOiAnaDQnLFxuICAgIFNtYWxsOiAnaDUnLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgSGVhZGluZ1ZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgbWFwVmFyaWFudFRvTGV2ZWw7XG5cbmV4cG9ydCBmdW5jdGlvbiBub3JtYWxpemVIZWFkaW5nTGV2ZWwoXG4gICAgaW5wdXQ6XG4gICAgICAgIHwge1xuICAgICAgICAgICAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgICAgICAgIH1cbiAgICAgICAgfCB7XG4gICAgICAgICAgICAgIHZhcmlhbnQ6IEhlYWRpbmdWYXJpYW50O1xuICAgICAgICAgIH0sXG4pOiBIZWFkaW5nTGV2ZWwge1xuICAgIGlmICgnbGV2ZWwnIGluIGlucHV0KSB7XG4gICAgICAgIHJldHVybiBpbnB1dC5sZXZlbDtcbiAgICB9XG5cbiAgICByZXR1cm4gbWFwVmFyaWFudFRvTGV2ZWxbaW5wdXQudmFyaWFudF07XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxpQkFBaUIsR0FBRztJQUN0QixJQUFJLEVBQUUsSUFBSTtJQUNWLFVBQVUsRUFBRSxJQUFJO0lBQ2hCLEtBQUssRUFBRSxJQUFJO0lBQ1gsTUFBTSxFQUFFLElBQUk7SUFDWixLQUFLLEVBQUUsSUFBSTtDQUNMLENBQUM7U0FJSyxxQkFBcUIsQ0FDakMsS0FNTztJQUVQLElBQUksT0FBTyxJQUFJLEtBQUssRUFBRTtRQUNsQixPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUM7S0FDdEI7SUFFRCxPQUFPLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUM1Qzs7OzsifQ==
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { TextVariant } from '@preply/ds-core';
|
|
2
|
-
declare const map: {
|
|
3
|
-
readonly 'Large/Semibold': "l-medium";
|
|
4
|
-
readonly 'Large/Semibold/Italic': "l-medium-italic";
|
|
5
|
-
readonly 'Large/Regular': "l";
|
|
6
|
-
readonly 'Large/Regular/Italic': "l-italic";
|
|
7
|
-
readonly 'Default/Semibold': "m-medium";
|
|
8
|
-
readonly 'Default/Semibold/Italic': "m-medium-italic";
|
|
9
|
-
readonly 'Default/Regular': "m";
|
|
10
|
-
readonly 'Default/Regular/Italic': "m-italic";
|
|
11
|
-
readonly 'Small/Semibold': "s-medium";
|
|
12
|
-
readonly 'Small/Semibold/Italic': "s-medium-italic";
|
|
13
|
-
readonly 'Small/Regular': "s";
|
|
14
|
-
readonly 'Small/Regular/Italic': "s-italic";
|
|
15
|
-
readonly 'Caption/Semibold': "xs-medium";
|
|
16
|
-
readonly 'Caption/Regular': "xs";
|
|
17
|
-
};
|
|
18
|
-
export declare type TokyoTextVariant = keyof typeof map;
|
|
19
|
-
export declare function normalizeTextVariant(variant: TextVariant | TokyoTextVariant): TextVariant;
|
|
20
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const map = {
|
|
2
|
-
'Large/Semibold': 'l-medium',
|
|
3
|
-
'Large/Semibold/Italic': 'l-medium-italic',
|
|
4
|
-
'Large/Regular': 'l',
|
|
5
|
-
'Large/Regular/Italic': 'l-italic',
|
|
6
|
-
'Default/Semibold': 'm-medium',
|
|
7
|
-
'Default/Semibold/Italic': 'm-medium-italic',
|
|
8
|
-
'Default/Regular': 'm',
|
|
9
|
-
'Default/Regular/Italic': 'm-italic',
|
|
10
|
-
'Small/Semibold': 's-medium',
|
|
11
|
-
'Small/Semibold/Italic': 's-medium-italic',
|
|
12
|
-
'Small/Regular': 's',
|
|
13
|
-
'Small/Regular/Italic': 's-italic',
|
|
14
|
-
'Caption/Semibold': 'xs-medium',
|
|
15
|
-
'Caption/Regular': 'xs',
|
|
16
|
-
};
|
|
17
|
-
function isTokyoTextVariant(variant) {
|
|
18
|
-
return variant in map;
|
|
19
|
-
}
|
|
20
|
-
function normalizeTextVariant(variant) {
|
|
21
|
-
if (isTokyoTextVariant(variant)) {
|
|
22
|
-
return map[variant];
|
|
23
|
-
}
|
|
24
|
-
return variant;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export { normalizeTextVariant };
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9ybWFsaXplVGV4dFZhcmlhbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9wcm9wcy90eXBvZ3JhcGh5L2hvb2tzL3ByaXZhdGUvbm9ybWFsaXplVGV4dFZhcmlhbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGV4dFZhcmlhbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5jb25zdCBtYXAgPSB7XG4gICAgJ0xhcmdlL1NlbWlib2xkJzogJ2wtbWVkaXVtJyxcbiAgICAnTGFyZ2UvU2VtaWJvbGQvSXRhbGljJzogJ2wtbWVkaXVtLWl0YWxpYycsXG4gICAgJ0xhcmdlL1JlZ3VsYXInOiAnbCcsXG4gICAgJ0xhcmdlL1JlZ3VsYXIvSXRhbGljJzogJ2wtaXRhbGljJyxcblxuICAgICdEZWZhdWx0L1NlbWlib2xkJzogJ20tbWVkaXVtJyxcbiAgICAnRGVmYXVsdC9TZW1pYm9sZC9JdGFsaWMnOiAnbS1tZWRpdW0taXRhbGljJyxcbiAgICAnRGVmYXVsdC9SZWd1bGFyJzogJ20nLFxuICAgICdEZWZhdWx0L1JlZ3VsYXIvSXRhbGljJzogJ20taXRhbGljJyxcblxuICAgICdTbWFsbC9TZW1pYm9sZCc6ICdzLW1lZGl1bScsXG4gICAgJ1NtYWxsL1NlbWlib2xkL0l0YWxpYyc6ICdzLW1lZGl1bS1pdGFsaWMnLFxuICAgICdTbWFsbC9SZWd1bGFyJzogJ3MnLFxuICAgICdTbWFsbC9SZWd1bGFyL0l0YWxpYyc6ICdzLWl0YWxpYycsXG5cbiAgICAnQ2FwdGlvbi9TZW1pYm9sZCc6ICd4cy1tZWRpdW0nLFxuICAgICdDYXB0aW9uL1JlZ3VsYXInOiAneHMnLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgVG9reW9UZXh0VmFyaWFudCA9IGtleW9mIHR5cGVvZiBtYXA7XG5cbmZ1bmN0aW9uIGlzVG9reW9UZXh0VmFyaWFudCh2YXJpYW50OiBUZXh0VmFyaWFudCB8IFRva3lvVGV4dFZhcmlhbnQpOiB2YXJpYW50IGlzIFRva3lvVGV4dFZhcmlhbnQge1xuICAgIHJldHVybiB2YXJpYW50IGluIG1hcDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG5vcm1hbGl6ZVRleHRWYXJpYW50KHZhcmlhbnQ6IFRleHRWYXJpYW50IHwgVG9reW9UZXh0VmFyaWFudCk6IFRleHRWYXJpYW50IHtcbiAgICBpZiAoaXNUb2t5b1RleHRWYXJpYW50KHZhcmlhbnQpKSB7XG4gICAgICAgIHJldHVybiBtYXBbdmFyaWFudF07XG4gICAgfVxuXG4gICAgcmV0dXJuIHZhcmlhbnQ7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxHQUFHLEdBQUc7SUFDUixnQkFBZ0IsRUFBRSxVQUFVO0lBQzVCLHVCQUF1QixFQUFFLGlCQUFpQjtJQUMxQyxlQUFlLEVBQUUsR0FBRztJQUNwQixzQkFBc0IsRUFBRSxVQUFVO0lBRWxDLGtCQUFrQixFQUFFLFVBQVU7SUFDOUIseUJBQXlCLEVBQUUsaUJBQWlCO0lBQzVDLGlCQUFpQixFQUFFLEdBQUc7SUFDdEIsd0JBQXdCLEVBQUUsVUFBVTtJQUVwQyxnQkFBZ0IsRUFBRSxVQUFVO0lBQzVCLHVCQUF1QixFQUFFLGlCQUFpQjtJQUMxQyxlQUFlLEVBQUUsR0FBRztJQUNwQixzQkFBc0IsRUFBRSxVQUFVO0lBRWxDLGtCQUFrQixFQUFFLFdBQVc7SUFDL0IsaUJBQWlCLEVBQUUsSUFBSTtDQUNqQixDQUFDO0FBSVgsU0FBUyxrQkFBa0IsQ0FBQyxPQUF1QztJQUMvRCxPQUFPLE9BQU8sSUFBSSxHQUFHLENBQUM7QUFDMUIsQ0FBQztTQUVlLG9CQUFvQixDQUFDLE9BQXVDO0lBQ3hFLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDN0IsT0FBTyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7S0FDdkI7SUFFRCxPQUFPLE9BQU8sQ0FBQztBQUNuQjs7OzsifQ==
|