@primer/react-brand 0.4.0 → 0.5.0-rc.04a988d

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 (124) hide show
  1. package/CHANGELOG.md +284 -0
  2. package/lib/Accordion/Accordion.d.ts +4 -4
  3. package/lib/Button/Button.d.ts +2 -0
  4. package/lib/FAQ/FAQ.d.ts +4 -4
  5. package/lib/Heading/Heading.d.ts +1 -1
  6. package/lib/InlineLink/InlineLink.d.ts +1 -1
  7. package/lib/River/River.d.ts +3 -3
  8. package/lib/Stack/Stack.d.ts +112 -0
  9. package/lib/Stack/Stack.visual.spec.d.ts +1 -0
  10. package/lib/Stack/index.d.ts +1 -0
  11. package/lib/SubdomainNavBar/NavigationVisbilityObserver.d.ts +6 -0
  12. package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +63 -0
  13. package/lib/SubdomainNavBar/SubdomainNavBar.visual.spec.d.ts +1 -0
  14. package/lib/SubdomainNavBar/index.d.ts +1 -0
  15. package/lib/SubdomainNavBar/useVisibilityObserver.d.ts +5 -0
  16. package/lib/Testimonial/Testimonial.d.ts +72 -0
  17. package/lib/Testimonial/Testimonial.visual.spec.d.ts +1 -0
  18. package/lib/Testimonial/index.d.ts +1 -0
  19. package/lib/css/main.css +1066 -36
  20. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  22. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  23. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  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 +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +27 -0
  38. package/lib/design-tokens/css/tokens/functional/size/border.css +4 -4
  39. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/size/size.css +7 -7
  43. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +15 -15
  44. package/lib/design-tokens/css/tokens/functional/typography/typography.css +11 -11
  45. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  47. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  48. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  55. package/lib/design-tokens/js/module/tokens/functional/size/border.js +15 -15
  56. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/size/size.js +13 -13
  60. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  61. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  62. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  63. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  64. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  65. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  66. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  67. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  68. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  69. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  70. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  71. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  72. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  73. package/lib/design-tokens/js/tokens/functional/size/border.js +5 -5
  74. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  75. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  76. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  77. package/lib/design-tokens/js/tokens/functional/size/size.js +7 -7
  78. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  79. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  80. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  81. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  82. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  83. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  84. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  85. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  86. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  99. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  101. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +5 -5
  102. package/lib/design-tokens/ts/tokens/functional/size/border.js +5 -5
  103. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  104. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  106. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  109. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  110. package/lib/design-tokens/ts/tokens/functional/size/size.js +7 -7
  111. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  112. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  113. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  114. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  115. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  116. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  117. package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
  118. package/lib/forms/Select/Select.d.ts +1 -1
  119. package/lib/forms/TextInput/TextInput.d.ts +10 -2
  120. package/lib/hooks/useKeyboardEscape.d.ts +1 -0
  121. package/lib/hooks/useOnClickOutside.d.ts +1 -0
  122. package/lib/index.d.ts +3 -0
  123. package/lib/index.js +1 -1
  124. package/package.json +3 -3
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:37 GMT
4
4
  */
5
5
 
6
6
  :root,
package/lib/design-tokens/css/tokens/functional/colors/global.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:37 GMT
4
4
  */
5
5
 
6
6
  :root,
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, 15 Sep 2022 13:18:11 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:37 GMT
4
4
  */
5
5
 
6
6
  :root,
package/lib/design-tokens/css/tokens/functional/components/control/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:37 GMT
4
4
  */
5
5
 
6
6
  :root,
package/lib/design-tokens/css/tokens/functional/components/faq/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:37 GMT
4
4
  */
5
5
 
6
6
  :root,
package/lib/design-tokens/css/tokens/functional/components/faq/colors.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:11 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:37 GMT
4
4
  */
5
5
 
6
6
  :root,
