@primer/react-brand 0.28.0-rc.5e398e5 → 0.28.0-rc.adb1d3c

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 (264) hide show
  1. package/lib/Card/index.d.ts +1 -0
  2. package/lib/css/main.css +145 -129
  3. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  4. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  5. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  6. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  7. package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
  47. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  48. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  49. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  50. package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
  51. package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
  52. package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
  53. package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
  54. package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
  55. package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
  56. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  57. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  58. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  59. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  60. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  61. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +5 -2
  62. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  63. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  65. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  74. package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
  75. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  76. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  77. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  78. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  79. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  80. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
  81. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  82. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  83. package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
  84. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
  85. package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
  86. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  87. package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
  88. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  89. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  90. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
  91. package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
  92. package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
  93. package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
  94. package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.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 +1 -1
  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 +51 -1
  102. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  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 +1 -1
  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/bento/base.js +1 -1
  109. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  110. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  111. package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  112. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  113. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  114. package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
  115. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  116. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  117. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  118. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  119. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  120. package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
  121. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  122. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  123. package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
  124. package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
  125. package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
  126. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  127. package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
  128. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  129. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  130. package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
  131. package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
  132. package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
  133. package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
  134. package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
  135. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  136. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  137. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  138. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  139. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  140. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  141. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +4 -1
  142. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  143. package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +1 -1
  144. package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
  145. package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
  146. package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
  147. package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
  148. package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
  149. package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
  150. package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
  151. package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
  152. package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
  153. package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
  154. package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
  155. package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
  156. package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
  157. package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
  158. package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
  159. package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
  160. package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
  161. package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
  162. package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
  163. package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
  164. package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
  165. package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
  166. package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
  167. package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
  168. package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
  169. package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
  170. package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
  171. package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
  172. package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
  173. package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
  174. package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
  175. package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
  176. package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
  177. package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
  178. package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
  179. package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
  180. package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
  181. package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +4 -1
  182. package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
  183. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  184. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  185. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  186. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  187. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  188. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  189. package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
  190. package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
  191. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  192. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  193. package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
  194. package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
  195. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  196. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  197. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  198. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  199. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
  200. package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
  201. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  202. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  203. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  204. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  205. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
  206. package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
  207. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  208. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  209. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  210. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  211. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  212. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  213. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  214. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  215. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  216. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  217. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
  218. package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
  219. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  220. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  221. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  222. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  223. package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
  224. package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
  225. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
  226. package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
  227. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
  228. package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
  229. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  230. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  231. package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
  232. package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
  233. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  234. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  235. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  236. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  237. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
  238. package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
  239. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
  240. package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
  241. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
  242. package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
  243. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
  244. package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
  245. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
  246. package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
  247. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  248. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  249. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  250. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  251. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  252. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  253. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  254. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  255. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  256. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  257. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  258. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  259. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +6 -1
  260. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +6 -1
  261. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  262. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  263. package/lib/index.js +1 -1
  264. package/package.json +1 -1
@@ -1 +1,2 @@
1
1
  export * from './Card';
