@primer/components 0.0.0-2021101924025 → 0.0.0-202110195408
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 +7 -11
- package/dist/browser.esm.js +1 -1
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +1 -1
- package/dist/browser.umd.js.map +1 -1
- package/lib/NewButton/button.js +35 -43
- package/lib/NewButton/button.jsx +25 -24
- package/lib-esm/NewButton/button.js +32 -43
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
# @primer/components
|
|
2
2
|
|
|
3
|
-
## 0.0.0-
|
|
4
|
-
|
|
5
|
-
### Patch Changes
|
|
6
|
-
|
|
7
|
-
- Fake entry to force publishing
|
|
8
|
-
|
|
9
|
-
## 31.2.0
|
|
3
|
+
## 0.0.0-202110195408
|
|
10
4
|
|
|
11
5
|
### Minor Changes
|
|
12
6
|
|
|
@@ -22,13 +16,15 @@
|
|
|
22
16
|
|
|
23
17
|
- [#1583](https://github.com/primer/react/pull/1583) [`24b1ebbc`](https://github.com/primer/react/commit/24b1ebbc21ca2eaa92bd6b5b8c15ab0e7577f5a0) Thanks [@pksjce](https://github.com/pksjce)! - Add a utility to provide useIsoMorphicEffect function and use that instead of useLayoutEffect everywhere
|
|
24
18
|
|
|
25
|
-
*
|
|
19
|
+
* Fake entry to force publishing
|
|
20
|
+
|
|
21
|
+
- [#1592](https://github.com/primer/react/pull/1592) [`8d3d491f`](https://github.com/primer/react/commit/8d3d491fa3c9437b3a8f310e233b7009cae13095) Thanks [@rezrah](https://github.com/rezrah)! - Fixes a styling bug in TextInput components while using its `icon` and `block` props together
|
|
26
22
|
|
|
27
|
-
|
|
23
|
+
* [#1549](https://github.com/primer/react/pull/1549) [`f565840f`](https://github.com/primer/react/commit/f565840f2d879b987ef9df7cd046e146214ed5f5) Thanks [@michael-lefebvre](https://github.com/michael-lefebvre)! - Fix `auxiliaryText` in ActionList Group header
|
|
28
24
|
|
|
29
|
-
|
|
25
|
+
- [#1604](https://github.com/primer/react/pull/1604) [`d2090b5b`](https://github.com/primer/react/commit/d2090b5b0321df1a415054d9b6a4d407627a385f) Thanks [@japf](https://github.com/japf)! - Add support for draft issues to the StateLabel component
|
|
30
26
|
|
|
31
|
-
|
|
27
|
+
* [#1609](https://github.com/primer/react/pull/1609) [`5eb7ade9`](https://github.com/primer/react/commit/5eb7ade92082fda2a94b45828a32e25b07c039db) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Rename `@primer/components/unreleased` to `@primer/components/drafts` to avoid confusion when referring to it.
|
|
32
28
|
|
|
33
29
|
## 31.1.0
|
|
34
30
|
|
package/dist/browser.esm.js
CHANGED
|
@@ -829,7 +829,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
829
829
|
}
|
|
830
830
|
${Nt}
|
|
831
831
|
${rr};
|
|
832
|
-
`;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
|
|
832
|
+
`;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:not([disabled])":{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,sx:r={},...o},a)=>{const{icon:n,leadingIcon:i,trailingIcon:l,variant:d="default",size:s="medium"}=o,c=!!n,{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"}},u={display:"inline-block"},b=Xt.all([g,Ln(s,d,c),Rn(d,f),r]);return e.createElement(On,Pt({sx:b,ref:a},o),i&&e.createElement(or,{as:"span","data-component":"leadingIcon",sx:u,"aria-hidden":!c},e.createElement(i,null)),n&&e.createElement(or,{"data-component":"icon-only",as:"span",sx:{display:"inline-block"},"aria-hidden":!c},e.createElement(n,null)),e.createElement("span",{"data-component":"text",hidden:!!n},t),l&&e.createElement(or,{as:"span","data-component":"trailingIcon",sx:{...u,ml:2},"aria-hidden":!c},e.createElement(l,null)))}));Mn.displayName="Button",Object.assign(Mn,{});var Pn=f.span`
|
|
833
833
|
display: inline-block;
|
|
834
834
|
padding: 2px 5px;
|
|
835
835
|
font-size: ${It("fontSizes.0")};
|