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

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
package/lib/types/const/colors/always.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- declare const MaskBg = "rgba(0, 0, 0, 0.4)";
1
+ declare const MaskBg = "rgba(0, 0, 0, 0.40)";
2
2
  declare const LightTitle = "rgba(255, 255, 255, 0.84)";
3
3
  declare const LightParagraph = "rgba(255, 255, 255, 0.56)";
4
4
  declare const LightDescription = "rgba(255, 255, 255, 0.36)";
5
5
  declare const LightDisabled = "rgba(255, 255, 255, 0.21)";
6
- declare const DarkTitle = "rgba(0, 0, 0, 0.8)";
6
+ declare const DarkTitle = "rgba(0, 0, 0, 0.80)";
7
7
  declare const DarkParagraph = "rgba(0, 0, 0, 0.62)";
8
8
  declare const DarkDescription = "rgba(0, 0, 0, 0.45)";
9
9
  declare const DarkDisabled = "rgba(0, 0, 0, 0.27)";
@@ -13,15 +13,15 @@ declare const LightFill3 = "rgba(255, 255, 255, 0.13)";
13
13
  declare const LightFill4 = "rgba(255, 255, 255, 0.32)";
14
14
  declare const LightFill5 = "rgba(255, 255, 255, 0.99)";
15
15
  declare const DarkFill1 = "rgba(48, 48, 52, 0.05)";
16
- declare const DarkFill2 = "rgba(48, 48, 52, 0.1)";
17
- declare const DarkFill3 = "rgba(48, 48, 52, 0.2)";
18
- declare const DarkFill4 = "rgba(48, 48, 52, 0.5)";
16
+ declare const DarkFill2 = "rgba(48, 48, 52, 0.10)";
17
+ declare const DarkFill3 = "rgba(48, 48, 52, 0.20)";
18
+ declare const DarkFill4 = "rgba(48, 48, 52, 0.50)";
19
19
  declare const DarkFill5 = "rgba(48, 48, 52, 0.99)";
20
20
  declare const LightSeparator = "rgba(255, 255, 255, 0.07)";
21
21
  declare const LightSeparator2 = "rgba(255, 255, 255, 0.16)";
22
22
  declare const DarkSeparator = "rgba(0, 0, 0, 0.08)";
23
- declare const DarkSeparator2 = "rgba(0, 0, 0, 0.2)";
24
- declare const White = "rgba(255, 255, 255, 1)";
25
- declare const Black = "rgba(0, 0, 0, 1)";
23
+ declare const DarkSeparator2 = "rgba(0, 0, 0, 0.20)";
24
+ declare const White = "rgba(255, 255, 255, 1.00)";
25
+ declare const Black = "rgba(0, 0, 0, 1.00)";
26
26
 
27
27
  export { Black, DarkDescription, DarkDisabled, DarkFill1, DarkFill2, DarkFill3, DarkFill4, DarkFill5, DarkParagraph, DarkSeparator, DarkSeparator2, DarkTitle, LightDescription, LightDisabled, LightFill1, LightFill2, LightFill3, LightFill4, LightFill5, LightParagraph, LightSeparator, LightSeparator2, LightTitle, MaskBg, White };
package/lib/types/const/colors/dark.d.ts CHANGED
@@ -1,38 +1,38 @@
1
- declare const Bg = "rgba(25, 25, 30, 1)";
2
- declare const Bg0 = "rgba(14, 14, 17, 1)";
3
- declare const Bg0Lighter = "rgba(20, 20, 24, 1)";
4
- declare const Bg1 = "rgba(34, 34, 38, 1)";
5
- declare const Bg2 = "rgba(41, 41, 46, 1)";
1
+ declare const Bg = "rgba(25, 25, 30, 1.00)";
2
+ declare const Bg0 = "rgba(14, 14, 17, 1.00)";
3
+ declare const Bg0Lighter = "rgba(20, 20, 24, 1.00)";
4
+ declare const Bg1 = "rgba(34, 34, 38, 1.00)";
5
+ declare const Bg2 = "rgba(41, 41, 46, 1.00)";
6
6
  declare const Title = "rgba(255, 255, 255, 0.84)";
7
7
  declare const Paragraph = "rgba(255, 255, 255, 0.56)";
8
8
  declare const Description = "rgba(255, 255, 255, 0.36)";
9
9
  declare const Disabled = "rgba(255, 255, 255, 0.21)";
