@xhsreds/reds-token-next 0.3.1-beta202504102203 → 0.3.1-beta202504141752

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 (44) hide show
  1. package/lib/cjs/const/colors/always.js +46 -25
  2. package/lib/cjs/const/colors/always.js.map +1 -1
  3. package/lib/cjs/const/colors/dark.js +60 -39
  4. package/lib/cjs/const/colors/dark.js.map +1 -1
  5. package/lib/cjs/const/colors/light.js +60 -39
  6. package/lib/cjs/const/colors/light.js.map +1 -1
  7. package/lib/cjs/const/const/fontWeight.js +22 -1
  8. package/lib/cjs/const/const/fontWeight.js.map +1 -1
  9. package/lib/cjs/const/number/index.js +50 -30
  10. package/lib/cjs/const/number/index.js.map +1 -1
  11. package/lib/cjs/const/typography/adapterTypography.js +71 -52
  12. package/lib/cjs/const/typography/adapterTypography.js.map +1 -1
  13. package/lib/cjs/const/typography/index.js +71 -52
  14. package/lib/cjs/const/typography/index.js.map +1 -1
  15. package/lib/esm/const/colors/always.js +27 -25
  16. package/lib/esm/const/colors/always.js.map +1 -1
  17. package/lib/esm/const/colors/dark.js +41 -39
  18. package/lib/esm/const/colors/dark.js.map +1 -1
  19. package/lib/esm/const/colors/light.js +41 -39
  20. package/lib/esm/const/colors/light.js.map +1 -1
  21. package/lib/esm/const/const/fontWeight.js +3 -1
  22. package/lib/esm/const/const/fontWeight.js.map +1 -1
  23. package/lib/esm/const/number/index.js +31 -30
  24. package/lib/esm/const/number/index.js.map +1 -1
  25. package/lib/esm/const/typography/adapterTypography.js +52 -52
  26. package/lib/esm/const/typography/adapterTypography.js.map +1 -1
  27. package/lib/esm/const/typography/index.js +52 -52
  28. package/lib/esm/const/typography/index.js.map +1 -1
  29. package/lib/types/const/colors/always.d.ts +8 -8
  30. package/lib/types/const/colors/dark.d.ts +21 -21
  31. package/lib/types/const/colors/light.d.ts +25 -25
  32. package/lib/types/const/const/fontWeight.d.ts +1 -1
  33. package/lib/types/const/number/index.d.ts +40 -40
  34. package/lib/types/const/typography/adapterTypography.d.ts +17 -17
  35. package/lib/types/const/typography/index.d.ts +51 -51
  36. package/package.json +9 -4
  37. package/src/const/colors/always.ts +27 -25
  38. package/src/const/colors/dark.ts +41 -39
  39. package/src/const/colors/light.ts +41 -39
  40. package/src/const/const/fontWeight.ts +2 -1
  41. package/src/const/number/index.ts +31 -30
  42. package/src/const/typography/adapterTypography.ts +52 -52
  43. package/src/const/typography/index.ts +52 -52
  44. package/tsconfig.json +2 -1
