@primer/components 32.0.2-rc.859381a1 → 32.1.1-rc.b4502a34

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 (155) hide show
  1. package/CHANGELOG.md +13 -1
  2. package/dist/browser.esm.js +9 -2
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +9 -2
  5. package/dist/browser.umd.js.map +1 -1
  6. package/docs/content/ActionList2.mdx +23 -3
  7. package/docs/content/Avatar.mdx +21 -1
  8. package/docs/content/AvatarStack.mdx +23 -3
  9. package/docs/content/BranchName.md +24 -4
  10. package/docs/content/Breadcrumbs.md +22 -1
  11. package/docs/content/Buttons.md +2 -1
  12. package/docs/content/Checkbox.md +118 -0
  13. package/docs/content/CircleBadge.md +1 -0
  14. package/docs/content/CircleOcticon.md +2 -1
  15. package/docs/content/CounterLabel.md +1 -1
  16. package/docs/content/Details.md +2 -1
  17. package/docs/content/Dialog.md +1 -0
  18. package/docs/content/Dialog2.mdx +1 -0
  19. package/docs/content/Dropdown.md +1 -0
  20. package/docs/content/DropdownMenu.mdx +1 -0
  21. package/docs/content/FilterList.md +1 -0
  22. package/docs/content/FilteredSearch.md +1 -0
  23. package/docs/content/Flash.md +1 -0
  24. package/docs/content/FormGroup.md +1 -0
  25. package/docs/content/Header.md +1 -0
  26. package/docs/content/Heading.md +8 -4
  27. package/docs/content/Label.md +1 -0
  28. package/docs/content/LabelGroup.md +1 -0
  29. package/docs/content/Link.md +1 -0
  30. package/docs/content/Overlay.mdx +1 -0
  31. package/docs/content/Pagehead.md +1 -0
  32. package/docs/content/Pagination.md +1 -0
  33. package/docs/content/PointerBox.md +1 -0
  34. package/docs/content/Popover.md +1 -0
  35. package/docs/content/Portal.mdx +1 -0
  36. package/docs/content/Position.md +2 -9
  37. package/docs/content/ProgressBar.mdx +1 -0
  38. package/docs/content/SelectMenu.md +1 -0
  39. package/docs/content/SideNav.md +1 -0
  40. package/docs/content/StateLabel.md +1 -0
  41. package/docs/content/StyledOcticon.md +1 -1
  42. package/docs/content/SubNav.md +1 -0
  43. package/docs/content/TabNav.md +1 -0
  44. package/docs/content/Text.md +10 -3
  45. package/docs/content/TextInput.md +9 -1
  46. package/docs/content/Timeline.md +1 -0
  47. package/docs/content/Tooltip.md +1 -0
  48. package/docs/content/Truncate.md +1 -0
  49. package/docs/content/UnderlineNav.md +1 -0
  50. package/docs/content/status.mdx +10 -0
  51. package/docs/src/@primer/gatsby-theme-doctocat/mdx-components.js +9 -0
  52. package/docs/src/@primer/gatsby-theme-doctocat/nav.yml +4 -0
  53. package/docs/src/component-statuses.js +74 -0
  54. package/lib/ActionList/Item.js +3 -3
  55. package/lib/ActionList2/Item.js +3 -1
  56. package/lib/ActionList2/List.js +1 -2
  57. package/lib/ActionList2/Selection.js +3 -1
  58. package/lib/Autocomplete/Autocomplete.d.ts +1 -0
  59. package/lib/Autocomplete/AutocompleteInput.d.ts +1 -0
  60. package/lib/Button/Button.d.ts +1 -0
  61. package/lib/Button/ButtonClose.d.ts +2 -1
  62. package/lib/Button/ButtonDanger.d.ts +1 -0
  63. package/lib/Button/ButtonInvisible.d.ts +1 -0
  64. package/lib/Button/ButtonOutline.d.ts +1 -0
  65. package/lib/Button/ButtonPrimary.d.ts +1 -0
  66. package/lib/Checkbox.d.ts +29 -0
  67. package/lib/Checkbox.js +64 -0
  68. package/lib/CircleOcticon.d.ts +1 -0
  69. package/lib/Dialog.d.ts +3 -2
  70. package/lib/Dropdown.d.ts +4 -0
  71. package/lib/DropdownMenu/DropdownButton.d.ts +2 -1
  72. package/lib/FilterList.d.ts +1 -0
  73. package/lib/Position.d.ts +4 -4
  74. package/lib/SelectMenu/SelectMenu.d.ts +10 -4
  75. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  76. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  77. package/lib/TextInputWithTokens.d.ts +1 -0
  78. package/lib/Token/AvatarToken.d.ts +1 -1
  79. package/lib/Token/IssueLabelToken.d.ts +1 -1
  80. package/lib/Token/Token.d.ts +1 -1
  81. package/lib/__tests__/ActionList2.test.d.ts +1 -0
  82. package/lib/__tests__/ActionList2.test.js +117 -0
  83. package/lib/__tests__/Checkbox.test.d.ts +2 -0
  84. package/lib/__tests__/Checkbox.test.js +189 -0
  85. package/lib/__tests__/themePreval.test.d.ts +1 -0
  86. package/lib/__tests__/themePreval.test.js +14 -0
  87. package/lib/index.d.ts +2 -0
  88. package/lib/index.js +8 -0
  89. package/lib/stories/ActionList2.stories.js +20 -6
  90. package/lib/stories/Checkbox.stories.js +227 -0
  91. package/lib/utils/testing.d.ts +1 -0
  92. package/lib/utils/testing.js +29 -0
  93. package/lib-esm/ActionList/Item.js +3 -3
  94. package/lib-esm/ActionList2/Item.js +3 -1
  95. package/lib-esm/ActionList2/List.js +1 -2
  96. package/lib-esm/ActionList2/Selection.js +3 -1
  97. package/lib-esm/Autocomplete/Autocomplete.d.ts +1 -0
  98. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +1 -0
  99. package/lib-esm/Button/Button.d.ts +1 -0
  100. package/lib-esm/Button/ButtonClose.d.ts +2 -1
  101. package/lib-esm/Button/ButtonDanger.d.ts +1 -0
  102. package/lib-esm/Button/ButtonInvisible.d.ts +1 -0
  103. package/lib-esm/Button/ButtonOutline.d.ts +1 -0
  104. package/lib-esm/Button/ButtonPrimary.d.ts +1 -0
  105. package/lib-esm/Checkbox.d.ts +29 -0
  106. package/lib-esm/Checkbox.js +44 -0
  107. package/lib-esm/CircleOcticon.d.ts +1 -0
  108. package/lib-esm/Dialog.d.ts +3 -2
  109. package/lib-esm/Dropdown.d.ts +4 -0
  110. package/lib-esm/DropdownMenu/DropdownButton.d.ts +2 -1
  111. package/lib-esm/FilterList.d.ts +1 -0
  112. package/lib-esm/Position.d.ts +4 -4
  113. package/lib-esm/SelectMenu/SelectMenu.d.ts +10 -4
  114. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  115. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  116. package/lib-esm/TextInputWithTokens.d.ts +1 -0
  117. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  118. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  119. package/lib-esm/Token/Token.d.ts +1 -1
  120. package/lib-esm/__tests__/ActionList2.test.d.ts +1 -0
  121. package/lib-esm/__tests__/ActionList2.test.js +105 -2
  122. package/lib-esm/__tests__/Checkbox.test.d.ts +2 -0
  123. package/lib-esm/__tests__/Checkbox.test.js +169 -0
  124. package/lib-esm/__tests__/themePreval.test.d.ts +1 -0
  125. package/lib-esm/__tests__/themePreval.test.js +7 -0
  126. package/lib-esm/index.d.ts +2 -0
  127. package/lib-esm/index.js +1 -0
  128. package/lib-esm/stories/ActionList2.stories.js +20 -6
  129. package/lib-esm/stories/Checkbox.stories.js +197 -0
  130. package/lib-esm/utils/testing.d.ts +1 -0
  131. package/lib-esm/utils/testing.js +24 -0
  132. package/package-lock.json +179 -20
  133. package/package.json +2 -2
  134. package/src/ActionList/Item.tsx +2 -1
  135. package/src/ActionList2/Item.tsx +3 -2
  136. package/src/ActionList2/List.tsx +1 -6
  137. package/src/ActionList2/Selection.tsx +2 -1
  138. package/src/Checkbox.tsx +75 -0
  139. package/src/__tests__/ActionList2.test.tsx +111 -2
  140. package/src/__tests__/Checkbox.test.tsx +155 -0
  141. package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +13 -0
  142. package/src/__tests__/__snapshots__/Checkbox.test.tsx.snap +16 -0
  143. package/src/__tests__/__snapshots__/themePreval.test.ts.snap +3176 -0
  144. package/src/__tests__/themePreval.test.ts +8 -0
  145. package/src/index.ts +3 -0
  146. package/src/stories/ActionList2.stories.tsx +22 -8
  147. package/src/stories/Checkbox.stories.tsx +164 -0
  148. package/src/utils/testing.tsx +22 -0
  149. package/stats.html +1 -1
  150. package/docs/content/TextInputTokens.mdx +0 -89
  151. package/lib/ActionList2/Header.d.ts +0 -26
  152. package/lib/ActionList2/Header.js +0 -55
  153. package/lib-esm/ActionList2/Header.d.ts +0 -26
  154. package/lib-esm/ActionList2/Header.js +0 -44
  155. package/src/ActionList2/Header.tsx +0 -58
