@primer/react-brand 0.3.0-rc.9ff153e → 0.3.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 (116) hide show
  1. package/lib/Accordion/Accordion.d.ts +29 -0
  2. package/lib/Accordion/Accordion.visual.spec.d.ts +1 -0
  3. package/lib/Accordion/index.d.ts +1 -0
  4. package/lib/Button/Button.visual.spec.d.ts +1 -0
  5. package/lib/ExpandableArrow/ExpandableArrow.visual.spec.d.ts +1 -0
  6. package/lib/FAQ/FAQ.d.ts +37 -0
  7. package/lib/FAQ/FAQ.visual.spec.d.ts +1 -0
  8. package/lib/FAQ/index.d.ts +1 -0
  9. package/lib/Heading/Heading.visual.spec.d.ts +1 -0
  10. package/lib/Hero/Hero.visual.spec.d.ts +1 -0
  11. package/lib/InlineLink/InlineLink.d.ts +24 -0
  12. package/lib/InlineLink/InlineLink.visual.spec.d.ts +1 -0
  13. package/lib/InlineLink/index.d.ts +1 -0
  14. package/lib/Link/Link.visual.spec.d.ts +1 -0
  15. package/lib/MonaSans/MonaSans.visual.spec.d.ts +1 -0
  16. package/lib/River/River.d.ts +6 -1
  17. package/lib/River/River.visual.spec.d.ts +1 -0
  18. package/lib/Text/Text.visual.spec.d.ts +1 -0
  19. package/lib/ThemeProvider/ThemeProvider.visual.spec.d.ts +1 -0
  20. package/lib/css/main.css +361 -21
  21. package/lib/css/stylesheets.d.ts +1 -0
  22. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  24. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  25. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +16 -1
  27. package/lib/design-tokens/css/tokens/functional/colors/global.css +6 -1
  28. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +19 -0
  29. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +9 -0
  31. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +16 -0
  32. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +8 -0
  33. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +19 -0
  35. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +9 -0
  36. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +19 -7
  43. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  44. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  47. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +92 -1
  48. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +47 -0
  49. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +31 -0
  50. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +49 -0
  52. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  55. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  56. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +173 -0
  60. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  61. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  62. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  63. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  64. package/lib/design-tokens/js/tokens/functional/colors/global.js +7 -2
  65. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +7 -0
  66. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +6 -0
  67. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  68. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +7 -0
  69. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  70. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  71. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  72. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  73. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  74. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  75. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  76. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +9 -0
  77. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  78. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  79. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  80. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  81. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  82. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  83. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +9 -2
  85. package/lib/design-tokens/ts/tokens/functional/colors/global.js +9 -2
  86. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +18 -0
  87. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +17 -0
  88. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +15 -0
  89. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +14 -0
  90. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +16 -0
  93. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +15 -0
  94. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  99. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  101. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  102. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  103. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  104. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  106. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +18 -0
  109. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +17 -0
  110. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  111. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  112. package/lib/index.d.ts +3 -0
  113. package/lib/index.js +1 -1
  114. package/lib/index.js.LICENSE.txt +9 -0
  115. package/package.json +15 -7
  116. package/CHANGELOG.md +0 -168
package/lib/css/stylesheets.d.ts CHANGED
@@ -6,4 +6,5 @@ import '../../lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.c
6
6
  import '../../lib/design-tokens/css/tokens/base/size/size.css';
7
7
  import '../../lib/design-tokens/css/tokens/functional/typography/typography-responsive.css';
8
8
  import '../../lib/design-tokens/css/tokens/functional/size/breakpoints.css';
9
+ import '../../lib/design-tokens/css/tokens/functional/size/border.css';
9
10
  import '../../lib/design-tokens/css/tokens/functional/colors/global-with-modes.css';
package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:05 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/base/colors/color-scales.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/base/size/size.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/base/typography/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css CHANGED
@@ -1,9 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:17 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:05 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --brand-color-accent-fg: var(--base-color-scale-pink-5);
8
+ --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
9
+ --brand-color-accent-muted: hsl(var(--base-color-scale-pink-3-hsl) / 60%);
10
+ --brand-color-accent-subtle: var(--base-color-scale-pink-0);
7
11
  --brand-color-text-default: var(--base-color-scale-gray-9);
