@fluid-topics/ft-typography 1.3.62 → 1.4.1

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 (15) hide show
  1. package/build/ft-typography.d.ts +1 -1
  2. package/build/ft-typography.js +3 -4
  3. package/build/ft-typography.light.js +67 -77
  4. package/build/ft-typography.min.js +63 -73
  5. package/build/ft-typography.properties.d.ts +1 -89
  6. package/build/ft-typography.properties.js +0 -89
  7. package/build/ft-typography.styles.d.ts +0 -26
  8. package/build/ft-typography.styles.js +1 -29
  9. package/build/ftds-typography.properties.d.ts +0 -7
  10. package/build/ftds-typography.properties.js +0 -7
  11. package/build/ftds-typography.styles.d.ts +0 -10
  12. package/build/ftds-typography.styles.js +1 -11
  13. package/package.json +4 -4
  14. package/build/ft-typography.css.helper.d.ts +0 -7
  15. package/build/ft-typography.css.helper.js +0 -20
package/build/ft-typography.properties.d.ts CHANGED
@@ -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;
package/build/ft-typography.properties.js CHANGED
@@ -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 = {}));
package/build/ft-typography.styles.d.ts CHANGED
@@ -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[][];
package/build/ft-typography.styles.js CHANGED
@@ -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))];
package/build/ftds-typography.properties.d.ts CHANGED
@@ -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"
package/build/ftds-typography.properties.js CHANGED
@@ -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";
package/build/ftds-typography.styles.d.ts CHANGED
@@ -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[][];
package/build/ftds-typography.styles.js CHANGED
@@ -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.62",
3
+ "version": "1.4.1",
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": "2.57.0",
23
- "@fluid-topics/ft-wc-utils": "1.3.62",
22
+ "@fluid-topics/design-system-variables": "3.1.0",
23
+ "@fluid-topics/ft-wc-utils": "1.4.1",
24
24
  "lit": "3.1.0"
25
25
  },
26
- "gitHead": "ed88db1ce973ef5d6b55c66d435bf04726c083f4"
26
+ "gitHead": "1afa9ec0ae6a444d5dbd791dd7ecf2cee8766f8c"
27
27
  }
package/build/ft-typography.css.helper.d.ts DELETED
@@ -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;
package/build/ft-typography.css.helper.js DELETED
@@ -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
- }