@fluid-topics/ft-typography 2.2.5 → 2.2.6

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.
Files changed (5) hide show
  1. package/build/ft-typography.light.js +63 -53
  2. package/build/ft-typography.min.js +77 -67
  3. package/build/ft-typography.styles.d.ts +11 -0
  4. package/build/ft-typography.styles.js +21 -0
  5. package/package.json +3 -3
package/build/ft-typography.styles.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const FtTypographyCssVariables: {
5
5
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
6
6
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
7
7
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
8
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
8
9
  };
9
10
  export declare const FtTypographyTitleCssVariables: {
10
11
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -13,6 +14,7 @@ export declare const FtTypographyTitleCssVariables: {
13
14
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
14
15
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
15
16
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
17
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
16
18
  };
17
19
  export declare const FtTypographyTitleDenseCssVariables: {
18
20
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -21,6 +23,7 @@ export declare const FtTypographyTitleDenseCssVariables: {
21
23
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
22
24
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
23
25
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
26
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
24
27
  };
25
28
  export declare const FtTypographySubtitle1CssVariables: {
26
29
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -29,6 +32,7 @@ export declare const FtTypographySubtitle1CssVariables: {
29
32
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
30
33
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
31
34
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
35
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
32
36
  };
33
37
  export declare const FtTypographySubtitle2CssVariables: {
34
38
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -37,6 +41,7 @@ export declare const FtTypographySubtitle2CssVariables: {
37
41
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
38
42
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
39
43
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
44
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
40
45
  };
41
46
  export declare const FtTypographyBody1CssVariables: {
42
47
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -45,6 +50,7 @@ export declare const FtTypographyBody1CssVariables: {
45
50
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
46
51
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
47
52
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
53
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
48
54
  };
49
55
  export declare const FtTypographyBody2CssVariables: {
50
56
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -53,6 +59,7 @@ export declare const FtTypographyBody2CssVariables: {
53
59
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
54
60
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
55
61
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
62
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
56
63
  };
57
64
  export declare const FtTypographyCaptionCssVariables: {
58
65
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -61,6 +68,7 @@ export declare const FtTypographyCaptionCssVariables: {
61
68
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
62
69
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
63
70
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
71
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
64
72
  };
65
73
  export declare const FtTypographyBreadcrumbCssVariables: {
66
74
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -69,6 +77,7 @@ export declare const FtTypographyBreadcrumbCssVariables: {
69
77
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
70
78
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
71
79
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
80
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
72
81
  };
73
82
  export declare const FtTypographyOverlineCssVariables: {
74
83
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -77,6 +86,7 @@ export declare const FtTypographyOverlineCssVariables: {
77
86
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
78
87
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
79
88
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
89
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
80
90
  };
81
91
  export declare const FtTypographyButtonCssVariables: {
82
92
  fontFamily: import("@fluid-topics/design-system-variables").FtCssVariable;
@@ -85,6 +95,7 @@ export declare const FtTypographyButtonCssVariables: {
85
95
  letterSpacing: import("@fluid-topics/design-system-variables").FtCssVariable;
86
96
  lineHeight: import("@fluid-topics/design-system-variables").FtCssVariable;
87
97
  textTransform: import("@fluid-topics/design-system-variables").FtCssVariable;
98
+ textDecoration: import("@fluid-topics/design-system-variables").FtCssVariable;
88
99
  };
89
100
  export declare const FtTypographyTitle: import("lit").CSSResult;
90
101
  export declare const FtTypographyTitleDense: import("lit").CSSResult;
package/build/ft-typography.styles.js CHANGED
@@ -9,6 +9,7 @@ export const FtTypographyCssVariables = {
9
9
  letterSpacing: FtCssVariableFactory.create("--ft-typography-letter-spacing", "", "SIZE", "0.496px"),
10
10
  lineHeight: FtCssVariableFactory.create("--ft-typography-line-height", "", "NUMBER", "1.5"),
11
11
  textTransform: FtCssVariableFactory.create("--ft-typography-text-transform", "", "UNKNOWN", "inherit"),
12
+ textDecoration: FtCssVariableFactory.create("--ft-typography-text-decoration", "", "UNKNOWN", "inherit"),
12
13
  };
13
14
  export const FtTypographyTitleCssVariables = {
14
15
  fontFamily: FtCssVariableFactory.extend("--ft-typography-title-font-family", "", titleFontFamily),
@@ -17,6 +18,7 @@ export const FtTypographyTitleCssVariables = {
17
18
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-title-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.15px"),
18
19
  lineHeight: FtCssVariableFactory.extend("--ft-typography-title-line-height", "", FtTypographyCssVariables.lineHeight, "1.2"),
19
20
  textTransform: FtCssVariableFactory.extend("--ft-typography-title-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
21
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-title-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
20
22
  };
21
23
  export const FtTypographyTitleDenseCssVariables = {
22
24
  fontFamily: FtCssVariableFactory.extend("--ft-typography-title-dense-font-family", "", titleFontFamily),
@@ -25,6 +27,7 @@ export const FtTypographyTitleDenseCssVariables = {
25
27
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.105px"),
26
28
  lineHeight: FtCssVariableFactory.extend("--ft-typography-title-dense-line-height", "", FtTypographyCssVariables.lineHeight, "1.7"),
27
29
  textTransform: FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
30
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-title-dense-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
28
31
  };
29
32
  export const FtTypographySubtitle1CssVariables = {
30
33
  fontFamily: FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family", "", contentFontFamily),
@@ -33,6 +36,7 @@ export const FtTypographySubtitle1CssVariables = {
33
36
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.144px"),
34
37
  lineHeight: FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height", "", FtTypographyCssVariables.lineHeight, "1.5"),
35
38
  textTransform: FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
39
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-subtitle1-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
36
40
  };
37
41
  export const FtTypographySubtitle2CssVariables = {
38
42
  fontFamily: FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family", "", contentFontFamily),
@@ -41,6 +45,7 @@ export const FtTypographySubtitle2CssVariables = {
41
45
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.098px"),
42
46
  lineHeight: FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height", "", FtTypographyCssVariables.lineHeight, "1.7"),
43
47
  textTransform: FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
48
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-subtitle2-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
44
49
  };
45
50
  export const FtTypographyBody1CssVariables = {
46
51
  fontFamily: FtCssVariableFactory.extend("--ft-typography-body1-font-family", "", contentFontFamily),
@@ -49,6 +54,7 @@ export const FtTypographyBody1CssVariables = {
49
54
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.496px"),
50
55
  lineHeight: FtCssVariableFactory.extend("--ft-typography-body1-line-height", "", FtTypographyCssVariables.lineHeight, "1.5"),
51
56
  textTransform: FtCssVariableFactory.extend("--ft-typography-body1-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
57
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-body1-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
52
58
  };
53
59
  export const FtTypographyBody2CssVariables = {
54
60
  fontFamily: FtCssVariableFactory.extend("--ft-typography-body2-font-family", "", contentFontFamily),
@@ -57,6 +63,7 @@ export const FtTypographyBody2CssVariables = {
57
63
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.252px"),
58
64
  lineHeight: FtCssVariableFactory.extend("--ft-typography-body2-line-height", "", FtTypographyCssVariables.lineHeight, "1.4"),
59
65
  textTransform: FtCssVariableFactory.extend("--ft-typography-body2-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
66
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-body2-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
60
67
  };
61
68
  export const FtTypographyCaptionCssVariables = {
62
69
  fontFamily: FtCssVariableFactory.extend("--ft-typography-caption-font-family", "", contentFontFamily),
@@ -65,6 +72,7 @@ export const FtTypographyCaptionCssVariables = {
65
72
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.396px"),
66
73
  lineHeight: FtCssVariableFactory.extend("--ft-typography-caption-line-height", "", FtTypographyCssVariables.lineHeight, "1.33"),
67
74
  textTransform: FtCssVariableFactory.extend("--ft-typography-caption-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
75
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-caption-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
68
76
  };
69
77
  export const FtTypographyBreadcrumbCssVariables = {
70
78
  fontFamily: FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family", "", contentFontFamily),
@@ -73,6 +81,7 @@ export const FtTypographyBreadcrumbCssVariables = {
73
81
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "0.33px"),
74
82
  lineHeight: FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height", "", FtTypographyCssVariables.lineHeight, "1.6"),
75
83
  textTransform: FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform", "", FtTypographyCssVariables.textTransform, "inherit"),
84
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
76
85
  };
77
86
  export const FtTypographyOverlineCssVariables = {
78
87
  fontFamily: FtCssVariableFactory.extend("--ft-typography-overline-font-family", "", contentFontFamily),
@@ -81,6 +90,7 @@ export const FtTypographyOverlineCssVariables = {
81
90
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "1.5px"),
82
91
  lineHeight: FtCssVariableFactory.extend("--ft-typography-overline-line-height", "", FtTypographyCssVariables.lineHeight, "1.6"),
83
92
  textTransform: FtCssVariableFactory.extend("--ft-typography-overline-text-transform", "", FtTypographyCssVariables.textTransform, "uppercase"),
93
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-overline-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
84
94
  };
85
95
  export const FtTypographyButtonCssVariables = {
86
96
  fontFamily: FtCssVariableFactory.extend("--ft-typography-button-font-family", "", contentFontFamily),
@@ -89,6 +99,7 @@ export const FtTypographyButtonCssVariables = {
89
99
  letterSpacing: FtCssVariableFactory.extend("--ft-typography-button-letter-spacing", "", FtTypographyCssVariables.letterSpacing, "1.246px"),
90
100
  lineHeight: FtCssVariableFactory.extend("--ft-typography-button-line-height", "", FtTypographyCssVariables.lineHeight, "1.15"),
91
101
  textTransform: FtCssVariableFactory.extend("--ft-typography-button-text-transform", "", FtTypographyCssVariables.textTransform, "uppercase"),
102
+ textDecoration: FtCssVariableFactory.extend("--ft-typography-button-text-decoration", "", FtTypographyCssVariables.textDecoration, "inherit"),
92
103
  };
93
104
  // language=CSS
94
105
  export const FtTypographyTitle = css `
@@ -99,6 +110,7 @@ export const FtTypographyTitle = css `
99
110
  letter-spacing: ${FtTypographyTitleCssVariables.letterSpacing};
100
111
  line-height: ${FtTypographyTitleCssVariables.lineHeight};
101
112
  text-transform: ${FtTypographyTitleCssVariables.textTransform};
113
+ text-decoration: ${FtTypographyTitleCssVariables.textDecoration};
102
114
  }
103
115
  `;
104
116
  // language=CSS
@@ -110,6 +122,7 @@ export const FtTypographyTitleDense = css `
110
122
  letter-spacing: ${FtTypographyTitleDenseCssVariables.letterSpacing};
111
123
  line-height: ${FtTypographyTitleDenseCssVariables.lineHeight};
112
124
  text-transform: ${FtTypographyTitleDenseCssVariables.textTransform};
125
+ text-decoration: ${FtTypographyTitleDenseCssVariables.textDecoration};
113
126
  }
114
127
  `;
115
128
  // language=CSS
@@ -121,6 +134,7 @@ export const FtTypographySubtitle1 = css `
121
134
  letter-spacing: ${FtTypographySubtitle1CssVariables.letterSpacing};
122
135
  line-height: ${FtTypographySubtitle1CssVariables.lineHeight};
123
136
  text-transform: ${FtTypographySubtitle1CssVariables.textTransform};
137
+ text-decoration: ${FtTypographySubtitle1CssVariables.textDecoration};
124
138
  }
125
139
  `;
126
140
  // language=CSS
@@ -132,6 +146,7 @@ export const FtTypographySubtitle2 = css `
132
146
  letter-spacing: ${FtTypographySubtitle2CssVariables.letterSpacing};
133
147
  line-height: ${FtTypographySubtitle2CssVariables.lineHeight};
134
148
  text-transform: ${FtTypographySubtitle2CssVariables.textTransform};
149
+ text-decoration: ${FtTypographySubtitle2CssVariables.textDecoration};
135
150
  }
136
151
 
137
152
  `;
@@ -144,6 +159,7 @@ export const FtTypographyBody1 = css `
144
159
  letter-spacing: ${FtTypographyBody1CssVariables.letterSpacing};
145
160
  line-height: ${FtTypographyBody1CssVariables.lineHeight};
146
161
  text-transform: ${FtTypographyBody1CssVariables.textTransform};
162
+ text-decoration: ${FtTypographyBody1CssVariables.textDecoration};
147
163
  }
148
164
  `;
149
165
  // language=CSS
@@ -155,6 +171,7 @@ export const FtTypographyBody2 = css `
155
171
  letter-spacing: ${FtTypographyBody2CssVariables.letterSpacing};
156
172
  line-height: ${FtTypographyBody2CssVariables.lineHeight};
157
173
  text-transform: ${FtTypographyBody2CssVariables.textTransform};
174
+ text-decoration: ${FtTypographyBody2CssVariables.textDecoration};
158
175
  }
159
176
  `;
160
177
  // language=CSS
@@ -166,6 +183,7 @@ export const FtTypographyCaption = css `
166
183
  letter-spacing: ${FtTypographyCaptionCssVariables.letterSpacing};
167
184
  line-height: ${FtTypographyCaptionCssVariables.lineHeight};
168
185
  text-transform: ${FtTypographyCaptionCssVariables.textTransform};
186
+ text-decoration: ${FtTypographyCaptionCssVariables.textDecoration};
169
187
  }
170
188
  `;
171
189
  // language=CSS
@@ -177,6 +195,7 @@ export const FtTypographyBreadcrumb = css `
177
195
  letter-spacing: ${FtTypographyBreadcrumbCssVariables.letterSpacing};
178
196
  line-height: ${FtTypographyBreadcrumbCssVariables.lineHeight};
179
197
  text-transform: ${FtTypographyBreadcrumbCssVariables.textTransform};
198
+ text-decoration: ${FtTypographyBreadcrumbCssVariables.textDecoration};
180
199
  }
181
200
  `;
182
201
  // language=CSS
@@ -188,6 +207,7 @@ export const FtTypographyOverline = css `
188
207
  letter-spacing: ${FtTypographyOverlineCssVariables.letterSpacing};
189
208
  line-height: ${FtTypographyOverlineCssVariables.lineHeight};
190
209
  text-transform: ${FtTypographyOverlineCssVariables.textTransform};
210
+ text-decoration: ${FtTypographyOverlineCssVariables.textDecoration};
191
211
  }
192
212
  `;
193
213
  // language=CSS
@@ -199,6 +219,7 @@ export const FtTypographyButton = css `
199
219
  letter-spacing: ${FtTypographyButtonCssVariables.letterSpacing};
200
220
  line-height: ${FtTypographyButtonCssVariables.lineHeight};
201
221
  text-transform: ${FtTypographyButtonCssVariables.textTransform};
222
+ text-decoration: ${FtTypographyButtonCssVariables.textDecoration};
202
223
  }
203
224
  `;
204
225
  // language=CSS
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-typography",
3
- "version": "2.2.5",
3
+ "version": "2.2.6",
4
4
  "description": "Typography components",
5
5
  "keywords": [
6
6
  "Lit"
@@ -20,8 +20,8 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@fluid-topics/design-system-variables": "3.8.0",
23
- "@fluid-topics/ft-wc-utils": "2.2.5",
23
+ "@fluid-topics/ft-wc-utils": "2.2.6",
24
24
  "lit": "3.3.3"
25
25
  },
26
- "gitHead": "49802c8417d9eb8b329f8187f08c05af4d546c93"
26
+ "gitHead": "f482cb39331ccd1668b13e3debc0b652310aadc2"
27
27
  }