@primer/components 0.0.0-2021103224924 → 0.0.0-2021103231153

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @primer/components
 
-## 0.0.0-2021103224924
+## 0.0.0-2021103231153
 
 ### Major Changes
 
-- [#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.
+- [#1564](https://github.com/primer/react/pull/1564) [`5f29f57e`](https://github.com/primer/react/commit/5f29f57ee036be3ad71b26bc689193cec75acb17) Thanks [@jfuchs](https://github.com/jfuchs)! - Label 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.
 
 ### Minor Changes
 

package/dist/browser.esm.js

@@ -1155,22 +1155,22 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     margin-right: 0;
   }
   ${rr};
-`;const Ii=p(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";",";background-color:transparent;"],Nt("colors.fg.muted"),Nt("borderWidths.1"),Nt("colors.border.default"),ct,It),Ai=ue({variants:{small:{fontSize:0,lineHeight:"16px",padding:"0px 8px"},medium:{fontSize:0,lineHeight:"20px",padding:"0 8px"},large:{fontSize:0,lineHeight:"24px",padding:"0 12px"},xl:{fontSize:1,lineHeight:"16px",padding:"8px 12px"}}}),Ri=f.span`
+`;const Ii=p(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";background-color:transparent;"],Nt("colors.fg.muted"),Nt("borderWidths.1"),Nt("colors.border.default"),ct),Ai=ue({variants:{small:{fontSize:0,lineHeight:"16px",padding:"0px 8px"},medium:{fontSize:0,lineHeight:"20px",padding:"0 8px"},large:{fontSize:0,lineHeight:"24px",padding:"0 12px"},xl:{fontSize:1,lineHeight:"16px",padding:"8px 12px"}}}),Ri=f.span`
   display: inline-block;
   font-weight: ${Nt("fontWeights.semibold")};
   color: ${Nt("colors.fg.onEmphasis")};
   border-radius: ${Nt("radii.3")};
+  background-color: ${Nt("colors.neutral.emphasis")};
 
   &:hover {
     text-decoration: none;
   }
 
   ${Ai}
-  ${It}
   ${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
   ${e=>e.outline?Ii:""} // must be last to override other values
   ${rr}
-`;Ri.defaultProps={bg:"neutral.emphasis",variant:"medium"};var Li=Ri;const Oi=L({hoverColor:{property:"color",scale:"colors"}});var Mi=f.a`
+`;Ri.defaultProps={variant:"medium"};var Li=Ri;const Oi=L({hoverColor:{property:"color",scale:"colors"}});var Mi=f.a`
   color: ${e=>e.muted?Nt("colors.fg.muted")(e):Nt("colors.accent.fg")(e)};
   text-decoration: ${e=>e.underline?"underline":"none"};
   &:hover {
@@ -2217,6 +2217,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     align-self: center;
   }
 
+  ${It};
   ${rr};
 `;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)})))`
   padding: ${Nt("space.3")} ${Nt("space.2")};
@@ -2249,6 +2250,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     }
   }
 
+  ${It};
   ${rr};
 `;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};
 //# sourceMappingURL=browser.esm.js.map