package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css ADDED
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 29 Sep 2022 14:34:37 GMT
4
+ */
5
+
6
+ :root,
7
+ [data-color-mode="light"] {
8
+ --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
9
+ --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
10
+ --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
11
+ --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
12
+ --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-fg-default);
13
+ --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-9);
14
+ --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-black-0);
15
+ --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
16
+ }
17
+
18
+ [data-color-mode="dark"] {
19
+ --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-gray-9-hsl) / 50%);
20
+ --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
21
+ --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
22
+ --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
23
+ --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
24
+ --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
25
+ --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
26
+ --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
27
+ }
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -8,10 +8,10 @@
8
8
  --brand-borderRadius-large: 0.75rem;
9
9
  --brand-borderRadius-medium: 0.375rem;
10
10
  --brand-borderRadius-small: 0.1875rem;
11
- --brand-borderWidth-thick: max(4px, 0.25rem);
12
- --brand-borderWidth-normal: max(2px, 0.125rem);
11
+ --brand-borderWidth-thicker: max(4px, 0.25rem);
12
+ --brand-borderWidth-thick: max(2px, 0.125rem);
13
13
  --brand-borderWidth-thin: max(1px, 0.0625rem);
14
+ --brand-borderInset-thicker: inset 0 0 0 var(--brand-borderWidth-thicker);
14
15
  --brand-borderInset-thick: inset 0 0 0 var(--brand-borderWidth-thick);
15
- --brand-borderInset-normal: inset 0 0 0 var(--brand-borderWidth-normal);
16
16
  --brand-borderInset-thin: inset 0 0 0 var(--brand-borderWidth-thin);
17
17
  }
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -11,12 +11,12 @@
11
11
  --brand-controlStack-medium-gap-condensed: var(--base-size-8);
12
12
  --brand-controlStack-small-gap-spacious: var(--base-size-16);
13
13
  --brand-controlStack-small-gap-condensed: var(--base-size-8);
14
- --brand-stack-gap-spacious: var(--base-size-24);
15
- --brand-stack-gap-normal: var(--base-size-16);
16
- --brand-stack-gap-condensed: var(--base-size-8);
17
- --brand-stack-padding-spacious: var(--base-size-24);
18
- --brand-stack-padding-normal: var(--base-size-16);
19
- --brand-stack-padding-condensed: var(--base-size-8);
14
+ --brand-stack-gap-spacious: var(--base-size-48);
15
+ --brand-stack-gap-normal: var(--base-size-24);
16
+ --brand-stack-gap-condensed: var(--base-size-16);
17
+ --brand-stack-padding-spacious: var(--base-size-48);
18
+ --brand-stack-padding-normal: var(--base-size-24);
19
+ --brand-stack-padding-condensed: var(--base-size-16);
20
20
  --brand-control-xlarge-gap: var(--base-size-8);
21
21
  --brand-control-xlarge-paddingInline-spacious: var(--base-size-16);
22
22
  --brand-control-xlarge-paddingInline-normal: var(--base-size-12);
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -18,16 +18,16 @@
18
18
  --brand-text-letterSpacing-900: -0.01em;
19
19
  --brand-text-letterSpacing-800: -0.01em;
20
20
  --brand-text-letterSpacing-700: -0.01em;
21
- --brand-text-lineHeight-1000: 3.25rem;
22
- --brand-text-lineHeight-900: 2.75rem;
23
- --brand-text-lineHeight-800: 2.25rem;
24
- --brand-text-lineHeight-700: 2.5rem;
25
- --brand-text-lineHeight-600: 2rem;
26
- --brand-text-lineHeight-500: 1.75rem;
27
- --brand-text-lineHeight-400: 1.5rem;
28
- --brand-text-lineHeight-300: 1.5rem;
29
- --brand-text-lineHeight-200: 1.25rem;
30
- --brand-text-lineHeight-100: 1.25rem;
21
+ --brand-text-lineHeight-1000: 3.25;
22
+ --brand-text-lineHeight-900: 2.75;
23
+ --brand-text-lineHeight-800: 2.25;
24
+ --brand-text-lineHeight-700: 2.5;
25
+ --brand-text-lineHeight-600: 2;
26
+ --brand-text-lineHeight-500: 1.75;
27
+ --brand-text-lineHeight-400: 1.5;
28
+ --brand-text-lineHeight-300: 1.5;
29
+ --brand-text-lineHeight-200: 1.25;
30
+ --brand-text-lineHeight-100: 1.25;
31
31
  --brand-text-size-1000: 3rem;