@@ -1,39 +1,41 @@
1
- export const Bg = "rgba(25, 25, 30, 1)";
2
- export const Bg0 = "rgba(14, 14, 17, 1)";
3
- export const Bg0Lighter = "rgba(20, 20, 24, 1)";
4
- export const Bg1 = "rgba(34, 34, 38, 1)";
5
- export const Bg2 = "rgba(41, 41, 46, 1)";
6
- export const Title = "rgba(255, 255, 255, 0.84)";
7
- export const Paragraph = "rgba(255, 255, 255, 0.56)";
8
- export const Description = "rgba(255, 255, 255, 0.36)";
9
- export const Disabled = "rgba(255, 255, 255, 0.21)";
10
- export const Placeholder = "rgba(255, 255, 255, 0.21)";
11
- export const Link = "rgba(198, 217, 239, 1)";
12
- export const LinkAccent = "rgba(71, 144, 245, 1)";
13
- export const Fill1 = "rgba(255, 255, 255, 0.04)";
14
- export const Fill2 = "rgba(255, 255, 255, 0.08)";
15
- export const Fill3 = "rgba(255, 255, 255, 0.13)";
16
- export const Fill4 = "rgba(255, 255, 255, 0.32)";
17
- export const Fill5 = "rgba(255, 255, 255, 0.99)";
18
- export const InvertedFill1 = "rgba(48, 48, 52, 0.05)";
19
- export const InvertedFill2 = "rgba(48, 48, 52, 0.1)";
20
- export const InvertedFill3 = "rgba(48, 48, 52, 0.2)";
21
- export const InvertedFill4 = "rgba(48, 48, 52, 0.5)";
22
- export const InvertedFill5 = "rgba(48, 48, 52, 0.99)";
23
- export const Separator = "rgba(255, 255, 255, 0.07)";
24
- export const Separator2 = "rgba(255, 255, 255, 0.16)";
25
- export const OpaqueSeparator = "rgba(34, 34, 38, 1)";
26
- export const Primary = "rgba(255, 46, 77, 1)";
27
- export const Primary2 = "rgba(48, 28, 31, 1)";
28
- export const Warning = "rgba(255, 158, 61, 1)";
29
- export const Warning2 = "rgba(48, 39, 31, 1)";
30
- export const Success = "rgba(54, 226, 113, 1)";
31
- export const Success2 = "rgba(28, 46, 34, 1)";
32
- export const Info = "rgba(71, 144, 245, 1)";
33
- export const Info2 = "rgba(29, 38, 51, 1)";
34
- export const White = "rgba(0, 0, 0, 1)";
35
- export const Black = "rgba(255, 255, 255, 1)";
36
- export const PrimaryBgDisabled = "rgba(255, 255, 255, 0.08)";
37
- export const PrimaryLabelFillDisabled = "rgba(255, 255, 255, 0.21)";
38
- export const PrimarySeparatorDisabled = "rgba(255, 255, 255, 0.16)";
39
- export const PrimaryLabelTextDisabled = "rgba(255, 255, 255, 0.21)";
1
+ import * as darkStyles from "@xhs/water-reds-dark/styles";
2
+
3
+ export const Bg = darkStyles.Bg;
4
+ export const Bg0 = darkStyles.Bg0;
5
+ export const Bg0Lighter = darkStyles.Bg0Lighter;
6
+ export const Bg1 = darkStyles.Bg1;
7
+ export const Bg2 = darkStyles.Bg2;
8
+ export const Title = darkStyles.Title;
9
+ export const Paragraph = darkStyles.Paragraph;
10
+ export const Description = darkStyles.Description;
11
+ export const Disabled = darkStyles.Disabled;
12
+ export const Placeholder = darkStyles.Placeholder;
13
+ export const Link = darkStyles.Link;
14
+ export const LinkAccent = darkStyles.LinkAccent;
15
+ export const Fill1 = darkStyles.Fill1;
16
+ export const Fill2 = darkStyles.Fill2;
17
+ export const Fill3 = darkStyles.Fill3;
18
+ export const Fill4 = darkStyles.Fill4;
19
+ export const Fill5 = darkStyles.Fill5;
20
+ export const InvertedFill1 = darkStyles.InvertedFill1;
21
+ export const InvertedFill2 = darkStyles.InvertedFill2;
22
+ export const InvertedFill3 = darkStyles.InvertedFill3;
23
+ export const InvertedFill4 = darkStyles.InvertedFill4;
24
+ export const InvertedFill5 = darkStyles.InvertedFill5;
25
+ export const Separator = darkStyles.Separator;
26
+ export const Separator2 = darkStyles.Separator2;
27
+ export const OpaqueSeparator = darkStyles.OpaqueSeparator;
28
+ export const Primary = darkStyles.Primary;
29
+ export const Primary2 = darkStyles.Primary2;
30
+ export const Warning = darkStyles.Warning;
31
+ export const Warning2 = darkStyles.Warning2;
32
+ export const Success = darkStyles.Success;
33
+ export const Success2 = darkStyles.Success2;
34
+ export const Info = darkStyles.Info;
35
+ export const Info2 = darkStyles.Info2;
36
+ export const White = darkStyles.White;
37
+ export const Black = darkStyles.Black;
38
+ export const PrimaryBgDisabled = darkStyles.PrimaryBgDisabled;
39
+ export const PrimaryLabelFillDisabled = darkStyles.PrimaryLabelFillDisabled;
40
+ export const PrimarySeparatorDisabled = darkStyles.PrimarySeparatorDisabled;
41
+ export const PrimaryLabelTextDisabled = darkStyles.PrimaryLabelTextDisabled;
@@ -1,39 +1,41 @@
1
- export const Bg = "rgba(255, 255, 255, 1)";
2
- export const Bg0 = "rgba(245, 245, 245, 1)";
3
- export const Bg0Lighter = "rgba(250, 250, 250, 1)";
4
- export const Bg1 = "rgba(245, 245, 245, 1)";
5
- export const Bg2 = "rgba(255, 255, 255, 1)";
6
- export const Title = "rgba(0, 0, 0, 0.8)";
7
- export const Paragraph = "rgba(0, 0, 0, 0.62)";
8
- export const Description = "rgba(0, 0, 0, 0.45)";
9
- export const Disabled = "rgba(0, 0, 0, 0.27)";
10
- export const Placeholder = "rgba(0, 0, 0, 0.27)";
11
- export const Link = "rgba(19, 54, 103, 1)";
12
- export const LinkAccent = "rgba(61, 138, 245, 1)";
13
- export const Fill1 = "rgba(48, 48, 52, 0.05)";
14
- export const Fill2 = "rgba(48, 48, 52, 0.1)";
15
- export const Fill3 = "rgba(48, 48, 52, 0.2)";
16
- export const Fill4 = "rgba(48, 48, 52, 0.5)";
17
- export const Fill5 = "rgba(48, 48, 52, 0.99)";
18
- export const InvertedFill1 = "rgba(255, 255, 255, 0.04)";
19
- export const InvertedFill2 = "rgba(255, 255, 255, 0.08)";
20
- export const InvertedFill3 = "rgba(255, 255, 255, 0.13)";
21
- export const InvertedFill4 = "rgba(255, 255, 255, 0.32)";
22
- export const InvertedFill5 = "rgba(255, 255, 255, 0.99)";
23
- export const Separator = "rgba(0, 0, 0, 0.08)";
24
- export const Separator2 = "rgba(0, 0, 0, 0.2)";
25
- export const OpaqueSeparator = "rgba(234, 234, 234, 1)";
26
- export const Primary = "rgba(255, 36, 66, 1)";
27
- export const Primary2 = "rgba(255, 237, 240, 1)";
28
- export const Warning = "rgba(255, 125, 3, 1)";
29
- export const Warning2 = "rgba(255, 242, 230, 1)";
30
- export const Success = "rgba(2, 185, 64, 1)";
31
- export const Success2 = "rgba(234, 248, 239, 1)";
32
- export const Info = "rgba(61, 138, 245, 1)";
33
- export const Info2 = "rgba(236, 244, 254, 1)";
34
- export const White = "rgba(255, 255, 255, 1)";
35
- export const Black = "rgba(0, 0, 0, 1)";
36
- export const PrimaryBgDisabled = "rgba(48, 48, 52, 0.15)";
37
- export const PrimaryLabelFillDisabled = "rgba(255, 255, 255, 1)";
38
- export const PrimarySeparatorDisabled = "rgba(0, 0, 0, 0.2)";
39
- export const PrimaryLabelTextDisabled = "rgba(0, 0, 0, 0.27)";
1
+ import * as lightStyles from "@xhs/water-reds-light/styles";
2
+
3
+ export const Bg = lightStyles.Bg;
4
+ export const Bg0 = lightStyles.Bg0;
5
+ export const Bg0Lighter = lightStyles.Bg0Lighter;
6
+ export const Bg1 = lightStyles.Bg1;
7
+ export const Bg2 = lightStyles.Bg2;
8
+ export const Title = lightStyles.Title;
9
+ export const Paragraph = lightStyles.Paragraph;
10
+ export const Description = lightStyles.Description;
11
+ export const Disabled = lightStyles.Disabled;
12
+ export const Placeholder = lightStyles.Placeholder;
13
+ export const Link = lightStyles.Link;
14
+ export const LinkAccent = lightStyles.LinkAccent;
15
+ export const Fill1 = lightStyles.Fill1;
16
+ export const Fill2 = lightStyles.Fill2;
17
+ export const Fill3 = lightStyles.Fill3;
18
+ export const Fill4 = lightStyles.Fill4;
19
+ export const Fill5 = lightStyles.Fill5;
20
+ export const InvertedFill1 = lightStyles.InvertedFill1;
21
+ export const InvertedFill2 = lightStyles.InvertedFill2;
22
+ export const InvertedFill3 = lightStyles.InvertedFill3;
23
+ export const InvertedFill4 = lightStyles.InvertedFill4;
24
+ export const InvertedFill5 = lightStyles.InvertedFill5;
25
+ export const Separator = lightStyles.Separator;
26
+ export const Separator2 = lightStyles.Separator2;
27
+ export const OpaqueSeparator = lightStyles.OpaqueSeparator;
28
+ export const Primary = lightStyles.Primary;
29
+ export const Primary2 = lightStyles.Primary2;
30
+ export const Warning = lightStyles.Warning;
31
+ export const Warning2 = lightStyles.Warning2;
32
+ export const Success = lightStyles.Success;
33
+ export const Success2 = lightStyles.Success2;
34
+ export const Info = lightStyles.Info;
35
+ export const Info2 = lightStyles.Info2;
36
+ export const White = lightStyles.White;
37
+ export const Black = lightStyles.Black;
38
+ export const PrimaryBgDisabled = lightStyles.PrimaryBgDisabled;
39
+ export const PrimaryLabelFillDisabled = lightStyles.PrimaryLabelFillDisabled;
40
+ export const PrimarySeparatorDisabled = lightStyles.PrimarySeparatorDisabled;
41
+ export const PrimaryLabelTextDisabled = lightStyles.PrimaryLabelTextDisabled;
@@ -1,3 +1,4 @@
1
+ import * as darkStyles from "@xhs/water-reds-dark/styles";
1
2
  export interface IFontWeight {
2
3
  [key: string]: "400" | "500" | "600" | "700";
3
4
  }
