@primer/react-brand 0.23.0 → 0.24.0-rc.1040aa1

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 +648 -434
  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 +81 -126
  64. package/lib/design-tokens/css/tokens/functional/typography/typography.css +37 -34
  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 +157 -851
  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 +37 -34
  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 +37 -34
  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 +37 -34
  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 +7 -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 09:40:20 GMT
92
+ * Generated on Mon, 21 Aug 2023 11:37: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 09:40:20 GMT
632
+ * Generated on Mon, 21 Aug 2023 11:37: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 09:40:20 GMT
657
+ * Generated on Mon, 21 Aug 2023 11:37: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 09:40:20 GMT
672
+ * Generated on Mon, 21 Aug 2023 11:37: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
- --brand-text-size-700: 1.75rem;
704
- --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);
706
+ --brand-text-size-700: 2rem;
707
+ --brand-text-size-600: 1.75rem;
708
+ --brand-text-size-500: 1.5rem;
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 09:40:20 GMT
799
+ * Generated on Mon, 21 Aug 2023 11:37:47 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 09:40:20 GMT
813
+ * Generated on Mon, 21 Aug 2023 11:37:47 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 09:40:21 GMT
831
+ * Generated on Mon, 21 Aug 2023 11:37: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 09:40:21 GMT
1184
+ * Generated on Mon, 21 Aug 2023 11:37:48 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 09:40:20 GMT
1642
+ * Generated on Mon, 21 Aug 2023 11:37:47 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 09:40:21 GMT
1869
+ * Generated on Mon, 21 Aug 2023 11:37:48 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 09:40:20 GMT
2128
+ * Generated on Mon, 21 Aug 2023 11:37: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 09:40:21 GMT
2154
+ * Generated on Mon, 21 Aug 2023 11:37:48 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 09:40:20 GMT
2912
+ * Generated on Mon, 21 Aug 2023 11:37:47 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 09:40:20 GMT
3749
+ * Generated on Mon, 21 Aug 2023 11:37:47 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 09:40:20 GMT
3770
+ * Generated on Mon, 21 Aug 2023 11:37:47 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 09:40:20 GMT
3780
+ * Generated on Mon, 21 Aug 2023 11:37: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,105 +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--has-shadow___cL9nP {
3828
+ .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
3829
+ overflow: hidden;
3830
+ border-radius: var(--brand-borderRadius-large);
3831
+ }
3832
+
3833
+ .Primer_Brand__river-shared-module__River__visual--has-shadow___PyzIW {
3897
3834
  box-shadow: var(--brand-River-visual-shadow);
3898
3835
  }
3899
3836
 