32
32
  --brand-text-size-900: 2.5rem;
33
33
  --brand-text-size-800: 2rem;
@@ -48,10 +48,10 @@
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
+ --brand-heading-lineHeight-700: 2;
52
+ --brand-heading-lineHeight-600: 1.75;
53
+ --brand-heading-lineHeight-500: 1.5;
54
+ --brand-heading-lineHeight-400: 1.25;
55
55
  --brand-heading-letterSpacing-700: -0.01em;
56
56
  --brand-heading-letterSpacing-600: -0.01em;
57
57
  --brand-heading-letterSpacing-500: -0.01em;
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -18,16 +18,16 @@
18
18
  --brand-text-letterSpacing-900: -0.01em;
19
19
  --brand-text-letterSpacing-800: -0.01em;
20
20
  --brand-text-letterSpacing-700: -0.01em;
21
- --brand-text-lineHeight-1000: 3.25rem;
22
- --brand-text-lineHeight-900: 2.75rem;
23
- --brand-text-lineHeight-800: 2.25rem;
24
- --brand-text-lineHeight-700: 2.5rem;
25
- --brand-text-lineHeight-600: 2rem;
26
- --brand-text-lineHeight-500: 1.75rem;
27
- --brand-text-lineHeight-400: 1.5rem;
28
- --brand-text-lineHeight-300: 1.5rem;
29
- --brand-text-lineHeight-200: 1.25rem;
30
- --brand-text-lineHeight-100: 1.25rem;
21
+ --brand-text-lineHeight-1000: 3.25;
22
+ --brand-text-lineHeight-900: 2.75;
23
+ --brand-text-lineHeight-800: 2.25;
24
+ --brand-text-lineHeight-700: 2.5;
25
+ --brand-text-lineHeight-600: 2;
26
+ --brand-text-lineHeight-500: 1.75;
27
+ --brand-text-lineHeight-400: 1.5;
28
+ --brand-text-lineHeight-300: 1.5;
29
+ --brand-text-lineHeight-200: 1.25;
30
+ --brand-text-lineHeight-100: 1.25;
31
31
  --brand-text-size-1000: 3rem;
32
32
  --brand-text-size-900: 2.5rem;
33
33
  --brand-text-size-800: 2rem;
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/colors/global.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/control/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -21,34 +21,34 @@ module.exports = {
21
21
  "thin"
22
22
  ]
23
23
  },
24
- "normal": {
24
+ "thick": {
25
25
  "value": "inset 0 0 0 max(2px, 0.125rem)",
26
26
  "filePath": "tokens/functional/size/border.json",
27
27
  "isSource": true,
28
28
  "original": {
29
- "value": "inset 0 0 0 {brand.borderWidth.normal}"
29
+ "value": "inset 0 0 0 {brand.borderWidth.thick}"
30
30
  },
31
- "name": "normal",
31
+ "name": "thick",
32
32
  "attributes": {},
33
33
  "path": [
34
34
  "brand",
35
35
  "borderInset",
36
- "normal"
36
+ "thick"
37
37
  ]
38
38
  },
39
- "thick": {
39
+ "thicker": {
40
40
  "value": "inset 0 0 0 max(4px, 0.25rem)",
41
41
  "filePath": "tokens/functional/size/border.json",
42
42
  "isSource": true,
43
43
  "original": {
44
- "value": "inset 0 0 0 {brand.borderWidth.thick}"
44
+ "value": "inset 0 0 0 {brand.borderWidth.thicker}"
45
45
  },
46
- "name": "thick",
46
+ "name": "thicker",
47
47
  "attributes": {},
48
48
  "path": [
49
49
  "brand",
50
50
  "borderInset",
51
- "thick"
51
+ "thicker"
52
52
  ]
53
53
  }
54
54
  },
@@ -68,34 +68,34 @@ module.exports = {
68
68
  "thin"
69
69
  ]
70
70
  },