10
10
  declare const Placeholder = "rgba(255, 255, 255, 0.21)";
11
- declare const Link = "rgba(198, 217, 239, 1)";
12
- declare const LinkAccent = "rgba(71, 144, 245, 1)";
11
+ declare const Link = "rgba(198, 217, 239, 1.00)";
12
+ declare const LinkAccent = "rgba(71, 144, 245, 1.00)";
13
13
  declare const Fill1 = "rgba(255, 255, 255, 0.04)";
14
14
  declare const Fill2 = "rgba(255, 255, 255, 0.08)";
15
15
  declare const Fill3 = "rgba(255, 255, 255, 0.13)";
16
16
  declare const Fill4 = "rgba(255, 255, 255, 0.32)";
17
17
  declare const Fill5 = "rgba(255, 255, 255, 0.99)";
18
18
  declare const InvertedFill1 = "rgba(48, 48, 52, 0.05)";
19
- declare const InvertedFill2 = "rgba(48, 48, 52, 0.1)";
20
- declare const InvertedFill3 = "rgba(48, 48, 52, 0.2)";
21
- declare const InvertedFill4 = "rgba(48, 48, 52, 0.5)";
19
+ declare const InvertedFill2 = "rgba(48, 48, 52, 0.10)";
20
+ declare const InvertedFill3 = "rgba(48, 48, 52, 0.20)";
21
+ declare const InvertedFill4 = "rgba(48, 48, 52, 0.50)";
22
22
  declare const InvertedFill5 = "rgba(48, 48, 52, 0.99)";
23
23
  declare const Separator = "rgba(255, 255, 255, 0.07)";
24
24
  declare const Separator2 = "rgba(255, 255, 255, 0.16)";
25
- declare const OpaqueSeparator = "rgba(34, 34, 38, 1)";
26
- declare const Primary = "rgba(255, 46, 77, 1)";
27
- declare const Primary2 = "rgba(48, 28, 31, 1)";
28
- declare const Warning = "rgba(255, 158, 61, 1)";
29
- declare const Warning2 = "rgba(48, 39, 31, 1)";
30
- declare const Success = "rgba(54, 226, 113, 1)";
31
- declare const Success2 = "rgba(28, 46, 34, 1)";
32
- declare const Info = "rgba(71, 144, 245, 1)";
33
- declare const Info2 = "rgba(29, 38, 51, 1)";
34
- declare const White = "rgba(0, 0, 0, 1)";
35
- declare const Black = "rgba(255, 255, 255, 1)";
25
+ declare const OpaqueSeparator = "rgba(34, 34, 38, 1.00)";
26
+ declare const Primary = "rgba(255, 46, 77, 1.00)";
27
+ declare const Primary2 = "rgba(48, 28, 31, 1.00)";
28
+ declare const Warning = "rgba(255, 158, 61, 1.00)";
29
+ declare const Warning2 = "rgba(48, 39, 31, 1.00)";
30
+ declare const Success = "rgba(54, 226, 113, 1.00)";
31
+ declare const Success2 = "rgba(28, 46, 34, 1.00)";
32
+ declare const Info = "rgba(71, 144, 245, 1.00)";
33
+ declare const Info2 = "rgba(29, 38, 51, 1.00)";
34
+ declare const White = "rgba(0, 0, 0, 1.00)";
35
+ declare const Black = "rgba(255, 255, 255, 1.00)";
36
36
  declare const PrimaryBgDisabled = "rgba(255, 255, 255, 0.08)";
37
37
  declare const PrimaryLabelFillDisabled = "rgba(255, 255, 255, 0.21)";
38
38
  declare const PrimarySeparatorDisabled = "rgba(255, 255, 255, 0.16)";
package/lib/types/const/colors/light.d.ts CHANGED
@@ -1,19 +1,19 @@
1
- declare const Bg = "rgba(255, 255, 255, 1)";
2
- declare const Bg0 = "rgba(245, 245, 245, 1)";
3
- declare const Bg0Lighter = "rgba(250, 250, 250, 1)";
4
- declare const Bg1 = "rgba(245, 245, 245, 1)";
5
- declare const Bg2 = "rgba(255, 255, 255, 1)";
6
- declare const Title = "rgba(0, 0, 0, 0.8)";
1
+ declare const Bg = "rgba(255, 255, 255, 1.00)";
2
+ declare const Bg0 = "rgba(245, 245, 245, 1.00)";
3
+ declare const Bg0Lighter = "rgba(250, 250, 250, 1.00)";
4
+ declare const Bg1 = "rgba(245, 245, 245, 1.00)";
5
+ declare const Bg2 = "rgba(255, 255, 255, 1.00)";
6
+ declare const Title = "rgba(0, 0, 0, 0.80)";
7
7
  declare const Paragraph = "rgba(0, 0, 0, 0.62)";
