@mezzanine-ui/core 0.14.3 → 0.14.5
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mezzanine-ui/core",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.5",
|
|
4
4
|
"description": "Core for mezzanine-ui",
|
|
5
5
|
"author": "Mezzanine",
|
|
6
6
|
"repository": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@mezzanine-ui/icons": "^0.14.
|
|
44
|
-
"@mezzanine-ui/system": "^0.14.
|
|
43
|
+
"@mezzanine-ui/icons": "^0.14.5",
|
|
44
|
+
"@mezzanine-ui/system": "^0.14.5",
|
|
45
45
|
"lodash": "^4.17.21",
|
|
46
46
|
"tslib": "^2.4.1"
|
|
47
47
|
},
|
|
@@ -5,10 +5,12 @@ export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
|
|
|
5
5
|
export type TypographyColor = 'inherit' | MainColor | GradualMainColor | TextColor;
|
|
6
6
|
type TypographyDisplayBase = 'block' | 'flex';
|
|
7
7
|
export type TypographyDisplay = TypographyDisplayBase | `inline-${TypographyDisplayBase}`;
|
|
8
|
+
export type TypographyWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
8
9
|
export interface TypographyCssVars {
|
|
9
10
|
align?: TypographyAlign;
|
|
10
11
|
color?: TypographyColor;
|
|
11
12
|
display?: TypographyDisplay;
|
|
13
|
+
weight?: TypographyWeight;
|
|
12
14
|
}
|
|
13
15
|
export declare const typographyClasses: {
|
|
14
16
|
readonly variant: (variant: TypographyVariant) => string;
|
|
@@ -17,6 +19,7 @@ export declare const typographyClasses: {
|
|
|
17
19
|
readonly display: "mzn-typography--display";
|
|
18
20
|
readonly ellipsis: "mzn-typography--ellipsis";
|
|
19
21
|
readonly noWrap: "mzn-typography--nowrap";
|
|
22
|
+
readonly weight: "mzn-typography--weight";
|
|
20
23
|
};
|
|
21
24
|
export declare function toTypographyCssVars(variables: TypographyCssVars): CssVarInterpolations;
|
|
22
25
|
export {};
|
package/typography/typography.js
CHANGED
|
@@ -9,15 +9,17 @@ const typographyClasses = {
|
|
|
9
9
|
display: `${typographyPrefix}--display`,
|
|
10
10
|
ellipsis: `${typographyPrefix}--ellipsis`,
|
|
11
11
|
noWrap: `${typographyPrefix}--nowrap`,
|
|
12
|
+
weight: `${typographyPrefix}--weight`,
|
|
12
13
|
};
|
|
13
14
|
function toTypographyCssVars(variables) {
|
|
14
|
-
const { align, color, display, } = variables;
|
|
15
|
+
const { align, color, display, weight, } = variables;
|
|
15
16
|
return {
|
|
16
17
|
[`--${typographyPrefix}-align`]: align,
|
|
17
18
|
[`--${typographyPrefix}-color`]: !color || color === 'inherit'
|
|
18
19
|
? color
|
|
19
20
|
: toCssVar(`${palettePrefix}-${color}`),
|
|
20
21
|
[`--${typographyPrefix}-display`]: display,
|
|
22
|
+
[`--${typographyPrefix}-weight`]: weight,
|
|
21
23
|
};
|
|
22
24
|
}
|
|
23
25
|
|