@primer/components 0.0.0-202110322927 → 0.0.0-202110323331

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-202110322927
3
+ ## 0.0.0-202110323331
4
4
 
5
5
  ### Major Changes
6
6
 
7
- - [#1572](https://github.com/primer/react/pull/1572) [`7c63d566`](https://github.com/primer/react/commit/7c63d5666ee472c9eb8669a1f2138f788f8ea95e) Thanks [@jfuchs](https://github.com/jfuchs)! - SideNav 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
+ - [#1560](https://github.com/primer/react/pull/1560) [`39d13744`](https://github.com/primer/react/commit/39d1374462d04960ede2c5a521c8c40785ac9de9) Thanks [@jfuchs](https://github.com/jfuchs)! - FilterList 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
 
@@ -1032,7 +1032,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
1032
1032
  ${rr}
1033
1033
  `;const ui=f.ul`
1034
1034
  list-style-type: none;
1035
- ${It};
1035
+ margin: 0;
1036
+ padding: 0;
1036
1037
  ${rr};
1037
1038
  `,pi=({children:t,...r})=>{const o=e.Children.map(t,(t=>e.createElement("li",null,t)));return e.createElement(ui,r,o)};pi.displayName="FilterList";const bi=f.a`
1038
1039
  position: relative;
@@ -1060,9 +1061,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
1060
1061
  float: right;
1061
1062
  font-weight: ${Nt("fontWeights.bold")};
1062
1063
  }
1063
- ${It};
1064
1064
  ${rr};
1065
- `;function mi({children:t,count:r,...o}){return e.createElement(bi,o,r&&e.createElement("span",{title:"results",className:"count"},r),t)}mi.displayName="FilterListItem",pi.defaultProps={m:0,p:0},mi.displayName="FilterList.Item";var hi=Object.assign(pi,{Item:mi});const vi=ue({variants:{default:{color:"fg.default",backgroundColor:"accent.subtle",borderColor:"accent.muted",svg:{color:"accent.fg"}},success:{color:"fg.default",backgroundColor:"success.subtle",borderColor:"success.muted",svg:{color:"success.fg"}},danger:{color:"fg.default",backgroundColor:"danger.subtle",borderColor:"danger.muted",svg:{color:"danger.fg"}},warning:{color:"fg.default",backgroundColor:"attention.subtle",borderColor:"attention.muted",svg:{color:"attention.fg"}}}}),xi=f.div`
1065
+ `;function mi({children:t,count:r,...o}){return e.createElement(bi,o,r&&e.createElement("span",{title:"results",className:"count"},r),t)}mi.displayName="FilterListItem",mi.displayName="FilterList.Item";var hi=Object.assign(pi,{Item:mi});const vi=ue({variants:{default:{color:"fg.default",backgroundColor:"accent.subtle",borderColor:"accent.muted",svg:{color:"accent.fg"}},success:{color:"fg.default",backgroundColor:"success.subtle",borderColor:"success.muted",svg:{color:"success.fg"}},danger:{color:"fg.default",backgroundColor:"danger.subtle",borderColor:"danger.muted",svg:{color:"danger.fg"}},warning:{color:"fg.default",backgroundColor:"attention.subtle",borderColor:"attention.muted",svg:{color:"attention.fg"}}}}),xi=f.div`
1066
1066
  position: relative;
1067
1067
  color: ${Nt("colors.fg.default")};
1068
1068
  padding: ${Nt("space.3")};
@@ -1596,11 +1596,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
1596
1596
  ${"\n // Remove marker added by the display: list-item browser default\n > summary {\n list-style: none;\n }\n // Remove marker added by details polyfill\n > summary::before {\n display: none;\n }\n // Remove marker added by Chrome\n > summary::-webkit-details-marker {\n display: none;\n }\n"}
1597
1597
  ${It}
1598
1598
  ${rr};
1599
- `,Vl=e.forwardRef((({children:n,initialTab:i="",as:l,...d},s)=>{const c=r(null),f=null!=s?s:c,[g,u]=t(i),[p,b]=t(!1),m={selectedTab:g,setSelectedTab:u,setOpen:b,open:p,initialTab:i},h=o((e=>{"current"in f&&f.current&&!f.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[f,b]);return a((()=>{if(p)return document.addEventListener("click",h),()=>{document.removeEventListener("click",h)}}),[p,h]),Zi(f,p,b),e.createElement(Qi.Provider,{value:m},e.createElement(Gl,Pt({ref:f},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));Vl.displayName="SelectMenu";var Kl=Object.assign(Vl,{MenuContext:Qi,List:xl,Divider:rl,Filter:nl,Footer:dl,Item:ml,Modal:Rl,Tabs:Ul,Tab:Pl,TabPanel:Wl,Header:gl,LoadingAnimation:Sl});function ql({variant:t,className:r,bordered:o,children:a}){const n=en(r,`variant-${"lightweight"===t?"lightweight":"normal"}`);return e.createElement(or,{borderWidth:o?"1px":0,borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:n},a)}ql.displayName="SideNavBase";const Xl=f(ql)`
1599
+ `,Vl=e.forwardRef((({children:n,initialTab:i="",as:l,...d},s)=>{const c=r(null),f=null!=s?s:c,[g,u]=t(i),[p,b]=t(!1),m={selectedTab:g,setSelectedTab:u,setOpen:b,open:p,initialTab:i},h=o((e=>{"current"in f&&f.current&&!f.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[f,b]);return a((()=>{if(p)return document.addEventListener("click",h),()=>{document.removeEventListener("click",h)}}),[p,h]),Zi(f,p,b),e.createElement(Qi.Provider,{value:m},e.createElement(Gl,Pt({ref:f},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));Vl.displayName="SelectMenu";var Kl=Object.assign(Vl,{MenuContext:Qi,List:xl,Divider:rl,Filter:nl,Footer:dl,Item:ml,Modal:Rl,Tabs:Ul,Tab:Pl,TabPanel:Wl,Header:gl,LoadingAnimation:Sl});function ql({variant:t,className:r,bordered:o,children:a,...n}){const i=en(r,`variant-${"lightweight"===t?"lightweight":"normal"}`);return o||(n={...n,borderWidth:0}),e.createElement(or,Pt({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i},n),a)}ql.displayName="SideNavBase";const Xl=f(ql)`
1600
1600
  background-color: ${Nt("colors.canvas.subtle")};
1601
1601
 
1602
1602
  ${e=>e.bordered&&p(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
1603
1603
 
1604
+ ${It};
1604
1605
  ${rr};
1605
1606
  `,Yl=p(["background-color:",";outline:none;text-decoration:none;"],Nt("colors.neutral.subtle")),Jl=p(["color:",";text-decoration:none;outline:none;"],Nt("colors.fg.default")),Zl=f(Mi).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
1606
1607
  position: relative;