8
8
  declare const Description = "rgba(0, 0, 0, 0.45)";
9
9
  declare const Disabled = "rgba(0, 0, 0, 0.27)";
10
10
  declare const Placeholder = "rgba(0, 0, 0, 0.27)";
11
- declare const Link = "rgba(19, 54, 103, 1)";
12
- declare const LinkAccent = "rgba(61, 138, 245, 1)";
11
+ declare const Link = "rgba(19, 54, 103, 1.00)";
12
+ declare const LinkAccent = "rgba(61, 138, 245, 1.00)";
13
13
  declare const Fill1 = "rgba(48, 48, 52, 0.05)";
14
- declare const Fill2 = "rgba(48, 48, 52, 0.1)";
15
- declare const Fill3 = "rgba(48, 48, 52, 0.2)";
16
- declare const Fill4 = "rgba(48, 48, 52, 0.5)";
14
+ declare const Fill2 = "rgba(48, 48, 52, 0.10)";
15
+ declare const Fill3 = "rgba(48, 48, 52, 0.20)";
16
+ declare const Fill4 = "rgba(48, 48, 52, 0.50)";
17
17
  declare const Fill5 = "rgba(48, 48, 52, 0.99)";
18
18
  declare const InvertedFill1 = "rgba(255, 255, 255, 0.04)";
19
19
  declare const InvertedFill2 = "rgba(255, 255, 255, 0.08)";
@@ -21,21 +21,21 @@ declare const InvertedFill3 = "rgba(255, 255, 255, 0.13)";
21
21
  declare const InvertedFill4 = "rgba(255, 255, 255, 0.32)";
22
22
  declare const InvertedFill5 = "rgba(255, 255, 255, 0.99)";
23
23
  declare const Separator = "rgba(0, 0, 0, 0.08)";
24
- declare const Separator2 = "rgba(0, 0, 0, 0.2)";
25
- declare const OpaqueSeparator = "rgba(234, 234, 234, 1)";
26
- declare const Primary = "rgba(255, 36, 66, 1)";
27
- declare const Primary2 = "rgba(255, 237, 240, 1)";
28
- declare const Warning = "rgba(255, 125, 3, 1)";
29
- declare const Warning2 = "rgba(255, 242, 230, 1)";
30
- declare const Success = "rgba(2, 185, 64, 1)";
31
- declare const Success2 = "rgba(234, 248, 239, 1)";
32
- declare const Info = "rgba(61, 138, 245, 1)";
33
- declare const Info2 = "rgba(236, 244, 254, 1)";
34
- declare const White = "rgba(255, 255, 255, 1)";
35
- declare const Black = "rgba(0, 0, 0, 1)";
24
+ declare const Separator2 = "rgba(0, 0, 0, 0.20)";
25
+ declare const OpaqueSeparator = "rgba(234, 234, 234, 1.00)";
26
+ declare const Primary = "rgba(255, 36, 66, 1.00)";
27
+ declare const Primary2 = "rgba(255, 237, 240, 1.00)";
28
+ declare const Warning = "rgba(255, 125, 3, 1.00)";
29
+ declare const Warning2 = "rgba(255, 242, 230, 1.00)";
30
+ declare const Success = "rgba(2, 185, 64, 1.00)";
31
+ declare const Success2 = "rgba(234, 248, 239, 1.00)";
32
+ declare const Info = "rgba(61, 138, 245, 1.00)";
33
+ declare const Info2 = "rgba(236, 244, 254, 1.00)";
34
+ declare const White = "rgba(255, 255, 255, 1.00)";
35
+ declare const Black = "rgba(0, 0, 0, 1.00)";
36
36
  declare const PrimaryBgDisabled = "rgba(48, 48, 52, 0.15)";