@@ -9,4 +10,4 @@ export const FontWeight: IFontWeight = {
9
10
  Bold: "700",
10
11
  };
11
12
 
12
- export const ButtonBorderRadius = 9999;
13
+ export const ButtonBorderRadius = darkStyles.BorderRadiusButton;
@@ -1,62 +1,63 @@
1
+ import * as darkStyles from "@xhs/water-reds-dark/styles";
1
2
  import { FontWeight } from "../const/fontWeight";
2
3
 
3
- export const H1NumberFontWeight = FontWeight.Medium;
4
- export const H1NumberFontSize = 32;
5
- export const H1NumberLineHeight = 40;
4
+ export const H1NumberFontWeight = darkStyles.H1FontWeight;
5
+ export const H1NumberFontSize = Number(darkStyles.H1FontSize);
6
+ export const H1NumberLineHeight = Number(darkStyles.H1LineHeight);
6
7
  export const H1NumberEmphasizedFontWeight = FontWeight.Bold;
7
8
  export const H1NumberEmphasizedFontSize = 32;
8
9
  export const H1NumberEmphasizedLineHeight = 40;
9
- export const H2NumberFontWeight = FontWeight.Medium;
10
- export const H2NumberFontSize = 24;
11
- export const H2NumberLineHeight = 32;
10
+ export const H2NumberFontWeight = darkStyles.H2FontWeight;
11
+ export const H2NumberFontSize = Number(darkStyles.H2FontSize);
12
+ export const H2NumberLineHeight = Number(darkStyles.H2LineHeight);
12
13
  export const H2NumberEmphasizedFontWeight = FontWeight.Bold;