3900
- .Primer_Brand__River-module__River__heading___pwKXi {
3837
+ .Primer_Brand__river-shared-module__River__heading___tl6zS {
3901
3838
  margin-bottom: var(--brand-River-heading-margin);
3902
3839
  }
3903
3840
 
3904
- .Primer_Brand__River-module__River__call-to-action___GIOCe {
3841
+ .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
3905
3842
  margin-top: var(--base-size-24);
3906
3843
  }
3907
3844
 
3908
- .Primer_Brand__River-module__River__text___ZlR1K strong {
3845
+ .Primer_Brand__river-shared-module__River__text___TQQhU strong {
3909
3846
  color: var(--brand-color-text-default);
3910
3847
  }
3911
3848
 
3912
- .Primer_Brand__River-module__River__trailingComponent___JG0Xv {
3913
- margin-top: var(--base-size-48);
3849
+ .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
3850
+ margin-top: var(--brand-River-spacing-inner);
3914
3851
  }
3915
3852
 
3916
- .Primer_Brand__River-module__River__trailingComponent--divider___C2MpB {
3917
- padding-top: var(--base-size-48);
3853
+ .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
3854
+ padding-top: var(--brand-River-spacing-inner);
3918
3855
  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
3919
3856
  }
3920
3857
 
3921
3858
  /* Medium breakpoint and up */
3922
3859
  @media screen and (min-width: 48rem) {
3923
- .Primer_Brand__River-module__River___VHPl5 {
3860
+ .Primer_Brand__river-shared-module__River___eSXvR {
3924
3861
  grid-template-rows: initial;
3925
3862
  }
3926
- .Primer_Brand__River-module__River--50-50___cpSFU {
3863
+ .Primer_Brand__river-shared-module__River--50-50___y5_l2 {
3927
3864
  grid-template-columns: [content] 1fr [visual] 1fr;
3928
3865
  }
3929
3866
 
3930
- .Primer_Brand__River-module__River--60-40___XDKAU {
3867
+ .Primer_Brand__river-shared-module__River--60-40___NljA1 {
3931
3868
  grid-template-columns: [content] 4fr [visual] 6fr;
3932
3869
  }
3933
3870
 
3934
- .Primer_Brand__River-module__River--align-start___L0mn_ {
3871
+ .Primer_Brand__river-shared-module__River--align-start___wo12V {
3935
3872
  grid-template-areas: 'content visual';
3936
3873
  }
3937
3874
 
3938
- .Primer_Brand__River-module__River--align-end___UIM3e {
3875
+ .Primer_Brand__river-shared-module__River--align-end___aNjz4 {
3939
3876
  grid-template-areas: 'visual content';
3940
3877
  }
3941
3878
 
3942
- .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 {
3943
3880
  grid-template-columns: [visual] 6fr [content] 4fr;
3944
3881
  }
3945
3882
 
3946
- .Primer_Brand__River-module__River__content___opQUA {
3883
+ .Primer_Brand__river-shared-module__River__content___p4EdY {
3947
3884
  display: grid;
3948
3885
  align-content: center;
3949
3886
  grid-area: content;
3950
3887
  }
3951
3888
 
3952
- .Primer_Brand__River-module__River__visual___sTe_U {
3889
+ .Primer_Brand__river-shared-module__River__visual___kjFE2 {
3953
3890
  grid-area: visual;
3954
3891
  order: initial;
3955
3892
  }
3956
3893
 
3957
- .Primer_Brand__River-module__River--align-center___TH7xI {
3894
+ .Primer_Brand__river-shared-module__River--align-center___VxJ3H {
3958
3895
  grid-auto-rows: min-content;
3959
3896
  grid-template-columns: initial;
3960
3897
  }
3961
3898
 
3962
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
3963
- .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 {
3964
3901
  grid-area: unset;
3965
3902
  justify-self: center;
3966
3903
  }
3967
3904
 
3968
- .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 {
3969
3906
  max-width: 600px;
3970
3907
  justify-self: center;
3971
3908
  }
3972
3909
 
3973
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
3974
- 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);
3975
3912
  }
3976
- .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
3977
- 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;
3978
3982
  }
3979
3983
  }
3980
3984
 
@@ -4677,7 +4681,7 @@ select {
4677
4681
 
4678
4682
  /**
4679
4683
  * Do not edit directly
4680
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
4684
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
4681
4685
  */
4682
4686
 
4683
4687
  :root,
@@ -4705,7 +4709,7 @@ select {
4705
4709
 
4706
4710
  /**
4707
4711
  * Do not edit directly
4708
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
4712
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
4709
4713
  */
4710
4714
 
4711
4715
  :root,
@@ -4721,7 +4725,7 @@ select {
4721
4725
 
4722
4726
  /**
4723
4727
  * Do not edit directly
4724
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
4728
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
4725
4729
  */
4726
4730
 
4727
4731
  :root {
@@ -4838,6 +4842,10 @@ select {
4838
4842
  margin-left: 4px;
4839
4843
  }
4840
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
+
4841
4849
  .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
4842
4850
  width: 20px;
4843
4851
  height: 20px;
@@ -4857,7 +4865,7 @@ select {
4857
4865
 
4858
4866
  /**
4859
4867
  * Do not edit directly
4860
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
4868
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
4861
4869
  */
4862
4870
 
4863
4871
  :root,
@@ -4873,7 +4881,7 @@ select {
4873
4881
 
4874
4882
  /**
4875
4883
  * Do not edit directly
4876
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
4884
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
4877
4885
  */
4878
4886
 
4879
4887
  :root,
@@ -4975,14 +4983,6 @@ select {
4975
4983
  content: '+';
4976
4984
  }
4977
4985
 
4978
- .Primer_Brand__Accordion-module__Accordion__summary-heading_____snF {
4979
- /*Visual appearance as a h6*/
4980
- font-weight: var(--brand-heading-weight-400);
4981
- font-size: var(--brand-text-size-400);
4982
- line-height: var(--brand-text-lineHeight-400);
4983
- letter-spacing: var(--brand-heading-letterSpacing-400);
4984
- }
4985
-
4986
4986
  details[open] .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
4987
4987
  opacity: 1;
4988
4988
  transform: rotateZ(180deg);
@@ -4995,9 +4995,9 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3
4995
4995
  .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
4996
4996
  color: var(--brand-color-text-muted);
4997
4997
  font-family: var(--brand-fontStack-sansSerif);
4998
- font-weight: var(--brand-text-weight-300);
4999
- font-size: var(--brand-text-size-300);
5000
- 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);
5001
5001
  }
5002
5002
 
5003
5003
  details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -5030,7 +5030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5030
5030
 
5031
5031
  /**
5032
5032
  * Do not edit directly
5033
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
5033
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
5034
5034
  */
5035
5035
 
5036
5036
  :root {
@@ -5039,7 +5039,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5039
5039
 
5040
5040
  /**
5041
5041
  * Do not edit directly
5042
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
5042
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
5043
5043
  */
5044
5044
 
5045
5045
  :root,
@@ -5053,7 +5053,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5053
5053
 
5054
5054
  /**
5055
5055
  * Do not edit directly
5056
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
5056
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
5057
5057
  */
5058
5058
 
5059
5059
  :root {
@@ -5084,23 +5084,11 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5084
5084
  }
5085
5085
 
5086
5086
  .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
5087
- /*Visual appearance as a h3*/
5088
- font-weight: var(--brand-heading-weight-700);
5089
- font-size: var(--brand-text-size-700);
5090
- line-height: var(--brand-heading-lineHeight-700);
5091
- letter-spacing: var(--brand-heading-letterSpacing-700);
5092
-
5093
5087
  color: var(--brand-FAQ-heading-color);
5094
5088
  margin-bottom: var(--brand-FAQ-heading-marginBottom);
5095
5089
  }
5096
5090
 
5097
5091
  .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
5098
- /*Visual appearance as a h4*/
5099
- font-weight: var(--brand-heading-weight-600);
5100
- font-size: var(--brand-text-size-600);
5101
- line-height: var(--brand-text-lineHeight-600);
5102
- letter-spacing: var(--brand-heading-letterSpacing-600);
5103
-
5104
5092
  margin-bottom: var(--base-size-16);
5105
5093
  }
5106
5094
 
@@ -5123,28 +5111,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5123
5111
  letter-spacing: var(--brand-text-letterSpacing-800);
5124
5112
  }
5125
5113
 
5126
- /**
5127
- * Do not edit directly
5128
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
5129
- */
5130
-
5131
- :root {
5132
- --brand-control-animation-easing: var(--brand-animation-easing-glide);
5133
- --brand-control-animation-duration: 80ms;
5134
- --brand-control-border-radius: var(--brand-borderRadius-medium);
5135
- --brand-control-large-fontSize: var(--brand-text-size-300);
5136
- --brand-control-large-fontWeight: var(--brand-text-weight-300);
5137
- --brand-control-large-padding: var(--base-size-12);
5138
- --brand-control-large-size: var(--base-size-48);
5139
- --brand-control-medium-fontSize: var(--brand-text-size-200);
5140
- --brand-control-medium-fontWeight: var(--brand-text-weight-200);
5141
- --brand-control-medium-padding: 0.625rem;
5142
- --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);
5143
5116
  }
5144
5117
 
5145
5118
  /**
5146
5119
  * Do not edit directly
5147
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
5120
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
5148
5121
  */
5149
5122
 
5150
5123
  :root,
@@ -5346,15 +5319,13 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5346
5319
  .Primer_Brand__Textarea-module__Textarea--medium___pMZGb {
5347
5320
  font-weight: var(--brand-text-weight-200);
5348
5321
  font-size: var(--brand-text-size-200);
5349
- padding: 12px 10px 10px;
5350
- padding: var(--brand-control-medium-padding, 12px 10px 10px);
5322
+ padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
5351
5323
  }
5352
5324
 
5353
5325
  .Primer_Brand__Textarea-module__Textarea--large___wCPXA {
5354
5326
  font-weight: var(--brand-text-weight-300);
5355
5327
  font-size: var(--brand-text-size-300);
5356
- padding: 12px;
5357
- padding: var(--brand-control-large-padding, 12px);
5328
+ padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
5358
5329
  }
5359
5330
 
5360
5331
  /*
@@ -5430,7 +5401,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5430
5401
  background-color: var(--brand-color-canvas-default);
5431
5402
  border: none;
5432
5403
  border-radius: var(--brand-control-border-radius);
5433
- line-height: var(--brand-text-lineHeight-200);
5404
+ line-height: var(--brand-text-lineHeight-100);
5434
5405
  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
5435
5406
  transition-property: color, background-color, box-shadow;
5436
5407
  }
@@ -5460,22 +5431,25 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5460
5431
  /*
5461
5432
  * Sizes
5462
5433
  */
5434
+
5435
+ .Primer_Brand__TextInput-module__TextInput-wrapper--medium___K9iTj {
5436
+ height: 2.5rem;
5437
+ }
5438
+
5463
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 {
5464
5446
  font-weight: var(--brand-text-weight-200);
5465
5447
  font-size: var(--brand-text-size-200);
5466
- height: 40px;
5467
- height: var(--brand-control-medium-size, 40px);
5468
- padding: 12px 10px 10px;
5469
- padding: var(--brand-control-medium-padding, 12px 10px 10px);
5448
+ padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
5470
5449
  }
5471
5450
 
5472
- .Primer_Brand__TextInput-module__TextInput--large___zpUvY {
5473
- font-weight: var(--brand-text-weight-300);
5474
- font-size: var(--brand-text-size-300);
5475
- height: 48px;
5476
- height: var(--brand-control-large-size, 48px);
5477
- padding: 12px;
5478
- padding: var(--brand-control-large-padding, 12px);
5451
+ .Primer_Brand__TextInput-module__TextInput-wrapper--large___lga4f {
5452
+ height: 3rem;
5479
5453
  }
5480
5454
 
5481
5455
  /*
@@ -5546,34 +5520,50 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5546
5520
  * TextInput visuals
5547
5521
  */
5548
5522
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
5549
- 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
+ );
5550
5526
  }
5551
5527
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS {
5552
- 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
+ );
5553
5531
  }
5554
5532
 
5555
5533
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
5556
- 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
+ );
5557
5537
  }
5558
5538
 
5559
5539
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9 {
5560
- 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
+ );
5561
5543
  }
5562
5544
 
5563
5545
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
5564
- 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
+ );
5565
5549
  }
5566
5550
 
5567
5551
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM {
5568
- 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
+ );
5569
5555
  }