37
- declare const PrimaryLabelFillDisabled = "rgba(255, 255, 255, 1)";
38
- declare const PrimarySeparatorDisabled = "rgba(0, 0, 0, 0.2)";
37
+ declare const PrimaryLabelFillDisabled = "rgba(255, 255, 255, 1.00)";
38
+ declare const PrimarySeparatorDisabled = "rgba(0, 0, 0, 0.20)";
39
39
  declare const PrimaryLabelTextDisabled = "rgba(0, 0, 0, 0.27)";
40
40
 
41
41
  export { Bg, Bg0, Bg0Lighter, Bg1, Bg2, Black, Description, Disabled, Fill1, Fill2, Fill3, Fill4, Fill5, Info, Info2, InvertedFill1, InvertedFill2, InvertedFill3, InvertedFill4, InvertedFill5, Link, LinkAccent, OpaqueSeparator, Paragraph, Placeholder, Primary, Primary2, PrimaryBgDisabled, PrimaryLabelFillDisabled, PrimaryLabelTextDisabled, PrimarySeparatorDisabled, Separator, Separator2, Success, Success2, Title, Warning, Warning2, White };
package/lib/types/const/const/fontWeight.d.ts CHANGED
@@ -2,6 +2,6 @@ interface IFontWeight {
2
2
  [key: string]: "400" | "500" | "600" | "700";
3
3
  }
4
4
  declare const FontWeight: IFontWeight;
5
- declare const ButtonBorderRadius = 9999;
5
+ declare const ButtonBorderRadius = "9999";
6
6
 
7
7
  export { ButtonBorderRadius, FontWeight, type IFontWeight };
package/lib/types/const/number/index.d.ts CHANGED
@@ -1,61 +1,61 @@
1
- declare const H1NumberFontWeight: "400" | "500" | "600" | "700";
2
- declare const H1NumberFontSize = 32;
3
- declare const H1NumberLineHeight = 40;
4
- declare const H1NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
1
+ declare const H1NumberFontWeight = "600";
2
+ declare const H1NumberFontSize: number;
3
+ declare const H1NumberLineHeight: number;
4
+ declare const H1NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
5
5
  declare const H1NumberEmphasizedFontSize = 32;
6
6
  declare const H1NumberEmphasizedLineHeight = 40;
7
- declare const H2NumberFontWeight: "400" | "500" | "600" | "700";
8
- declare const H2NumberFontSize = 24;
9
- declare const H2NumberLineHeight = 32;
10
- declare const H2NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
7
+ declare const H2NumberFontWeight = "600";
8
+ declare const H2NumberFontSize: number;
9
+ declare const H2NumberLineHeight: number;
10
+ declare const H2NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
11
11
  declare const H2NumberEmphasizedFontSize = 24;
12
12
  declare const H2NumberEmphasizedLineHeight = 32;
13
- declare const H3NumberFontWeight: "400" | "500" | "600" | "700";
14
- declare const H3NumberFontSize = 20;
15
- declare const H3NumberLineHeight = 28;
16
- declare const H3NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
13
+ declare const H3NumberFontWeight = "600";
14
+ declare const H3NumberFontSize: number;
15
+ declare const H3NumberLineHeight: number;
16
+ declare const H3NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
17
17
  declare const H3NumberEmphasizedFontSize = 20;
18
18
  declare const H3NumberEmphasizedLineHeight = 28;
19
- declare const T1NumberFontWeight: "400" | "500" | "600" | "700";
20
- declare const T1NumberFontSize = 18;
21
- declare const T1NumberLineHeight = 26;
22
- declare const T1NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
19
+ declare const T1NumberFontWeight = "600";
20
+ declare const T1NumberFontSize: number;
21
+ declare const T1NumberLineHeight: number;
22
+ declare const T1NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
23
23
  declare const T1NumberEmphasizedFontSize = 18;
24
24
  declare const T1NumberEmphasizedLineHeight = 26;
25
- declare const T2NumberFontWeight: "400" | "500" | "600" | "700";
26
- declare const T2NumberFontSize = 16;
27
- declare const T2NumberLineHeight = 24;
28
- declare const T2NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
25
+ declare const T2NumberFontWeight = "500";
26
+ declare const T2NumberFontSize: number;
27
+ declare const T2NumberLineHeight: number;
28
+ declare const T2NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
29
29
  declare const T2NumberEmphasizedFontSize = 16;
30
30
  declare const T2NumberEmphasizedLineHeight = 24;
