@primer/react-brand 0.24.0-rc.f34efaa → 0.24.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 (272) hide show
  1. package/lib/CTABanner/CTABanner.d.ts +2 -4
  2. package/lib/FAQ/FAQ.d.ts +3 -4
  3. package/lib/Heading/Heading.d.ts +1 -1
  4. package/lib/Label/Label.d.ts +1 -1
  5. package/lib/Testimonial/Testimonial.d.ts +8 -2
  6. package/lib/Text/Text.d.ts +1 -1
  7. package/lib/css/main.css +642 -433
  8. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  9. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  10. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  11. package/lib/design-tokens/css/tokens/base/typography/typography.css +2 -2
  12. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +15 -0
  54. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +31 -0
  55. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +2 -2
  56. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/size/size.css +15 -28
  63. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +79 -124
  64. package/lib/design-tokens/css/tokens/functional/typography/typography.css +35 -32
  65. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +3 -3
  68. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  74. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  75. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  76. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  77. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  78. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  79. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  80. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  81. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  82. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  83. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  84. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  85. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  86. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  87. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  88. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  89. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  90. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  91. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +157 -0
  92. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +465 -0
  93. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +3 -3
  94. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  95. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  96. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  97. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  98. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  99. package/lib/design-tokens/js/module/tokens/functional/size/size.js +60 -282
  100. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  101. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +318 -50
  102. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +153 -847
  103. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  104. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  105. package/lib/design-tokens/js/tokens/base/typography/typography.js +2 -2
  106. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  107. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  108. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  109. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  110. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  111. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  112. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  113. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  114. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  115. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  116. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  117. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  118. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  119. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  120. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  121. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  122. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  123. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  124. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  125. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  126. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  127. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  128. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  129. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +13 -0
  130. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +29 -0
  131. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +2 -2
  132. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  133. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  134. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  135. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  136. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  137. package/lib/design-tokens/js/tokens/functional/size/size.js +15 -28
  138. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  139. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +20 -5
  140. package/lib/design-tokens/js/tokens/functional/typography/typography.js +35 -32
  141. package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +1 -1
  142. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  143. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +2 -2
  144. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  145. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  146. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  147. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  148. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  149. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  150. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  151. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  152. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  153. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  154. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  155. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  156. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  157. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  158. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  159. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  160. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  161. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  162. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  163. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  164. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  165. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  166. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  167. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +12 -0
  168. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +28 -0
  169. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +2 -2
  170. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  171. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  172. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  173. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  174. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  175. package/lib/design-tokens/scss/tokens/functional/size/size.scss +15 -28
  176. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  177. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +20 -5
  178. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +35 -32
  179. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  180. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  181. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  182. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  183. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +3 -3
  184. package/lib/design-tokens/ts/tokens/base/typography/typography.js +2 -2
  185. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  186. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  187. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  188. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  189. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  190. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  191. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  192. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  193. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  194. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  195. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  196. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  197. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  198. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  199. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  200. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  201. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  202. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  203. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  204. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  205. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  206. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  207. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  208. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  209. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  210. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  211. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  212. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  213. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  214. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  215. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  216. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  217. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  218. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  219. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  220. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  221. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  222. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  223. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  224. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  225. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  226. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  227. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  228. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  229. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  230. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  231. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +32 -0
  232. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +31 -0
  233. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +50 -0
  234. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +49 -0
  235. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  236. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +2 -2
  237. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  238. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  239. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  240. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  241. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  242. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  243. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  244. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  245. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  246. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  247. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +8 -29
  248. package/lib/design-tokens/ts/tokens/functional/size/size.js +18 -39
  249. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  250. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  251. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +31 -2
  252. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +34 -5
  253. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +4 -1
  254. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +35 -32
  255. package/lib/findElementInChildren.d.ts +3 -0
  256. package/lib/forms/index.d.ts +0 -1
  257. package/lib/index.d.ts +1 -1
  258. package/lib/index.js +1 -1
  259. package/lib/{River → river/River}/River.d.ts +2 -2
  260. package/lib/river/RiverBreakout/RiverBreakout.d.ts +22 -0
  261. package/lib/river/RiverBreakout/RiverBreakout.visual.spec.d.ts +1 -0
  262. package/lib/river/RiverBreakout/index.d.ts +1 -0
  263. package/lib/river/index.d.ts +2 -0
  264. package/package.json +1 -1
  265. package/lib/design-tokens/css/tokens/functional/components/control/base.css +0 -18
  266. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +0 -195
  267. package/lib/design-tokens/js/tokens/functional/components/control/base.js +0 -16
  268. package/lib/design-tokens/scss/tokens/functional/components/control/base.scss +0 -15
  269. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +0 -33
  270. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +0 -32
  271. /package/lib/{River → river/River}/River.visual.spec.d.ts +0 -0
  272. /package/lib/{River → river/River}/index.d.ts +0 -0