5570
5556
 
5571
5557
  [dir="ltr"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
5572
- 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
+ );
5573
5561
  }
5574
5562
 
5575
5563
  [dir="rtl"] .Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P {
5576
- 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
+ );
5577
5567
  }
5578
5568
 
5579
5569
  .Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz,
@@ -5589,22 +5579,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5589
5579
  pointer-events: none;
5590
5580
  color: var(--brand-color-text-default);
5591
5581
  }
5592
- .Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz {
5593
- left: var(--base-size-12);
5582
+
5583
+ .Primer_Brand__TextInput-module__TextInput-leading-visual--medium___BW5d2 {
5584
+ left: var(--brand-control-medium-paddingInline-condensed);
5594
5585
  }
5595
5586
 
5596
- .Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L {
5597
- 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);
5598
5597
  }
5599
5598
 
5600
5599
  .Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu {
5601
- width: 16px;
5602
- height: 16px;
5600
+ width: var(--base-size-16);
5601
+ height: var(--base-size-16);
5603
5602
  }
5604
5603
 
5605
5604
  .Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7 {
5606
- width: 20px;
5607
- height: 20px;
5605
+ width: var(--base-size-20);
5606
+ height: var(--base-size-20);
5608
5607
  }
5609
5608
 
5610
5609
  /*
@@ -5645,38 +5644,27 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5645
5644
  .Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j,
5646
5645
  .Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
5647
5646
  display: inline-flex;
5648
- padding: 0 10px 0;
5649
- }
5650
-
5651
- .Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j {
5652
- border-right: 1px solid var(--brand-color-border-default);
5653
- }
5654
-
5655
- .Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
5656
- border-left: 1px solid var(--brand-color-border-default);
5647
+ color: var(--brand-color-text-muted);
5657
5648
  }
5658
5649
 
5659
5650
  .Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra,
5660
5651
  .Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA {
5661
- height: 20px; /*calc(fullheight / 2*/
5652
+ padding-left: var(--brand-control-medium-paddingInline-condensed);
5653
+ padding-right: var(--brand-control-medium-paddingInline-condensed);
5662
5654
  }