31
- declare const T3NumberFontWeight: "400" | "500" | "600" | "700";
32
- declare const T3NumberFontSize = 14;
33
- declare const T3NumberLineHeight = 20;
34
- declare const T3NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
31
+ declare const T3NumberFontWeight = "500";
32
+ declare const T3NumberFontSize: number;
33
+ declare const T3NumberLineHeight: number;
34
+ declare const T3NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
35
35
  declare const T3NumberEmphasizedFontSize = 14;
36
36
  declare const T3NumberEmphasizedLineHeight = 20;
37
- declare const B1NumberFontWeight: "400" | "500" | "600" | "700";
38
- declare const B1NumberFontSize = 16;
39
- declare const B1NumberLineHeight = 24;
40
- declare const B1NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
37
+ declare const B1NumberFontWeight = "400";
38
+ declare const B1NumberFontSize: number;
39
+ declare const B1NumberLineHeight: number;
40
+ declare const B1NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
41
41
  declare const B1NumberEmphasizedFontSize = 16;
42
42
  declare const B1NumberEmphasizedLineHeight = 24;
43
- declare const B2NumberFontWeight: "400" | "500" | "600" | "700";
44
- declare const B2NumberFontSize = 14;
45
- declare const B2NumberLineHeight = 20;
46
- declare const B2NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
43
+ declare const B2NumberFontWeight = "400";
44
+ declare const B2NumberFontSize: number;
45
+ declare const B2NumberLineHeight: number;
46
+ declare const B2NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
47
47
  declare const B2NumberEmphasizedFontSize = 14;
48
48
  declare const B2NumberEmphasizedLineHeight = 20;
49
- declare const C2NumberFontWeight: "400" | "500" | "600" | "700";
50
- declare const C2NumberFontSize = 12;
51
- declare const C2NumberLineHeight = 18;
52
- declare const C2NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
49
+ declare const C2NumberFontWeight = "400";
50
+ declare const C2NumberFontSize: number;
51
+ declare const C2NumberLineHeight: number;
52
+ declare const C2NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
53
53
  declare const C2NumberEmphasizedFontSize = 12;
54
54
  declare const C2NumberEmphasizedLineHeight = 18;
55
- declare const C3NumberFontWeight: "400" | "500" | "600" | "700";
56
- declare const C3NumberFontSize = 10;
57
- declare const C3NumberLineHeight = 14;
58
- declare const C3NumberEmphasizedFontWeight: "400" | "500" | "600" | "700";
55
+ declare const C3NumberFontWeight = "400";
56
+ declare const C3NumberFontSize: number;
57
+ declare const C3NumberLineHeight: number;
58
+ declare const C3NumberEmphasizedFontWeight: "600" | "500" | "400" | "700";
59
59
  declare const C3NumberEmphasizedFontSize = 10;
60
60
  declare const C3NumberEmphasizedLineHeight = 14;
61
61
 
package/lib/types/const/typography/adapterTypography.d.ts CHANGED
@@ -1,85 +1,85 @@
1
1
  declare const H1: {
2
- fontWeight: "400" | "500" | "600" | "700";
2
+ fontWeight: string;
3
3
  fontSize: number;
4
4
  lineHeight: number;
5
5
  };
6
6
  declare const H2: {
7
- fontWeight: "400" | "500" | "600" | "700";
7
+ fontWeight: string;
8
8
  fontSize: number;
9
9
  lineHeight: number;
10
10
  };
11
11
  declare const H3: {
12
- fontWeight: "400" | "500" | "600" | "700";
12
+ fontWeight: string;
13
13
  fontSize: number;
14
14
  lineHeight: number;
15
15
  };
16
16
  declare const T1: {
17
- fontWeight: "400" | "500" | "600" | "700";
17
+ fontWeight: string;
18
18
  fontSize: number;
19
19
  lineHeight: number;
20
20
  };
21
21
  declare const T2: {
22
- fontWeight: "400" | "500" | "600" | "700";
22
+ fontWeight: string;
23
23
  fontSize: number;
24
24
  lineHeight: number;
25
25
  };
26
26
  declare const T3: {
27
- fontWeight: "400" | "500" | "600" | "700";
27
+ fontWeight: string;
28
28
  fontSize: number;
29
29
  lineHeight: number;
30
30
  };
31
31
  declare const B1: {
32
- fontWeight: "400" | "500" | "600" | "700";
32
+ fontWeight: string;
33
33
  fontSize: number;
34
34
  lineHeight: number;
35
35
  };
