@primer/components 0.0.0-202110191270 → 0.0.0-2021101914535

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @primer/components
 
-## 0.0.0-202110191270
+## 0.0.0-2021101914535
 
 ### Minor Changes
 
-- [#1606](https://github.com/primer/react/pull/1606) [`82271fce`](https://github.com/primer/react/commit/82271fceab80234a24f2e84e9589c864cce0fb15) Thanks [@rezrah](https://github.com/rezrah)! - Adds a new Checkbox form component
+- [#1619](https://github.com/primer/react/pull/1619) [`38e45b33`](https://github.com/primer/react/commit/38e45b33c5efe70134d2459e39ddcfb66941957d) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Add composable `ActionMenu` to `@primer/components/drafts`
 
 ### Patch Changes
 

package/dist/browser.esm.js

@@ -829,7 +829,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
   }
   ${Nt}
   ${rr};
-`;zn.displayName="Breadcrumbs",In.displayName="Breadcrumbs.Item";var Nn=Object.assign(zn,{Item:In});const An=Object.assign(zn,{Item:In}),Rn=(e="default",t)=>({default:{color:"btn.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}, ${null==t?void 0:t.shadows.btn.insetShadow}`,"&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.shadowActive}`},"&:disabled":{color:"primer.fg.disabled",backgroundColor:"btn.disabledBg"}},primary:{color:"btn.primary.text",backgroundColor:"btn.primary.bg",borderColor:"border.subtle",boxShadow:`${null==t?void 0:t.shadows.btn.primary.shadow}`,"&:hover:not([disabled])":{color:"btn.primary.hoverText",backgroundColor:"btn.primary.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.primary.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.primary.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.primary.selectedShadow}`},"&:disabled":{color:"btn.primary.disabledText",backgroundColor:"btn.primary.disabledBg"},'[data-component="ButtonCounter"]':{backgroundColor:"btn.primary.counterBg",color:"btn.primary.text"}},danger:{color:"btn.danger.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover:not([disabled])":{color:"btn.danger.hoverText",backgroundColor:"btn.danger.hoverBg",borderColor:"btn.danger.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.hoverCounterBg",color:"btn.danger.hoverText"}},"&:focus:not([disabled])":{borderColor:"btn.danger.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.focusShadow}`},"&:active:not([disabled])":{color:"btn.danger.selectedText",backgroundColor:"btn.danger.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.danger.selectedShadow}`,borderColor:"btn.danger.selectedBorder"},"&:disabled":{color:"btn.danger.disabledText",backgroundColor:"btn.danger.disabledBg",borderColor:"btn.danger.disabledBorder",'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.disabledCounterBg"}},'[data-component="ButtonCounter"]':{color:"btn.danger.text",backgroundColor:"btn.danger.counterBg"}},invisible:{color:"accent.fg",backgroundColor:"transparent",border:"0",boxShadow:"none","&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg"},"&:disabled":{color:"primer.fg.disabled"}},outline:{color:"btn.outline.text",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover":{color:"btn.outline.hoverText",backgroundColor:"btn.outline.hoverBg",borderColor:"outline.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.hoverCounterBg",color:"btn.outline.hoverText"}},"&:focus":{borderColor:"btn.outline.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.focusShadow}`},"&:active":{color:"btn.outline.selectedText",backgroundColor:"btn.outline.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.outline.selectedShadow}`,borderColor:"btn.outline.selectedBorder"},"&:disabled":{color:"btn.outline.disabledText",backgroundColor:"btn.outline.disabledBg",borderColor:"btn.border",'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.disabledCounterBg"}},'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.counterBg",color:"btn.outline.text"}}}[e]),Ln=(e="medium",t="default",r)=>{let o,a,n;switch(e){case"small":o=3,a=12,n=0;break;case"large":o=9,a=20,n=2;break;case"medium":default:o=5,a=16,n=1}return r&&(a=o+2),"invisible"===t&&(o+=1),{paddingY:`${o}px`,paddingX:`${a}px`,fontSize:n,'[data-component="ButtonCounter"]':{fontSize:n}}},On=f.button(rr),Mn=i((({children:t,...r},o)=>{const{icon:a,leadingIcon:n,trailingIcon:i,variant:l="default",size:d="medium",sx:s={}}=r,c=!!a,{theme:f}=Zt(),g={...{borderRadius:"2",border:"1px solid",borderColor:null==f?void 0:f.colors.btn.border,display:"grid",gridTemplateAreas:'"leadingIcon text trailingIcon"',fontWeight:"bold",lineHeight:"20px",whiteSpace:"nowrap",verticalAlign:"middle",cursor:"pointer",appearance:"none",userSelect:"none",textDecoration:"none",textAlign:"center","> :not(:last-child), :not('[data-component=\"icon-only\"]')":{mr:"2"},"&:focus":{outline:"none"},"&:disabled":{cursor:"default"},"&:disabled svg":{opacity:"0.6"},'[data-component="leadingIcon"]':{gridArea:"leadingIcon"},'[data-component="text"]':{gridArea:"text"},'[data-component="trailingIcon"]':{gridArea:"trailingIcon"}},...{...Ln(d,l,c),...Rn(l,f)}},u={display:"inline-block"};return e.createElement(On,Pt({sx:Xt(g,s),ref:o},r),n&&e.createElement(or,{as:"span","data-component":"leadingIcon",sx:u,"aria-hidden":!c},e.createElement(n,null)),a&&e.createElement(or,{"data-component":"icon-only",as:"span",sx:{display:"inline-block"},"aria-hidden":!c},e.createElement(a,null)),e.createElement("span",{"data-component":"text",hidden:!!a},t),i&&e.createElement(or,{as:"span","data-component":"trailingIcon",sx:{...u,ml:2},"aria-hidden":!c},e.createElement(i,null)))}));Mn.displayName="Button",Object.assign(Mn,{});var Pn=f.span`
+`;zn.displayName="Breadcrumbs",In.displayName="Breadcrumbs.Item";var Nn=Object.assign(zn,{Item:In});const An=Object.assign(zn,{Item:In}),Rn=(e="default",t)=>({default:{color:"btn.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}, ${null==t?void 0:t.shadows.btn.insetShadow}`,"&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.shadowActive}`},"&:disabled":{color:"primer.fg.disabled",backgroundColor:"btn.disabledBg"}},primary:{color:"btn.primary.text",backgroundColor:"btn.primary.bg",borderColor:"border.subtle",boxShadow:`${null==t?void 0:t.shadows.btn.primary.shadow}`,"&:hover:not([disabled])":{color:"btn.primary.hoverText",backgroundColor:"btn.primary.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.primary.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.primary.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.primary.selectedShadow}`},"&:disabled":{color:"btn.primary.disabledText",backgroundColor:"btn.primary.disabledBg"},'[data-component="ButtonCounter"]':{backgroundColor:"btn.primary.counterBg",color:"btn.primary.text"}},danger:{color:"btn.danger.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover:not([disabled])":{color:"btn.danger.hoverText",backgroundColor:"btn.danger.hoverBg",borderColor:"btn.danger.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.hoverCounterBg",color:"btn.danger.hoverText"}},"&:focus:not([disabled])":{borderColor:"btn.danger.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.focusShadow}`},"&:active:not([disabled])":{color:"btn.danger.selectedText",backgroundColor:"btn.danger.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.danger.selectedShadow}`,borderColor:"btn.danger.selectedBorder"},"&:disabled":{color:"btn.danger.disabledText",backgroundColor:"btn.danger.disabledBg",borderColor:"btn.danger.disabledBorder",'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.disabledCounterBg"}},'[data-component="ButtonCounter"]':{color:"btn.danger.text",backgroundColor:"btn.danger.counterBg"}},invisible:{color:"accent.fg",backgroundColor:"transparent",border:"0",boxShadow:"none","&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg"},"&:disabled":{color:"primer.fg.disabled"}},outline:{color:"btn.outline.text",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover":{color:"btn.outline.hoverText",backgroundColor:"btn.outline.hoverBg",borderColor:"outline.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.hoverCounterBg",color:"btn.outline.hoverText"}},"&:focus":{borderColor:"btn.outline.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.focusShadow}`},"&:active":{color:"btn.outline.selectedText",backgroundColor:"btn.outline.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.outline.selectedShadow}`,borderColor:"btn.outline.selectedBorder"},"&:disabled":{color:"btn.outline.disabledText",backgroundColor:"btn.outline.disabledBg",borderColor:"btn.border",'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.disabledCounterBg"}},'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.counterBg",color:"btn.outline.text"}}}[e]),Ln=(e="medium",t="default",r)=>{let o,a,n;switch(e){case"small":o=3,a=12,n=0;break;case"large":o=9,a=20,n=2;break;case"medium":default:o=5,a=16,n=1}return r&&(a=o+2),"invisible"===t&&(o+=1),{paddingY:`${o}px`,paddingX:`${a}px`,fontSize:n,'[data-component="ButtonCounter"]':{fontSize:n}}},On=f.button(rr),Mn=i((({children:t,...r},o)=>{const{icon:a,leadingIcon:n,trailingIcon:i,variant:l="default",size:d="medium",sx:s={}}=r,c=!!a,{theme:f}=Zt(),g={...{borderRadius:"2",border:"1px solid",borderColor:null==f?void 0:f.colors.btn.border,display:"grid",gridTemplateAreas:'"leadingIcon text trailingIcon"',fontWeight:"bold",lineHeight:"20px",whiteSpace:"nowrap",verticalAlign:"middle",cursor:"pointer",appearance:"none",userSelect:"none",textDecoration:"none",textAlign:"center","& > :not(:last-child)":{mr:"2"},"&:focus":{outline:"none"},"&:disabled":{cursor:"default"},"&:disabled svg":{opacity:"0.6"},'[data-component="leadingIcon"]':{gridArea:"leadingIcon"},'[data-component="text"]':{gridArea:"text"},'[data-component="trailingIcon"]':{gridArea:"trailingIcon"}},...{...Ln(d,l,c),...Rn(l,f)}},u={display:"inline-block"};return e.createElement(On,Pt({sx:Xt(g,s),ref:o},r),n&&e.createElement(or,{as:"span","data-component":"leadingIcon",sx:u,"aria-hidden":!c},e.createElement(n,null)),e.createElement("span",{"data-component":"text",hidden:!!a||void 0},t),a&&e.createElement(or,{"data-component":"icon-only",as:"span",sx:{display:"inline-block"},"aria-hidden":!c},e.createElement(a,null)),i&&e.createElement(or,{as:"span","data-component":"trailingIcon",sx:{...u,ml:2},"aria-hidden":!c},e.createElement(i,null)))}));Mn.displayName="Button",Object.assign(Mn,{});var Pn=f.span`
   display: inline-block;
   padding: 2px 5px;
   font-size: ${It("fontSizes.0")};
@@ -2254,12 +2254,5 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
 
   ${Nt};
   ${rr};
-`;ys.displayName="UnderlineNav.Link";var ws=Object.assign(xs,{Link:ys});const Bs=f.input`
-  cursor: pointer;
-
-  ${e=>e.disabled&&"cursor: not-allowed;"}
-
-  ${Nt};
-  ${rr}
-`,ks=e.forwardRef((({checked:t,indeterminate:o,disabled:a,sx:n,...i},d)=>{const s=r(null);return l((()=>{s.current&&(s.current.indeterminate=o||!1)}),[o,t]),e.createElement(Bs,Pt({type:"checkbox",disabled:a,ref:d||s,checked:t,"aria-checked":o?"mixed":t,sx:{...n}},i))}));export{gr as Absolute,_a as ActionList,Za as ActionMenu,mn as Autocomplete,xn as Avatar,Bn as AvatarPair,Sn as AvatarStack,ps as AvatarToken,Wt as BaseStyles,nr as BorderBox,or as Box,Tn as BranchName,An as Breadcrumb,Nn as Breadcrumbs,qr as Button,mo as ButtonClose,Xr as ButtonDanger,Jr as ButtonGroup,eo as ButtonInvisible,Zr as ButtonOutline,Qr as ButtonPrimary,to as ButtonTableList,Vn as Caret,ks as Checkbox,Yn as CircleBadge,Jn as CircleOcticon,ma as ConfirmationDialog,Pn as CounterLabel,Qn as Details,si as Dialog,mi as Dropdown,vi as DropdownButton,xi as DropdownMenu,Si as FilterList,yi as FilteredSearch,ur as Fixed,Ci as Flash,lr as Flex,Ni as FormGroup,sr as Grid,Oi as Header,Pi as Heading,gs as IssueLabelToken,_i as Label,Di as LabelGroup,Ui as Link,Hn as NewButton,Ka as Overlay,Gi as Pagehead,Xi as Pagination,Zi as PointerBox,tl as Popover,fr as Position,nl as ProgressBar,br as Relative,Uo as SSRProvider,td as SelectMenu,ld as SideNav,Nl as Spinner,gd as StateLabel,pr as Sticky,Mo as StyledOcticon,md as SubNav,Bd as TabNav,ri as Text,dn as TextInput,jd as TextInputWithTokens,tr as ThemeProvider,Xd as Timeline,Hd as Token,ms as Tooltip,$a as Truncate,ws as UnderlineNav,x as theme,It as themeGet,Qt as useColorSchemeVar,va as useConfirm,hr as useDetails,Cr as useOnEscapePress,wr as useOnOutsideClick,Sr as useOpenAndCloseFocus,Ir as useOverlay,Vo as useSSRSafeId,mr as useSafeTimeout,Zt as useTheme};
+`;ys.displayName="UnderlineNav.Link";var ws=Object.assign(xs,{Link:ys});export{gr as Absolute,_a as ActionList,Za as ActionMenu,mn as Autocomplete,xn as Avatar,Bn as AvatarPair,Sn as AvatarStack,ps as AvatarToken,Wt as BaseStyles,nr as BorderBox,or as Box,Tn as BranchName,An as Breadcrumb,Nn as Breadcrumbs,qr as Button,mo as ButtonClose,Xr as ButtonDanger,Jr as ButtonGroup,eo as ButtonInvisible,Zr as ButtonOutline,Qr as ButtonPrimary,to as ButtonTableList,Vn as Caret,Yn as CircleBadge,Jn as CircleOcticon,ma as ConfirmationDialog,Pn as CounterLabel,Qn as Details,si as Dialog,mi as Dropdown,vi as DropdownButton,xi as DropdownMenu,Si as FilterList,yi as FilteredSearch,ur as Fixed,Ci as Flash,lr as Flex,Ni as FormGroup,sr as Grid,Oi as Header,Pi as Heading,gs as IssueLabelToken,_i as Label,Di as LabelGroup,Ui as Link,Hn as NewButton,Ka as Overlay,Gi as Pagehead,Xi as Pagination,Zi as PointerBox,tl as Popover,fr as Position,nl as ProgressBar,br as Relative,Uo as SSRProvider,td as SelectMenu,ld as SideNav,Nl as Spinner,gd as StateLabel,pr as Sticky,Mo as StyledOcticon,md as SubNav,Bd as TabNav,ri as Text,dn as TextInput,jd as TextInputWithTokens,tr as ThemeProvider,Xd as Timeline,Hd as Token,ms as Tooltip,$a as Truncate,ws as UnderlineNav,x as theme,It as themeGet,Qt as useColorSchemeVar,va as useConfirm,hr as useDetails,Cr as useOnEscapePress,wr as useOnOutsideClick,Sr as useOpenAndCloseFocus,Ir as useOverlay,Vo as useSSRSafeId,mr as useSafeTimeout,Zt as useTheme};
 //# sourceMappingURL=browser.esm.js.map