@primer/react-brand 0.1.0-rc.0c7d40e → 0.1.0-rc.c341bbe

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 (61) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/fonts/alliance-1.woff2 +0 -0
  3. package/fonts/alliance-2.woff2 +0 -0
  4. package/fonts/fonts.css +30 -0
  5. package/lib/Heading/Heading.d.ts +20 -0
  6. package/lib/Heading/index.d.ts +1 -0
  7. package/lib/Hero/Hero.d.ts +2 -1
  8. package/lib/MonaSans/MonaSans.d.ts +10 -0
  9. package/lib/MonaSans/index.d.ts +1 -0
  10. package/lib/Text/Text.d.ts +36 -0
  11. package/lib/Text/index.d.ts +1 -0
  12. package/lib/css/main.css +1458 -53
  13. package/lib/css/stylesheets.d.ts +8 -0
  14. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  15. package/lib/design-tokens/css/tokens/base/typography/typography.css +4 -1
  16. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +166 -0
  22. package/lib/design-tokens/css/tokens/functional/typography/typography.css +59 -2
  23. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  24. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +57 -9
  25. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  26. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  27. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  28. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  29. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  30. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  31. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1950 -3
  32. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  33. package/lib/design-tokens/js/tokens/base/typography/typography.js +8 -5
  34. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  35. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  36. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  37. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  38. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  39. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  40. package/lib/design-tokens/js/tokens/functional/typography/typography.js +59 -2
  41. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  42. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  43. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +98 -5
  44. package/lib/design-tokens/ts/tokens/base/typography/typography.js +8 -5
  45. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  46. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  47. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  48. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  49. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  50. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  51. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  52. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  53. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  54. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  55. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  56. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  57. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +81 -2
  58. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +81 -2
  59. package/lib/index.d.ts +3 -0
  60. package/lib/index.js +1 -1
  61. package/package.json +5 -4