package/lib/css/main.css CHANGED
@@ -89,7 +89,7 @@ select {
89
89
 
90
90
  /**
91
91
  * Do not edit directly
92
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
92
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
93
93
  */
94
94
 
95
95
  :root,
@@ -629,7 +629,7 @@ select {
629
629
 
630
630
  /**
631
631
  * Do not edit directly
632
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
632
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
633
633
  */
634
634
 
635
635
  :root {
@@ -654,7 +654,7 @@ select {
654
654
 
655
655
  /**
656
656
  * Do not edit directly
657
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
657
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
658
658
  */
659
659
 
660
660
  :root {
@@ -663,13 +663,13 @@ select {
663
663
  --base-text-weight-bold: 700;
664
664
  --base-text-weight-semibold: 600;
665
665
  --base-text-weight-medium: 500;
666
- --base-text-weight-normal: 400;
666
+ --base-text-weight-normal: 450;
667
667
  --base-text-weight-light: 300;
668
668
  }
669
669
 
670
670
  /**
671
671
  * Do not edit directly
672
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
672
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
673
673
  */
674
674
 
675
675
  :root {
@@ -683,50 +683,68 @@ select {
683
683
  --brand-text-style-italic-3: "ital" 3;
684
684
  --brand-text-style-italic-2: "ital" 2;
685
685
  --brand-text-style-italic-1: "ital" 1;
686
- --brand-text-letterSpacing-1000: -0.01em;
687
- --brand-text-letterSpacing-900: -0.01em;
688
- --brand-text-letterSpacing-800: -0.01em;
689
- --brand-text-letterSpacing-700: -0.01em;
690
- --brand-text-lineHeight-1000: 3.25rem;
691
- --brand-text-lineHeight-900: 2.75rem;
692
- --brand-text-lineHeight-800: 2.25rem;
693
- --brand-text-lineHeight-700: 2.5rem;
694
- --brand-text-lineHeight-600: 2rem;
695
- --brand-text-lineHeight-500: 1.75rem;
696
- --brand-text-lineHeight-400: 1.5rem;
697
- --brand-text-lineHeight-300: 1.5rem;
698
- --brand-text-lineHeight-200: 1.25rem;
699
- --brand-text-lineHeight-100: 1.25rem;
700
- --brand-text-size-1000: 3rem;
701
- --brand-text-size-900: 2.5rem;
686
+ --brand-text-letterSpacing-1000: -0.03em;
687
+ --brand-text-letterSpacing-900: -0.02em;
688
+ --brand-text-letterSpacing-800: -0.02em;
689
+ --brand-text-letterSpacing-700: -0.02em;
690
+ --brand-text-letterSpacing-600: -0.02em;
691
+ --brand-text-letterSpacing-500: -0.01em;
692
+ --brand-text-letterSpacing-400: -0.01em;
693
+ --brand-text-lineHeight-1000: 1.1;
694
+ --brand-text-lineHeight-900: 1.1;
695
+ --brand-text-lineHeight-800: 1.2;
696
+ --brand-text-lineHeight-700: 1.2;
697
+ --brand-text-lineHeight-600: 1.2;
698
+ --brand-text-lineHeight-500: 1.3;
699
+ --brand-text-lineHeight-400: 1.3;
700
+ --brand-text-lineHeight-300: 1.5;
701
+ --brand-text-lineHeight-200: 1.5;
702
+ --brand-text-lineHeight-100: 1.5;
703
+ --brand-text-size-1000: 2.5rem;
704
+ --brand-text-size-900: 2.25rem;
702
705
  --brand-text-size-800: 2rem;
703
706
  --brand-text-size-700: 1.75rem;
704
707
  --brand-text-size-600: 1.5rem;
705
- --brand-text-size-500: 1.25rem;
706
- --brand-text-size-400: 1rem;
707
- --brand-text-size-300: 1rem;
708
- --brand-text-size-200: 0.875rem;
709
- --brand-text-size-100: 0.75rem;
710
- --brand-text-weight-1000: var(--base-text-weight-extrabold);
711
- --brand-text-weight-900: var(--base-text-weight-extrabold);
712
- --brand-text-weight-800: var(--base-text-weight-extrabold);
713
- --brand-text-weight-700: var(--base-text-weight-normal);
714
- --brand-text-weight-600: var(--base-text-weight-normal);
715
- --brand-text-weight-500: var(--base-text-weight-normal);
716
- --brand-text-weight-400: var(--base-text-weight-normal);
708
+ --brand-text-size-500: 1.375rem;
709
+ --brand-text-size-400: 1.25rem;
710
+ --brand-text-size-300: 1.125rem;
711
+ --brand-text-size-200: 1rem;
712
+ --brand-text-size-100: 0.875rem;
713
+ --brand-text-weight-1000: var(--base-text-weight-bold);
714
+ --brand-text-weight-900: var(--base-text-weight-semibold);
715
+ --brand-text-weight-800: var(--base-text-weight-semibold);
716
+ --brand-text-weight-700: var(--base-text-weight-semibold);
717
+ --brand-text-weight-600: var(--base-text-weight-semibold);
718
+ --brand-text-weight-500: var(--base-text-weight-semibold);
719
+ --brand-text-weight-400: var(--base-text-weight-semibold);
717
720
  --brand-text-weight-300: var(--base-text-weight-normal);
718
721
  --brand-text-weight-200: var(--base-text-weight-normal);
719
722
  --brand-text-weight-100: var(--base-text-weight-normal);
720
- --brand-heading-lineHeight-700: 2rem;
721
- --brand-heading-lineHeight-600: 1.75rem;
722
- --brand-heading-lineHeight-500: 1.5rem;
723
- --brand-heading-lineHeight-400: 1.25rem;
724
- --brand-heading-letterSpacing-700: -0.01em;
725
- --brand-heading-letterSpacing-600: -0.01em;
723
+ --brand-text-subhead-lineHeight-large: 1.3;
724
+ --brand-text-subhead-lineHeight-medium: 1.3;
725
+ --brand-text-subhead-weight-large: var(--base-text-weight-semibold);
726
+ --brand-text-subhead-weight-medium: var(--base-text-weight-semibold);
727
+ --brand-text-subhead-size-large: 1.125rem;
728
+ --brand-text-subhead-size-medium: 1rem;
729
+ --brand-heading-lineHeight-1000: 1.1;
730
+ --brand-heading-lineHeight-900: 1.1;
731
+ --brand-heading-lineHeight-800: 1.2;
732
+ --brand-heading-lineHeight-700: 1.2;
733
+ --brand-heading-lineHeight-600: 1.3;
734
+ --brand-heading-lineHeight-500: 1.3;
735
+ --brand-heading-lineHeight-400: 1.3;
736
+ --brand-heading-letterSpacing-1000: -0.03em;
737
+ --brand-heading-letterSpacing-900: -0.02em;
738
+ --brand-heading-letterSpacing-800: -0.02em;
739
+ --brand-heading-letterSpacing-700: -0.02em;
740
+ --brand-heading-letterSpacing-600: -0.02em;
726
741
  --brand-heading-letterSpacing-500: -0.01em;
727
742
  --brand-heading-letterSpacing-400: -0.01em;
728
- --brand-heading-weight-700: var(--base-text-weight-extrabold);
729
- --brand-heading-weight-600: var(--base-text-weight-bold);
743
+ --brand-heading-weight-1000: var(--base-text-weight-bold);
744
+ --brand-heading-weight-900: var(--base-text-weight-semibold);
745
+ --brand-heading-weight-800: var(--base-text-weight-semibold);
746
+ --brand-heading-weight-700: var(--base-text-weight-semibold);
747
+ --brand-heading-weight-600: var(--base-text-weight-semibold);
730
748
  --brand-heading-weight-500: var(--base-text-weight-semibold);
731
749
  --brand-heading-weight-400: var(--base-text-weight-semibold);
732
750
  --brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
@@ -739,109 +757,46 @@ select {
739
757
 
740
758
  @media (min-width: 768px) {
741
759
  :root {
742
- --brand-text-letterSpacing-1000: -0.03em;
743
760
  --brand-text-letterSpacing-900: -0.03em;
744
- --brand-text-letterSpacing-800: -0.01em;
745
- --brand-text-letterSpacing-700: -0.01em;
746
- --brand-text-lineHeight-1000: 4.75rem;
747
- --brand-text-lineHeight-900: 3.75rem;
748
- --brand-text-lineHeight-800: 3.25rem;
749
- --brand-text-lineHeight-700: 3.25rem;
750
- --brand-text-lineHeight-600: 2.5rem;
751
- --brand-text-lineHeight-500: 1.75rem;
752
- --brand-text-lineHeight-400: 1.75rem;
753
- --brand-text-lineHeight-300: 1.5rem;
754
- --brand-text-lineHeight-200: 1.25rem;
755
- --brand-text-lineHeight-100: 1.25rem;
756
- --brand-text-size-1000: 4.5rem;
757
- --brand-text-size-900: 3.5rem;
758
- --brand-text-size-800: 3rem;
759
- --brand-text-size-700: 2.5rem;
760
- --brand-text-size-600: 1.75rem;
761
- --brand-text-size-500: 1.25rem;
762
- --brand-text-size-400: 1.25rem;
763
- --brand-text-size-300: 1rem;
764
- --brand-text-size-200: 0.875rem;
765
- --brand-text-size-100: 0.75rem;
766
- --brand-text-weight-1000: var(--base-text-weight-extrabold);
767
- --brand-text-weight-900: var(--base-text-weight-extrabold);
768
- --brand-text-weight-800: var(--base-text-weight-extrabold);
769
- --brand-text-weight-700: var(--base-text-weight-normal);
770
- --brand-text-weight-600: var(--base-text-weight-normal);
771
- --brand-text-weight-500: var(--base-text-weight-normal);
772
- --brand-text-weight-400: var(--base-text-weight-normal);
773
- --brand-text-weight-300: var(--base-text-weight-normal);
774
- --brand-text-weight-200: var(--base-text-weight-normal);
775
- --brand-text-weight-100: var(--base-text-weight-normal);
776
- --brand-heading-lineHeight-700: 2.75rem;
777
- --brand-heading-lineHeight-600: 2rem;
778
- --brand-heading-lineHeight-500: 1.75rem;
779
- --brand-heading-lineHeight-400: 1.5rem;
780
- --brand-heading-letterSpacing-700: -0.01em;
781
- --brand-heading-letterSpacing-600: -0.01em;
782
- --brand-heading-letterSpacing-500: -0.01em;
783
- --brand-heading-letterSpacing-400: -0.01em;
784
- --brand-heading-weight-700: var(--base-text-weight-extrabold);
785
- --brand-heading-weight-600: var(--base-text-weight-bold);
786
- --brand-heading-weight-500: var(--base-text-weight-semibold);
787
- --brand-heading-weight-400: var(--base-text-weight-semibold);
761
+ --brand-text-lineHeight-1000: 1.05;
762
+ --brand-text-lineHeight-900: 1.05;
763
+ --brand-text-size-1000: 4rem;
764
+ --brand-text-size-900: 3rem;
765
+ --brand-text-size-800: 2.25rem;
766
+ --brand-text-size-700: 2.25rem;
767
+ --brand-text-size-600: 2rem;
768
+ --brand-heading-lineHeight-1000: 1.05;
769
+ --brand-heading-lineHeight-900: 1.05;
770
+ --brand-heading-letterSpacing-900: -0.03em;
788
771
  }
789
772
  }
790
773
 
791
774
  @media (min-width: 1012px) {
792
775
  :root {
793
- --brand-text-letterSpacing-1000: -0.03em;
794
- --brand-text-letterSpacing-900: -0.03em;
795
- --brand-text-letterSpacing-800: -0.01em;
796
- --brand-text-letterSpacing-700: -0.01em;
797
- --brand-text-lineHeight-1000: 6.25rem;
798
- --brand-text-lineHeight-900: 4.75rem;
799
- --brand-text-lineHeight-800: 4.25rem;
800
- --brand-text-lineHeight-700: 4rem;
801
- --brand-text-lineHeight-600: 2.75rem;
802
- --brand-text-lineHeight-500: 2rem;
803
- --brand-text-lineHeight-400: 1.75rem;
804
- --brand-text-lineHeight-300: 1.5rem;
805
- --brand-text-lineHeight-200: 1.25rem;
806
- --brand-text-lineHeight-100: 1.25rem;
776
+ --brand-text-letterSpacing-800: -0.03em;
777
+ --brand-text-letterSpacing-700: -0.03em;
778
+ --brand-text-lineHeight-1000: 1;
779
+ --brand-text-lineHeight-900: 1;
780
+ --brand-text-lineHeight-500: 1.2;
807
781
  --brand-text-size-1000: 6rem;
808
782
  --brand-text-size-900: 4.5rem;
809
783
  --brand-text-size-800: 4rem;
810
784
  --brand-text-size-700: 3rem;
811
- --brand-text-size-600: 2rem;
812
- --brand-text-size-500: 1.5rem;
813
- --brand-text-size-400: 1.25rem;
814
- --brand-text-size-300: 1rem;
815
- --brand-text-size-200: 0.875rem;
816
- --brand-text-size-100: 0.75rem;
817
- --brand-text-weight-1000: var(--base-text-weight-extrabold);
818
- --brand-text-weight-900: var(--base-text-weight-extrabold);
819
- --brand-text-weight-800: var(--base-text-weight-extrabold);
820
- --brand-text-weight-700: var(--base-text-weight-normal);
821
- --brand-text-weight-600: var(--base-text-weight-normal);
822
- --brand-text-weight-500: var(--base-text-weight-normal);
823
- --brand-text-weight-400: var(--base-text-weight-normal);
824
- --brand-text-weight-300: var(--base-text-weight-normal);
825
- --brand-text-weight-200: var(--base-text-weight-normal);
826
- --brand-text-weight-100: var(--base-text-weight-normal);
827
- --brand-heading-lineHeight-700: 3.25rem;
828
- --brand-heading-lineHeight-600: 2.25rem;
829
- --brand-heading-lineHeight-500: 1.75rem;
830
- --brand-heading-lineHeight-400: 1.5rem;
831
- --brand-heading-letterSpacing-700: -0.01em;
832
- --brand-heading-letterSpacing-600: -0.01em;
833
- --brand-heading-letterSpacing-500: -0.01em;
834
- --brand-heading-letterSpacing-400: -0.01em;
835
- --brand-heading-weight-700: var(--base-text-weight-extrabold);
836
- --brand-heading-weight-600: var(--base-text-weight-bold);
837
- --brand-heading-weight-500: var(--base-text-weight-semibold);
838
- --brand-heading-weight-400: var(--base-text-weight-semibold);
785
+ --brand-text-size-600: 2.5rem;
786
+ --brand-text-size-500: 2rem;
787
+ --brand-text-size-400: 1.5rem;
788
+ --brand-text-subhead-size-large: 1.25rem;
789
+ --brand-heading-lineHeight-1000: 1;
790
+ --brand-heading-lineHeight-900: 1;
791
+ --brand-heading-lineHeight-600: 1.2;
792
+ --brand-heading-letterSpacing-800: -0.03em;
793
+ --brand-heading-letterSpacing-700: -0.03em;
839
794
  }
840
795
  }
841
796
 
842
797
  /**
843
798
  * Do not edit directly
844
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
799
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
845
800
  */
846
801
 
847
802
  :root {
@@ -855,7 +810,7 @@ select {
855
810
 
856
811
  /**
857
812
  * Do not edit directly
858
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
813
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
859
814
  */
860
815
 
861
816
  :root {
@@ -873,7 +828,7 @@ select {
873
828
 
874
829
  /**
875
830
  * Do not edit directly
876
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
831
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
877
832
  */
878
833
 
879
834
  :root,
@@ -1226,7 +1181,7 @@ select {
1226
1181
 
1227
1182
  /**
1228
1183
  * Do not edit directly
1229
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
1184
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
1230
1185
  */
1231
1186
 
1232
1187
  :root,
@@ -1275,6 +1230,7 @@ select {
1275
1230
  border: none;
1276
1231
  background: none;
1277
1232
  display: inline-flex;
1233
+ gap: var(--brand-control-medium-gap);
1278
1234
  }
1279
1235
 
1280
1236
  .Primer_Brand__Button-module__Button___lDruK:hover {
@@ -1289,8 +1245,6 @@ select {
1289
1245
 
1290
1246
  .Primer_Brand__Button-module__Button__text___Z3ocU {
1291
1247
  position: relative;
1292
- top: 0.5px; /* visual offset for off-center mona sans glyphs */
1293
- line-height: var(--brand-text-lineHeight-200);
1294
1248
  }
1295
1249
 
1296
1250
  .Primer_Brand__Button-module__Button__icon-visual___zR2Hi {
@@ -1301,22 +1255,9 @@ select {
1301
1255
  fill: currentcolor;
1302
1256
  }
1303
1257
 
1304
- .Primer_Brand__Button-module__Button__trailing-visual___zg8jd {
1305
- display: flex;
1306
- margin-left: var(--base-size-8);
1307
- }
1308
-
1309
- .Primer_Brand__Button-module__Button__trailing-visual--arrow___XD9in {
1310
- margin-left: var(--base-size-8);
1311
- }
1312
-
1258
+ .Primer_Brand__Button-module__Button__trailing-visual___zg8jd,
1313
1259
  .Primer_Brand__Button-module__Button__leading-visual___FIPvg {
1314
1260
  display: flex;
1315
- margin-right: var(--base-size-8);
1316
- }
1317
-
1318
- .Primer_Brand__Button-module__Button--label___lUBc0 {
1319
- font-weight: var(--base-text-weight-semibold);
1320
1261
  }
1321
1262
 
1322
1263
  .Primer_Brand__Button-module__Button--label___lUBc0.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
@@ -1384,21 +1325,13 @@ select {
1384
1325
  }
1385
1326
 
1386
1327
  .Primer_Brand__Button-module__Button--size-medium___EyCyw {
1387
- padding: calc(var(--base-size-16) - 2px) var(--base-size-24);
1388
- }
1389
-
1390
- .Primer_Brand__Button-module__Button--size-medium___EyCyw .Primer_Brand__Button-module__Button--label___lUBc0 {
1391
- /* Brings overall default height down to 48px */
1392
- line-height: var(--brand-text-lineHeight-200);
1328
+ height: var(--brand-control-medium-size);
1329
+ padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-spacious);
1393
1330
  }
1394
1331
 
1395
1332
  .Primer_Brand__Button-module__Button--size-large___REN1l {
1396
- padding: var(--base-size-16) var(--base-size-32);
1397
- }
1398
-
1399
- .Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button--label___lUBc0 {
1400
- /* Brings overall default height down to 56px */
1401
- line-height: var(--brand-text-lineHeight-300);
1333
+ height: var(--brand-control-large-size);
1334
+ padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-spacious);
1402
1335
  }
1403
1336
 
1404
1337
  .Primer_Brand__Button-module__Button--block___F5RXs {
@@ -1445,8 +1378,30 @@ select {
1445
1378
  color: var(--brand-color-text-default);
1446
1379
  }
1447
1380
 
1381
+ .Primer_Brand__Heading-module__Heading--display___xFecE {
1382
+ font-weight: var(--brand-heading-weight-1000);
1383
+ font-size: var(--brand-text-size-1000);
1384
+ line-height: var(--brand-text-lineHeight-1000);
1385
+ font-family: var(--brand-heading-fontFamily);
1386
+ letter-spacing: var(--brand-text-letterSpacing-1000);
1387
+ }
1388
+
1389
+ .Primer_Brand__Heading-module__Heading--subhead-large____C6GZ {
1390
+ font-weight: var(--brand-text-subhead-weight-large);
1391
+ font-size: var(--brand-text-subhead-size-large);
1392
+ line-height: var(--brand-text-subhead-lineHeight-large);
1393
+ font-family: var(--brand-heading-fontFamily);
1394
+ }
1395
+
1396
+ .Primer_Brand__Heading-module__Heading--subhead-medium___Pik5E {
1397
+ font-weight: var(--brand-text-subhead-weight-medium);
1398
+ font-size: var(--brand-text-subhead-size-medium);
1399
+ line-height: var(--brand-text-subhead-lineHeight-medium);
1400
+ font-family: var(--brand-heading-fontFamily);
1401
+ }
1402
+
1448
1403
  .Primer_Brand__Heading-module__Heading--1___Ufc7G {
1449
- font-weight: var(--brand-text-weight-900);
1404
+ font-weight: var(--brand-heading-weight-900);
1450
1405
  font-size: var(--brand-text-size-900);
1451
1406
  line-height: var(--brand-text-lineHeight-900);
1452
1407
  font-family: var(--brand-heading-fontFamily);
@@ -1454,7 +1409,7 @@ select {
1454
1409
  }
1455
1410
 
1456
1411
  .Primer_Brand__Heading-module__Heading--2___TFg09 {
1457
- font-weight: var(--brand-text-weight-800);
1412
+ font-weight: var(--brand-heading-weight-800);
1458
1413
  font-size: var(--brand-text-size-800);
1459
1414
  line-height: var(--brand-text-lineHeight-800);
1460
1415
  font-family: var(--brand-heading-fontFamily);
@@ -1684,7 +1639,7 @@ select {
1684
1639
 
1685
1640
  /**
1686
1641
  * Do not edit directly
1687
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
1642
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
1688
1643
  */
1689
1644
 
1690
1645
  :root {
@@ -1911,7 +1866,7 @@ select {
1911
1866
 
1912
1867
  /**
1913
1868
  * Do not edit directly
1914
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
1869
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
1915
1870
  */
1916
1871
 
1917
1872
  :root,
@@ -2006,12 +1961,6 @@ select {
2006
1961
  mask-composite: exclude;
2007
1962
  }
2008
1963
 
2009
- .Primer_Brand__Label-module__Label--size-small___TvoL_ {
2010
- padding-left: var(--base-size-8);
2011
- padding-right: var(--base-size-8);
2012
- height: var(--base-size-24);
2013
- }
2014
-
2015
1964
  .Primer_Brand__Label-module__Label--size-medium___g4Jkm {
2016
1965
  padding-left: var(--base-size-16);
2017
1966
  padding-right: var(--base-size-16);
@@ -2114,10 +2063,6 @@ select {
2114
2063
  box-decoration-break: clone;
2115
2064
  }
2116
2065
 
2117
- .Primer_Brand__Label-module__Label--size-small___TvoL_ .Primer_Brand__Label-module__Label__text____nAxj {
2118
- line-height: var(--brand-text-lineHeight-100);
2119
- }
2120
-
2121
2066
  .Primer_Brand__Label-module__Label--size-medium___g4Jkm .Primer_Brand__Label-module__Label__text____nAxj {
2122
2067
  line-height: var(--brand-text-lineHeight-200);
2123
2068
  }
@@ -2180,7 +2125,7 @@ select {
2180
2125
 
2181
2126
  /**
2182
2127
  * Do not edit directly
2183
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
2128
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
2184
2129
  */
2185
2130
 
2186
2131
  :root {
@@ -2206,7 +2151,7 @@ select {
2206
2151
 
2207
2152
  /**
2208
2153
  * Do not edit directly
2209
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
2154
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
2210
2155
  */
2211
2156
 
2212
2157
  :root,
@@ -2964,10 +2909,15 @@ select {
2964
2909
 
2965
2910
  /**
2966
2911
  * Do not edit directly
2967
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
2912
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
2968
2913
  */
2969
2914
 
2970
2915
  :root {
2916
+ --brand-control-animation-easing: var(--brand-animation-easing-glide);
2917
+ --brand-control-animation-duration: 80ms;
2918
+ --brand-control-border-radius: var(--brand-borderRadius-medium);
2919
+ --brand-control-large-paddingBlock: 1.125rem;
2920
+ --brand-control-large-size: 3.5rem;
2971
2921
  --brand-controlStack-large-gap-spacious: var(--base-size-12);
2972
2922
  --brand-controlStack-large-gap-condensed: var(--base-size-8);
2973
2923
  --brand-controlStack-large-gap-auto: var(--base-size-8);
@@ -2984,38 +2934,20 @@ select {
2984
2934
  --brand-box-spacing-spacious: var(--base-size-48);
2985
2935
  --brand-box-spacing-normal: var(--base-size-24);
2986
2936
  --brand-box-spacing-condensed: var(--base-size-16);
2987
- --brand-control-xlarge-gap: var(--base-size-8);
2988
- --brand-control-xlarge-paddingInline-spacious: var(--base-size-16);
2989
- --brand-control-xlarge-paddingInline-normal: var(--base-size-12);
2990
- --brand-control-xlarge-lineBoxHeight: var(--base-size-20);
2991
- --brand-control-xlarge-size: var(--base-size-48);
2992
- --brand-control-large-gap: var(--base-size-8);
2993
- --brand-control-large-paddingInline-spacious: var(--base-size-16);
2994
- --brand-control-large-paddingInline-normal: var(--base-size-12);
2995
- --brand-control-large-paddingBlock: calc((var(--brand-control-large-size) - var(--brand-control-large-lineBoxHeight)) / 2);
2937
+ --brand-control-large-gap: var(--base-size-16);
2938
+ --brand-control-large-paddingInline-spacious: var(--base-size-32);
2939
+ --brand-control-large-paddingInline-normal: var(--base-size-20);
2940
+ --brand-control-large-paddingInline-condensed: var(--base-size-16);
2996
2941
  --brand-control-large-lineBoxHeight: var(--base-size-20);
2997
2942
  --brand-control-medium-gap: var(--base-size-8);
2998
- --brand-control-medium-paddingInline-spacious: var(--base-size-16);
2999
- --brand-control-medium-paddingInline-normal: var(--base-size-12);
3000
- --brand-control-medium-paddingInline-condensed: var(--base-size-8);
3001
- --brand-control-medium-paddingBlock: calc((var(--brand-control-medium-size) - var(--brand-control-medium-lineBoxHeight)) / 2);
2943
+ --brand-control-medium-paddingInline-spacious: var(--base-size-24);
2944
+ --brand-control-medium-paddingInline-normal: var(--base-size-16);
2945
+ --brand-control-medium-paddingInline-condensed: var(--base-size-12);
2946
+ --brand-control-medium-paddingBlock: var(--base-size-12);
3002
2947
  --brand-control-medium-lineBoxHeight: var(--base-size-20);
3003
- --brand-control-small-gap: var(--base-size-4);
3004
- --brand-control-small-paddingInline-normal: var(--base-size-12);
3005
- --brand-control-small-paddingInline-condensed: var(--base-size-8);
3006
- --brand-control-small-lineBoxHeight: var(--base-size-20);
3007
- --brand-control-small-size: var(--base-size-28);
3008
- --brand-control-xsmall-gap: var(--base-size-4);
3009
- --brand-control-xsmall-paddingInline-spacious: var(--base-size-12);
3010
- --brand-control-xsmall-paddingInline-normal: var(--base-size-8);
3011
- --brand-control-xsmall-paddingInline-condensed: var(--base-size-4);
3012
- --brand-control-xsmall-lineBoxHeight: var(--base-size-20);
3013
- --brand-control-xsmall-size: var(--base-size-24);
2948
+ --brand-control-medium-size: var(--base-size-48);
3014
2949
  --brand-control-minTarget-coarse: var(--base-size-44);
3015
2950
  --brand-control-minTarget-fine: var(--base-size-16);
3016
- --brand-control-xlarge-paddingBlock: calc((var(--brand-control-xlarge-size) - var(--brand-control-xlarge-lineBoxHeight)) / 2);
3017
- --brand-control-small-paddingBlock: calc((var(--brand-control-small-size) - var(--brand-control-small-lineBoxHeight)) / 2);
3018
- --brand-control-xsmall-paddingBlock: calc((var(--brand-control-xsmall-size) - var(--brand-control-xsmall-lineBoxHeight)) / 2);
3019
2951
  }
3020
2952
 
3021
2953
  .Primer_Brand__Stack-module__Stack___tASKe {
@@ -3814,7 +3746,7 @@ select {
3814
3746
 
3815
3747
  /**
3816
3748
  * Do not edit directly
3817
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
3749
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
3818
3750
  */
3819
3751
 
3820
3752
  :root {
@@ -3835,7 +3767,7 @@ select {
3835
3767
 
3836
3768
  /**
3837
3769
  * Do not edit directly
3838
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
3770
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
3839
3771
  */
3840
3772
 
3841
3773
  :root {
@@ -3845,7 +3777,7 @@ select {
3845
3777
 
3846
3778
  /**
3847
3779
  * Do not edit directly
3848
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
3780
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
3849
3781
  */
3850
3782
 
3851
3783
  :root {
@@ -3867,7 +3799,7 @@ select {
3867
3799
  }
3868
3800
  }
3869
3801
 
3870
- .Primer_Brand__River-module__River___VHPl5 {
3802
+ .Primer_Brand__river-shared-module__River___eSXvR {
3871
3803
  display: grid;
3872
3804
  grid-gap: var(--brand-River-spacing-inner);
3873
3805
  gap: var(--brand-River-spacing-inner);
@@ -3876,110 +3808,177 @@ select {
3876
3808
  padding-bottom: var(--brand-River-spacing-outer);
3877
3809
  }
3878
3810
 
3879
- .Primer_Brand__River-module__River--align-center___TH7xI {
3811
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
3880
3812
  text-align: center;
3881
3813
  }
3882
3814
 
3883
- .Primer_Brand__River-module__River__visual___sTe_U {
3815
+ .Primer_Brand__river-shared-module__River__visual___kjFE2 {
3884
3816
  position: relative;
3885
3817
  order: 2;
3886
3818
  }
3887
3819
 
3888
- .Primer_Brand__River-module__River__visual--fill-media___AVMgH img,
3889
- .Primer_Brand__River-module__River__visual--fill-media___AVMgH video {
3820
+ .Primer_Brand__river-shared-module__River__visual--fill-media___psmFL img,
3821
+ .Primer_Brand__river-shared-module__River__visual--fill-media___psmFL video {
3890
3822
  width: 100%;
3891
3823
  height: 100%;
3892
3824
  -o-object-fit: cover;
3893
3825
  object-fit: cover;
3894
3826
  }
3895
3827
 
3896
- .Primer_Brand__River-module__River__visual--rounded___AkG5M {
3828
+ .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
3897
3829
  overflow: hidden;
3898
3830
  border-radius: var(--brand-borderRadius-large);
3899
3831
  }
3900
3832
 
3901
- .Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
3833
+ .Primer_Brand__river-shared-module__River__visual--has-shadow___PyzIW {
3902
3834
  box-shadow: var(--brand-River-visual-shadow);
3903
3835
  }
3904
3836
 
3905
- .Primer_Brand__River-module__River__heading___pwKXi {
3837
+ .Primer_Brand__river-shared-module__River__heading___tl6zS {
3906
3838
  margin-bottom: var(--brand-River-heading-margin);
3907
3839
  }
3908
3840
 
3909
- .Primer_Brand__River-module__River__call-to-action___GIOCe {
3841
+ .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
3910
3842
  margin-top: var(--base-size-24);
3911
3843
  }
3912
3844
 
3913
- .Primer_Brand__River-module__River__text___ZlR1K strong {
3845
+ .Primer_Brand__river-shared-module__River__text___TQQhU strong {
3914
3846
  color: var(--brand-color-text-default);
3915
3847
  }
3916
3848
 
3917
- .Primer_Brand__River-module__River__trailingComponent___JG0Xv {
3918
- margin-top: var(--base-size-48);
3849
+ .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
3850
+ margin-top: var(--brand-River-spacing-inner);
3919
3851
  }
3920
3852
 
3921
- .Primer_Brand__River-module__River__trailingComponent--divider___C2MpB {
3922
- padding-top: var(--base-size-48);
3853
+ .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
3854
+ padding-top: var(--brand-River-spacing-inner);
3923
3855
  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
3924
3856
  }
3925
3857
 
3926
3858
  /* Medium breakpoint and up */
3927
3859
  @media screen and (min-width: 48rem) {
3928
- .Primer_Brand__River-module__River___VHPl5 {
3860
+ .Primer_Brand__river-shared-module__River___eSXvR {
3929
3861
  grid-template-rows: initial;
3930
3862
  }
3931
- .Primer_Brand__River-module__River--50-50___cpSFU {
3863
+ .Primer_Brand__river-shared-module__River--50-50___y5_l2 {
3932
3864
  grid-template-columns: [content] 1fr [visual] 1fr;
3933
3865
  }
3934
3866
 
3935
- .Primer_Brand__River-module__River--60-40___XDKAU {
3867
+ .Primer_Brand__river-shared-module__River--60-40___NljA1 {
3936
3868
  grid-template-columns: [content] 4fr [visual] 6fr;
3937
3869
  }
3938
3870
 
3939
- .Primer_Brand__River-module__River--align-start___L0mn_ {
3871
+ .Primer_Brand__river-shared-module__River--align-start___wo12V {
3940
3872
  grid-template-areas: 'content visual';
3941
3873
  }
3942
3874
 
3943
- .Primer_Brand__River-module__River--align-end___UIM3e {
3875
+ .Primer_Brand__river-shared-module__River--align-end___aNjz4 {
3944
3876
  grid-template-areas: 'visual content';
3945
3877
  }
3946
3878
 
3947
- .Primer_Brand__River-module__River--align-end___UIM3e.Primer_Brand__River-module__River--60-40___XDKAU {
3879
+ .Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--60-40___NljA1 {
3948
3880
  grid-template-columns: [visual] 6fr [content] 4fr;
3949
3881
  }
3950
3882
 
3951
- .Primer_Brand__River-module__River__content___opQUA {
3883
+ .Primer_Brand__river-shared-module__River__content___p4EdY {
3952
3884
  display: grid;
3953
3885
  align-content: center;
3954
3886
  grid-area: content;
3955
3887
  }
3956
3888
 
3957
- .Primer_Brand__River-module__River__visual___sTe_U {
3889
+ .Primer_Brand__river-shared-module__River__visual___kjFE2 {
3958
3890
  grid-area: visual;
3959
3891
  order: initial;
3960
3892
  }
3961
3893
 
3962
- .Primer_Brand__River-module__River--align-center___TH7xI {
3894
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
3963
3895
  grid-auto-rows: min-content;
3964
3896
  grid-template-columns: initial;
3965
3897
  }
3966
3898
 
3967
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
3968
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
3899
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY,
3900
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual___kjFE2 {
3969
3901
  grid-area: unset;
3970
3902
  justify-self: center;
3971
3903
  }
3972
3904
 
3973
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__body-text___tt2Yf {
3905
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__body-text___aJne5 {
3974
3906
  max-width: 600px;
3975
3907
  justify-self: center;
3976
3908
  }
3977
3909
 
3978
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
3979
- margin-bottom: var(--base-size-48);
3910
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual___kjFE2 {
3911
+ margin-bottom: var(--brand-River-spacing-inner);
3980
3912
  }
3981
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
3982
- margin-top: var(--base-size-48);
3913
+
3914
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
3915
+ margin-top: var(--brand-River-spacing-inner);
3916
+ }
3917
+ }
3918
+
3919
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e {
3920
+ display: flex;
3921
+ flex-direction: column;
3922
+ gap: var(--brand-River-spacing-inner);
3923
+ padding-bottom: var(--brand-River-spacing-outer);
3924
+ padding-top: var(--brand-River-spacing-outer);
3925
+ }
3926
+
3927
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
3928
+ color: var(--brand-color-text-default);
3929
+ font-size: var(--brand-text-size-500);
3930
+ font-weight: var(--brand-heading-weight-500);
3931
+ letter-spacing: var(--brand-heading-letterSpacing-500);
3932
+ line-height: var(--brand-text-lineHeight-500);
3933
+ }
3934
+
3935
+ .Primer_Brand__river-shared-module__RiverBreakout--muted___k_sJO .Primer_Brand__river-shared-module__River__text___TQQhU {
3936
+ color: var(--brand-color-text-subtle);
3937
+ }
3938
+
3939
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU em {
3940
+ color: var(--brand-color-text-default);
3941
+ font-style: normal;
3942
+ }
3943
+
3944
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual___kjFE2 {
3945
+ order: initial;
3946
+ }
3947
+
3948
+ .Primer_Brand__river-shared-module__RiverBreakout__hiddenHeading___axLfo {
3949
+ border: 0;
3950
+ clip: rect(1px, 1px, 1px, 1px);
3951
+ height: 1px;
3952
+ overflow: hidden;
3953
+ padding: 0;
3954
+ position: absolute;
3955
+ width: 1px;
3956
+ }
3957
+
3958
+ @media screen and (min-width: 48rem) {
3959
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__content___p4EdY {
3960
+ display: grid;
3961
+ grid-gap: var(--brand-River-spacing-inner);
3962
+ gap: var(--brand-River-spacing-inner);
3963
+ grid-template-areas:
3964
+ 'text trailingComponent'
3965
+ 'cta trailingComponent';
3966
+ grid-template-columns: 5fr 3fr;
3967
+ }
3968
+
3969
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
3970
+ grid-area: cta;
3971
+ margin-top: 0;
3972
+ }
3973
+
3974
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
3975
+ grid-area: trailingComponent;
3976
+ justify-self: end;
3977
+ margin-top: 0;
3978
+ }
3979
+
3980
+ .Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
3981
+ grid-area: text;
3983
3982
  }
3984
3983
  }
3985
3984
 
@@ -4682,7 +4681,7 @@ select {
4682
4681
 
4683
4682
  /**
4684
4683
  * Do not edit directly
4685
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
4684
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
4686
4685
  */
4687
4686
 
4688
4687
  :root,
@@ -4710,7 +4709,7 @@ select {
4710
4709
 
4711
4710
  /**
4712
4711
  * Do not edit directly
4713
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
4712
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
4714
4713
  */
4715
4714
 
4716
4715
  :root,
@@ -4726,7 +4725,7 @@ select {
4726
4725
 
4727
4726
  /**
4728
4727
  * Do not edit directly
4729
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
4728
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
4730
4729
  */
4731
4730
 
4732
4731
  :root {
@@ -4843,6 +4842,10 @@ select {
4843
4842
  margin-left: 4px;
4844
4843
  }
4845
4844
 
4845
+ .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link--label___j8etE {
4846
+ font-size: var(--base-size-20);
4847
+ }
4848
+
4846
4849
  .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
4847
4850
  width: 20px;
4848
4851
  height: 20px;
@@ -4862,7 +4865,7 @@ select {
4862
4865
 
4863
4866
  /**
4864
4867
  * Do not edit directly
4865
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
4868
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
4866
4869
  */
4867
4870
 
4868
4871
  :root,
@@ -4878,7 +4881,7 @@ select {
4878
4881
 
4879
4882
  /**
4880
4883
  * Do not edit directly
4881
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
4884
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
4882
4885
  */
4883
4886
 
4884
4887
  :root,
@@ -4980,14 +4983,6 @@ select {
4980
4983
  content: '+';
4981
4984
  }
4982
4985
 
4983
- .Primer_Brand__Accordion-module__Accordion__summary-heading_____snF {
4984
- /*Visual appearance as a h6*/
4985
- font-weight: var(--brand-heading-weight-400);
4986
- font-size: var(--brand-text-size-400);
4987
- line-height: var(--brand-text-lineHeight-400);
4988
- letter-spacing: var(--brand-heading-letterSpacing-400);
4989
- }
4990
-
4991
4986
  details[open] .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
4992
4987
  opacity: 1;
4993
4988
  transform: rotateZ(180deg);
@@ -5000,9 +4995,9 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3
5000
4995
  .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5001
4996
  color: var(--brand-color-text-muted);
5002
4997
  font-family: var(--brand-fontStack-sansSerif);
5003
- font-weight: var(--brand-text-weight-300);
5004
- font-size: var(--brand-text-size-300);
5005
- line-height: var(--brand-text-lineHeight-300);
4998
+ font-weight: var(--brand-text-weight-200);
4999
+ font-size: var(--brand-text-size-200);
5000
+ line-height: var(--brand-text-lineHeight-200);
5006
5001
  }
5007
5002
 
5008
5003
  details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -5035,7 +5030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5035
5030
 
5036
5031
  /**
5037
5032
  * Do not edit directly
5038
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
5033
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
5039
5034
  */
5040
5035
 
5041
5036
  :root {
@@ -5044,7 +5039,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5044
5039
 
5045
5040
  /**
5046
5041
  * Do not edit directly
5047
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
5042
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
5048
5043
  */
5049
5044
 
5050
5045
  :root,
@@ -5058,7 +5053,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5058
5053
 
5059
5054
  /**
5060
5055
  * Do not edit directly
5061
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
5056
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
5062
5057
  */
5063
5058
 
5064
5059
  :root {
@@ -5089,23 +5084,11 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5089
5084
  }
5090
5085
 
5091
5086
  .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
5092
- /*Visual appearance as a h3*/
5093
- font-weight: var(--brand-heading-weight-700);
5094
- font-size: var(--brand-text-size-700);
5095
- line-height: var(--brand-heading-lineHeight-700);
5096
- letter-spacing: var(--brand-heading-letterSpacing-700);
5097
-
5098
5087
  color: var(--brand-FAQ-heading-color);
5099
5088
  margin-bottom: var(--brand-FAQ-heading-marginBottom);
5100
5089
  }
5101
5090
 
5102
5091
  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
5103
- /*Visual appearance as a h4*/
5104
- font-weight: var(--brand-heading-weight-600);
5105
- font-size: var(--brand-text-size-600);
5106
- line-height: var(--brand-text-lineHeight-600);
5107
- letter-spacing: var(--brand-heading-letterSpacing-600);
5108
-
5109
5092
  margin-bottom: var(--base-size-16);
5110
5093
  }
5111
5094
 
@@ -5128,28 +5111,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5128
5111
  letter-spacing: var(--brand-text-letterSpacing-800);
5129
5112
  }
5130
5113
 
5131
- /**
5132
- * Do not edit directly
5133
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
5134
- */
5135
-
5136
- :root {
5137
- --brand-control-animation-easing: var(--brand-animation-easing-glide);
5138
- --brand-control-animation-duration: 80ms;
5139
- --brand-control-border-radius: var(--brand-borderRadius-medium);
5140
- --brand-control-large-fontSize: var(--brand-text-size-300);
5141
- --brand-control-large-fontWeight: var(--brand-text-weight-300);
5142
- --brand-control-large-padding: var(--base-size-12);
5143
- --brand-control-large-size: var(--base-size-48);
5144
- --brand-control-medium-fontSize: var(--brand-text-size-200);
5145
- --brand-control-medium-fontWeight: var(--brand-text-weight-200);
5146
- --brand-control-medium-padding: 0.625rem;
5147
- --brand-control-medium-size: 2.5rem;
5114
+ .Primer_Brand__FAQ-module__FAQ___R3vLU details + .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
5115
+ margin-top: var(--base-size-48);
5148
5116
  }
5149
5117
 
5150
5118
  /**
5151
5119
  * Do not edit directly
5152
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
5120
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
5153
5121
  */
5154
5122
 
5155
5123
  :root,
@@ -5351,15 +5319,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5351
5319
  .Primer_Brand__Textarea-module__Textarea--medium___pMZGb {
5352
5320
  font-weight: var(--brand-text-weight-200);
5353
5321
  font-size: var(--brand-text-size-200);
5354
- padding: 12px 10px 10px;
5355
- padding: var(--brand-control-medium-padding, 12px 10px 10px);
5322
+ padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
5356
5323
  }
5357
5324
 
5358
5325
  .Primer_Brand__Textarea-module__Textarea--large___wCPXA {
5359
5326
  font-weight: var(--brand-text-weight-300);
5360
5327
  font-size: var(--brand-text-size-300);
5361
- padding: 12px;
5362
- padding: var(--brand-control-large-padding, 12px);
5328
+ padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
5363
5329
  }
5364
5330
 
5365
5331
  /*
@@ -5435,7 +5401,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5435
5401
  background-color: var(--brand-color-canvas-default);
5436
5402
  border: none;
5437
5403
  border-radius: var(--brand-control-border-radius);
5438
- line-height: var(--brand-text-lineHeight-200);
5404
+ line-height: var(--brand-text-lineHeight-100);
5439
5405
  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
5440
5406
  transition-property: color, background-color, box-shadow;
5441
5407
  }
@@ -5465,22 +5431,25 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5465
5431
  /*
5466
5432
  * Sizes
5467
5433
  */
5434
+
5435
+ .Primer_Brand__TextInput-module__TextInput-wrapper--medium___K9iTj {
5436
+ height: 2.5rem;
5437
+ }
5438
+
5468
5439
  .Primer_Brand__TextInput-module__TextInput--medium___kJrew {
5440
+ font-weight: var(--brand-text-weight-100);
5441
+ font-size: var(--brand-text-size-100);
5442
+ padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
5443
+ }
5444
+
5445
+ .Primer_Brand__TextInput-module__TextInput--large___zpUvY {
5469
5446
  font-weight: var(--brand-text-weight-200);
5470
5447
  font-size: var(--brand-text-size-200);
5471
- height: 40px;
5472
- height: var(--brand-control-medium-size, 40px);
5473
- padding: 12px 10px 10px;
5474
- padding: var(--brand-control-medium-padding, 12px 10px 10px);
5448
+ padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
5475
5449
  }
5476
5450
 
5477
- .Primer_Brand__TextInput-module__TextInput--large___zpUvY {
5478
- font-weight: var(--brand-text-weight-300);
5479
- font-size: var(--brand-text-size-300);
5480
- height: 48px;
5481
- height: var(--brand-control-large-size, 48px);
5482
- padding: 12px;
5483
- padding: var(--brand-control-large-padding, 12px);
5451
+ .Primer_Brand__TextInput-module__TextInput-wrapper--large___lga4f {
5452
+ height: 3rem;
5484
5453
  }
5485
5454
 
5486
5455
  /*
@@ -5551,34 +5520,50 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5551
5520
  * TextInput visuals
5552
5521
  */
5553
5522
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
5554
- padding-left: calc(var(--base-size-12) * 2 + var(--base-size-12));
5523
+ padding-left: calc(
5524
+ var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
5525
+ );
5555
5526
  }
5556
5527
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
5557
- padding-right: calc(var(--base-size-12) * 2 + var(--base-size-12));
5528
+ padding-right: calc(
5529
+ var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
5530
+ );
5558
5531
  }
5559
5532
 
5560
5533
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
5561
- padding-left: calc(var(--base-size-8) * 4 + var(--base-size-8));
5534
+ padding-left: calc(
5535
+ var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)
5536
+ );
5562
5537
  }
5563
5538
 
5564
5539
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
5565
- padding-right: calc(var(--base-size-8) * 4 + var(--base-size-8));
5540
+ padding-right: calc(
5541
+ var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)
5542
+ );
5566
5543
  }
5567
5544
 
5568
5545
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
5569
- padding-right: calc(var(--base-size-12) * 2 + var(--base-size-12));
5546
+ padding-right: calc(
5547
+ var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
5548
+ );
5570
5549
  }
5571
5550
 
5572
5551
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
5573
- padding-left: calc(var(--base-size-12) * 2 + var(--base-size-12));
5552
+ padding-left: calc(
5553
+ var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)
5554
+ );
5574
5555
  }
5575
5556
 
5576
5557
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
5577
- padding-right: calc(var(--base-size-8) * 4 + var(--base-size-8));
5558
+ padding-right: calc(
5559
+ var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)
5560
+ );
5578
5561
  }
5579
5562
 
5580
5563
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
5581
- padding-left: calc(var(--base-size-8) * 4 + var(--base-size-8));
5564
+ padding-left: calc(
5565
+ var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)
5566
+ );
5582
5567
  }
5583
5568
 
5584
5569
  .Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz,
@@ -5594,22 +5579,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5594
5579
  pointer-events: none;
5595
5580
  color: var(--brand-color-text-default);
5596
5581
  }
5597
- .Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz {
5598
- left: var(--base-size-12);
5582
+
5583
+ .Primer_Brand__TextInput-module__TextInput-leading-visual--medium___BW5d2 {
5584
+ left: var(--brand-control-medium-paddingInline-condensed);
5599
5585
  }
5600
5586
 
5601
- .Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L {
5602
- right: var(--base-size-12);
5587
+ .Primer_Brand__TextInput-module__TextInput-trailing-visual--medium___WMlar {
5588
+ right: var(--brand-control-medium-paddingInline-condensed);
5589
+ }
5590
+
5591
+ .Primer_Brand__TextInput-module__TextInput-leading-visual--large___LoDri {
5592
+ left: var(--brand-control-large-paddingInline-condensed);
5593
+ }
5594
+
5595
+ .Primer_Brand__TextInput-module__TextInput-trailing-visual--large___pdxBc {
5596
+ right: var(--brand-control-large-paddingInline-condensed);
5603
5597
  }
5604
5598
 
5605
5599
  .Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu {
5606
- width: 16px;
5607
- height: 16px;
5600
+ width: var(--base-size-16);
5601
+ height: var(--base-size-16);
5608
5602
  }
5609
5603
 
5610
5604
  .Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7 {
5611
- width: 20px;
5612
- height: 20px;
5605
+ width: var(--base-size-20);
5606
+ height: var(--base-size-20);
5613
5607
  }
5614
5608
 
5615
5609
  /*
@@ -5650,38 +5644,27 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5650
5644
  .Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j,
5651
5645
  .Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
5652
5646
  display: inline-flex;
5653
- padding: 0 10px 0;
5654
- }
5655
-
5656
- .Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j {
5657
- border-right: 1px solid var(--brand-color-border-default);
5658
- }
5659
-
5660
- .Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
5661
- border-left: 1px solid var(--brand-color-border-default);
5647
+ color: var(--brand-color-text-muted);
5662
5648
  }
5663
5649
 
5664
5650
  .Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra,
5665
5651
  .Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA {
5666
- height: 20px; /*calc(fullheight / 2*/
5652
+ padding-left: var(--brand-control-medium-paddingInline-condensed);
5653
+ padding-right: var(--brand-control-medium-paddingInline-condensed);
5667
5654
  }
5655
+
5668
5656
  .Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI,
5669
5657
  .Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33 {
5670
- height: 22px; /*calc(fullheight / 2*/
5658
+ padding-left: var(--brand-control-large-paddingInline-condensed);
5659
+ padding-right: var(--brand-control-large-paddingInline-condensed);
5671
5660
  }
5672
5661
 
5673
- .Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn,
5674
- .Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj {
5675
- font-weight: var(--brand-text-weight-200);
5676
- font-size: var(--brand-text-size-200);
5677
- height: 40px;
5662
+ .Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j {
5663
+ border-right: 1px solid var(--brand-color-border-default);
5678
5664
  }
5679
5665
 
5680
- .Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE,
5681
- .Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq {
5682
- font-weight: var(--brand-text-weight-300);
5683
- font-size: var(--brand-text-size-300);
5684
- height: 48px;
5666
+ .Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
5667
+ border-left: 1px solid var(--brand-color-border-default);
5685
5668
  }
5686
5669
 
5687
5670
  .Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke {
@@ -5713,7 +5696,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5713
5696
  -webkit-appearance: none;
5714
5697
  -moz-appearance: none;
5715
5698
  appearance: none;
5716
- display: flex;
5717
5699
  color: var(--brand-control-color-fg-default);
5718
5700
  cursor: pointer;
5719
5701
  background-color: var(--brand-color-canvas-default);
@@ -5723,6 +5705,8 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5723
5705
  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
5724
5706
  transition-property: color, background-color, box-shadow, border-color;
5725
5707
  width: 100%;
5708
+ grid-column: 1 / -1;
5709
+ grid-row: 1;
5726
5710
  }
5727
5711
 
5728
5712
  @media screen and (forced-colors: active) {
@@ -5763,47 +5747,68 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5763
5747
  opacity: 1;
5764
5748
  }
5765
5749
 
5766
- .Primer_Brand__Select-module__Select-arrow-indicator___LTpJz {
5767
- display: flex;
5768
- height: 16px;
5769
- pointer-events: none;
5770
- position: absolute;
5771
- right: var(--base-size-12);
5772
- top: 50%;
5773
- transform: translateY(-50%);
5774
- width: 16px;
5775
- color: var(--brand-control-color-fg-default);
5750
+ .Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y.Primer_Brand__Select-module__Select-wrapper___iV0Tg::after {
5751
+ background-color: var(--brand-control-color-fg-disabled);
5776
5752
  }
5777
5753
 
5778
- .Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI {
5779
- color: var(--brand-control-color-fg-disabled);
5754
+ /*
5755
+ * Sizes
5756
+ */
5757
+
5758
+ .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc {
5759
+ height: var(--brand-control-medium-size);
5760
+ height: 2.5rem;
5780
5761
  }
5781
5762
 
5782
- .Primer_Brand__Select-module__Select-arrow-indicator___LTpJz svg {
5783
- pointer-events: none;
5763
+ [dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc::after {
5764
+ margin-right: var(--base-size-8);
5765
+ }
5766
+
5767
+ [dir="rtl"] .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc::after {
5768
+ margin-left: var(--base-size-8);
5769
+ }
5770
+
5771
+ [dir="ltr"] .Primer_Brand__Select-module__Select--medium___kckBr {
5772
+ padding-right: calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16));
5773
+ }
5774
+
5775
+ [dir="rtl"] .Primer_Brand__Select-module__Select--medium___kckBr {
5776
+ padding-left: calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16));
5784
5777
  }
5785
5778
 
5786
- /*
5787
- * Sizes
5788
- */
5789
5779
  .Primer_Brand__Select-module__Select--medium___kckBr {
5790
- font-weight: var(--brand-text-weight-200);
5791
- font-size: var(--brand-text-size-200);
5792
- height: calc(40px - 2px);
5793
- height: calc(var(--brand-control-medium-size, 40px) - 2px);
5794
- padding: 12px 10px 10px;
5795
- padding: var(--brand-control-medium-padding, 12px 10px 10px);
5796
- padding-right: var(--base-size-44);
5780
+ font-weight: var(--brand-text-weight-100);
5781
+ font-size: var(--brand-text-size-100);
5782
+ padding-left: 10px;
5783
+ padding-right: 10px;
5784
+ }
5785
+
5786
+ .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q {
5787
+ height: var(--brand-control-large-size);
5788
+ height: 3rem;
5789
+ }
5790
+
5791
+ [dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q::after {
5792
+ margin-right: var(--base-size-12);
5793
+ }
5794
+
5795
+ [dir="rtl"] .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q::after {
5796
+ margin-left: var(--base-size-12);
5797
+ }
5798
+
5799
+ [dir="ltr"] .Primer_Brand__Select-module__Select--large___A7u6F {
5800
+ padding-right: calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-16));
5801
+ }
5802
+
5803
+ [dir="rtl"] .Primer_Brand__Select-module__Select--large___A7u6F {
5804
+ padding-left: calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-16));
5797
5805
  }
5798
5806
 
5799
5807
  .Primer_Brand__Select-module__Select--large___A7u6F {
5800
- font-weight: var(--brand-text-weight-300);
5801
- font-size: var(--brand-text-size-300);
5802
- height: calc(48px - 2px);
5803
- height: calc(var(--brand-control-large-size, 48px) - 2px);
5804
- padding: 12px;
5805
- padding: var(--brand-control-large-padding, 12px);
5806
- padding-right: var(--base-size-44);
5808
+ font-weight: var(--brand-text-weight-200);
5809
+ font-size: var(--brand-text-size-200);
5810
+ padding-left: 12px;
5811
+ padding-right: 12px;
5807
5812
  }
5808
5813
 
5809
5814
  /*
@@ -5819,14 +5824,33 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5819
5824
  */
5820
5825
 
5821
5826
  .Primer_Brand__Select-module__Select-wrapper___iV0Tg {
5822
- align-items: center;
5823
5827
  border: solid 1px var(--brand-control-color-border-default);
5824
5828
  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);
5825
5829
  border-radius: 6px;
5826
5830
  border-radius: var(--brand-borderRadius-medium, 6px);
5827
5831
  font-family: var(--brand-body-fontFamily);
5828
- display: inline-flex;
5829
5832
  position: relative;
5833
+ display: inline-grid;
5834
+ grid-template-columns: minmax(0, auto) var(--base-size-16);
5835
+ }
5836
+
5837
+ .Primer_Brand__Select-module__Select-wrapper___iV0Tg::after {
5838
+ width: var(--base-size-16);
5839
+ height: var(--base-size-16);
5840
+ pointer-events: none;
5841
+ content: '';
5842
+ background-color: var(--brand-control-color-fg-default);
5843
+ mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=);
5844
+ -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=);
5845
+ mask-size: contain;
5846
+ -webkit-mask-size: contain;
5847
+ mask-repeat: no-repeat;
5848
+ -webkit-mask-repeat: no-repeat;
5849
+ grid-column: 2;
5850
+ grid-row: 1;
5851
+ align-self: center;
5852
+ justify-self: end;
5853
+ place-self: center end;
5830
5854
  }
5831
5855
 
5832
5856
  .Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y {
@@ -5988,7 +6012,7 @@ Fixes safari bug where outline doesn't respect border-radius
5988
6012
  .Primer_Brand__FormControl-module__FormControl-label___meeuB {
5989
6013
  color: var(--brand-color-text-default);
5990
6014
  font-weight: var(--base-text-weight-semibold);
5991
- font-family: var(--brand-text-fontFamily);
6015
+ font-family: var(--brand-body-fontFamily);
5992
6016
  }
5993
6017
 
5994
6018
  .Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI {
@@ -6004,25 +6028,24 @@ Fixes safari bug where outline doesn't respect border-radius
6004
6028
  }
6005
6029
 
6006
6030
  .Primer_Brand__FormControl-module__FormControl-label--medium___inrKd {
6007
- letter-spacing: var(--brand-text-letterSpacing-200);
6008
- font-size: var(--brand-text-size-200);
6009
- line-height: var(--brand-text-lineHeight-200);
6031
+ letter-spacing: var(--brand-text-letterSpacing-100);
6032
+ font-size: var(--brand-text-size-100);
6033
+ line-height: var(--brand-text-lineHeight-100);
6010
6034
  }
6011
6035
 
6012
6036
  .Primer_Brand__FormControl-module__FormControl-label--large___okLn6 {
6013
- letter-spacing: var(--brand-text-letterSpacing-300);
6014
- font-size: var(--brand-text-size-300);
6015
- line-height: var(--brand-text-lineHeight-300);
6037
+ letter-spacing: var(--brand-text-letterSpacing-200);
6038
+ font-size: var(--brand-text-size-200);
6039
+ line-height: var(--brand-text-lineHeight-200);
6016
6040
  }
6017
6041
 
6018
6042
  .Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X {
6019
6043
  cursor: pointer;
6020
- font-size: var(--brand-text-size-300);
6044
+ font-size: var(--brand-text-size-100);
6021
6045
  font-weight: var(--base-text-weight-semibold);
6022
- letter-spacing: var(--brand-text-letterSpacing-300);
6023
- line-height: var(--brand-text-lineHeight-300);
6046
+ line-height: var(--base-size-24); /* FIXME */
6024
6047
  position: relative;
6025
- top: 1px;
6048
+ top: 2px;
6026
6049
  width: 100%;
6027
6050
  }
6028
6051
 
@@ -6191,19 +6214,98 @@ Fixes safari bug where outline doesn't respect border-radius
6191
6214
  }
6192
6215
  }
6193
6216
 
6217
+ /**
6218
+ * Do not edit directly
6219
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
6220
+ */
6221
+
6222
+ :root {
6223
+ --brand-Testimonial-quote-letterSpacing-large: var(--brand-text-letterSpacing-600);
6224
+ --brand-Testimonial-quote-letterSpacing-default: var(--brand-text-letterSpacing-300);
6225
+ --brand-Testimonial-quote-lineHeight-large: var(--brand-text-lineHeight-600);
6226
+ --brand-Testimonial-quote-lineHeight-default: var(--brand-text-lineHeight-300);
6227
+ --brand-Testimonial-quote-fontWeight-large: var(--brand-heading-weight-600);
6228
+ --brand-Testimonial-quote-fontWeight-default: var(--brand-text-weight-300);
6229
+ --brand-Testimonial-quote-fontSize-large: var(--brand-text-size-600);
6230
+ --brand-Testimonial-quote-fontSize-default: var(--brand-text-size-300);
6231
+ }
6232
+
6233
+ /**
6234
+ * Do not edit directly
6235
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
6236
+ */
6237
+
6238
+ :root {
6239
+ --brand-Testimonial-quoteMarkColor-yellow: var(--base-color-scale-yellow-5);
6240
+ --brand-Testimonial-quoteMarkColor-teal: var(--base-color-scale-teal-5);
6241
+ --brand-Testimonial-quoteMarkColor-red-orange-end: var(--base-color-scale-orange-5);
6242
+ --brand-Testimonial-quoteMarkColor-red-orange-start: var(--base-color-scale-red-5);
6243
+ --brand-Testimonial-quoteMarkColor-red: var(--base-color-scale-red-5);
6244
+ --brand-Testimonial-quoteMarkColor-purple-red-end: var(--base-color-scale-red-5);
6245
+ --brand-Testimonial-quoteMarkColor-purple-red-start: var(--base-color-scale-purple-5);
6246
+ --brand-Testimonial-quoteMarkColor-purple: var(--base-color-scale-purple-5);
6247
+ --brand-Testimonial-quoteMarkColor-pink-blue-end: var(--base-color-scale-blue-5);
6248
+ --brand-Testimonial-quoteMarkColor-pink-blue-start: var(--base-color-scale-pink-5);
6249
+ --brand-Testimonial-quoteMarkColor-pink: var(--base-color-scale-pink-5);
6250
+ --brand-Testimonial-quoteMarkColor-orange: var(--base-color-scale-orange-5);
6251
+ --brand-Testimonial-quoteMarkColor-lime: var(--base-color-scale-lime-5);
6252
+ --brand-Testimonial-quoteMarkColor-lemon: var(--base-color-scale-lemon-5);
6253
+ --brand-Testimonial-quoteMarkColor-indigo: var(--base-color-scale-indigo-5);
6254
+ --brand-Testimonial-quoteMarkColor-gray: var(--base-color-scale-gray-5);
6255
+ --brand-Testimonial-quoteMarkColor-green-blue-end: var(--base-color-scale-blue-5);
6256
+ --brand-Testimonial-quoteMarkColor-green-blue-start: var(--base-color-scale-green-5);
6257
+ --brand-Testimonial-quoteMarkColor-green: var(--base-color-scale-green-5);
6258
+ --brand-Testimonial-quoteMarkColor-coral: var(--base-color-scale-coral-5);
6259
+ --brand-Testimonial-quoteMarkColor-blue-purple-end: var(--base-color-scale-purple-5);
6260
+ --brand-Testimonial-quoteMarkColor-blue-purple-start: var(--base-color-scale-blue-5);
6261
+ --brand-Testimonial-quoteMarkColor-blue: var(--base-color-scale-blue-5);
6262
+ --brand-Testimonial-quoteMarkColor-default: var(--brand-color-text-default);
6263
+ }
6264
+
6194
6265
  .Primer_Brand__Testimonial-module__Testimonial___UUywT {
6195
6266
  display: grid;
6196
6267
  grid-gap: var(--base-size-16);
6197
6268
  gap: var(--base-size-16);
6198
- font-family: var(--brand-fontStack-sansSerif);
6199
6269
  color: var(--brand-color-text-default);
6270
+ font-family: var(--brand-fontStack-sansSerif);
6271
+ font-size: var(--brand-Testimonial-quote-fontSize-default);
6272
+ font-weight: var(--brand-Testimonial-quote-fontWeight-default);
6273
+ letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);
6274
+ line-height: var(--brand-Testimonial-quote-lineHeight-default);
6200
6275
  }
6201
6276
 
6202
- .Primer_Brand__Testimonial-module__Testimonial___UUywT::before {
6203
- content: '“';
6277
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
6278
+ --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(
6279
+ circle at top left,
6280
+ var(--brand-Testimonial-quoteMarkColor-start),
6281
+ var(--brand-Testimonial-quoteMarkColor-end)
6282
+ );
6283
+ --brand-Testimonial-quoteMarkColor-background: var(
6284
+ --brand-Testimonial-quoteMarkColor-gradient,
6285
+ var(--brand-Testimonial-quoteMarkColor, currentColor)
6286
+ );
6287
+ color: currentColor;
6288
+ color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));
6204
6289
  font-size: var(--base-size-48);
6205
6290
  line-height: var(--base-size-48);
6206
6291
  font-weight: var(--base-text-weight-extrabold);
6292
+ position: relative;
6293
+ }
6294
+
6295
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1::before {
6296
+ content: '';
6297
+ position: absolute;
6298
+ top: 0;
6299
+ right: 0;
6300
+ bottom: 0;
6301
+ left: 0;
6302
+ background: var(--brand-Testimonial-quoteMarkColor-background);
6303
+ -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
6304
+ linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
6305
+ mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,
6306
+ linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));
6307
+ -webkit-mask-composite: xor;
6308
+ mask-composite: exclude;
6207
6309
  }
6208
6310
 
6209
6311
  .Primer_Brand__Testimonial-module__Testimonial--center___NyPe5 {
@@ -6212,18 +6314,39 @@ Fixes safari bug where outline doesn't respect border-radius
6212
6314
  }
6213
6315
 
6214
6316
  .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c {
6317
+ font-size: var(--brand-Testimonial-quote-fontSize-large);
6318
+ font-weight: var(--brand-Testimonial-quote-fontWeight-large);
6319
+ letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);
6320
+ line-height: var(--brand-Testimonial-quote-lineHeight-large);
6215
6321
  gap: var(--base-size-24);
6216
6322
  }
6217
6323
 
6324
+ .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial__quoteMark___cC2M1 {
6325
+ font-size: 3em;
6326
+ line-height: 1;
6327
+ }
6328
+
6218
6329
  .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
6330
+ font-size: 1em;
6219
6331
  font-family: var(--brand-fontStack-sansSerif);
6220
- font-size: var(--brand-text-size-300);
6221
6332
  margin-top: calc(var(--base-size-16) * -1); /* negate grid gap */
6222
6333
  display: block;
6223
6334
  }
6224
6335
 
6225
6336
  .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
6226
- font-size: var(--brand-text-size-700);
6337
+ margin-top: calc(var(--base-size-24) * -1); /* negate grid gap */
6338
+ }
6339
+
6340
+ .Primer_Brand__Testimonial-module__Testimonial-quote--muted___Ptyq_ {
6341
+ color: var(--brand-color-text-muted);
6342
+ }
6343
+
6344
+ .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F em {
6345
+ color: var(--brand-color-text-default);
6346
+ font-style: normal;
6347
+ }
6348
+
6349
+ .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
6227
6350
  font-weight: var(--base-text-weight-semibold);
6228
6351
  letter-spacing: var(--brand-text-letterSpacing-900);
6229
6352
  line-height: 1.2; /* requires custom line-height */
@@ -6238,9 +6361,90 @@ Fixes safari bug where outline doesn't respect border-radius
6238
6361
  margin-right: auto;
6239
6362
  }
6240
6363
 
6364
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--default___nAhKC {
6365
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);
6366
+ }
6367
+
6368
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue___gf2qX {
6369
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);
6370
+ }
6371
+
6372
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--blue-purple___Ec9P1 {
6373
+ --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);
6374
+ --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);
6375
+ }
6376
+
6377
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--coral___WzMiA {
6378
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);
6379
+ }
6380
+
6381
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--green___gsL2x {
6382
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);
6383
+ }
6384
+
6385
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--green-blue___wqq5w {
6386
+ --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);
6387
+ --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);
6388
+ }
6389
+
6390
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--gray___WGLgi {
6391
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);
6392
+ }
6393
+
6394
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--indigo___KN9eK {
6395
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);
6396
+ }
6397
+
6398
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--lemon___XgAJR {
6399
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);
6400
+ }
6401
+
6402
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--lime___DyfRi {
6403
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);
6404
+ }
6405
+
6406
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--orange___wA2te {
6407
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);
6408
+ }
6409
+
6410
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink___hrNQC {
6411
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);
6412
+ }
6413
+
6414
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--pink-blue___z73Hz {
6415
+ --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);
6416
+ --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);
6417
+ }
6418
+
6419
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple___H1_Zx {
6420
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);
6421
+ }
6422
+
6423
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--purple-red___Wb4Yy {
6424
+ --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);
6425
+ --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);
6426
+ }
6427
+
6428
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--red___nzAC4 {
6429
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);
6430
+ }
6431
+
6432
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--red-orange___f5Woq {
6433
+ --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);
6434
+ --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);
6435
+ }
6436
+
6437
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--teal___EPZ3D {
6438
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);
6439
+ }
6440
+
6441
+ .Primer_Brand__Testimonial-module__Testimonial__quoteMark--yellow___gFQED {
6442
+ --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);
6443
+ }
6444
+
6241
6445
  /**
6242
6446
  * Do not edit directly
6243
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
6447
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
6244
6448
  */