5655
+
5663
5656
  .Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI,
5664
5657
  .Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33 {
5665
- height: 22px; /*calc(fullheight / 2*/
5658
+ padding-left: var(--brand-control-large-paddingInline-condensed);
5659
+ padding-right: var(--brand-control-large-paddingInline-condensed);
5666
5660
  }
5667
5661
 
5668
- .Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn,
5669
- .Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj {
5670
- font-weight: var(--brand-text-weight-200);
5671
- font-size: var(--brand-text-size-200);
5672
- height: 40px;
5662
+ .Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j {
5663
+ border-right: 1px solid var(--brand-color-border-default);
5673
5664
  }
5674
5665
 
5675
- .Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE,
5676
- .Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq {
5677
- font-weight: var(--brand-text-weight-300);
5678
- font-size: var(--brand-text-size-300);
5679
- height: 48px;
5666
+ .Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx {
5667
+ border-left: 1px solid var(--brand-color-border-default);
5680
5668
  }
5681
5669
 
5682
5670
  .Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke {
@@ -5708,7 +5696,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5708
5696
  -webkit-appearance: none;
5709
5697
  -moz-appearance: none;
5710
5698
  appearance: none;
5711
- display: flex;
5712
5699
  color: var(--brand-control-color-fg-default);
5713
5700
  cursor: pointer;
5714
5701
  background-color: var(--brand-color-canvas-default);
@@ -5718,6 +5705,8 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5718
5705
  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
5719
5706
  transition-property: color, background-color, box-shadow, border-color;
5720
5707
  width: 100%;
5708
+ grid-column: 1 / -1;
5709
+ grid-row: 1;
5721
5710
  }
5722
5711
 
5723
5712
  @media screen and (forced-colors: active) {
@@ -5758,47 +5747,68 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5758
5747
  opacity: 1;
5759
5748
  }
5760
5749
 
5761
- .Primer_Brand__Select-module__Select-arrow-indicator___LTpJz {
5762
- display: flex;
5763
- height: 16px;
5764
- pointer-events: none;
5765
- position: absolute;
5766
- right: var(--base-size-12);
5767
- top: 50%;
5768
- transform: translateY(-50%);
5769
- width: 16px;
5770
- 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);
5771
5752
  }
5772
5753
 
5773
- .Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI {
5774
- 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;
5775
5761
  }
5776
5762
 
5777
- .Primer_Brand__Select-module__Select-arrow-indicator___LTpJz svg {
5778
- 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));
5779
5777
  }