2
+ export * from './CardSkewEffect';
package/lib/css/main.css CHANGED
@@ -94,7 +94,7 @@ select {
94
94
 
95
95
  /**
96
96
  * Do not edit directly
97
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
97
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
98
98
  */
99
99
 
100
100
  :root,
@@ -634,7 +634,7 @@ select {
634
634
 
635
635
  /**
636
636
  * Do not edit directly
637
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
637
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
638
638
  */
639
639
 
640
640
  :root {
@@ -659,7 +659,7 @@ select {
659
659
 
660
660
  /**
661
661
  * Do not edit directly
662
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
662
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
663
663
  */
664
664
 
665
665
  :root {
@@ -675,7 +675,7 @@ select {
675
675
 
676
676
  /**
677
677
  * Do not edit directly
678
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
678
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
679
679
  */
680
680
 
681
681
  :root {
@@ -695,7 +695,10 @@ select {
695
695
  --brand-text-letterSpacing-700: -0.02em;
696
696
  --brand-text-letterSpacing-600: -0.02em;
697
697
  --brand-text-letterSpacing-500: -0.01em;
698
- --brand-text-letterSpacing-400: -0.01em;
698
+ --brand-text-letterSpacing-400: 0em;
699
+ --brand-text-letterSpacing-300: 0em;
700
+ --brand-text-letterSpacing-200: 0em;
701
+ --brand-text-letterSpacing-100: 0.02em;
699
702
  --brand-text-lineHeight-1000: 1.1;
700
703
  --brand-text-lineHeight-900: 1.1;
701
704
  --brand-text-lineHeight-800: 1.2;
@@ -804,7 +807,7 @@ select {
804
807
 
805
808
  /**
806
809
  * Do not edit directly
807
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
810
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
808
811
  */
809
812
 
810
813
  :root {
@@ -818,7 +821,7 @@ select {
818
821
 
819
822
  /**
820
823
  * Do not edit directly
821
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
824
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
822
825
  */
823
826
 
824
827
  :root {
@@ -837,7 +840,7 @@ select {
837
840
 
838
841
  /**
839
842
  * Do not edit directly
840
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
843
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
841
844
  */
842
845
 
843
846
  :root,
@@ -1042,7 +1045,7 @@ select {
1042
1045
  font-weight: var(--brand-text-weight-700);
1043
1046
  font-size: var(--brand-text-size-700);
1044
1047
  line-height: var(--brand-text-lineHeight-700);
1045
- letter-spacing: var(--brand-text-body-letterSpacing-100);
1048
+ letter-spacing: var(--brand-text-letterSpacing-700);
1046
1049
  }
1047
1050
 
1048
1051
  .Primer_Brand__Text-module__Text--600___ThppA {
@@ -1061,24 +1064,28 @@ select {
1061
1064
  font-weight: var(--brand-text-weight-400);
1062
1065
  font-size: var(--brand-text-size-400);
1063
1066
  line-height: var(--brand-text-lineHeight-400);
1067
+ letter-spacing: var(--brand-text-letterSpacing-400);
1064
1068
  }
1065
1069
 
1066
1070
  .Primer_Brand__Text-module__Text--300___TBQTB {
1067
1071
  font-weight: var(--brand-text-weight-300);
1068
1072
  font-size: var(--brand-text-size-300);
1069
1073
  line-height: var(--brand-text-lineHeight-300);
1074
+ letter-spacing: var(--brand-text-letterSpacing-300);
1070
1075
  }
1071
1076
 
1072
1077
  .Primer_Brand__Text-module__Text--200___XAIGT {
1073
1078
  font-weight: var(--brand-text-weight-200);
1074
1079
  font-size: var(--brand-text-size-200);
1075
1080
  line-height: var(--brand-text-lineHeight-200);
1081
+ letter-spacing: var(--brand-text-letterSpacing-200);
1076
1082
  }
1077
1083
 
1078
1084
  .Primer_Brand__Text-module__Text--100___csEom {
1079
1085
  font-weight: var(--brand-text-weight-100);
1080
1086
  font-size: var(--brand-text-size-100);
1081
1087
  line-height: var(--brand-text-lineHeight-100);
1088
+ letter-spacing: var(--brand-text-letterSpacing-100);
1082
1089
  }
1083
1090
 
1084
1091
  .Primer_Brand__Text-module__Text--weight-heavy___ege7O,
@@ -1211,7 +1218,7 @@ select {
1211
1218
 
1212
1219
  /**
1213
1220
  * Do not edit directly
1214
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
1221
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
1215
1222
  */
1216
1223
 
1217
1224
  :root,
@@ -1773,7 +1780,7 @@ select {
1773
1780
 
1774
1781
  /**
1775
1782
  * Do not edit directly
1776
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
1783
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
1777
1784
  */
1778
1785
 
1779
1786
  :root {
@@ -2000,7 +2007,7 @@ select {
2000
2007
 
2001
2008
  /**
2002
2009
  * Do not edit directly
2003
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
2010
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
2004
2011
  */
2005
2012
 
2006
2013
  :root,
@@ -2259,7 +2266,7 @@ select {
2259
2266
 
2260
2267
  /**
2261
2268
  * Do not edit directly
2262
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
2269
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
2263
2270
  */
2264
2271
 
2265
2272
  :root {
@@ -2285,7 +2292,7 @@ select {
2285
2292
 
2286
2293
  /**
2287
2294
  * Do not edit directly
2288
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
2295
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
2289
2296
  */
2290
2297
 
2291
2298
  :root,
@@ -3043,7 +3050,7 @@ select {
3043
3050
 
3044
3051
  /**
3045
3052
  * Do not edit directly
3046
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3053
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
3047
3054
  */
3048
3055
 
3049
3056
  :root {
@@ -3879,7 +3886,7 @@ select {
3879
3886
 
3880
3887
  /**
3881
3888
  * Do not edit directly
3882
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3889
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
3883
3890
  */
3884
3891
 
3885
3892
  :root {
@@ -3900,7 +3907,7 @@ select {
3900
3907
 
3901
3908
  /**
3902
3909
  * Do not edit directly
3903
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3910
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
3904
3911
  */
3905
3912
 
3906
3913
  :root {
@@ -3910,7 +3917,7 @@ select {
3910
3917
 
3911
3918
  /**
3912
3919
  * Do not edit directly
3913
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3920
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
3914
3921
  */
3915
3922
 
3916
3923
  :root {
@@ -4260,10 +4267,18 @@ select {
4260
4267
  display: block;
4261
4268
  margin: 0;
4262
4269
  padding: 0;
4270
+ }
4271
+
4272
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___b2uqO {
4273
+ display: flex;
4274
+ flex-direction: column;
4275
+ justify-content: space-between;
4276
+ overflow-y: auto;
4263
4277
  position: absolute;
4264
4278
  top: 75px;
4265
4279
  left: 0;
4266
4280
  right: 0;
4281
+ bottom: 0;
4267
4282
  z-index: 2;
4268
4283
  background-color: var(--brand-color-canvas-default);
4269
4284
  width: 100vw;
@@ -4271,6 +4286,10 @@ select {
4271
4286
  animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
4272
4287
  animation-timing-function: var(--brand-animation-easing-default);
4273
4288
  }
4289
+
4290
+ .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper--close___NzelD {
4291
+ display: none;
4292
+ }
4274
4293
  }
4275
4294
 
4276
4295
  @media screen and (min-width: 48rem) {
@@ -4602,12 +4621,9 @@ select {
4602
4621
 
4603
4622
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
4604
4623
  display: flex;
4605
- position: absolute;
4606
4624
  left: 0;
4607
4625
  z-index: 99;
4608
4626
  width: 100%;
4609
- bottom: calc((-100vh - 75px) - -150px);
4610
- bottom: calc(calc(-100vh - 75px) - -150px);
4611
4627
  height: auto;
4612
4628
  animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
4613
4629
  animation-duration: 500ms;
@@ -4820,7 +4836,7 @@ select {
4820
4836
 
4821
4837
  /**
4822
4838
  * Do not edit directly
4823
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
4839
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
4824
4840
  */
4825
4841
 
4826
4842
  :root,
@@ -4848,7 +4864,7 @@ select {
4848
4864
 
4849
4865
  /**
4850
4866
  * Do not edit directly
4851
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
4867
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
4852
4868
  */
4853
4869
 
4854
4870
  :root,
@@ -4864,7 +4880,7 @@ select {
4864
4880
 
4865
4881
  /**
4866
4882
  * Do not edit directly
4867
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
4883
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
4868
4884
  */
4869
4885
 
4870
4886
  :root {
@@ -4986,7 +5002,7 @@ select {
4986
5002
 
4987
5003
  /**
4988
5004
  * Do not edit directly
4989
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
5005
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
4990
5006
  */
4991
5007
 
4992
5008
  :root,
@@ -5002,7 +5018,7 @@ select {
5002
5018
 
5003
5019
  /**
5004
5020
  * Do not edit directly
5005
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
5021
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
5006
5022
  */
5007
5023
 
5008
5024
  :root,
@@ -5248,7 +5264,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5248
5264
 
5249
5265
  /**
5250
5266
  * Do not edit directly
5251
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
5267
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
5252
5268
  */
5253
5269
 
5254
5270
  :root {
@@ -5257,7 +5273,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5257
5273
 
5258
5274
  /**
5259
5275
  * Do not edit directly
5260
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
5276
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
5261
5277
  */
5262
5278
 
5263
5279
  :root,
@@ -5275,7 +5291,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5275
5291
 
5276
5292
  /**
5277
5293
  * Do not edit directly
5278
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
5294
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
5279
5295
  */
5280
5296
 
5281
5297
  :root {
@@ -5406,7 +5422,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
5406
5422
 
5407
5423
  /**
5408
5424
  * Do not edit directly
5409
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
5425
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
5410
5426
  */
5411
5427
 
5412
5428
  :root,
@@ -6507,7 +6523,7 @@ Fixes safari bug where outline doesn't respect border-radius
6507
6523
 
6508
6524
  /**
6509
6525
  * Do not edit directly
6510
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
6526
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
6511
6527
  */
6512
6528
 
6513
6529
  :root {
@@ -6521,7 +6537,7 @@ Fixes safari bug where outline doesn't respect border-radius
6521
6537
 
6522
6538
  /**
6523
6539
  * Do not edit directly
6524
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
6540
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
6525
6541
  */
6526
6542
 
6527
6543
  :root {
@@ -6731,7 +6747,7 @@ Fixes safari bug where outline doesn't respect border-radius
6731
6747
 
6732
6748
  /**
6733
6749
  * Do not edit directly
6734
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
6750
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
6735
6751
  */
6736
6752
 
6737
6753
  :root,
@@ -6747,7 +6763,7 @@ Fixes safari bug where outline doesn't respect border-radius
6747
6763
 
6748
6764
  /**
6749
6765
  * Do not edit directly
6750
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
6766
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
6751
6767
  */
6752
6768
 
6753
6769
  :root {
@@ -7065,7 +7081,7 @@ Fixes safari bug where outline doesn't respect border-radius
7065
7081
 
7066
7082
  /**
7067
7083
  * Do not edit directly
7068
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
7084
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
7069
7085
  */
7070
7086
 
7071
7087
  :root,
@@ -7481,7 +7497,7 @@ html {
7481
7497
 
7482
7498
  /**
7483
7499
  * Do not edit directly
7484
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
7500
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
7485
7501
  */
7486
7502
 
7487
7503
  :root,
@@ -7659,7 +7675,7 @@ html {
7659
7675
 
7660
7676
  /**
7661
7677
  * Do not edit directly
7662
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
7678
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
7663
7679
  */
7664
7680
 
7665
7681
  :root,
@@ -7786,7 +7802,7 @@ html {
7786
7802
 
7787
7803
  /**
7788
7804
  * Do not edit directly
7789
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
7805
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
7790
7806
  */
7791
7807
 
7792
7808
  :root,
@@ -7914,6 +7930,88 @@ html {
7914
7930
  color: var(--brand-Pillar-icon-color-yellow);
7915
7931
  }
7916
7932
 
7933
+ /**
7934
+ * Do not edit directly
7935
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
7936
+ */
7937
+
7938
+ :root {
7939
+ --brand-Card-animation-easing: var(--brand-animation-easing-default);
7940
+ --brand-Card-animation-duration: 600ms;
7941
+ --brand-Card-shadow: 0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%);
7942
+ --brand-Card-maxWidth: 26.25rem;
7943
+ }
7944
+
7945
+ /**
7946
+ * Do not edit directly
7947
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
7948
+ */
7949
+
7950
+ :root,
7951
+ [data-color-mode="light"] {
7952
+ --brand-Card-background-default: var(--brand-color-canvas-default);
7953
+ --brand-Card-icon-background-default: var(--base-color-scale-gray-0);
7954
+ --brand-Card-icon-background-blue: var(--base-color-scale-blue-0);
7955
+ --brand-Card-icon-background-coral: var(--base-color-scale-coral-0);
7956
+ --brand-Card-icon-background-green: var(--base-color-scale-green-0);
7957
+ --brand-Card-icon-background-gray: var(--base-color-scale-gray-0);
7958
+ --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-0);
7959
+ --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-0);
7960
+ --brand-Card-icon-background-lime: var(--base-color-scale-lime-0);
7961
+ --brand-Card-icon-background-orange: var(--base-color-scale-orange-0);
7962
+ --brand-Card-icon-background-pink: var(--base-color-scale-pink-0);
7963
+ --brand-Card-icon-background-purple: var(--base-color-scale-purple-0);
7964
+ --brand-Card-icon-background-red: var(--base-color-scale-red-0);
7965
+ --brand-Card-icon-background-teal: var(--base-color-scale-teal-0);
7966
+ --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-0);
7967
+ --brand-Card-icon-color-default: var(--brand-color-scale-gray-5);
7968
+ --brand-Card-icon-color-blue: var(--base-color-scale-blue-5);
7969
+ --brand-Card-icon-color-coral: var(--base-color-scale-coral-5);
7970
+ --brand-Card-icon-color-green: var(--base-color-scale-green-5);
7971
+ --brand-Card-icon-color-gray: var(--base-color-scale-gray-6);
7972
+ --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-5);
7973
+ --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-5);
7974
+ --brand-Card-icon-color-lime: var(--base-color-scale-lime-5);
7975
+ --brand-Card-icon-color-orange: var(--base-color-scale-orange-5);
7976
+ --brand-Card-icon-color-pink: var(--base-color-scale-pink-5);
7977
+ --brand-Card-icon-color-purple: var(--base-color-scale-purple-5);
7978
+ --brand-Card-icon-color-red: var(--base-color-scale-red-5);
7979
+ --brand-Card-icon-color-teal: var(--base-color-scale-teal-5);
7980
+ --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-5);
7981
+ }
7982
+
7983
+ [data-color-mode="dark"] {
7984
+ --brand-Card-background-default: var(--brand-color-canvas-subtle);
7985
+ --brand-Card-icon-background-default: var(--base-color-scale-gray-6);
7986
+ --brand-Card-icon-background-blue: var(--base-color-scale-blue-8);
7987
+ --brand-Card-icon-background-coral: var(--base-color-scale-coral-8);
7988
+ --brand-Card-icon-background-green: var(--base-color-scale-green-8);
7989
+ --brand-Card-icon-background-gray: var(--base-color-scale-gray-6);
7990
+ --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-8);
7991
+ --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-8);
7992
+ --brand-Card-icon-background-lime: var(--base-color-scale-lime-8);
7993
+ --brand-Card-icon-background-orange: var(--base-color-scale-orange-8);
7994
+ --brand-Card-icon-background-pink: var(--base-color-scale-pink-8);
7995
+ --brand-Card-icon-background-purple: var(--base-color-scale-purple-8);
7996
+ --brand-Card-icon-background-red: var(--base-color-scale-red-8);
7997
+ --brand-Card-icon-background-teal: var(--base-color-scale-teal-8);
7998
+ --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-8);
7999
+ --brand-Card-icon-color-default: var(--brand-color-scale-gray-2);
8000
+ --brand-Card-icon-color-blue: var(--base-color-scale-blue-2);
8001
+ --brand-Card-icon-color-coral: var(--base-color-scale-coral-2);
8002
+ --brand-Card-icon-color-green: var(--base-color-scale-green-2);
8003
+ --brand-Card-icon-color-gray: var(--base-color-scale-gray-2);
8004
+ --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-2);
8005
+ --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-2);
8006
+ --brand-Card-icon-color-lime: var(--base-color-scale-lime-2);
8007
+ --brand-Card-icon-color-orange: var(--base-color-scale-orange-2);
8008
+ --brand-Card-icon-color-pink: var(--base-color-scale-pink-2);
8009
+ --brand-Card-icon-color-purple: var(--base-color-scale-purple-2);
8010
+ --brand-Card-icon-color-red: var(--base-color-scale-red-2);
8011
+ --brand-Card-icon-color-teal: var(--base-color-scale-teal-2);
8012
+ --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-2);
8013
+ }
8014
+
7917
8015
  .Primer_Brand__Card-module__Card___ByGEk {
7918
8016
  max-width: var(--brand-Card-maxWidth);
7919
8017
  text-decoration: none;
@@ -8215,88 +8313,6 @@ html {
8215
8313
  z-index: -1;
8216
8314
  }
8217
8315
 
8218
- /**
8219
- * Do not edit directly
8220
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
8221
- */
8222
-
8223
- :root {
8224
- --brand-Card-animation-easing: var(--brand-animation-easing-default);
8225
- --brand-Card-animation-duration: 600ms;
8226
- --brand-Card-shadow: 0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%);
8227
- --brand-Card-maxWidth: 26.25rem;
8228
- }
8229
-
8230
- /**
8231
- * Do not edit directly
8232
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
8233
- */
8234
-
8235
- :root,
8236
- [data-color-mode="light"] {
8237
- --brand-Card-background-default: var(--brand-color-canvas-default);
8238
- --brand-Card-icon-background-default: var(--base-color-scale-gray-0);
8239
- --brand-Card-icon-background-blue: var(--base-color-scale-blue-0);
8240
- --brand-Card-icon-background-coral: var(--base-color-scale-coral-0);
8241
- --brand-Card-icon-background-green: var(--base-color-scale-green-0);
8242
- --brand-Card-icon-background-gray: var(--base-color-scale-gray-0);
8243
- --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-0);
8244
- --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-0);
8245
- --brand-Card-icon-background-lime: var(--base-color-scale-lime-0);
8246
- --brand-Card-icon-background-orange: var(--base-color-scale-orange-0);
8247
- --brand-Card-icon-background-pink: var(--base-color-scale-pink-0);
8248
- --brand-Card-icon-background-purple: var(--base-color-scale-purple-0);
8249
- --brand-Card-icon-background-red: var(--base-color-scale-red-0);
8250
- --brand-Card-icon-background-teal: var(--base-color-scale-teal-0);
8251
- --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-0);
8252
- --brand-Card-icon-color-default: var(--brand-color-scale-gray-5);
8253
- --brand-Card-icon-color-blue: var(--base-color-scale-blue-5);
8254
- --brand-Card-icon-color-coral: var(--base-color-scale-coral-5);
8255
- --brand-Card-icon-color-green: var(--base-color-scale-green-5);
8256
- --brand-Card-icon-color-gray: var(--base-color-scale-gray-6);
8257
- --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-5);
8258
- --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-5);
8259
- --brand-Card-icon-color-lime: var(--base-color-scale-lime-5);
8260
- --brand-Card-icon-color-orange: var(--base-color-scale-orange-5);
8261
- --brand-Card-icon-color-pink: var(--base-color-scale-pink-5);
8262
- --brand-Card-icon-color-purple: var(--base-color-scale-purple-5);
8263
- --brand-Card-icon-color-red: var(--base-color-scale-red-5);
8264
- --brand-Card-icon-color-teal: var(--base-color-scale-teal-5);
8265
- --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-5);
8266
- }
8267
-
8268
- [data-color-mode="dark"] {
8269
- --brand-Card-background-default: var(--brand-color-canvas-subtle);
8270
- --brand-Card-icon-background-default: var(--base-color-scale-gray-6);
8271
- --brand-Card-icon-background-blue: var(--base-color-scale-blue-8);
8272
- --brand-Card-icon-background-coral: var(--base-color-scale-coral-8);
8273
- --brand-Card-icon-background-green: var(--base-color-scale-green-8);
8274
- --brand-Card-icon-background-gray: var(--base-color-scale-gray-6);
8275
- --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-8);
8276
- --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-8);
8277
- --brand-Card-icon-background-lime: var(--base-color-scale-lime-8);
8278
- --brand-Card-icon-background-orange: var(--base-color-scale-orange-8);
8279
- --brand-Card-icon-background-pink: var(--base-color-scale-pink-8);
8280
- --brand-Card-icon-background-purple: var(--base-color-scale-purple-8);
8281
- --brand-Card-icon-background-red: var(--base-color-scale-red-8);
8282
- --brand-Card-icon-background-teal: var(--base-color-scale-teal-8);
8283
- --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-8);
8284
- --brand-Card-icon-color-default: var(--brand-color-scale-gray-2);
8285
- --brand-Card-icon-color-blue: var(--base-color-scale-blue-2);
8286
- --brand-Card-icon-color-coral: var(--base-color-scale-coral-2);
8287
- --brand-Card-icon-color-green: var(--base-color-scale-green-2);
8288
- --brand-Card-icon-color-gray: var(--base-color-scale-gray-2);
8289
- --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-2);
8290
- --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-2);
8291
- --brand-Card-icon-color-lime: var(--base-color-scale-lime-2);
8292
- --brand-Card-icon-color-orange: var(--base-color-scale-orange-2);
8293
- --brand-Card-icon-color-pink: var(--base-color-scale-pink-2);
8294
- --brand-Card-icon-color-purple: var(--base-color-scale-purple-2);
8295
- --brand-Card-icon-color-red: var(--base-color-scale-red-2);
8296
- --brand-Card-icon-color-teal: var(--base-color-scale-teal-2);
8297
- --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-2);
8298
- }
8299
-
8300
8316
  .Primer_Brand__SectionIntro-module__SectionIntro___RduRB {
8301
8317
  display: flex;
8302
8318
  flex-direction: column;
@@ -8352,7 +8368,7 @@ html {
8352
8368
 
8353
8369
  /**
8354
8370
  * Do not edit directly
8355
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
8371
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
8356
8372
  */
8357
8373
 
8358
8374
  :root,
@@ -8796,7 +8812,7 @@ html {
8796
8812
 
8797
8813
  /**
8798
8814
  * Do not edit directly
8799
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
8815
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
8800
8816
  */
8801
8817
 
8802
8818
  :root {
@@ -8807,7 +8823,7 @@ html {
8807
8823
 
8808
8824
  /**
8809
8825
  * Do not edit directly
8810
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
8826
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
8811
8827
  */
8812
8828
 
8813
8829
  :root,
@@ -13044,7 +13060,7 @@ html {
13044
13060
 
13045
13061
  /**
13046
13062
  * Do not edit directly
13047
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
13063
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
13048
13064
  */
13049
13065
 
13050
13066
  :root {
@@ -13062,7 +13078,7 @@ html {
13062
13078
 
13063
13079
  /**
13064
13080
  * Do not edit directly
13065
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
13081
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
13066
13082
  */
13067
13083
 
13068
13084
  :root,
@@ -13078,7 +13094,7 @@ html {
13078
13094
 
13079
13095
  /**
13080
13096
  * Do not edit directly
13081
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
13097
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
13082
13098
  */
13083
13099
 
13084
13100
  :root {
@@ -13303,7 +13319,7 @@ html {
13303
13319
 
13304
13320
  /**
13305
13321
  * Do not edit directly
13306
- * Generated on Mon, 23 Oct 2023 14:03:30 GMT
13322
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
13307
13323
  */
13308
13324
 
13309
13325
  :root,
@@ -13317,7 +13333,7 @@ html {
13317
13333
 
13318
13334
  /**
13319
13335
  * Do not edit directly
13320
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
13336
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
13321
13337
  */
13322
13338
 
13323
13339
  :root {
@@ -13331,7 +13347,7 @@ html {
13331
13347
 
13332
13348
  /**
13333
13349
  * Do not edit directly
13334
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
13350
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
13335
13351
  */
13336
13352
 
13337
13353
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3
+ * Generated on Wed, 25 Oct 2023 12:53:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Oct 2023 14:03:29 GMT
3
+ * Generated on Wed, 25 Oct 2023 12:53:10 GMT
4
4
  */
5
5
 
6
6
  :root,