@gem-sdk/core 1.43.0-staging.1 → 1.43.0-staging.3
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.
|
@@ -29,7 +29,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
|
|
|
29
29
|
${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
|
|
30
30
|
${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
|
|
31
31
|
${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
|
|
32
|
-
${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
|
|
32
|
+
${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant};` : ''}
|
|
33
33
|
${italic ? `font-style: italic ${composeImportant};` : ''}
|
|
34
34
|
${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
|
|
35
35
|
${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
|
|
@@ -63,10 +63,10 @@ const composeTypographyV2 = (value, attrs)=>{
|
|
|
63
63
|
fs: !attrs?.italic ? value?.fontStyle : undefined,
|
|
64
64
|
ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
|
|
65
65
|
weight: !attrs?.bold ? value?.fontWeight : undefined,
|
|
66
|
-
ls: value?.letterSpacing
|
|
67
|
-
lh: value?.lineHeight
|
|
66
|
+
ls: value?.letterSpacing
|
|
68
67
|
}),
|
|
69
|
-
...makeStyle.makeStyleResponsive('size', value?.fontSize)
|
|
68
|
+
...makeStyle.makeStyleResponsive('size', value?.fontSize),
|
|
69
|
+
...makeStyle.makeStyleResponsive('lh', value?.lineHeight)
|
|
70
70
|
});
|
|
71
71
|
};
|
|
72
72
|
const composeTypographyAttr = (attrs)=>{
|
|
@@ -27,7 +27,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
|
|
|
27
27
|
${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
|
|
28
28
|
${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
|
|
29
29
|
${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
|
|
30
|
-
${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
|
|
30
|
+
${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant};` : ''}
|
|
31
31
|
${italic ? `font-style: italic ${composeImportant};` : ''}
|
|
32
32
|
${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
|
|
33
33
|
${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
|
|
@@ -61,10 +61,10 @@ const composeTypographyV2 = (value, attrs)=>{
|
|
|
61
61
|
fs: !attrs?.italic ? value?.fontStyle : undefined,
|
|
62
62
|
ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
|
|
63
63
|
weight: !attrs?.bold ? value?.fontWeight : undefined,
|
|
64
|
-
ls: value?.letterSpacing
|
|
65
|
-
lh: value?.lineHeight
|
|
64
|
+
ls: value?.letterSpacing
|
|
66
65
|
}),
|
|
67
|
-
...makeStyleResponsive('size', value?.fontSize)
|
|
66
|
+
...makeStyleResponsive('size', value?.fontSize),
|
|
67
|
+
...makeStyleResponsive('lh', value?.lineHeight)
|
|
68
68
|
});
|
|
69
69
|
};
|
|
70
70
|
const composeTypographyAttr = (attrs)=>{
|
package/dist/types/index.d.ts
CHANGED
|
@@ -27021,7 +27021,7 @@ type TypographyProps = {
|
|
|
27021
27021
|
};
|
|
27022
27022
|
type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
|
|
27023
27023
|
fontSize?: ObjectDevices<string>;
|
|
27024
|
-
lineHeight?: string
|
|
27024
|
+
lineHeight?: ObjectDevices<string>;
|
|
27025
27025
|
};
|
|
27026
27026
|
type TypographyV2Attrs = {
|
|
27027
27027
|
bold?: boolean;
|