13
14
  export const H2NumberEmphasizedFontSize = 24;
14
15
  export const H2NumberEmphasizedLineHeight = 32;
15
- export const H3NumberFontWeight = FontWeight.Medium;
16
- export const H3NumberFontSize = 20;
17
- export const H3NumberLineHeight = 28;
16
+ export const H3NumberFontWeight = darkStyles.H3FontWeight;
17
+ export const H3NumberFontSize = Number(darkStyles.H3FontSize);
18
+ export const H3NumberLineHeight = Number(darkStyles.H3LineHeight);
18
19
  export const H3NumberEmphasizedFontWeight = FontWeight.Bold;
19
20
  export const H3NumberEmphasizedFontSize = 20;
20
21
  export const H3NumberEmphasizedLineHeight = 28;
21
- export const T1NumberFontWeight = FontWeight.Medium;
22
- export const T1NumberFontSize = 18;
23
- export const T1NumberLineHeight = 26;
22
+ export const T1NumberFontWeight = darkStyles.T1FontWeight;
23
+ export const T1NumberFontSize = Number(darkStyles.T1FontSize);
24
+ export const T1NumberLineHeight = Number(darkStyles.T1LineHeight);
24
25
  export const T1NumberEmphasizedFontWeight = FontWeight.Bold;
25
26
  export const T1NumberEmphasizedFontSize = 18;
26
27
  export const T1NumberEmphasizedLineHeight = 26;
27
- export const T2NumberFontWeight = FontWeight.Medium;
28
- export const T2NumberFontSize = 16;
29
- export const T2NumberLineHeight = 24;
28
+ export const T2NumberFontWeight = darkStyles.T2FontWeight;
29
+ export const T2NumberFontSize = Number(darkStyles.T2FontSize);
30
+ export const T2NumberLineHeight = Number(darkStyles.T2LineHeight);
30
31
  export const T2NumberEmphasizedFontWeight = FontWeight.Bold;