36
36
  declare const B1Loose: {
37
- fontWeight: "400" | "500" | "600" | "700";
37
+ fontWeight: string;
38
38
  fontSize: number;
39
39
  lineHeight: number;
40
40
  };
41
41
  declare const B2: {
42
- fontWeight: "400" | "500" | "600" | "700";
42
+ fontWeight: string;
43
43
  fontSize: number;
44
44
  lineHeight: number;
45
45
  };
46
46
  declare const B2Loose: {
47
- fontWeight: "400" | "500" | "600" | "700";
47
+ fontWeight: string;
48
48
  fontSize: number;
49
49
  lineHeight: number;
50
50
  };
51
51
  declare const B2LooseSwitch: {
52
- fontWeight: "400" | "500" | "600" | "700";
52
+ fontWeight: string;
53
53
  fontSize: number;
54
54
  lineHeight: number;
55
55
  };
56
56
  declare const C1: {
57
- fontWeight: "400" | "500" | "600" | "700";
57
+ fontWeight: string;
58
58
  fontSize: number;
59
59
  lineHeight: number;
60
60
  };
61
61
  declare const C1Emphasized: {
62
- fontWeight: "400" | "500" | "600" | "700";
62
+ fontWeight: string;
63
63
  fontSize: number;
64
64
  lineHeight: number;
65
65
  };
66
66
  declare const C2: {
67
- fontWeight: "400" | "500" | "600" | "700";
67
+ fontWeight: string;
68
68
  fontSize: number;
69
69
  lineHeight: number;
70
70
  };
71
71
  declare const C2Emphasized: {
72
- fontWeight: "400" | "500" | "600" | "700";
72
+ fontWeight: string;
73
73
  fontSize: number;
74
74
  lineHeight: number;
75
75
  };
76
76
  declare const C3: {
77
- fontWeight: "400" | "500" | "600" | "700";
77
+ fontWeight: string;
78
78
  fontSize: number;
79
79
  lineHeight: number;
80
80
  };
81
81
  declare const C3Emphasized: {
82
- fontWeight: "400" | "500" | "600" | "700";
82
+ fontWeight: string;
83
83
  fontSize: number;
84
84
  lineHeight: number;
85
85
  };
