@primer/react-brand 0.3.0-rc.9ff153e → 0.3.0

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 (103) hide show
  1. package/lib/Accordion/Accordion.d.ts +29 -0
  2. package/lib/Accordion/index.d.ts +1 -0
  3. package/lib/FAQ/FAQ.d.ts +37 -0
  4. package/lib/FAQ/index.d.ts +1 -0
  5. package/lib/InlineLink/InlineLink.d.ts +24 -0
  6. package/lib/InlineLink/index.d.ts +1 -0
  7. package/lib/css/main.css +355 -15
  8. package/lib/css/stylesheets.d.ts +1 -0
  9. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +16 -1
  14. package/lib/design-tokens/css/tokens/functional/colors/global.css +6 -1
  15. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +19 -0
  16. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +9 -0
  18. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +16 -0
  19. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +8 -0
  20. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +19 -0
  22. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +9 -0
  23. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +19 -7
  30. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  31. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  32. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  33. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  34. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +92 -1
  35. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +47 -0
  36. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +31 -0
  37. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  38. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +49 -0
  39. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  40. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  41. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  42. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  44. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +173 -0
  47. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  48. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  49. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  50. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  51. package/lib/design-tokens/js/tokens/functional/colors/global.js +7 -2
  52. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +7 -0
  53. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +6 -0
  54. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  55. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +7 -0
  56. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  57. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  58. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  59. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  60. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  62. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  63. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +9 -0
  64. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  65. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  66. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  67. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  68. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  69. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  70. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  71. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +9 -2
  72. package/lib/design-tokens/ts/tokens/functional/colors/global.js +9 -2
  73. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +18 -0
  74. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +17 -0
  75. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +15 -0
  76. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +14 -0
  77. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  78. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  79. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +16 -0
  80. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +15 -0
  81. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  82. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  83. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +18 -0
  96. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +17 -0
  97. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  99. package/lib/index.d.ts +3 -0
  100. package/lib/index.js +1 -1
  101. package/lib/index.js.LICENSE.txt +9 -0
  102. package/package.json +2 -2
  103. package/CHANGELOG.md +0 -168
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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:38 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 Fri, 01 Jul 2022 09:59:38 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:38 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:38 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 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 Fri, 01 Jul 2022 09:59:37 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.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 Fri, 01 Jul 2022 09:59:37 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/size-fine.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 Fri, 01 Jul 2022 09:59:37 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/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 Fri, 01 Jul 2022 09:59:37 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/viewport.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 Fri, 01 Jul 2022 09:59:37 GMT
4
4
  */
5
5
 
6
6
  module.exports = {