@primer/react-brand 0.74.0 → 0.75.0-rc.a3f7dbd6

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 (419) hide show
  1. package/docs/components/RiverAccordion/index.md +49 -6
  2. package/docs/index.md +2 -2
  3. package/esm/Hero/sub-components/HeroLabel.d.ts +1 -0
  4. package/esm/Hero/sub-components/HeroLabel.d.ts.map +1 -1
  5. package/esm/Hero/sub-components/HeroLabel.js +7 -6
  6. package/esm/Hero/sub-components/HeroLabel.js.map +1 -1
  7. package/esm/TextCursorAnimation/TextCursorAnimation.d.ts +8 -3
  8. package/esm/TextCursorAnimation/TextCursorAnimation.d.ts.map +1 -1
  9. package/esm/TextCursorAnimation/TextCursorAnimation.js +53 -27
  10. package/esm/TextCursorAnimation/TextCursorAnimation.js.map +1 -1
  11. package/esm/TextCursorAnimation/TextCursorAnimation.module-BS4hPR8H.css +1 -0
  12. package/esm/TextCursorAnimation/TextCursorAnimation.module.js +14 -4
  13. package/esm/TextCursorAnimation/TextCursorAnimation.module.js.map +1 -1
  14. package/esm/hooks/useCursorAnimation.d.ts +8 -31
  15. package/esm/hooks/useCursorAnimation.d.ts.map +1 -1
  16. package/esm/hooks/useCursorAnimation.js +84 -36
  17. package/esm/hooks/useCursorAnimation.js.map +1 -1
  18. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/base-DKbXhPKv.css +1 -0
  19. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes-BucKYl1n.css +1 -0
  20. package/esm/river/RiverAccordion/RiverAccordion.d.ts +13 -4
  21. package/esm/river/RiverAccordion/RiverAccordion.d.ts.map +1 -1
  22. package/esm/river/RiverAccordion/RiverAccordion.js +35 -24
  23. package/esm/river/RiverAccordion/RiverAccordion.js.map +1 -1
  24. package/esm/river/RiverAccordion/RiverAccordion.module-Cr6Q-qkm.css +1 -0
  25. package/esm/river/RiverAccordion/RiverAccordion.module.js +7 -3
  26. package/esm/river/RiverAccordion/RiverAccordion.module.js.map +1 -1
  27. package/lib/Hero/sub-components/HeroLabel.d.ts +1 -0
  28. package/lib/TextCursorAnimation/TextCursorAnimation.d.ts +8 -3
  29. package/lib/css/main.css +188 -126
  30. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  31. package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
  32. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  33. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/components/footer/base.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
  62. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  63. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  64. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  65. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  66. package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
  67. package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
  68. package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
  69. package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
  70. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  71. package/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes.css +1 -1
  72. package/lib/design-tokens/css/tokens/functional/components/inline-code/colors.css +1 -1
  73. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  74. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  75. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  76. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  77. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  78. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  79. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  80. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  81. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  82. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  83. package/lib/design-tokens/css/tokens/functional/components/media-playlist/colors-with-modes.css +1 -1
  84. package/lib/design-tokens/css/tokens/functional/components/media-playlist/colors.css +1 -1
  85. package/lib/design-tokens/css/tokens/functional/components/nav-list/colors-with-modes.css +1 -1
  86. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
  87. package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
  88. package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
  89. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  90. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  91. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  92. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  93. package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
  94. package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
  95. package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
  96. package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
  97. package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +1 -1
  98. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  99. package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
  100. package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
  101. package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
  102. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  103. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
  104. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  105. package/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/base.css +8 -0
  106. package/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes.css +7 -3
  107. package/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors.css +4 -2
  108. package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +1 -1
  109. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  110. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  111. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  112. package/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes.css +1 -1
  113. package/lib/design-tokens/css/tokens/functional/components/token/colors.css +1 -1
  114. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
  115. package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
  116. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  117. package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
  118. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  119. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  120. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  121. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  122. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  123. package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
  124. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  125. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  126. package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
  127. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  128. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  129. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  130. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  131. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  132. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  133. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  134. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  135. package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  136. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  137. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  138. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  139. package/lib/design-tokens/js/module/tokens/functional/components/footer/base.js +1 -1
  140. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  141. package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  142. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  143. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  144. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  145. package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
  146. package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
  147. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  148. package/lib/design-tokens/js/module/tokens/functional/components/inline-code/colors.js +1 -1
  149. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  150. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  151. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  152. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  153. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  154. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  155. package/lib/design-tokens/js/module/tokens/functional/components/media-playlist/colors.js +1 -1
  156. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
  157. package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  158. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  159. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  160. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  161. package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
  162. package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
  163. package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
  164. package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
  165. package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
  166. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  167. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  168. package/lib/design-tokens/js/module/tokens/functional/components/text-cursor-animation/base.js +14 -0
  169. package/lib/design-tokens/js/module/tokens/functional/components/text-cursor-animation/colors.js +10 -2
  170. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  171. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  172. package/lib/design-tokens/js/module/tokens/functional/components/token/colors.js +1 -1
  173. package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
  174. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
  175. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  176. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  177. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  178. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  179. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  180. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  181. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  182. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  183. package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
  184. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  185. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  186. package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
  187. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  188. package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
  189. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  190. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  191. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  192. package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  193. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  194. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  195. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  196. package/lib/design-tokens/js/tokens/functional/components/footer/base.js +1 -1
  197. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  198. package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  199. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  200. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  201. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  202. package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
  203. package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
  204. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  205. package/lib/design-tokens/js/tokens/functional/components/inline-code/colors.js +1 -1
  206. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  207. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  208. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  209. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  210. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  211. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  212. package/lib/design-tokens/js/tokens/functional/components/media-playlist/colors.js +1 -1
  213. package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
  214. package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  215. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  216. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  217. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  218. package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
  219. package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
  220. package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
  221. package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
  222. package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
  223. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  224. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  225. package/lib/design-tokens/js/tokens/functional/components/text-cursor-animation/base.js +6 -0
  226. package/lib/design-tokens/js/tokens/functional/components/text-cursor-animation/colors.js +4 -2
  227. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  228. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  229. package/lib/design-tokens/js/tokens/functional/components/token/colors.js +1 -1
  230. package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
  231. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  232. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  233. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  234. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  235. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  236. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  237. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  238. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  239. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  240. package/lib/design-tokens/json/colors.json +3 -1
  241. package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
  242. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  243. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  244. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  245. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  246. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  247. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  248. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  249. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  250. package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
  251. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  252. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  253. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  254. package/lib/design-tokens/scss/tokens/functional/components/footer/base.scss +1 -1
  255. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  256. package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
  257. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  258. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  259. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  260. package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
  261. package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
  262. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  263. package/lib/design-tokens/scss/tokens/functional/components/inline-code/colors.scss +1 -1
  264. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  265. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  266. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  267. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  268. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  269. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  270. package/lib/design-tokens/scss/tokens/functional/components/media-playlist/colors.scss +1 -1
  271. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
  272. package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
  273. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  274. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  275. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  276. package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
  277. package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
  278. package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
  279. package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
  280. package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
  281. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  282. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  283. package/lib/design-tokens/scss/tokens/functional/components/text-cursor-animation/base.scss +5 -0
  284. package/lib/design-tokens/scss/tokens/functional/components/text-cursor-animation/colors.scss +4 -2
  285. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  286. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  287. package/lib/design-tokens/scss/tokens/functional/components/token/colors.scss +1 -1
  288. package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
  289. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  290. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  291. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  292. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  293. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  294. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  295. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  296. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
  297. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  298. package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
  299. package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
  300. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  301. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  302. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  303. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  304. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  305. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  306. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  307. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  308. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  309. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  310. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  311. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  312. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  313. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  314. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  315. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  316. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
  317. package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
  318. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  319. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  320. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  321. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  322. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  323. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  324. package/lib/design-tokens/ts/tokens/functional/components/footer/base.d.ts +1 -1
  325. package/lib/design-tokens/ts/tokens/functional/components/footer/base.js +1 -1
  326. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  327. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  328. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
  329. package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
  330. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  331. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  332. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  333. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  334. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  335. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  336. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
  337. package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
  338. package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
  339. package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
  340. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  341. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  342. package/lib/design-tokens/ts/tokens/functional/components/inline-code/colors.d.ts +1 -1
  343. package/lib/design-tokens/ts/tokens/functional/components/inline-code/colors.js +1 -1
  344. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  345. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  346. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  347. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  348. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  349. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  350. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  351. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  352. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  353. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  354. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  355. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  356. package/lib/design-tokens/ts/tokens/functional/components/media-playlist/colors.d.ts +1 -1
  357. package/lib/design-tokens/ts/tokens/functional/components/media-playlist/colors.js +1 -1
  358. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
  359. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
  360. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
  361. package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
  362. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  363. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  364. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  365. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  366. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  367. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  368. package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
  369. package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
  370. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
  371. package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
  372. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
  373. package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
  374. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
  375. package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
  376. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
  377. package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
  378. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  379. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  380. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  381. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  382. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/base.d.ts +17 -0
  383. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/base.js +14 -0
  384. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/colors.d.ts +4 -2
  385. package/lib/design-tokens/ts/tokens/functional/components/text-cursor-animation/colors.js +4 -2
  386. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  387. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  388. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  389. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  390. package/lib/design-tokens/ts/tokens/functional/components/token/colors.d.ts +1 -1
  391. package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +1 -1
  392. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
  393. package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
  394. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  395. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  396. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  397. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  398. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  399. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  400. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  401. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  402. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  403. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  404. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  405. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  406. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  407. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  408. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  409. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  410. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  411. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  412. package/lib/hooks/useCursorAnimation.d.ts +8 -31
  413. package/lib/index.js +1 -1
  414. package/lib/river/RiverAccordion/RiverAccordion.d.ts +13 -4
  415. package/llms.txt +2 -2
  416. package/package.json +1 -1
  417. package/esm/TextCursorAnimation/TextCursorAnimation.module-BJLhwKrK.css +0 -1
  418. package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes-BODdIvrY.css +0 -1
  419. package/esm/river/RiverAccordion/RiverAccordion.module-BTU_metB.css +0 -1
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { type Icon } from '@primer/octicons-react';
2
3
  import { type HeadingProps } from '../..';