package/lib/design-tokens/js/tokens/base/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  export const BaseSize4 = "0.25rem";
package/lib/design-tokens/js/tokens/base/typography/typography.js CHANGED
@@ -1,9 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:15 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
- export const BaseTextWeightLight = "300";
7
- export const BaseTextWeightNormal = "400";
8
- export const BaseTextWeightMedium = "500";
9
- export const BaseTextWeightSemibold = "600";
6
+ export const BaseTextWeightLight = 300;
7
+ export const BaseTextWeightNormal = 400;
8
+ export const BaseTextWeightMedium = 500;
9
+ export const BaseTextWeightSemibold = 600;
10
+ export const BaseTextWeightBold = 700;
11
+ export const BaseTextWeightExtrabold = 800;
12
+ export const BaseTextWeightHeavy = 900;
package/lib/design-tokens/js/tokens/functional/size/border.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:15 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  export const BrandBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";
package/lib/design-tokens/js/tokens/functional/size/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  export const BrandBreakpointXsmall = "20rem";
package/lib/design-tokens/js/tokens/functional/size/size-coarse.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  export const BrandControlMinTargetAuto = "2.75rem";
package/lib/design-tokens/js/tokens/functional/size/size-fine.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  export const BrandControlMinTargetAuto = "1rem";
package/lib/design-tokens/js/tokens/functional/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  export const BrandControlMinTargetFine = "1rem";
package/lib/design-tokens/js/tokens/functional/size/viewport.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  export const BrandViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";
package/lib/design-tokens/js/tokens/functional/typography/typography.js CHANGED
@@ -1,6 +1,63 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
- export const BrandFontStackSansSerif = "Alliance No.1,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji";
6
+ export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
7
+ export const BrandFontStackSansSerif = "'Alliance1', 'Alliance1Fallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
8
+ export const BrandFontStackSansSerifAlt = "'Alliance2', 'Alliance2HeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
9
+ export const BrandFontStackMonospace = "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace";
10
+ export const BrandBodyFontFamily = "'Alliance1', 'Alliance1Fallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
11
+ export const BrandHeadingFontFamily = "'Alliance1', 'Alliance1Fallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
12
+ export const BrandHeadingWeight400 = "var(--base-text-weight-semibold)";
13
+ export const BrandHeadingWeight500 = "var(--base-text-weight-semibold)";
14
+ export const BrandHeadingWeight600 = "var(--base-text-weight-semibold)";
15
+ export const BrandHeadingWeight700 = "var(--base-text-weight-bold)";
16
+ export const BrandHeadingLetterSpacing400 = "-0.01em";
17
+ export const BrandHeadingLetterSpacing500 = "-0.01em";
18
+ export const BrandHeadingLetterSpacing600 = "-0.01em";
19
+ export const BrandHeadingLetterSpacing700 = "-0.01em";
20
+ export const BrandTextWeight100 = "var(--base-text-weight-normal)";
21
+ export const BrandTextWeight200 = "var(--base-text-weight-normal)";
22
+ export const BrandTextWeight300 = "var(--base-text-weight-normal)";
23
+ export const BrandTextWeight400 = "var(--base-text-weight-normal)";
24
+ export const BrandTextWeight500 = "var(--base-text-weight-normal)";
25
+ export const BrandTextWeight600 = "var(--base-text-weight-normal)";
26
+ export const BrandTextWeight700 = "var(--base-text-weight-normal)";
27
+ export const BrandTextWeight800 = "var(--base-text-weight-extrabold)";
28
+ export const BrandTextWeight900 = "var(--base-text-weight-extrabold)";
29
+ export const BrandTextWeight1000 = "var(--base-text-weight-extrabold)";
30
+ export const BrandTextSize100 = "0.75rem";
31
+ export const BrandTextSize200 = "0.875rem";
32
+ export const BrandTextSize300 = "1rem";
33
+ export const BrandTextSize400 = "1rem";
34
+ export const BrandTextSize500 = "1.25rem";
35
+ export const BrandTextSize600 = "1.5rem";
36
+ export const BrandTextSize700 = "1.75rem";
37
+ export const BrandTextSize800 = "2rem";
38
+ export const BrandTextSize900 = "2.5rem";
39
+ export const BrandTextSize1000 = "3rem";
40
+ export const BrandTextLineHeight100 = "1.25rem";
41
+ export const BrandTextLineHeight200 = "1.25rem";
42
+ export const BrandTextLineHeight300 = "1.5rem";
43
+ export const BrandTextLineHeight400 = "1.5rem";
44
+ export const BrandTextLineHeight500 = "1.75rem";
45
+ export const BrandTextLineHeight600 = "2rem";
46
+ export const BrandTextLineHeight700 = "2.5rem";
47
+ export const BrandTextLineHeight800 = "2.25rem";
48
+ export const BrandTextLineHeight900 = "2.75rem";
49
+ export const BrandTextLineHeight1000 = "3.25rem";
50
+ export const BrandTextLetterSpacing700 = "-0.01em";
51
+ export const BrandTextLetterSpacing800 = "-0.01em";
52
+ export const BrandTextLetterSpacing900 = "-0.01em";
53
+ export const BrandTextLetterSpacing1000 = "-0.01em";
54
+ export const BrandTextStyleItalic1 = "'ital' 1";
55
+ export const BrandTextStyleItalic2 = "'ital' 2";
56
+ export const BrandTextStyleItalic3 = "'ital' 3";
57
+ export const BrandTextStyleItalic4 = "'ital' 4";
58
+ export const BrandTextStyleItalic5 = "'ital' 5";
59
+ export const BrandTextStyleItalic6 = "'ital' 6";
60
+ export const BrandTextStyleItalic7 = "'ital' 7";
61
+ export const BrandTextStyleItalic8 = "'ital' 8";
62
+ export const BrandTextStyleItalic9 = "'ital' 9";
63
+ export const BrandTextStyleItalic10 = "'ital' 10";
package/lib/design-tokens/ts/tokens/base/size/size.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/lib/design-tokens/ts/tokens/base/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts CHANGED
@@ -1,16 +1,109 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
7
7
  "base": {
8
8
  "text": {
9
9
  "weight": {
10
- "light": string,
11
- "normal": string,
12
- "medium": string,
13
- "semibold": string
10
+ "light": {
11
+ "value": 300,
12
+ "filePath": "tokens/base/typography/typography.json",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": 300
16
+ },
17
+ "name": "light",
18
+ "attributes": {},
19
+ "path": [
20
+ "base",
21
+ "text",
22
+ "weight",
23
+ "light"
24
+ ]
25
+ },
26
+ "normal": {
27
+ "value": 400,
28
+ "filePath": "tokens/base/typography/typography.json",
29
+ "isSource": true,
30
+ "original": {
31
+ "value": 400
32
+ },
33
+ "name": "normal",
34
+ "attributes": {},
35
+ "path": [
36
+ "base",
37
+ "text",
38
+ "weight",
39
+ "normal"
40
+ ]
41
+ },
42
+ "medium": {},
43
+ "semibold": {
44
+ "value": 600,
45
+ "filePath": "tokens/base/typography/typography.json",
46
+ "isSource": true,
47
+ "original": {
48
+ "value": 600
49
+ },
50
+ "name": "semibold",
51
+ "attributes": {},
52
+ "path": [
53
+ "base",
54
+ "text",
55
+ "weight",
56
+ "semibold"
57
+ ]
58
+ },
59
+ "bold": {
60
+ "value": 700,
61
+ "filePath": "tokens/base/typography/typography.json",
62
+ "isSource": true,
63
+ "original": {
64
+ "value": 700
65
+ },
66
+ "name": "bold",
67
+ "attributes": {},
68
+ "path": [
69
+ "base",
70
+ "text",
71
+ "weight",
72
+ "bold"
73
+ ]
74
+ },
75
+ "extrabold": {
76
+ "value": 800,
77
+ "filePath": "tokens/base/typography/typography.json",
78
+ "isSource": true,
79
+ "original": {
80
+ "value": 800
81
+ },
82
+ "name": "extrabold",
83
+ "attributes": {},
84
+ "path": [
85
+ "base",
86
+ "text",
87
+ "weight",
88
+ "extrabold"
89
+ ]
90
+ },
91
+ "heavy": {
92
+ "value": 900,
93
+ "filePath": "tokens/base/typography/typography.json",
94
+ "isSource": true,
95
+ "original": {
96
+ "value": 900
97
+ },
98
+ "name": "heavy",
99
+ "attributes": {},
100
+ "path": [
101
+ "base",
102
+ "text",
103
+ "weight",
104
+ "heavy"
105
+ ]
106
+ }
14
107
  }
15
108
  }