31
32
  export const T2NumberEmphasizedFontSize = 16;
32
33
  export const T2NumberEmphasizedLineHeight = 24;
33
- export const T3NumberFontWeight = FontWeight.Medium;
34
- export const T3NumberFontSize = 14;
35
- export const T3NumberLineHeight = 20;
34
+ export const T3NumberFontWeight = darkStyles.T3FontWeight;
35
+ export const T3NumberFontSize = Number(darkStyles.T3FontSize);
36
+ export const T3NumberLineHeight = Number(darkStyles.T3LineHeight);
36
37
  export const T3NumberEmphasizedFontWeight = FontWeight.Bold;
37
38
  export const T3NumberEmphasizedFontSize = 14;
38
39
  export const T3NumberEmphasizedLineHeight = 20;
39
- export const B1NumberFontWeight = FontWeight.Regular;
40
- export const B1NumberFontSize = 16;
41
- export const B1NumberLineHeight = 24;
40
+ export const B1NumberFontWeight = darkStyles.B1FontWeight;
41
+ export const B1NumberFontSize = Number(darkStyles.B1FontSize);
42
+ export const B1NumberLineHeight = Number(darkStyles.B1LineHeight);
42
43
  export const B1NumberEmphasizedFontWeight = FontWeight.Medium;
43
44
  export const B1NumberEmphasizedFontSize = 16;
44
45
  export const B1NumberEmphasizedLineHeight = 24;
45
- export const B2NumberFontWeight = FontWeight.Regular;
46
- export const B2NumberFontSize = 14;
47
- export const B2NumberLineHeight = 20;
46
+ export const B2NumberFontWeight = darkStyles.B2FontWeight;
47
+ export const B2NumberFontSize = Number(darkStyles.B2FontSize);
48
+ export const B2NumberLineHeight = Number(darkStyles.B2LineHeight);
48
49
  export const B2NumberEmphasizedFontWeight = FontWeight.Medium;
49
50
  export const B2NumberEmphasizedFontSize = 14;
50
51
  export const B2NumberEmphasizedLineHeight = 20;
51
- export const C2NumberFontWeight = FontWeight.Regular;
52
- export const C2NumberFontSize = 12;
53
- export const C2NumberLineHeight = 18;
52
+ export const C2NumberFontWeight = darkStyles.C2FontWeight;
53
+ export const C2NumberFontSize = Number(darkStyles.C2FontSize);
54
+ export const C2NumberLineHeight = Number(darkStyles.C2LineHeight);
54
55
  export const C2NumberEmphasizedFontWeight = FontWeight.Medium;
55
56
  export const C2NumberEmphasizedFontSize = 12;
56
57
  export const C2NumberEmphasizedLineHeight = 18;
57
- export const C3NumberFontWeight = FontWeight.Regular;
58
- export const C3NumberFontSize = 10;
59
- export const C3NumberLineHeight = 14;
58
+ export const C3NumberFontWeight = darkStyles.C3FontWeight;
59
+ export const C3NumberFontSize = Number(darkStyles.C3FontSize);
60
+ export const C3NumberLineHeight = Number(darkStyles.C3LineHeight);
60
61
  export const C3NumberEmphasizedFontWeight = FontWeight.Medium;
61
62
  export const C3NumberEmphasizedFontSize = 10;
62
63
  export const C3NumberEmphasizedLineHeight = 14;
@@ -1,103 +1,103 @@
1
1
  import { FontWeight } from "../const/fontWeight";
2
-
2
+ import * as lightStyles from "@xhs/water-reds-light/styles";
3
3
  export const H1 = {
4
- fontWeight: FontWeight.Semibold,
5
- fontSize: 32,
6
- lineHeight: 40,
4
+ fontWeight: lightStyles.H1FontWeight,
5
+ fontSize: Number(lightStyles.H1FontSize),
6
+ lineHeight: Number(lightStyles.H1LineHeight),
7
7
  };
8
8
 
9
9
  export const H2 = {
10
- fontWeight: FontWeight.Semibold,
11
- fontSize: 24,
12
- lineHeight: 32,
10
+ fontWeight: lightStyles.H2FontWeight,
11
+ fontSize: Number(lightStyles.H2FontSize),
12
+ lineHeight: Number(lightStyles.H2LineHeight),
13
13
  };
14
14
 
