@primer/components 0.0.0-20218248253 → 0.0.0-202182493810
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 -1
- package/dist/browser.esm.js +130 -130
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +113 -113
- package/dist/browser.umd.js.map +1 -1
- package/lib/Breadcrumbs.d.ts +40 -0
- package/lib/{Breadcrumb.js → Breadcrumbs.js} +31 -21
- package/lib/index.d.ts +2 -2
- package/lib/index.js +8 -2
- package/lib-esm/Breadcrumbs.d.ts +40 -0
- package/lib-esm/{Breadcrumb.js → Breadcrumbs.js} +28 -19
- package/lib-esm/index.d.ts +2 -2
- package/lib-esm/index.js +1 -1
- package/package.json +4 -4
- package/lib/Breadcrumb.d.ts +0 -23
- package/lib-esm/Breadcrumb.d.ts +0 -23
package/dist/browser.umd.js
CHANGED
@@ -751,7 +751,7 @@
|
|
751
751
|
${yt};
|
752
752
|
${St};
|
753
753
|
${Xt};
|
754
|
-
`;function an({className:e,children:t,theme:r,...o}){const a=
|
754
|
+
`;function an({className:e,children:t,theme:r,...o}){const a=n.default.Children.map(t,(e=>n.default.createElement(rn,{theme:r},e)));return n.default.createElement(on,Tt({className:e,"aria-label":"Breadcrumbs",theme:r},o),n.default.createElement(Vt,{as:"ol",my:0,pl:0},a))}an.displayName="Breadcrumbs";const nn=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ja(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
755
755
|
color: ${vt("colors.accent.fg")};
|
756
756
|
display: inline-block;
|
757
757
|
font-size: ${vt("fontSizes.1")};
|
@@ -765,7 +765,7 @@
|
|
765
765
|
}
|
766
766
|
${yt}
|
767
767
|
${Xt};
|
768
|
-
`;an.displayName="
|
768
|
+
`;an.displayName="Breadcrumbs",nn.displayName="Breadcrumbs.Item";var dn=Object.assign(an,{Item:nn});const ln=Object.assign(an,{Item:nn}),cn={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},sn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function fn(e,t,r){const o=cn[e].toLowerCase(),a=sn[e].toLowerCase();return{[o]:"100%",[t||a]:t?r:"50%"}}const bn=ut({prop:"bg",key:"colors"}),gn=ut({prop:"borderColor",key:"colors"}),un=ut({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function pn(e){var t;const o=n.default.useContext(r.ThemeContext),a={...e,theme:null!==(t=e.theme)&&void 0!==t?t:o},{bg:d}=bn(a),{borderColor:i}=gn(a),{borderWidth:l}=un(a),{size:c=8,location:s="bottom"}=e,[f,b]=function(e){const[t,r]=e.split("-");return[t,r]}(s),g=sn[f],u=[-c,0],p=[0,c],m=[c,0],h=`M${u}L${p}L${m}L${u}Z`,x=`M${u}L${p}L${m}`,v={top:`translate(${[c,2*c]}) rotate(180)`,right:`translate(${[0,c]}) rotate(-90)`,bottom:`translate(${[c,0]})`,left:`translate(${[2*c,c]}) rotate(90)`}[f];return n.default.createElement("svg",{width:2*c,height:2*c,style:{pointerEvents:"none",position:"absolute",...fn(f,b,c),[`margin${g}`]:b?null:-c}},n.default.createElement("g",{transform:v},n.default.createElement("path",{d:h,fill:d}),n.default.createElement("path",{d:x,fill:"none",stroke:i,strokeWidth:l})))}pn.displayName="Caret",pn.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],pn.defaultProps={bg:"bg.canvas",borderColor:"border.primary",borderWidth:1};const mn={small:56,medium:96,large:128},hn=d.default.div`
|
769
769
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
770
770
|
align-items: center;
|
771
771
|
justify-content: center;
|
@@ -773,13 +773,13 @@
|
|
773
773
|
border-radius: 50%;
|
774
774
|
box-shadow: ${vt("shadows.shadow.medium")};
|
775
775
|
${yt};
|
776
|
-
${({size:e,variant:t="medium"})=>{const r=(o=e,!isNaN(parseFloat(o))&&isFinite(o)?e:
|
776
|
+
${({size:e,variant:t="medium"})=>{const r=(o=e,!isNaN(parseFloat(o))&&isFinite(o)?e:mn[t]);var o;return{width:r,height:r}}};
|
777
777
|
${Xt};
|
778
|
-
`,
|
778
|
+
`,xn=d.default(Eo)`
|
779
779
|
height: auto;
|
780
780
|
max-width: 60%;
|
781
781
|
max-height: 55%;
|
782
|
-
`;
|
782
|
+
`;hn.defaultProps={inline:!1},xn.displayName="CircleBadge.Icon";var vn=Object.assign(hn,{Icon:xn});function yn(e){const{size:t,as:r}=e,{icon:o,bg:a,...d}=e;return n.default.createElement(Vt,{as:r,bg:a,overflow:"hidden",borderWidth:0,size:t,borderRadius:"50%",borderStyle:"solid",borderColor:"border.default"},n.default.createElement(Vt,Tt({display:"flex"},d,{alignItems:"center",justifyContent:"center"}),n.default.createElement(o,{size:t})))}yn.displayName="CircleOcticon",yn.defaultProps={...Vt.defaultProps,size:32};var wn=d.default.span`
|
783
783
|
display: inline-block;
|
784
784
|
padding: 2px 5px;
|
785
785
|
font-size: ${vt("fontSizes.0")};
|
@@ -795,7 +795,7 @@
|
|
795
795
|
}
|
796
796
|
|
797
797
|
${Xt};
|
798
|
-
`;const
|
798
|
+
`;const Bn=d.default.details`
|
799
799
|
& > summary {
|
800
800
|
list-style: none;
|
801
801
|
}
|
@@ -805,11 +805,11 @@
|
|
805
805
|
|
806
806
|
${yt}
|
807
807
|
${Xt};
|
808
|
-
`;
|
808
|
+
`;Bn.displayName="Details";var $n=Bn;const kn=()=>null;function Sn(e){const t=e;return t.tabIndex>=0&&!t.disabled&&function(e){return!e.hidden&&(!e.type||"hidden"!==e.type)&&(e.offsetWidth>0||e.offsetHeight>0)}(t)}var Tn=d.default.span`
|
809
809
|
${wt};
|
810
810
|
${yt};
|
811
811
|
${Xt};
|
812
|
-
`;const
|
812
|
+
`;const En=()=>null,Cn=d.default.div`
|
813
813
|
box-shadow: ${vt("shadows.shadow.large")};
|
814
814
|
border-radius: ${vt("radii.2")};
|
815
815
|
position: fixed;
|
@@ -833,7 +833,7 @@
|
|
833
833
|
${$t};
|
834
834
|
${yt};
|
835
835
|
${Xt};
|
836
|
-
`,
|
836
|
+
`,In=d.default(Vt)`
|
837
837
|
border-radius: ${vt("radii.2")} ${vt("radii.2")} 0px 0px;
|
838
838
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
839
839
|
display: flex;
|
@@ -843,7 +843,7 @@
|
|
843
843
|
}
|
844
844
|
|
845
845
|
${Xt};
|
846
|
-
`;function
|
846
|
+
`;function An({theme:e,children:t,backgroundColor:r="gray.1",...o}){return n.default.Children.toArray(t).every((e=>"string"==typeof e))&&(t=n.default.createElement(Tn,{theme:e,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},t)),n.default.createElement(In,Tt({theme:e,p:3,backgroundColor:r},o),t)}An.displayName="DialogHeader";const Nn=d.default.span`
|
847
847
|
&:before {
|
848
848
|
position: fixed;
|
849
849
|
top: 0;
|
@@ -857,10 +857,10 @@
|
|
857
857
|
z-index: 99;
|
858
858
|
background: ${vt("colors.primer.canvas.backdrop")};
|
859
859
|
}
|
860
|
-
`,
|
860
|
+
`,Rn=t.forwardRef((({children:e,onDismiss:r=En,isOpen:o,initialFocusRef:a,returnFocusRef:d,...i},l)=>{const c=t.useRef(null),s=Lo(l),f=t.useRef(null),b=()=>{r(),d&&d.current&&d.current.focus()},{getDialogProps:g}=function({modalRef:e,overlayRef:r,isOpen:o,onDismiss:a=kn,initialFocusRef:n,closeButtonRef:d}){const i=t.useCallback((t=>{e.current&&r.current&&!e.current.contains(t.target)&&r.current.contains(t.target)&&a()}),[a,e,r]);t.useEffect((()=>{if(o)return document.addEventListener("click",i),()=>{document.removeEventListener("click",i)}}),[o,i]),t.useEffect((()=>{o&&(n&&n.current?n.current.focus():d&&d.current&&d.current.focus())}),[o,n,d]);const l=t.useCallback(((t,r)=>{if(e.current){const o=Array.from(e.current.querySelectorAll("*")).filter(Sn);if(0===o.length)return;t.preventDefault();const a=document.activeElement;if(!a)return;const n=o.indexOf(a)+r,d=1===r?0:o.length-1;return o[n]||o[d]}}),[e]),c=t.useCallback((e=>{const t=e.shiftKey?-1:1,r=l(e,t);r&&r.focus()}),[l]),s=t.useCallback((e=>{switch(e.key){case"Tab":c(e);break;case"Escape":a(),e.stopPropagation()}}),[c,a]);return{getDialogProps:()=>({onKeyDown:s})}}({modalRef:s,onDismiss:b,isOpen:o,initialFocusRef:a,closeButtonRef:f,returnFocusRef:d,overlayRef:c});return o?n.default.createElement(n.default.Fragment,null,n.default.createElement(Nn,{ref:c}),n.default.createElement(Cn,Tt({tabIndex:-1,ref:s,role:"dialog","aria-modal":"true"},i,g()),n.default.createElement(co,{ref:f,onClick:b,sx:{position:"absolute",top:"16px",right:"16px"}}),e)):null}));An.defaultProps={backgroundColor:"bg.tertiary"},An.propTypes={...Vt.propTypes},An.displayName="Dialog.Header",Rn.displayName="Dialog";var zn=Object.assign(Rn,{Header:An});var Ln=(e,t)=>({w:`\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: 10px;\n\n &::before {\n top: 10px;\n right: -16px;\n left: auto;\n border-color: transparent;\n border-left-color: ${vt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n right: -14px;\n left: auto;\n border-color: transparent;\n border-left-color: ${vt("colors.border.default")(e)};\n }\n `,e:`\n top: 0;\n left: 100%;\n width: auto;\n margin-top: 0;\n margin-left: 10px;\n\n &::before {\n top: 10px;\n left: -16px;\n border-color: transparent;\n border-right-color: ${vt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${vt("colors.border.default")(e)};\n }\n `,ne:`\n top: auto;\n bottom: 100%;\n left: 0;\n margin-bottom: 3px;\n\n &::before,\n &::after {\n top: auto;\n right: auto;\n }\n\n &::before {\n bottom: -8px;\n left: 9px;\n border-top: 8px solid ${vt("colors.border.default")(e)};\n border-bottom: 0;\n border-left: 8px solid transparent;\n }\n\n &::after {\n bottom: -7px;\n left: 10px;\n border-top: 7px solid ${vt("colors.border.default")(e)};\n border-right: 7px solid transparent;\n border-bottom: 0;\n border-left: 7px solid transparent;\n }\n `,s:"\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -16px;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n ",sw:"\n right: 0;\n left: auto;\n\n &::before {\n top: -16px;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n ",se:"\n &::before {\n top: -16px;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n "}[t]);const Hn=d.default($n)`
|
861
861
|
position: relative;
|
862
862
|
display: inline-block;
|
863
|
-
`,
|
863
|
+
`,On=({children:e,className:t,...r})=>{const{getDetailsProps:o}=ir({closeOnOutsideClick:!0});return n.default.createElement(Hn,Tt({className:t},o(),r),e)};On.displayName="Dropdown";const Mn=({children:e,...t})=>n.default.createElement(jr,Tt({as:"summary","aria-haspopup":"true"},t),e,n.default.createElement(Pn,null));Mn.displayName="DropdownButton";const Pn=d.default.div`
|
864
864
|
border: 4px solid transparent;
|
865
865
|
margin-left: 12px;
|
866
866
|
border-top-color: currentcolor;
|
@@ -872,7 +872,7 @@
|
|
872
872
|
width: 0;
|
873
873
|
${yt};
|
874
874
|
${Xt};
|
875
|
-
`,
|
875
|
+
`,Dn=d.default.ul`
|
876
876
|
background-clip: padding-box;
|
877
877
|
background-color: ${vt("colors.canvas.overlay")};
|
878
878
|
border: 1px solid ${vt("colors.border.default")};
|
@@ -913,10 +913,10 @@
|
|
913
913
|
> ul {
|
914
914
|
list-style: none;
|
915
915
|
}
|
916
|
-
${e=>e.direction?
|
916
|
+
${e=>e.direction?Ln(e.theme,e.direction):""};
|
917
917
|
${yt};
|
918
918
|
${Xt};
|
919
|
-
`,
|
919
|
+
`,Fn=d.default.li`
|
920
920
|
display: block;
|
921
921
|
padding: ${vt("space.1")} 10px ${vt("space.1")} 15px;
|
922
922
|
overflow: hidden;
|
@@ -949,7 +949,7 @@
|
|
949
949
|
}
|
950
950
|
${yt};
|
951
951
|
${Xt};
|
952
|
-
`;
|
952
|
+
`;Dn.defaultProps={direction:"sw"},Dn.displayName="Dropdown.Menu",Fn.displayName="Dropdown.Item",Mn.defaultProps=jr.defaultProps,Mn.displayName="Dropdown.Button",Pn.displayName="Dropdown.Caret",On.defaultProps=$n.defaultProps;var Wn=Object.assign(On,{Caret:Pn,Menu:Dn,Item:Fn,Button:Mn});const jn=n.default.forwardRef((({children:e,...t},r)=>n.default.createElement(jr,Tt({ref:r,type:"button"},t),e,n.default.createElement(Eo,{icon:no,ml:1}))));function Un({renderAnchor:e=(e=>n.default.createElement(jn,e)),anchorRef:r,placeholder:o,selectedItem:a,onChange:d,overlayProps:i,items:l,open:c,onOpenChange:s,...f}){const[b,g]=Wa(c,s,!1),u=t.useCallback((()=>g(!0)),[g]),p=t.useCallback((()=>g(!1)),[g]),m=yr(r),h=t.useMemo((()=>null===e?null:t=>{var r;return e({...t,children:null!==(r=null==a?void 0:a.text)&&void 0!==r?r:o})}),[o,e,null==a?void 0:a.text]),x=t.useMemo((()=>l.map((e=>({...e,role:"option",selected:e===a,onAction:(t,r)=>{var o;null===(o=e.onAction)||void 0===o||o.call(e,t,r),r.defaultPrevented||(p(),null==d||d(e===a?void 0:e))}})))),[l,d,p,a]);return n.default.createElement(Fa,{renderAnchor:h,anchorRef:m,open:b,onOpen:u,onClose:p,overlayProps:i},n.default.createElement(za,Tt({},f,{role:"listbox",items:x})))}Un.displayName="DropdownMenu",Un.displayName="DropdownMenu";var Gn=d.default.div`
|
953
953
|
${yt};
|
954
954
|
display: flex;
|
955
955
|
align-items: stretch;
|
@@ -968,11 +968,11 @@
|
|
968
968
|
}
|
969
969
|
|
970
970
|
${Xt}
|
971
|
-
`;const
|
971
|
+
`;const _n=d.default.ul`
|
972
972
|
list-style-type: none;
|
973
973
|
${yt};
|
974
974
|
${Xt};
|
975
|
-
`,
|
975
|
+
`,Kn=({children:e,...t})=>{const r=n.default.Children.map(e,(e=>n.default.createElement("li",null,e)));return n.default.createElement(_n,t,r)};Kn.displayName="FilterList";const Xn=d.default.a`
|
976
976
|
position: relative;
|
977
977
|
display: block;
|
978
978
|
padding: ${e=>e.small?`${vt("space.1")(e)} 10px`:`${vt("space.2")(e)} 11px`};
|
@@ -1000,7 +1000,7 @@
|
|
1000
1000
|
}
|
1001
1001
|
${yt};
|
1002
1002
|
${Xt};
|
1003
|
-
`;function
|
1003
|
+
`;function Vn({children:e,count:t,...r}){return n.default.createElement(Xn,r,t&&n.default.createElement("span",{title:"results",className:"count"},t),e)}Vn.displayName="FilterListItem",Kn.defaultProps={m:0,p:0},Vn.displayName="FilterList.Item";var Yn=Object.assign(Kn,{Item:Vn});const qn=re({variants:{default:{color:"alert.info.text",backgroundColor:"alert.info.bg",borderColor:"alert.info.border",svg:{color:"alert.info.icon"}},success:{color:"alert.success.text",backgroundColor:"alert.success.bg",borderColor:"alert.success.border",svg:{color:"alert.success.icon"}},danger:{color:"alert.error.text",backgroundColor:"alert.error.bg",borderColor:"alert.error.border",svg:{color:"alert.error.icon"}},warning:{color:"alert.warn.text",backgroundColor:"alert.warn.bg",borderColor:"alert.warn.border",svg:{color:"alert.warn.icon"}}}}),Jn=d.default.div`
|
1004
1004
|
position: relative;
|
1005
1005
|
color: ${vt("colors.fg.default")};
|
1006
1006
|
padding: ${vt("space.3")};
|
@@ -1018,14 +1018,14 @@
|
|
1018
1018
|
}
|
1019
1019
|
|
1020
1020
|
${yt};
|
1021
|
-
${
|
1021
|
+
${qn};
|
1022
1022
|
${Xt};
|
1023
|
-
`;
|
1023
|
+
`;Jn.defaultProps={variant:"default"};var Zn=Jn;const Qn=d.default.div`
|
1024
1024
|
margin: ${vt("space.3")} 0;
|
1025
1025
|
font-weight: ${vt("fontWeights.normal")};
|
1026
1026
|
${yt};
|
1027
1027
|
${Xt};
|
1028
|
-
`,
|
1028
|
+
`,ed=d.default.label`
|
1029
1029
|
display: block;
|
1030
1030
|
margin: 0 0 ${vt("space.2")};
|
1031
1031
|
font-size: ${vt("fontSizes.1")};
|
@@ -1033,7 +1033,7 @@
|
|
1033
1033
|
${wt};
|
1034
1034
|
${yt};
|
1035
1035
|
${Xt};
|
1036
|
-
`;
|
1036
|
+
`;ed.displayName="FormGroup.Label";var td=Object.assign(Qn,{Label:ed});const rd=d.default.div`
|
1037
1037
|
z-index: 32;
|
1038
1038
|
display: flex;
|
1039
1039
|
padding: ${vt("space.3")};
|
@@ -1047,7 +1047,7 @@
|
|
1047
1047
|
${yt}
|
1048
1048
|
${Bt}
|
1049
1049
|
${Xt};
|
1050
|
-
`,
|
1050
|
+
`,od=d.default.div`
|
1051
1051
|
display: flex;
|
1052
1052
|
margin-right: ${vt("space.3")};
|
1053
1053
|
align-self: stretch;
|
@@ -1059,7 +1059,7 @@
|
|
1059
1059
|
${yt};
|
1060
1060
|
${Bt};
|
1061
1061
|
${Xt};
|
1062
|
-
`;
|
1062
|
+
`;od.displayName="Header.Item";const ad=d.default.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
1063
1063
|
font-weight: ${vt("fontWeights.bold")};
|
1064
1064
|
color: ${vt("colors.header.logo")};
|
1065
1065
|
white-space: nowrap;
|
@@ -1077,14 +1077,14 @@
|
|
1077
1077
|
${Bt};
|
1078
1078
|
${wt};
|
1079
1079
|
${Xt};
|
1080
|
-
`;
|
1080
|
+
`;ad.displayName="Header.Link";var nd=Object.assign(rd,{Link:ad,Item:od});const dd=d.default.h2`
|
1081
1081
|
font-weight: ${vt("fontWeights.bold")};
|
1082
1082
|
font-size: ${vt("fontSizes.5")};
|
1083
1083
|
margin: 0;
|
1084
1084
|
${wt};
|
1085
1085
|
${yt};
|
1086
1086
|
${Xt};
|
1087
|
-
`;
|
1087
|
+
`;dd.defaultProps={theme:l};var id=dd;var ld=d.default.span`
|
1088
1088
|
${yt}
|
1089
1089
|
& * {
|
1090
1090
|
margin-right: ${vt("space.1")};
|
@@ -1093,7 +1093,7 @@
|
|
1093
1093
|
margin-right: 0;
|
1094
1094
|
}
|
1095
1095
|
${Xt};
|
1096
|
-
`;const
|
1096
|
+
`;const cd=r.css(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";",";background-color:transparent;"],vt("colors.fg.muted"),vt("borderWidths.1"),vt("colors.border.default"),Qe,yt),sd=re({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"}}}),fd=d.default.span`
|
1097
1097
|
display: inline-block;
|
1098
1098
|
font-weight: ${vt("fontWeights.semibold")};
|
1099
1099
|
color: ${vt("colors.fg.onEmphasis")};
|
@@ -1103,17 +1103,17 @@
|
|
1103
1103
|
text-decoration: none;
|
1104
1104
|
}
|
1105
1105
|
|
1106
|
-
${
|
1106
|
+
${sd}
|
1107
1107
|
${yt}
|
1108
1108
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
1109
|
-
${e=>e.outline?
|
1109
|
+
${e=>e.outline?cd:""} // must be last to override other values
|
1110
1110
|
${Xt}
|
1111
|
-
`;
|
1111
|
+
`;fd.defaultProps={bg:"label.primary.border",variant:"medium"};var bd=fd;const gd=$({hoverColor:{property:"color",scale:"colors"}});var ud=d.default.a`
|
1112
1112
|
color: ${e=>e.muted?vt("colors.fg.muted")(e):vt("colors.accent.fg")(e)};
|
1113
1113
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
1114
1114
|
&:hover {
|
1115
1115
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
1116
|
-
${e=>e.hoverColor?
|
1116
|
+
${e=>e.hoverColor?gd:e.muted?`color: ${vt("colors.accent.fg")(e)}`:""};
|
1117
1117
|
}
|
1118
1118
|
&:is(button) {
|
1119
1119
|
display: inline-block;
|
@@ -1129,7 +1129,7 @@
|
|
1129
1129
|
${wt};
|
1130
1130
|
${yt};
|
1131
1131
|
${Xt};
|
1132
|
-
`;var
|
1132
|
+
`;var pd=d.default.div`
|
1133
1133
|
position: relative;
|
1134
1134
|
padding-top: ${vt("space.4")};
|
1135
1135
|
padding-bottom: ${vt("space.4")};
|
@@ -1137,7 +1137,7 @@
|
|
1137
1137
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
1138
1138
|
${yt};
|
1139
1139
|
${Xt};
|
1140
|
-
`;const
|
1140
|
+
`;const md=d.default.a`
|
1141
1141
|
display: inline-block;
|
1142
1142
|
min-width: 32px;
|
1143
1143
|
padding: 5px 10px;
|
@@ -1237,12 +1237,12 @@
|
|
1237
1237
|
}
|
1238
1238
|
|
1239
1239
|
${yt};
|
1240
|
-
`;function
|
1240
|
+
`;function hd({theme:e,pageCount:t,currentPage:r,onPageChange:o,hrefBuilder:a,marginPageCount:d,showPages:i,surroundingPageCount:l}){const c=n.default.useCallback((e=>t=>o(t,e)),[o]),s=n.default.useMemo((()=>function(e,t,r,o,a){const n=[];if(r){const r=[],d=t=>{t>=1&&t<=e&&r.push(t)};let i=t-a,l=t+a;if(i<1&&l>e)i=1,l=e;else if(i<1)for(;i<1;)i++,l++;else if(l>e)for(;l>e;)i--,l--;for(let t=1;t<=o;t++){const r=t,o=e-(t-1);r>=i?l++:d(r),o<=l?i--:d(o)}for(let e=i;e<=l;e++)d(e);const c=r.slice().sort(((e,t)=>e-t)).filter(((e,t,r)=>!t||e!==r[t-1]));for(let e=0;e<c.length;e++){const r=c[e],o=r===t;0===e?(1!==r&&n.push({type:"BREAK",num:1}),n.push({type:"NUM",num:r,selected:o})):(1==r-c[e-1]||n.push({type:"BREAK",num:r-1}),n.push({type:"NUM",num:r,selected:o}))}const s=n[n.length-1];"NUM"===s.type&&s.num!==e&&n.push({type:"BREAK",num:e})}const d={type:"NEXT",num:t+1,disabled:t===e};return[{type:"PREV",num:t-1,disabled:1===t},...n,d]}(t,r,!!i,d,l)),[t,r,i,d,l]);return n.default.useMemo((()=>s.map((t=>{const{props:r,key:o,content:d}=function(e,t,r){const o={};let a="",n="";switch(e.type){case"PREV":n="page-prev",a="Previous",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"prev",href:t(e.num),"aria-label":"Previous Page",onClick:r});break;case"NEXT":n="page-next",a="Next",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"next",href:t(e.num),"aria-label":"Next Page",onClick:r});break;case"NUM":n=`page-${e.num}`,a=String(e.num),e.selected?Object.assign(o,{as:"em","aria-current":"page"}):Object.assign(o,{href:t(e.num),"aria-label":`Page ${e.num}`,onClick:r});break;case"BREAK":n=`page-${e.num}-break`,a="…",Object.assign(o,{as:"span","aria-disabled":!0})}return{props:o,key:n,content:a}}(t,a,c(t.num));return n.default.createElement(md,Tt({},r,{key:o,theme:e}),d)}))),[s,a,c,e])}const xd=d.default.nav`
|
1241
1241
|
margin-top: 20px;
|
1242
1242
|
margin-bottom: 15px;
|
1243
1243
|
text-align: center;
|
1244
1244
|
${Xt};
|
1245
|
-
`;function
|
1245
|
+
`;function vd({theme:e,pageCount:t,currentPage:r,onPageChange:o=wd,hrefBuilder:a=yd,marginPageCount:d=1,showPages:i=!0,surroundingPageCount:l=2,...c}){const s=hd({theme:e,pageCount:t,currentPage:r,onPageChange:o,hrefBuilder:a,marginPageCount:d,showPages:i,surroundingPageCount:l});return n.default.createElement(xd,Tt({"aria-label":"Pagination"},c,{theme:e}),n.default.createElement(Vt,{display:"inline-block",theme:e},s))}function yd(e){return`#${e}`}function wd(){}function Bd(e){const{bg:t,border:r,borderColor:o,theme:a}=e,{caret:d,children:i,...l}=e,c={bg:t,borderColor:o,borderWidth:r,location:d,theme:a};return n.default.createElement(qt,Tt({sx:{position:"relative"}},l),i,n.default.createElement(pn,c))}vd.displayName="Pagination",vd.defaultProps={hrefBuilder:yd,marginPageCount:1,onPageChange:wd,showPages:!0,surroundingPageCount:2},Bd.displayName="PointerBox";const $d=d.default.div.attrs((({className:e,caret:t})=>({className:Ja(e,`caret-pos--${t}`)})))`
|
1246
1246
|
position: ${e=>e.relative?"relative":"absolute"};
|
1247
1247
|
z-index: 100;
|
1248
1248
|
display: ${e=>e.open?"block":"none"};
|
@@ -1251,7 +1251,7 @@
|
|
1251
1251
|
${$t};
|
1252
1252
|
${kt};
|
1253
1253
|
${Xt};
|
1254
|
-
|
1254
|
+
`,kd=d.default(Vt)`
|
1255
1255
|
border: 1px solid ${vt("colors.border.default")};
|
1256
1256
|
border-radius: ${vt("radii.2")};
|
1257
1257
|
position: relative;
|
@@ -1288,9 +1288,9 @@
|
|
1288
1288
|
}
|
1289
1289
|
|
1290
1290
|
// Bottom-oriented carets
|
1291
|
-
${
|
1292
|
-
${
|
1293
|
-
${
|
1291
|
+
${$d}.caret-pos--bottom & ,
|
1292
|
+
${$d}.caret-pos--bottom-right & ,
|
1293
|
+
${$d}.caret-pos--bottom-left & {
|
1294
1294
|
&::before,
|
1295
1295
|
&::after {
|
1296
1296
|
top: auto;
|
@@ -1310,8 +1310,8 @@
|
|
1310
1310
|
}
|
1311
1311
|
|
1312
1312
|
// Top & Bottom: Right-oriented carets
|
1313
|
-
${
|
1314
|
-
${
|
1313
|
+
${$d}.caret-pos--top-right & ,
|
1314
|
+
${$d}.caret-pos--bottom-right & {
|
1315
1315
|
right: -9px;
|
1316
1316
|
margin-right: 0;
|
1317
1317
|
|
@@ -1331,8 +1331,8 @@
|
|
1331
1331
|
}
|
1332
1332
|
|
1333
1333
|
// Top & Bottom: Left-oriented carets
|
1334
|
-
${
|
1335
|
-
${
|
1334
|
+
${$d}.caret-pos--top-left & ,
|
1335
|
+
${$d}.caret-pos--bottom-left & {
|
1336
1336
|
left: -9px;
|
1337
1337
|
margin-left: 0;
|
1338
1338
|
|
@@ -1348,12 +1348,12 @@
|
|
1348
1348
|
}
|
1349
1349
|
|
1350
1350
|
// Right- & Left-oriented carets
|
1351
|
-
${
|
1352
|
-
${
|
1353
|
-
${
|
1354
|
-
${
|
1355
|
-
${
|
1356
|
-
${
|
1351
|
+
${$d}.caret-pos--right & ,
|
1352
|
+
${$d}.caret-pos--right-top & ,
|
1353
|
+
${$d}.caret-pos--right-bottom & ,
|
1354
|
+
${$d}.caret-pos--left & ,
|
1355
|
+
${$d}.caret-pos--left-top & ,
|
1356
|
+
${$d}.caret-pos--left-bottom & {
|
1357
1357
|
&::before,
|
1358
1358
|
&::after {
|
1359
1359
|
top: 50%;
|
@@ -1373,9 +1373,9 @@
|
|
1373
1373
|
}
|
1374
1374
|
|
1375
1375
|
// Right-oriented carets
|
1376
|
-
${
|
1377
|
-
${
|
1378
|
-
${
|
1376
|
+
${$d}.caret-pos--right & ,
|
1377
|
+
${$d}.caret-pos--right-top & ,
|
1378
|
+
${$d}.caret-pos--right-bottom & {
|
1379
1379
|
&::before {
|
1380
1380
|
right: -${vt("space.3")};
|
1381
1381
|
border-left-color: ${vt("colors.border.default")};
|
@@ -1389,9 +1389,9 @@
|
|
1389
1389
|
}
|
1390
1390
|
|
1391
1391
|
// Left-oriented carets
|
1392
|
-
${
|
1393
|
-
${
|
1394
|
-
${
|
1392
|
+
${$d}.caret-pos--left & ,
|
1393
|
+
${$d}.caret-pos--left-top & ,
|
1394
|
+
${$d}.caret-pos--left-bottom & {
|
1395
1395
|
&::before {
|
1396
1396
|
left: -${vt("space.3")};
|
1397
1397
|
border-right-color: ${vt("colors.border.default")};
|
@@ -1405,8 +1405,8 @@
|
|
1405
1405
|
}
|
1406
1406
|
|
1407
1407
|
// Right & Left: Top-oriented carets
|
1408
|
-
${
|
1409
|
-
${
|
1408
|
+
${$d}.caret-pos--right-top & ,
|
1409
|
+
${$d}.caret-pos--left-top & {
|
1410
1410
|
&::before,
|
1411
1411
|
&::after {
|
1412
1412
|
top: ${vt("space.4")};
|
@@ -1414,8 +1414,8 @@
|
|
1414
1414
|
}
|
1415
1415
|
|
1416
1416
|
// Right & Left: Bottom-oriented carets
|
1417
|
-
${
|
1418
|
-
${
|
1417
|
+
${$d}.caret-pos--right-bottom & ,
|
1418
|
+
${$d}.caret-pos--left-bottom & {
|
1419
1419
|
&::before,
|
1420
1420
|
&::after {
|
1421
1421
|
top: auto;
|
@@ -1431,23 +1431,23 @@
|
|
1431
1431
|
}
|
1432
1432
|
|
1433
1433
|
${Xt};
|
1434
|
-
|
1434
|
+
`;$d.defaultProps={caret:"top"},kd.displayName="Popover.Content";var Sd=Object.assign($d,{Content:kd});const Td=d.default.span`
|
1435
1435
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
1436
1436
|
${yt}
|
1437
|
-
`,
|
1437
|
+
`,Ed={small:"5px",large:"10px",default:"8px"},Cd=d.default.span`
|
1438
1438
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
1439
1439
|
overflow: hidden;
|
1440
1440
|
background-color: ${vt("colors.border.default")};
|
1441
1441
|
border-radius: ${vt("radii.1")};
|
1442
|
-
height: ${e=>
|
1442
|
+
height: ${e=>Ed[e.barSize||"default"]};
|
1443
1443
|
${yt}
|
1444
1444
|
${de}
|
1445
1445
|
${Xt};
|
1446
|
-
`;function
|
1447
|
-
${
|
1446
|
+
`;function Id({progress:e,bg:t,theme:r,...o}){return n.default.createElement(Cd,Tt({theme:r},o),n.default.createElement(Td,{progress:e,bg:t,theme:r}))}function Ad(e,r,o){const a=t.useCallback((t=>{const a=()=>{o(!0)},n=t=>{const r=Array.from(e.current.querySelectorAll('[role^="menuitem"]:not([hidden]):not([disabled]):not([aria-disabled="true"])')),o=document.activeElement,a=r.indexOf(o),n=t?r[a+1]:r[a-1],d=t?r[0]:r[r.length-1];return n||d};if(!(t instanceof KeyboardEvent))return;const d=t.target instanceof Element&&"SUMMARY"===t.target.tagName;switch(t.key){case"Escape":r&&((()=>{o(!1);const t=e.current.querySelector("summary");t&&t.focus()})(),t.preventDefault(),t.stopPropagation());break;case"ArrowDown":{d&&!r&&a();const e=n(!0);e&&e.focus(),t.preventDefault()}break;case"ArrowUp":{d&&!r&&a();const e=n(!1);e&&e.focus(),t.preventDefault()}break;case" ":case"Enter":{const r=document.activeElement;r&&(e=>{const t=e.getAttribute("role");return"menuitem"===t||"menuitemcheckbox"===t||"menuitemradio"===t})(r)&&r.closest("details")===e&&(t.preventDefault(),t.stopPropagation(),r.click())}}}),[e,r,o]);t.useEffect((()=>{const t=e.current;if(t)return t.addEventListener("keydown",a),()=>{t.removeEventListener("keydown",a)}}),[e,a])}Id.displayName="ProgressBar",Id.defaultProps={bg:"bg.successInverse",barSize:"default"};const Nd=t.createContext({}),Rd=r.css(["padding:"," ",";margin:0;font-size:",";font-weight:",";color:",";background-color:",";border-bottom:"," solid ",";"],vt("space.1"),vt("space.3"),vt("fontSizes.0"),vt("fontWeights.bold"),vt("colors.fg.muted"),vt("colors.canvas.subtle"),vt("borderWidths.1"),vt("colors.border.muted")),zd=d.default.div`
|
1447
|
+
${Rd}
|
1448
1448
|
${yt}
|
1449
1449
|
${Xt};
|
1450
|
-
`;
|
1450
|
+
`;zd.displayName="SelectMenu.Divider";var Ld=zd;const Hd=re({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}}),Od=d.default.input`
|
1451
1451
|
border: 0;
|
1452
1452
|
font-size: inherit;
|
1453
1453
|
font-family: inherit;
|
@@ -1458,7 +1458,7 @@
|
|
1458
1458
|
&:focus {
|
1459
1459
|
outline: 0;
|
1460
1460
|
}
|
1461
|
-
`,
|
1461
|
+
`,Md=d.default.span`
|
1462
1462
|
display: inline-flex;
|
1463
1463
|
align-items: stretch;
|
1464
1464
|
min-height: 34px;
|
@@ -1500,9 +1500,9 @@
|
|
1500
1500
|
${de}
|
1501
1501
|
${le}
|
1502
1502
|
${se}
|
1503
|
-
${
|
1503
|
+
${Hd}
|
1504
1504
|
${Xt};
|
1505
|
-
`,
|
1505
|
+
`,Pd=n.default.forwardRef((({icon:e,block:t,className:r,contrast:o,disabled:a,sx:d,theme:i,width:l,minWidth:c,maxWidth:s,variant:f,...b},g)=>{const u=Ja(r,"TextInput-wrapper");return n.default.createElement(Md,{block:t,className:u,contrast:o,disabled:a,hasIcon:!!e,sx:d,theme:i,width:l,minWidth:c,maxWidth:s,variant:f},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Od,Tt({ref:g,disabled:a},b)))}));Pd.defaultProps={type:"text"},Pd.displayName="TextInput";var Dd=Pd;const Fd=d.default.form`
|
1506
1506
|
padding: ${vt("space.3")};
|
1507
1507
|
margin: 0;
|
1508
1508
|
border-bottom: ${vt("borderWidths.1")} solid ${vt("colors.border.muted")};
|
@@ -1514,11 +1514,11 @@
|
|
1514
1514
|
}
|
1515
1515
|
|
1516
1516
|
${Xt};
|
1517
|
-
`,
|
1518
|
-
${
|
1517
|
+
`,Wd=t.forwardRef((({theme:e,value:r,sx:o,...a},d)=>{const i=t.useRef(null),l=null!=d?d:i,{open:c}=t.useContext(Nd);return t.useEffect((()=>{var e;c&&(null===(e=i.current)||void 0===e||e.focus())}),[c]),n.default.createElement(Fd,{theme:e,sx:o},n.default.createElement(Dd,Tt({theme:e,ref:l,width:"100%",block:!0,value:r,contrast:!0},a)))}));Wd.displayName="SelectMenu.Filter";var jd=Wd;const Ud=r.css(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],vt("space.2"),vt("space.3"),vt("fontSizes.0"),vt("colors.fg.muted"),vt("borderWidths.1"),vt("colors.border.muted"),vt("breakpoints.0"),vt("space.1"),vt("space.2")),Gd=d.default.footer`
|
1518
|
+
${Ud}
|
1519
1519
|
${yt}
|
1520
1520
|
${Xt};
|
1521
|
-
`;
|
1521
|
+
`;Gd.displayName="SelectMenu.Footer";var _d=Gd;const Kd=d.default.h3`
|
1522
1522
|
color: ${vt("colors.fg.default")};
|
1523
1523
|
flex: auto;
|
1524
1524
|
font-size: ${vt("fontSizes.1")};
|
@@ -1528,7 +1528,7 @@
|
|
1528
1528
|
@media (min-width: ${vt("breakpoints.0")}) {
|
1529
1529
|
font-size: inherit;
|
1530
1530
|
}
|
1531
|
-
`,
|
1531
|
+
`,Xd=d.default.header`
|
1532
1532
|
display: flex;
|
1533
1533
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
1534
1534
|
padding: ${vt("space.3")};
|
@@ -1542,15 +1542,15 @@
|
|
1542
1542
|
}
|
1543
1543
|
|
1544
1544
|
${Xt};
|
1545
|
-
`,
|
1546
|
-
${
|
1545
|
+
`,Vd=({children:e,theme:t,...r})=>n.default.createElement(Xd,Tt({theme:t},r),n.default.createElement(Kd,{theme:t},e));Vd.displayName="SelectMenuHeader",Vd.displayName="SelectMenu.Header";var Yd=Vd;const qd=r.css(["display:flex;align-items:center;padding:",";overflow:hidden;text-align:left;cursor:pointer;background-color:",";border:0;border-bottom:"," solid ",";color:",";text-decoration:none;font-size:",";font-family:inherit;width:100%;&:hover{text-decoration:none;}&:focus{outline:none;}&[hidden]{display:none !important;}@media (min-width:","){padding-top:",";padding-bottom:",";}.SelectMenu-icon{width:",";margin-right:",";flex-shrink:0;}.SelectMenu-selected-icon{visibility:hidden;transition:transform 0.12s cubic-bezier(0.5,0.1,1,0.5),visibility 0s 0.12s linear;transform:scale(0);}&[aria-checked='true']{font-weight:500;color:",";.SelectMenu-selected-icon{visibility:visible;transition:transform 0.12s cubic-bezier(0,0,0.2,1),visibility 0s linear;transform:scale(1);}}@media (hover:hover){&:hover,&:active,&:focus{background-color:",";}}@media (hover:none){&:focus,&:active{background-color:",";}-webkit-tap-highlight-color:",";}"],vt("space.3"),vt("colors.canvas.overlay"),vt("borderWidths.1"),vt("colors.border.muted"),vt("colors.fg.muted"),vt("fontSizes.0"),vt("breakpoints.0"),vt("space.2"),vt("space.2"),vt("space.3"),vt("space.2"),vt("colors.fg.default"),vt("colors.neutral.subtle"),vt("colors.canvas.subtle"),vt("colors.selectMenu.tapHighlight")),Jd=d.default.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
1546
|
+
${qd}
|
1547
1547
|
${yt}
|
1548
1548
|
${Xt};
|
1549
|
-
`,
|
1550
|
-
${
|
1549
|
+
`,Zd=t.forwardRef((({children:e,selected:r,theme:o,onClick:a,...d},i)=>{const l=t.useContext(Nd),c=t.useRef(null),s=null!=i?i:c;return n.default.createElement(Jd,Tt({ref:s},d,{theme:o,onClick:e=>{var t;(a&&a(e),e.defaultPrevented)||(null===(t=l.setOpen)||void 0===t||t.call(l,!1))},"aria-checked":r}),n.default.createElement(Eo,{theme:o,className:"SelectMenu-icon SelectMenu-selected-icon",icon:Qr}),e)}));Zd.defaultProps={selected:!1},Zd.displayName="SelectMenu.Item";var Qd=Zd;const ei=r.css(["position:relative;padding:0;margin:0;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:",";-webkit-overflow-scrolling:touch;@media (hover:hover){.SelectMenuTab:focus{background-color:",";}.SelectMenuTab:not([aria-checked='true']):hover{color:",";background-color:",";}.SelectMenuTab:not([aria-checked='true']):active{color:",";background-color:",";}}"],vt("colors.canvas.overlay"),vt("colors.selectMenu.tapFocusBg"),vt("colors.fg.default"),vt("colors.canvas.subtle"),vt("colors.fg.default"),vt("colors.canvas.subtle")),ti=d.default.div`
|
1550
|
+
${ei}
|
1551
1551
|
${yt}
|
1552
1552
|
${Xt};
|
1553
|
-
`;
|
1553
|
+
`;ti.displayName="SelectMenu.List";var ri=ti;const oi={small:"16px",medium:"32px",large:"64px"};function ai({size:e="medium",...t}){const r=oi[e];return n.default.createElement("svg",Tt({height:r,width:r,viewBox:"0 0 16 16",fill:"none"},t),n.default.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.25",strokeWidth:"2",vectorEffect:"non-scaling-stroke"}),n.default.createElement("path",{d:"M15 8a7.002 7.002 0 00-7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"}))}ai.displayName="Spinner";const ni=d.default(ai)`
|
1554
1554
|
@keyframes rotate-keyframes {
|
1555
1555
|
100% {
|
1556
1556
|
transform: rotate(360deg);
|
@@ -1561,42 +1561,42 @@
|
|
1561
1561
|
|
1562
1562
|
${yt}
|
1563
1563
|
${Xt}
|
1564
|
-
`;
|
1564
|
+
`;ni.displayName="Spinner";var di=ni;const ii=d.default.div`
|
1565
1565
|
padding: ${vt("space.6")} ${vt("space.4")};
|
1566
1566
|
text-align: center;
|
1567
1567
|
background-color: ${vt("colors.canvas.overlay")};
|
1568
1568
|
${yt}
|
1569
|
-
`,
|
1570
|
-
${si}
|
1571
|
-
${de}
|
1572
|
-
`,gi=d.default.div`
|
1569
|
+
`,li=e=>n.default.createElement(ii,e,n.default.createElement(di,null));li.displayName="SelectMenuLoadingAnimation";var ci=li;const si=r.keyframes(["0%{opacity:0;transform:scale(0.9);}"]),fi=r.css(["position:relative;z-index:99;display:flex;",";max-height:",";margin:auto 0;",";overflow:hidden;pointer-events:auto;flex-direction:column;background-color:",";border-radius:",";box-shadow:",";animation:"," 0.12s cubic-bezier(0,0.1,0.1,1) backwards;@media (min-width:","){height:auto;max-height:350px;margin:"," 0 "," 0;font-size:",";border:"," solid ",";border-radius:",";box-shadow:",";}"],(e=>e.filter?"height: 80%":""),(e=>e.filter?"none":"66%"),(e=>e.filter?"margin-top: 0":""),vt("colors.canvas.overlay"),vt("radii.2"),vt("shadows.shadow.small"),si,vt("breakpoints.0"),vt("space.1"),vt("space.3"),vt("fontSizes.0"),vt("borderWidths.1"),vt("colors.border.default"),vt("radii.2"),vt("shadows.shadow.small")),bi=r.css(["position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;padding:",";pointer-events:none;flex-direction:column;&::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:'';background-color:",";@media (min-width:","){display:none;}}@media (min-width:","){position:absolute;top:auto;right:",";bottom:auto;left:auto;padding:0;}"],vt("space.3"),vt("colors.primer.canvas.backdrop"),vt("breakpoints.0"),vt("breakpoints.0"),(e=>"right"===e.align?"0":"auto")),gi=d.default.div`
|
1573
1570
|
${fi}
|
1571
|
+
${de}
|
1572
|
+
`,ui=d.default.div`
|
1573
|
+
${bi}
|
1574
1574
|
${yt}
|
1575
1575
|
${Xt};
|
1576
|
-
`,
|
1577
|
-
${
|
1576
|
+
`,pi=n.default.forwardRef((({children:e,theme:t,width:r,...o},a)=>n.default.createElement(ui,Tt({theme:t},o,{role:"menu",ref:a}),n.default.createElement(gi,{theme:t,width:r},e))));pi.defaultProps={align:"left",width:"300px"},pi.displayName="SelectMenu.Modal";var mi=pi;const hi=r.css(["flex:1;padding:"," ",";font-size:",";font-weight:500;color:",";text-align:center;background-color:transparent;border:0;box-shadow:inset 0 -1px 0 ",";@media (min-width:","){flex:none;padding:"," ",";border:"," solid transparent;border-bottom-width:0;border-top-left-radius:",";border-top-right-radius:",";}&[aria-selected='true']{z-index:1;color:",";background-color:",";box-shadow:0 0 0 1px ",";@media (min-width:","){border-color:",";box-shadow:none;}}&:focus{background-color:",";}"],vt("space.2"),vt("space.3"),vt("fontSizes.0"),vt("colors.fg.muted"),vt("colors.border.muted"),vt("breakpoints.0"),vt("space.1"),vt("space.3"),vt("borderWidths.1"),vt("radii.2"),vt("radii.2"),vt("colors.text-primary"),vt("colors.canvas.overlay"),vt("colors.border.muted"),vt("breakpoints.0"),vt("colors.border.muted"),vt("colors.neutral.subtle")),xi=d.default.button`
|
1577
|
+
${hi}
|
1578
1578
|
${yt}
|
1579
1579
|
${Xt};
|
1580
|
-
`,
|
1580
|
+
`,vi=({tabName:e="",index:r,className:o,onClick:a,...d})=>{const i=t.useContext(Nd);t.useEffect((()=>{var t;i.selectedTab||0!==r||(null===(t=i.setSelectedTab)||void 0===t||t.call(i,e))}),[r,i,e]);const l=i.selectedTab===e;return n.default.createElement(xi,Tt({role:"tab",className:Ja("SelectMenuTab",o),"aria-selected":l,onClick:t=>{var r;(a&&a(t),t.defaultPrevented)||(null===(r=i.setSelectedTab)||void 0===r||r.call(i,e))}},d),e)};vi.displayName="SelectMenuTab",vi.displayName="SelectMenu.Tab";var yi=vi;const wi=d.default.div`
|
1581
1581
|
border-top: ${vt("borderWidths.1")} solid ${vt("colors.border.muted")};
|
1582
1582
|
${yt}
|
1583
1583
|
${Xt};
|
1584
|
-
`,
|
1585
|
-
${
|
1584
|
+
`,Bi=({tabName:e,className:r,children:o,...a})=>{const d=t.useContext(Nd);return n.default.createElement(wi,Tt({role:"tabpanel",className:r,hidden:d.selectedTab!==e},a),n.default.createElement(ri,null,o))};Bi.displayName="TabPanel",Bi.displayName="SelectMenu.TabPanel";var $i=Bi;const ki=r.css(["display:flex;flex-shrink:0;margin-bottom:-1px;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;&::-webkit-scrollbar{display:none;}@media (min-width:","){padding:0 ",";margin-top:",";}"],vt("breakpoints.0"),vt("space.2"),vt("space.3")),Si=d.default.div`
|
1585
|
+
${ki}
|
1586
1586
|
${yt}
|
1587
1587
|
${Xt};
|
1588
|
-
`,
|
1588
|
+
`,Ti=({children:e,...t})=>n.default.createElement(Si,Tt({role:"tablist"},t),e);Ti.displayName="SelectMenuTabs",Ti.displayName="SelectMenu.Tabs";var Ei=Ti;const Ci=d.default.details`
|
1589
1589
|
${"\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"}
|
1590
1590
|
${yt}
|
1591
1591
|
${Xt};
|
1592
|
-
`,
|
1592
|
+
`,Ii=n.default.forwardRef((({children:e,initialTab:r="",as:o,...a},d)=>{const i=t.useRef(null),l=null!=d?d:i,[c,s]=t.useState(r),[f,b]=t.useState(!1),g={selectedTab:c,setSelectedTab:s,setOpen:b,open:f,initialTab:r},u=t.useCallback((e=>{"current"in l&&l.current&&!l.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[l,b]);return t.useEffect((()=>{if(f)return document.addEventListener("click",u),()=>{document.removeEventListener("click",u)}}),[f,u]),Ad(l,f,b),n.default.createElement(Nd.Provider,{value:g},n.default.createElement(Ci,Tt({ref:l},a,{open:f,onToggle:function(e){b(e.target.open)}}),e))}));Ii.displayName="SelectMenu";var Ai=Object.assign(Ii,{MenuContext:Nd,List:ri,Divider:Ld,Filter:jd,Footer:_d,Item:Qd,Modal:mi,Tabs:Ei,Tab:yi,TabPanel:$i,Header:Yd,LoadingAnimation:ci});function Ni({variant:e,className:t,bordered:r,children:o,...a}){const d=Ja(t,`variant-${"lightweight"===e?"lightweight":"normal"}`);return r||(a={...a,borderWidth:0}),n.default.createElement(Vt,Tt({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:d},a),o)}Ni.displayName="SideNavBase";const Ri=d.default(Ni)`
|
1593
1593
|
background-color: ${vt("colors.canvas.subtle")};
|
1594
1594
|
|
1595
1595
|
${e=>e.bordered&&r.css(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
1596
1596
|
|
1597
1597
|
${yt};
|
1598
1598
|
${Xt};
|
1599
|
-
`,
|
1599
|
+
`,zi=r.css(["background-color:",";outline:none;text-decoration:none;"],vt("colors.neutral.subtle")),Li=r.css(["color:",";text-decoration:none;outline:none;"],vt("colors.fg.default")),Hi=d.default(ud).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
1600
1600
|
position: relative;
|
1601
1601
|
display: block;
|
1602
1602
|
${e=>"full"===e.variant&&r.css(["display:flex;align-items:center;justify-content:space-between;"])}
|
@@ -1604,11 +1604,11 @@
|
|
1604
1604
|
text-align: left;
|
1605
1605
|
font-size: ${vt("fontSizes.1")};
|
1606
1606
|
|
1607
|
-
& > ${
|
1607
|
+
& > ${Ri} {
|
1608
1608
|
border-bottom: none;
|
1609
1609
|
}
|
1610
1610
|
|
1611
|
-
${
|
1611
|
+
${Ri}.variant-normal > & {
|
1612
1612
|
color: ${vt("colors.fg.default")};
|
1613
1613
|
padding: ${vt("space.3")};
|
1614
1614
|
border: 0;
|
@@ -1638,11 +1638,11 @@
|
|
1638
1638
|
}
|
1639
1639
|
|
1640
1640
|
&:hover {
|
1641
|
-
${
|
1641
|
+
${zi}
|
1642
1642
|
}
|
1643
1643
|
|
1644
1644
|
&:focus {
|
1645
|
-
${
|
1645
|
+
${zi}
|
1646
1646
|
box-shadow: ${vt("shadows.primer.shadow.focus")};
|
1647
1647
|
z-index: 1;
|
1648
1648
|
}
|
@@ -1658,16 +1658,16 @@
|
|
1658
1658
|
}
|
1659
1659
|
}
|
1660
1660
|
|
1661
|
-
${
|
1661
|
+
${Ri}.variant-lightweight > & {
|
1662
1662
|
padding: ${vt("space.1")} 0;
|
1663
1663
|
color: ${vt("colors.accent.fg")};
|
1664
1664
|
|
1665
1665
|
&:hover {
|
1666
|
-
${
|
1666
|
+
${Li}
|
1667
1667
|
}
|
1668
1668
|
|
1669
1669
|
&:focus {
|
1670
|
-
${
|
1670
|
+
${Li}
|
1671
1671
|
box-shadow: ${vt("shadows.primer.shadow.focus")};
|
1672
1672
|
z-index: 1;
|
1673
1673
|
}
|
@@ -1680,7 +1680,7 @@
|
|
1680
1680
|
}
|
1681
1681
|
|
1682
1682
|
${Xt};
|
1683
|
-
`;
|
1683
|
+
`;Ri.defaultProps={variant:"normal"},Hi.defaultProps={variant:"normal"},Hi.displayName="SideNav.Link";var Oi=Object.assign(Ri,{Link:Hi});const Mi={issueOpened:oo,pullOpened:to,issueClosed:ro,pullClosed:to,pullMerged:eo,draft:to},Pi=re({prop:"status",variants:{issueClosed:{backgroundColor:"prState.closed.bg",color:"prState.closed.text",borderColor:"prState.closed.border"},pullClosed:{backgroundColor:"prState.closed.bg",color:"prState.closed.text",borderColor:"prState.closed.border"},pullMerged:{backgroundColor:"prState.merged.bg",color:"prState.merged.text",borderColor:"prState.merged.border"},issueOpened:{backgroundColor:"prState.open.bg",color:"prState.open.text",borderColor:"prState.open.border"},pullOpened:{backgroundColor:"prState.open.bg",color:"prState.open.text",borderColor:"prState.open.border"},draft:{backgroundColor:"prState.draft.bg",color:"prState.draft.text",borderColor:"prState.draft.border"}}}),Di=re({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),Fi=d.default.span`
|
1684
1684
|
display: inline-flex;
|
1685
1685
|
align-items: center;
|
1686
1686
|
font-weight: ${vt("fontWeights.bold")};
|
@@ -1690,11 +1690,11 @@
|
|
1690
1690
|
border-radius: ${vt("radii.3")};
|
1691
1691
|
border-width: 1px;
|
1692
1692
|
border-style: solid;
|
1693
|
-
${Mi};
|
1694
1693
|
${Pi};
|
1694
|
+
${Di};
|
1695
1695
|
${yt};
|
1696
1696
|
${Xt};
|
1697
|
-
`;function
|
1697
|
+
`;function Wi({children:e,status:t,variant:r,...o}){const a="small"===r?{width:"1em"}:{};return n.default.createElement(Fi,Tt({},o,{variant:r,status:t}),t&&n.default.createElement(Eo,Tt({mr:1},a,{icon:Mi[t]||ao})),e)}Wi.displayName="StateLabel",Wi.defaultProps={variant:"normal"};const ji=d.default.nav`
|
1698
1698
|
display: flex;
|
1699
1699
|
justify-content: space-between;
|
1700
1700
|
|
@@ -1718,7 +1718,7 @@
|
|
1718
1718
|
${yt};
|
1719
1719
|
${St};
|
1720
1720
|
${Xt};
|
1721
|
-
`;function
|
1721
|
+
`;function Ui({actions:e,className:t,children:r,label:o,...a}){const d=Ja(t,"SubNav");return n.default.createElement(ji,Tt({className:d,"aria-label":o},a),n.default.createElement("div",{className:"SubNav-body"},r),e&&n.default.createElement("div",{className:"SubNav-actions"},e))}function Gi(e){return n.default.createElement(Vt,Tt({display:"flex"},e))}Ui.displayName="SubNav",Gi.displayName="SubNavLinks";const _i=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ja("SubNav-item",e.selected&&"selected",e.className)})))`
|
1722
1722
|
padding-left: ${vt("space.3")};
|
1723
1723
|
padding-right: ${vt("space.3")};
|
1724
1724
|
font-weight: ${vt("fontWeights.semibold")};
|
@@ -1767,16 +1767,16 @@
|
|
1767
1767
|
|
1768
1768
|
${yt};
|
1769
1769
|
${Xt};
|
1770
|
-
`;
|
1770
|
+
`;_i.displayName="SubNav.Link",Gi.displayName="SubNav.Links";var Ki=Object.assign(Ui,{Link:_i,Links:Gi});const Xi=d.default.div`
|
1771
1771
|
margin-top: 0;
|
1772
1772
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
1773
1773
|
${yt}
|
1774
1774
|
${Xt}
|
1775
|
-
`,
|
1775
|
+
`,Vi=d.default.nav`
|
1776
1776
|
display: flex;
|
1777
1777
|
margin-bottom: -1px;
|
1778
1778
|
overflow: auto;
|
1779
|
-
`;function
|
1779
|
+
`;function Yi({children:e,"aria-label":t,...r}){return n.default.createElement(Xi,r,n.default.createElement(Vi,{"aria-label":t},e))}Yi.displayName="TabNav";const qi=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ja("TabNav-item",e.selected&&"selected",e.className)})))`
|
1780
1780
|
padding: 8px 12px;
|
1781
1781
|
font-size: ${vt("fontSizes.1")};
|
1782
1782
|
line-height: 20px;
|
@@ -1802,13 +1802,13 @@
|
|
1802
1802
|
|
1803
1803
|
${yt};
|
1804
1804
|
${Xt};
|
1805
|
-
`;
|
1805
|
+
`;qi.displayName="TabNav.Link";var Ji=Object.assign(Yi,{Link:qi});const Zi=d.default(Vt)`
|
1806
1806
|
display: flex;
|
1807
1807
|
flex-direction: column;
|
1808
1808
|
${e=>e.clipSidebar&&r.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
1809
1809
|
|
1810
1810
|
${Xt};
|
1811
|
-
`,
|
1811
|
+
`,Qi=d.default(Vt).attrs((e=>({className:Ja("Timeline-Item",e.className)})))`
|
1812
1812
|
display: flex;
|
1813
1813
|
position: relative;
|
1814
1814
|
padding: ${vt("space.3")} 0;
|
@@ -1829,7 +1829,7 @@
|
|
1829
1829
|
|
1830
1830
|
${yt};
|
1831
1831
|
${Xt};
|
1832
|
-
`,
|
1832
|
+
`,el=e=>n.default.createElement(Vt,{position:"relative",zIndex:1},n.default.createElement(Vt,Tt({display:"flex",className:Ja(e.className,"TimelineItem-Badge"),flexShrink:0,borderRadius:"50%",borderWidth:"2px",borderStyle:"solid",borderColor:"canvas.default",overflow:"hidden",color:"fg.muted",bg:"timeline.badgeBg",width:"32px",height:"32px",mr:2,ml:"-15px",alignItems:"center",justifyContent:"center"},e),e.children));el.displayName="TimelineBadge";const tl=d.default(Vt)`
|
1833
1833
|
min-width: 0;
|
1834
1834
|
max-width: 100%;
|
1835
1835
|
margin-top: ${vt("space.1")};
|
@@ -1837,7 +1837,7 @@
|
|
1837
1837
|
flex: auto;
|
1838
1838
|
font-size: ${vt("fontSizes.1")};
|
1839
1839
|
${Xt};
|
1840
|
-
`,
|
1840
|
+
`,rl=d.default(Vt)`
|
1841
1841
|
position: relative
|
1842
1842
|
z-index: 1;
|
1843
1843
|
height: 24px;
|
@@ -1848,7 +1848,7 @@
|
|
1848
1848
|
border: 0;
|
1849
1849
|
border-top: ${vt("space.1")} solid ${vt("colors.border.default")};
|
1850
1850
|
${Xt};
|
1851
|
-
`;
|
1851
|
+
`;Qi.displayName="Timeline.Item",el.displayName="Timeline.Badge",tl.displayName="Timeline.Body",rl.displayName="Timeline.Break";var ol=Object.assign(Zi,{Item:Qi,Badge:el,Body:tl,Break:rl});const al=d.default.span`
|
1852
1852
|
position: relative;
|
1853
1853
|
|
1854
1854
|
&::before {
|
@@ -2074,7 +2074,7 @@
|
|
2074
2074
|
}
|
2075
2075
|
${yt};
|
2076
2076
|
${Xt};
|
2077
|
-
`;function
|
2077
|
+
`;function nl({direction:e="n",children:t,className:r,text:o,noDelay:a,align:d,wrap:i,...l}){const c=Ja(r,`tooltipped-${e}`,d&&`tooltipped-align-${d}-2`,a&&"tooltipped-no-delay",i&&"tooltipped-multiline");return n.default.createElement(al,Tt({role:"tooltip","aria-label":o},l,{className:c}),t)}nl.displayName="Tooltip",nl.alignments=["left","right"],nl.directions=["n","ne","e","se","s","sw","w","nw"];const dl=d.default.nav`
|
2078
2078
|
display: flex;
|
2079
2079
|
justify-content: space-between;
|
2080
2080
|
border-bottom: 1px solid ${vt("colors.border.muted")};
|
@@ -2105,7 +2105,7 @@
|
|
2105
2105
|
|
2106
2106
|
${yt};
|
2107
2107
|
${Xt};
|
2108
|
-
`;function
|
2108
|
+
`;function il({actions:e,className:t,align:r,children:o,full:a,label:d,theme:i,...l}){const c=Ja(t,"UnderlineNav",r&&`UnderlineNav--${r}`,a&&"UnderlineNav--full");return n.default.createElement(dl,Tt({className:c,"aria-label":d,theme:i},l),n.default.createElement("div",{className:"UnderlineNav-body"},o),e&&n.default.createElement("div",{className:"UnderlineNav-actions"},e))}il.displayName="UnderlineNav";const ll=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ja("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
2109
2109
|
padding: ${vt("space.3")} ${vt("space.2")};
|
2110
2110
|
margin-right: ${vt("space.3")};
|
2111
2111
|
font-size: ${vt("fontSizes.1")};
|
@@ -2138,5 +2138,5 @@
|
|
2138
2138
|
|
2139
2139
|
${yt};
|
2140
2140
|
${Xt};
|
2141
|
-
`;
|
2141
|
+
`;ll.displayName="UnderlineNav.Link";var cl=Object.assign(il,{Link:ll});e.Absolute=or,e.ActionList=La,e.ActionMenu=Ga,e.Avatar=Ka,e.AvatarPair=Ya,e.AvatarStack=en,e.BaseStyles=It,e.BorderBox=qt,e.Box=Vt,e.BranchName=tn,e.Breadcrumb=ln,e.Breadcrumbs=dn,e.Button=jr,e.ButtonClose=co,e.ButtonDanger=Ur,e.ButtonGroup=_r,e.ButtonInvisible=Vr,e.ButtonOutline=Kr,e.ButtonPrimary=Xr,e.ButtonTableList=Yr,e.Caret=pn,e.CircleBadge=vn,e.CircleOcticon=yn,e.ConfirmationDialog=sa,e.CounterLabel=wn,e.Details=$n,e.Dialog=zn,e.Dropdown=Wn,e.DropdownButton=jn,e.DropdownMenu=Un,e.FilterList=Yn,e.FilteredSearch=Gn,e.Fixed=ar,e.Flash=Zn,e.Flex=Zt,e.FormGroup=td,e.Grid=er,e.Header=nd,e.Heading=id,e.Label=bd,e.LabelGroup=ld,e.Link=ud,e.Overlay=Da,e.Pagehead=pd,e.Pagination=vd,e.PointerBox=Bd,e.Popover=Sd,e.Position=rr,e.ProgressBar=Id,e.Relative=nr,e.SSRProvider=function(e){let r=t.useContext(Oo),o=t.useMemo((()=>({prefix:r===Ho?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return n.default.createElement(Oo.Provider,{value:o},e.children)},e.SelectMenu=Ai,e.SideNav=Oi,e.Spinner=di,e.StateLabel=Wi,e.Sticky=dr,e.StyledOcticon=Eo,e.SubNav=Ki,e.TabNav=Ji,e.Text=Tn,e.TextInput=Dd,e.ThemeProvider=Kt,e.Timeline=ol,e.Tooltip=nl,e.Truncate=ma,e.UnderlineNav=cl,e.theme=l,e.themeGet=vt,e.useColorSchemeVar=Gt,e.useConfirm=function(){const{theme:e,colorMode:r,dayScheme:o,nightScheme:a}=Ut();return t.useCallback((t=>async function(e,t){const{content:r,...o}=t;return new Promise((t=>{const a=document.createElement("div");i.default.render(n.default.createElement(jt,e,n.default.createElement(sa,Tt({},o,{onClose:e=>{i.default.unmountComponentAtNode(a),t("confirm"===e)}}),r)),a)}))}({theme:e,colorMode:r,dayScheme:o,nightScheme:a},t)),[e,r,o,a])},e.useDetails=ir,e.useOnEscapePress=vr,e.useOnOutsideClick=br,e.useOpenAndCloseFocus=mr,e.useOverlay=wr,e.useSSRSafeId=Po,e.useSafeTimeout=function(){const e=t.useRef(new Set),r=t.useCallback(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),o=t.useCallback((t=>{clearTimeout(t),e.current.delete(t)}),[]);return t.useEffect((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:r,safeClearTimeout:o}},e.useTheme=Ut,Object.defineProperty(e,"__esModule",{value:!0})}));
|
2142
2142
|
//# sourceMappingURL=browser.umd.js.map
|