@@ -517,13 +517,13 @@
517
517
  display: flex;
518
518
  justify-content: center;
519
519
  align-items: center;
520
+ flex-shrink: 0;
520
521
  `,ko=i.default(Bo)`
521
522
  svg {
522
523
  fill: ${({variant:e,disabled:t})=>mo(e,t).iconColor};
523
524
  font-size: ${xt("fontSizes.0")};
524
525
  }
525
526
  `,$o=i.default(ko)`
526
- flex-shrink: 0;
527
527
  display: flex;
528
528
  flex-direction: column;
529
529
  justify-content: center;
@@ -549,6 +549,7 @@
549
549
  rect {
550
550
  fill: ${({selected:e})=>xt(e?"colors.accent.fg":"colors.canvas.default")};
551
551
  stroke: ${({selected:e})=>xt(e?"colors.accent.fg":"colors.border.default")};
552
+ shape-rendering: auto; // this is a workaround to override global style in github/github, see primer/react#1666
552
553
  }
553
554
  path {
554
555
  fill: ${xt("colors.fg.onEmphasis")};
@@ -2207,5 +2208,11 @@
2207
2208
  }
2208
2209
 
2209
2210
  ${jt};
2210
- `;ss.displayName="UnderlineNav.Link";var cs=Object.assign(ds,{Link:ss});e.Absolute=Zt,e.ActionList=Io,e.ActionMenu=Wo,e.Autocomplete=on,e.Avatar=ln,e.AvatarPair=cn,e.AvatarStack=gn,e.AvatarToken=os,e.BaseStyles=Tt,e.BorderBox=Vt,e.Box=_t,e.BranchName=pn,e.Breadcrumb=yn,e.Breadcrumbs=xn,e.Button=Mr,e.ButtonClose=na,e.ButtonDanger=Or,e.ButtonGroup=Hr,e.ButtonInvisible=_r,e.ButtonOutline=Wr,e.ButtonPrimary=jr,e.ButtonTableList=Ur,e.Caret=Ln,e.CircleBadge=On,e.CircleOcticon=Pn,e.ConfirmationDialog=lo,e.CounterLabel=Tn,e.Details=Wn,e.Dialog=Jn,e.Dropdown=ni,e.DropdownButton=ii,e.DropdownMenu=li,e.FilterList=gi,e.FilteredSearch=di,e.Fixed=Qt,e.Flash=hi,e.Flex=Gt,e.FormGroup=xi,e.Grid=Xt,e.Header=ki,e.Heading=Ti,e.IssueLabelToken=ts,e.Label=Ri,e.LabelGroup=Si,e.Link=Ai,e.NewButton=Cn,e.Overlay=Do,e.Pagehead=Ni,e.Pagination=Mi,e.PointerBox=Hi,e.Popover=_i,e.Position=Jt,e.ProgressBar=Gi,e.Relative=er,e.SSRProvider=function(e){let r=t.useContext(Na),a=t.useMemo((()=>({prefix:r===Aa?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return n.default.createElement(Na.Provider,{value:a},e.children)},e.SelectMenu=_l,e.SideNav=Xl,e.Spinner=xl,e.StateLabel=ed,e.Sticky=tr,e.StyledOcticon=$a,e.SubNav=nd,e.TabNav=cd,e.Text=Un,e.TextInput=Xo,e.TextInputWithTokens=Ad,e.ThemeProvider=Wt,e.Timeline=Od,e.Token=Ed,e.Tooltip=is,e.Truncate=po,e.UnderlineNav=cs,e.theme=d,e.themeGet=xt,e.useColorSchemeVar=function(e,t){var r;const{colorScheme:a=""}=Pt();return null!==(r=e[a])&&void 0!==r?r:t},e.useConfirm=function(){const{theme:e,colorMode:r,dayScheme:a,nightScheme:o}=Pt();return t.useCallback((t=>async function(e,t){const{content:r,...a}=t;return new Promise((t=>{const o=document.createElement("div");l.default.render(n.default.createElement(Ot,e,n.default.createElement(lo,Bt({},a,{onClose:e=>{l.default.unmountComponentAtNode(o),t("confirm"===e)}}),r)),o)}))}({theme:e,colorMode:r,dayScheme:a,nightScheme:o},t)),[e,r,a,o])},e.useDetails=rr,e.useOnEscapePress=pr,e.useOnOutsideClick=lr,e.useOpenAndCloseFocus=fr,e.useOverlay=hr,e.useSSRSafeId=Fa,e.useSafeTimeout=function(){const e=t.useRef(new Set),r=t.useCallback(((t,r,...a)=>{const o=window.setTimeout(t,r,...a);return e.current.add(o),o}),[]),a=t.useCallback((t=>{clearTimeout(t),e.current.delete(t)}),[]);return t.useEffect((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:r,safeClearTimeout:a}},e.useTheme=Pt,Object.defineProperty(e,"__esModule",{value:!0})}));
2211
+ `;ss.displayName="UnderlineNav.Link";var cs=Object.assign(ds,{Link:ss});const fs=i.default.input`
2212
+ cursor: pointer;
2213
+
2214
+ ${e=>e.disabled&&"cursor: not-allowed;"}
2215
+
2216
+ ${jt}
2217
+ `,us=n.default.forwardRef((({checked:e,indeterminate:r,disabled:a,sx:o,required:i,validationStatus:l,...d},s)=>{const c=br(s);return t.useLayoutEffect((()=>{c.current&&(c.current.indeterminate=r||!1)}),[r,e,c]),n.default.createElement(fs,Bt({type:"checkbox",disabled:a,"aria-disabled":a?"true":"false",ref:s||c,checked:!r&&e,"aria-checked":r?"mixed":e?"true":"false",sx:o,required:i,"aria-required":i?"true":"false","aria-invalid":"error"===l?"true":"false"},d))}));us.displayName="Checkbox";var gs=us;e.Absolute=Zt,e.ActionList=Io,e.ActionMenu=Wo,e.Autocomplete=on,e.Avatar=ln,e.AvatarPair=cn,e.AvatarStack=gn,e.AvatarToken=os,e.BaseStyles=Tt,e.BorderBox=Vt,e.Box=_t,e.BranchName=pn,e.Breadcrumb=yn,e.Breadcrumbs=xn,e.Button=Mr,e.ButtonClose=na,e.ButtonDanger=Or,e.ButtonGroup=Hr,e.ButtonInvisible=_r,e.ButtonOutline=Wr,e.ButtonPrimary=jr,e.ButtonTableList=Ur,e.Caret=Ln,e.Checkbox=gs,e.CircleBadge=On,e.CircleOcticon=Pn,e.ConfirmationDialog=lo,e.CounterLabel=Tn,e.Details=Wn,e.Dialog=Jn,e.Dropdown=ni,e.DropdownButton=ii,e.DropdownMenu=li,e.FilterList=gi,e.FilteredSearch=di,e.Fixed=Qt,e.Flash=hi,e.Flex=Gt,e.FormGroup=xi,e.Grid=Xt,e.Header=ki,e.Heading=Ti,e.IssueLabelToken=ts,e.Label=Ri,e.LabelGroup=Si,e.Link=Ai,e.NewButton=Cn,e.Overlay=Do,e.Pagehead=Ni,e.Pagination=Mi,e.PointerBox=Hi,e.Popover=_i,e.Position=Jt,e.ProgressBar=Gi,e.Relative=er,e.SSRProvider=function(e){let r=t.useContext(Na),a=t.useMemo((()=>({prefix:r===Aa?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return n.default.createElement(Na.Provider,{value:a},e.children)},e.SelectMenu=_l,e.SideNav=Xl,e.Spinner=xl,e.StateLabel=ed,e.Sticky=tr,e.StyledOcticon=$a,e.SubNav=nd,e.TabNav=cd,e.Text=Un,e.TextInput=Xo,e.TextInputWithTokens=Ad,e.ThemeProvider=Wt,e.Timeline=Od,e.Token=Ed,e.Tooltip=is,e.Truncate=po,e.UnderlineNav=cs,e.theme=d,e.themeGet=xt,e.useColorSchemeVar=function(e,t){var r;const{colorScheme:a=""}=Pt();return null!==(r=e[a])&&void 0!==r?r:t},e.useConfirm=function(){const{theme:e,colorMode:r,dayScheme:a,nightScheme:o}=Pt();return t.useCallback((t=>async function(e,t){const{content:r,...a}=t;return new Promise((t=>{const o=document.createElement("div");l.default.render(n.default.createElement(Ot,e,n.default.createElement(lo,Bt({},a,{onClose:e=>{l.default.unmountComponentAtNode(o),t("confirm"===e)}}),r)),o)}))}({theme:e,colorMode:r,dayScheme:a,nightScheme:o},t)),[e,r,a,o])},e.useDetails=rr,e.useOnEscapePress=pr,e.useOnOutsideClick=lr,e.useOpenAndCloseFocus=fr,e.useOverlay=hr,e.useSSRSafeId=Fa,e.useSafeTimeout=function(){const e=t.useRef(new Set),r=t.useCallback(((t,r,...a)=>{const o=window.setTimeout(t,r,...a);return e.current.add(o),o}),[]),a=t.useCallback((t=>{clearTimeout(t),e.current.delete(t)}),[]);return t.useEffect((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:r,safeClearTimeout:a}},e.useTheme=Pt,Object.defineProperty(e,"__esModule",{value:!0})}));
2211
2218
  //# sourceMappingURL=browser.umd.js.map