6245
6449
 
6246
6450
  :root,
@@ -6256,7 +6460,7 @@ Fixes safari bug where outline doesn't respect border-radius
6256
6460
 
6257
6461
  /**
6258
6462
  * Do not edit directly
6259
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
6463
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
6260
6464
  */
6261
6465
 
6262
6466
  :root {
@@ -6335,16 +6539,16 @@ Fixes safari bug where outline doesn't respect border-radius
6335
6539
 
6336
6540
  .Primer_Brand__ComparisonTable-module__ComparisonTable-cell___kifYR {
6337
6541
  color: var(--brand-color-text-default);
6338
- font-weight: var(--brand-text-weight-300);
6339
- font-size: var(--brand-text-size-300);
6340
- line-height: var(--brand-text-lineHeight-300);
6542
+ font-weight: var(--brand-text-weight-200);
6543
+ font-size: var(--brand-text-size-200);
6544
+ line-height: var(--brand-text-lineHeight-200);
6341
6545
  padding-bottom: var(--base-size-24);
6342
6546
  }
6343
6547
 
6344
6548
  .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
6345
6549
  font-weight: var(--base-text-weight-semibold);
6346
- font-size: var(--brand-text-size-300);
6347
- line-height: var(--brand-text-lineHeight-300);
6550
+ font-size: var(--brand-text-size-200);
6551
+ line-height: var(--brand-text-lineHeight-200);
6348
6552
  }
