@primer/react-brand 0.4.0-rc.dad5972 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/lib/Button/Button.d.ts +2 -0
  2. package/lib/css/main.css +24 -17
  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/colors/global-with-modes.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  27. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  28. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  29. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  30. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  31. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  32. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  33. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  34. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  35. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  36. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  37. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  38. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  39. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  40. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  41. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  42. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  44. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  45. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  46. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  47. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  48. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  49. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  50. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  51. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  52. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  53. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  54. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  55. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  56. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  57. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  58. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  59. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  60. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  62. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  63. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  64. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  65. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  66. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  67. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  68. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  69. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  70. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  71. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  72. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  73. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  74. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  75. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  76. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  77. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  78. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  79. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  80. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  81. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  82. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  83. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  99. package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
  100. package/lib/forms/Select/Select.d.ts +1 -1
  101. package/lib/forms/TextInput/TextInput.d.ts +2 -2
  102. package/lib/index.js +1 -1
  103. package/package.json +1 -1
  104. package/CHANGELOG.md +0 -198
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see index.js.LICENSE.txt */
2
- !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define("@primer/react-brand",[],r):"object"==typeof exports?exports["@primer/react-brand"]=r(require("react")):e["@primer/react-brand"]=r(e.React)}(this,(e=>(()=>{"use strict";var r={418:e=>{var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function a(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,_){for(var i,l,o=a(e),d=1;d<arguments.length;d++){for(var s in i=Object(arguments[d]))t.call(i,s)&&(o[s]=i[s]);if(r){l=r(i);for(var u=0;u<l.length;u++)n.call(i,l[u])&&(o[l[u]]=i[l[u]])}}return o}},921:(e,r)=>{var t=60103,n=60106,a=60107,_=60108,i=60114,l=60109,o=60110,d=60112,s=60113,u=60120,m=60115,c=60116;if("function"==typeof Symbol&&Symbol.for){var p=Symbol.for;t=p("react.element"),n=p("react.portal"),a=p("react.fragment"),_=p("react.strict_mode"),i=p("react.profiler"),l=p("react.provider"),o=p("react.context"),d=p("react.forward_ref"),s=p("react.suspense"),u=p("react.suspense_list"),m=p("react.memo"),c=p("react.lazy"),p("react.block"),p("react.server.block"),p("react.fundamental"),p("react.debug_trace_mode"),p("react.legacy_hidden")}r.isFragment=function(e){return function(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case t:switch(e=e.type){case a:case i:case _:case s:case u:return e;default:switch(e=e&&e.$$typeof){case o:case d:case c:case m:case l:return e;default:return r}}case n:return r}}}(e)===a}},864:(e,r,t)=>{e.exports=t(921)},251:(e,r,t)=>{t(418);var n=t(697),a=60103;if("function"==typeof Symbol&&Symbol.for){var _=Symbol.for;a=_("react.element"),_("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,o={key:!0,ref:!0,__self:!0,__source:!0};function d(e,r,t){var n,_={},d=null,s=null;for(n in void 0!==t&&(d=""+t),void 0!==r.key&&(d=""+r.key),void 0!==r.ref&&(s=r.ref),r)l.call(r,n)&&!o.hasOwnProperty(n)&&(_[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===_[n]&&(_[n]=r[n]);return{$$typeof:a,type:e,key:d,ref:s,props:_,_owner:i.current}}r.jsx=d,r.jsxs=d},893:(e,r,t)=>{e.exports=t(251)},697:r=>{r.exports=e}},t={};function n(e){var a=t[e];if(void 0!==a)return a.exports;var _=t[e]={exports:{}};return r[e](_,_.exports,n),_.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{Accordion:()=>G,AccordionContent:()=>D,AccordionHeading:()=>U,AccordionRoot:()=>W,Button:()=>f,Checkbox:()=>de,ColorModesEnum:()=>C,FAQ:()=>ee,FormControl:()=>ye,Heading:()=>P,HeadingSizes:()=>T,HeadingTags:()=>I,Hero:()=>y,InlineLink:()=>$,Link:()=>q,River:()=>z,Select:()=>xe,Text:()=>h,TextInput:()=>ue,TextSizes:()=>s,TextTags:()=>u,TextVariants:()=>m,ThemeContext:()=>j,ThemeProvider:()=>F,classMap:()=>b,defaultHeadingTag:()=>B,defaultRiverAlign:()=>E,defaultRiverImageTextRatio:()=>k,defaultTextSize:()=>p,defaultTextTag:()=>c,defaultTextVariant:()=>x,getHeadingWarning:()=>M,useTheme:()=>S});var e=n(893),r=n(697),t=n.n(r);function _(e){var r,t,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(r=0;r<e.length;r++)e[r]&&(t=_(e[r]))&&(n&&(n+=" "),n+=t);else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function i(){for(var e,r,t=0,n="";t<arguments.length;)(e=arguments[t++])&&(r=_(e))&&(n&&(n+=" "),n+=r);return n}const l={Hero:"Primer_Brand__Hero-module__Hero___EM3jf","Hero--align-start":"Primer_Brand__Hero-module__Hero--align-start___m8GEr","Hero--align-center":"Primer_Brand__Hero-module__Hero--align-center___HUXm3","Hero-heading":"Primer_Brand__Hero-module__Hero-heading___QuVBH","Hero-description":"Primer_Brand__Hero-module__Hero-description___vG4iA","Hero-actions":"Primer_Brand__Hero-module__Hero-actions___oH1NT"};function o({className:r,expanded:t=!1}){return(0,e.jsxs)("svg",{className:i("Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek",t&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr",r),width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,e.jsx)("path",{fill:"currentColor",d:"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"}),(0,e.jsx)("path",{className:i("Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy",t&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9"),stroke:"currentColor",d:"M1.75 8H11",strokeWidth:"1.5",strokeLinecap:"round"})]})}const d={Text:"Primer_Brand__Text-module__Text___pecHN","Text--default":"Primer_Brand__Text-module__Text--default___DChoE","Text--muted":"Primer_Brand__Text-module__Text--muted___lTaVa","Text--700":"Primer_Brand__Text-module__Text--700___cOggy","Text--600":"Primer_Brand__Text-module__Text--600___ThppA","Text--500":"Primer_Brand__Text-module__Text--500___orDRu","Text--400":"Primer_Brand__Text-module__Text--400___y7m4l","Text--300":"Primer_Brand__Text-module__Text--300___TBQTB","Text--200":"Primer_Brand__Text-module__Text--200___XAIGT","Text--100":"Primer_Brand__Text-module__Text--100___csEom"},s=["700","600","500","400","300","200","100"],u=["p","span","div"],m=["default","muted"],c=u[1],p=s[3],x=m[0];function h({as:r=c,className:n,children:a,size:_=p,variant:l=x,...o}){const s=i(d.Text,d[`Text--${l}`],d[`Text--${_}`],n),u=t().Children.toArray(a).map((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===$?t().cloneElement(e,{size:_}):e));return"p"===r?(0,e.jsx)("p",{className:s,...o,children:u}):"div"===r?(0,e.jsx)("div",{className:s,...o,children:u}):(0,e.jsx)("span",{className:s,...o,children:u})}const g={Button:"Primer_Brand__Button-module__Button___lDruK","Button--label":"Primer_Brand__Button-module__Button--label___lUBc0","Button-arrow":"Primer_Brand__Button-module__Button-arrow___SkJXQ","Button--primary":"Primer_Brand__Button-module__Button--primary___xIC7G","Button--label-primary":"Primer_Brand__Button-module__Button--label-primary___Leisi","Button--secondary":"Primer_Brand__Button-module__Button--secondary___akMC2"},f=(0,r.forwardRef)((({as:r,variant:n="secondary",className:a,children:_,onMouseEnter:l,onMouseLeave:d,onFocus:s,onBlur:u,...m},c)=>{const[p,x]=t().useState(!1),[f,v]=t().useState(!1),T=r||"button";return(0,e.jsxs)(T,{ref:c,className:i(g.Button,g[`Button--${n}`],a),onMouseEnter:e=>{x(!0),l?.(e)},onMouseLeave:e=>{x(!1),d?.(e)},onFocus:e=>{v(!0),s?.(e)},onBlur:e=>{v(!1),u?.(e)},...m,children:[(0,e.jsx)(h,{as:"span",size:"400",className:i(g["Button--label"],"primary"===n&&g["Button--label-primary"]),children:_}),(0,e.jsx)(o,{className:g["Button-arrow"],expanded:p||f})]})})),v={Heading:"Primer_Brand__Heading-module__Heading___IVpmp","Heading--1":"Primer_Brand__Heading-module__Heading--1___Ufc7G","Heading--2":"Primer_Brand__Heading-module__Heading--2___TFg09","Heading--3":"Primer_Brand__Heading-module__Heading--3___wsITu","Heading--4":"Primer_Brand__Heading-module__Heading--4___C9jDG","Heading--5":"Primer_Brand__Heading-module__Heading--5___HgypG","Heading--6":"Primer_Brand__Heading-module__Heading--6___FEQ_V"},T=["1","2","3","4","5","6"],I=["h1","h2","h3","h4","h5","h6"],B=I[1],b={h1:T[0],h2:T[1],h3:T[2],h4:T[3],h5:T[4],h6:T[5]},P=(0,r.forwardRef)((({className:r,children:n,as:a=B,..._},l)=>{const o=i(v.Heading,v[`Heading--${b[a]}`],r),d=t().useCallback((({...e})=>I.includes(a)?t().createElement(a,e,n):(console.error(`Heading: 'as' prop must be one of ${I.join(", ")}`),null)),[a,n]);return(0,e.jsx)(d,{className:o,ref:l,..._,children:n})})),y=(0,r.forwardRef)((({className:r,heading:t,description:n,primaryAction:a,secondaryAction:_,align:o="start",...d},s)=>(0,e.jsxs)("div",{className:i(l.Hero,l[`Hero--align-${o}`],r),ref:s,...d,children:[(0,e.jsx)(P,{className:l["Hero-heading"],as:"h1",children:t}),n?(0,e.jsx)(h,{className:l["Hero-description"],as:"p",size:"400",variant:"muted",children:n}):null,(0,e.jsxs)("div",{className:l["Hero-actions"],children:[(0,e.jsx)(f,{as:"a",variant:"primary",href:a.href,children:a.text}),_?(0,e.jsx)(f,{as:"a",variant:"secondary",href:_.href,children:_.text}):null]})]})));var C;!function(e){e.LIGHT="light",e.DARK="dark",e.AUTO="auto"}(C||(C={}));const w=C.LIGHT,j=(0,r.createContext)({colorMode:w,availableColorModes:Object.values(C)});function F({colorMode:t=w,children:n,...a}){const[_,i]=(0,r.useState)(t),l=(0,r.useMemo)((()=>Object.values(C)),[]);return(0,r.useEffect)((()=>(t===C.AUTO?i(A()):_!==t&&i(t),R(i))),[t,_,i]),(0,e.jsx)(j.Provider,{value:{colorMode:_,availableColorModes:l},children:(0,e.jsx)("div",{"data-color-mode":_,...a,children:n})})}const N=()=>window.matchMedia(`(prefers-color-scheme: ${C.DARK})`),A=()=>N().matches?C.DARK:C.LIGHT,R=e=>{const r=N(),t=r=>e(r.matches?C.DARK:C.LIGHT);return r.addEventListener("change",t),()=>r.removeEventListener("change",t)},S=()=>(0,r.useContext)(j),H={River:"Primer_Brand__River-module__River___VHPl5","River--align-center":"Primer_Brand__River-module__River--align-center___TH7xI",River__visual:"Primer_Brand__River-module__River__visual___sTe_U","River__visual--fill-media":"Primer_Brand__River-module__River__visual--fill-media___AVMgH","River__visual--has-shadow":"Primer_Brand__River-module__River__visual--has-shadow___cL9nP",River__heading:"Primer_Brand__River-module__River__heading___pwKXi","River__call-to-action":"Primer_Brand__River-module__River__call-to-action___GIOCe",River__text:"Primer_Brand__River-module__River__text___ZlR1K","River--50-50":"Primer_Brand__River-module__River--50-50___cpSFU","River--60-40":"Primer_Brand__River-module__River--60-40___XDKAU","River--align-start":"Primer_Brand__River-module__River--align-start___L0mn_","River--align-end":"Primer_Brand__River-module__River--align-end___UIM3e",River__content:"Primer_Brand__River-module__River__content___opQUA","River__body-text":"Primer_Brand__River-module__River__body-text___tt2Yf"},k="50:50",E="start",L=(0,r.forwardRef)((({imageTextRatio:r=k,align:n=E,className:a,children:_,...l},o)=>{const{Visual:d,Content:s}=t().Children.toArray(_).reduce(((e,r)=>(t().isValidElement(r)&&"string"!=typeof r.type&&(r.type===V&&(e.Visual=r),r.type===O&&(e.Content=r)),e)),{Visual:null,Content:null}),u="start"===n||"center"===n?[s,d]:[d,s];return(0,e.jsx)("section",{className:i(H.River,H[`River--${r.replace(":","-")}`],H[`River--align-${n}`],a),...l,ref:o,children:u})})),M=e=>`River.Content does not accept a Heading with as="${e}". River automatically applies as="h3" by default.`,O=(0,r.forwardRef)((({children:r,leadingComponent:n,trailingComponent:a,..._},l)=>{const o=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===P)),d=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===h)),s=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===q));return(0,e.jsxs)("div",{className:H.River__content,..._,ref:l,children:[n&&(0,e.jsx)("div",{children:(0,e.jsx)(n,{})}),t().isValidElement(o)&&(0,e.jsx)("div",{className:H.River__heading,children:t().cloneElement(o,{as:(e=>{const{as:r}=e.props;return r&&I.includes(r)&&"h3"!==r&&console.warn(M(r)),"h3"})(o)})}),t().isValidElement(d)&&(0,e.jsx)("div",{className:H["River__body-text"],children:t().cloneElement(d,{variant:"muted",as:"p",className:i(H.River__text,d.props.className)})}),t().isValidElement(s)&&(0,e.jsx)("div",{className:H["River__call-to-action"],children:t().cloneElement(s,{size:"large"})}),a&&(0,e.jsx)("div",{children:(0,e.jsx)(a,{})})]})})),V=(0,r.forwardRef)((({fillMedia:r=!0,children:t,className:n,hasShadow:a=!0,..._},l)=>(0,e.jsx)("div",{className:i(H.River__visual,a&&H["River__visual--has-shadow"],r&&H["River__visual--fill-media"],n),..._,ref:l,children:t}))),z=Object.assign(L,{Visual:V,Content:O}),$=(0,r.forwardRef)((({className:r,size:t=p,children:n,href:a,..._},l)=>{const o=i("Primer_Brand__InlineLink-module__InlineLink___U_Ama",r);return(0,e.jsx)("a",{href:a,className:o,..._,ref:l,children:(0,e.jsx)(h,{size:t,as:"span",children:n})})})),Q={Link:"Primer_Brand__Link-module__Link___lvKjM","Link--label":"Primer_Brand__Link-module__Link--label___j8etE","Link-arrow":"Primer_Brand__Link-module__Link-arrow___HBMJ9","Link--large":"Primer_Brand__Link-module__Link--large___cXMt5"};function q({size:n="medium",className:a,children:_,onMouseEnter:l,onMouseLeave:d,onFocus:s,onBlur:u,...m}){const[c,p]=t().useState(!1),[x,g]=t().useState(!1),f=(0,r.useCallback)((e=>{p(!c),l?.(e)}),[l,c]),v=(0,r.useCallback)((e=>{p(!c),d?.(e)}),[d,c]),T=(0,r.useCallback)((e=>{g(!x),s?.(e)}),[s,x]),I=(0,r.useCallback)((e=>{g(!x),u?.(e)}),[u,x]);return(0,e.jsxs)("a",{className:i(Q.Link,Q[`Link--${n}`],a),onMouseEnter:f,onMouseLeave:v,onFocus:T,onBlur:I,...m,children:[(0,e.jsx)(h,{as:"span",size:{medium:"300",large:"400"}[n],className:i(Q["Link--label"]),children:_}),(0,e.jsx)(o,{className:Q["Link-arrow"],expanded:c||x})]})}const W=(0,r.forwardRef)((({children:r,className:n,open:a=!1,..._},l)=>{const{AccordionHeading:o,AccordionContent:d}=t().Children.toArray(r).reduce(((e,r)=>(t().isValidElement(r)&&"string"!=typeof r.type&&(r.type===D&&(e.AccordionContent=r),r.type===U&&(e.AccordionHeading=r)),e)),{AccordionHeading:null,AccordionContent:null});return(0,e.jsxs)("details",{className:i("Primer_Brand__Accordion-module__Accordion___M_LPt",n),open:a,..._,ref:l,children:[o,d]})})),U=(0,r.forwardRef)((({children:r,className:t,...n},a)=>(0,e.jsx)("summary",{className:i("Primer_Brand__Accordion-module__Accordion__summary___NUIYc",t),ref:a,...n,children:(0,e.jsx)(P,{as:"h4",className:"Primer_Brand__Accordion-module__Accordion__summary-heading_____snF",children:r})})));function D({children:r,className:n,...a}){const _=t().isValidElement(r)&&r.type===t().Fragment?r.props.children:r,l=t().Children.map(_,(r=>t().isValidElement(r)&&"string"==typeof r.type&&["p","span"].includes(r.type)?t().cloneElement(r,{children:(0,e.jsx)(h,{variant:"muted",size:"300",as:"span",children:r.props.children})}):r));return(0,e.jsx)("section",{className:i("Primer_Brand__Accordion-module__Accordion__content___wMZGe",n),...a,children:t().Children.toArray(l).map((e=>t().isValidElement(e)&&t().cloneElement(e,{className:i("Primer_Brand__Accordion-module__Accordion__content-item___M_dlm",e.props.className)})))})}const G=Object.assign(W,{Content:D,Heading:U});var K=n(864);const Z={FAQ:"Primer_Brand__FAQ-module__FAQ___R3vLU",FAQ__heading:"Primer_Brand__FAQ-module__FAQ__heading___bH0aG",FAQ__subheading:"Primer_Brand__FAQ-module__FAQ__subheading___I4puv","FAQ__heading--start":"Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3","FAQ__heading--center":"Primer_Brand__FAQ-module__FAQ__heading--center___xMpbW","FAQ__heading--large":"Primer_Brand__FAQ-module__FAQ__heading--large___pBEPT","FAQ__heading--with-margin":"Primer_Brand__FAQ-module__FAQ__heading--with-margin___S2_ET"},X=(0,r.forwardRef)((({children:r,className:n,...a},_)=>{const l=t().Children.toArray(r).some((e=>(0,K.isFragment)(e))),o=t().Children.toArray(r).filter((e=>!(!t().isValidElement(e)||"string"==typeof e.type||!l&&e.type!==J&&e.type!==Y&&e.type!==W))),d=t().Children.toArray(r).some((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===Y));return(0,e.jsx)("section",{className:i(Z.FAQ,n),ref:_,...a,children:t().Children.toArray(o).map((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===J?t().cloneElement(e,{align:d?"start":e.props.align,size:d?"large":e.props.size,className:i(!d&&Z["FAQ__heading--with-margin"],e.props.className)}):e))})})),J=(0,r.forwardRef)((({children:r,className:t,size:n="medium",align:a="center",..._},l)=>{const o="medium"===n?"h3":"h2";return(0,e.jsx)(P,{as:o,className:i(Z.FAQ__heading,"large"===n&&Z["FAQ__heading--large"],Z[`FAQ__heading--${a}`],t),ref:l,..._,children:r})}));function Y({children:r,className:t,...n}){return(0,e.jsx)(P,{as:"h3",className:i(Z.FAQ__subheading,t),...n,children:r})}const ee=Object.assign(X,{Subheading:Y,Heading:J,Item:W,Question:U,Answer:D});function re(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var te=re()?r.useLayoutEffect:r.useEffect,ne=!1,ae=0;function _e(){return++ae}function ie(e){var t;if("function"==typeof r.useId){var n=(0,r.useId)(e);return null!=e?e:n}var a=null!=e?e:ne?_e():null,_=(0,r.useState)(a),i=_[0],l=_[1];return te((function(){null===i&&l(_e())}),[]),(0,r.useEffect)((function(){!1===ne&&(ne=!0)}),[]),null!=(t=null!=e?e:i)?t:void 0}const le="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?r.useLayoutEffect:r.useEffect,oe="Primer_Brand__Checkbox-module__Checkbox-checkmark___atiwt",de=(0,r.forwardRef)((({checked:t,className:n,indeterminate:a,disabled:_,id:l,onChange:o,required:d,validationStatus:s,value:u,...m},c)=>{const p=(0,r.useRef)(c||null),x=ie(l);return le((()=>{p.current&&(p.current.indeterminate=a||!1)}),[a,t,p]),(0,e.jsxs)("span",{className:"Primer_Brand__Checkbox-module__Checkbox-wrapper___qo8KL",children:[(0,e.jsx)("input",{id:x,"aria-checked":a?"mixed":t?"true":"false","aria-disabled":_?"true":"false","aria-invalid":"error"===s?"true":"false","aria-required":d?"true":"false",checked:!a&&t,className:i("Primer_Brand__Checkbox-module__Checkbox-input___sux6s"),disabled:_,name:u,onChange:o,ref:p,required:d,type:"checkbox",value:u,...m}),(0,e.jsxs)("label",{htmlFor:x,className:i("Primer_Brand__Checkbox-module__Checkbox___T8FJa",a&&"Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k",n),children:[!a&&(0,e.jsx)("svg",{viewBox:"0 0 100 100",className:i(oe),children:(0,e.jsx)("path",{className:i("Primer_Brand__Checkbox-module__Checkbox-checkmark-path___qgsjb"),fill:"none",stroke:"#000",strokeWidth:"13",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",d:"M12.1 52.1l24.4 24.4 53-53"})}),a&&(0,e.jsx)("svg",{className:i(oe),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"16",height:"16",children:(0,e.jsx)("path",{fillRule:"evenodd",d:"M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"})})]})]})})),se={TextInput:"Primer_Brand__TextInput-module__TextInput___EtKj3","TextInput--medium":"Primer_Brand__TextInput-module__TextInput--medium___kJrew","TextInput--large":"Primer_Brand__TextInput-module__TextInput--large___zpUvY","TextInput--fullWidth":"Primer_Brand__TextInput-module__TextInput--fullWidth___rbllM","TextInput-wrapper--disabled":"Primer_Brand__TextInput-module__TextInput-wrapper--disabled___HWTx_","TextInput-wrapper":"Primer_Brand__TextInput-module__TextInput-wrapper___HgxNu","TextInput-wrapper--fullWidth":"Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___eclO4","TextInput-wrapper--monospace":"Primer_Brand__TextInput-module__TextInput-wrapper--monospace___y1fd6","TextInput-wrapper--success":"Primer_Brand__TextInput-module__TextInput-wrapper--success___g5ODK","TextInput-wrapper--error":"Primer_Brand__TextInput-module__TextInput-wrapper--error___V7qtN","TextInput--has-leading-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS","TextInput--has-leading-visual--large":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9","TextInput--has-trailing-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM","TextInput--has-trailing-visual--large":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P","TextInput-leading-visual":"Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz","TextInput-trailing-visual":"Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L","TextInput-leading-visual-icon--medium":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu","TextInput-leading-visual-icon--large":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7","TextInput-leading-text":"Primer_Brand__TextInput-module__TextInput-leading-text___H5Cfr","TextInput-trailing-text":"Primer_Brand__TextInput-module__TextInput-trailing-text___ikt8X","TextInput-leading-text--disabled":"Primer_Brand__TextInput-module__TextInput-leading-text--disabled___APVY0","TextInput-trailing-text--disabled":"Primer_Brand__TextInput-module__TextInput-trailing-text--disabled___oM2Ls","TextInput-leading-text-inner":"Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j","TextInput-trailing-text-inner":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx","TextInput-leading-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra","TextInput-trailing-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA","TextInput-leading-text-inner--large":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI","TextInput-trailing-text-inner--large":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33","TextInput-leading-text--medium":"Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn","TextInput-trailing-text--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj","TextInput-leading-text--large":"Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE","TextInput-trailing-text--large":"Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq","TextInput--has-leading-text":"Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke","TextInput--has-trailing-text":"Primer_Brand__TextInput-module__TextInput--has-trailing-text___Rsoog","TextInput-leading-text--success":"Primer_Brand__TextInput-module__TextInput-leading-text--success___LLFx7","TextInput-trailing-text--success":"Primer_Brand__TextInput-module__TextInput-trailing-text--success___EfLVd","TextInput-leading-text--error":"Primer_Brand__TextInput-module__TextInput-leading-text--error___TM77D","TextInput-trailing-text--error":"Primer_Brand__TextInput-module__TextInput-trailing-text--error___R96jr"},ue=(0,r.forwardRef)((({className:r,disabled:n,fullWidth:a=!1,leadingText:_,leadingVisual:l,monospace:o,placeholder:d,size:s="medium",trailingText:u,trailingVisual:m,validationStatus:c,...p},x)=>(0,e.jsxs)("span",{className:i(se["TextInput-wrapper"],a&&se["TextInput-wrapper--fullWidth"],o&&se["TextInput-wrapper--monospace"],n&&se["TextInput-wrapper--disabled"],c&&se[`TextInput-wrapper--${c}`]),children:[_&&!l&&(0,e.jsx)("span",{className:i(se["TextInput-leading-text"],se[`TextInput-leading-text--${s}`],n&&se["TextInput-leading-text--disabled"],c&&se[`TextInput-leading-text--${c}`]),children:(0,e.jsx)("span",{className:i(se["TextInput-leading-text-inner"],se[`TextInput-leading-text-inner--${s}`]),children:_})}),l&&!_&&(0,e.jsx)("span",{className:se["TextInput-leading-visual"],children:"function"==typeof l?(0,e.jsx)(l,{className:i(se["TextInput-leading-visual-icon"],se[`TextInput-leading-visual-icon--${s}`])}):t().isValidElement(l)&&t().cloneElement(l,{className:i(se["TextInput-leading-visual-icon"],se[`TextInput-leading-visual-icon--${s}`]),width:"large"===s?20:16,height:"large"===s?20:16})}),(0,e.jsx)("input",{type:"text",ref:x,className:i(se.TextInput,"TextInput",se[`TextInput--${s}`],a&&se["TextInput--fullWidth"],l&&se[`TextInput--has-leading-visual--${s}`],m&&se["TextInput--has-trailing-visual"],c&&se[`TextInput--${c}`],_&&!l&&se["TextInput--has-leading-text"],u&&!m&&se["TextInput--has-trailing-text"],r),placeholder:d,disabled:n,"aria-invalid":"error"===c,...p}),m&&!u&&(0,e.jsx)("span",{className:se["TextInput-trailing-visual"],children:"function"==typeof m?(0,e.jsx)(m,{className:i(se["TextInput-trailing-visual-icon"],se[`TextInput-trailing-visual-icon--${s}`])}):t().isValidElement(m)&&t().cloneElement(m,{className:i(se["TextInput-trailing-visual-icon"],se[`TextInput-trailing-visual-icon--${s}`]),width:"large"===s?20:16,height:"large"===s?20:16})}),u&&!m&&(0,e.jsx)("span",{className:i(se["TextInput-trailing-text"],se[`TextInput-trailing-text--${s}`],n&&se["TextInput-trailing-text--disabled"],c&&se[`TextInput-trailing-text--${c}`]),children:(0,e.jsx)("span",{className:i(se["TextInput-trailing-text-inner"],se[`TextInput-trailing-text-inner--${s}`]),children:u})})]})));ue.displayName="TextInput";const me={Select:"Primer_Brand__Select-module__Select___Jqn1f","focus-visible":"Primer_Brand__Select-module__focus-visible___viA1m","Select-arrow-indicator":"Primer_Brand__Select-module__Select-arrow-indicator___LTpJz","Select-arrow-indicator--disabled":"Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI","Select--medium":"Primer_Brand__Select-module__Select--medium___kckBr","Select--large":"Primer_Brand__Select-module__Select--large___A7u6F","Select--fullWidth":"Primer_Brand__Select-module__Select--fullWidth___PLk5U","Select-wrapper":"Primer_Brand__Select-module__Select-wrapper___iV0Tg","Select-wrapper--disabled":"Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y","Select-wrapper--fullWidth":"Primer_Brand__Select-module__Select-wrapper--fullWidth___oOOo4","Select--success":"Primer_Brand__Select-module__Select--success___pkmVg","Select--error":"Primer_Brand__Select-module__Select--error___A9JuG"},ce=(0,r.forwardRef)((({children:r,className:t,disabled:n,fullWidth:a=!1,placeholder:_,size:l="medium",validationStatus:o,...d},s)=>(0,e.jsxs)("span",{className:i(me["Select-wrapper"],a&&me["Select-wrapper--fullWidth"],o&&me[`Select--${o}`],n&&me["Select-wrapper--disabled"]),children:[(0,e.jsx)("select",{"aria-invalid":"error"===o,className:i(me.Select,"Select",me[`Select--${l}`],a&&me["Select--fullWidth"],t),disabled:n,placeholder:_,ref:s,...d,children:r}),(0,e.jsx)("span",{className:i(me["Select-arrow-indicator"],n&&me["Select-arrow-indicator--disabled"]),children:(0,e.jsx)(pe,{})})]}))),pe=({className:r})=>(0,e.jsx)("svg",{width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:i(r),children:(0,e.jsx)("path",{d:"m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z"})}),xe=Object.assign(ce,{Option:({children:r,value:t,...n})=>(0,e.jsx)("option",{value:t,...n,children:r}),OptGroup:({children:r,label:t,...n})=>(0,e.jsx)("optgroup",{label:t,...n,children:r})});var he={small:16,medium:32,large:64};function ge(e){var r=e["aria-label"],t=e.className,n=e.fill,a=void 0===n?"currentColor":n,_=e.size,i=e.verticalAlign,l=e.svgDataByHeight,o=he[_]||_,d=function(e,r){return e.map((function(e){return parseInt(e,10)})).reduce((function(e,t){return t<=r?t:e}),e[0])}(Object.keys(l),o),s=l[d].width;return{"aria-hidden":r?"false":"true","aria-label":r,role:"img",className:t,viewBox:"0 0 "+s+" "+d,width:o*(s/d),height:o,fill:a,style:{display:"inline-block",userSelect:"none",verticalAlign:i,overflow:"visible"},dangerouslySetInnerHTML:{__html:l[d].path}}}var fe=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e};function ve(e){return t().createElement("svg",ge(fe({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 01-1.146 1.954H1.33A1.312 1.312 0 01.183 9.058L4.855.708zM7 7V3H5v4h2zm-1 3a1 1 0 100-2 1 1 0 000 2z"></path>'}}})))}function Te(e){return t().createElement("svg",ge(fe({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M6 0a6 6 0 100 12A6 6 0 006 0zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938z"></path>'},16:{width:16,path:'<path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm16.28-2.72a.75.75 0 00-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l6.5-6.5z"></path>'}}})))}ve.defaultProps={className:"octicon octicon-alert-fill",size:16,verticalAlign:"text-bottom"},Te.defaultProps={className:"octicon octicon-check-circle-fill",size:16,verticalAlign:"text-bottom"};const Ie={FormControl:"Primer_Brand__FormControl-module__FormControl___ZJtXy","FormControl--fullWidth":"Primer_Brand__FormControl-module__FormControl--fullWidth___QyLCS","FormControl--checkbox":"Primer_Brand__FormControl-module__FormControl--checkbox___R2ng7","FormControl--border":"Primer_Brand__FormControl-module__FormControl--border___CRSaq","FormControl-label":"Primer_Brand__FormControl-module__FormControl-label___meeuB","FormControl-label--visually-hidden":"Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI","FormControl-label--medium":"Primer_Brand__FormControl-module__FormControl-label--medium___inrKd","FormControl-label--large":"Primer_Brand__FormControl-module__FormControl-label--large___okLn6","FormControl-label--checkbox":"Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X","FormControl-hint":"Primer_Brand__FormControl-module__FormControl-hint___dbP0O","FormControl-validation":"Primer_Brand__FormControl-module__FormControl-validation___vG5tm","FormControl-validation--success":"Primer_Brand__FormControl-module__FormControl-validation--success___fGV4L","FormControl-validation--error":"Primer_Brand__FormControl-module__FormControl-validation--error___DJVR5","FormControl-validation-icon":"Primer_Brand__FormControl-module__FormControl-validation-icon___xh1go","FormControl-validation--animate-in":"Primer_Brand__FormControl-module__FormControl-validation--animate-in___C_pxB",FormControlValidationFadeIn:"Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R"},Be=({children:r,className:n,htmlFor:a,required:_,showRequiredIndicator:l=!0,size:o="medium",validationStatus:d,visuallyHidden:s,...u})=>(0,e.jsxs)("label",{htmlFor:a,className:i(Ie["FormControl-label"],d&&Ie[`FormControl-label--${d}`],Ie[`FormControl-label--${o}`],s&&Ie["FormControl-label--visually-hidden"],n),...u,children:[t().Children.map(r,(e=>t().isValidElement(e)&&e.type===Pe?t().cloneElement(e,{className:i(Ie["FormControl--visible"],e.props.className)}):e)),_&&l&&(0,e.jsxs)("span",{className:Ie["FormControl-label-required"],"aria-hidden":!0,children:[" ","*"]})]}),be=({children:r,validationStatus:t})=>(0,e.jsxs)("span",{className:i(Ie["FormControl-validation"],t&&Ie["FormControl-validation--animate-in"],t&&Ie[`FormControl-validation--${t}`]),children:["error"===t&&(0,e.jsx)("span",{className:Ie["FormControl-validation-icon"],children:(0,e.jsx)(ve,{})}),"success"===t&&(0,e.jsx)("span",{className:Ie["FormControl-validation-icon"],children:(0,e.jsx)(Te,{})}),r]}),Pe=({children:r,className:t,...n})=>(0,e.jsx)("span",{className:i(Ie["FormControl-hint"],t),...n,children:r}),ye=Object.assign((({children:r,className:n,hasBorder:a,fullWidth:_,id:l,required:o,size:d="medium",validationStatus:s,...u})=>{const m=ie(l),c=t().Children.toArray(r).some((e=>t().isValidElement(e)&&e.type===de));return(0,e.jsx)("section",{id:m,className:i(Ie.FormControl,_&&Ie["FormControl--fullWidth"],c&&Ie["FormControl--checkbox"],a&&Ie["FormControl--border"],n),...u,children:t().Children.map(r,(e=>{if(e){const r=`FormControl--${m}`;return e.type===ue||e.type===xe?t().cloneElement(e,{className:i(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s,fullWidth:_,size:d}):e.type===de?t().cloneElement(e,{className:i(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s}):e.type===Be?t().cloneElement(e,{className:i(c&&Ie["FormControl-label--checkbox"],e.props.className),htmlFor:r,children:e.props.children,required:o,validationStatus:s,size:d,showRequiredIndicator:!c&&e.props.showRequiredIndicator}):e.type===be?t().cloneElement(e,{validationStatus:s}):e}}))})}),{Label:Be,Validation:be,Hint:Pe})})(),a})()));
2
+ !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define("@primer/react-brand",[],r):"object"==typeof exports?exports["@primer/react-brand"]=r(require("react")):e["@primer/react-brand"]=r(e.React)}(this,(e=>(()=>{"use strict";var r={418:e=>{var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function a(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,_){for(var i,l,o=a(e),d=1;d<arguments.length;d++){for(var s in i=Object(arguments[d]))t.call(i,s)&&(o[s]=i[s]);if(r){l=r(i);for(var u=0;u<l.length;u++)n.call(i,l[u])&&(o[l[u]]=i[l[u]])}}return o}},921:(e,r)=>{var t=60103,n=60106,a=60107,_=60108,i=60114,l=60109,o=60110,d=60112,s=60113,u=60120,m=60115,c=60116;if("function"==typeof Symbol&&Symbol.for){var p=Symbol.for;t=p("react.element"),n=p("react.portal"),a=p("react.fragment"),_=p("react.strict_mode"),i=p("react.profiler"),l=p("react.provider"),o=p("react.context"),d=p("react.forward_ref"),s=p("react.suspense"),u=p("react.suspense_list"),m=p("react.memo"),c=p("react.lazy"),p("react.block"),p("react.server.block"),p("react.fundamental"),p("react.debug_trace_mode"),p("react.legacy_hidden")}r.isFragment=function(e){return function(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case t:switch(e=e.type){case a:case i:case _:case s:case u:return e;default:switch(e=e&&e.$$typeof){case o:case d:case c:case m:case l:return e;default:return r}}case n:return r}}}(e)===a}},864:(e,r,t)=>{e.exports=t(921)},251:(e,r,t)=>{t(418);var n=t(697),a=60103;if("function"==typeof Symbol&&Symbol.for){var _=Symbol.for;a=_("react.element"),_("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,o={key:!0,ref:!0,__self:!0,__source:!0};function d(e,r,t){var n,_={},d=null,s=null;for(n in void 0!==t&&(d=""+t),void 0!==r.key&&(d=""+r.key),void 0!==r.ref&&(s=r.ref),r)l.call(r,n)&&!o.hasOwnProperty(n)&&(_[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===_[n]&&(_[n]=r[n]);return{$$typeof:a,type:e,key:d,ref:s,props:_,_owner:i.current}}r.jsx=d,r.jsxs=d},893:(e,r,t)=>{e.exports=t(251)},697:r=>{r.exports=e}},t={};function n(e){var a=t[e];if(void 0!==a)return a.exports;var _=t[e]={exports:{}};return r[e](_,_.exports,n),_.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{Accordion:()=>G,AccordionContent:()=>D,AccordionHeading:()=>U,AccordionRoot:()=>W,Button:()=>f,Checkbox:()=>de,ColorModesEnum:()=>C,FAQ:()=>ee,FormControl:()=>ye,Heading:()=>P,HeadingSizes:()=>T,HeadingTags:()=>B,Hero:()=>y,InlineLink:()=>$,Link:()=>q,River:()=>V,Select:()=>xe,Text:()=>h,TextInput:()=>ue,TextSizes:()=>s,TextTags:()=>u,TextVariants:()=>m,ThemeContext:()=>j,ThemeProvider:()=>F,classMap:()=>b,defaultHeadingTag:()=>I,defaultRiverAlign:()=>E,defaultRiverImageTextRatio:()=>k,defaultTextSize:()=>p,defaultTextTag:()=>c,defaultTextVariant:()=>x,getHeadingWarning:()=>M,useTheme:()=>S});var e=n(893),r=n(697),t=n.n(r);function _(e){var r,t,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(r=0;r<e.length;r++)e[r]&&(t=_(e[r]))&&(n&&(n+=" "),n+=t);else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function i(){for(var e,r,t=0,n="";t<arguments.length;)(e=arguments[t++])&&(r=_(e))&&(n&&(n+=" "),n+=r);return n}const l={Hero:"Primer_Brand__Hero-module__Hero___EM3jf","Hero--align-start":"Primer_Brand__Hero-module__Hero--align-start___m8GEr","Hero--align-center":"Primer_Brand__Hero-module__Hero--align-center___HUXm3","Hero-heading":"Primer_Brand__Hero-module__Hero-heading___QuVBH","Hero-description":"Primer_Brand__Hero-module__Hero-description___vG4iA","Hero-actions":"Primer_Brand__Hero-module__Hero-actions___oH1NT"};function o({className:r,expanded:t=!1}){return(0,e.jsxs)("svg",{className:i("Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek",t&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr",r),width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,e.jsx)("path",{fill:"currentColor",d:"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"}),(0,e.jsx)("path",{className:i("Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy",t&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9"),stroke:"currentColor",d:"M1.75 8H11",strokeWidth:"1.5",strokeLinecap:"round"})]})}const d={Text:"Primer_Brand__Text-module__Text___pecHN","Text--default":"Primer_Brand__Text-module__Text--default___DChoE","Text--muted":"Primer_Brand__Text-module__Text--muted___lTaVa","Text--700":"Primer_Brand__Text-module__Text--700___cOggy","Text--600":"Primer_Brand__Text-module__Text--600___ThppA","Text--500":"Primer_Brand__Text-module__Text--500___orDRu","Text--400":"Primer_Brand__Text-module__Text--400___y7m4l","Text--300":"Primer_Brand__Text-module__Text--300___TBQTB","Text--200":"Primer_Brand__Text-module__Text--200___XAIGT","Text--100":"Primer_Brand__Text-module__Text--100___csEom"},s=["700","600","500","400","300","200","100"],u=["p","span","div"],m=["default","muted"],c=u[1],p=s[3],x=m[0];function h({as:r=c,className:n,children:a,size:_=p,variant:l=x,...o}){const s=i(d.Text,d[`Text--${l}`],d[`Text--${_}`],n),u=t().Children.toArray(a).map((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===$?t().cloneElement(e,{size:_}):e));return"p"===r?(0,e.jsx)("p",{className:s,...o,children:u}):"div"===r?(0,e.jsx)("div",{className:s,...o,children:u}):(0,e.jsx)("span",{className:s,...o,children:u})}const g={Button:"Primer_Brand__Button-module__Button___lDruK","Button--label":"Primer_Brand__Button-module__Button--label___lUBc0","Button-arrow":"Primer_Brand__Button-module__Button-arrow___SkJXQ","Button--primary":"Primer_Brand__Button-module__Button--primary___xIC7G","Button--label-primary":"Primer_Brand__Button-module__Button--label-primary___Leisi","Button--secondary":"Primer_Brand__Button-module__Button--secondary___akMC2","Button--size-medium":"Primer_Brand__Button-module__Button--size-medium___EyCyw","Button--size-large":"Primer_Brand__Button-module__Button--size-large___REN1l"},f=(0,r.forwardRef)((({as:r,variant:n="secondary",size:a="medium",className:_,children:l,onMouseEnter:d,onMouseLeave:s,onFocus:u,onBlur:m,...c},p)=>{const[x,f]=t().useState(!1),[v,T]=t().useState(!1),B=r||"button";return(0,e.jsxs)(B,{ref:p,className:i(g.Button,g[`Button--${n}`],g[`Button--size-${a}`],_),onMouseEnter:e=>{f(!0),d?.(e)},onMouseLeave:e=>{f(!1),s?.(e)},onFocus:e=>{T(!0),u?.(e)},onBlur:e=>{T(!1),m?.(e)},...c,children:[(0,e.jsx)(h,{as:"span",size:"medium"===a?"300":"400",className:i(g["Button--label"],"primary"===n&&g["Button--label-primary"]),children:l}),(0,e.jsx)(o,{className:g["Button-arrow"],expanded:x||v})]})})),v={Heading:"Primer_Brand__Heading-module__Heading___IVpmp","Heading--1":"Primer_Brand__Heading-module__Heading--1___Ufc7G","Heading--2":"Primer_Brand__Heading-module__Heading--2___TFg09","Heading--3":"Primer_Brand__Heading-module__Heading--3___wsITu","Heading--4":"Primer_Brand__Heading-module__Heading--4___C9jDG","Heading--5":"Primer_Brand__Heading-module__Heading--5___HgypG","Heading--6":"Primer_Brand__Heading-module__Heading--6___FEQ_V"},T=["1","2","3","4","5","6"],B=["h1","h2","h3","h4","h5","h6"],I=B[1],b={h1:T[0],h2:T[1],h3:T[2],h4:T[3],h5:T[4],h6:T[5]},P=(0,r.forwardRef)((({className:r,children:n,as:a=I,..._},l)=>{const o=i(v.Heading,v[`Heading--${b[a]}`],r),d=t().useCallback((({...e})=>B.includes(a)?t().createElement(a,e,n):(console.error(`Heading: 'as' prop must be one of ${B.join(", ")}`),null)),[a,n]);return(0,e.jsx)(d,{className:o,ref:l,..._,children:n})})),y=(0,r.forwardRef)((({className:r,heading:t,description:n,primaryAction:a,secondaryAction:_,align:o="start",...d},s)=>(0,e.jsxs)("div",{className:i(l.Hero,l[`Hero--align-${o}`],r),ref:s,...d,children:[(0,e.jsx)(P,{className:l["Hero-heading"],as:"h1",children:t}),n?(0,e.jsx)(h,{className:l["Hero-description"],as:"p",size:"400",variant:"muted",children:n}):null,(0,e.jsxs)("div",{className:l["Hero-actions"],children:[(0,e.jsx)(f,{as:"a",variant:"primary",size:"large",href:a.href,children:a.text}),_?(0,e.jsx)(f,{as:"a",variant:"secondary",size:"large",href:_.href,children:_.text}):null]})]})));var C;!function(e){e.LIGHT="light",e.DARK="dark",e.AUTO="auto"}(C||(C={}));const w=C.LIGHT,j=(0,r.createContext)({colorMode:w,availableColorModes:Object.values(C)});function F({colorMode:t=w,children:n,...a}){const[_,i]=(0,r.useState)(t),l=(0,r.useMemo)((()=>Object.values(C)),[]);return(0,r.useEffect)((()=>(t===C.AUTO?i(A()):_!==t&&i(t),R(i))),[t,_,i]),(0,e.jsx)(j.Provider,{value:{colorMode:_,availableColorModes:l},children:(0,e.jsx)("div",{"data-color-mode":_,...a,children:n})})}const N=()=>window.matchMedia(`(prefers-color-scheme: ${C.DARK})`),A=()=>N().matches?C.DARK:C.LIGHT,R=e=>{const r=N(),t=r=>e(r.matches?C.DARK:C.LIGHT);return r.addEventListener("change",t),()=>r.removeEventListener("change",t)},S=()=>(0,r.useContext)(j),H={River:"Primer_Brand__River-module__River___VHPl5","River--align-center":"Primer_Brand__River-module__River--align-center___TH7xI",River__visual:"Primer_Brand__River-module__River__visual___sTe_U","River__visual--fill-media":"Primer_Brand__River-module__River__visual--fill-media___AVMgH","River__visual--has-shadow":"Primer_Brand__River-module__River__visual--has-shadow___cL9nP",River__heading:"Primer_Brand__River-module__River__heading___pwKXi","River__call-to-action":"Primer_Brand__River-module__River__call-to-action___GIOCe",River__text:"Primer_Brand__River-module__River__text___ZlR1K","River--50-50":"Primer_Brand__River-module__River--50-50___cpSFU","River--60-40":"Primer_Brand__River-module__River--60-40___XDKAU","River--align-start":"Primer_Brand__River-module__River--align-start___L0mn_","River--align-end":"Primer_Brand__River-module__River--align-end___UIM3e",River__content:"Primer_Brand__River-module__River__content___opQUA","River__body-text":"Primer_Brand__River-module__River__body-text___tt2Yf"},k="50:50",E="start",L=(0,r.forwardRef)((({imageTextRatio:r=k,align:n=E,className:a,children:_,...l},o)=>{const{Visual:d,Content:s}=t().Children.toArray(_).reduce(((e,r)=>(t().isValidElement(r)&&"string"!=typeof r.type&&(r.type===z&&(e.Visual=r),r.type===O&&(e.Content=r)),e)),{Visual:null,Content:null}),u="start"===n||"center"===n?[s,d]:[d,s];return(0,e.jsx)("section",{className:i(H.River,H[`River--${r.replace(":","-")}`],H[`River--align-${n}`],a),...l,ref:o,children:u})})),M=e=>`River.Content does not accept a Heading with as="${e}". River automatically applies as="h3" by default.`,O=(0,r.forwardRef)((({children:r,leadingComponent:n,trailingComponent:a,..._},l)=>{const o=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===P)),d=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===h)),s=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===q));return(0,e.jsxs)("div",{className:H.River__content,..._,ref:l,children:[n&&(0,e.jsx)("div",{children:(0,e.jsx)(n,{})}),t().isValidElement(o)&&(0,e.jsx)("div",{className:H.River__heading,children:t().cloneElement(o,{as:(e=>{const{as:r}=e.props;return r&&B.includes(r)&&"h3"!==r&&console.warn(M(r)),"h3"})(o)})}),t().isValidElement(d)&&(0,e.jsx)("div",{className:H["River__body-text"],children:t().cloneElement(d,{variant:"muted",as:"p",className:i(H.River__text,d.props.className)})}),t().isValidElement(s)&&(0,e.jsx)("div",{className:H["River__call-to-action"],children:t().cloneElement(s,{size:"large"})}),a&&(0,e.jsx)("div",{children:(0,e.jsx)(a,{})})]})})),z=(0,r.forwardRef)((({fillMedia:r=!0,children:t,className:n,hasShadow:a=!0,..._},l)=>(0,e.jsx)("div",{className:i(H.River__visual,a&&H["River__visual--has-shadow"],r&&H["River__visual--fill-media"],n),..._,ref:l,children:t}))),V=Object.assign(L,{Visual:z,Content:O}),$=(0,r.forwardRef)((({className:r,size:t=p,children:n,href:a,..._},l)=>{const o=i("Primer_Brand__InlineLink-module__InlineLink___U_Ama",r);return(0,e.jsx)("a",{href:a,className:o,..._,ref:l,children:(0,e.jsx)(h,{size:t,as:"span",children:n})})})),Q={Link:"Primer_Brand__Link-module__Link___lvKjM","Link--label":"Primer_Brand__Link-module__Link--label___j8etE","Link-arrow":"Primer_Brand__Link-module__Link-arrow___HBMJ9","Link--large":"Primer_Brand__Link-module__Link--large___cXMt5"};function q({size:n="medium",className:a,children:_,onMouseEnter:l,onMouseLeave:d,onFocus:s,onBlur:u,...m}){const[c,p]=t().useState(!1),[x,g]=t().useState(!1),f=(0,r.useCallback)((e=>{p(!c),l?.(e)}),[l,c]),v=(0,r.useCallback)((e=>{p(!c),d?.(e)}),[d,c]),T=(0,r.useCallback)((e=>{g(!x),s?.(e)}),[s,x]),B=(0,r.useCallback)((e=>{g(!x),u?.(e)}),[u,x]);return(0,e.jsxs)("a",{className:i(Q.Link,Q[`Link--${n}`],a),onMouseEnter:f,onMouseLeave:v,onFocus:T,onBlur:B,...m,children:[(0,e.jsx)(h,{as:"span",size:{medium:"300",large:"400"}[n],className:i(Q["Link--label"]),children:_}),(0,e.jsx)(o,{className:Q["Link-arrow"],expanded:c||x})]})}const W=(0,r.forwardRef)((({children:r,className:n,open:a=!1,..._},l)=>{const{AccordionHeading:o,AccordionContent:d}=t().Children.toArray(r).reduce(((e,r)=>(t().isValidElement(r)&&"string"!=typeof r.type&&(r.type===D&&(e.AccordionContent=r),r.type===U&&(e.AccordionHeading=r)),e)),{AccordionHeading:null,AccordionContent:null});return(0,e.jsxs)("details",{className:i("Primer_Brand__Accordion-module__Accordion___M_LPt",n),open:a,..._,ref:l,children:[o,d]})})),U=(0,r.forwardRef)((({children:r,className:t,...n},a)=>(0,e.jsx)("summary",{className:i("Primer_Brand__Accordion-module__Accordion__summary___NUIYc",t),ref:a,...n,children:(0,e.jsx)(P,{as:"h4",className:"Primer_Brand__Accordion-module__Accordion__summary-heading_____snF",children:r})})));function D({children:r,className:n,...a}){const _=t().isValidElement(r)&&r.type===t().Fragment?r.props.children:r,l=t().Children.map(_,(r=>t().isValidElement(r)&&"string"==typeof r.type&&["p","span"].includes(r.type)?t().cloneElement(r,{children:(0,e.jsx)(h,{variant:"muted",size:"300",as:"span",children:r.props.children})}):r));return(0,e.jsx)("section",{className:i("Primer_Brand__Accordion-module__Accordion__content___wMZGe",n),...a,children:t().Children.toArray(l).map((e=>t().isValidElement(e)&&t().cloneElement(e,{className:i("Primer_Brand__Accordion-module__Accordion__content-item___M_dlm",e.props.className)})))})}const G=Object.assign(W,{Content:D,Heading:U});var K=n(864);const Z={FAQ:"Primer_Brand__FAQ-module__FAQ___R3vLU",FAQ__heading:"Primer_Brand__FAQ-module__FAQ__heading___bH0aG",FAQ__subheading:"Primer_Brand__FAQ-module__FAQ__subheading___I4puv","FAQ__heading--start":"Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3","FAQ__heading--center":"Primer_Brand__FAQ-module__FAQ__heading--center___xMpbW","FAQ__heading--large":"Primer_Brand__FAQ-module__FAQ__heading--large___pBEPT","FAQ__heading--with-margin":"Primer_Brand__FAQ-module__FAQ__heading--with-margin___S2_ET"},X=(0,r.forwardRef)((({children:r,className:n,...a},_)=>{const l=t().Children.toArray(r).some((e=>(0,K.isFragment)(e))),o=t().Children.toArray(r).filter((e=>!(!t().isValidElement(e)||"string"==typeof e.type||!l&&e.type!==J&&e.type!==Y&&e.type!==W))),d=t().Children.toArray(r).some((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===Y));return(0,e.jsx)("section",{className:i(Z.FAQ,n),ref:_,...a,children:t().Children.toArray(o).map((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===J?t().cloneElement(e,{align:d?"start":e.props.align,size:d?"large":e.props.size,className:i(!d&&Z["FAQ__heading--with-margin"],e.props.className)}):e))})})),J=(0,r.forwardRef)((({children:r,className:t,size:n="medium",align:a="center",..._},l)=>{const o="medium"===n?"h3":"h2";return(0,e.jsx)(P,{as:o,className:i(Z.FAQ__heading,"large"===n&&Z["FAQ__heading--large"],Z[`FAQ__heading--${a}`],t),ref:l,..._,children:r})}));function Y({children:r,className:t,...n}){return(0,e.jsx)(P,{as:"h3",className:i(Z.FAQ__subheading,t),...n,children:r})}const ee=Object.assign(X,{Subheading:Y,Heading:J,Item:W,Question:U,Answer:D});function re(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var te=re()?r.useLayoutEffect:r.useEffect,ne=!1,ae=0;function _e(){return++ae}function ie(e){var t;if("function"==typeof r.useId){var n=(0,r.useId)(e);return null!=e?e:n}var a=null!=e?e:ne?_e():null,_=(0,r.useState)(a),i=_[0],l=_[1];return te((function(){null===i&&l(_e())}),[]),(0,r.useEffect)((function(){!1===ne&&(ne=!0)}),[]),null!=(t=null!=e?e:i)?t:void 0}const le="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?r.useLayoutEffect:r.useEffect,oe="Primer_Brand__Checkbox-module__Checkbox-checkmark___atiwt",de=(0,r.forwardRef)((({checked:t,className:n,indeterminate:a,disabled:_,id:l,onChange:o,required:d,validationStatus:s,value:u,...m},c)=>{const p=(0,r.useRef)(c||null),x=ie(l);return le((()=>{p.current&&(p.current.indeterminate=a||!1)}),[a,t,p]),(0,e.jsxs)("span",{className:"Primer_Brand__Checkbox-module__Checkbox-wrapper___qo8KL",children:[(0,e.jsx)("input",{id:x,"aria-checked":a?"mixed":t?"true":"false","aria-disabled":_?"true":"false","aria-invalid":"error"===s?"true":"false","aria-required":d?"true":"false",checked:!a&&t,className:i("Primer_Brand__Checkbox-module__Checkbox-input___sux6s"),disabled:_,name:u,onChange:o,ref:p,required:d,type:"checkbox",value:u,...m}),(0,e.jsxs)("label",{htmlFor:x,className:i("Primer_Brand__Checkbox-module__Checkbox___T8FJa",a&&"Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k",n),children:[!a&&(0,e.jsx)("svg",{viewBox:"0 0 100 100",className:i(oe),children:(0,e.jsx)("path",{className:i("Primer_Brand__Checkbox-module__Checkbox-checkmark-path___qgsjb"),fill:"none",stroke:"#000",strokeWidth:"13",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",d:"M12.1 52.1l24.4 24.4 53-53"})}),a&&(0,e.jsx)("svg",{className:i(oe),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"16",height:"16",children:(0,e.jsx)("path",{fillRule:"evenodd",d:"M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"})})]})]})})),se={TextInput:"Primer_Brand__TextInput-module__TextInput___EtKj3","TextInput--medium":"Primer_Brand__TextInput-module__TextInput--medium___kJrew","TextInput--large":"Primer_Brand__TextInput-module__TextInput--large___zpUvY","TextInput--fullWidth":"Primer_Brand__TextInput-module__TextInput--fullWidth___rbllM","TextInput-wrapper--disabled":"Primer_Brand__TextInput-module__TextInput-wrapper--disabled___HWTx_","TextInput-wrapper":"Primer_Brand__TextInput-module__TextInput-wrapper___HgxNu","TextInput-wrapper--fullWidth":"Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___eclO4","TextInput-wrapper--monospace":"Primer_Brand__TextInput-module__TextInput-wrapper--monospace___y1fd6","TextInput-wrapper--success":"Primer_Brand__TextInput-module__TextInput-wrapper--success___g5ODK","TextInput-wrapper--error":"Primer_Brand__TextInput-module__TextInput-wrapper--error___V7qtN","TextInput--has-leading-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS","TextInput--has-leading-visual--large":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9","TextInput--has-trailing-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM","TextInput--has-trailing-visual--large":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P","TextInput-leading-visual":"Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz","TextInput-trailing-visual":"Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L","TextInput-leading-visual-icon--medium":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu","TextInput-leading-visual-icon--large":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7","TextInput-leading-text":"Primer_Brand__TextInput-module__TextInput-leading-text___H5Cfr","TextInput-trailing-text":"Primer_Brand__TextInput-module__TextInput-trailing-text___ikt8X","TextInput-leading-text--disabled":"Primer_Brand__TextInput-module__TextInput-leading-text--disabled___APVY0","TextInput-trailing-text--disabled":"Primer_Brand__TextInput-module__TextInput-trailing-text--disabled___oM2Ls","TextInput-leading-text-inner":"Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j","TextInput-trailing-text-inner":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx","TextInput-leading-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra","TextInput-trailing-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA","TextInput-leading-text-inner--large":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI","TextInput-trailing-text-inner--large":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33","TextInput-leading-text--medium":"Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn","TextInput-trailing-text--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj","TextInput-leading-text--large":"Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE","TextInput-trailing-text--large":"Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq","TextInput--has-leading-text":"Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke","TextInput--has-trailing-text":"Primer_Brand__TextInput-module__TextInput--has-trailing-text___Rsoog","TextInput-leading-text--success":"Primer_Brand__TextInput-module__TextInput-leading-text--success___LLFx7","TextInput-trailing-text--success":"Primer_Brand__TextInput-module__TextInput-trailing-text--success___EfLVd","TextInput-leading-text--error":"Primer_Brand__TextInput-module__TextInput-leading-text--error___TM77D","TextInput-trailing-text--error":"Primer_Brand__TextInput-module__TextInput-trailing-text--error___R96jr"},ue=(0,r.forwardRef)((({className:r,disabled:n,fullWidth:a=!1,leadingText:_,leadingVisual:l,monospace:o,placeholder:d,size:s="medium",trailingText:u,trailingVisual:m,validationStatus:c,...p},x)=>(0,e.jsxs)("span",{className:i(se["TextInput-wrapper"],a&&se["TextInput-wrapper--fullWidth"],o&&se["TextInput-wrapper--monospace"],n&&se["TextInput-wrapper--disabled"],c&&se[`TextInput-wrapper--${c}`]),children:[_&&!l&&(0,e.jsx)("span",{className:i(se["TextInput-leading-text"],se[`TextInput-leading-text--${s}`],n&&se["TextInput-leading-text--disabled"],c&&se[`TextInput-leading-text--${c}`]),children:(0,e.jsx)("span",{className:i(se["TextInput-leading-text-inner"],se[`TextInput-leading-text-inner--${s}`]),children:_})}),l&&!_&&(0,e.jsx)("span",{className:se["TextInput-leading-visual"],children:"function"==typeof l?(0,e.jsx)(l,{className:i(se["TextInput-leading-visual-icon"],se[`TextInput-leading-visual-icon--${s}`])}):t().isValidElement(l)&&t().cloneElement(l,{className:i(se["TextInput-leading-visual-icon"],se[`TextInput-leading-visual-icon--${s}`]),width:"large"===s?20:16,height:"large"===s?20:16})}),(0,e.jsx)("input",{type:"text",ref:x,className:i(se.TextInput,"TextInput",se[`TextInput--${s}`],a&&se["TextInput--fullWidth"],l&&se[`TextInput--has-leading-visual--${s}`],m&&se["TextInput--has-trailing-visual"],c&&se[`TextInput--${c}`],_&&!l&&se["TextInput--has-leading-text"],u&&!m&&se["TextInput--has-trailing-text"],r),placeholder:d,disabled:n,"aria-invalid":"error"===c,...p}),m&&!u&&(0,e.jsx)("span",{className:se["TextInput-trailing-visual"],children:"function"==typeof m?(0,e.jsx)(m,{className:i(se["TextInput-trailing-visual-icon"],se[`TextInput-trailing-visual-icon--${s}`])}):t().isValidElement(m)&&t().cloneElement(m,{className:i(se["TextInput-trailing-visual-icon"],se[`TextInput-trailing-visual-icon--${s}`]),width:"large"===s?20:16,height:"large"===s?20:16})}),u&&!m&&(0,e.jsx)("span",{className:i(se["TextInput-trailing-text"],se[`TextInput-trailing-text--${s}`],n&&se["TextInput-trailing-text--disabled"],c&&se[`TextInput-trailing-text--${c}`]),children:(0,e.jsx)("span",{className:i(se["TextInput-trailing-text-inner"],se[`TextInput-trailing-text-inner--${s}`]),children:u})})]})));ue.displayName="TextInput";const me={Select:"Primer_Brand__Select-module__Select___Jqn1f","focus-visible":"Primer_Brand__Select-module__focus-visible___viA1m","Select-arrow-indicator":"Primer_Brand__Select-module__Select-arrow-indicator___LTpJz","Select-arrow-indicator--disabled":"Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI","Select--medium":"Primer_Brand__Select-module__Select--medium___kckBr","Select--large":"Primer_Brand__Select-module__Select--large___A7u6F","Select--fullWidth":"Primer_Brand__Select-module__Select--fullWidth___PLk5U","Select-wrapper":"Primer_Brand__Select-module__Select-wrapper___iV0Tg","Select-wrapper--disabled":"Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y","Select-wrapper--fullWidth":"Primer_Brand__Select-module__Select-wrapper--fullWidth___oOOo4","Select--success":"Primer_Brand__Select-module__Select--success___pkmVg","Select--error":"Primer_Brand__Select-module__Select--error___A9JuG"},ce=(0,r.forwardRef)((({children:r,className:t,disabled:n,fullWidth:a=!1,placeholder:_,size:l="medium",validationStatus:o,...d},s)=>(0,e.jsxs)("span",{className:i(me["Select-wrapper"],a&&me["Select-wrapper--fullWidth"],o&&me[`Select--${o}`],n&&me["Select-wrapper--disabled"]),children:[(0,e.jsx)("select",{"aria-invalid":"error"===o,className:i(me.Select,"Select",me[`Select--${l}`],a&&me["Select--fullWidth"],t),disabled:n,placeholder:_,ref:s,...d,children:r}),(0,e.jsx)("span",{className:i(me["Select-arrow-indicator"],n&&me["Select-arrow-indicator--disabled"]),children:(0,e.jsx)(pe,{})})]}))),pe=({className:r})=>(0,e.jsx)("svg",{width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:i(r),children:(0,e.jsx)("path",{d:"m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z"})}),xe=Object.assign(ce,{Option:({children:r,value:t,...n})=>(0,e.jsx)("option",{value:t,...n,children:r}),OptGroup:({children:r,label:t,...n})=>(0,e.jsx)("optgroup",{label:t,...n,children:r})});var he={small:16,medium:32,large:64};function ge(e){var r=e["aria-label"],t=e.className,n=e.fill,a=void 0===n?"currentColor":n,_=e.size,i=e.verticalAlign,l=e.svgDataByHeight,o=he[_]||_,d=function(e,r){return e.map((function(e){return parseInt(e,10)})).reduce((function(e,t){return t<=r?t:e}),e[0])}(Object.keys(l),o),s=l[d].width;return{"aria-hidden":r?"false":"true","aria-label":r,role:"img",className:t,viewBox:"0 0 "+s+" "+d,width:o*(s/d),height:o,fill:a,style:{display:"inline-block",userSelect:"none",verticalAlign:i,overflow:"visible"},dangerouslySetInnerHTML:{__html:l[d].path}}}var fe=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e};function ve(e){return t().createElement("svg",ge(fe({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 01-1.146 1.954H1.33A1.312 1.312 0 01.183 9.058L4.855.708zM7 7V3H5v4h2zm-1 3a1 1 0 100-2 1 1 0 000 2z"></path>'}}})))}function Te(e){return t().createElement("svg",ge(fe({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M6 0a6 6 0 100 12A6 6 0 006 0zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938z"></path>'},16:{width:16,path:'<path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm16.28-2.72a.75.75 0 00-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l6.5-6.5z"></path>'}}})))}ve.defaultProps={className:"octicon octicon-alert-fill",size:16,verticalAlign:"text-bottom"},Te.defaultProps={className:"octicon octicon-check-circle-fill",size:16,verticalAlign:"text-bottom"};const Be={FormControl:"Primer_Brand__FormControl-module__FormControl___ZJtXy","FormControl--fullWidth":"Primer_Brand__FormControl-module__FormControl--fullWidth___QyLCS","FormControl--checkbox":"Primer_Brand__FormControl-module__FormControl--checkbox___R2ng7","FormControl--border":"Primer_Brand__FormControl-module__FormControl--border___CRSaq","FormControl-label":"Primer_Brand__FormControl-module__FormControl-label___meeuB","FormControl-label--visually-hidden":"Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI","FormControl-label--medium":"Primer_Brand__FormControl-module__FormControl-label--medium___inrKd","FormControl-label--large":"Primer_Brand__FormControl-module__FormControl-label--large___okLn6","FormControl-label--checkbox":"Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X","FormControl-hint":"Primer_Brand__FormControl-module__FormControl-hint___dbP0O","FormControl-validation":"Primer_Brand__FormControl-module__FormControl-validation___vG5tm","FormControl-validation--success":"Primer_Brand__FormControl-module__FormControl-validation--success___fGV4L","FormControl-validation--error":"Primer_Brand__FormControl-module__FormControl-validation--error___DJVR5","FormControl-validation-icon":"Primer_Brand__FormControl-module__FormControl-validation-icon___xh1go","FormControl-validation--animate-in":"Primer_Brand__FormControl-module__FormControl-validation--animate-in___C_pxB",FormControlValidationFadeIn:"Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R"},Ie=({children:r,className:n,htmlFor:a,required:_,showRequiredIndicator:l=!0,size:o="medium",validationStatus:d,visuallyHidden:s,...u})=>(0,e.jsxs)("label",{htmlFor:a,className:i(Be["FormControl-label"],d&&Be[`FormControl-label--${d}`],Be[`FormControl-label--${o}`],s&&Be["FormControl-label--visually-hidden"],n),...u,children:[t().Children.map(r,(e=>t().isValidElement(e)&&e.type===Pe?t().cloneElement(e,{className:i(Be["FormControl--visible"],e.props.className)}):e)),_&&l&&(0,e.jsxs)("span",{className:Be["FormControl-label-required"],"aria-hidden":!0,children:[" ","*"]})]}),be=({children:r,validationStatus:t})=>(0,e.jsxs)("span",{className:i(Be["FormControl-validation"],t&&Be["FormControl-validation--animate-in"],t&&Be[`FormControl-validation--${t}`]),children:["error"===t&&(0,e.jsx)("span",{className:Be["FormControl-validation-icon"],children:(0,e.jsx)(ve,{})}),"success"===t&&(0,e.jsx)("span",{className:Be["FormControl-validation-icon"],children:(0,e.jsx)(Te,{})}),r]}),Pe=({children:r,className:t,...n})=>(0,e.jsx)("span",{className:i(Be["FormControl-hint"],t),...n,children:r}),ye=Object.assign((({children:r,className:n,hasBorder:a,fullWidth:_,id:l,required:o,size:d="medium",validationStatus:s,...u})=>{const m=ie(l),c=l||m,p=t().Children.toArray(r).some((e=>t().isValidElement(e)&&e.type===de));return(0,e.jsx)("section",{id:`FormControl--${c}`,className:i(Be.FormControl,_&&Be["FormControl--fullWidth"],p&&Be["FormControl--checkbox"],a&&Be["FormControl--border"],n),...u,children:t().Children.map(r,(e=>{if(e){const r=`${c}`;return e.type===ue||e.type===xe?t().cloneElement(e,{className:i(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s,fullWidth:_,size:d}):e.type===de?t().cloneElement(e,{className:i(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s}):e.type===Ie?t().cloneElement(e,{className:i(p&&Be["FormControl-label--checkbox"],e.props.className),htmlFor:r,children:e.props.children,required:o,validationStatus:s,size:d,showRequiredIndicator:!p&&e.props.showRequiredIndicator}):e.type===be?t().cloneElement(e,{validationStatus:s}):e}}))})}),{Label:Ie,Validation:be,Hint:Pe})})(),a})()));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@primer/react-brand",
3
3
  "description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.",
4
- "version": "0.4.0-rc.dad5972",
4
+ "version": "0.4.0",
5
5
  "author": "GitHub, Inc.",
6
6
  "license": "MIT",
7
7
  "bugs": {
package/CHANGELOG.md DELETED
@@ -1,198 +0,0 @@
1
- # @primer/react-brand
2
-
3
- ## 0.4.0
4
-
5
- ### Minor Changes
6
-
7
- - [#69](https://github.com/primer/brand/pull/69) [`7838af5`](https://github.com/primer/brand/commit/7838af57ae2fdb94d07c188a142feebc0a4a605d) Thanks [@rezrah](https://github.com/rezrah)! - Added `FormControl`, `Checkbox`, `TextInput` and `Select` components.
8
-
9
- **Read the Technical Previews for usage examples:**
10
-
11
- [🔗 FormControl](https://primer.style/brand/components/FormControl)
12
-
13
- [🔗 Checkbox](https://primer.style/brand/components/Checkbox)
14
-
15
- [🔗 TextInput](https://primer.style/brand/components/TextInput)
16
-
17
- [🔗 Select](https://primer.style/brand/components/Select)
18
-
19
- ## 0.3.1
20
-
21
- ### Patch Changes
22
-
23
- - [#59](https://github.com/primer/brand/pull/59) [`fdc731b`](https://github.com/primer/brand/commit/fdc731bda050aaef7041aafe6aaa7857c49ea03b) Thanks [@rezrah](https://github.com/rezrah)! - Added `fillMedia` prop to River.Visual
24
-
25
- Previously, all image and video children were automatically styled to fit the parent elements dimensions.
26
-
27
- This isn't ideal in all situations, so the ability to toggle-off this behaviour is now available through an `fillMedia` prop.
28
-
29
- ## 0.3.0
30
-
31
- ### Minor Changes
32
-
33
- - [`c8609a8`](https://github.com/primer/brand/commit/c8609a8d35ea80192d85e97794390207f4624e63) Thanks [@rezrah](https://github.com/rezrah)! - added an FAQ component, which displays a list of questions and answers relating to a particular subject.
34
-
35
- [See usage examples](https://primer.style/brand/components/FAQ)
36
-
37
- * [#45](https://github.com/primer/brand/pull/45) [`2fb6924`](https://github.com/primer/brand/commit/2fb6924a834ddcbad34cfb97ecfc1659d54f4ed5) Thanks [@rezrah](https://github.com/rezrah)! - > **Warning**
38
-
39
- > This is a breaking change, but as the library is a pre-v1 release we are publishing this update as a `minor` change.
40
- > Please read the following instructions carefully before updating:
41
-
42
- ### Updated references for "left" and "right" to "start" and "end"
43
-
44
- For improved i18n support and closer alignment with our Figma naming conventions, we have updated the references for "left" and "right" to "start" and "end" respectively in `Hero` and `River` components.
45
-
46
- ```diff
47
- - <River align="left">
48
- - <River align="right">
49
- + <River align="start">
50
- + <River align="end">
51
- ```
52
-
53
- ## 0.2.1
54
-
55
- ### Patch Changes
56
-
57
- - [#38](https://github.com/primer/brand/pull/38) [`b0c9293`](https://github.com/primer/brand/commit/b0c929389d62f184e5ae447c0b00e351cb2d1c6e) Thanks [@rezrah](https://github.com/rezrah)! - updated `css-loader` to generate valid (escaped) class names
58
-
59
- ## 0.2.0
60
-
61
- ### Minor Changes
62
-
63
- - [#33](https://github.com/primer/brand/pull/33) [`662fcfc`](https://github.com/primer/brand/commit/662fcfc6d123460730317b7ddd3d3a4622d30dce) Thanks [@rezrah](https://github.com/rezrah)! - - Adds `River` component
64
-
65
- - Renames `LinkButton` to `Button` :warning: (see below)
66
- - Button supports polymorphism and can be used `as` either `a` or `button`
67
-
68
- ### `River`
69
-
70
- **NEW** Component :sparkles:
71
-
72
- <table>
73
- <tr>
74
- <th> Before</th> <th> After</th>
75
- </tr>
76
- <tr>
77
- <td valign="top">❌</td>
78
- <td valign="top">
79
-
80
- ```jsx
81
- // import {River} from "@primer/react-brand";
82
-
83
- <River>
84
- <River.Visual>
85
- <img
86
- src="https://via.placeholder.com/600x400/f5f5f5/f5f5f5.png"
87
- alt="placeholder, blank area with an off-white background color"
88
- />
89
- </River.Visual>
90
- <River.Content>
91
- <Heading>Heading</Heading>
92
- <Text>
93
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien sit ullamcorper id. Aliquam luctus sed turpis
94
- felis nam pulvinar risus elementum.
95
- </Text>
96
- <Link href="#">Call to action</Link>
97
- </River.Content>
98
- </River>
99
- ```
100
-
101
- </td>
102
- </tr>
103
- </table>
104
-
105
- See more examples in our documentation.
106
- https://primer.style/brand/components/River
107
-
108
- ### `LinkButton`
109
-
110
- > **Warning**
111
- > The changes below should be considered a breaking change for anyone relying on `LinkButton`, but as we are shipping a pre-v1 library, this has been marked as a `minor` release rather than `major`. Please remember to update your usage per the below example.
112
-
113
- <table>
114
- <tr>
115
- <th> Before</th> <th> After</th>
116
- </tr>
117
- <tr>
118
- <td valign="top">
119
-
120
- ```jsx
121
- //import { LinkButton } from '@primer/react-brand';
122
-
123
- <LinkButton href="#">Sign up</LinkButton>
124
- ```
125
-
126
- </td>
127
- <td valign="top">
128
-
129
- ```jsx
130
- //import { Button } from '@primer/react-brand';
131
-
132
- <Button as="a" href="#">
133
- Sign up
134
- </Button>
135
- ```
136
-
137
- </td>
138
- </tr>
139
- <tr>
140
- <td valign="top">
141
-
142
- ❌
143
-
144
- </td>
145
- <td valign="top">
146
-
147
- ```jsx
148
- //import { Button } from '@primer/react-brand';
149
-
150
- <Button onClick={handler}>Sign Up</Button>
151
- ```
152
-
153
- </td>
154
- </tr>
155
-
156
- </table>
157
-
158
- ## 0.1.0
159
-
160
- ### Minor Changes
161
-
162
- - [#19](https://github.com/primer/brand/pull/19) [`3b22e9e`](https://github.com/primer/brand/commit/3b22e9e0823401104d6e33b3c4f8664b755ea6ba) Thanks [@colebemis](https://github.com/colebemis)! - Add `size` prop to `Hero` component
163
-
164
- ### Patch Changes
165
-
166
- - [#23](https://github.com/primer/brand/pull/23) [`77abf53`](https://github.com/primer/brand/commit/77abf535e77ef26fa29fb09d6d2dfb746f4bc383) Thanks [@rezrah](https://github.com/rezrah)! - add Text and Heading components
167
-
168
- * [#29](https://github.com/primer/brand/pull/29) [`144c7d7`](https://github.com/primer/brand/commit/144c7d762a91cb691699e4f8923ab08385c77966) Thanks [@rezrah](https://github.com/rezrah)! - Removed `gh-variables.css` from package as Brand variables are now surfaced in main.css
169
-
170
- **To upgrade:**
171
-
172
- - _Remove_ `import "@primer/react-brand/lib/css/gh-variables.css"`
173
-
174
- - _Add_ `import "@primer/react-brand/lib/css/main.css"`
175
-
176
- - [#23](https://github.com/primer/brand/pull/23) [`77abf53`](https://github.com/primer/brand/commit/77abf535e77ef26fa29fb09d6d2dfb746f4bc383) Thanks [@rezrah](https://github.com/rezrah)! - forward className in Hero
177
-
178
- * [#25](https://github.com/primer/brand/pull/25) [`4b00b72`](https://github.com/primer/brand/commit/4b00b72f5dbf5e578351ea77e1e74cddc69833e7) Thanks [@rezrah](https://github.com/rezrah)! - adds baseline tokens
179
-
180
- - [#21](https://github.com/primer/brand/pull/21) [`ab06cce`](https://github.com/primer/brand/commit/ab06cceb6ed3b2eaca70f9738b9708343b4e6db9) Thanks [@rezrah](https://github.com/rezrah)! - Remove fixed background color from `Hero` to allow underlying customisation to be surfaced.
181
-
182
- * [#27](https://github.com/primer/brand/pull/27) [`ca2d300`](https://github.com/primer/brand/commit/ca2d3002ba6f7ca9c719f80077c4d95246f33410) Thanks [@rezrah](https://github.com/rezrah)! - Updated Hero text appearance
183
-
184
- - **updated** Hero description text size from `500` to `400`
185
- - **updated** button alignment to not stretch on mobile viewports
186
- - **removed** `size` prop. Now only one responsive size available.
187
-
188
- ## 0.0.3
189
-
190
- ### Patch Changes
191
-
192
- - [#18](https://github.com/primer/brand/pull/18) [`0835830`](https://github.com/primer/brand/commit/0835830fc15c582e280ac692ff3d578d6bcf282e) Thanks [@rezrah](https://github.com/rezrah)! - Fixes for production bundles
193
-
194
- ## 0.0.2
195
-
196
- ### Patch Changes
197
-
198
- - [#2](https://github.com/primer/brand/pull/2) [`ab01a8a`](https://github.com/primer/brand/commit/ab01a8ad1dc504f7a2865213b6f41c0b0adba131) Thanks [@colebemis](https://github.com/colebemis)! - Initialize releases with [changesets](https://github.com/changesets/changesets)