16
109
  }
package/lib/design-tokens/ts/tokens/base/typography/typography.js CHANGED
@@ -1,16 +1,19 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "base": {
8
8
  "text": {
9
9
  "weight": {
10
- "light": "300",
11
- "normal": "400",
12
- "medium": "500",
13
- "semibold": "600"
10
+ "light": 300,
11
+ "normal": 400,
12
+ "medium": 500,
13
+ "semibold": 600,
14
+ "bold": 700,
15
+ "extrabold": 800,
16
+ "heavy": 900
14
17
  }
15
18
  }
16
19
  }
package/lib/design-tokens/ts/tokens/functional/size/border.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/lib/design-tokens/ts/tokens/functional/size/border.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/lib/design-tokens/ts/tokens/functional/size/size-fine.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/ts/tokens/functional/size/size.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/lib/design-tokens/ts/tokens/functional/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
package/lib/design-tokens/ts/tokens/functional/size/viewport.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts CHANGED
@@ -1,12 +1,91 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  declare const tokens: {
7
7
  "brand": {
8
8
  "fontStack": {
9
- "sansSerif": string
9
+ "system": string,
10
+ "sansSerif": string,
11
+ "sansSerifAlt": string,
12
+ "monospace": string
13
+ },
14
+ "body": {
15
+ "fontFamily": string
16
+ },
17
+ "heading": {
18
+ "fontFamily": string,
19
+ "weight": {
20
+ "400": string,
21
+ "500": string,
22
+ "600": string,
23
+ "700": string
24
+ },
25
+ "letterSpacing": {
26
+ "400": string,
27
+ "500": string,
28
+ "600": string,
29
+ "700": string
30
+ }
31
+ },
32
+ "text": {
33
+ "weight": {
34
+ "100": string,
35
+ "200": string,
36
+ "300": string,
37
+ "400": string,
38
+ "500": string,
39
+ "600": string,
40
+ "700": string,
41
+ "800": string,
42
+ "900": string,
43
+ "1000": string
44
+ },
45
+ "size": {
46
+ "100": string,
47
+ "200": string,
48
+ "300": string,
49
+ "400": string,
50
+ "500": string,
51
+ "600": string,
52
+ "700": string,
53
+ "800": string,
54
+ "900": string,
55
+ "1000": string
56
+ },
57
+ "lineHeight": {
58
+ "100": string,
59
+ "200": string,
60
+ "300": string,
61
+ "400": string,
62
+ "500": string,
63
+ "600": string,
64
+ "700": string,
65
+ "800": string,
66
+ "900": string,
67
+ "1000": string
68
+ },
69
+ "letterSpacing": {
70
+ "700": string,
71
+ "800": string,
72
+ "900": string,
73
+ "1000": string
74
+ },
75
+ "style": {
76
+ "italic": {
77
+ "1": string,
78
+ "2": string,
79
+ "3": string,
80
+ "4": string,
81
+ "5": string,
82
+ "6": string,
83
+ "7": string,
84
+ "8": string,
85
+ "9": string,
86
+ "10": string
87
+ }
88
+ }
10
89
  }
11
90
  }
12
91
  }