8
12
  --brand-color-text-muted: var(--base-color-scale-gray-6);
9
13
  --brand-color-text-subtle: var(--base-color-scale-gray-5);
@@ -19,9 +23,14 @@
19
23
  --brand-color-border-default: var(--base-color-scale-gray-2);
20
24
  --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
21
25
  --brand-color-border-subtle: hsl(var(--base-color-scale-black-0-hsl) / 99.85%);
26
+ --brand-color-focus: var(--base-color-scale-blue-5);
22
27
  }
23
28
 
24
29
  [data-color-mode="light"] {
30
+ --brand-color-accent-fg: var(--base-color-scale-pink-5);
31
+ --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
32
+ --brand-color-accent-muted: hsl(var(--base-color-scale-pink-3-hsl) / 60%);
33
+ --brand-color-accent-subtle: var(--base-color-scale-pink-0);
25
34
  --brand-color-text-default: var(--base-color-scale-gray-9);
26
35
  --brand-color-text-muted: var(--base-color-scale-gray-6);
27
36
  --brand-color-text-subtle: var(--base-color-scale-gray-5);
@@ -37,9 +46,14 @@
37
46
  --brand-color-border-default: var(--base-color-scale-gray-2);
38
47
  --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
39
48
  --brand-color-border-subtle: hsl(var(--base-color-scale-black-0-hsl) / 99.85%);
49
+ --brand-color-focus: var(--base-color-scale-blue-5);
40
50
  }
41
51
 
42
52
  [data-color-mode="dark"] {
53
+ --brand-color-accent-fg: var(--base-color-scale-pink-3);
54
+ --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
55
+ --brand-color-accent-muted: hsl(var(--base-color-scale-pink-4-hsl) / 60%);
56
+ --brand-color-accent-subtle: hsl(var(--base-color-scale-pink-4-hsl) / 85%);
43
57
  --brand-color-text-default: var(--base-color-scale-white-0);
44
58
  --brand-color-text-muted: var(--base-color-scale-gray-3);
45
59
  --brand-color-text-subtle: var(--base-color-scale-gray-4);
@@ -55,4 +69,5 @@
55
69
  --brand-color-border-default: var(--base-color-scale-gray-6);
56
70
  --brand-color-border-muted: var(--base-color-scale-gray-7);
57
71
  --brand-color-border-subtle: hsl(var(--base-color-scale-gray-0-hsl) / 99.9%);
72
+ --brand-color-focus: var(--base-color-scale-blue-3);
58
73
  }
package/lib/design-tokens/css/tokens/functional/colors/global.css CHANGED
@@ -1,9 +1,10 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --brand-color-focus: var(--base-color-scale-blue-5);
7
8
  --brand-color-border-subtle: hsl(var(--base-color-scale-black-0-hsl) / 99.85%);
8
9
  --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
9
10
  --brand-color-border-default: var(--base-color-scale-gray-2);
@@ -19,4 +20,8 @@
19
20
  --brand-color-text-subtle: var(--base-color-scale-gray-5);
20
21
  --brand-color-text-muted: var(--base-color-scale-gray-6);
21
22
  --brand-color-text-default: var(--base-color-scale-gray-9);
23
+ --brand-color-accent-subtle: var(--base-color-scale-pink-0);
24
+ --brand-color-accent-muted: hsl(var(--base-color-scale-pink-3-hsl) / 60%);
25
+ --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
26
+ --brand-color-accent-fg: var(--base-color-scale-pink-5);
22
27
  }