15
15
  export const H3 = {
16
- fontWeight: FontWeight.Semibold,
17
- fontSize: 20,
18
- lineHeight: 28,
16
+ fontWeight: lightStyles.H3FontWeight,
17
+ fontSize: Number(lightStyles.H3FontSize),
18
+ lineHeight: Number(lightStyles.H3LineHeight),
19
19
  };
20
20
 
21
21
  export const T1 = {
22
- fontWeight: FontWeight.Semibold,
23
- fontSize: 18,
24
- lineHeight: 26,
22
+ fontWeight: lightStyles.T1FontWeight,
23
+ fontSize: Number(lightStyles.T1FontSize),
24
+ lineHeight: Number(lightStyles.T1LineHeight),
25
25
  };
26
26
 
27
27
  export const T2 = {
28
- fontWeight: FontWeight.Medium,
29
- fontSize: 16,
30
- lineHeight: 24,
28
+ fontWeight: lightStyles.T2FontWeight,
29
+ fontSize: Number(lightStyles.T2FontSize),
30
+ lineHeight: Number(lightStyles.T2LineHeight),
31
31
  };
32
32
 
33
33
  export const T3 = {
34
- fontWeight: FontWeight.Medium,
35
- fontSize: 14,
36
- lineHeight: 20,
34
+ fontWeight: lightStyles.T3FontWeight,
35
+ fontSize: Number(lightStyles.T3FontSize),
36
+ lineHeight: Number(lightStyles.T3LineHeight),
37
37
  };
38
38
 
39
39
  export const B1 = {
40
- fontWeight: FontWeight.Regular,
41
- fontSize: 16,
42
- lineHeight: 24,
40
+ fontWeight: lightStyles.B1FontWeight,
41
+ fontSize: Number(lightStyles.B1FontSize),
42
+ lineHeight: Number(lightStyles.B1LineHeight),
43
43
  };
44
44
 
45
45
  export const B1Loose = {
46
- fontWeight: FontWeight.Regular,
47
- fontSize: 16,
48
- lineHeight: 26,
46
+ fontWeight: lightStyles.B1LooseFontWeight,
47
+ fontSize: Number(lightStyles.B1LooseFontSize),
48
+ lineHeight: Number(lightStyles.B1LooseLineHeight),
49
49
  };
50
50
 
51
51
  export const B2 = {
52
- fontWeight: FontWeight.Regular,
53
- fontSize: 14,
54
- lineHeight: 20,
52
+ fontWeight: lightStyles.B2FontWeight,
53
+ fontSize: Number(lightStyles.B2FontSize),
54
+ lineHeight: Number(lightStyles.B2LineHeight),
55
55
  };
56
56
 
57
57
  export const B2Loose = {
58
- fontWeight: FontWeight.Regular,
59
- fontSize: 14,
60
- lineHeight: 22,
58
+ fontWeight: lightStyles.B2LooseFontWeight,
59
+ fontSize: Number(lightStyles.B2LooseFontSize),
60
+ lineHeight: Number(lightStyles.B2LooseLineHeight),
61
61
  };
62
62
 
63
63
  export const B2LooseSwitch = {
64
- fontWeight: FontWeight.Regular,
65
- fontSize: 15,
66
- lineHeight: 22,
64
+ fontWeight: lightStyles.B2LooseSwitchFontWeight,
65
+ fontSize: Number(lightStyles.B2LooseSwitchFontSize),
66
+ lineHeight: Number(lightStyles.B2LooseSwitchLineHeight),
67
67
  };
68
68
 
69
69
  export const C1 = {
70
- fontWeight: FontWeight.Regular,
71
- fontSize: 13,
72
- lineHeight: 20,
70
+ fontWeight: lightStyles.C1FontWeight,
71
+ fontSize: Number(lightStyles.C1FontSize),
72
+ lineHeight: Number(lightStyles.C1LineHeight),
73
73
  };
74
74
 
75
75
  export const C1Emphasized = {
76
- fontWeight: FontWeight.Medium,
77
- fontSize: 13,
78
- lineHeight: 20,
76
+ fontWeight: lightStyles.C1EmphasizedFontWeight,
77
+ fontSize: Number(lightStyles.C1EmphasizedFontSize),
78
+ lineHeight: Number(lightStyles.C1EmphasizedLineHeight),
79
79
  };
80
80
 
81
81
  export const C2 = {
82
- fontWeight: FontWeight.Regular,
83
- fontSize: 12,
84
- lineHeight: 18,
82
+ fontWeight: lightStyles.C2FontWeight,
83
+ fontSize: Number(lightStyles.C2FontSize),
84
+ lineHeight: Number(lightStyles.C2LineHeight),
85
85
  };
