@primer/components 0.0.0-202191413037 → 0.0.0-202191502023

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 # @primer/components
 
-## 0.0.0-202191413037
+## 0.0.0-202191502023
+
+### Major Changes
+
+- [#1514](https://github.com/primer/react/pull/1514) [`30b4c44f`](https://github.com/primer/react/commit/30b4c44fef2d4c366e912771f0a4d998fc95ab92) Thanks [@colebemis](https://github.com/colebemis)! - Remove deprecated color variables by upgrading to @primer/primitives [v5](https://github.com/primer/primitives/pull/251)
+
+  **Note:** Install [`eslint-plugin-primer-react`](https://primer.style/react/linting) to ensure that you're not using any deprecated or removed color variables.
+
+### Patch Changes
+
+- Fake entry to force publishing
+
+## 30.3.0
 
 ### Minor Changes
 
@@ -10,10 +22,6 @@
 
 - [#1488](https://github.com/primer/react/pull/1488) [`05ac5aab`](https://github.com/primer/react/commit/05ac5aabb6bf39150557732605f9ce0fb3b9d1ec) Thanks [@mperrotti](https://github.com/mperrotti)! - Add alpha `Token`, `AvatarToken`, `IssueLabelToken` components
 
-### Patch Changes
-
-- Fake entry to force publishing
-
 ## 30.2.1
 
 ### Patch Changes

package/dist/browser.esm.js

@@ -542,7 +542,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
   flex-basis: var(--description-container-flex-basis);
 `,Ma=f.input`
   pointer-events: none;
-`,Pa=e.forwardRef(((t,r)=>{const{as:a,text:n,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingText:g,variant:u="default",showDivider:p,disabled:b,onAction:h,onKeyPress:m,children:v,onClick:x,id:y,...w}=t,B=Uo(),$=Uo(),k=o((e=>{if(b)return;null==m||m(e);e.target instanceof HTMLInputElement&&"checkbox"===e.target.type&&" "===e.key||!e.defaultPrevented&&[" ","Enter"].includes(e.key)&&(null==h||h(t,e))}),[h,b,t,m]),T=o((e=>{b||(null==x||x(e),e.defaultPrevented||null==h||h(t,e))}),[h,b,t,x]),S=Ta[u],E=Qt(S.hover,"inherit"),C=Qt(S.focus,"inherit"),{theme:z}=Zt();return e.createElement(za,Pt({ref:r,as:a,tabIndex:b?void 0:-1,variant:u,showDivider:p,"aria-selected":d,"aria-labelledby":n?B:void 0,"aria-describedby":i?$:void 0},w,{"data-id":y,onKeyPress:k,onClick:T,hoverBackground:b?"inherit":E,focusBackground:b?"inherit":C}),!!d===d&&e.createElement(Ia,null,"multiple"===s?e.createElement(e.Fragment,null,e.createElement(Ma,{disabled:b,tabIndex:-1,type:"checkbox",checked:d,"aria-label":n,readOnly:!0,"aria-readonly":"false"})):d&&e.createElement(no,{fill:null==z?void 0:z.colors.text.primary})),c&&e.createElement(Ra,{variant:u,disabled:b},e.createElement(c,null)),e.createElement(Ea,null,e.createElement(Ca,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},v,n?e.createElement(Na,{id:B},n):null,i?e.createElement(Oa,{id:$,style:{"--description-container-margin-left":"inline"===l?Nt("space.2")(z):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:e.createElement(Ba,{title:i,inline:!0,maxWidth:"100%"},i)):null),f||g?e.createElement(La,{variant:u,disabled:b},g,f&&e.createElement(f,null)):null))}));Pa.displayName="ActionList.Item";const Ha=f.div`
+`,Pa=e.forwardRef(((t,r)=>{const{as:a,text:n,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingText:g,variant:u="default",showDivider:p,disabled:b,onAction:h,onKeyPress:m,children:v,onClick:x,id:y,...w}=t,B=Uo(),$=Uo(),k=o((e=>{if(b)return;null==m||m(e);e.target instanceof HTMLInputElement&&"checkbox"===e.target.type&&" "===e.key||!e.defaultPrevented&&[" ","Enter"].includes(e.key)&&(null==h||h(t,e))}),[h,b,t,m]),T=o((e=>{b||(null==x||x(e),e.defaultPrevented||null==h||h(t,e))}),[h,b,t,x]),S=Ta[u],E=Qt(S.hover,"inherit"),C=Qt(S.focus,"inherit"),{theme:z}=Zt();return e.createElement(za,Pt({ref:r,as:a,tabIndex:b?void 0:-1,variant:u,showDivider:p,"aria-selected":d,"aria-labelledby":n?B:void 0,"aria-describedby":i?$:void 0},w,{"data-id":y,onKeyPress:k,onClick:T,hoverBackground:b?"inherit":E,focusBackground:b?"inherit":C}),!!d===d&&e.createElement(Ia,null,"multiple"===s?e.createElement(e.Fragment,null,e.createElement(Ma,{disabled:b,tabIndex:-1,type:"checkbox",checked:d,"aria-label":n,readOnly:!0,"aria-readonly":"false"})):d&&e.createElement(no,{fill:null==z?void 0:z.colors.fg.default})),c&&e.createElement(Ra,{variant:u,disabled:b},e.createElement(c,null)),e.createElement(Ea,null,e.createElement(Ca,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},v,n?e.createElement(Na,{id:B},n):null,i?e.createElement(Oa,{id:$,style:{"--description-container-margin-left":"inline"===l?Nt("space.2")(z):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:e.createElement(Ba,{title:i,inline:!0,maxWidth:"100%"},i)):null),f||g?e.createElement(La,{variant:u,disabled:b},g,f&&e.createElement(f,null)):null))}));Pa.displayName="ActionList.Item";const Ha=f.div`
   font-size: ${Nt("fontSizes.1")};
   /* 14px font-size * 1.428571429 = 20px line height
    *