@preply/ds-rn-lib 2.0.0 → 2.1.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/assets/PreplyDSIcons.ttf +0 -0
- package/dist/props/typography/hooks/customLineHeightByLanguage.d.ts +9 -0
- package/dist/props/typography/hooks/customLineHeightByLanguage.d.ts.map +1 -0
- package/dist/props/typography/hooks/customLineHeightByLanguage.js +17 -0
- package/dist/props/typography/hooks/lettersCutStyleByVariant.d.ts +8 -8
- package/dist/props/typography/hooks/lettersCutStyleByVariant.d.ts.map +1 -1
- package/dist/props/typography/hooks/lettersCutStyleByVariant.js +13 -13
- package/dist/props/typography/hooks/useHeadingStyle.d.ts.map +1 -1
- package/dist/props/typography/hooks/useHeadingStyle.js +8 -3
- package/package.json +15 -15
|
Binary file
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { HeadingVariant } from '@preply/ds-core';
|
|
2
|
+
export declare const LANGUAGES_WITH_CUSTOM_LINE_HEIGHT: readonly ["th"];
|
|
3
|
+
type LanguagesWithCustomLineHeight = (typeof LANGUAGES_WITH_CUSTOM_LINE_HEIGHT)[number];
|
|
4
|
+
export declare const customLineHeightByLanguage: Record<LanguagesWithCustomLineHeight, {
|
|
5
|
+
Text: number;
|
|
6
|
+
Heading: Record<HeadingVariant, number>;
|
|
7
|
+
}>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=customLineHeightByLanguage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"customLineHeightByLanguage.d.ts","sourceRoot":"","sources":["../../../../src/props/typography/hooks/customLineHeightByLanguage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,eAAO,MAAM,iCAAiC,iBAAkB,CAAC;AACjE,KAAK,6BAA6B,GAAG,CAAC,OAAO,iCAAiC,CAAC,CAAC,MAAM,CAAC,CAAC;AAExF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAC3C,6BAA6B,EAC7B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;CAAE,CAa5D,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const LANGUAGES_WITH_CUSTOM_LINE_HEIGHT = ['th'];
|
|
2
|
+
const customLineHeightByLanguage = {
|
|
3
|
+
th: {
|
|
4
|
+
Text: 100,
|
|
5
|
+
Heading: {
|
|
6
|
+
massive: 144,
|
|
7
|
+
huge: 96,
|
|
8
|
+
extraLarge: 72,
|
|
9
|
+
large: 49,
|
|
10
|
+
medium: 39,
|
|
11
|
+
small: 31,
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { LANGUAGES_WITH_CUSTOM_LINE_HEIGHT, customLineHeightByLanguage };
|
|
17
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tTGluZUhlaWdodEJ5TGFuZ3VhZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wcm9wcy90eXBvZ3JhcGh5L2hvb2tzL2N1c3RvbUxpbmVIZWlnaHRCeUxhbmd1YWdlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSGVhZGluZ1ZhcmlhbnQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5leHBvcnQgY29uc3QgTEFOR1VBR0VTX1dJVEhfQ1VTVE9NX0xJTkVfSEVJR0hUID0gWyd0aCddIGFzIGNvbnN0O1xudHlwZSBMYW5ndWFnZXNXaXRoQ3VzdG9tTGluZUhlaWdodCA9ICh0eXBlb2YgTEFOR1VBR0VTX1dJVEhfQ1VTVE9NX0xJTkVfSEVJR0hUKVtudW1iZXJdO1xuXG5leHBvcnQgY29uc3QgY3VzdG9tTGluZUhlaWdodEJ5TGFuZ3VhZ2U6IFJlY29yZDxcbiAgICBMYW5ndWFnZXNXaXRoQ3VzdG9tTGluZUhlaWdodCxcbiAgICB7IFRleHQ6IG51bWJlcjsgSGVhZGluZzogUmVjb3JkPEhlYWRpbmdWYXJpYW50LCBudW1iZXI+IH1cbj4gPSB7XG4gICAgdGg6IHtcbiAgICAgICAgVGV4dDogMTAwLFxuICAgICAgICBIZWFkaW5nOiB7XG4gICAgICAgICAgICBtYXNzaXZlOiAxNDQsXG4gICAgICAgICAgICBodWdlOiA5NixcbiAgICAgICAgICAgIGV4dHJhTGFyZ2U6IDcyLFxuICAgICAgICAgICAgbGFyZ2U6IDQ5LFxuICAgICAgICAgICAgbWVkaXVtOiAzOSxcbiAgICAgICAgICAgIHNtYWxsOiAzMSxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFYSxNQUFBLGlDQUFpQyxHQUFHLENBQUMsSUFBSSxFQUFXO0FBR3BELE1BQUEsMEJBQTBCLEdBR25DO0FBQ0EsSUFBQSxFQUFFLEVBQUU7QUFDQSxRQUFBLElBQUksRUFBRSxHQUFHO0FBQ1QsUUFBQSxPQUFPLEVBQUU7QUFDTCxZQUFBLE9BQU8sRUFBRSxHQUFHO0FBQ1osWUFBQSxJQUFJLEVBQUUsRUFBRTtBQUNSLFlBQUEsVUFBVSxFQUFFLEVBQUU7QUFDZCxZQUFBLEtBQUssRUFBRSxFQUFFO0FBQ1QsWUFBQSxNQUFNLEVBQUUsRUFBRTtBQUNWLFlBQUEsS0FBSyxFQUFFLEVBQUU7QUFDWixTQUFBO0FBQ0osS0FBQTs7Ozs7In0=
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { HeadingVariant } from '@preply/ds-core';
|
|
2
2
|
type LettersCutStyle = {
|
|
3
|
-
paddingTop
|
|
4
|
-
marginTop
|
|
5
|
-
paddingBottom
|
|
6
|
-
marginBottom
|
|
7
|
-
paddingLeft
|
|
8
|
-
marginLeft
|
|
9
|
-
paddingRight
|
|
10
|
-
marginRight
|
|
3
|
+
paddingTop: number;
|
|
4
|
+
marginTop: number;
|
|
5
|
+
paddingBottom: number;
|
|
6
|
+
marginBottom: number;
|
|
7
|
+
paddingLeft: number;
|
|
8
|
+
marginLeft: number;
|
|
9
|
+
paddingRight: number;
|
|
10
|
+
marginRight: number;
|
|
11
11
|
};
|
|
12
12
|
/**
|
|
13
13
|
* Use a mix of positive padding and negative margin to avoid special letters to be cut.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lettersCutStyleByVariant.d.ts","sourceRoot":"","sources":["../../../../src/props/typography/hooks/lettersCutStyleByVariant.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,KAAK,eAAe,GAAG;IACnB,UAAU,
|
|
1
|
+
{"version":3,"file":"lettersCutStyleByVariant.d.ts","sourceRoot":"","sources":["../../../../src/props/typography/hooks/lettersCutStyleByVariant.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,KAAK,eAAe,GAAG;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IAGrB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,cAAc,EAAE,eAAe,CA4E5E,CAAC"}
|
|
@@ -13,44 +13,44 @@ const lettersCutStyleByVariant = {
|
|
|
13
13
|
marginTop: -35,
|
|
14
14
|
paddingBottom: 9,
|
|
15
15
|
marginBottom: -9,
|
|
16
|
-
// necessary for letters like French's 'Î'
|
|
16
|
+
// necessary for letters like French's 'Î', or Thai symbols like อู้
|
|
17
17
|
paddingLeft: 5,
|
|
18
18
|
marginLeft: -5,
|
|
19
|
-
paddingRight:
|
|
20
|
-
marginRight: -
|
|
19
|
+
paddingRight: 9,
|
|
20
|
+
marginRight: -9,
|
|
21
21
|
},
|
|
22
22
|
huge: {
|
|
23
23
|
paddingTop: 20,
|
|
24
24
|
marginTop: -20,
|
|
25
25
|
paddingBottom: 6,
|
|
26
26
|
marginBottom: -6,
|
|
27
|
-
// necessary for letters like French's 'Î'
|
|
27
|
+
// necessary for letters like French's 'Î', or Thai symbols like อู้
|
|
28
28
|
paddingLeft: 3,
|
|
29
29
|
marginLeft: -3,
|
|
30
|
-
paddingRight:
|
|
31
|
-
marginRight: -
|
|
30
|
+
paddingRight: 6,
|
|
31
|
+
marginRight: -6,
|
|
32
32
|
},
|
|
33
33
|
extraLarge: {
|
|
34
34
|
paddingTop: 13,
|
|
35
35
|
marginTop: -13,
|
|
36
36
|
paddingBottom: 3,
|
|
37
37
|
marginBottom: -3,
|
|
38
|
-
// necessary for letters like French's 'Î'
|
|
38
|
+
// necessary for letters like French's 'Î', or Thai symbols like อู้
|
|
39
39
|
paddingLeft: 2,
|
|
40
40
|
marginLeft: -2,
|
|
41
|
-
paddingRight:
|
|
42
|
-
marginRight: -
|
|
41
|
+
paddingRight: 4,
|
|
42
|
+
marginRight: -4,
|
|
43
43
|
},
|
|
44
44
|
large: {
|
|
45
45
|
paddingTop: 8,
|
|
46
46
|
marginTop: -8,
|
|
47
47
|
paddingBottom: 2,
|
|
48
48
|
marginBottom: -2,
|
|
49
|
-
// necessary for letters like French's 'Î'
|
|
49
|
+
// necessary for letters like French's 'Î', or Thai symbols like อู้
|
|
50
50
|
paddingLeft: 1,
|
|
51
51
|
marginLeft: -1,
|
|
52
|
-
paddingRight:
|
|
53
|
-
marginRight: -
|
|
52
|
+
paddingRight: 3,
|
|
53
|
+
marginRight: -3,
|
|
54
54
|
},
|
|
55
55
|
medium: {
|
|
56
56
|
paddingTop: 1,
|
|
@@ -75,4 +75,4 @@ const lettersCutStyleByVariant = {
|
|
|
75
75
|
};
|
|
76
76
|
|
|
77
77
|
export { lettersCutStyleByVariant };
|
|
78
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGV0dGVyc0N1dFN0eWxlQnlWYXJpYW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy9sZXR0ZXJzQ3V0U3R5bGVCeVZhcmlhbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBIZWFkaW5nVmFyaWFudCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbnR5cGUgTGV0dGVyc0N1dFN0eWxlID0ge1xuICAgIHBhZGRpbmdUb3A6IG51bWJlcjtcbiAgICBtYXJnaW5Ub3A6IG51bWJlcjtcbiAgICBwYWRkaW5nQm90dG9tOiBudW1iZXI7XG4gICAgbWFyZ2luQm90dG9tOiBudW1iZXI7XG5cbiAgICAvLyBuZWNlc3NhcnkgZm9yIGxldHRlcnMgbGlrZSBGcmVuY2gncyAnw44nLCBvciBUaGFpIHN5bWJvbHMgbGlrZSDguK3guLnguYlcbiAgICBwYWRkaW5nTGVmdDogbnVtYmVyO1xuICAgIG1hcmdpbkxlZnQ6IG51bWJlcjtcbiAgICBwYWRkaW5nUmlnaHQ6IG51bWJlcjtcbiAgICBtYXJnaW5SaWdodDogbnVtYmVyO1xufTtcblxuLyoqXG4gKiBVc2UgYSBtaXggb2YgcG9zaXRpdmUgcGFkZGluZyBhbmQgbmVnYXRpdmUgbWFyZ2luIHRvIGF2b2lkIHNwZWNpYWwgbGV0dGVycyB0byBiZSBjdXQuXG4gKlxuICogTGluZSBoZWlnaHQgb24gUk4gY291bGQgY3V0cyBzb21lIHNwZWNpYWwgbGV0dGVycywgYW5kIGl0J3MgYSBrbm93biBidWcuIEhlcmUncyB0aGUgc29sdXRpb24gYXBwbGllZFxuICogQHNlZSBodHRwczovL2dpdGh1Yi5jb20vZmFjZWJvb2svcmVhY3QtbmF0aXZlL2lzc3Vlcy8yOTUwNyNpc3N1ZWNvbW1lbnQtNjY1MTQ3NDUyXG4gKlxuICogVGhleSBmaXhlZCBpdCB3aXRoIFJOIDAuNzYuMCBmb3IgQW5kcm9pZCwgYnV0IHRoZSBpT1MgUFIgaXMsIGF0IHRoZSB0aW1lIG9mIHdyaXRpbmcsIHN0aWxsIG9wZW5cbiAqIEBzZWUgaHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0LW5hdGl2ZS9wdWxsLzQ2ODg0XG4gKi9cbmV4cG9ydCBjb25zdCBsZXR0ZXJzQ3V0U3R5bGVCeVZhcmlhbnQ6IFJlY29yZDxIZWFkaW5nVmFyaWFudCwgTGV0dGVyc0N1dFN0eWxlPiA9IHtcbiAgICBtYXNzaXZlOiB7XG4gICAgICAgIHBhZGRpbmdUb3A6IDM1LFxuICAgICAgICBtYXJnaW5Ub3A6IC0zNSxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogOSxcbiAgICAgICAgbWFyZ2luQm90dG9tOiAtOSxcblxuICAgICAgICAvLyBuZWNlc3NhcnkgZm9yIGxldHRlcnMgbGlrZSBGcmVuY2gncyAnw44nLCBvciBUaGFpIHN5bWJvbHMgbGlrZSDguK3guLnguYlcbiAgICAgICAgcGFkZGluZ0xlZnQ6IDUsXG4gICAgICAgIG1hcmdpbkxlZnQ6IC01LFxuICAgICAgICBwYWRkaW5nUmlnaHQ6IDksXG4gICAgICAgIG1hcmdpblJpZ2h0OiAtOSxcbiAgICB9LFxuXG4gICAgaHVnZToge1xuICAgICAgICBwYWRkaW5nVG9wOiAyMCxcbiAgICAgICAgbWFyZ2luVG9wOiAtMjAsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IDYsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogLTYsXG5cbiAgICAgICAgLy8gbmVjZXNzYXJ5IGZvciBsZXR0ZXJzIGxpa2UgRnJlbmNoJ3MgJ8OOJywgb3IgVGhhaSBzeW1ib2xzIGxpa2Ug4Lit4Li54LmJXG4gICAgICAgIHBhZGRpbmdMZWZ0OiAzLFxuICAgICAgICBtYXJnaW5MZWZ0OiAtMyxcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiA2LFxuICAgICAgICBtYXJnaW5SaWdodDogLTYsXG4gICAgfSxcblxuICAgIGV4dHJhTGFyZ2U6IHtcbiAgICAgICAgcGFkZGluZ1RvcDogMTMsXG4gICAgICAgIG1hcmdpblRvcDogLTEzLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAzLFxuICAgICAgICBtYXJnaW5Cb3R0b206IC0zLFxuXG4gICAgICAgIC8vIG5lY2Vzc2FyeSBmb3IgbGV0dGVycyBsaWtlIEZyZW5jaCdzICfDjicsIG9yIFRoYWkgc3ltYm9scyBsaWtlIOC4reC4ueC5iVxuICAgICAgICBwYWRkaW5nTGVmdDogMixcbiAgICAgICAgbWFyZ2luTGVmdDogLTIsXG4gICAgICAgIHBhZGRpbmdSaWdodDogNCxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IC00LFxuICAgIH0sXG5cbiAgICBsYXJnZToge1xuICAgICAgICBwYWRkaW5nVG9wOiA4LFxuICAgICAgICBtYXJnaW5Ub3A6IC04LFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAyLFxuICAgICAgICBtYXJnaW5Cb3R0b206IC0yLFxuXG4gICAgICAgIC8vIG5lY2Vzc2FyeSBmb3IgbGV0dGVycyBsaWtlIEZyZW5jaCdzICfDjicsIG9yIFRoYWkgc3ltYm9scyBsaWtlIOC4reC4ueC5iVxuICAgICAgICBwYWRkaW5nTGVmdDogMSxcbiAgICAgICAgbWFyZ2luTGVmdDogLTEsXG4gICAgICAgIHBhZGRpbmdSaWdodDogMyxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IC0zLFxuICAgIH0sXG5cbiAgICBtZWRpdW06IHtcbiAgICAgICAgcGFkZGluZ1RvcDogMSxcbiAgICAgICAgbWFyZ2luVG9wOiAtMSxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogMSxcbiAgICAgICAgbWFyZ2luQm90dG9tOiAtMSxcblxuICAgICAgICBwYWRkaW5nTGVmdDogMSxcbiAgICAgICAgbWFyZ2luTGVmdDogLTEsXG4gICAgICAgIHBhZGRpbmdSaWdodDogMSxcbiAgICAgICAgbWFyZ2luUmlnaHQ6IC0xLFxuICAgIH0sXG5cbiAgICBzbWFsbDoge1xuICAgICAgICBwYWRkaW5nVG9wOiAzLFxuICAgICAgICBtYXJnaW5Ub3A6IC0zLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAyLFxuICAgICAgICBtYXJnaW5Cb3R0b206IC0yLFxuXG4gICAgICAgIHBhZGRpbmdMZWZ0OiAxLFxuICAgICAgICBtYXJnaW5MZWZ0OiAtMSxcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiAxLFxuICAgICAgICBtYXJnaW5SaWdodDogLTEsXG4gICAgfSxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUE7Ozs7Ozs7O0FBUUc7QUFDVSxNQUFBLHdCQUF3QixHQUE0QztBQUM3RSxJQUFBLE9BQU8sRUFBRTtBQUNMLFFBQUEsVUFBVSxFQUFFLEVBQUU7UUFDZCxTQUFTLEVBQUUsR0FBRztBQUNkLFFBQUEsYUFBYSxFQUFFLENBQUM7UUFDaEIsWUFBWSxFQUFFLEVBQUU7O0FBR2hCLFFBQUEsV0FBVyxFQUFFLENBQUM7UUFDZCxVQUFVLEVBQUUsRUFBRTtBQUNkLFFBQUEsWUFBWSxFQUFFLENBQUM7UUFDZixXQUFXLEVBQUUsRUFBRTtBQUNsQixLQUFBO0FBRUQsSUFBQSxJQUFJLEVBQUU7QUFDRixRQUFBLFVBQVUsRUFBRSxFQUFFO1FBQ2QsU0FBUyxFQUFFLEdBQUc7QUFDZCxRQUFBLGFBQWEsRUFBRSxDQUFDO1FBQ2hCLFlBQVksRUFBRSxFQUFFOztBQUdoQixRQUFBLFdBQVcsRUFBRSxDQUFDO1FBQ2QsVUFBVSxFQUFFLEVBQUU7QUFDZCxRQUFBLFlBQVksRUFBRSxDQUFDO1FBQ2YsV0FBVyxFQUFFLEVBQUU7QUFDbEIsS0FBQTtBQUVELElBQUEsVUFBVSxFQUFFO0FBQ1IsUUFBQSxVQUFVLEVBQUUsRUFBRTtRQUNkLFNBQVMsRUFBRSxHQUFHO0FBQ2QsUUFBQSxhQUFhLEVBQUUsQ0FBQztRQUNoQixZQUFZLEVBQUUsRUFBRTs7QUFHaEIsUUFBQSxXQUFXLEVBQUUsQ0FBQztRQUNkLFVBQVUsRUFBRSxFQUFFO0FBQ2QsUUFBQSxZQUFZLEVBQUUsQ0FBQztRQUNmLFdBQVcsRUFBRSxFQUFFO0FBQ2xCLEtBQUE7QUFFRCxJQUFBLEtBQUssRUFBRTtBQUNILFFBQUEsVUFBVSxFQUFFLENBQUM7UUFDYixTQUFTLEVBQUUsRUFBRTtBQUNiLFFBQUEsYUFBYSxFQUFFLENBQUM7UUFDaEIsWUFBWSxFQUFFLEVBQUU7O0FBR2hCLFFBQUEsV0FBVyxFQUFFLENBQUM7UUFDZCxVQUFVLEVBQUUsRUFBRTtBQUNkLFFBQUEsWUFBWSxFQUFFLENBQUM7UUFDZixXQUFXLEVBQUUsRUFBRTtBQUNsQixLQUFBO0FBRUQsSUFBQSxNQUFNLEVBQUU7QUFDSixRQUFBLFVBQVUsRUFBRSxDQUFDO1FBQ2IsU0FBUyxFQUFFLEVBQUU7QUFDYixRQUFBLGFBQWEsRUFBRSxDQUFDO1FBQ2hCLFlBQVksRUFBRSxFQUFFO0FBRWhCLFFBQUEsV0FBVyxFQUFFLENBQUM7UUFDZCxVQUFVLEVBQUUsRUFBRTtBQUNkLFFBQUEsWUFBWSxFQUFFLENBQUM7UUFDZixXQUFXLEVBQUUsRUFBRTtBQUNsQixLQUFBO0FBRUQsSUFBQSxLQUFLLEVBQUU7QUFDSCxRQUFBLFVBQVUsRUFBRSxDQUFDO1FBQ2IsU0FBUyxFQUFFLEVBQUU7QUFDYixRQUFBLGFBQWEsRUFBRSxDQUFDO1FBQ2hCLFlBQVksRUFBRSxFQUFFO0FBRWhCLFFBQUEsV0FBVyxFQUFFLENBQUM7UUFDZCxVQUFVLEVBQUUsRUFBRTtBQUNkLFFBQUEsWUFBWSxFQUFFLENBQUM7UUFDZixXQUFXLEVBQUUsRUFBRTtBQUNsQixLQUFBOzs7OzsifQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHeadingStyle.d.ts","sourceRoot":"","sources":["../../../../src/props/typography/hooks/useHeadingStyle.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useHeadingStyle.d.ts","sourceRoot":"","sources":["../../../../src/props/typography/hooks/useHeadingStyle.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAQlD,eAAO,MAAM,eAAe,qEAMzB,iBAAiB,KAAG,SA4BtB,CAAC"}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import { heading } from '@preply/ds-core';
|
|
2
2
|
import { useToken } from '@preply/ds-rn-core';
|
|
3
|
+
import { useLocale } from '@preply/ds-rn-root';
|
|
3
4
|
import { useMemo } from 'react';
|
|
4
5
|
import { getHeadingFontFamily } from '../utils/fontFamily.js';
|
|
6
|
+
import { customLineHeightByLanguage } from './customLineHeightByLanguage.js';
|
|
5
7
|
import { lettersCutStyleByVariant } from './lettersCutStyleByVariant.js';
|
|
6
8
|
import { useTextSharedStyle } from './private/useTextSharedStyle.js';
|
|
7
9
|
import { useShouldUseFallbackFont } from './useShouldUseFallbackFont.js';
|
|
8
10
|
|
|
9
11
|
const useHeadingStyle = ({ accent, centered, textTransform, variant, dontFixLettersCut = false, }) => {
|
|
12
|
+
var _a, _b;
|
|
10
13
|
const shouldUseFallbackFont = useShouldUseFallbackFont();
|
|
11
14
|
const tokens = heading.variant[variant];
|
|
12
15
|
const fontSize = useToken(tokens.fontSize);
|
|
13
16
|
const letterSpacing = useToken(tokens.letterSpacing);
|
|
14
17
|
const lineHeight = useToken(tokens.lineHeight);
|
|
18
|
+
const locale = useLocale();
|
|
19
|
+
const customLineHeight = (_b = (_a = customLineHeightByLanguage[locale]) === null || _a === void 0 ? void 0 : _a.Heading) === null || _b === void 0 ? void 0 : _b[variant];
|
|
15
20
|
const fixLettersCutStyle = dontFixLettersCut ? undefined : lettersCutStyleByVariant[variant];
|
|
16
21
|
const textSharedStyle = useTextSharedStyle({ accent, centered, textTransform });
|
|
17
22
|
const fontFamily = getHeadingFontFamily(shouldUseFallbackFont);
|
|
@@ -20,12 +25,12 @@ const useHeadingStyle = ({ accent, centered, textTransform, variant, dontFixLett
|
|
|
20
25
|
...textSharedStyle,
|
|
21
26
|
...fixLettersCutStyle,
|
|
22
27
|
fontSize,
|
|
23
|
-
lineHeight,
|
|
28
|
+
lineHeight: typeof customLineHeight === 'number' ? customLineHeight : lineHeight,
|
|
24
29
|
letterSpacing: letterSpacing * fontSize,
|
|
25
30
|
fontFamily,
|
|
26
31
|
};
|
|
27
|
-
}, [textSharedStyle, fontSize, lineHeight, letterSpacing, fontFamily]);
|
|
32
|
+
}, [textSharedStyle, fontSize, lineHeight, customLineHeight, letterSpacing, fontFamily]);
|
|
28
33
|
};
|
|
29
34
|
|
|
30
35
|
export { useHeadingStyle };
|
|
31
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSGVhZGluZ1N0eWxlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcHJvcHMvdHlwb2dyYXBoeS9ob29rcy91c2VIZWFkaW5nU3R5bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaGVhZGluZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgeyB1c2VMb2NhbGUgfSBmcm9tICdAcHJlcGx5L2RzLXJuLXJvb3QnO1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSGVhZGluZ1N0eWxlUHJvcHMsIFRleHRTdHlsZSB9IGZyb20gJy4uJztcbmltcG9ydCB7IGdldEhlYWRpbmdGb250RmFtaWx5IH0gZnJvbSAnLi4vdXRpbHMvZm9udEZhbWlseSc7XG5pbXBvcnQgeyBjdXN0b21MaW5lSGVpZ2h0QnlMYW5ndWFnZSB9IGZyb20gJy4vY3VzdG9tTGluZUhlaWdodEJ5TGFuZ3VhZ2UnO1xuaW1wb3J0IHsgbGV0dGVyc0N1dFN0eWxlQnlWYXJpYW50IH0gZnJvbSAnLi9sZXR0ZXJzQ3V0U3R5bGVCeVZhcmlhbnQnO1xuXG5pbXBvcnQgeyB1c2VUZXh0U2hhcmVkU3R5bGUgfSBmcm9tICcuL3ByaXZhdGUvdXNlVGV4dFNoYXJlZFN0eWxlJztcbmltcG9ydCB7IHVzZVNob3VsZFVzZUZhbGxiYWNrRm9udCB9IGZyb20gJy4vdXNlU2hvdWxkVXNlRmFsbGJhY2tGb250JztcblxuZXhwb3J0IGNvbnN0IHVzZUhlYWRpbmdTdHlsZSA9ICh7XG4gICAgYWNjZW50LFxuICAgIGNlbnRlcmVkLFxuICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgdmFyaWFudCxcbiAgICBkb250Rml4TGV0dGVyc0N1dCA9IGZhbHNlLFxufTogSGVhZGluZ1N0eWxlUHJvcHMpOiBUZXh0U3R5bGUgPT4ge1xuICAgIGNvbnN0IHNob3VsZFVzZUZhbGxiYWNrRm9udCA9IHVzZVNob3VsZFVzZUZhbGxiYWNrRm9udCgpO1xuXG4gICAgY29uc3QgdG9rZW5zID0gaGVhZGluZy52YXJpYW50W3ZhcmlhbnRdO1xuXG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KHRva2Vucy5mb250U2l6ZSk7XG4gICAgY29uc3QgbGV0dGVyU3BhY2luZyA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmxldHRlclNwYWNpbmcpO1xuXG4gICAgY29uc3QgbGluZUhlaWdodCA9IHVzZVRva2VuPG51bWJlcj4odG9rZW5zLmxpbmVIZWlnaHQpO1xuICAgIGNvbnN0IGxvY2FsZSA9IHVzZUxvY2FsZSgpO1xuICAgIGNvbnN0IGN1c3RvbUxpbmVIZWlnaHQgPSBjdXN0b21MaW5lSGVpZ2h0QnlMYW5ndWFnZVtsb2NhbGVdPy5IZWFkaW5nPy5bdmFyaWFudF07XG5cbiAgICBjb25zdCBmaXhMZXR0ZXJzQ3V0U3R5bGUgPSBkb250Rml4TGV0dGVyc0N1dCA/IHVuZGVmaW5lZCA6IGxldHRlcnNDdXRTdHlsZUJ5VmFyaWFudFt2YXJpYW50XTtcblxuICAgIGNvbnN0IHRleHRTaGFyZWRTdHlsZSA9IHVzZVRleHRTaGFyZWRTdHlsZSh7IGFjY2VudCwgY2VudGVyZWQsIHRleHRUcmFuc2Zvcm0gfSk7XG5cbiAgICBjb25zdCBmb250RmFtaWx5ID0gZ2V0SGVhZGluZ0ZvbnRGYW1pbHkoc2hvdWxkVXNlRmFsbGJhY2tGb250KTtcblxuICAgIHJldHVybiB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLnRleHRTaGFyZWRTdHlsZSxcbiAgICAgICAgICAgIC4uLmZpeExldHRlcnNDdXRTdHlsZSxcbiAgICAgICAgICAgIGZvbnRTaXplLFxuICAgICAgICAgICAgbGluZUhlaWdodDogdHlwZW9mIGN1c3RvbUxpbmVIZWlnaHQgPT09ICdudW1iZXInID8gY3VzdG9tTGluZUhlaWdodCA6IGxpbmVIZWlnaHQsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nOiBsZXR0ZXJTcGFjaW5nICogZm9udFNpemUsIC8vIFRyYW5zZm9ybSBgZW1gIHRvIGBweGBcbiAgICAgICAgICAgIGZvbnRGYW1pbHksXG4gICAgICAgIH07XG4gICAgfSwgW3RleHRTaGFyZWRTdHlsZSwgZm9udFNpemUsIGxpbmVIZWlnaHQsIGN1c3RvbUxpbmVIZWlnaHQsIGxldHRlclNwYWNpbmcsIGZvbnRGYW1pbHldKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQWFhLE1BQUEsZUFBZSxHQUFHLENBQUMsRUFDNUIsTUFBTSxFQUNOLFFBQVEsRUFDUixhQUFhLEVBQ2IsT0FBTyxFQUNQLGlCQUFpQixHQUFHLEtBQUssR0FDVCxLQUFlOztBQUMvQixJQUFBLE1BQU0scUJBQXFCLEdBQUcsd0JBQXdCLEVBQUUsQ0FBQztJQUV6RCxNQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXhDLE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBUyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbkQsTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUU3RCxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQVMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0FBQ3ZELElBQUEsTUFBTSxNQUFNLEdBQUcsU0FBUyxFQUFFLENBQUM7QUFDM0IsSUFBQSxNQUFNLGdCQUFnQixHQUFHLENBQUEsRUFBQSxHQUFBLENBQUEsRUFBQSxHQUFBLDBCQUEwQixDQUFDLE1BQU0sQ0FBQyxNQUFFLElBQUEsSUFBQSxFQUFBLEtBQUEsTUFBQSxHQUFBLE1BQUEsR0FBQSxFQUFBLENBQUEsT0FBTyxNQUFHLElBQUEsSUFBQSxFQUFBLEtBQUEsTUFBQSxHQUFBLE1BQUEsR0FBQSxFQUFBLENBQUEsT0FBTyxDQUFDLENBQUM7QUFFaEYsSUFBQSxNQUFNLGtCQUFrQixHQUFHLGlCQUFpQixHQUFHLFNBQVMsR0FBRyx3QkFBd0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUU3RixJQUFBLE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsQ0FBQyxDQUFDO0FBRWhGLElBQUEsTUFBTSxVQUFVLEdBQUcsb0JBQW9CLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUUvRCxPQUFPLE9BQU8sQ0FBQyxNQUFLO1FBQ2hCLE9BQU87QUFDSCxZQUFBLEdBQUcsZUFBZTtBQUNsQixZQUFBLEdBQUcsa0JBQWtCO1lBQ3JCLFFBQVE7QUFDUixZQUFBLFVBQVUsRUFBRSxPQUFPLGdCQUFnQixLQUFLLFFBQVEsR0FBRyxnQkFBZ0IsR0FBRyxVQUFVO1lBQ2hGLGFBQWEsRUFBRSxhQUFhLEdBQUcsUUFBUTtZQUN2QyxVQUFVO1NBQ2IsQ0FBQztBQUNOLEtBQUMsRUFBRSxDQUFDLGVBQWUsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0FBQzdGOzs7OyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-rn-lib",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
"@radix-ui/react-slot": "^1.1.2"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@preply/ds-core": "2.
|
|
28
|
-
"@preply/ds-core-types": "2.
|
|
29
|
-
"@preply/ds-rn-core": "2.
|
|
30
|
-
"@preply/ds-rn-root": "2.
|
|
31
|
-
"@preply/ds-visual-coverage-preply-component-names": "2.
|
|
32
|
-
"@preply/ds-visual-coverage-preply-rn": "2.
|
|
27
|
+
"@preply/ds-core": "2.1.0",
|
|
28
|
+
"@preply/ds-core-types": "2.1.0",
|
|
29
|
+
"@preply/ds-rn-core": "2.1.0",
|
|
30
|
+
"@preply/ds-rn-root": "2.1.0",
|
|
31
|
+
"@preply/ds-visual-coverage-preply-component-names": "2.1.0",
|
|
32
|
+
"@preply/ds-visual-coverage-preply-rn": "2.1.0",
|
|
33
33
|
"@react-native-masked-view/masked-view": "0.x",
|
|
34
34
|
"expo-image": "^2.0.6",
|
|
35
35
|
"react": "^16 || ^18",
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@babel/plugin-proposal-private-methods": "^7.18.6",
|
|
42
42
|
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
43
|
-
"@preply/ds-core": "2.
|
|
44
|
-
"@preply/ds-core-types": "2.
|
|
45
|
-
"@preply/ds-media-icons": "2.
|
|
46
|
-
"@preply/ds-rn-core": "2.
|
|
47
|
-
"@preply/ds-rn-root": "2.
|
|
48
|
-
"@preply/ds-visual-coverage-preply-component-names": "2.
|
|
49
|
-
"@preply/ds-visual-coverage-preply-rn": "2.
|
|
43
|
+
"@preply/ds-core": "2.1.0",
|
|
44
|
+
"@preply/ds-core-types": "2.1.0",
|
|
45
|
+
"@preply/ds-media-icons": "2.1.0",
|
|
46
|
+
"@preply/ds-rn-core": "2.1.0",
|
|
47
|
+
"@preply/ds-rn-root": "2.1.0",
|
|
48
|
+
"@preply/ds-visual-coverage-preply-component-names": "2.1.0",
|
|
49
|
+
"@preply/ds-visual-coverage-preply-rn": "2.1.0",
|
|
50
50
|
"@react-native-masked-view/masked-view": "0.3.2",
|
|
51
51
|
"@testing-library/jest-native": "^5.4.3",
|
|
52
52
|
"@testing-library/react-native": "^13.0.1",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"ts-jest": "^29.2.5",
|
|
68
68
|
"tsx": "^4.19.3"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "547ae27cb8b824ca473d3efb28c9440780355ad1"
|
|
71
71
|
}
|