package/lib/types/const/typography/index.d.ts CHANGED
@@ -1,54 +1,54 @@
1
- declare const H1FontWeight: "400" | "500" | "600" | "700";
2
- declare const H1FontSize = 32;
3
- declare const H1LineHeight = 40;
4
- declare const H2FontWeight: "400" | "500" | "600" | "700";
5
- declare const H2FontSize = 24;
6
- declare const H2LineHeight = 32;
7
- declare const H3FontWeight: "400" | "500" | "600" | "700";
8
- declare const H3FontSize = 20;
9
- declare const H3LineHeight = 28;
10
- declare const T1FontWeight: "400" | "500" | "600" | "700";
11
- declare const T1FontSize = 18;
12
- declare const T1LineHeight = 26;
13
- declare const T2FontWeight: "400" | "500" | "600" | "700";
14
- declare const T2FontSize = 16;
15
- declare const T2LineHeight = 24;
16
- declare const T3FontWeight: "400" | "500" | "600" | "700";
17
- declare const T3FontSize = 14;
18
- declare const T3LineHeight = 20;
19
- declare const B1FontWeight: "400" | "500" | "600" | "700";
20
- declare const B1FontSize = 16;
21
- declare const B1LineHeight = 24;
22
- declare const B1LooseFontWeight: "400" | "500" | "600" | "700";
23
- declare const B1LooseFontSize = 16;
24
- declare const B1LooseLineHeight = 26;
25
- declare const B2FontWeight: "400" | "500" | "600" | "700";
26
- declare const B2FontSize = 14;
27
- declare const B2LineHeight = 20;
28
- declare const B2LooseFontWeight: "400" | "500" | "600" | "700";
29
- declare const B2LooseFontSize = 14;
30
- declare const B2LooseLineHeight = 22;
31
- declare const B2LooseSwitchFontWeight: "400" | "500" | "600" | "700";
32
- declare const B2LooseSwitchFontSize = 15;
33
- declare const B2LooseSwitchLineHeight = 22;
34
- declare const C1FontWeight: "400" | "500" | "600" | "700";
35
- declare const C1FontSize = 13;
36
- declare const C1LineHeight = 20;
37
- declare const C1EmphasizedFontWeight: "400" | "500" | "600" | "700";
38
- declare const C1EmphasizedFontSize = 13;
39
- declare const C1EmphasizedLineHeight = 20;
40
- declare const C2FontWeight: "400" | "500" | "600" | "700";
41
- declare const C2FontSize = 12;
42
- declare const C2LineHeight = 18;
43
- declare const C2EmphasizedFontWeight: "400" | "500" | "600" | "700";
44
- declare const C2EmphasizedFontSize = 12;
45
- declare const C2EmphasizedLineHeight = 18;
46
- declare const C3FontWeight: "400" | "500" | "600" | "700";
47
- declare const C3FontSize = 10;
48
- declare const C3LineHeight = 14;
49
- declare const C3EmphasizedFontWeight: "400" | "500" | "600" | "700";
50
- declare const C3EmphasizedFontSize = 10;
51
- declare const C3EmphasizedLineHeight = 14;
1
+ declare const H1FontWeight = "600";
2
+ declare const H1FontSize: number;
3
+ declare const H1LineHeight: number;
4
+ declare const H2FontWeight = "600";
5
+ declare const H2FontSize: number;
6
+ declare const H2LineHeight: number;
7
+ declare const H3FontWeight = "600";
8
+ declare const H3FontSize: number;
9
+ declare const H3LineHeight: number;
10
+ declare const T1FontWeight = "600";
11
+ declare const T1FontSize: number;
12
+ declare const T1LineHeight: number;
13
+ declare const T2FontWeight = "500";
14
+ declare const T2FontSize: number;
15
+ declare const T2LineHeight: number;
16
+ declare const T3FontWeight = "500";
17
+ declare const T3FontSize: number;
18
+ declare const T3LineHeight: number;
19
+ declare const B1FontWeight = "400";
20
+ declare const B1FontSize: number;
21
+ declare const B1LineHeight: number;
22
+ declare const B1LooseFontWeight = "400";
23
+ declare const B1LooseFontSize: number;
24
+ declare const B1LooseLineHeight: number;
25
+ declare const B2FontWeight = "400";
26
+ declare const B2FontSize: number;
27
+ declare const B2LineHeight: number;
28
+ declare const B2LooseFontWeight = "400";
29
+ declare const B2LooseFontSize: number;
30
+ declare const B2LooseLineHeight: number;
31
+ declare const B2LooseSwitchFontWeight = "400";
32
+ declare const B2LooseSwitchFontSize: number;
33
+ declare const B2LooseSwitchLineHeight: number;
34
+ declare const C1FontWeight = "400";
35
+ declare const C1FontSize: number;
36
+ declare const C1LineHeight: number;
37
+ declare const C1EmphasizedFontWeight = "500";
38
+ declare const C1EmphasizedFontSize: number;
39
+ declare const C1EmphasizedLineHeight: number;
40
+ declare const C2FontWeight = "400";
41
+ declare const C2FontSize: number;
42
+ declare const C2LineHeight: number;
43
+ declare const C2EmphasizedFontWeight = "500";
44
+ declare const C2EmphasizedFontSize: number;
45
+ declare const C2EmphasizedLineHeight: number;
46
+ declare const C3FontWeight = "400";
47
+ declare const C3FontSize: number;
48
+ declare const C3LineHeight: number;
49
+ declare const C3EmphasizedFontWeight = "500";
50
+ declare const C3EmphasizedFontSize: number;
51
+ declare const C3EmphasizedLineHeight: number;
52
52
  declare const DisplayLabelLineHeight = 40;
53
53
  declare const DisplayParagraphLineHeight = 52;
54
54
  declare const H1LabelLineHeight = 30;
package/package.json CHANGED
@@ -1,20 +1,25 @@
1
1
  {
2
2
  "name": "@xhsreds/reds-token-next",
3
- "version": "0.3.1-beta202504102203",
3
+ "version": "0.3.1-beta202504141424",
4
4
  "description": "ReDS style utils",
5
5
  "main": "lib/cjs/index.js",
6
6
  "typings": "lib/types/index.d.ts",
7
7
  "module": "lib/esm/index.js",
8
+ "publishConfig": {
9
+ "access": "public"
10
+ },
8
11
  "repository": {
9
12
  "type": "git",
10
13
  "url": "git@code.devops.xiaohongshu.com:fe/infra/reds-token.git"
11
14
  },
12
15
  "author": "jiabin@xiaohongshu.com",
13
- "peerDependencies": {},
14
- "dependencies": {},
16
+ "dependencies": {
17
+ "@xhs/water-reds-dark": "1.4.0",
18
+ "@xhs/water-reds-light": "1.4.0"
19
+ },
15
20
  "scripts": {
16
21
  "clear": "rm -rf ./node_modules && rm -rf ./lib",
17
22
  "watch": "rollup -c -w",
18
- "build": "npm run clear && rollup -c"
23
+ "build": "rm -rf ./lib && rollup -c"
19
24
  }
20
25
  }