86
86
 
87
87
  export const C2Emphasized = {
88
- fontWeight: FontWeight.Medium,
89
- fontSize: 12,
90
- lineHeight: 18,
88
+ fontWeight: lightStyles.C2EmphasizedFontWeight,
89
+ fontSize: Number(lightStyles.C2EmphasizedFontSize),
90
+ lineHeight: Number(lightStyles.C2EmphasizedLineHeight),
91
91
  };
92
92
 
93
93
  export const C3 = {
94
- fontWeight: FontWeight.Regular,
95
- fontSize: 10,
96
- lineHeight: 14,
94
+ fontWeight: lightStyles.C3FontWeight,
95
+ fontSize: Number(lightStyles.C3FontSize),
96
+ lineHeight: Number(lightStyles.C3LineHeight),
97
97
  };
98
98
 
99
99
  export const C3Emphasized = {
100
- fontWeight: FontWeight.Medium,
101
- fontSize: 10,
102
- lineHeight: 14,
100
+ fontWeight: lightStyles.C3EmphasizedFontWeight,
101
+ fontSize: Number(lightStyles.C3EmphasizedFontSize),
102
+ lineHeight: Number(lightStyles.C3EmphasizedLineHeight),
103
103
  };
@@ -1,56 +1,56 @@
1
- import { FontWeight } from "../const/fontWeight";
1
+ import * as lightStyles from "@xhs/water-reds-light/styles";
2
2
 