5780
5778
 
5781
- /*
5782
- * Sizes
5783
- */
5784
5779
  .Primer_Brand__Select-module__Select--medium___kckBr {
5785
- font-weight: var(--brand-text-weight-200);
5786
- font-size: var(--brand-text-size-200);
5787
- height: calc(40px - 2px);
5788
- height: calc(var(--brand-control-medium-size, 40px) - 2px);
5789
- padding: 12px 10px 10px;
5790
- padding: var(--brand-control-medium-padding, 12px 10px 10px);
5791
- 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));
5792
5805
  }
5793
5806
 
5794
5807
  .Primer_Brand__Select-module__Select--large___A7u6F {
5795
- font-weight: var(--brand-text-weight-300);
5796
- font-size: var(--brand-text-size-300);
5797
- height: calc(48px - 2px);
5798
- height: calc(var(--brand-control-large-size, 48px) - 2px);
5799
- padding: 12px;
5800
- padding: var(--brand-control-large-padding, 12px);
5801
- 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;
5802
5812
  }
5803
5813
 
5804
5814
  /*
@@ -5814,14 +5824,33 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5814
5824
  */
5815
5825
 
5816
5826
  .Primer_Brand__Select-module__Select-wrapper___iV0Tg {
5817
- align-items: center;
5818
5827
  border: solid 1px var(--brand-control-color-border-default);
5819
5828
  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);
5820
5829
  border-radius: 6px;
5821
5830
  border-radius: var(--brand-borderRadius-medium, 6px);
5822
5831
  font-family: var(--brand-body-fontFamily);
5823
- display: inline-flex;
5824
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;
5825
5854
  }
5826
5855
 
5827
5856
  .Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y {
@@ -5983,7 +6012,7 @@ Fixes safari bug where outline doesn't respect border-radius
5983
6012
  .Primer_Brand__FormControl-module__FormControl-label___meeuB {
5984
6013
  color: var(--brand-color-text-default);
5985
6014
  font-weight: var(--base-text-weight-semibold);
5986
- font-family: var(--brand-text-fontFamily);
6015
+ font-family: var(--brand-body-fontFamily);
5987
6016
  }
5988
6017
 
5989
6018
  .Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI {
@@ -5999,25 +6028,24 @@ Fixes safari bug where outline doesn't respect border-radius
5999
6028
  }
6000
6029
 
6001
6030
  .Primer_Brand__FormControl-module__FormControl-label--medium___inrKd {
6002
- letter-spacing: var(--brand-text-letterSpacing-200);
6003
- font-size: var(--brand-text-size-200);
6004
- 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);
6005
6034
  }
6006
6035
 
6007
6036
  .Primer_Brand__FormControl-module__FormControl-label--large___okLn6 {
6008
- letter-spacing: var(--brand-text-letterSpacing-300);
6009
- font-size: var(--brand-text-size-300);
6010
- 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);
6011
6040
  }
6012
6041
 