package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css ADDED
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:05 GMT
4
+ */
5
+
6
+ :root {
7
+ --brand-Accordion-toggle-color-start: var(--brand-color-accent-fg);
8
+ --brand-Accordion-toggle-color-end: var(--brand-color-accent-fg);
9
+ }
10
+
11
+ [data-color-mode="light"] {
12
+ --brand-Accordion-toggle-color-start: var(--brand-color-accent-fg);
13
+ --brand-Accordion-toggle-color-end: var(--brand-color-accent-fg);
14
+ }
15
+
16
+ [data-color-mode="dark"] {
17
+ --brand-Accordion-toggle-color-start: var(--brand-color-accent-fg);
18
+ --brand-Accordion-toggle-color-end: var(--brand-color-accent-fg);
19
+ }
package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:17 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:05 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/components/faq/base.css ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
+ */
5
+
6
+ :root {
7
+ --brand-FAQ-maxWidth: 51rem;
8
+ --brand-FAQ-heading-centered-maxWidth: 37.5rem;
9
+ }
package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css ADDED
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:05 GMT
4
+ */
5
+
6
+ :root {
7
+ --brand-FAQ-heading-color: var(--brand-color-text-default);
8
+ }
9
+
10
+ [data-color-mode="light"] {
11
+ --brand-FAQ-heading-color: var(--brand-color-text-default);
12
+ }
13
+
14
+ [data-color-mode="dark"] {
15
+ --brand-FAQ-heading-color: var(--brand-color-text-default);
16
+ }
package/lib/design-tokens/css/tokens/functional/components/faq/colors.css ADDED
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
+ */
5
+
6
+ :root {
7
+ --brand-FAQ-heading-color: var(--brand-color-text-default);
8
+ }
package/lib/design-tokens/css/tokens/functional/components/hero/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css ADDED
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:05 GMT
4
+ */
5
+
6
+ :root {
7
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
8
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
9
+ }
10
+
11
+ [data-color-mode="light"] {
12
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
13
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
14
+ }
15
+
16
+ [data-color-mode="dark"] {
17
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-4);
18
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-2);
19
+ }
package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
+ */
5
+
6
+ :root {
7
+ --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
8
+ --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
9
+ }
package/lib/design-tokens/css/tokens/functional/components/river/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/size/border.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/size/breakpoints.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/size/size-coarse.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  @media (pointer: coarse) { :root {
package/lib/design-tokens/css/tokens/functional/size/size-fine.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  @media (pointer: fine) { :root {
package/lib/design-tokens/css/tokens/functional/size/size.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -48,12 +48,16 @@
48
48
  --brand-text-weight-300: var(--base-text-weight-normal);
49
49
  --brand-text-weight-200: var(--base-text-weight-normal);
50
50
  --brand-text-weight-100: var(--base-text-weight-normal);
51
+ --brand-heading-lineHeight-700: 2rem;
52
+ --brand-heading-lineHeight-600: 1.75rem;
53
+ --brand-heading-lineHeight-500: 1.5rem;
54
+ --brand-heading-lineHeight-400: 1.25rem;
51
55
  --brand-heading-letterSpacing-700: -0.01em;
52
56
  --brand-heading-letterSpacing-600: -0.01em;
53
57
  --brand-heading-letterSpacing-500: -0.01em;
54
58
  --brand-heading-letterSpacing-400: -0.01em;
55
- --brand-heading-weight-700: var(--base-text-weight-bold);
56
- --brand-heading-weight-600: var(--base-text-weight-semibold);
59
+ --brand-heading-weight-700: var(--base-text-weight-extrabold);
60
+ --brand-heading-weight-600: var(--base-text-weight-bold);
57
61
  --brand-heading-weight-500: var(--base-text-weight-semibold);
58
62
  --brand-heading-weight-400: var(--base-text-weight-semibold);
59
63
  --brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
@@ -107,12 +111,16 @@
107
111
  --brand-text-weight-300: var(--base-text-weight-normal);
108
112
  --brand-text-weight-200: var(--base-text-weight-normal);
109
113
  --brand-text-weight-100: var(--base-text-weight-normal);
114
+ --brand-heading-lineHeight-700: 2.75rem;
115
+ --brand-heading-lineHeight-600: 2rem;
116
+ --brand-heading-lineHeight-500: 1.75rem;
117
+ --brand-heading-lineHeight-400: 1.5rem;
110
118
  --brand-heading-letterSpacing-700: -0.01em;
111
119
  --brand-heading-letterSpacing-600: -0.01em;
112
120
  --brand-heading-letterSpacing-500: -0.01em;
113
121
  --brand-heading-letterSpacing-400: -0.01em;
114
- --brand-heading-weight-700: var(--base-text-weight-bold);
115
- --brand-heading-weight-600: var(--base-text-weight-semibold);
122
+ --brand-heading-weight-700: var(--base-text-weight-extrabold);
123
+ --brand-heading-weight-600: var(--base-text-weight-bold);
116
124
  --brand-heading-weight-500: var(--base-text-weight-semibold);
117
125
  --brand-heading-weight-400: var(--base-text-weight-semibold);
118
126
  }
@@ -154,12 +162,16 @@
154
162
  --brand-text-weight-300: var(--base-text-weight-normal);
155
163
  --brand-text-weight-200: var(--base-text-weight-normal);
156
164
  --brand-text-weight-100: var(--base-text-weight-normal);
165
+ --brand-heading-lineHeight-700: 3.25rem;
166
+ --brand-heading-lineHeight-600: 2.25rem;
167
+ --brand-heading-lineHeight-500: 1.75rem;
168
+ --brand-heading-lineHeight-400: 1.5rem;
157
169
  --brand-heading-letterSpacing-700: -0.01em;
158
170
  --brand-heading-letterSpacing-600: -0.01em;
159
171
  --brand-heading-letterSpacing-500: -0.01em;
160
172
  --brand-heading-letterSpacing-400: -0.01em;
161
- --brand-heading-weight-700: var(--base-text-weight-bold);
162
- --brand-heading-weight-600: var(--base-text-weight-semibold);
173
+ --brand-heading-weight-700: var(--base-text-weight-extrabold);
174
+ --brand-heading-weight-600: var(--base-text-weight-bold);
163
175
  --brand-heading-weight-500: var(--base-text-weight-semibold);
164
176
  --brand-heading-weight-400: var(--base-text-weight-semibold);
165
177
  }
package/lib/design-tokens/css/tokens/functional/typography/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/base/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/base/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/colors/global.js CHANGED
@@ -1,11 +1,85 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "brand": {
8
8
  "color": {
9
+ "accent": {
10
+ "fg": {
11
+ "value": "var(--base-color-scale-pink-5)",
12
+ "darkValue": "var(--base-color-scale-pink-3)",
13
+ "filePath": "tokens/functional/colors/global.json",
14
+ "isSource": true,
15
+ "original": {
16
+ "value": "var(--base-color-scale-pink-5)",
17
+ "darkValue": "var(--base-color-scale-pink-3)"
18
+ },
19
+ "name": "fg",
20
+ "attributes": {},
21
+ "path": [
22
+ "brand",
23
+ "color",
24
+ "accent",
25
+ "fg"
26
+ ]
27
+ },
28
+ "emphasis": {
29
+ "value": "var(--base-color-scale-pink-5)",
30
+ "darkValue": "var(--base-color-scale-pink-5)",
31
+ "filePath": "tokens/functional/colors/global.json",
32
+ "isSource": true,
33
+ "original": {
34
+ "value": "var(--base-color-scale-pink-5)",
35
+ "darkValue": "var(--base-color-scale-pink-5)"
36
+ },
37
+ "name": "emphasis",
38
+ "attributes": {},
39
+ "path": [
40
+ "brand",
41
+ "color",
42
+ "accent",
43
+ "emphasis"
44
+ ]
45
+ },
46
+ "muted": {
47
+ "value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
48
+ "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)",
49
+ "filePath": "tokens/functional/colors/global.json",
50
+ "isSource": true,
51
+ "original": {
52
+ "value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
53
+ "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)"
54
+ },
55
+ "name": "muted",
56
+ "attributes": {},
57
+ "path": [
58
+ "brand",
59
+ "color",
60
+ "accent",
61
+ "muted"
62
+ ]
63
+ },
64
+ "subtle": {
65
+ "value": "var(--base-color-scale-pink-0)",
66
+ "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)",
67
+ "filePath": "tokens/functional/colors/global.json",
68
+ "isSource": true,
69
+ "original": {
70
+ "value": "var(--base-color-scale-pink-0)",
71
+ "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)"
72
+ },
73
+ "name": "subtle",
74
+ "attributes": {},
75
+ "path": [
76
+ "brand",
77
+ "color",
78
+ "accent",
79
+ "subtle"
80
+ ]
81
+ }
82
+ },
9
83
  "text": {
10
84
  "default": {
11
85
  "value": "var(--base-color-scale-gray-9)",
@@ -283,6 +357,23 @@ module.exports = {
283
357
  "subtle"
284
358
  ]
285
359
  }
360
+ },
361
+ "focus": {
362
+ "value": "var(--base-color-scale-blue-5)",
363
+ "darkValue": "var(--base-color-scale-blue-3)",
364
+ "filePath": "tokens/functional/colors/global.json",
365
+ "isSource": true,
366
+ "original": {
367
+ "value": "var(--base-color-scale-blue-5)",
368
+ "darkValue": "var(--base-color-scale-blue-3)"
369
+ },
370
+ "name": "focus",
371
+ "attributes": {},
372
+ "path": [
373
+ "brand",
374
+ "color",
375
+ "focus"
376
+ ]
286
377
  }
287
378
  }
288
379
  }
package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js ADDED
@@ -0,0 +1,47 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "FAQ": {
9
+ "heading": {
10
+ "centered": {
11
+ "maxWidth": {
12
+ "value": "37.5rem",
13
+ "filePath": "tokens/functional/components/faq/base.json",
14
+ "isSource": true,
15
+ "original": {
16
+ "value": "600px"
17
+ },
18
+ "name": "maxWidth",
19
+ "attributes": {},
20
+ "path": [
21
+ "brand",
22
+ "FAQ",
23
+ "heading",
24
+ "centered",
25
+ "maxWidth"
26
+ ]
27
+ }
28
+ }
29
+ },
30
+ "maxWidth": {
31
+ "value": "51rem",
32
+ "filePath": "tokens/functional/components/faq/base.json",
33
+ "isSource": true,
34
+ "original": {
35
+ "value": "816px"
36
+ },
37
+ "name": "maxWidth",
38
+ "attributes": {},
39
+ "path": [
40
+ "brand",
41
+ "FAQ",
42
+ "maxWidth"
43
+ ]
44
+ }
45
+ }
46
+ }
47
+ };
package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js ADDED
@@ -0,0 +1,31 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "FAQ": {
9
+ "heading": {
10
+ "color": {
11
+ "value": "var(--brand-color-text-default)",
12
+ "darkValue": "var(--brand-color-text-default)",
13
+ "filePath": "tokens/functional/components/faq/colors.json",
14
+ "isSource": true,
15
+ "original": {
16
+ "value": "var(--brand-color-text-default)",
17
+ "darkValue": "var(--brand-color-text-default)"
18
+ },
19
+ "name": "color",
20
+ "attributes": {},
21
+ "path": [
22
+ "brand",
23
+ "FAQ",
24
+ "heading",
25
+ "color"
26
+ ]
27
+ }
28
+ }
29
+ }
30
+ }
31
+ };
package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js ADDED
@@ -0,0 +1,49 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "brand": {
8
+ "InlineLink": {
9
+ "color": {
10
+ "rest": {
11
+ "value": "var(--base-color-scale-blue-5)",
12
+ "darkValue": "var(--base-color-scale-blue-4)",
13
+ "filePath": "tokens/functional/components/inline-link/colors.json",
14
+ "isSource": true,
15
+ "original": {
16
+ "value": "var(--base-color-scale-blue-5)",
17
+ "darkValue": "var(--base-color-scale-blue-4)"
18
+ },
19
+ "name": "rest",
20
+ "attributes": {},
21
+ "path": [
22
+ "brand",
23
+ "InlineLink",
24
+ "color",
25
+ "rest"
26
+ ]
27
+ },
28
+ "pressed": {
29
+ "value": "var(--base-color-scale-blue-7)",
30
+ "darkValue": "var(--base-color-scale-blue-2)",
31
+ "filePath": "tokens/functional/components/inline-link/colors.json",
32
+ "isSource": true,
33
+ "original": {
34
+ "value": "var(--base-color-scale-blue-7)",
35
+ "darkValue": "var(--base-color-scale-blue-2)"
36
+ },
37
+ "name": "pressed",
38
+ "attributes": {},
39
+ "path": [
40
+ "brand",
41
+ "InlineLink",
42
+ "color",
43
+ "pressed"
44
+ ]
45
+ }
46
+ }
47
+ }
48
+ }
49
+ };
package/lib/design-tokens/js/module/tokens/functional/components/river/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/border.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Jun 2022 12:33:16 GMT
3
+ * Generated on Tue, 02 Aug 2022 12:21:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {