@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.
- package/CHANGELOG.md +13 -1
- package/dist/browser.esm.js +9 -2
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +9 -2
- package/dist/browser.umd.js.map +1 -1
- package/docs/content/ActionList2.mdx +23 -3
- package/docs/content/Avatar.mdx +21 -1
- package/docs/content/AvatarStack.mdx +23 -3
- package/docs/content/BranchName.md +24 -4
- package/docs/content/Breadcrumbs.md +22 -1
- package/docs/content/Buttons.md +2 -1
- package/docs/content/Checkbox.md +118 -0
- package/docs/content/CircleBadge.md +1 -0
- package/docs/content/CircleOcticon.md +2 -1
- package/docs/content/CounterLabel.md +1 -1
- package/docs/content/Details.md +2 -1
- package/docs/content/Dialog.md +1 -0
- package/docs/content/Dialog2.mdx +1 -0
- package/docs/content/Dropdown.md +1 -0
- package/docs/content/DropdownMenu.mdx +1 -0
- package/docs/content/FilterList.md +1 -0
- package/docs/content/FilteredSearch.md +1 -0
- package/docs/content/Flash.md +1 -0
- package/docs/content/FormGroup.md +1 -0
- package/docs/content/Header.md +1 -0
- package/docs/content/Heading.md +8 -4
- package/docs/content/Label.md +1 -0
- package/docs/content/LabelGroup.md +1 -0
- package/docs/content/Link.md +1 -0
- package/docs/content/Overlay.mdx +1 -0
- package/docs/content/Pagehead.md +1 -0
- package/docs/content/Pagination.md +1 -0
- package/docs/content/PointerBox.md +1 -0
- package/docs/content/Popover.md +1 -0
- package/docs/content/Portal.mdx +1 -0
- package/docs/content/Position.md +2 -9
- package/docs/content/ProgressBar.mdx +1 -0
- package/docs/content/SelectMenu.md +1 -0
- package/docs/content/SideNav.md +1 -0
- package/docs/content/StateLabel.md +1 -0
- package/docs/content/StyledOcticon.md +1 -1
- package/docs/content/SubNav.md +1 -0
- package/docs/content/TabNav.md +1 -0
- package/docs/content/Text.md +10 -3
- package/docs/content/TextInput.md +9 -1
- package/docs/content/Timeline.md +1 -0
- package/docs/content/Tooltip.md +1 -0
- package/docs/content/Truncate.md +1 -0
- package/docs/content/UnderlineNav.md +1 -0
- package/docs/content/status.mdx +10 -0
- package/docs/src/@primer/gatsby-theme-doctocat/mdx-components.js +9 -0
- package/docs/src/@primer/gatsby-theme-doctocat/nav.yml +4 -0
- package/docs/src/component-statuses.js +74 -0
- package/lib/ActionList/Item.js +3 -3
- package/lib/ActionList2/Item.js +3 -1
- package/lib/ActionList2/List.js +1 -2
- package/lib/ActionList2/Selection.js +3 -1
- package/lib/Autocomplete/Autocomplete.d.ts +1 -0
- package/lib/Autocomplete/AutocompleteInput.d.ts +1 -0
- package/lib/Button/Button.d.ts +1 -0
- package/lib/Button/ButtonClose.d.ts +2 -1
- package/lib/Button/ButtonDanger.d.ts +1 -0
- package/lib/Button/ButtonInvisible.d.ts +1 -0
- package/lib/Button/ButtonOutline.d.ts +1 -0
- package/lib/Button/ButtonPrimary.d.ts +1 -0
- package/lib/Checkbox.d.ts +29 -0
- package/lib/Checkbox.js +64 -0
- package/lib/CircleOcticon.d.ts +1 -0
- package/lib/Dialog.d.ts +3 -2
- package/lib/Dropdown.d.ts +4 -0
- package/lib/DropdownMenu/DropdownButton.d.ts +2 -1
- package/lib/FilterList.d.ts +1 -0
- package/lib/Position.d.ts +4 -4
- package/lib/SelectMenu/SelectMenu.d.ts +10 -4
- package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
- package/lib/TextInputWithTokens.d.ts +1 -0
- package/lib/Token/AvatarToken.d.ts +1 -1
- package/lib/Token/IssueLabelToken.d.ts +1 -1
- package/lib/Token/Token.d.ts +1 -1
- package/lib/__tests__/ActionList2.test.d.ts +1 -0
- package/lib/__tests__/ActionList2.test.js +117 -0
- package/lib/__tests__/Checkbox.test.d.ts +2 -0
- package/lib/__tests__/Checkbox.test.js +189 -0
- package/lib/__tests__/themePreval.test.d.ts +1 -0
- package/lib/__tests__/themePreval.test.js +14 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +8 -0
- package/lib/stories/ActionList2.stories.js +20 -6
- package/lib/stories/Checkbox.stories.js +227 -0
- package/lib/utils/testing.d.ts +1 -0
- package/lib/utils/testing.js +29 -0
- package/lib-esm/ActionList/Item.js +3 -3
- package/lib-esm/ActionList2/Item.js +3 -1
- package/lib-esm/ActionList2/List.js +1 -2
- package/lib-esm/ActionList2/Selection.js +3 -1
- package/lib-esm/Autocomplete/Autocomplete.d.ts +1 -0
- package/lib-esm/Autocomplete/AutocompleteInput.d.ts +1 -0
- package/lib-esm/Button/Button.d.ts +1 -0
- package/lib-esm/Button/ButtonClose.d.ts +2 -1
- package/lib-esm/Button/ButtonDanger.d.ts +1 -0
- package/lib-esm/Button/ButtonInvisible.d.ts +1 -0
- package/lib-esm/Button/ButtonOutline.d.ts +1 -0
- package/lib-esm/Button/ButtonPrimary.d.ts +1 -0
- package/lib-esm/Checkbox.d.ts +29 -0
- package/lib-esm/Checkbox.js +44 -0
- package/lib-esm/CircleOcticon.d.ts +1 -0
- package/lib-esm/Dialog.d.ts +3 -2
- package/lib-esm/Dropdown.d.ts +4 -0
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +2 -1
- package/lib-esm/FilterList.d.ts +1 -0
- package/lib-esm/Position.d.ts +4 -4
- package/lib-esm/SelectMenu/SelectMenu.d.ts +10 -4
- package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
- package/lib-esm/TextInputWithTokens.d.ts +1 -0
- package/lib-esm/Token/AvatarToken.d.ts +1 -1
- package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
- package/lib-esm/Token/Token.d.ts +1 -1
- package/lib-esm/__tests__/ActionList2.test.d.ts +1 -0
- package/lib-esm/__tests__/ActionList2.test.js +105 -2
- package/lib-esm/__tests__/Checkbox.test.d.ts +2 -0
- package/lib-esm/__tests__/Checkbox.test.js +169 -0
- package/lib-esm/__tests__/themePreval.test.d.ts +1 -0
- package/lib-esm/__tests__/themePreval.test.js +7 -0
- package/lib-esm/index.d.ts +2 -0
- package/lib-esm/index.js +1 -0
- package/lib-esm/stories/ActionList2.stories.js +20 -6
- package/lib-esm/stories/Checkbox.stories.js +197 -0
- package/lib-esm/utils/testing.d.ts +1 -0
- package/lib-esm/utils/testing.js +24 -0
- package/package-lock.json +179 -20
- package/package.json +2 -2
- package/src/ActionList/Item.tsx +2 -1
- package/src/ActionList2/Item.tsx +3 -2
- package/src/ActionList2/List.tsx +1 -6
- package/src/ActionList2/Selection.tsx +2 -1
- package/src/Checkbox.tsx +75 -0
- package/src/__tests__/ActionList2.test.tsx +111 -2
- package/src/__tests__/Checkbox.test.tsx +155 -0
- package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +13 -0
- package/src/__tests__/__snapshots__/Checkbox.test.tsx.snap +16 -0
- package/src/__tests__/__snapshots__/themePreval.test.ts.snap +3176 -0
- package/src/__tests__/themePreval.test.ts +8 -0
- package/src/index.ts +3 -0
- package/src/stories/ActionList2.stories.tsx +22 -8
- package/src/stories/Checkbox.stories.tsx +164 -0
- package/src/utils/testing.tsx +22 -0
- package/stats.html +1 -1
- package/docs/content/TextInputTokens.mdx +0 -89
- package/lib/ActionList2/Header.d.ts +0 -26
- package/lib/ActionList2/Header.js +0 -55
- package/lib-esm/ActionList2/Header.d.ts +0 -26
- package/lib-esm/ActionList2/Header.js +0 -44
- package/src/ActionList2/Header.tsx +0 -58
package/dist/browser.umd.js
CHANGED
@@ -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});
|
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
|