6013
6042
  .Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X {
6014
6043
  cursor: pointer;
6015
- font-size: var(--brand-text-size-300);
6044
+ font-size: var(--brand-text-size-100);
6016
6045
  font-weight: var(--base-text-weight-semibold);
6017
- letter-spacing: var(--brand-text-letterSpacing-300);
6018
- line-height: var(--brand-text-lineHeight-300);
6046
+ line-height: var(--base-size-24); /* FIXME */
6019
6047
  position: relative;
6020
- top: 1px;
6048
+ top: 2px;
6021
6049
  width: 100%;
6022
6050
  }
6023
6051
 
@@ -6186,19 +6214,98 @@ Fixes safari bug where outline doesn't respect border-radius
6186
6214
  }
6187
6215
  }
6188
6216
 
6217
+ /**
6218
+ * Do not edit directly
6219
+ * Generated on Mon, 21 Aug 2023 11:37:47 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 11:37:47 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
+
6189
6265
  .Primer_Brand__Testimonial-module__Testimonial___UUywT {
6190
6266
  display: grid;
6191
6267
  grid-gap: var(--base-size-16);
6192
6268
  gap: var(--base-size-16);
6193
- font-family: var(--brand-fontStack-sansSerif);
6194
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);
6195
6275
  }
6196
6276
 
6197
- .Primer_Brand__Testimonial-module__Testimonial___UUywT::before {
6198
- 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));
6199
6289
  font-size: var(--base-size-48);
6200
6290
  line-height: var(--base-size-48);
6201
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;
6202
6309
  }
6203
6310
 
6204
6311
  .Primer_Brand__Testimonial-module__Testimonial--center___NyPe5 {
@@ -6207,18 +6314,39 @@ Fixes safari bug where outline doesn't respect border-radius
6207
6314
  }
6208
6315
 
6209
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);
6210
6321
  gap: var(--base-size-24);
6211
6322
  }
6212
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
+
6213
6329
  .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
6330
+ font-size: 1em;
6214
6331
  font-family: var(--brand-fontStack-sansSerif);
6215
- font-size: var(--brand-text-size-300);
6216
6332
  margin-top: calc(var(--base-size-16) * -1); /* negate grid gap */
6217
6333
  display: block;
6218
6334
  }
6219
6335
 
6220
6336
  .Primer_Brand__Testimonial-module__Testimonial--size-large___pF70c .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
6221
- 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 {
6222
6350
  font-weight: var(--base-text-weight-semibold);
6223
6351
  letter-spacing: var(--brand-text-letterSpacing-900);
6224
6352
  line-height: 1.2; /* requires custom line-height */
@@ -6233,9 +6361,90 @@ Fixes safari bug where outline doesn't respect border-radius
6233
6361
  margin-right: auto;
6234
6362
  }
6235
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
+
6236
6445
  /**
6237
6446
  * Do not edit directly
6238
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
6447
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
6239
6448
  */
6240
6449
 
6241
6450
  :root,
@@ -6251,7 +6460,7 @@ Fixes safari bug where outline doesn't respect border-radius
6251
6460
 
6252
6461
  /**
6253
6462
  * Do not edit directly
6254
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
6463
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
6255
6464
  */
6256
6465
 
6257
6466
  :root {
@@ -6330,16 +6539,16 @@ Fixes safari bug where outline doesn't respect border-radius
6330
6539
 
6331
6540
  .Primer_Brand__ComparisonTable-module__ComparisonTable-cell___kifYR {
6332
6541
  color: var(--brand-color-text-default);
6333
- font-weight: var(--brand-text-weight-300);
6334
- font-size: var(--brand-text-size-300);
6335
- 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);
6336
6545
  padding-bottom: var(--base-size-24);
6337
6546
  }
6338
6547
 
6339
6548
  .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
6340
6549
  font-weight: var(--base-text-weight-semibold);
6341
- font-size: var(--brand-text-size-300);
6342
- line-height: var(--brand-text-lineHeight-300);
6550
+ font-size: var(--brand-text-size-200);
6551
+ line-height: var(--brand-text-lineHeight-200);
6343
6552
  }
6344
6553
 
6345
6554
  .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-container___AHNr0 {
@@ -6365,17 +6574,17 @@ Fixes safari bug where outline doesn't respect border-radius
6365
6574
  }
6366
6575
 
6367
6576
  .Primer_Brand__ComparisonTable-module__ComparisonTable-inline-cell-label___hE3hL {
6368
- font-weight: var(--brand-heading-weight-600);
6369
- font-size: var(--brand-text-size-600);
6370
- 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);
6371
6580
  }