6349
6553
 
6350
6554
  .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-container___AHNr0 {
@@ -6370,17 +6574,17 @@ Fixes safari bug where outline doesn't respect border-radius
6370
6574
  }
6371
6575
 
6372
6576
  .Primer_Brand__ComparisonTable-module__ComparisonTable-inline-cell-label___hE3hL {
6373
- font-weight: var(--brand-heading-weight-600);
6374
- font-size: var(--brand-text-size-600);
6375
- line-height: var(--brand-heading-lineHeight-600);
6577
+ font-weight: var(--brand-heading-weight-400);
6578
+ font-size: var(--brand-text-size-400);
6579
+ line-height: var(--brand-heading-lineHeight-400);
6376
6580
  }
6377
6581
 
6378
6582
  .Primer_Brand__ComparisonTable-module__ComparisonTable___N2YLX tbody .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
6379
6583
  margin-top: var(--base-size-24);
6380
6584
  margin-bottom: var(--base-size-16);
6381
- font-weight: var(--brand-heading-weight-500);
6382
- font-size: var(--brand-text-size-500);
6383
- line-height: var(--brand-heading-lineHeight-500);
6585
+ font-weight: var(--brand-heading-weight-300);
6586
+ font-size: var(--brand-text-size-300);
6587
+ line-height: var(--brand-heading-lineHeight-300);
6384
6588
  }