package/src/const/colors/always.ts CHANGED
@@ -1,25 +1,27 @@
1
- export const MaskBg = "rgba(0, 0, 0, 0.4)";
2
- export const LightTitle = "rgba(255, 255, 255, 0.84)";
3
- export const LightParagraph = "rgba(255, 255, 255, 0.56)";
4
- export const LightDescription = "rgba(255, 255, 255, 0.36)";
5
- export const LightDisabled = "rgba(255, 255, 255, 0.21)";
6
- export const DarkTitle = "rgba(0, 0, 0, 0.8)";
7
- export const DarkParagraph = "rgba(0, 0, 0, 0.62)";
8
- export const DarkDescription = "rgba(0, 0, 0, 0.45)";
9
- export const DarkDisabled = "rgba(0, 0, 0, 0.27)";
10
- export const LightFill1 = "rgba(255, 255, 255, 0.04)";
11
- export const LightFill2 = "rgba(255, 255, 255, 0.08)";
12
- export const LightFill3 = "rgba(255, 255, 255, 0.13)";
13
- export const LightFill4 = "rgba(255, 255, 255, 0.32)";
14
- export const LightFill5 = "rgba(255, 255, 255, 0.99)";
15
- export const DarkFill1 = "rgba(48, 48, 52, 0.05)";
16
- export const DarkFill2 = "rgba(48, 48, 52, 0.1)";
17
- export const DarkFill3 = "rgba(48, 48, 52, 0.2)";
18
- export const DarkFill4 = "rgba(48, 48, 52, 0.5)";
19
- export const DarkFill5 = "rgba(48, 48, 52, 0.99)";
20
- export const LightSeparator = "rgba(255, 255, 255, 0.07)";
21
- export const LightSeparator2 = "rgba(255, 255, 255, 0.16)";
22
- export const DarkSeparator = "rgba(0, 0, 0, 0.08)";
23
- export const DarkSeparator2 = "rgba(0, 0, 0, 0.2)";
24
- export const White = "rgba(255, 255, 255, 1)";
25
- export const Black = "rgba(0, 0, 0, 1)";
1
+ import * as lightsStyle from "@xhs/water-reds-light/styles";
2
+
3
+ export const MaskBg = lightsStyle.MaskBg;
4
+ export const LightTitle = lightsStyle.LightTitle;
5
+ export const LightParagraph = lightsStyle.LightParagraph;
6
+ export const LightDescription = lightsStyle.LightDescription;
7
+ export const LightDisabled = lightsStyle.LightDisabled;
8
+ export const DarkTitle = lightsStyle.DarkTitle;
9
+ export const DarkParagraph = lightsStyle.DarkParagraph;
10
+ export const DarkDescription = lightsStyle.DarkDescription;
11
+ export const DarkDisabled = lightsStyle.DarkDisabled;
12
+ export const LightFill1 = lightsStyle.LightFill1;
13
+ export const LightFill2 = lightsStyle.LightFill2;
14
+ export const LightFill3 = lightsStyle.LightFill3;
15
+ export const LightFill4 = lightsStyle.LightFill4;
16
+ export const LightFill5 = lightsStyle.LightFill5;
17
+ export const DarkFill1 = lightsStyle.DarkFill1;
18
+ export const DarkFill2 = lightsStyle.DarkFill2;
19
+ export const DarkFill3 = lightsStyle.DarkFill3;
20
+ export const DarkFill4 = lightsStyle.DarkFill4;
21
+ export const DarkFill5 = lightsStyle.DarkFill5;
22
+ export const LightSeparator = lightsStyle.LightSeparator;
23
+ export const LightSeparator2 = lightsStyle.LightSeparator2;
24
+ export const DarkSeparator = lightsStyle.DarkSeparator;
25
+ export const DarkSeparator2 = lightsStyle.DarkSeparator2;
26
+ export const White = lightsStyle.White;
27
+ export const Black = lightsStyle.Black;