package/lib/design-tokens/ts/tokens/functional/typography/typography.js CHANGED
@@ -1,12 +1,91 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 28 Apr 2022 09:17:16 GMT
3
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "brand": {
8
8
  "fontStack": {
9
- "sansSerif": "Alliance No.1,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji"
9
+ "system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
10
+ "sansSerif": "'Alliance1', 'Alliance1Fallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
11
+ "sansSerifAlt": "'Alliance2', 'Alliance2HeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
12
+ "monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
13
+ },
14
+ "body": {
15
+ "fontFamily": "'Alliance1', 'Alliance1Fallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
16
+ },
17
+ "heading": {
18
+ "fontFamily": "'Alliance1', 'Alliance1Fallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
19
+ "weight": {
20
+ "400": "var(--base-text-weight-semibold)",
21
+ "500": "var(--base-text-weight-semibold)",
22
+ "600": "var(--base-text-weight-semibold)",
23
+ "700": "var(--base-text-weight-bold)"
24
+ },
25
+ "letterSpacing": {
26
+ "400": "-0.01em",
27
+ "500": "-0.01em",
28
+ "600": "-0.01em",
29
+ "700": "-0.01em"
30
+ }
31
+ },
32
+ "text": {
33
+ "weight": {
34
+ "100": "var(--base-text-weight-normal)",
35
+ "200": "var(--base-text-weight-normal)",
36
+ "300": "var(--base-text-weight-normal)",
37
+ "400": "var(--base-text-weight-normal)",
38
+ "500": "var(--base-text-weight-normal)",
39
+ "600": "var(--base-text-weight-normal)",
40
+ "700": "var(--base-text-weight-normal)",
41
+ "800": "var(--base-text-weight-extrabold)",
42
+ "900": "var(--base-text-weight-extrabold)",
43
+ "1000": "var(--base-text-weight-extrabold)"
44
+ },
45
+ "size": {
46
+ "100": "0.75rem",
47
+ "200": "0.875rem",
48
+ "300": "1rem",
49
+ "400": "1rem",
50
+ "500": "1.25rem",
51
+ "600": "1.5rem",
52
+ "700": "1.75rem",
53
+ "800": "2rem",
54
+ "900": "2.5rem",
55
+ "1000": "3rem"
56
+ },
57
+ "lineHeight": {
58
+ "100": "1.25rem",
59
+ "200": "1.25rem",
60
+ "300": "1.5rem",
61
+ "400": "1.5rem",
62
+ "500": "1.75rem",
63
+ "600": "2rem",
64
+ "700": "2.5rem",
65
+ "800": "2.25rem",
66
+ "900": "2.75rem",
67
+ "1000": "3.25rem"
68
+ },
69
+ "letterSpacing": {
70
+ "700": "-0.01em",
71
+ "800": "-0.01em",
72
+ "900": "-0.01em",
73
+ "1000": "-0.01em"
74
+ },
75
+ "style": {
76
+ "italic": {
77
+ "1": "'ital' 1",
78
+ "2": "'ital' 2",
79
+ "3": "'ital' 3",
80
+ "4": "'ital' 4",
81
+ "5": "'ital' 5",
82
+ "6": "'ital' 6",
83
+ "7": "'ital' 7",
84
+ "8": "'ital' 8",
85
+ "9": "'ital' 9",
86
+ "10": "'ital' 10"
87
+ }
88
+ }
10
89
  }
11
90
  }
12
91
  }
package/lib/index.d.ts CHANGED
@@ -1,2 +1,5 @@
1
+ export * from './css/stylesheets';
1
2
  export * from './Hero';
3
+ export * from './Text';
4
+ export * from './Heading';
2
5
  export * from './ThemeProvider';