71
- "normal": {
71
+ "thick": {
72
72
  "value": "max(2px, 0.125rem)",
73
73
  "filePath": "tokens/functional/size/border.json",
74
74
  "isSource": true,
75
75
  "original": {
76
76
  "value": "max(2px, 0.125rem)"
77
77
  },
78
- "name": "normal",
78
+ "name": "thick",
79
79
  "attributes": {},
80
80
  "path": [
81
81
  "brand",
82
82
  "borderWidth",
83
- "normal"
83
+ "thick"
84
84
  ]
85
85
  },
86
- "thick": {
86
+ "thicker": {
87
87
  "value": "max(4px, 0.25rem)",
88
88
  "filePath": "tokens/functional/size/border.json",
89
89
  "isSource": true,
90
90
  "original": {
91
91
  "value": "max(4px, 0.25rem)"
92
92
  },
93
- "name": "thick",
93
+ "name": "thicker",
94
94
  "attributes": {},
95
95
  "path": [
96
96
  "brand",
97
97
  "borderWidth",
98
- "thick"
98
+ "thicker"
99
99
  ]
100
100
  }
101
101
  },
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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 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, 15 Sep 2022 13:18:10 GMT
3
+ * Generated on Thu, 29 Sep 2022 14:34:36 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -556,11 +556,11 @@ module.exports = {
556
556
  "stack": {
557
557
  "padding": {
558
558
  "condensed": {
559
- "value": "0.5rem",
559
+ "value": "1rem",
560
560
  "filePath": "tokens/functional/size/size.json",
561
561
  "isSource": true,
562
562
  "original": {
563
- "value": "{base.size.8}"
563
+ "value": "{base.size.16}"
564
564
  },
565
565
  "name": "condensed",
566
566
  "attributes": {},
@@ -572,11 +572,11 @@ module.exports = {
572
572
  ]
573
573
  },
574
574
  "normal": {
575
- "value": "1rem",
575
+ "value": "1.5rem",
576
576
  "filePath": "tokens/functional/size/size.json",
577
577
  "isSource": true,
578
578
  "original": {
579
- "value": "{base.size.16}"
579
+ "value": "{base.size.24}"
580
580
  },
581
581
  "name": "normal",
582
582
  "attributes": {},
@@ -588,11 +588,11 @@ module.exports = {
588
588
  ]
589
589
  },
590
590
  "spacious": {
591
- "value": "1.5rem",
591
+ "value": "3rem",
592
592
  "filePath": "tokens/functional/size/size.json",
593
593
  "isSource": true,
594
594
  "original": {
595
- "value": "{base.size.24}"
595
+ "value": "{base.size.48}"
596
596
  },
597
597
  "name": "spacious",
598
598
  "attributes": {},
@@ -606,11 +606,11 @@ module.exports = {
606
606
  },
607
607
  "gap": {
608
608
  "condensed": {
609
- "value": "0.5rem",
609
+ "value": "1rem",
610
610
  "filePath": "tokens/functional/size/size.json",
611
611
  "isSource": true,
612
612
  "original": {
613
- "value": "{base.size.8}"
613
+ "value": "{base.size.16}"
614
614
  },
615
615
  "name": "condensed",
616
616
  "attributes": {},
@@ -622,11 +622,11 @@ module.exports = {
622
622
  ]
623
623
  },
624
624
  "normal": {
625
- "value": "1rem",
625
+ "value": "1.5rem",
626
626
  "filePath": "tokens/functional/size/size.json",
627
627
  "isSource": true,
628
628
  "original": {
629
- "value": "{base.size.16}"
629
+ "value": "{base.size.24}"
630
630
  },
631
631
  "name": "normal",
632
632
  "attributes": {},
@@ -638,11 +638,11 @@ module.exports = {
638
638
  ]
639
639
  },
640
640
  "spacious": {
641
- "value": "1.5rem",
641
+ "value": "3rem",
642
642
  "filePath": "tokens/functional/size/size.json",
643
643
  "isSource": true,
644
644
  "original": {
645
- "value": "{base.size.24}"
645
+ "value": "{base.size.48}"
646
646
  },
647
647
  "name": "spacious",
648
648
  "attributes": {},