@fluid-topics/ft-typography 1.3.63 → 1.4.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.
- package/build/ft-typography.d.ts +1 -1
- package/build/ft-typography.js +3 -4
- package/build/ft-typography.light.js +67 -77
- package/build/ft-typography.min.js +63 -73
- package/build/ft-typography.properties.d.ts +1 -89
- package/build/ft-typography.properties.js +0 -89
- package/build/ft-typography.styles.d.ts +0 -26
- package/build/ft-typography.styles.js +1 -29
- package/build/ftds-typography.properties.d.ts +0 -7
- package/build/ftds-typography.properties.js +0 -7
- package/build/ftds-typography.styles.d.ts +0 -10
- package/build/ftds-typography.styles.js +1 -11
- package/package.json +4 -4
- package/build/ft-typography.css.helper.d.ts +0 -7
- package/build/ft-typography.css.helper.js +0 -20
|
@@ -8,95 +8,7 @@ export declare enum FtTypographyVariants {
|
|
|
8
8
|
caption = "caption",
|
|
9
9
|
breadcrumb = "breadcrumb",
|
|
10
10
|
overline = "overline",
|
|
11
|
-
button = "button"
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated use <ftds-typography> instead
|
|
14
|
-
*/
|
|
15
|
-
display = "display",
|
|
16
|
-
/**
|
|
17
|
-
* @deprecated use <ftds-typography> instead
|
|
18
|
-
*/
|
|
19
|
-
title1 = "title-1",
|
|
20
|
-
/**
|
|
21
|
-
* @deprecated use <ftds-typography> instead
|
|
22
|
-
*/
|
|
23
|
-
title2 = "title-2",
|
|
24
|
-
/**
|
|
25
|
-
* @deprecated use <ftds-typography> instead
|
|
26
|
-
*/
|
|
27
|
-
title3 = "title-3",
|
|
28
|
-
/**
|
|
29
|
-
* @deprecated use <ftds-typography> instead
|
|
30
|
-
*/
|
|
31
|
-
body1regular = "body-1-regular",
|
|
32
|
-
/**
|
|
33
|
-
* @deprecated use <ftds-typography> instead
|
|
34
|
-
*/
|
|
35
|
-
body1medium = "body-1-medium",
|
|
36
|
-
/**
|
|
37
|
-
* @deprecated use <ftds-typography> instead
|
|
38
|
-
*/
|
|
39
|
-
body1semibold = "body-1-semibold",
|
|
40
|
-
/**
|
|
41
|
-
* @deprecated use <ftds-typography> instead
|
|
42
|
-
*/
|
|
43
|
-
body2regular = "body-2-regular",
|
|
44
|
-
/**
|
|
45
|
-
* @deprecated use <ftds-typography> instead
|
|
46
|
-
*/
|
|
47
|
-
body2medium = "body-2-medium",
|
|
48
|
-
/**
|
|
49
|
-
* @deprecated use <ftds-typography> instead
|
|
50
|
-
*/
|
|
51
|
-
body2semibold = "body-2-semibold",
|
|
52
|
-
/**
|
|
53
|
-
* @deprecated use <ftds-typography> instead
|
|
54
|
-
*/
|
|
55
|
-
label1medium = "label-1-medium",
|
|
56
|
-
/**
|
|
57
|
-
* @deprecated use <ftds-typography> instead
|
|
58
|
-
*/
|
|
59
|
-
label1semibold = "label-1-semibold",
|
|
60
|
-
/**
|
|
61
|
-
* @deprecated use <ftds-typography> instead
|
|
62
|
-
*/
|
|
63
|
-
label1bold = "label-1-bold",
|
|
64
|
-
/**
|
|
65
|
-
* @deprecated use <ftds-typography> instead
|
|
66
|
-
*/
|
|
67
|
-
label2medium = "label-2-medium",
|
|
68
|
-
/**
|
|
69
|
-
* @deprecated use <ftds-typography> instead
|
|
70
|
-
*/
|
|
71
|
-
label2semibold = "label-2-semibold",
|
|
72
|
-
/**
|
|
73
|
-
* @deprecated use <ftds-typography> instead
|
|
74
|
-
*/
|
|
75
|
-
label2bold = "label-2-bold",
|
|
76
|
-
/**
|
|
77
|
-
* @deprecated use <ftds-typography> instead
|
|
78
|
-
*/
|
|
79
|
-
caption1medium = "caption-1-medium",
|
|
80
|
-
/**
|
|
81
|
-
* @deprecated use <ftds-typography> instead
|
|
82
|
-
*/
|
|
83
|
-
caption1semibold = "caption-1-semibold",
|
|
84
|
-
/**
|
|
85
|
-
* @deprecated use <ftds-typography> instead
|
|
86
|
-
*/
|
|
87
|
-
caption1bold = "caption-1-bold",
|
|
88
|
-
/**
|
|
89
|
-
* @deprecated use <ftds-typography> instead
|
|
90
|
-
*/
|
|
91
|
-
caption2medium = "caption-2-medium",
|
|
92
|
-
/**
|
|
93
|
-
* @deprecated use <ftds-typography> instead
|
|
94
|
-
*/
|
|
95
|
-
caption2semibold = "caption-2-semibold",
|
|
96
|
-
/**
|
|
97
|
-
* @deprecated use <ftds-typography> instead
|
|
98
|
-
*/
|
|
99
|
-
caption2bold = "caption-2-bold"
|
|
11
|
+
button = "button"
|
|
100
12
|
}
|
|
101
13
|
export interface FtTypographyProperties {
|
|
102
14
|
element?: string;
|
|
@@ -10,93 +10,4 @@ export var FtTypographyVariants;
|
|
|
10
10
|
FtTypographyVariants["breadcrumb"] = "breadcrumb";
|
|
11
11
|
FtTypographyVariants["overline"] = "overline";
|
|
12
12
|
FtTypographyVariants["button"] = "button";
|
|
13
|
-
// New design system
|
|
14
|
-
/**
|
|
15
|
-
* @deprecated use <ftds-typography> instead
|
|
16
|
-
*/
|
|
17
|
-
FtTypographyVariants["display"] = "display";
|
|
18
|
-
/**
|
|
19
|
-
* @deprecated use <ftds-typography> instead
|
|
20
|
-
*/
|
|
21
|
-
FtTypographyVariants["title1"] = "title-1";
|
|
22
|
-
/**
|
|
23
|
-
* @deprecated use <ftds-typography> instead
|
|
24
|
-
*/
|
|
25
|
-
FtTypographyVariants["title2"] = "title-2";
|
|
26
|
-
/**
|
|
27
|
-
* @deprecated use <ftds-typography> instead
|
|
28
|
-
*/
|
|
29
|
-
FtTypographyVariants["title3"] = "title-3";
|
|
30
|
-
/**
|
|
31
|
-
* @deprecated use <ftds-typography> instead
|
|
32
|
-
*/
|
|
33
|
-
FtTypographyVariants["body1regular"] = "body-1-regular";
|
|
34
|
-
/**
|
|
35
|
-
* @deprecated use <ftds-typography> instead
|
|
36
|
-
*/
|
|
37
|
-
FtTypographyVariants["body1medium"] = "body-1-medium";
|
|
38
|
-
/**
|
|
39
|
-
* @deprecated use <ftds-typography> instead
|
|
40
|
-
*/
|
|
41
|
-
FtTypographyVariants["body1semibold"] = "body-1-semibold";
|
|
42
|
-
/**
|
|
43
|
-
* @deprecated use <ftds-typography> instead
|
|
44
|
-
*/
|
|
45
|
-
FtTypographyVariants["body2regular"] = "body-2-regular";
|
|
46
|
-
/**
|
|
47
|
-
* @deprecated use <ftds-typography> instead
|
|
48
|
-
*/
|
|
49
|
-
FtTypographyVariants["body2medium"] = "body-2-medium";
|
|
50
|
-
/**
|
|
51
|
-
* @deprecated use <ftds-typography> instead
|
|
52
|
-
*/
|
|
53
|
-
FtTypographyVariants["body2semibold"] = "body-2-semibold";
|
|
54
|
-
/**
|
|
55
|
-
* @deprecated use <ftds-typography> instead
|
|
56
|
-
*/
|
|
57
|
-
FtTypographyVariants["label1medium"] = "label-1-medium";
|
|
58
|
-
/**
|
|
59
|
-
* @deprecated use <ftds-typography> instead
|
|
60
|
-
*/
|
|
61
|
-
FtTypographyVariants["label1semibold"] = "label-1-semibold";
|
|
62
|
-
/**
|
|
63
|
-
* @deprecated use <ftds-typography> instead
|
|
64
|
-
*/
|
|
65
|
-
FtTypographyVariants["label1bold"] = "label-1-bold";
|
|
66
|
-
/**
|
|
67
|
-
* @deprecated use <ftds-typography> instead
|
|
68
|
-
*/
|
|
69
|
-
FtTypographyVariants["label2medium"] = "label-2-medium";
|
|
70
|
-
/**
|
|
71
|
-
* @deprecated use <ftds-typography> instead
|
|
72
|
-
*/
|
|
73
|
-
FtTypographyVariants["label2semibold"] = "label-2-semibold";
|
|
74
|
-
/**
|
|
75
|
-
* @deprecated use <ftds-typography> instead
|
|
76
|
-
*/
|
|
77
|
-
FtTypographyVariants["label2bold"] = "label-2-bold";
|
|
78
|
-
/**
|
|
79
|
-
* @deprecated use <ftds-typography> instead
|
|
80
|
-
*/
|
|
81
|
-
FtTypographyVariants["caption1medium"] = "caption-1-medium";
|
|
82
|
-
/**
|
|
83
|
-
* @deprecated use <ftds-typography> instead
|
|
84
|
-
*/
|
|
85
|
-
FtTypographyVariants["caption1semibold"] = "caption-1-semibold";
|
|
86
|
-
/**
|
|
87
|
-
* @deprecated use <ftds-typography> instead
|
|
88
|
-
*/
|
|
89
|
-
FtTypographyVariants["caption1bold"] = "caption-1-bold";
|
|
90
|
-
/**
|
|
91
|
-
* @deprecated use <ftds-typography> instead
|
|
92
|
-
*/
|
|
93
|
-
FtTypographyVariants["caption2medium"] = "caption-2-medium";
|
|
94
|
-
/**
|
|
95
|
-
* @deprecated use <ftds-typography> instead
|
|
96
|
-
*/
|
|
97
|
-
FtTypographyVariants["caption2semibold"] = "caption-2-semibold";
|
|
98
|
-
/**
|
|
99
|
-
* @deprecated use <ftds-typography> instead
|
|
100
|
-
*/
|
|
101
|
-
FtTypographyVariants["caption2bold"] = "caption-2-bold";
|
|
102
13
|
})(FtTypographyVariants || (FtTypographyVariants = {}));
|
|
@@ -97,29 +97,3 @@ export declare const FtTypographyBreadcrumb: import("lit").CSSResult;
|
|
|
97
97
|
export declare const FtTypographyOverline: import("lit").CSSResult;
|
|
98
98
|
export declare const FtTypographyButton: import("lit").CSSResult;
|
|
99
99
|
export declare const FtTypographyStyles: import("lit").CSSResult;
|
|
100
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyDisplay as FtTypographyDisplayCssVariables } from "@fluid-topics/design-system-variables";
|
|
101
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyTitle1 as FtTypographyTitle1CssVariables } from "@fluid-topics/design-system-variables";
|
|
102
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyTitle2 as FtTypographyTitle2CssVariables } from "@fluid-topics/design-system-variables";
|
|
103
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyTitle3 as FtTypographyTitle3CssVariables } from "@fluid-topics/design-system-variables";
|
|
104
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody1Regular as FtTypographyBody1RegularCssVariables } from "@fluid-topics/design-system-variables";
|
|
105
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody1Medium as FtTypographyBody1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
106
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody1Semibold as FtTypographyBody1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
107
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody2Regular as FtTypographyBody2RegularCssVariables } from "@fluid-topics/design-system-variables";
|
|
108
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody2Medium as FtTypographyBody2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
109
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody2Semibold as FtTypographyBody2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
110
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel1Medium as FtTypographyLabel1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
111
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel1Semibold as FtTypographyLabel1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
112
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel1Bold as FtTypographyLabel1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
113
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel2Medium as FtTypographyLabel2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
114
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel2Semibold as FtTypographyLabel2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
115
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel2Bold as FtTypographyLabel2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
116
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption1Medium as FtTypographyCaption1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
117
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption1Semibold as FtTypographyCaption1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
118
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption1Bold as FtTypographyCaption1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
119
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption2Medium as FtTypographyCaption2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
120
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption2Semibold as FtTypographyCaption2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
121
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption2Bold as FtTypographyCaption2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
122
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption3Medium as FtTypographyCaption3MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
123
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption3Semibold as FtTypographyCaption3SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
124
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption3Bold as FtTypographyCaption3BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
125
|
-
export declare const FtLegacyDsTypographyStyles: import("lit").CSSResult[][];
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { css } from "lit";
|
|
2
|
-
import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
|
|
3
|
-
import { typographies } from "@fluid-topics/design-system-variables";
|
|
4
|
-
import { buildDsTypographyCss } from "./ft-typography.css.helper";
|
|
2
|
+
import { designSystemVariables, FtCssVariableFactory, } from "@fluid-topics/ft-wc-utils";
|
|
5
3
|
const titleFontFamily = FtCssVariableFactory.extend("--ft-typography-font-family", "", designSystemVariables.titleFont);
|
|
6
4
|
const contentFontFamily = FtCssVariableFactory.extend("--ft-typography-font-family", "", designSystemVariables.contentFont);
|
|
7
5
|
export const FtTypographyCssVariables = {
|
|
@@ -209,29 +207,3 @@ export const FtTypographyStyles = css `
|
|
|
209
207
|
vertical-align: inherit;
|
|
210
208
|
}
|
|
211
209
|
`;
|
|
212
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyDisplay as FtTypographyDisplayCssVariables } from "@fluid-topics/design-system-variables";
|
|
213
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyTitle1 as FtTypographyTitle1CssVariables } from "@fluid-topics/design-system-variables";
|
|
214
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyTitle2 as FtTypographyTitle2CssVariables } from "@fluid-topics/design-system-variables";
|
|
215
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyTitle3 as FtTypographyTitle3CssVariables } from "@fluid-topics/design-system-variables";
|
|
216
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody1Regular as FtTypographyBody1RegularCssVariables } from "@fluid-topics/design-system-variables";
|
|
217
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody1Medium as FtTypographyBody1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
218
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody1Semibold as FtTypographyBody1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
219
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody2Regular as FtTypographyBody2RegularCssVariables } from "@fluid-topics/design-system-variables";
|
|
220
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody2Medium as FtTypographyBody2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
221
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyBody2Semibold as FtTypographyBody2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
222
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel1Medium as FtTypographyLabel1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
223
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel1Semibold as FtTypographyLabel1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
224
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel1Bold as FtTypographyLabel1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
225
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel2Medium as FtTypographyLabel2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
226
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel2Semibold as FtTypographyLabel2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
227
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyLabel2Bold as FtTypographyLabel2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
228
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption1Medium as FtTypographyCaption1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
229
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption1Semibold as FtTypographyCaption1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
230
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption1Bold as FtTypographyCaption1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
231
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption2Medium as FtTypographyCaption2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
232
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption2Semibold as FtTypographyCaption2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
233
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption2Bold as FtTypographyCaption2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
234
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption3Medium as FtTypographyCaption3MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
235
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption3Semibold as FtTypographyCaption3SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
236
|
-
export { /** @deprecated use <ftds-typography> instead */ typographyCaption3Bold as FtTypographyCaption3BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
237
|
-
export const FtLegacyDsTypographyStyles = [Object.keys(typographies).map((v) => buildDsTypographyCss(v))];
|
|
@@ -9,15 +9,8 @@ export declare enum FtdsTypographyVariants {
|
|
|
9
9
|
body2regular = "body-2-regular",
|
|
10
10
|
body2medium = "body-2-medium",
|
|
11
11
|
body2semibold = "body-2-semibold",
|
|
12
|
-
label1medium = "label-1-medium",
|
|
13
|
-
label1semibold = "label-1-semibold",
|
|
14
|
-
label1bold = "label-1-bold",
|
|
15
|
-
label2medium = "label-2-medium",
|
|
16
|
-
label2semibold = "label-2-semibold",
|
|
17
|
-
label2bold = "label-2-bold",
|
|
18
12
|
caption1medium = "caption-1-medium",
|
|
19
13
|
caption1semibold = "caption-1-semibold",
|
|
20
|
-
caption1bold = "caption-1-bold",
|
|
21
14
|
caption2medium = "caption-2-medium",
|
|
22
15
|
caption2semibold = "caption-2-semibold",
|
|
23
16
|
caption2bold = "caption-2-bold"
|
|
@@ -10,15 +10,8 @@ export var FtdsTypographyVariants;
|
|
|
10
10
|
FtdsTypographyVariants["body2regular"] = "body-2-regular";
|
|
11
11
|
FtdsTypographyVariants["body2medium"] = "body-2-medium";
|
|
12
12
|
FtdsTypographyVariants["body2semibold"] = "body-2-semibold";
|
|
13
|
-
FtdsTypographyVariants["label1medium"] = "label-1-medium";
|
|
14
|
-
FtdsTypographyVariants["label1semibold"] = "label-1-semibold";
|
|
15
|
-
FtdsTypographyVariants["label1bold"] = "label-1-bold";
|
|
16
|
-
FtdsTypographyVariants["label2medium"] = "label-2-medium";
|
|
17
|
-
FtdsTypographyVariants["label2semibold"] = "label-2-semibold";
|
|
18
|
-
FtdsTypographyVariants["label2bold"] = "label-2-bold";
|
|
19
13
|
FtdsTypographyVariants["caption1medium"] = "caption-1-medium";
|
|
20
14
|
FtdsTypographyVariants["caption1semibold"] = "caption-1-semibold";
|
|
21
|
-
FtdsTypographyVariants["caption1bold"] = "caption-1-bold";
|
|
22
15
|
FtdsTypographyVariants["caption2medium"] = "caption-2-medium";
|
|
23
16
|
FtdsTypographyVariants["caption2semibold"] = "caption-2-semibold";
|
|
24
17
|
FtdsTypographyVariants["caption2bold"] = "caption-2-bold";
|
|
@@ -10,20 +10,10 @@ export { typographyBody1Semibold as FtdsTypographyBody1SemiboldCssVariables } fr
|
|
|
10
10
|
export { typographyBody2Regular as FtdsTypographyBody2RegularCssVariables } from "@fluid-topics/design-system-variables";
|
|
11
11
|
export { typographyBody2Medium as FtdsTypographyBody2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
12
12
|
export { typographyBody2Semibold as FtdsTypographyBody2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
13
|
-
export { typographyLabel1Medium as FtdsTypographyLabel1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
14
|
-
export { typographyLabel1Semibold as FtdsTypographyLabel1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
15
|
-
export { typographyLabel1Bold as FtdsTypographyLabel1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
16
|
-
export { typographyLabel2Medium as FtdsTypographyLabel2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
17
|
-
export { typographyLabel2Semibold as FtdsTypographyLabel2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
18
|
-
export { typographyLabel2Bold as FtdsTypographyLabel2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
19
13
|
export { typographyCaption1Medium as FtdsTypographyCaption1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
20
14
|
export { typographyCaption1Semibold as FtdsTypographyCaption1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
21
|
-
export { typographyCaption1Bold as FtdsTypographyCaption1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
22
15
|
export { typographyCaption2Medium as FtdsTypographyCaption2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
23
16
|
export { typographyCaption2Semibold as FtdsTypographyCaption2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
24
17
|
export { typographyCaption2Bold as FtdsTypographyCaption2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
25
|
-
export { typographyCaption3Medium as FtdsTypographyCaption3MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
26
|
-
export { typographyCaption3Semibold as FtdsTypographyCaption3SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
27
|
-
export { typographyCaption3Bold as FtdsTypographyCaption3BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
28
18
|
export declare function buildDsTypographyCss(variant: keyof typeof typographies, selector?: string | CSSResult): CSSResult;
|
|
29
19
|
export declare const FtdsTypographyStyles: CSSResult[][];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { typographies } from "@fluid-topics/design-system-variables";
|
|
2
|
-
import { css, unsafeCSS } from "lit";
|
|
2
|
+
import { css, unsafeCSS, } from "lit";
|
|
3
3
|
export { typographyDisplay as FtdsTypographyDisplayCssVariables } from "@fluid-topics/design-system-variables";
|
|
4
4
|
export { typographyTitle1 as FtdsTypographyTitle1CssVariables } from "@fluid-topics/design-system-variables";
|
|
5
5
|
export { typographyTitle2 as FtdsTypographyTitle2CssVariables } from "@fluid-topics/design-system-variables";
|
|
@@ -10,21 +10,11 @@ export { typographyBody1Semibold as FtdsTypographyBody1SemiboldCssVariables } fr
|
|
|
10
10
|
export { typographyBody2Regular as FtdsTypographyBody2RegularCssVariables } from "@fluid-topics/design-system-variables";
|
|
11
11
|
export { typographyBody2Medium as FtdsTypographyBody2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
12
12
|
export { typographyBody2Semibold as FtdsTypographyBody2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
13
|
-
export { typographyLabel1Medium as FtdsTypographyLabel1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
14
|
-
export { typographyLabel1Semibold as FtdsTypographyLabel1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
15
|
-
export { typographyLabel1Bold as FtdsTypographyLabel1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
16
|
-
export { typographyLabel2Medium as FtdsTypographyLabel2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
17
|
-
export { typographyLabel2Semibold as FtdsTypographyLabel2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
18
|
-
export { typographyLabel2Bold as FtdsTypographyLabel2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
19
13
|
export { typographyCaption1Medium as FtdsTypographyCaption1MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
20
14
|
export { typographyCaption1Semibold as FtdsTypographyCaption1SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
21
|
-
export { typographyCaption1Bold as FtdsTypographyCaption1BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
22
15
|
export { typographyCaption2Medium as FtdsTypographyCaption2MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
23
16
|
export { typographyCaption2Semibold as FtdsTypographyCaption2SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
24
17
|
export { typographyCaption2Bold as FtdsTypographyCaption2BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
25
|
-
export { typographyCaption3Medium as FtdsTypographyCaption3MediumCssVariables } from "@fluid-topics/design-system-variables";
|
|
26
|
-
export { typographyCaption3Semibold as FtdsTypographyCaption3SemiboldCssVariables } from "@fluid-topics/design-system-variables";
|
|
27
|
-
export { typographyCaption3Bold as FtdsTypographyCaption3BoldCssVariables } from "@fluid-topics/design-system-variables";
|
|
28
18
|
export function buildDsTypographyCss(variant, selector) {
|
|
29
19
|
const typographyVariables = typographies[variant];
|
|
30
20
|
return css `
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-typography",
|
|
3
|
-
"version": "1.3
|
|
3
|
+
"version": "1.4.3",
|
|
4
4
|
"description": "Typography components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/design-system-variables": "
|
|
23
|
-
"@fluid-topics/ft-wc-utils": "1.3
|
|
22
|
+
"@fluid-topics/design-system-variables": "3.1.0",
|
|
23
|
+
"@fluid-topics/ft-wc-utils": "1.4.3",
|
|
24
24
|
"lit": "3.1.0"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "f9f5324c86da35137044bc768819fcd81057791d"
|
|
27
27
|
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { CSSResult } from "lit";
|
|
2
|
-
import { typographies } from "@fluid-topics/design-system-variables";
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated only there for backward compatibility.
|
|
5
|
-
* To delete once all ft-typography admin usages have been migrated to ftds-typography
|
|
6
|
-
*/
|
|
7
|
-
export declare function buildDsTypographyCss(variant: keyof typeof typographies, selector?: string | CSSResult): CSSResult;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { css, unsafeCSS } from "lit";
|
|
2
|
-
import { typographies } from "@fluid-topics/design-system-variables";
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated only there for backward compatibility.
|
|
5
|
-
* To delete once all ft-typography admin usages have been migrated to ftds-typography
|
|
6
|
-
*/
|
|
7
|
-
export function buildDsTypographyCss(variant, selector) {
|
|
8
|
-
const typographyVariables = typographies[variant];
|
|
9
|
-
return css `
|
|
10
|
-
${selector ? unsafeCSS(selector) : css `.ft-typography--${unsafeCSS(variant)}`} {
|
|
11
|
-
font-family: ${typographyVariables.fontFamily};
|
|
12
|
-
font-size: ${typographyVariables.fontSize};
|
|
13
|
-
font-weight: ${typographyVariables.fontWeight};
|
|
14
|
-
letter-spacing: ${typographyVariables.letterSpacing};
|
|
15
|
-
line-height: ${typographyVariables.lineHeight};
|
|
16
|
-
text-decoration: ${typographyVariables.textDecoration};
|
|
17
|
-
text-transform: ${typographyVariables.textCase};
|
|
18
|
-
}
|
|
19
|
-
`;
|
|
20
|
-
}
|