3
4
  /**
4
5
  * Design tokens
@@ -14,9 +15,17 @@ export type RiverAccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {
14
15
  children: React.ReactElement<RiverAccordionHeadingProps | RiverAccordionContentProps>[];
15
16
  index?: number;
16
17
  };
17
- export type RiverAccordionHeadingProps = HeadingProps;
18
+ export type RiverAccordionHeadingProps = HeadingProps & {
19
+ leadingVisual?: React.ReactElement | Icon;
20
+ };
18
21
  export type RiverAccordionContentProps = React.HTMLAttributes<HTMLDivElement>;
19
- export type RiverAccordionVisualProps = React.HTMLAttributes<HTMLDivElement>;
22
+ export type RiverAccordionVisualProps = React.HTMLAttributes<HTMLDivElement> & {
23
+ /**
24
+ * Displays a padded background when the parent RiverAccordion uses the gridline variant.
25
+ * @default true
26
+ */
27
+ hasBackground?: boolean;
28
+ };
20
29
  /**
21
30
  * Use the RiverAccordion to create collapsible content panels with associated visuals.
22
31
  * @see https://primer.style/brand/components/RiverAccordion
@@ -28,7 +37,7 @@ export declare const RiverAccordion: React.ForwardRefExoticComponent<{
28
37
  children?: React.ReactNode | undefined;
29
38
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
30
39
  Content: ({ className, children, ...props }: RiverAccordionContentProps) => import("react/jsx-runtime").JSX.Element;
31
- Heading: ({ as, children, className, size, ...props }: RiverAccordionHeadingProps) => import("react/jsx-runtime").JSX.Element;
40
+ Heading: ({ as, children, className, leadingVisual: LeadingVisual, size, ...props }: RiverAccordionHeadingProps) => import("react/jsx-runtime").JSX.Element;
32
41
  Item: ({ className, index, children, ...props }: RiverAccordionItemProps) => import("react/jsx-runtime").JSX.Element | null;
33
- Visual: ({ className, ...props }: RiverAccordionVisualProps) => import("react/jsx-runtime").JSX.Element;
42
+ Visual: ({ className, hasBackground, ...props }: RiverAccordionVisualProps) => import("react/jsx-runtime").JSX.Element;
34
43
  };
package/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
- # Primer Brand — @primer/react-brand v0.74.0
1
+ # Primer Brand — @primer/react-brand v0.75.0-rc.a3f7dbd6
2
2
 
3
- > Version-pinned documentation for @primer/react-brand v0.74.0, bundled with the installed package.
3
+ > Version-pinned documentation for @primer/react-brand v0.75.0-rc.a3f7dbd6, bundled with the installed package.
4
4
  > These docs match this exact release; prefer them over https://primer.style/brand when the
5
5
  > installed version differs from the latest. All links below are relative to this file.
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/react-brand",
3
- "version": "0.74.0",
3
+ "version": "0.75.0-rc.a3f7dbd6",
4
4
  "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.",
5
5
  "keywords": [
6
6
  "primer",
@@ -1 +0,0 @@
1
- .Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___fMZNu{align-items:center;display:inline-flex}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-inner___h__Hj{align-items:center;display:inline-flex;position:relative}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{font-weight:var(--brand-text-weight-500);clip-path:inset(0 0% 0 0);clip-path:inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress,1)) * 100%) 0 0);white-space:pre}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{left:calc((1 * 100%) + var(--base-size-6));left:calc((var(--brand-TextCursorAnimation-reveal-progress,1) * 100%) + var(--base-size-6));width:var(--base-size-8);background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - 0) * 100%), var(--brand-TextCursorAnimation-cursor-color) calc(0 * 100%));height:1cap;position:absolute;top:calc(.5lh - .65cap)}@supports (color:color-mix(in lch, red, blue)){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - var(--brand-TextCursorAnimation-cursor-progress,0)) * 100%), var(--brand-TextCursorAnimation-cursor-color) calc(var(--brand-TextCursorAnimation-cursor-progress,0) * 100%))}}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{display:none}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{clip-path:none}}
@@ -1 +0,0 @@
1
- :root,[data-color-mode=light]{--brand-TextCursorAnimation-cursor-color:var(--base-color-scale-green-6)}[data-color-mode=dark]{--brand-TextCursorAnimation-cursor-color:var(--brand-color-accent-primary)}
@@ -1 +0,0 @@
1
- .Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB{grid-gap:0;grid-template:"visual""accordion"/1fr;gap:0;display:grid;position:relative}@media screen and (width>=63.25rem){.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB{--gap-width:var(--brand-Grid-spacing-column-gap);--column-and-gap-width:calc((100% + var(--gap-width)) / 12);--4-grid-columns:calc(4 * var(--column-and-gap-width));--7-grid-columns-minus-last-gap:calc((7 * var(--column-and-gap-width)) - var(--gap-width));gap:var(--column-and-gap-width);grid-template-rows:auto}.Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3{grid-template-columns:var(--4-grid-columns) var(--7-grid-columns-minus-last-gap);grid-template-areas:"accordion visual"}.Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ{grid-template-columns:var(--7-grid-columns-minus-last-gap) var(--4-grid-columns);grid-template-areas:"visual accordion"}}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4{padding-inline:var(--brand-RiverAccordion-variant-gridline-spacing-outerInline);padding-block:var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock);position:relative}@media screen and (width>=63.25rem){.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4{--gap-width:var(--brand-RiverAccordion-variant-gridline-spacing-contentGap);--half-column:calc(50% - var(--gap-width) / 2);gap:var(--gap-width);align-items:center}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3{grid-template-columns:var(--half-column) var(--half-column);grid-template-areas:"accordion visual"}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ{grid-template-columns:var(--half-column) var(--half-column);grid-template-areas:"visual accordion"}}@media (width>=80rem){.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx{margin-inline:calc(-1 * var(--brand-RiverAccordion-variant-gridline-spacing-outerInline));margin-block-start:calc(-1 * var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock))}@media screen and (width>=48rem) and (width<=63.24rem){.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB{max-width:618px;margin-inline:auto}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB){border-radius:0}.Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{grid-area:accordion}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx{grid-area:visual}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6{border-radius:var(--brand-borderRadius-xlarge);grid-template-columns:subgrid;grid-template-rows:subgrid;width:100%;display:grid;overflow:hidden}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob{opacity:0;width:100%;height:100%;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), scale var(--brand-animation-duration-default) var(--brand-animation-easing-default);grid-area:1/1;align-items:center;display:flex;scale:1.05}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>*{border-radius:var(--brand-borderRadius-xlarge);-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block;overflow:hidden}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>*{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob img,.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob picture,.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob video{border-radius:inherit;-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>* img,.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>* video{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB{padding:var(--base-size-32);background:var(--brand-RiverAccordion-visual-background,var(--brand-color-canvas-subtle));justify-content:center;align-items:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB>*{border-radius:var(--brand-borderRadius-large);justify-content:center;align-items:center;max-width:100%;height:auto;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB img,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB picture,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB video{border-radius:var(--brand-borderRadius-large);max-width:100%;height:100%}@media screen and (width>=63.25rem){.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB){grid-template-columns:1fr 1fr;align-items:stretch;gap:0;padding:0}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{padding:var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock) var(--brand-RiverAccordion-variant-gridline-spacing-outerInline);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{padding-inline-end:var(--brand-RiverAccordion-variant-gridline-spacing-contentGap)}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{padding-inline-start:var(--brand-RiverAccordion-variant-gridline-spacing-contentGap)}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx{margin:0}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB){height:100%}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB{padding:var(--base-size-64);justify-content:center;align-items:center}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB>*,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB img,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB picture,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB video{border-radius:var(--brand-borderRadius-large)}}:is(.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:first-child) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:first-child,.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(2)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(2),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(3)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(3),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(4)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(4),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(5)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(5),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(6)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(6),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(7)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(7),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(8)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(8),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(9)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(9),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(10)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(10),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:not(:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:first-child){opacity:1;z-index:1;scale:1}.Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob{clip:rect(0, 0, 0, 0);word-wrap:normal;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX{border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block-start:var(--base-size-32);position:relative}@media screen and (width<=63.24rem){.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX:last-child{border-bottom:none}}.Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX:not(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2) .Primer_Brand__RiverAccordion-module__RiverAccordion__heading___O56M6{color:var(--brand-color-text-muted)}.Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50{color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%;padding:0;padding:var(--base-size-4);margin:0;margin:calc(var(--base-size-4) * -1);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2 .Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50{cursor:auto;cursor:initial}.Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX:not(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2) .Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50:after{content:"";width:100%;height:100%;display:block;position:absolute}.Primer_Brand__RiverAccordion-module__RiverAccordion__panel___Y4GUN{transition:grid-template-rows var(--brand-animation-duration-default) var(--brand-animation-easing-default), margin-block-start var(--brand-animation-duration-default) var(--brand-animation-easing-default), padding-block-end var(--brand-animation-duration-default) var(--brand-animation-easing-default);grid-template-rows:0fr;margin-block-start:var(--base-size-32);display:grid;overflow-y:clip}.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2 .Primer_Brand__RiverAccordion-module__RiverAccordion__panel___Y4GUN{grid-template-rows:1fr;margin-block-start:var(--base-size-12);padding-block-end:var(--base-size-32)}.Primer_Brand__RiverAccordion-module__RiverAccordion__content___87sh8{align-items:flex-start;gap:var(--base-size-20);flex-direction:column;min-height:0;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion__icon___FMAZH{color:var(--brand-color-text-muted);flex-shrink:0;align-items:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2 .Primer_Brand__RiverAccordion-module__RiverAccordion__icon___FMAZH{color:var(--brand-color-text-default)}