6372
6581
 
6373
6582
  .Primer_Brand__ComparisonTable-module__ComparisonTable___N2YLX tbody .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
6374
6583
  margin-top: var(--base-size-24);
6375
6584
  margin-bottom: var(--base-size-16);
6376
- font-weight: var(--brand-heading-weight-500);
6377
- font-size: var(--brand-text-size-500);
6378
- 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);
6379
6588
  }
6380
6589
  }
6381
6590
 
@@ -6476,9 +6685,9 @@ Fixes safari bug where outline doesn't respect border-radius
6476
6685
  background-clip: text;
6477
6686
  }
6478
6687
  .ComparisonTable--default thead .Primer_Brand__ComparisonTable-module__ComparisonTable-cell-heading___QlGCM {
6479
- font-weight: var(--brand-heading-weight-500);
6480
- font-size: var(--brand-text-size-500);
6481
- 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);
6482
6691
  display: inline-flex;
6483
6692
  align-items: flex-end;
6484
6693
  }
@@ -6569,7 +6778,7 @@ Fixes safari bug where outline doesn't respect border-radius
6569
6778
 
6570
6779
  /**
6571
6780
  * Do not edit directly
6572
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
6781
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
6573
6782
  */
6574
6783
 
6575
6784
  :root,
@@ -6769,11 +6978,11 @@ html {
6769
6978
  * 4. AnchorNav link labels
6770
6979
  */
6771
6980
  .Primer_Brand__AnchorNav-module__AnchorNav-link-label___x3JtK {
6772
- font-weight: var(--brand-heading-weight-400);
6773
- font-size: var(--brand-text-size-300);
6774
- 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);
6775
6984
  font-family: var(--brand-heading-fontFamily);
6776
- letter-spacing: var(--brand-heading-letterSpacing-400);
6985
+ letter-spacing: var(--brand-heading-letterSpacing-200);
6777
6986
  color: var(--brand-color-text-default);
6778
6987
  transition: color var(--brand-animation-easing-glide) var(--brand-animation-duration-faster);
6779
6988
  white-space: nowrap;
@@ -6973,7 +7182,7 @@ html {
6973
7182
 
6974
7183
  /**
6975
7184
  * Do not edit directly
6976
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
7185
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
6977
7186
  */
6978
7187
 
6979
7188
  :root,
@@ -7076,7 +7285,7 @@ html {
7076
7285
  counter-increment: li;
7077
7286
  min-width: var(--base-size-16);
7078
7287
  text-align: center;
7079
- color: var(--brand-color-text-muted);
7288
+ font-weight: var(--brand-text-size-200);
7080
7289
  }
7081
7290
 
7082
7291
  [dir="ltr"] .Primer_Brand__list-shared-module__List___dFefs {
@@ -7092,9 +7301,6 @@ html {
7092
7301
  list-style: none;
7093
7302
  gap: var(--base-size-8);
7094
7303
  font-family: var(--brand-body-fontFamily);
7095
- font-weight: var(--brand-text-weight-200);
7096
- font-size: var(--brand-text-size-200);
7097
- line-height: var(--brand-text-lineHeight-300);
7098
7304
  color: var(--brand-color-text-default);
7099
7305
  }
7100
7306
 
@@ -7154,7 +7360,7 @@ html {
7154
7360
 
7155
7361
  /**
7156
7362
  * Do not edit directly
7157
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
7363
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
7158
7364
  */
7159
7365
 
7160
7366
  :root,
@@ -7280,7 +7486,7 @@ html {
7280
7486
 
7281
7487
  /**
7282
7488
  * Do not edit directly
7283
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
7489
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
7284
7490
  */
7285
7491
 
7286
7492
  :root,
@@ -7410,7 +7616,7 @@ html {
7410
7616
 
7411
7617
  /**
7412
7618
  * Do not edit directly
7413
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
7619
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
7414
7620
  */
7415
7621
 
7416
7622
  :root {
@@ -7422,7 +7628,7 @@ html {
7422
7628
 
7423
7629
  /**
7424
7630
  * Do not edit directly
7425
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
7631
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
7426
7632
  */
7427
7633
 
7428
7634
  :root,
@@ -7741,6 +7947,15 @@ html {
7741
7947
  padding-bottom: var(--base-size-24);
7742
7948
  }
7743
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
+
7744
7959
  [dir="ltr"] .Primer_Brand__SectionIntro-module__SectionIntro--align-start___C59mu {
7745
7960
  text-align: left;
7746
7961
  }
@@ -7774,7 +7989,7 @@ html {
7774
7989
 
7775
7990
  /**
7776
7991
  * Do not edit directly
7777
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
7992
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
7778
7993
  */
7779
7994
 
7780
7995
  :root,
@@ -7877,7 +8092,7 @@ html {
7877
8092
  flex: 1 0 auto;
7878
8093
  display: grid;
7879
8094
  align-items: center;
7880
- padding: var(--base-size-12) var(--base-size-16);
8095
+ padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-normal);
7881
8096
  overflow: hidden;
7882
8097
  text-overflow: ellipsis;
7883
8098
  grid-template-areas: 'leadingVisual text';
@@ -7933,7 +8148,6 @@ html {
7933
8148
 
7934
8149
  .Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl {
7935
8150
  grid-area: text / text;
7936
- line-height: calc(1.42857);
7937
8151
  }
7938
8152
 
7939
8153
  .Primer_Brand__ActionMenu-module__ActionMenu__item-icon___JyMwz {
@@ -7968,8 +8182,8 @@ html {
7968
8182
 
7969
8183
  .Primer_Brand__Prose-module__Prose___X2BXE {
7970
8184
  font-family: var(--brand-body-fontFamily);
7971
- font-size: var(--brand-text-size-300);
7972
- line-height: var(--brand-text-lineHeight-300);
8185
+ font-size: var(--brand-text-size-200);
8186
+ line-height: var(--brand-text-lineHeight-200);
7973
8187
  color: var(--brand-color-text-default);
7974
8188
  }
7975
8189
 
@@ -7995,7 +8209,7 @@ html {
7995
8209
  /* ---------------------------------------------------------- */
7996
8210
 
7997
8211
  .Primer_Brand__Prose-module__Prose___X2BXE h1 {
7998
- font-weight: var(--brand-text-weight-900);
8212
+ font-weight: var(--brand-heading-weight-900);
7999
8213
  font-size: var(--brand-text-size-900);
8000
8214
  line-height: var(--brand-text-lineHeight-900);
8001
8215
  font-family: var(--brand-heading-fontFamily);
@@ -8007,7 +8221,7 @@ html {
8007
8221
  }
8008
8222
 
8009
8223
  .Primer_Brand__Prose-module__Prose___X2BXE h2 {
8010
- font-weight: var(--brand-text-weight-800);
8224
+ font-weight: var(--brand-heading-weight-800);
8011
8225
  font-size: var(--brand-text-size-800);
8012
8226
  line-height: var(--brand-text-lineHeight-800);
8013
8227
  font-family: var(--brand-heading-fontFamily);
@@ -8182,7 +8396,7 @@ html {
8182
8396
 
8183
8397
  /**
8184
8398
  * Do not edit directly
8185
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
8399
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
8186
8400
  */
8187
8401
 
8188
8402
  :root {
@@ -11512,7 +11726,7 @@ html {
11512
11726
 
11513
11727
  /**
11514
11728
  * Do not edit directly
11515
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
11729
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
11516
11730
  */
11517
11731
 
11518
11732
  :root,
@@ -11528,7 +11742,7 @@ html {
11528
11742
 
11529
11743
  /**
11530
11744
  * Do not edit directly
11531
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
11745
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
11532
11746
  */
11533
11747
 
11534
11748
  :root {
@@ -11689,7 +11903,7 @@ html {
11689
11903
  }
11690
11904
 
11691
11905
  .Primer_Brand__Timeline-module__Timeline___keSeT {
11692
- --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));
11693
11907
 
11694
11908
  margin: 0;
11695
11909
  padding: 0;
@@ -11749,7 +11963,7 @@ html {
11749
11963
 
11750
11964
  /**
11751
11965
  * Do not edit directly
11752
- * Generated on Mon, 14 Aug 2023 09:40:21 GMT
11966
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
11753
11967
  */
11754
11968
 
11755
11969
  :root,
@@ -11763,7 +11977,7 @@ html {
11763
11977
 
11764
11978
  /**
11765
11979
  * Do not edit directly
11766
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
11980
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
11767
11981
  */
11768
11982
 
11769
11983
  :root {
@@ -11772,6 +11986,6 @@ html {
11772
11986
  --brand-Timeline-spacing: var(--base-size-16);
11773
11987
  --brand-Timeline-strokeWidth: 0.125rem;
11774
11988
  --brand-Timeline-lineLength: 44ch;
11775
- --brand-Timeline-lineHeight: var(--brand-text-lineHeight-300);
11989
+ --brand-Timeline-lineHeight: var(--brand-text-lineHeight-200);
11776
11990
  }
11777
11991