3
- export const H1FontWeight = FontWeight.Semibold;
4
- export const H1FontSize = 32;
5
- export const H1LineHeight = 40;
6
- export const H2FontWeight = FontWeight.Semibold;
7
- export const H2FontSize = 24;
8
- export const H2LineHeight = 32;
9
- export const H3FontWeight = FontWeight.Semibold;
10
- export const H3FontSize = 20;
11
- export const H3LineHeight = 28;
12
- export const T1FontWeight = FontWeight.Semibold;
13
- export const T1FontSize = 18;
14
- export const T1LineHeight = 26;
15
- export const T2FontWeight = FontWeight.Medium;
16
- export const T2FontSize = 16;
17
- export const T2LineHeight = 24;
18
- export const T3FontWeight = FontWeight.Medium;
19
- export const T3FontSize = 14;
20
- export const T3LineHeight = 20;
21
- export const B1FontWeight = FontWeight.Regular;
22
- export const B1FontSize = 16;
23
- export const B1LineHeight = 24;
24
- export const B1LooseFontWeight = FontWeight.Regular;
25
- export const B1LooseFontSize = 16;
26
- export const B1LooseLineHeight = 26;
27
- export const B2FontWeight = FontWeight.Regular;
28
- export const B2FontSize = 14;
29
- export const B2LineHeight = 20;
30
- export const B2LooseFontWeight = FontWeight.Regular;
31
- export const B2LooseFontSize = 14;
32
- export const B2LooseLineHeight = 22;
33
- export const B2LooseSwitchFontWeight = FontWeight.Regular;
34
- export const B2LooseSwitchFontSize = 15;
35
- export const B2LooseSwitchLineHeight = 22;
36
- export const C1FontWeight = FontWeight.Regular;
37
- export const C1FontSize = 13;
38
- export const C1LineHeight = 20;
39
- export const C1EmphasizedFontWeight = FontWeight.Medium;
40
- export const C1EmphasizedFontSize = 13;
41
- export const C1EmphasizedLineHeight = 20;
42
- export const C2FontWeight = FontWeight.Regular;
43
- export const C2FontSize = 12;
44
- export const C2LineHeight = 18;
45
- export const C2EmphasizedFontWeight = FontWeight.Medium;
46
- export const C2EmphasizedFontSize = 12;
47
- export const C2EmphasizedLineHeight = 18;
48
- export const C3FontWeight = FontWeight.Regular;
49
- export const C3FontSize = 10;
50
- export const C3LineHeight = 14;
51
- export const C3EmphasizedFontWeight = FontWeight.Medium;
52
- export const C3EmphasizedFontSize = 10;
53
- export const C3EmphasizedLineHeight = 14;
3
+ export const H1FontWeight = lightStyles.H1FontWeight;
4
+ export const H1FontSize = Number(lightStyles.H1FontSize);
5
+ export const H1LineHeight = Number(lightStyles.H1LineHeight);
6
+ export const H2FontWeight = lightStyles.H2FontWeight;
7
+ export const H2FontSize = Number(lightStyles.H2FontSize);
8
+ export const H2LineHeight = Number(lightStyles.H2LineHeight);
9
+ export const H3FontWeight = lightStyles.H3FontWeight;
10
+ export const H3FontSize = Number(lightStyles.H3FontSize);
11
+ export const H3LineHeight = Number(lightStyles.H3LineHeight);
12
+ export const T1FontWeight = lightStyles.T1FontWeight;
13
+ export const T1FontSize = Number(lightStyles.T1FontSize);
14
+ export const T1LineHeight = Number(lightStyles.T1LineHeight);
15
+ export const T2FontWeight = lightStyles.T2FontWeight;
16
+ export const T2FontSize = Number(lightStyles.T2FontSize);
17
+ export const T2LineHeight = Number(lightStyles.T2LineHeight);
18
+ export const T3FontWeight = lightStyles.T3FontWeight;
19
+ export const T3FontSize = Number(lightStyles.T3FontSize);
20
+ export const T3LineHeight = Number(lightStyles.T3LineHeight);
21
+ export const B1FontWeight = lightStyles.B1FontWeight;
22
+ export const B1FontSize = Number(lightStyles.B1FontSize);
23
+ export const B1LineHeight = Number(lightStyles.B1LineHeight);
24
+ export const B1LooseFontWeight = lightStyles.B1LooseFontWeight;
25
+ export const B1LooseFontSize = Number(lightStyles.B1LooseFontSize);
26
+ export const B1LooseLineHeight = Number(lightStyles.B1LooseLineHeight);
27
+ export const B2FontWeight = lightStyles.B2FontWeight;
28
+ export const B2FontSize = Number(lightStyles.B2FontSize);
29
+ export const B2LineHeight = Number(lightStyles.B2LineHeight);
30
+ export const B2LooseFontWeight = lightStyles.B2LooseFontWeight;
31
+ export const B2LooseFontSize = Number(lightStyles.B2LooseFontSize);
32
+ export const B2LooseLineHeight = Number(lightStyles.B2LooseLineHeight);
33
+ export const B2LooseSwitchFontWeight = lightStyles.B2LooseSwitchFontWeight;
34
+ export const B2LooseSwitchFontSize = Number(lightStyles.B2LooseSwitchFontSize);
35
+ export const B2LooseSwitchLineHeight = Number(lightStyles.B2LooseSwitchLineHeight);
36
+ export const C1FontWeight = lightStyles.C1FontWeight;
37
+ export const C1FontSize = Number(lightStyles.C1FontSize);
38
+ export const C1LineHeight = Number(lightStyles.C1LineHeight);
39
+ export const C1EmphasizedFontWeight = lightStyles.C1EmphasizedFontWeight;
40
+ export const C1EmphasizedFontSize = Number(lightStyles.C1EmphasizedFontSize);
41
+ export const C1EmphasizedLineHeight = Number(lightStyles.C1EmphasizedLineHeight);
42
+ export const C2FontWeight = lightStyles.C2FontWeight;
43
+ export const C2FontSize = Number(lightStyles.C2FontSize);
44
+ export const C2LineHeight = Number(lightStyles.C2LineHeight);
45
+ export const C2EmphasizedFontWeight = lightStyles.C2EmphasizedFontWeight;
46
+ export const C2EmphasizedFontSize = Number(lightStyles.C2EmphasizedFontSize);
47
+ export const C2EmphasizedLineHeight = Number(lightStyles.C2EmphasizedLineHeight);
48
+ export const C3FontWeight = lightStyles.C3FontWeight;
49
+ export const C3FontSize = Number(lightStyles.C3FontSize);
50
+ export const C3LineHeight = Number(lightStyles.C3LineHeight);
51
+ export const C3EmphasizedFontWeight = lightStyles.C3EmphasizedFontWeight;
52
+ export const C3EmphasizedFontSize = Number(lightStyles.C3EmphasizedFontSize);
53
+ export const C3EmphasizedLineHeight = Number(lightStyles.C3EmphasizedLineHeight);
54
54
 
55
55
  // 对齐reds1.0 token
56
56
 
package/tsconfig.json CHANGED
@@ -3,5 +3,6 @@
3
3
  "compilerOptions": {
4
4
  "outDir": "./dist",
5
5
  "rootDir": "./"
6
- }
6
+ },
7
+ "exclude": ["node_modules", "lib"]
7
8
  }