6385
6589
  }
6386
6590
 
@@ -6481,9 +6685,9 @@ Fixes safari bug where outline doesn't respect border-radius
6481
6685
  background-clip: text;
6482
6686
  }
6483
6687
  .ComparisonTable--default thead .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
6484
- font-weight: var(--brand-heading-weight-500);
6485
- font-size: var(--brand-text-size-500);
6486
- line-height: var(--brand-heading-lineHeight-500);
6688
+ font-weight: var(--brand-heading-weight-400);
6689
+ font-size: var(--brand-text-size-400);
6690
+ line-height: var(--brand-heading-lineHeight-400);
6487
6691
  display: inline-flex;
6488
6692
  align-items: flex-end;
6489
6693
  }
@@ -6574,7 +6778,7 @@ Fixes safari bug where outline doesn't respect border-radius
6574
6778
 
6575
6779
  /**
6576
6780
  * Do not edit directly
6577
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
6781
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
6578
6782
  */
6579
6783
 
6580
6784
  :root,
@@ -6774,11 +6978,11 @@ html {
6774
6978
  * 4. AnchorNav link labels
6775
6979
  */
6776
6980
  .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK {
6777
- font-weight: var(--brand-heading-weight-400);
6778
- font-size: var(--brand-text-size-300);
6779
- line-height: var(--brand-text-lineHeight-300);
6981
+ font-weight: var(--brand-text-weight-400);
6982
+ font-size: var(--brand-text-size-200);
6983
+ line-height: var(--brand-text-lineHeight-200);
6780
6984
  font-family: var(--brand-heading-fontFamily);
6781
- letter-spacing: var(--brand-heading-letterSpacing-400);
6985
+ letter-spacing: var(--brand-heading-letterSpacing-200);
6782
6986
  color: var(--brand-color-text-default);
6783
6987
  transition: color var(--brand-animation-easing-glide) var(--brand-animation-duration-faster);
6784
6988
  white-space: nowrap;
@@ -6978,7 +7182,7 @@ html {
6978
7182
 
6979
7183
  /**
6980
7184
  * Do not edit directly
6981
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
7185
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
6982
7186
  */
6983
7187
 
6984
7188
  :root,
@@ -7081,7 +7285,7 @@ html {
7081
7285
  counter-increment: li;
7082
7286
  min-width: var(--base-size-16);
7083
7287
  text-align: center;
7084
- color: var(--brand-color-text-muted);
7288
+ font-weight: var(--brand-text-size-200);
7085
7289
  }
7086
7290
 
7087
7291
  [dir="ltr"] .Primer_Brand__list-shared-module__List___dFefs {
@@ -7097,9 +7301,6 @@ html {
7097
7301
  list-style: none;
7098
7302
  gap: var(--base-size-8);
7099
7303
  font-family: var(--brand-body-fontFamily);
7100
- font-weight: var(--brand-text-weight-200);
7101
- font-size: var(--brand-text-size-200);
7102
- line-height: var(--brand-text-lineHeight-300);
7103
7304
  color: var(--brand-color-text-default);
7104
7305
  }
7105
7306
 
@@ -7159,7 +7360,7 @@ html {
7159
7360
 
7160
7361
  /**
7161
7362
  * Do not edit directly
7162
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
7363
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
7163
7364
  */
7164
7365
 
7165
7366
  :root,
@@ -7285,7 +7486,7 @@ html {
7285
7486
 
7286
7487
  /**
7287
7488
  * Do not edit directly
7288
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
7489
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
7289
7490
  */
7290
7491
 
7291
7492
  :root,
@@ -7415,7 +7616,7 @@ html {
7415
7616
 
7416
7617
  /**
7417
7618
  * Do not edit directly
7418
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
7619
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
7419
7620
  */
7420
7621
 
7421
7622
  :root {
@@ -7427,7 +7628,7 @@ html {
7427
7628
 
7428
7629
  /**
7429
7630
  * Do not edit directly
7430
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
7631
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
7431
7632
  */
7432
7633
 
7433
7634
  :root,
@@ -7746,6 +7947,15 @@ html {
7746
7947
  padding-bottom: var(--base-size-24);
7747
7948
  }
7748
7949
 
7950
+ .Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___CdGWF {
7951
+ color: var(--brand-color-text-muted);
7952
+ }
7953
+
7954
+ .Primer_Brand__SectionIntro-module__SectionIntro-heading--muted___CdGWF em {
7955
+ font-style: normal;
7956
+ color: var(--brand-color-text-default);
7957
+ }
7958
+
7749
7959
  [dir="ltr"] .Primer_Brand__SectionIntro-module__SectionIntro--align-start___C59mu {
7750
7960
  text-align: left;
7751
7961
  }
@@ -7779,7 +7989,7 @@ html {
7779
7989
 
7780
7990
  /**
7781
7991
  * Do not edit directly
7782
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
7992
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
7783
7993
  */
7784
7994
 
7785
7995
  :root,
@@ -7882,7 +8092,7 @@ html {
7882
8092
  flex: 1 0 auto;
7883
8093
  display: grid;
7884
8094
  align-items: center;
7885
- padding: var(--base-size-12) var(--base-size-16);
8095
+ padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-normal);
7886
8096
  overflow: hidden;
7887
8097
  text-overflow: ellipsis;
7888
8098
  grid-template-areas: 'leadingVisual text';
@@ -7938,7 +8148,6 @@ html {
7938
8148
 
7939
8149
  .Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl {
7940
8150
  grid-area: text / text;
7941
- line-height: calc(1.42857);
7942
8151
  }
7943
8152
 
7944
8153
  .Primer_Brand__ActionMenu-module__ActionMenu__item-icon___JyMwz {
@@ -7973,8 +8182,8 @@ html {
7973
8182
 
7974
8183
  .Primer_Brand__Prose-module__Prose___X2BXE {
7975
8184
  font-family: var(--brand-body-fontFamily);
7976
- font-size: var(--brand-text-size-300);
7977
- line-height: var(--brand-text-lineHeight-300);
8185
+ font-size: var(--brand-text-size-200);
8186
+ line-height: var(--brand-text-lineHeight-200);
7978
8187
  color: var(--brand-color-text-default);
7979
8188
  }
7980
8189
 
@@ -8000,7 +8209,7 @@ html {
8000
8209
  /* ---------------------------------------------------------- */
8001
8210
 
8002
8211
  .Primer_Brand__Prose-module__Prose___X2BXE h1 {
8003
- font-weight: var(--brand-text-weight-900);
8212
+ font-weight: var(--brand-heading-weight-900);
8004
8213
  font-size: var(--brand-text-size-900);
8005
8214
  line-height: var(--brand-text-lineHeight-900);
8006
8215
  font-family: var(--brand-heading-fontFamily);
@@ -8012,7 +8221,7 @@ html {
8012
8221
  }
8013
8222
 
8014
8223
  .Primer_Brand__Prose-module__Prose___X2BXE h2 {
8015
- font-weight: var(--brand-text-weight-800);
8224
+ font-weight: var(--brand-heading-weight-800);
8016
8225
  font-size: var(--brand-text-size-800);
8017
8226
  line-height: var(--brand-text-lineHeight-800);
8018
8227
  font-family: var(--brand-heading-fontFamily);
@@ -8187,7 +8396,7 @@ html {
8187
8396
 
8188
8397
  /**
8189
8398
  * Do not edit directly
8190
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
8399
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
8191
8400
  */
8192
8401
 
8193
8402
  :root {
@@ -11517,7 +11726,7 @@ html {
11517
11726
 
11518
11727
  /**
11519
11728
  * Do not edit directly
11520
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
11729
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
11521
11730
  */
11522
11731
 
11523
11732
  :root,
@@ -11533,7 +11742,7 @@ html {
11533
11742
 
11534
11743
  /**
11535
11744
  * Do not edit directly
11536
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
11745
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
11537
11746
  */
11538
11747
 
11539
11748
  :root {
@@ -11694,7 +11903,7 @@ html {
11694
11903
  }
11695
11904
 
11696
11905
  .Primer_Brand__Timeline-module__Timeline___keSeT {
11697
- --bulletY: calc(var(--brand-Timeline-lineHeight) / 2 - var(--brand-Timeline-bullet-size) / 2 - 1px);
11906
+ --bulletY: calc(var(--base-size-8) / 2 - var(--brand-Timeline-bullet-size) / 2 + var(--base-size-8));
11698
11907
 
11699
11908
  margin: 0;
11700
11909
  padding: 0;
@@ -11754,7 +11963,7 @@ html {
11754
11963
 
11755
11964
  /**
11756
11965
  * Do not edit directly
11757
- * Generated on Mon, 14 Aug 2023 12:38:50 GMT
11966
+ * Generated on Mon, 21 Aug 2023 13:26:49 GMT
11758
11967
  */
11759
11968
 
11760
11969
  :root,
@@ -11768,7 +11977,7 @@ html {
11768
11977
 
11769
11978
  /**
11770
11979
  * Do not edit directly
11771
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
11980
+ * Generated on Mon, 21 Aug 2023 13:26:48 GMT
11772
11981
  */
11773
11982
 
11774
11983
  :root {
@@ -11777,6 +11986,6 @@ html {
11777
11986
  --brand-Timeline-spacing: var(--base-size-16);
11778
11987
  --brand-Timeline-strokeWidth: 0.125rem;
11779
11988
  --brand-Timeline-lineLength: 44ch;
11780
- --brand-Timeline-lineHeight: var(--brand-text-lineHeight-300);
11989
+ --brand-Timeline-lineHeight: var(--brand-text-lineHeight-200);
11781
11990
  }
11782
11991