@primer/components 0.0.0-2021103222654 → 0.0.0-2021103224924

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 CHANGED
@@ -1,10 +1,10 @@
1
1
  # @primer/components
2
2
 
3
- ## 0.0.0-2021103222654
3
+ ## 0.0.0-2021103224924
4
4
 
5
5
  ### Major Changes
6
6
 
7
- - [#1575](https://github.com/primer/react/pull/1575) [`aae36ea0`](https://github.com/primer/react/commit/aae36ea0da11e912cc3269298fe77991ba2c2e64) Thanks [@jfuchs](https://github.com/jfuchs)! - TabNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
7
+ - [#1579](https://github.com/primer/react/pull/1579) [`cf510f78`](https://github.com/primer/react/commit/cf510f78124b818de13130f31d86c74367314445) Thanks [@jfuchs](https://github.com/jfuchs)! - UnderlineNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
8
8
 
9
9
  ### Minor Changes
10
10
 
@@ -1775,6 +1775,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
1775
1775
  `;dd.displayName="SubNav.Link",ld.displayName="SubNav.Links";var sd=Object.assign(id,{Link:dd,Links:ld});const cd=f.div`
1776
1776
  margin-top: 0;
1777
1777
  border-bottom: 1px solid ${Nt("colors.border.default")};
1778
+ ${It}
1778
1779
  ${rr}
1779
1780
  `,fd=f.nav`
1780
1781
  display: flex;
@@ -1804,6 +1805,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
1804
1805
  background-color: ${Nt("colors.canvas.default")};
1805
1806
  }
1806
1807
 
1808
+ ${It};
1807
1809
  ${rr};
1808
1810
  `;ud.displayName="TabNav.Link";var pd=Object.assign(gd,{Link:ud}),bd=O(te,D,H,M,W,U,V,q,_,re,pe,be,me),md=new RegExp("^("+bd.propNames.join("|")+")$");const hd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},vd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),xd=ue({prop:"size",variants:{small:{fontSize:0,height:hd.small,lineHeight:hd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:hd.medium,lineHeight:hd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:hd.large,lineHeight:hd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:hd.extralarge,lineHeight:hd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),yd=f.span.attrs((({text:e,onRemove:t,onKeyDown:r})=>({onKeyDown:e=>{r&&r(e),"Backspace"!==e.key&&"Delete"!==e.key||!t||t()},"aria-label":t?`${e}, press backspace or delete to remove`:void 0})))`
1809
1811
  align-items: center;
@@ -2215,7 +2217,6 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
2215
2217
  align-self: center;
2216
2218
  }
2217
2219
 
2218
- ${It};
2219
2220
  ${rr};
2220
2221
  `;function fs({actions:t,className:r,align:o,children:a,full:n,label:i,theme:l,...d}){const s=en(r,"UnderlineNav",o&&`UnderlineNav--${o}`,n&&"UnderlineNav--full");return e.createElement(cs,Pt({className:s,"aria-label":i,theme:l},d),e.createElement("div",{className:"UnderlineNav-body"},a),t&&e.createElement("div",{className:"UnderlineNav-actions"},t))}fs.displayName="UnderlineNav";const gs=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en("UnderlineNav-item",e.selected&&"selected",e.className)})))`
2221
2222
  padding: ${Nt("space.3")} ${Nt("space.2")};
@@ -2248,7 +2249,6 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
2248
2249
  }
2249
2250
  }
2250
2251
 
2251
- ${It};
2252
2252
  ${rr};
2253
2253
  `;gs.displayName="UnderlineNav.Link";var us=Object.assign(fs,{Link:gs});export{gr as Absolute,Wa as ActionList,Ya as ActionMenu,bn as Autocomplete,hn as Avatar,yn as AvatarPair,$n as AvatarStack,ls as AvatarToken,Wt as BaseStyles,nr as BorderBox,or as Box,kn as BranchName,Nn as Breadcrumb,zn 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,Pn as Caret,Fn as CircleBadge,_n as CircleOcticon,ba as ConfirmationDialog,jn as CounterLabel,Gn as Details,ti as Dialog,si as Dropdown,ci as DropdownButton,fi as DropdownMenu,hi as FilterList,gi as FilteredSearch,ur as Fixed,yi as Flash,lr as Flex,$i as FormGroup,sr as Grid,Ei as Header,zi as Heading,as as IssueLabelToken,Li as Label,Ni as LabelGroup,Mi as Link,Ga as Overlay,Pi as Pagehead,Fi as Pagination,Ui as PointerBox,Ki as Popover,fr as Position,Ji as ProgressBar,pr as Relative,_o as SSRProvider,Kl as SelectMenu,Ql as SideNav,$l as Spinner,ad as StateLabel,br as Sticky,Lo as StyledOcticon,sd as SubNav,pd as TabNav,qn as Text,nn as TextInput,Od as TextInputWithTokens,tr as ThemeProvider,Fd as Timeline,Id as Token,ss as Tooltip,Ba as Truncate,us as UnderlineNav,x as theme,Nt as themeGet,Qt as useColorSchemeVar,ma as useConfirm,mr as useDetails,Cr as useOnEscapePress,wr as useOnOutsideClick,Tr as useOpenAndCloseFocus,Nr as useOverlay,Uo as useSSRSafeId,hr as useSafeTimeout,Zt as useTheme};
2254
2254
  //# sourceMappingURL=browser.esm.js.map