@primer/components 0.0.0-2021828205354 → 0.0.0-202182821115
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 +5 -3
- package/dist/browser.esm.js +186 -177
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +187 -178
- package/dist/browser.umd.js.map +1 -1
- package/lib/AvatarStack.d.ts +4 -8
- package/lib/AvatarStack.js +6 -7
- package/lib/Button/Button.d.ts +3 -2
- package/lib/Button/Button.js +6 -2
- package/lib/Button/ButtonBase.d.ts +8 -5
- package/lib/Button/ButtonBase.js +5 -1
- package/lib/Button/ButtonClose.d.ts +45 -2
- package/lib/Button/ButtonClose.js +1 -1
- package/lib/Button/ButtonDanger.d.ts +3 -2
- package/lib/Button/ButtonDanger.js +6 -2
- package/lib/Button/ButtonInvisible.d.ts +3 -2
- package/lib/Button/ButtonInvisible.js +6 -2
- package/lib/Button/ButtonOutline.d.ts +3 -2
- package/lib/Button/ButtonOutline.js +6 -2
- package/lib/Button/ButtonPrimary.d.ts +3 -2
- package/lib/Button/ButtonPrimary.js +6 -2
- package/lib/Button/ButtonTableList.d.ts +2 -1
- package/lib/Button/ButtonTableList.js +1 -1
- package/lib/Dialog/ConfirmationDialog.js +3 -3
- package/lib/Dialog/Dialog.d.ts +5 -0
- package/lib/Dialog/Dialog.js +16 -4
- package/lib/Dropdown.d.ts +90 -2
- package/lib/DropdownMenu/DropdownButton.d.ts +46 -2
- package/lib-esm/AvatarStack.d.ts +4 -8
- package/lib-esm/AvatarStack.js +7 -8
- package/lib-esm/Button/Button.d.ts +3 -2
- package/lib-esm/Button/Button.js +2 -2
- package/lib-esm/Button/ButtonBase.d.ts +8 -5
- package/lib-esm/Button/ButtonBase.js +3 -1
- package/lib-esm/Button/ButtonClose.d.ts +45 -2
- package/lib-esm/Button/ButtonClose.js +2 -2
- package/lib-esm/Button/ButtonDanger.d.ts +3 -2
- package/lib-esm/Button/ButtonDanger.js +2 -2
- package/lib-esm/Button/ButtonInvisible.d.ts +3 -2
- package/lib-esm/Button/ButtonInvisible.js +2 -2
- package/lib-esm/Button/ButtonOutline.d.ts +3 -2
- package/lib-esm/Button/ButtonOutline.js +2 -2
- package/lib-esm/Button/ButtonPrimary.d.ts +3 -2
- package/lib-esm/Button/ButtonPrimary.js +2 -2
- package/lib-esm/Button/ButtonTableList.d.ts +2 -1
- package/lib-esm/Button/ButtonTableList.js +2 -2
- package/lib-esm/Dialog/ConfirmationDialog.js +3 -3
- package/lib-esm/Dialog/Dialog.d.ts +5 -0
- package/lib-esm/Dialog/Dialog.js +17 -5
- package/lib-esm/Dropdown.d.ts +90 -2
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +46 -2
- package/package.json +1 -1
package/dist/browser.umd.js
CHANGED
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
`,Ct=d.default.div`
|
|
20
20
|
${wt};
|
|
21
21
|
${yt};
|
|
22
|
-
`;function It(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}It.displayName="BaseStyles",It.defaultProps={color:"text.primary",fontFamily:"normal",lineHeight:"default"};var At=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Rt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Mt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function zt(e,t,r){return e.concat(t).map((function(e){return Rt(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ht(e,t){try{return t in e}catch(e){return!1}}function Ot(e,t,r){var o={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){o[t]=Rt(e[t],r)})),Lt(t).forEach((function(a){(function(e,t){return Ht(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Ht(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Mt;var r=t.customMerge(e);return"function"==typeof r?r:Mt}(a,r)(e[a],t[a],r):o[a]=Rt(t[a],r))})),o}function Mt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||zt,r.isMergeableObject=r.isMergeableObject||At,r.cloneUnlessOtherwiseSpecified=Rt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):Ot(e,t,r):Rt(t,r)}Mt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Mt(e,r,t)}),{})};var Pt=Mt;const Dt="light",Ft="dark",Wt=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),jt=({children:e,...t})=>{var o,a,d,i,c,s,f,b;const{theme:g,colorMode:u,dayScheme:p,nightScheme:m}=Ut(),h=null!==(o=null!==(a=t.theme)&&void 0!==a?a:g)&&void 0!==o?o:l,[x,v]=n.default.useState(null!==(d=null!==(i=t.colorMode)&&void 0!==i?i:u)&&void 0!==d?d:"day"),[y,w]=n.default.useState(null!==(c=null!==(s=t.dayScheme)&&void 0!==s?s:p)&&void 0!==c?c:Dt),[B,$]=n.default.useState(null!==(f=null!==(b=t.nightScheme)&&void 0!==b?b:m)&&void 0!==f?f:Ft),k=function(e,t){switch(e){case"auto":return t;default:return e}}(x,function(){const[e,t]=n.default.useState(_t);return n.default.useEffect((()=>{var e,r;const o=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function a(e){const r=e.matches;t(r?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),e}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}(k,y,B),T=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Pt(e,e.colorSchemes[r])}return Pt(e,e.colorSchemes[t])}(h,S)),[h,S]);return n.default.useEffect((()=>{var e,r;v(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:u)&&void 0!==e?e:"day")}),[t.colorMode,u]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:p)&&void 0!==e?e:Dt)}),[t.dayScheme,p]),n.default.useEffect((()=>{var e,r;$(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:m)&&void 0!==e?e:Ft)}),[t.nightScheme,m]),n.default.createElement(Wt.Provider,{value:{theme:T,colorScheme:S,colorMode:x,resolvedColorMode:k,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:$}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function Ut(){return n.default.useContext(Wt)}function Gt(e,t){var r;const{colorScheme:o=""}=Ut();return null!==(r=e[o])&&void 0!==r?r:t}function _t(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}jt.displayName="ThemeProvider";var Kt=jt;var Xt=e=>te(e.sx);var Vt=d.default.div(G,E,C,S,I,N,H,z,M,_,Xt);const Yt=d.default(Vt)``;Yt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.primary",borderRadius:2};var qt=Yt;const Jt=d.default(Vt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=d.default(Vt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=d.default(Vt)``;var rr=tr;const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));or.displayName="Absolute";const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));ar.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const dr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function ir({ref:e,closeOnOutsideClick:r,defaultOpen:o,onClickOutside:a}){const[n,d]=t.useState(o),i=t.useRef(null),l=null!=e?e:i,c=t.useCallback((e=>{const{current:t}=l;e.target.closest("details")!==t&&(a&&a(e),e.defaultPrevented||d(!1))}),[l,d,a]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",c),()=>{document.removeEventListener("click",c)}}),[n,r,c]);const s=e=>{if(!e.defaultPrevented){const t=e.target;d(t.open)}};return{open:n,setOpen:d,getDetailsProps:()=>({onToggle:s,open:n,ref:l})}}dr.defaultProps={top:0,zIndex:1},dr.displayName="Sticky";const lr=!0;function cr(e){if(!e.defaultPrevented)for(const t of Object.values(sr).reverse())if(t(e)===lr||e.defaultPrevented)break}const sr={};let fr=0;const br=({containerRef:e,ignoreClickRefs:r,onClickOutside:o})=>{const a=t.useMemo((()=>fr++),[]),n=t.useCallback((t=>{var a;return t instanceof MouseEvent&&t.button>0||null!==(a=e.current)&&void 0!==a&&a.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?lr:void o(t)}),[e,r,o]);t.useEffect((()=>(0===Object.keys(sr).length&&document.addEventListener("mousedown",cr,{capture:!0}),function(e,t){sr[e]=t}(a,n),()=>{!function(e){delete sr[e]}(a),0===Object.keys(sr).length&&document.removeEventListener("mousedown",cr,{capture:!0})})),[a,n])};function*gr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?pr:ur,d=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let i=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=d.lastChild();for(;e;)i=e,e=d.lastChild()}else i=d.firstChild();for(;i instanceof HTMLElement;)yield i,i=t.reverse?d.previousNode():d.nextNode();t.reverse&&n(e,a)&&(yield e)}function ur(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function pr(e,t=!1){return ur(e,t)&&"-1"!==e.getAttribute("tabindex")}function mr({initialFocusRef:e,returnFocusRef:r,containerRef:o}){t.useEffect((()=>{const t=r.current;if(e&&e.current)e.current.focus();else if(o.current){const e=gr(o.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,o])}const hr=[];function xr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=hr.length-1;t>=0&&(hr[t](e),!e.defaultPrevented);--t);}const vr=(e,r=[e])=>{const o=t.useCallback(e,r);t.useEffect((()=>(0===hr.length&&document.addEventListener("keydown",xr),hr.push(o),()=>{hr.splice(hr.findIndex((e=>e===o)),1),0===hr.length&&document.removeEventListener("keydown",xr)})),[o])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n})=>{const d=yr(e);return mr({containerRef:d,returnFocusRef:t,initialFocusRef:r}),br({containerRef:d,ignoreClickRefs:a,onClickOutside:n}),vr(o),{ref:d}};let Br,$r=!1;function kr(){}try{const e=Object.create({},{signal:{get(){$r=!0}}});window.addEventListener("test",kr,e),window.removeEventListener("test",kr,e)}catch(e){}function Sr(){$r||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),$r=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;Sr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Er||(Er={}));const Ir={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Ar={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Nr(e){const t=Ar[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Rr="data-is-active-descendant",zr="activated-directly",Lr="activated-indirectly",Hr="data-has-active-descendant";function Or(e,t){var r,o,a,n;const d=[],i=new WeakMap,l=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Er.ArrowAll:Er.ArrowVertical)|Er.HomeAndEnd,c=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",s=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",f=null==t?void 0:t.activeDescendantControl,b=null==t?void 0:t.onActiveDescendantChanged;let g;function u(){return d[0]}function p(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&i.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,o=!1){r.id||r.setAttribute("id","__primer_id_"+Cr++),t&&t!==r&&t.removeAttribute(Rr),f&&(o||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Hr,r.id),r.setAttribute(Rr,o?zr:Lr),null==b||b(r,t,o))}function h(t=g){"first"===s&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Hr),null==t||t.removeAttribute(Rr),null==b||b(void 0,t,!1)}function x(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=d.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));d.splice(-1===o?d.length:o,0,...r);for(const e of r)i.has(e)||i.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||p(u())}function v(...e){for(const t of e){const e=d.indexOf(t);e>=0&&d.splice(e,1);const r=i.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),i.delete(t)),t===g){p(u())}}}x(...gr(e)),p(u());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&v(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&x(...gr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{v(...d)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=d.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&d.includes(e.target)&&(f.focus(),p(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=d.find((t=>t.contains(e)));t&&p(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?m(void 0,g):p(u())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&d[B]!==g&&p(d[B]),B=void 0;else if("previous"===s)p(t.target);else if("closest"===s||"first"===s){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===k?d.length-1:0,t=d[e];return void(null==t||t.focus())}p(t.target)}else if("function"==typeof s)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=s(t.relatedTarget);if((e?d.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else p(t.target);k=void 0}),{signal:w});const $=null!=f?f:e;let k;return"closest"===s&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&(k=Nr(e))}),{signal:w,capture:!0}),$.addEventListener("keydown",(r=>{if(r.key in Ar){const a=Ir[r.key];if(!r.defaultPrevented&&(a&l)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Nr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=d.indexOf(g);return-1!==t?t:g===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=d.length-1,o<0&&(o="wrap"===c&&"Tab"!==r.key?d.length-1:0),o>=d.length&&(o="wrap"===c&&"Tab"!==r.key?0:d.length-1),t!==o&&(n=d[o])}f?p(n||g,!0):n&&(k=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Mr=r.css(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],vt("fontWeights.bold"),vt("radii.2"));const Pr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Dr=d.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
22
|
+
`;function It(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}It.displayName="BaseStyles",It.defaultProps={color:"text.primary",fontFamily:"normal",lineHeight:"default"};var At=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Rt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Mt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function zt(e,t,r){return e.concat(t).map((function(e){return Rt(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ht(e,t){try{return t in e}catch(e){return!1}}function Ot(e,t,r){var o={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){o[t]=Rt(e[t],r)})),Lt(t).forEach((function(a){(function(e,t){return Ht(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(Ht(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Mt;var r=t.customMerge(e);return"function"==typeof r?r:Mt}(a,r)(e[a],t[a],r):o[a]=Rt(t[a],r))})),o}function Mt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||zt,r.isMergeableObject=r.isMergeableObject||At,r.cloneUnlessOtherwiseSpecified=Rt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):Ot(e,t,r):Rt(t,r)}Mt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Mt(e,r,t)}),{})};var Pt=Mt;const Dt="light",Ft="dark",Wt=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),jt=({children:e,...t})=>{var o,a,d,i,c,s,f,b;const{theme:g,colorMode:u,dayScheme:p,nightScheme:m}=Ut(),h=null!==(o=null!==(a=t.theme)&&void 0!==a?a:g)&&void 0!==o?o:l,[x,v]=n.default.useState(null!==(d=null!==(i=t.colorMode)&&void 0!==i?i:u)&&void 0!==d?d:"day"),[y,w]=n.default.useState(null!==(c=null!==(s=t.dayScheme)&&void 0!==s?s:p)&&void 0!==c?c:Dt),[B,$]=n.default.useState(null!==(f=null!==(b=t.nightScheme)&&void 0!==b?b:m)&&void 0!==f?f:Ft),k=function(e,t){switch(e){case"auto":return t;default:return e}}(x,function(){const[e,t]=n.default.useState(_t);return n.default.useEffect((()=>{var e,r;const o=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function a(e){const r=e.matches;t(r?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),e}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}(k,y,B),T=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Pt(e,e.colorSchemes[r])}return Pt(e,e.colorSchemes[t])}(h,S)),[h,S]);return n.default.useEffect((()=>{var e,r;v(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:u)&&void 0!==e?e:"day")}),[t.colorMode,u]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:p)&&void 0!==e?e:Dt)}),[t.dayScheme,p]),n.default.useEffect((()=>{var e,r;$(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:m)&&void 0!==e?e:Ft)}),[t.nightScheme,m]),n.default.createElement(Wt.Provider,{value:{theme:T,colorScheme:S,colorMode:x,resolvedColorMode:k,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:$}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function Ut(){return n.default.useContext(Wt)}function Gt(e,t){var r;const{colorScheme:o=""}=Ut();return null!==(r=e[o])&&void 0!==r?r:t}function _t(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}jt.displayName="ThemeProvider";var Kt=jt;var Xt=e=>te(e.sx);var Vt=d.default.div(G,E,C,S,I,N,H,z,M,_,Xt);const Yt=d.default(Vt)``;Yt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.primary",borderRadius:2};var qt=Yt;const Jt=d.default(Vt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=d.default(Vt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=d.default(Vt)``;var rr=tr;const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));or.displayName="Absolute";const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));ar.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const dr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function ir({ref:e,closeOnOutsideClick:r,defaultOpen:o,onClickOutside:a}){const[n,d]=t.useState(o),i=t.useRef(null),l=null!=e?e:i,c=t.useCallback((e=>{const{current:t}=l;e.target.closest("details")!==t&&(a&&a(e),e.defaultPrevented||d(!1))}),[l,d,a]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",c),()=>{document.removeEventListener("click",c)}}),[n,r,c]);const s=e=>{if(!e.defaultPrevented){const t=e.target;d(t.open)}};return{open:n,setOpen:d,getDetailsProps:()=>({onToggle:s,open:n,ref:l})}}dr.defaultProps={top:0,zIndex:1},dr.displayName="Sticky";const lr=!0;function cr(e){if(!e.defaultPrevented)for(const t of Object.values(sr).reverse())if(t(e)===lr||e.defaultPrevented)break}const sr={};let fr=0;const br=({containerRef:e,ignoreClickRefs:r,onClickOutside:o})=>{const a=t.useMemo((()=>fr++),[]),n=t.useCallback((t=>{var a;return t instanceof MouseEvent&&t.button>0||null!==(a=e.current)&&void 0!==a&&a.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?lr:void o(t)}),[e,r,o]);t.useEffect((()=>(0===Object.keys(sr).length&&document.addEventListener("mousedown",cr,{capture:!0}),function(e,t){sr[e]=t}(a,n),()=>{!function(e){delete sr[e]}(a),0===Object.keys(sr).length&&document.removeEventListener("mousedown",cr,{capture:!0})})),[a,n])};function*gr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?pr:ur,d=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let i=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=d.lastChild();for(;e;)i=e,e=d.lastChild()}else i=d.firstChild();for(;i instanceof HTMLElement;)yield i,i=t.reverse?d.previousNode():d.nextNode();t.reverse&&n(e,a)&&(yield e)}function ur(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function pr(e,t=!1){return ur(e,t)&&"-1"!==e.getAttribute("tabindex")}function mr({initialFocusRef:e,returnFocusRef:r,containerRef:o}){t.useEffect((()=>{const t=r.current;if(e&&e.current)e.current.focus();else if(o.current){const e=gr(o.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,o])}const hr=[];function xr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=hr.length-1;t>=0&&(hr[t](e),!e.defaultPrevented);--t);}const vr=(e,r=[e])=>{const o=t.useCallback(e,r);t.useEffect((()=>(0===hr.length&&document.addEventListener("keydown",xr),hr.push(o),()=>{hr.splice(hr.findIndex((e=>e===o)),1),0===hr.length&&document.removeEventListener("keydown",xr)})),[o])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n})=>{const d=yr(e);return mr({containerRef:d,returnFocusRef:t,initialFocusRef:r}),br({containerRef:d,ignoreClickRefs:a,onClickOutside:n}),vr(o),{ref:d}};let Br,$r=!1;function kr(){}try{const e=Object.create({},{signal:{get(){$r=!0}}});window.addEventListener("test",kr,e),window.removeEventListener("test",kr,e)}catch(e){}function Sr(){$r||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),$r=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;Sr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Er||(Er={}));const Ir={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Ar={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Nr(e){const t=Ar[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Rr="data-is-active-descendant",zr="activated-directly",Lr="activated-indirectly",Hr="data-has-active-descendant";function Or(e,t){var r,o,a,n;const d=[],i=new WeakMap,l=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Er.ArrowAll:Er.ArrowVertical)|Er.HomeAndEnd,c=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",s=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",f=null==t?void 0:t.activeDescendantControl,b=null==t?void 0:t.onActiveDescendantChanged;let g;function u(){return d[0]}function p(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&i.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,o=!1){r.id||r.setAttribute("id","__primer_id_"+Cr++),t&&t!==r&&t.removeAttribute(Rr),f&&(o||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Hr,r.id),r.setAttribute(Rr,o?zr:Lr),null==b||b(r,t,o))}function h(t=g){"first"===s&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Hr),null==t||t.removeAttribute(Rr),null==b||b(void 0,t,!1)}function x(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=d.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));d.splice(-1===o?d.length:o,0,...r);for(const e of r)i.has(e)||i.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||p(u())}function v(...e){for(const t of e){const e=d.indexOf(t);e>=0&&d.splice(e,1);const r=i.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),i.delete(t)),t===g){p(u())}}}x(...gr(e)),p(u());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&v(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&x(...gr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{v(...d)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=d.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&d.includes(e.target)&&(f.focus(),p(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=d.find((t=>t.contains(e)));t&&p(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?m(void 0,g):p(u())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&d[B]!==g&&p(d[B]),B=void 0;else if("previous"===s)p(t.target);else if("closest"===s||"first"===s){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===k?d.length-1:0,t=d[e];return void(null==t||t.focus())}p(t.target)}else if("function"==typeof s)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=s(t.relatedTarget);if((e?d.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else p(t.target);k=void 0}),{signal:w});const $=null!=f?f:e;let k;return"closest"===s&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&(k=Nr(e))}),{signal:w,capture:!0}),$.addEventListener("keydown",(r=>{if(r.key in Ar){const a=Ir[r.key];if(!r.defaultPrevented&&(a&l)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Nr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=d.indexOf(g);return-1!==t?t:g===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=d.length-1,o<0&&(o="wrap"===c&&"Tab"!==r.key?d.length-1:0),o>=d.length&&(o="wrap"===c&&"Tab"!==r.key?0:d.length-1),t!==o&&(n=d[o])}f?p(n||g,!0):n&&(k=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Mr=r.css(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],vt("fontWeights.bold"),vt("radii.2"));const Pr=k(ve,yt,$t),Dr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Fr=d.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
23
23
|
${Mr}
|
|
24
|
-
${
|
|
25
|
-
`;
|
|
24
|
+
${Dr}
|
|
25
|
+
`;Fr.defaultProps={variant:"medium"};var Wr=Fr;var jr=d.default(Wr)`
|
|
26
26
|
color: ${vt("colors.btn.text")};
|
|
27
27
|
background-color: ${vt("colors.btn.bg")};
|
|
28
28
|
border: 1px solid ${vt("colors.btn.border")};
|
|
@@ -50,8 +50,9 @@
|
|
|
50
50
|
border-color: ${vt("colors.btn.border")};
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
${Pr};
|
|
53
54
|
${Xt};
|
|
54
|
-
`;var
|
|
55
|
+
`;var Ur=d.default(Wr)`
|
|
55
56
|
color: ${vt("colors.btn.danger.text")};
|
|
56
57
|
border: 1px solid ${vt("colors.btn.border")};
|
|
57
58
|
background-color: ${vt("colors.btn.bg")};
|
|
@@ -82,8 +83,9 @@
|
|
|
82
83
|
border-color: ${vt("colors.btn.danger.disabledBorder")};
|
|
83
84
|
}
|
|
84
85
|
|
|
86
|
+
${Pr};
|
|
85
87
|
${Xt};
|
|
86
|
-
`;const
|
|
88
|
+
`;const Gr=d.default(Vt)`
|
|
87
89
|
vertical-align: middle;
|
|
88
90
|
|
|
89
91
|
&& > * {
|
|
@@ -124,7 +126,7 @@
|
|
|
124
126
|
}
|
|
125
127
|
|
|
126
128
|
${Xt};
|
|
127
|
-
`;
|
|
129
|
+
`;Gr.defaultProps={display:"inline-block"};var _r=Gr;var Kr=d.default(Wr)`
|
|
128
130
|
color: ${vt("colors.btn.outline.text")};
|
|
129
131
|
border: 1px solid ${vt("colors.btn.border")};
|
|
130
132
|
background-color: ${vt("colors.btn.bg")};
|
|
@@ -155,8 +157,9 @@
|
|
|
155
157
|
border-color: ${vt("colors.btn.border")};
|
|
156
158
|
}
|
|
157
159
|
|
|
160
|
+
${Pr};
|
|
158
161
|
${Xt};
|
|
159
|
-
`;var
|
|
162
|
+
`;var Xr=d.default(Wr)`
|
|
160
163
|
color: ${vt("colors.btn.primary.text")};
|
|
161
164
|
border: 1px solid ${vt("colors.btn.primary.border")};
|
|
162
165
|
background-color: ${vt("colors.btn.primary.bg")};
|
|
@@ -185,8 +188,9 @@
|
|
|
185
188
|
border-color: ${vt("colors.btn.primary.disabledBorder")};
|
|
186
189
|
}
|
|
187
190
|
|
|
191
|
+
${Pr};
|
|
188
192
|
${Xt};
|
|
189
|
-
`;var
|
|
193
|
+
`;var Vr=d.default(Wr)`
|
|
190
194
|
color: ${vt("colors.accent.fg")};
|
|
191
195
|
background-color: transparent;
|
|
192
196
|
border: 0;
|
|
@@ -201,8 +205,9 @@
|
|
|
201
205
|
box-shadow: ${vt("shadows.btn.focusShadow")};
|
|
202
206
|
}
|
|
203
207
|
|
|
208
|
+
${Pr};
|
|
204
209
|
${Xt}
|
|
205
|
-
`;var
|
|
210
|
+
`;var Yr=d.default.summary`
|
|
206
211
|
display: inline-block;
|
|
207
212
|
padding: 0;
|
|
208
213
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -237,8 +242,11 @@
|
|
|
237
242
|
border: 4px solid transparent;
|
|
238
243
|
border-top-color: currentcolor;
|
|
239
244
|
}
|
|
245
|
+
${yt}
|
|
246
|
+
${wt}
|
|
247
|
+
${$t}
|
|
240
248
|
${Xt};
|
|
241
|
-
`,
|
|
249
|
+
`,qr={small:16,medium:32,large:64};function Jr(e){var t=e["aria-label"],r=e.className,o=e.fill,a=void 0===o?"currentColor":o,n=e.size,d=e.verticalAlign,i=e.svgDataByHeight,l=qr[n]||n,c=function(e,t){return e.map((function(e){return parseInt(e,10)})).reduce((function(e,r){return r<=t?r:e}),e[0])}(Object.keys(i),l),s=i[c].width;return{"aria-hidden":t?"false":"true","aria-label":t,role:"img",className:r,viewBox:"0 0 "+s+" "+c,width:l*(s/c),height:l,fill:a,style:{display:"inline-block",userSelect:"none",verticalAlign:d},dangerouslySetInnerHTML:{__html:i[c].path}}}var Zr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e};function Qr(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M21.03 5.72a.75.75 0 010 1.06l-11.5 11.5a.75.75 0 01-1.072-.012l-5.5-5.75a.75.75 0 111.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 011.06 0z"></path>'}}})))}function eo(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M5.75 21a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 19.25a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM5.75 6.5a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 4.75a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM18.25 15a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM15 13.25a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0z"></path><path fill-rule="evenodd" d="M6.5 7.25c0 2.9 2.35 5.25 5.25 5.25h4.5V14h-4.5A6.75 6.75 0 015 7.25h1.5z"></path><path fill-rule="evenodd" d="M5.75 16.75A.75.75 0 006.5 16V8A.75.75 0 005 8v8c0 .414.336.75.75.75z"></path>'}}})))}function to(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M4.75 3a1.75 1.75 0 100 3.5 1.75 1.75 0 000-3.5zM1.5 4.75a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0zM4.75 17.5a1.75 1.75 0 100 3.5 1.75 1.75 0 000-3.5zM1.5 19.25a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0zm17.75-1.75a1.75 1.75 0 100 3.5 1.75 1.75 0 000-3.5zM16 19.25a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0z"></path><path fill-rule="evenodd" d="M4.75 7.25A.75.75 0 015.5 8v8A.75.75 0 014 16V8a.75.75 0 01.75-.75zm8.655-5.53a.75.75 0 010 1.06L12.185 4h4.065A3.75 3.75 0 0120 7.75v8.75a.75.75 0 01-1.5 0V7.75a2.25 2.25 0 00-2.25-2.25h-4.064l1.22 1.22a.75.75 0 01-1.061 1.06l-2.5-2.5a.75.75 0 010-1.06l2.5-2.5a.75.75 0 011.06 0z"></path>'}}})))}function ro(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 0110.65-5.003.75.75 0 00.959-1.153 8 8 0 102.592 8.33.75.75 0 10-1.444-.407A6.5 6.5 0 011.5 8zM8 12a1 1 0 100-2 1 1 0 000 2zm0-8a.75.75 0 01.75.75v3.5a.75.75 0 11-1.5 0v-3.5A.75.75 0 018 4zm4.78 4.28l3-3a.75.75 0 00-1.06-1.06l-2.47 2.47-.97-.97a.749.749 0 10-1.06 1.06l1.5 1.5a.75.75 0 001.06 0z"></path>'},24:{width:24,path:'<path d="M2.5 12c0-5.24 4.288-9.5 9.593-9.5a9.608 9.608 0 017.197 3.219.75.75 0 001.12-.998A11.108 11.108 0 0012.093 1C5.973 1 1 5.919 1 12s4.973 11 11.093 11c5.403 0 9.91-3.832 10.893-8.915a.75.75 0 10-1.472-.285c-.848 4.381-4.74 7.7-9.421 7.7C6.788 21.5 2.5 17.24 2.5 12z"></path><path d="M12 17a1 1 0 100-2 1 1 0 000 2zm0-10a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zm11.28.78a.75.75 0 00-1.06-1.06l-3.47 3.47-1.47-1.47a.75.75 0 10-1.06 1.06l2 2a.75.75 0 001.06 0l4-4z"></path>'}}})))}function oo(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"></path>'},24:{width:24,path:'<path d="M12 7a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zm1 9a1 1 0 11-2 0 1 1 0 012 0z"></path><path fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path>'}}})))}function ao(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zM6.92 6.085c.081-.16.19-.299.34-.398.145-.097.371-.187.74-.187.28 0 .553.087.738.225A.613.613 0 019 6.25c0 .177-.04.264-.077.318a.956.956 0 01-.277.245c-.076.051-.158.1-.258.161l-.007.004a7.728 7.728 0 00-.313.195 2.416 2.416 0 00-.692.661.75.75 0 001.248.832.956.956 0 01.276-.245 6.3 6.3 0 01.26-.16l.006-.004c.093-.057.204-.123.313-.195.222-.149.487-.355.692-.662.214-.32.329-.702.329-1.15 0-.76-.36-1.348-.863-1.725A2.76 2.76 0 008 4c-.631 0-1.155.16-1.572.438-.413.276-.68.638-.849.977a.75.75 0 101.342.67z"></path>'},24:{width:24,path:'<path d="M10.97 8.265a1.45 1.45 0 00-.487.57.75.75 0 01-1.341-.67c.2-.402.513-.826.997-1.148C10.627 6.69 11.244 6.5 12 6.5c.658 0 1.369.195 1.934.619a2.45 2.45 0 011.004 2.006c0 1.033-.513 1.72-1.027 2.215-.19.183-.399.358-.579.508l-.147.123a4.329 4.329 0 00-.435.409v1.37a.75.75 0 11-1.5 0v-1.473c0-.237.067-.504.247-.736.22-.28.486-.517.718-.714l.183-.153.001-.001c.172-.143.324-.27.47-.412.368-.355.569-.676.569-1.136a.953.953 0 00-.404-.806C12.766 8.118 12.384 8 12 8c-.494 0-.814.121-1.03.265zM13 17a1 1 0 11-2 0 1 1 0 012 0z"></path><path fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path>'}}})))}function no(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path d="M4.427 7.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 7H4.604a.25.25 0 00-.177.427z"></path>'},24:{width:24,path:'<path d="M11.646 15.146L5.854 9.354a.5.5 0 01.353-.854h11.586a.5.5 0 01.353.854l-5.793 5.792a.5.5 0 01-.707 0z"></path>'}}})))}function io(e){return n.default.createElement("svg",Jr(Zr({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z"></path>'}}})))}Qr.defaultProps={className:"octicon octicon-check",size:16,verticalAlign:"text-bottom"},eo.defaultProps={className:"octicon octicon-git-merge",size:16,verticalAlign:"text-bottom"},to.defaultProps={className:"octicon octicon-git-pull-request",size:16,verticalAlign:"text-bottom"},ro.defaultProps={className:"octicon octicon-issue-closed",size:16,verticalAlign:"text-bottom"},oo.defaultProps={className:"octicon octicon-issue-opened",size:16,verticalAlign:"text-bottom"},ao.defaultProps={className:"octicon octicon-question",size:16,verticalAlign:"text-bottom"},no.defaultProps={className:"octicon octicon-triangle-down",size:16,verticalAlign:"text-bottom"},io.defaultProps={className:"octicon octicon-x",size:16,verticalAlign:"text-bottom"};const lo=d.default.button`
|
|
242
250
|
border: none;
|
|
243
251
|
padding: 0;
|
|
244
252
|
background: transparent;
|
|
@@ -254,11 +262,13 @@
|
|
|
254
262
|
&:hover {
|
|
255
263
|
color: ${vt("colors.accent.fg")};
|
|
256
264
|
}
|
|
265
|
+
${yt};
|
|
266
|
+
${$t};
|
|
257
267
|
${Xt};
|
|
258
|
-
`;var
|
|
268
|
+
`;var co=t.forwardRef(((e,t)=>n.default.createElement(lo,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(io,null))));const so={"outside-top":["outside-bottom","outside-right","outside-left","outside-bottom"],"outside-bottom":["outside-top","outside-right","outside-left","outside-bottom"],"outside-left":["outside-right","outside-bottom","outside-top","outside-bottom"],"outside-right":["outside-left","outside-bottom","outside-top","outside-bottom"]};function fo(e,t,r={}){const o=function(e){let t=e.parentNode;for(;null!==t;){if(t instanceof HTMLElement&&"static"!==getComputedStyle(t).position)return t;t=t.parentNode}return document.body}(e),a=function(e){let t=e;for(;null!==t&&t!==document.body;){if("visible"!==getComputedStyle(t).overflow)break;t=t.parentNode}const r=t!==document.body&&t instanceof HTMLElement?t:document.body,o=r.getBoundingClientRect(),a=getComputedStyle(r),[n,d,i,l]=[a.borderTopWidth,a.borderLeftWidth,a.borderRightWidth,a.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:o.top+n,left:o.left+d,width:o.width-i-d,height:Math.max(o.height-n-l,r===document.body?window.innerHeight:-1/0)}}(o),n=getComputedStyle(o),d=o.getBoundingClientRect(),[i,l]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,o,{side:a,align:n,allowOutOfBounds:d,anchorOffset:i,alignmentOffset:l}){const c={top:e.top-t.top,left:e.left-t.left,width:e.width,height:e.height};let s=ho(r,o,a,n,i,l),f=a;if(s.top-=t.top,s.left-=t.left,!d){const d=so[a];let b=0;if(d){let e=a;for(;b<d.length&&xo(e,s,c,r);){const a=d[b++];e=a,s=ho(r,o,a,n,i,l),s.top-=t.top,s.left-=t.left,f=a}}s.top<c.top&&(s.top=c.top),s.left<c.left&&(s.left=c.left),s.left+r.width>e.width+c.left&&(s.left=e.width+c.left-r.width),d&&b<d.length&&s.top+r.height>e.height+c.top&&(s.top=e.height+c.top-r.height)}return{...s,anchorSide:f}}(a,{top:d.top+i,left:d.left+l},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,o,a,n;const d=null!==(t=e.side)&&void 0!==t?t:bo,i=null!==(r=e.align)&&void 0!==r?r:go;return{side:d,align:i,anchorOffset:null!==(o=e.anchorOffset)&&void 0!==o?o:"inside-center"===d?0:uo,alignmentOffset:null!==(a=e.alignmentOffset)&&void 0!==a?a:"center"!==i&&d.startsWith("inside")?po:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:mo}}(r))}const bo="outside-bottom",go="start",uo=4,po=4,mo=!1;function ho(e,t,r,o,a,n){const d=t.left+t.width,i=t.top+t.height;let l=-1,c=-1;return"outside-top"===r?l=t.top-a-e.height:"outside-bottom"===r?l=i+a:"outside-left"===r?c=t.left-a-e.width:"outside-right"===r&&(c=d+a),"outside-top"!==r&&"outside-bottom"!==r||(c="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:d-e.width-n),"outside-left"!==r&&"outside-right"!==r||(l="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:i-e.height-n),"inside-top"===r?l=t.top+a:"inside-bottom"===r?l=i-a-e.height:"inside-left"===r?c=t.left+a:"inside-right"===r?c=d-a-e.width:"inside-center"===r&&(c=(d+t.left)/2-e.width/2+a),"inside-top"===r||"inside-bottom"===r?c="start"===o?t.left+n:"center"===o?t.left-(e.width-t.width)/2+n:d-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(l="start"===o?t.top+n:"center"===o?t.top-(e.height-t.height)/2+n:i-e.height-n),{top:l,left:c}}function xo(e,t,r,o){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+o.height>r.height+r.top:t.left<r.left||t.left+o.width>r.width+r.left}function vo(e,t=[]){const r=yr(null==e?void 0:e.floatingElementRef),o=yr(null==e?void 0:e.anchorElementRef),[a,d]=n.default.useState(void 0),i=n.default.useCallback((()=>{r.current instanceof Element&&o.current instanceof Element?d(fo(r.current,o.current,e)):d(void 0)}),[r,o,...t]);var l;return n.default.useLayoutEffect(i,[i]),l=i,n.default.useLayoutEffect((()=>{const e=new window.ResizeObserver((()=>l()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[l]),{floatingElementRef:r,anchorElementRef:o,position:a}}Sr();const yo=[];let wo;function Bo(e,t=!1){return gr(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function $o(e,t,r){const o=new AbortController,a=null!=r?r:o.signal;let n;function d(r){if(r instanceof HTMLElement&&document.contains(e)){if(e.contains(r))return void(n=r);if(n&&pr(n)&&e.contains(n))return void n.focus();if(t&&e.contains(t))return void t.focus();{const t=null===e.getAttribute("tabindex");return t&&e.setAttribute("tabindex","-1"),e.focus(),void(t&&e.addEventListener("blur",(()=>e.removeAttribute("tabindex")),{once:!0}))}}}e.setAttribute("data-focus-trap","active");const i=function(e){const t=new AbortController;return e.addEventListener("abort",(()=>{t.abort()})),t}(a);if(e.addEventListener("keydown",(t=>{if("Tab"!==t.key||t.defaultPrevented)return;const{target:r}=t,o=Bo(e),a=Bo(e,!0);r===o&&t.shiftKey?(t.preventDefault(),null==a||a.focus()):r!==a||t.shiftKey||(t.preventDefault(),null==o||o.focus())}),{signal:i.signal}),wo){const e=wo;wo.container.setAttribute("data-focus-trap","suspended"),wo.controller.abort(),yo.push(e)}i.signal.addEventListener("abort",(()=>{wo=void 0})),a.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=yo.findIndex((t=>t.container===e));t>=0&&yo.splice(t,1),function(){const e=yo.pop();e&&$o(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{d(e.target)}),{signal:i.signal,capture:!0}),d(document.activeElement),wo={container:e,controller:i,initialFocus:t,originalSignal:a};const l=yo.findIndex((t=>t.container===e));if(l>=0&&yo.splice(l,1),!r)return o}function ko(e,t=[]){const r=yr(null==e?void 0:e.containerRef),o=yr(null==e?void 0:e.initialFocusRef),a=null==e?void 0:e.disabled,d=n.default.useRef(),i=n.default.useRef(null);function l(){var t;null===(t=d.current)||void 0===t||t.abort(),null!=e&&e.restoreFocusOnCleanUp&&i.current instanceof HTMLElement&&(i.current.focus(),i.current=null)}return i.current||null!=e&&e.disabled||(i.current=document.activeElement),n.default.useEffect((()=>{if(r.current instanceof HTMLElement){var e;if(!a)return d.current=$o(r.current,null!==(e=o.current)&&void 0!==e?e:void 0),()=>{l()};l()}}),[r,o,a,...t]),{containerRef:r,initialFocusRef:o}}function So({icon:e,...t}){return n.default.createElement(e,t)}So.displayName="Octicon";const To=d.default(So)`
|
|
259
269
|
${yt}
|
|
260
270
|
${Xt}
|
|
261
|
-
`;
|
|
271
|
+
`;To.defaultProps={size:16};var Eo=To;function Co(e={},r=[]){const o=yr(e.containerRef),a=!!e.activeDescendantFocus,d=yr("boolean"!=typeof e.activeDescendantFocus&&e.activeDescendantFocus?e.activeDescendantFocus:void 0),i=e.disabled,l=n.default.useRef();return t.useEffect((()=>{if(o.current instanceof HTMLElement&&(!a||d.current instanceof HTMLElement)){if(!i){var t;const r={...e,activeDescendantControl:null!==(t=d.current)&&void 0!==t?t:void 0};return l.current=Or(o.current,r),()=>{var e;null===(e=l.current)||void 0===e||e.abort()}}var r;null===(r=l.current)||void 0===r||r.abort()}}),[i,...r]),{containerRef:o,activeDescendantControlRef:d}}const Io="__primerPortalRoot__",Ao="__default__",No={};function Ro(){const e=No.__default__;if(!e||!document.body.contains(e)){let e=document.getElementById(Io);if(!(e instanceof Element)){e=document.createElement("div"),e.setAttribute("id",Io),e.style.position="absolute",e.style.top="0",e.style.left="0";const t=document.querySelector("[data-portal-root]");t?t.appendChild(e):document.body.appendChild(e)}!function(e,t="__default__"){No[t]=e}(e)}}var zo=({children:e,onMount:t,containerName:r})=>{const a=document.createElement("div");a.style.position="relative",a.style.zIndex="1";const d=n.default.useRef(a);return n.default.useLayoutEffect((()=>{let e=r;void 0===e&&(e=Ao,Ro());const o=No[e];if(!o)throw new Error(`Portal container '${r}' is not yet registered. Container must be registered with registerPortal before use.`);const a=d.current;return o.appendChild(a),null==t||t(),()=>{o.removeChild(a)}}),[d]),o.createPortal(e,d.current)};function Lo(...e){const r=t.useRef(null);return n.default.useLayoutEffect((()=>{function t(t=null){for(const r of e){if(!r)return;"function"==typeof r?r(t):r.current=t}}return t(r.current),()=>{t(r.current)}}),[...e,r.current]),r}const Ho={prefix:String(Math.round(1e10*Math.random())),current:0},Oo=n.default.createContext(Ho);let Mo=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Po(e){let r=t.useContext(Oo);return r!==Ho||Mo||console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),t.useMemo((()=>e||"react-aria"+r.prefix+"-"+ ++r.current),[e])}const Do="200ms",Fo=d.default("div")`
|
|
262
272
|
position: fixed;
|
|
263
273
|
top: 0;
|
|
264
274
|
left: 0;
|
|
@@ -268,7 +278,7 @@
|
|
|
268
278
|
align-items: center;
|
|
269
279
|
justify-content: center;
|
|
270
280
|
background-color: rgba(0, 0, 0, 0.4);
|
|
271
|
-
animation: dialog-backdrop-appear ${
|
|
281
|
+
animation: dialog-backdrop-appear ${Do} ${vt("animation.easeOutCubic")};
|
|
272
282
|
|
|
273
283
|
@keyframes dialog-backdrop-appear {
|
|
274
284
|
0% {
|
|
@@ -278,7 +288,7 @@
|
|
|
278
288
|
opacity: 1;
|
|
279
289
|
}
|
|
280
290
|
}
|
|
281
|
-
`,
|
|
291
|
+
`,Wo={small:"480px",large:"640px",auto:"auto"},jo={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},Uo=d.default.div`
|
|
282
292
|
display: flex;
|
|
283
293
|
flex-direction: column;
|
|
284
294
|
background-color: ${vt("colors.canvas.overlay")};
|
|
@@ -286,11 +296,11 @@
|
|
|
286
296
|
min-width: 296px;
|
|
287
297
|
max-width: calc(100vw - 64px);
|
|
288
298
|
max-height: calc(100vh - 64px);
|
|
289
|
-
width: ${e=>{var t;return
|
|
290
|
-
height: ${e=>{var t;return
|
|
299
|
+
width: ${e=>{var t;return jo[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
|
300
|
+
height: ${e=>{var t;return Wo[null!==(t=e.height)&&void 0!==t?t:"auto"]}};
|
|
291
301
|
border-radius: 12px;
|
|
292
302
|
opacity: 1;
|
|
293
|
-
animation: overlay--dialog-appear ${
|
|
303
|
+
animation: overlay--dialog-appear ${Do} ${vt("animation.easeOutCubic")};
|
|
294
304
|
|
|
295
305
|
@keyframes overlay--dialog-appear {
|
|
296
306
|
0% {
|
|
@@ -306,23 +316,23 @@
|
|
|
306
316
|
${yt};
|
|
307
317
|
${kt};
|
|
308
318
|
${Xt};
|
|
309
|
-
`,
|
|
319
|
+
`,Go=({dialogLabelId:e,title:r,subtitle:o,dialogDescriptionId:a,onClose:d})=>{const i=t.useCallback((()=>{d("close-button")}),[d]);return n.default.createElement(ra.Header,null,n.default.createElement(Vt,{display:"flex"},n.default.createElement(Vt,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},n.default.createElement(ra.Title,{id:e},null!=r?r:"Dialog"),o&&n.default.createElement(ra.Subtitle,{id:a},o)),n.default.createElement(ra.CloseButton,{onClose:i})))};Go.displayName="DefaultHeader";const _o=({children:e})=>n.default.createElement(ra.Body,null,e);_o.displayName="DefaultBody";const Ko=({footerButtons:e})=>{const{containerRef:t}=Co({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return e?n.default.createElement(ra.Footer,{ref:t},n.default.createElement(ra.Buttons,{buttons:e})):null},Xo=n.default.forwardRef(((e,r)=>{const{title:o="Dialog",subtitle:a="",renderHeader:d,renderBody:i,renderFooter:l,onClose:c,role:s="dialog",width:f="xlarge",height:b="auto",footerButtons:g=[]}=e,u=Po(),p=Po(),m=t.useRef(null);for(const e of g)e.autoFocus&&(e.ref=m);const h={...e,title:o,subtitle:a,role:s,dialogLabelId:u,dialogDescriptionId:p},x=t.useRef(null),v=Lo(x,r),y=t.useRef(null);ko({containerRef:x,restoreFocusOnCleanUp:!0,initialFocusRef:m}),vr((e=>{c("escape"),e.preventDefault()}),[c]);const w=(null!=d?d:Go)(h),B=(null!=i?i:_o)(h),$=(null!=l?l:Ko)(h);return n.default.createElement(n.default.Fragment,null,n.default.createElement(zo,null,n.default.createElement(Fo,{ref:y},n.default.createElement(Uo,{width:f,height:b,ref:v,role:s,"aria-labelledby":u,"aria-describedby":p},w,B,$))))}));Xo.displayName="Dialog";const Vo=d.default(Vt).attrs({as:"header"})`
|
|
310
320
|
box-shadow: 0 1px 0 ${vt("colors.border.default")};
|
|
311
321
|
padding: ${vt("space.2")};
|
|
312
322
|
z-index: 1;
|
|
313
323
|
flex-shrink: 0;
|
|
314
|
-
`,
|
|
324
|
+
`,Yo=d.default(Vt)`
|
|
315
325
|
font-size: ${vt("fontSizes.1")};
|
|
316
326
|
font-weight: ${vt("fontWeights.bold")};
|
|
317
|
-
`,
|
|
327
|
+
`,qo=d.default(Vt)`
|
|
318
328
|
font-size: ${vt("fontSizes.0")};
|
|
319
329
|
margin-top: ${vt("space.1")};
|
|
320
330
|
color: ${vt("colors.fg.muted")};
|
|
321
|
-
`,
|
|
331
|
+
`,Jo=d.default(Vt)`
|
|
322
332
|
flex-grow: 1;
|
|
323
333
|
overflow: auto;
|
|
324
334
|
padding: ${vt("space.3")};
|
|
325
|
-
`,
|
|
335
|
+
`,Zo=d.default(Vt).attrs({as:"footer"})`
|
|
326
336
|
box-shadow: 0 -1px 0 ${vt("colors.border.default")};
|
|
327
337
|
padding: ${vt("space.3")};
|
|
328
338
|
display: flex;
|
|
@@ -337,7 +347,7 @@
|
|
|
337
347
|
margin-left: 0;
|
|
338
348
|
}
|
|
339
349
|
}
|
|
340
|
-
`,
|
|
350
|
+
`,Qo={normal:jr,primary:Xr,danger:Ur},ea=d.default(jr)`
|
|
341
351
|
border-radius: 4px;
|
|
342
352
|
background: transparent;
|
|
343
353
|
border: 0;
|
|
@@ -347,21 +357,21 @@
|
|
|
347
357
|
align-self: flex-start;
|
|
348
358
|
line-height: normal;
|
|
349
359
|
box-shadow: none;
|
|
350
|
-
`,
|
|
360
|
+
`,ta=({onClose:e})=>n.default.createElement(ea,{"aria-label":"Close",onClick:e},n.default.createElement(Eo,{icon:io}));ta.displayName="CloseButton";const ra=Object.assign(Xo,{Header:Vo,Title:Yo,Subtitle:qo,Body:Jo,Footer:Zo,Buttons:({buttons:e})=>{var r;const o=yr(null===(r=e.find((e=>e.autoFocus)))||void 0===r?void 0:r.ref);let a=0;const[d,i]=t.useState(0);return t.useEffect((()=>{var e;1===d?null===(e=o.current)||void 0===e||e.focus():i(d+1)}),[o,d]),n.default.createElement(n.default.Fragment,null,e.map(((e,t)=>{const{content:r,buttonType:d="normal",autoFocus:i=!1,...l}=e,c=Qo[d];return n.default.createElement(c,Tt({key:t},l,{ref:i&&0===a?(a++,o):null}),r)})))},CloseButton:ta}),oa=d.default.header`
|
|
351
361
|
padding: ${vt("space.2")};
|
|
352
362
|
display: flex;
|
|
353
363
|
flex-direction: row;
|
|
354
|
-
`,
|
|
364
|
+
`,aa=d.default(Vt)`
|
|
355
365
|
font-size: ${vt("fontSizes.3")};
|
|
356
366
|
font-weight: ${vt("fontWeights.bold")};
|
|
357
367
|
padding: 6px ${vt("space.2")};
|
|
358
368
|
flex-grow: 1;
|
|
359
|
-
`,
|
|
369
|
+
`,na=({title:e,onClose:r,dialogLabelId:o})=>{const a=t.useCallback((()=>{r("close-button")}),[r]);return n.default.createElement(oa,null,n.default.createElement(aa,{id:o},e),n.default.createElement(ra.CloseButton,{onClose:a}))};na.displayName="ConfirmationHeader";const da=d.default(Vt)`
|
|
360
370
|
font-size: ${vt("fontSizes.1")};
|
|
361
371
|
padding: 0 ${vt("space.3")} ${vt("space.3")} ${vt("space.3")};
|
|
362
372
|
color: ${vt("colors.fg.muted")};
|
|
363
373
|
flex-grow: 1;
|
|
364
|
-
`,
|
|
374
|
+
`,ia=({children:e})=>n.default.createElement(da,null,e);ia.displayName="ConfirmationBody";const la=d.default(Vt)`
|
|
365
375
|
display: grid;
|
|
366
376
|
grid-auto-flow: column;
|
|
367
377
|
grid-auto-columns: max-content;
|
|
@@ -369,7 +379,7 @@
|
|
|
369
379
|
align-items: end;
|
|
370
380
|
justify-content: end;
|
|
371
381
|
padding: ${vt("space.1")} ${vt("space.3")} ${vt("space.3")};
|
|
372
|
-
`,
|
|
382
|
+
`,ca=({footerButtons:e})=>{const{containerRef:t}=Co({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return n.default.createElement(la,{ref:t},n.default.createElement(ra.Buttons,{buttons:null!=e?e:[]}))};ca.displayName="ConfirmationFooter";const sa=e=>{const{onClose:r,title:o,cancelButtonContent:a="Cancel",confirmButtonContent:d="OK",confirmButtonType:i="normal",children:l}=e,c=[{content:a,onClick:t.useCallback((()=>{r("cancel")}),[r])},{content:d,buttonType:i,onClick:t.useCallback((()=>{r("confirm")}),[r]),autoFocus:!0}];return n.default.createElement(ra,{onClose:r,title:o,footerButtons:c,role:"alertdialog",width:"medium",renderHeader:na,renderBody:ia,renderFooter:ca},l)};sa.displayName="ConfirmationDialog";const fa=d.default.div`
|
|
373
383
|
{
|
|
374
384
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
375
385
|
*
|
|
@@ -385,9 +395,9 @@
|
|
|
385
395
|
${({variant:e})=>"filled"===e&&r.css(["background:",";margin:"," 0;border-top:1px solid ",";border-bottom:1px solid ",";&:first-child{margin-top:0;}"],vt("colors.canvas.subtle"),vt("space.2"),vt("colors.neutral.muted"),vt("colors.neutral.muted"))}
|
|
386
396
|
|
|
387
397
|
${Xt}
|
|
388
|
-
`;function
|
|
398
|
+
`;function ba({variant:e="subtle",title:t,auxiliaryText:r,children:o,...a}){return n.default.createElement(fa,Tt({role:"heading",variant:e},a),t,r&&n.default.createElement("span",null,"auxiliaryText"))}ba.displayName="Header";const ga=d.default.div`
|
|
389
399
|
${Xt}
|
|
390
|
-
`;function
|
|
400
|
+
`;function ua({header:e,items:t,...r}){return n.default.createElement(ga,r,e&&n.default.createElement(ba,e),t)}ua.displayName="Group";const pa=d.default.div`
|
|
391
401
|
${wt}
|
|
392
402
|
${yt}
|
|
393
403
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
|
@@ -398,25 +408,25 @@
|
|
|
398
408
|
${se}
|
|
399
409
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
|
400
410
|
${Xt};
|
|
401
|
-
`;
|
|
411
|
+
`;pa.defaultProps={expandable:!1,inline:!1,maxWidth:125};var ma=pa;const ha=d.default.div`
|
|
402
412
|
height: 1px;
|
|
403
413
|
background: ${vt("colors.border.muted")};
|
|
404
414
|
margin-top: calc(${vt("space.2")} - 1px);
|
|
405
415
|
margin-bottom: ${vt("space.2")};
|
|
406
|
-
`;function
|
|
416
|
+
`;function xa(){return n.default.createElement(ha,null)}xa.displayName="Divider",xa.renderItem=xa;const va={default:{hover:{light:"rgba(46, 77, 108, 0.06)",dark:"rgba(201, 206, 212, 0.12)",dark_dimmed:"rgba(201, 206, 212, 0.12)"},focus:{light:"rgba(54, 77, 100, 0.16)",dark:"rgba(201, 206, 212, 0.24)",dark_dimmed:"rgba(201, 206, 212, 0.24)"}},danger:{hover:{light:"rgba(234, 74, 90, 0.08)",dark:"rgba(248, 81, 73, 0.16)",dark_dimmed:"rgba(248, 81, 73, 0.16)"},focus:{light:"rgba(234, 74, 90, 0.14)",dark:"rgba(248, 81, 73, 0.24)",dark_dimmed:"rgba(248, 81, 73, 0.24)"}}},ya=(e="default",t)=>{if(t)return{color:vt("colors.fg.muted"),iconColor:vt("colors.fg.muted"),annotationColor:vt("colors.fg.muted"),hoverCursor:"default"};switch(e){case"danger":return{color:vt("colors.danger.fg"),iconColor:vt("colors.danger.fg"),annotationColor:vt("colors.fg.muted"),hoverCursor:"pointer"};default:return{color:vt("colors.fg.default"),iconColor:vt("colors.fg.muted"),annotationColor:vt("colors.fg.muted"),hoverCursor:"pointer"}}},wa=d.default.div`
|
|
407
417
|
display: flex;
|
|
408
418
|
min-width: 0;
|
|
409
419
|
|
|
410
420
|
/* Required for dividers */
|
|
411
421
|
position: relative;
|
|
412
422
|
flex-grow: 1;
|
|
413
|
-
`,
|
|
423
|
+
`,Ba=d.default.div`
|
|
414
424
|
align-items: baseline;
|
|
415
425
|
display: flex;
|
|
416
426
|
min-width: 0;
|
|
417
427
|
flex-direction: var(--main-content-flex-direction);
|
|
418
428
|
flex-grow: 1;
|
|
419
|
-
|
|
429
|
+
`,$a=d.default.div`
|
|
420
430
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
421
431
|
*
|
|
422
432
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -425,7 +435,7 @@
|
|
|
425
435
|
padding: 6px ${vt("space.2")};
|
|
426
436
|
display: flex;
|
|
427
437
|
border-radius: ${vt("radii.2")};
|
|
428
|
-
color: ${({variant:e,item:t})=>
|
|
438
|
+
color: ${({variant:e,item:t})=>ya(e,null==t?void 0:t.disabled).color};
|
|
429
439
|
// 2 frames on a 60hz monitor
|
|
430
440
|
transition: background 33.333ms linear;
|
|
431
441
|
|
|
@@ -433,15 +443,15 @@
|
|
|
433
443
|
:hover {
|
|
434
444
|
// allow override in case another item in the list is active/focused
|
|
435
445
|
background: var(--item-hover-bg-override, ${({hoverBackground:e})=>e});
|
|
436
|
-
cursor: ${({variant:e,item:t})=>
|
|
446
|
+
cursor: ${({variant:e,item:t})=>ya(e,null==t?void 0:t.disabled).hoverCursor};
|
|
437
447
|
}
|
|
438
448
|
}
|
|
439
449
|
|
|
440
450
|
// Item dividers
|
|
441
|
-
:not(:first-of-type):not(${
|
|
451
|
+
:not(:first-of-type):not(${ha} + &):not(${fa} + &) {
|
|
442
452
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
|
443
453
|
|
|
444
|
-
${
|
|
454
|
+
${wa}::before {
|
|
445
455
|
content: ' ';
|
|
446
456
|
display: block;
|
|
447
457
|
position: absolute;
|
|
@@ -455,23 +465,23 @@
|
|
|
455
465
|
|
|
456
466
|
// Item dividers should not be visible:
|
|
457
467
|
// - above Hovered
|
|
458
|
-
&:hover ${
|
|
468
|
+
&:hover ${wa}::before,
|
|
459
469
|
// - below Hovered
|
|
460
470
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
461
|
-
:hover + * ${
|
|
471
|
+
:hover + * ${wa}::before {
|
|
462
472
|
// allow override in case another item in the list is active/focused
|
|
463
473
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
|
464
474
|
}
|
|
465
475
|
|
|
466
476
|
// - above Focused
|
|
467
|
-
&:focus ${
|
|
477
|
+
&:focus ${wa}::before,
|
|
468
478
|
// - below Focused
|
|
469
479
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
470
|
-
:focus + * ${
|
|
480
|
+
:focus + * ${wa}::before,
|
|
471
481
|
// - above Active Descendent
|
|
472
|
-
&[${Rr}] ${
|
|
482
|
+
&[${Rr}] ${wa}::before,
|
|
473
483
|
// - below Active Descendent
|
|
474
|
-
[${Rr}] + & ${
|
|
484
|
+
[${Rr}] + & ${wa}::before {
|
|
475
485
|
// '!important' because all the ':not's above give higher specificity
|
|
476
486
|
border-color: transparent !important;
|
|
477
487
|
}
|
|
@@ -494,32 +504,32 @@
|
|
|
494
504
|
}
|
|
495
505
|
|
|
496
506
|
${Xt}
|
|
497
|
-
|
|
507
|
+
`,ka=d.default.span``,Sa=d.default.div`
|
|
498
508
|
// Match visual height to adjacent text line height.
|
|
499
509
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
500
510
|
// hardcoded '20px' with '${vt("space.s20")}'.
|
|
501
511
|
height: 20px;
|
|
502
512
|
width: ${vt("space.3")};
|
|
503
513
|
margin-right: ${vt("space.2")};
|
|
504
|
-
`,
|
|
514
|
+
`,Ta=d.default(Sa)`
|
|
505
515
|
svg {
|
|
506
|
-
fill: ${({variant:e,disabled:t})=>
|
|
516
|
+
fill: ${({variant:e,disabled:t})=>ya(e,t).iconColor};
|
|
507
517
|
font-size: ${vt("fontSizes.0")};
|
|
508
518
|
}
|
|
509
|
-
`,
|
|
519
|
+
`,Ea=d.default(Ta)`
|
|
510
520
|
flex-shrink: 0;
|
|
511
521
|
display: flex;
|
|
512
522
|
flex-direction: column;
|
|
513
523
|
justify-content: center;
|
|
514
|
-
`,
|
|
515
|
-
color: ${({variant:e,disabled:t})=>
|
|
524
|
+
`,Ca=d.default(Ta)`
|
|
525
|
+
color: ${({variant:e,disabled:t})=>ya(e,t).annotationColor}};
|
|
516
526
|
margin-left: ${vt("space.2")};
|
|
517
527
|
margin-right: 0;
|
|
518
528
|
width: auto;
|
|
519
529
|
div:nth-child(2) {
|
|
520
530
|
margin-left: ${vt("space.2")};
|
|
521
531
|
}
|
|
522
|
-
`,
|
|
532
|
+
`,Ia=d.default.span`
|
|
523
533
|
color: ${vt("colors.fg.muted")};
|
|
524
534
|
font-size: ${vt("fontSizes.0")};
|
|
525
535
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -529,9 +539,9 @@
|
|
|
529
539
|
min-width: 0;
|
|
530
540
|
flex-grow: 1;
|
|
531
541
|
flex-basis: var(--description-container-flex-basis);
|
|
532
|
-
`,
|
|
542
|
+
`,Aa=d.default.input`
|
|
533
543
|
pointer-events: none;
|
|
534
|
-
`;function
|
|
544
|
+
`;function Na(e){const{text:r,description:o,descriptionVariant:a="inline",selected:d,selectionVariant:i,leadingVisual:l,trailingIcon:c,trailingText:s,variant:f="default",showDivider:b,disabled:g,onAction:u,onKeyPress:p,children:m,onClick:h,id:x,...v}=e,y=Po(),w=Po(),B=t.useCallback((t=>{if(g)return;null==p||p(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==u||u(e,t))}),[u,g,e,p]),$=t.useCallback((t=>{g||(null==h||h(t),t.defaultPrevented||null==u||u(e,t))}),[u,g,e,h]),k=va[f],S=Gt(k.hover,"inherit"),T=Gt(k.focus,"inherit"),{theme:E}=Ut();return n.default.createElement($a,Tt({tabIndex:g?void 0:-1,variant:f,showDivider:b,"aria-selected":d,"aria-labelledby":r?y:void 0,"aria-describedby":o?w:void 0},v,{"data-id":x,onKeyPress:B,onClick:$,hoverBackground:g?"inherit":S,focusBackground:g?"inherit":T}),!!d===d&&n.default.createElement(Sa,null,"multiple"===i?n.default.createElement(n.default.Fragment,null,n.default.createElement(Aa,{disabled:g,tabIndex:-1,type:"checkbox",checked:d,"aria-label":r,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(Qr,{fill:null==E?void 0:E.colors.text.primary})),l&&n.default.createElement(Ea,{variant:f,disabled:g},n.default.createElement(l,null)),n.default.createElement(wa,null,n.default.createElement(Ba,{style:{"--main-content-flex-direction":"inline"===a?"row":"column"}},m,r?n.default.createElement(ka,{id:y},r):null,o?n.default.createElement(Ia,{id:w,style:{"--description-container-margin-left":"inline"===a?vt("space.2")(E):0,"--description-container-flex-basis":"inline"===a?0:"auto"}},"block"===a?o:n.default.createElement(ma,{title:o,inline:!0,maxWidth:"100%"},o)):null),c||s?n.default.createElement(Ca,{variant:f,disabled:g},s,c&&n.default.createElement(c,null)):null))}Na.displayName="Item";const Ra=d.default.div`
|
|
535
545
|
font-size: ${vt("fontSizes.1")};
|
|
536
546
|
/* 14px font-size * 1.428571429 = 20px line height
|
|
537
547
|
*
|
|
@@ -544,15 +554,15 @@
|
|
|
544
554
|
--item-hover-bg-override: none;
|
|
545
555
|
--item-hover-divider-border-color-override: ${vt("colors.border.muted")};
|
|
546
556
|
}
|
|
547
|
-
`;const
|
|
557
|
+
`;const za=n.default.forwardRef(((e,t)=>{const{firstGroupStyle:r,lastGroupStyle:o,headerStyle:a,itemStyle:d}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:vt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:vt("space.2")},lastGroupStyle:{marginBottom:vt("space.2")},itemStyle:{marginX:vt("space.2")}}}}(e.variant),i=(t,r,o)=>{var a,i,l;const c="renderItem"in t&&t.renderItem||e.renderItem||Na,s=null!==(a=null!==(i=t.key)&&void 0!==i?i:null===(l=t.id)||void 0===l?void 0:l.toString())&&void 0!==a?a:o.toString();return n.default.createElement(c,Tt({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},t,{key:s,sx:{...d,...t.sx},item:r}))};let l=[];if(function(e){return"groupMetadata"in e}(e)){const t=e.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of e.items){var c,s,f;const e=t.get(r.groupId),o=null!==(c=null==e||null===(s=e.items)||void 0===s?void 0:s.length)&&void 0!==c?c:0;t.set(r.groupId,{...e,items:[...null!==(f=null==e?void 0:e.items)&&void 0!==f?f:[],i({showDivider:null==e?void 0:e.showItemDividers,...e&&"renderItem"in e&&{renderItem:e.renderItem},...r},r,o)]})}l=[...t.values()]}else l=[{items:e.items.map(((e,t)=>i(e,e,t))),groupId:"0"}];return n.default.createElement(Ra,Tt({},e,{ref:t}),l.map((({header:t,...d},i)=>{const c="filled"===(null==t?void 0:t.variant),s=i>0&&!c;return n.default.createElement(n.default.Fragment,{key:d.groupId},s?n.default.createElement(xa,{key:`${d.groupId}-divider`}):null,(t=>{var r;const o=(null!==(r="renderGroup"in t&&t.renderGroup)&&void 0!==r?r:e.renderGroup)||ua;return n.default.createElement(o,Tt({},t,{key:t.groupId}))})({sx:{...0===i&&r,...i===l.length-1&&o,...i>0&&!s&&{mt:2}},...t&&{header:{...t,sx:{...a,...t.sx}}},...d}))})))}));za.displayName="ActionList";const La=Object.assign(za,{Group:ua,Item:Na,Divider:xa}),Ha={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Oa={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Ma=d.default.div`
|
|
548
558
|
background-color: ${vt("colors.canvas.overlay")};
|
|
549
559
|
box-shadow: ${vt("shadows.overlay.shadow")};
|
|
550
560
|
position: absolute;
|
|
551
561
|
min-width: 192px;
|
|
552
562
|
max-width: 640px;
|
|
553
|
-
height: ${e=>
|
|
554
|
-
max-height: ${e=>e.maxHeight&&
|
|
555
|
-
width: ${e=>
|
|
563
|
+
height: ${e=>Ha[e.height||"auto"]};
|
|
564
|
+
max-height: ${e=>e.maxHeight&&Ha[e.maxHeight]};
|
|
565
|
+
width: ${e=>Oa[e.width||"auto"]};
|
|
556
566
|
border-radius: 12px;
|
|
557
567
|
overflow: hidden;
|
|
558
568
|
animation: overlay-appear ${200}ms ${vt("animation.easeOutCubic")};
|
|
@@ -571,7 +581,7 @@
|
|
|
571
581
|
}
|
|
572
582
|
${yt};
|
|
573
583
|
${Xt};
|
|
574
|
-
`,
|
|
584
|
+
`,Pa=n.default.forwardRef((({onClickOutside:e,role:r="none",initialFocusRef:o,returnFocusRef:a,ignoreClickRefs:d,onEscape:i,visibility:l="visible",height:c,top:s,left:f,anchorSide:b,portalContainerName:g,...u},p)=>{const m=t.useRef(null),h=Lo(m,p),{theme:x}=Ut(),v=parseInt(vt("space.2")(x).replace("px","")),y=vt("animation.easeOutCubic")(x);return wr({overlayRef:m,returnFocusRef:a,onEscape:i,ignoreClickRefs:d,onClickOutside:e,initialFocusRef:o}),t.useEffect((()=>{var e;"initial"===c&&null!==(e=h.current)&&void 0!==e&&e.clientHeight&&(h.current.style.height=`${h.current.clientHeight}px`)}),[c,h]),t.useLayoutEffect((()=>{var e;const{x:t,y:r}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(b);(t||r)&&null!==(e=m.current)&&void 0!==e&&e.animate&&"hidden"!==l&&m.current.animate({transform:[`translate(${v*t}px, ${v*r}px)`,"translate(0, 0)"]},{duration:200,easing:y})}),[b,v,y,l]),n.default.createElement(zo,{containerName:g},n.default.createElement(Ma,Tt({height:c,role:r},u,{ref:h,style:{top:`${s||0}px`,left:`${f||0}px`,...u.style,"--styled-overlay-visibility":l}})))}));Pa.defaultProps={height:"auto",width:"auto"};var Da=Pa;const Fa=({renderAnchor:e,anchorRef:r,children:o,open:a,onOpen:d,onClose:i,height:l,width:c,overlayProps:s,focusTrapSettings:f,focusZoneSettings:b})=>{const g=yr(r),[u,p]=function(){const[e,r]=t.useState(null),o=t.useRef(null);o.current=e;const a=t.useCallback((e=>{o.current=e,r(e)}),[o]);return[o,a]}(),m=Po(),h=t.useCallback((()=>null==i?void 0:i("click-outside")),[i]),x=t.useCallback((()=>null==i?void 0:i("escape")),[i]),v=t.useCallback((e=>{e.defaultPrevented||!a&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==d||d("anchor-key-press"),e.preventDefault())}),[a,d]),y=t.useCallback((e=>{e.defaultPrevented||0!==e.button||(a?null==i||i("anchor-click"):null==d||d("anchor-click"))}),[a,d,i]),{position:w}=vo({anchorElementRef:g,floatingElementRef:u},[u.current]);return t.useEffect((()=>{!a&&u.current&&p(null)}),[a,u,p]),Co({containerRef:u,disabled:!a||!w,...b}),ko({containerRef:u,disabled:!a||!w,...f}),n.default.createElement(n.default.Fragment,null,e&&e({ref:g,id:m,"aria-labelledby":m,"aria-haspopup":"true",tabIndex:0,onClick:y,onKeyDown:v}),a?n.default.createElement(Da,Tt({returnFocusRef:g,onClickOutside:h,ignoreClickRefs:[g],onEscape:x,ref:p,role:"none",visibility:w?"visible":"hidden",height:l,width:c,top:(null==w?void 0:w.top)||0,left:(null==w?void 0:w.left)||0,anchorSide:null==w?void 0:w.anchorSide},s),o):null)};function Wa(e,r,o){const[a,n]=t.useState(o);return[null!=e?e:a,t.useCallback((e=>{n(e),r&&r(e)}),[r])]}Fa.displayName="AnchoredOverlay";const ja=e=>n.default.createElement(Na,Tt({role:"menuitem"},e));ja.displayName="ActionMenuItem",ja.displayName="ActionMenu.Item";const Ua=({anchorContent:e,renderAnchor:r=(e=>n.default.createElement(jr,e)),anchorRef:o,onAction:a,open:d,setOpen:i,overlayProps:l,items:c,...s})=>{const[f,b]=Wa(d,i,!1),g=yr(o),u=t.useCallback((()=>b(!0)),[b]),p=t.useCallback((()=>b(!1)),[b]),m=t.useMemo((()=>null===r?null:t=>r({"aria-label":"menu",children:e,...t})),[e,r]),h=t.useMemo((()=>c.map((e=>({...e,role:"menuitem",onAction:(t,r)=>{var o;const n=null!==(o=e.onAction)&&void 0!==o?o:a;null==n||n(t,r),r.defaultPrevented||p()}})))),[c,a,p]);return n.default.createElement(Fa,{renderAnchor:m,anchorRef:g,open:f,onOpen:u,onClose:p,overlayProps:l},n.default.createElement(za,Tt({},s,{role:"menu",items:h})))};Ua.displayName="ActionMenuBase",Ua.displayName="ActionMenu";const Ga=Object.assign(Ua,{Divider:xa,Item:ja});const _a=d.default.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
575
585
|
display: inline-block;
|
|
576
586
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
577
587
|
line-height: ${vt("lineHeights.condensedUltra")};
|
|
@@ -579,18 +589,18 @@
|
|
|
579
589
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
580
590
|
${yt};
|
|
581
591
|
${Xt}
|
|
582
|
-
`;
|
|
592
|
+
`;_a.defaultProps={size:20,alt:"",square:!1};var Ka=_a;const Xa=d.default(Ka)`
|
|
583
593
|
position: absolute;
|
|
584
594
|
right: -15%;
|
|
585
595
|
bottom: -9%;
|
|
586
596
|
box-shadow: ${vt("shadows.avatar.childShadow")};
|
|
587
|
-
`,
|
|
597
|
+
`,Va=({children:e,...t})=>{const r=n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?0===t?n.default.cloneElement(e,{size:40}):n.default.createElement(Xa,Tt({bg:"canvas.default"},e.props,{size:20})):e));return n.default.createElement(Vt,Tt({position:"relative",display:"inline-flex"},t),r)};Va.displayName="AvatarPair",Va.displayName="AvatarPair";var Ya=Va,qa={exports:{}};
|
|
588
598
|
/*!
|
|
589
599
|
Copyright (c) 2018 Jed Watson.
|
|
590
600
|
Licensed under the MIT License (MIT), see
|
|
591
601
|
http://jedwatson.github.io/classnames
|
|
592
602
|
*/
|
|
593
|
-
!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var n=typeof a;if("string"===n||"number"===n)e.push(a);else if(Array.isArray(a)){if(a.length){var d=r.apply(null,a);d&&e.push(d)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var i in a)t.call(a,i)&&a[i]&&e.push(i);else e.push(a.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(
|
|
603
|
+
!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var n=typeof a;if("string"===n||"number"===n)e.push(a);else if(Array.isArray(a)){if(a.length){var d=r.apply(null,a);d&&e.push(d)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var i in a)t.call(a,i)&&a[i]&&e.push(i);else e.push(a.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(qa);var Ja=qa.exports;const Za=d.default.span`
|
|
594
604
|
display: flex;
|
|
595
605
|
position: relative;
|
|
596
606
|
height: 20px;
|
|
@@ -704,9 +714,8 @@
|
|
|
704
714
|
}
|
|
705
715
|
}
|
|
706
716
|
|
|
707
|
-
${yt}
|
|
708
717
|
${Xt};
|
|
709
|
-
`,
|
|
718
|
+
`,Qa=({children:e,alignRight:t,sx:r})=>{const o=n.default.Children.count(e),a=Ja({"pc-AvatarStack--two":2===o,"pc-AvatarStack--three-plus":o>2,"pc-AvatarStack--right":t});return n.default.createElement(Za,{count:o,className:a,sx:r},n.default.createElement(Vt,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(e=>n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?n.default.cloneElement(e,{className:Ja(e.props.className,"pc-AvatarItem"),sx:{zIndex:10-t,...e.props.sx}}):e)))(e)))};Qa.displayName="AvatarStack";var en=Qa;var tn=d.default.a`
|
|
710
719
|
display: inline-block;
|
|
711
720
|
padding: 2px 6px;
|
|
712
721
|
font-size: ${vt("fontSizes.0")};
|
|
@@ -716,7 +725,7 @@
|
|
|
716
725
|
border-radius: ${vt("radii.2")};
|
|
717
726
|
${yt};
|
|
718
727
|
${Xt};
|
|
719
|
-
`;const
|
|
728
|
+
`;const rn=d.default.li`
|
|
720
729
|
display: inline-block;
|
|
721
730
|
white-space: nowrap;
|
|
722
731
|
list-style: none;
|
|
@@ -735,13 +744,13 @@
|
|
|
735
744
|
content: none;
|
|
736
745
|
}
|
|
737
746
|
}
|
|
738
|
-
`,
|
|
747
|
+
`,on=d.default.nav`
|
|
739
748
|
display: flex;
|
|
740
749
|
justify-content: space-between;
|
|
741
750
|
${yt};
|
|
742
751
|
${St};
|
|
743
752
|
${Xt};
|
|
744
|
-
`;function
|
|
753
|
+
`;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})))`
|
|
745
754
|
color: ${vt("colors.accent.fg")};
|
|
746
755
|
display: inline-block;
|
|
747
756
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -755,7 +764,7 @@
|
|
|
755
764
|
}
|
|
756
765
|
${yt}
|
|
757
766
|
${Xt};
|
|
758
|
-
`;
|
|
767
|
+
`;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`
|
|
759
768
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
760
769
|
align-items: center;
|
|
761
770
|
justify-content: center;
|
|
@@ -763,13 +772,13 @@
|
|
|
763
772
|
border-radius: 50%;
|
|
764
773
|
box-shadow: ${vt("shadows.shadow.medium")};
|
|
765
774
|
${yt};
|
|
766
|
-
${({size:e,variant:t="medium"})=>{const r=(o=e,!isNaN(parseFloat(o))&&isFinite(o)?e:
|
|
775
|
+
${({size:e,variant:t="medium"})=>{const r=(o=e,!isNaN(parseFloat(o))&&isFinite(o)?e:mn[t]);var o;return{width:r,height:r}}};
|
|
767
776
|
${Xt};
|
|
768
|
-
`,
|
|
777
|
+
`,xn=d.default(Eo)`
|
|
769
778
|
height: auto;
|
|
770
779
|
max-width: 60%;
|
|
771
780
|
max-height: 55%;
|
|
772
|
-
`;
|
|
781
|
+
`;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`
|
|
773
782
|
display: inline-block;
|
|
774
783
|
padding: 2px 5px;
|
|
775
784
|
font-size: ${vt("fontSizes.0")};
|
|
@@ -785,7 +794,7 @@
|
|
|
785
794
|
}
|
|
786
795
|
|
|
787
796
|
${Xt};
|
|
788
|
-
`;const
|
|
797
|
+
`;const Bn=d.default.details`
|
|
789
798
|
& > summary {
|
|
790
799
|
list-style: none;
|
|
791
800
|
}
|
|
@@ -795,11 +804,11 @@
|
|
|
795
804
|
|
|
796
805
|
${yt}
|
|
797
806
|
${Xt};
|
|
798
|
-
`;
|
|
807
|
+
`;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`
|
|
799
808
|
${wt};
|
|
800
809
|
${yt};
|
|
801
810
|
${Xt};
|
|
802
|
-
`;const
|
|
811
|
+
`;const En=()=>null,Cn=d.default.div`
|
|
803
812
|
box-shadow: ${vt("shadows.shadow.large")};
|
|
804
813
|
border-radius: ${vt("radii.2")};
|
|
805
814
|
position: fixed;
|
|
@@ -823,7 +832,7 @@
|
|
|
823
832
|
${$t};
|
|
824
833
|
${yt};
|
|
825
834
|
${Xt};
|
|
826
|
-
`,
|
|
835
|
+
`,In=d.default(Vt)`
|
|
827
836
|
border-radius: ${vt("radii.2")} ${vt("radii.2")} 0px 0px;
|
|
828
837
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
|
829
838
|
display: flex;
|
|
@@ -833,7 +842,7 @@
|
|
|
833
842
|
}
|
|
834
843
|
|
|
835
844
|
${Xt};
|
|
836
|
-
`;function
|
|
845
|
+
`;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`
|
|
837
846
|
&:before {
|
|
838
847
|
position: fixed;
|
|
839
848
|
top: 0;
|
|
@@ -847,10 +856,10 @@
|
|
|
847
856
|
z-index: 99;
|
|
848
857
|
background: ${vt("colors.primer.canvas.backdrop")};
|
|
849
858
|
}
|
|
850
|
-
`,
|
|
859
|
+
`,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)`
|
|
851
860
|
position: relative;
|
|
852
861
|
display: inline-block;
|
|
853
|
-
`,
|
|
862
|
+
`,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`
|
|
854
863
|
border: 4px solid transparent;
|
|
855
864
|
margin-left: 12px;
|
|
856
865
|
border-top-color: currentcolor;
|
|
@@ -862,7 +871,7 @@
|
|
|
862
871
|
width: 0;
|
|
863
872
|
${yt};
|
|
864
873
|
${Xt};
|
|
865
|
-
`,
|
|
874
|
+
`,Dn=d.default.ul`
|
|
866
875
|
background-clip: padding-box;
|
|
867
876
|
background-color: ${vt("colors.canvas.overlay")};
|
|
868
877
|
border: 1px solid ${vt("colors.border.default")};
|
|
@@ -903,10 +912,10 @@
|
|
|
903
912
|
> ul {
|
|
904
913
|
list-style: none;
|
|
905
914
|
}
|
|
906
|
-
${e=>e.direction?
|
|
915
|
+
${e=>e.direction?Ln(e.theme,e.direction):""};
|
|
907
916
|
${yt};
|
|
908
917
|
${Xt};
|
|
909
|
-
`,
|
|
918
|
+
`,Fn=d.default.li`
|
|
910
919
|
display: block;
|
|
911
920
|
padding: ${vt("space.1")} 10px ${vt("space.1")} 15px;
|
|
912
921
|
overflow: hidden;
|
|
@@ -939,7 +948,7 @@
|
|
|
939
948
|
}
|
|
940
949
|
${yt};
|
|
941
950
|
${Xt};
|
|
942
|
-
`;
|
|
951
|
+
`;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`
|
|
943
952
|
${yt};
|
|
944
953
|
display: flex;
|
|
945
954
|
align-items: stretch;
|
|
@@ -958,11 +967,11 @@
|
|
|
958
967
|
}
|
|
959
968
|
|
|
960
969
|
${Xt}
|
|
961
|
-
`;const
|
|
970
|
+
`;const _n=d.default.ul`
|
|
962
971
|
list-style-type: none;
|
|
963
972
|
${yt};
|
|
964
973
|
${Xt};
|
|
965
|
-
`,
|
|
974
|
+
`,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`
|
|
966
975
|
position: relative;
|
|
967
976
|
display: block;
|
|
968
977
|
padding: ${e=>e.small?`${vt("space.1")(e)} 10px`:`${vt("space.2")(e)} 11px`};
|
|
@@ -990,7 +999,7 @@
|
|
|
990
999
|
}
|
|
991
1000
|
${yt};
|
|
992
1001
|
${Xt};
|
|
993
|
-
`;function
|
|
1002
|
+
`;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`
|
|
994
1003
|
position: relative;
|
|
995
1004
|
color: ${vt("colors.fg.default")};
|
|
996
1005
|
padding: ${vt("space.3")};
|
|
@@ -1008,14 +1017,14 @@
|
|
|
1008
1017
|
}
|
|
1009
1018
|
|
|
1010
1019
|
${yt};
|
|
1011
|
-
${
|
|
1020
|
+
${qn};
|
|
1012
1021
|
${Xt};
|
|
1013
|
-
`;
|
|
1022
|
+
`;Jn.defaultProps={variant:"default"};var Zn=Jn;const Qn=d.default.div`
|
|
1014
1023
|
margin: ${vt("space.3")} 0;
|
|
1015
1024
|
font-weight: ${vt("fontWeights.normal")};
|
|
1016
1025
|
${yt};
|
|
1017
1026
|
${Xt};
|
|
1018
|
-
`,
|
|
1027
|
+
`,ed=d.default.label`
|
|
1019
1028
|
display: block;
|
|
1020
1029
|
margin: 0 0 ${vt("space.2")};
|
|
1021
1030
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -1023,7 +1032,7 @@
|
|
|
1023
1032
|
${wt};
|
|
1024
1033
|
${yt};
|
|
1025
1034
|
${Xt};
|
|
1026
|
-
`;
|
|
1035
|
+
`;ed.displayName="FormGroup.Label";var td=Object.assign(Qn,{Label:ed});const rd=d.default.div`
|
|
1027
1036
|
z-index: 32;
|
|
1028
1037
|
display: flex;
|
|
1029
1038
|
padding: ${vt("space.3")};
|
|
@@ -1037,7 +1046,7 @@
|
|
|
1037
1046
|
${yt}
|
|
1038
1047
|
${Bt}
|
|
1039
1048
|
${Xt};
|
|
1040
|
-
`,
|
|
1049
|
+
`,od=d.default.div`
|
|
1041
1050
|
display: flex;
|
|
1042
1051
|
margin-right: ${vt("space.3")};
|
|
1043
1052
|
align-self: stretch;
|
|
@@ -1049,7 +1058,7 @@
|
|
|
1049
1058
|
${yt};
|
|
1050
1059
|
${Bt};
|
|
1051
1060
|
${Xt};
|
|
1052
|
-
`;
|
|
1061
|
+
`;od.displayName="Header.Item";const ad=d.default.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
|
1053
1062
|
font-weight: ${vt("fontWeights.bold")};
|
|
1054
1063
|
color: ${vt("colors.header.logo")};
|
|
1055
1064
|
white-space: nowrap;
|
|
@@ -1067,14 +1076,14 @@
|
|
|
1067
1076
|
${Bt};
|
|
1068
1077
|
${wt};
|
|
1069
1078
|
${Xt};
|
|
1070
|
-
`;
|
|
1079
|
+
`;ad.displayName="Header.Link";var nd=Object.assign(rd,{Link:ad,Item:od});const dd=d.default.h2`
|
|
1071
1080
|
font-weight: ${vt("fontWeights.bold")};
|
|
1072
1081
|
font-size: ${vt("fontSizes.5")};
|
|
1073
1082
|
margin: 0;
|
|
1074
1083
|
${wt};
|
|
1075
1084
|
${yt};
|
|
1076
1085
|
${Xt};
|
|
1077
|
-
`;
|
|
1086
|
+
`;dd.defaultProps={theme:l};var id=dd;var ld=d.default.span`
|
|
1078
1087
|
${yt}
|
|
1079
1088
|
& * {
|
|
1080
1089
|
margin-right: ${vt("space.1")};
|
|
@@ -1083,7 +1092,7 @@
|
|
|
1083
1092
|
margin-right: 0;
|
|
1084
1093
|
}
|
|
1085
1094
|
${Xt};
|
|
1086
|
-
`;const
|
|
1095
|
+
`;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`
|
|
1087
1096
|
display: inline-block;
|
|
1088
1097
|
font-weight: ${vt("fontWeights.semibold")};
|
|
1089
1098
|
color: ${vt("colors.fg.onEmphasis")};
|
|
@@ -1093,17 +1102,17 @@
|
|
|
1093
1102
|
text-decoration: none;
|
|
1094
1103
|
}
|
|
1095
1104
|
|
|
1096
|
-
${
|
|
1105
|
+
${sd}
|
|
1097
1106
|
${yt}
|
|
1098
1107
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1099
|
-
${e=>e.outline?
|
|
1108
|
+
${e=>e.outline?cd:""} // must be last to override other values
|
|
1100
1109
|
${Xt}
|
|
1101
|
-
`;
|
|
1110
|
+
`;fd.defaultProps={bg:"label.primary.border",variant:"medium"};var bd=fd;const gd=$({hoverColor:{property:"color",scale:"colors"}});var ud=d.default.a`
|
|
1102
1111
|
color: ${e=>e.muted?vt("colors.fg.muted")(e):vt("colors.accent.fg")(e)};
|
|
1103
1112
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1104
1113
|
&:hover {
|
|
1105
1114
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
|
1106
|
-
${e=>e.hoverColor?
|
|
1115
|
+
${e=>e.hoverColor?gd:e.muted?`color: ${vt("colors.accent.fg")(e)}`:""};
|
|
1107
1116
|
}
|
|
1108
1117
|
&:is(button) {
|
|
1109
1118
|
display: inline-block;
|
|
@@ -1119,7 +1128,7 @@
|
|
|
1119
1128
|
${wt};
|
|
1120
1129
|
${yt};
|
|
1121
1130
|
${Xt};
|
|
1122
|
-
`;var
|
|
1131
|
+
`;var pd=d.default.div`
|
|
1123
1132
|
position: relative;
|
|
1124
1133
|
padding-top: ${vt("space.4")};
|
|
1125
1134
|
padding-bottom: ${vt("space.4")};
|
|
@@ -1127,7 +1136,7 @@
|
|
|
1127
1136
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
|
1128
1137
|
${yt};
|
|
1129
1138
|
${Xt};
|
|
1130
|
-
`;const
|
|
1139
|
+
`;const md=d.default.a`
|
|
1131
1140
|
display: inline-block;
|
|
1132
1141
|
min-width: 32px;
|
|
1133
1142
|
padding: 5px 10px;
|
|
@@ -1227,12 +1236,12 @@
|
|
|
1227
1236
|
}
|
|
1228
1237
|
|
|
1229
1238
|
${yt};
|
|
1230
|
-
`;function
|
|
1239
|
+
`;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`
|
|
1231
1240
|
margin-top: 20px;
|
|
1232
1241
|
margin-bottom: 15px;
|
|
1233
1242
|
text-align: center;
|
|
1234
1243
|
${Xt};
|
|
1235
|
-
`;function
|
|
1244
|
+
`;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}`)})))`
|
|
1236
1245
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1237
1246
|
z-index: 100;
|
|
1238
1247
|
display: ${e=>e.open?"block":"none"};
|
|
@@ -1241,7 +1250,7 @@
|
|
|
1241
1250
|
${$t};
|
|
1242
1251
|
${kt};
|
|
1243
1252
|
${Xt};
|
|
1244
|
-
|
|
1253
|
+
`,kd=d.default(Vt)`
|
|
1245
1254
|
border: 1px solid ${vt("colors.border.default")};
|
|
1246
1255
|
border-radius: ${vt("radii.2")};
|
|
1247
1256
|
position: relative;
|
|
@@ -1278,9 +1287,9 @@
|
|
|
1278
1287
|
}
|
|
1279
1288
|
|
|
1280
1289
|
// Bottom-oriented carets
|
|
1281
|
-
${
|
|
1282
|
-
${
|
|
1283
|
-
${
|
|
1290
|
+
${$d}.caret-pos--bottom & ,
|
|
1291
|
+
${$d}.caret-pos--bottom-right & ,
|
|
1292
|
+
${$d}.caret-pos--bottom-left & {
|
|
1284
1293
|
&::before,
|
|
1285
1294
|
&::after {
|
|
1286
1295
|
top: auto;
|
|
@@ -1300,8 +1309,8 @@
|
|
|
1300
1309
|
}
|
|
1301
1310
|
|
|
1302
1311
|
// Top & Bottom: Right-oriented carets
|
|
1303
|
-
${
|
|
1304
|
-
${
|
|
1312
|
+
${$d}.caret-pos--top-right & ,
|
|
1313
|
+
${$d}.caret-pos--bottom-right & {
|
|
1305
1314
|
right: -9px;
|
|
1306
1315
|
margin-right: 0;
|
|
1307
1316
|
|
|
@@ -1321,8 +1330,8 @@
|
|
|
1321
1330
|
}
|
|
1322
1331
|
|
|
1323
1332
|
// Top & Bottom: Left-oriented carets
|
|
1324
|
-
${
|
|
1325
|
-
${
|
|
1333
|
+
${$d}.caret-pos--top-left & ,
|
|
1334
|
+
${$d}.caret-pos--bottom-left & {
|
|
1326
1335
|
left: -9px;
|
|
1327
1336
|
margin-left: 0;
|
|
1328
1337
|
|
|
@@ -1338,12 +1347,12 @@
|
|
|
1338
1347
|
}
|
|
1339
1348
|
|
|
1340
1349
|
// Right- & Left-oriented carets
|
|
1341
|
-
${
|
|
1342
|
-
${
|
|
1343
|
-
${
|
|
1344
|
-
${
|
|
1345
|
-
${
|
|
1346
|
-
${
|
|
1350
|
+
${$d}.caret-pos--right & ,
|
|
1351
|
+
${$d}.caret-pos--right-top & ,
|
|
1352
|
+
${$d}.caret-pos--right-bottom & ,
|
|
1353
|
+
${$d}.caret-pos--left & ,
|
|
1354
|
+
${$d}.caret-pos--left-top & ,
|
|
1355
|
+
${$d}.caret-pos--left-bottom & {
|
|
1347
1356
|
&::before,
|
|
1348
1357
|
&::after {
|
|
1349
1358
|
top: 50%;
|
|
@@ -1363,9 +1372,9 @@
|
|
|
1363
1372
|
}
|
|
1364
1373
|
|
|
1365
1374
|
// Right-oriented carets
|
|
1366
|
-
${
|
|
1367
|
-
${
|
|
1368
|
-
${
|
|
1375
|
+
${$d}.caret-pos--right & ,
|
|
1376
|
+
${$d}.caret-pos--right-top & ,
|
|
1377
|
+
${$d}.caret-pos--right-bottom & {
|
|
1369
1378
|
&::before {
|
|
1370
1379
|
right: -${vt("space.3")};
|
|
1371
1380
|
border-left-color: ${vt("colors.border.default")};
|
|
@@ -1379,9 +1388,9 @@
|
|
|
1379
1388
|
}
|
|
1380
1389
|
|
|
1381
1390
|
// Left-oriented carets
|
|
1382
|
-
${
|
|
1383
|
-
${
|
|
1384
|
-
${
|
|
1391
|
+
${$d}.caret-pos--left & ,
|
|
1392
|
+
${$d}.caret-pos--left-top & ,
|
|
1393
|
+
${$d}.caret-pos--left-bottom & {
|
|
1385
1394
|
&::before {
|
|
1386
1395
|
left: -${vt("space.3")};
|
|
1387
1396
|
border-right-color: ${vt("colors.border.default")};
|
|
@@ -1395,8 +1404,8 @@
|
|
|
1395
1404
|
}
|
|
1396
1405
|
|
|
1397
1406
|
// Right & Left: Top-oriented carets
|
|
1398
|
-
${
|
|
1399
|
-
${
|
|
1407
|
+
${$d}.caret-pos--right-top & ,
|
|
1408
|
+
${$d}.caret-pos--left-top & {
|
|
1400
1409
|
&::before,
|
|
1401
1410
|
&::after {
|
|
1402
1411
|
top: ${vt("space.4")};
|
|
@@ -1404,8 +1413,8 @@
|
|
|
1404
1413
|
}
|
|
1405
1414
|
|
|
1406
1415
|
// Right & Left: Bottom-oriented carets
|
|
1407
|
-
${
|
|
1408
|
-
${
|
|
1416
|
+
${$d}.caret-pos--right-bottom & ,
|
|
1417
|
+
${$d}.caret-pos--left-bottom & {
|
|
1409
1418
|
&::before,
|
|
1410
1419
|
&::after {
|
|
1411
1420
|
top: auto;
|
|
@@ -1421,23 +1430,23 @@
|
|
|
1421
1430
|
}
|
|
1422
1431
|
|
|
1423
1432
|
${Xt};
|
|
1424
|
-
|
|
1433
|
+
`;$d.defaultProps={caret:"top"},kd.displayName="Popover.Content";var Sd=Object.assign($d,{Content:kd});const Td=d.default.span`
|
|
1425
1434
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
|
1426
1435
|
${yt}
|
|
1427
|
-
`,
|
|
1436
|
+
`,Ed={small:"5px",large:"10px",default:"8px"},Cd=d.default.span`
|
|
1428
1437
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
1429
1438
|
overflow: hidden;
|
|
1430
1439
|
background-color: ${vt("colors.border.default")};
|
|
1431
1440
|
border-radius: ${vt("radii.1")};
|
|
1432
|
-
height: ${e=>
|
|
1441
|
+
height: ${e=>Ed[e.barSize||"default"]};
|
|
1433
1442
|
${yt}
|
|
1434
1443
|
${de}
|
|
1435
1444
|
${Xt};
|
|
1436
|
-
`;function
|
|
1437
|
-
${
|
|
1445
|
+
`;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`
|
|
1446
|
+
${Rd}
|
|
1438
1447
|
${yt}
|
|
1439
1448
|
${Xt};
|
|
1440
|
-
`;
|
|
1449
|
+
`;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`
|
|
1441
1450
|
border: 0;
|
|
1442
1451
|
font-size: inherit;
|
|
1443
1452
|
font-family: inherit;
|
|
@@ -1448,7 +1457,7 @@
|
|
|
1448
1457
|
&:focus {
|
|
1449
1458
|
outline: 0;
|
|
1450
1459
|
}
|
|
1451
|
-
`,
|
|
1460
|
+
`,Md=d.default.span`
|
|
1452
1461
|
display: inline-flex;
|
|
1453
1462
|
align-items: stretch;
|
|
1454
1463
|
min-height: 34px;
|
|
@@ -1490,9 +1499,9 @@
|
|
|
1490
1499
|
${de}
|
|
1491
1500
|
${le}
|
|
1492
1501
|
${se}
|
|
1493
|
-
${
|
|
1502
|
+
${Hd}
|
|
1494
1503
|
${Xt};
|
|
1495
|
-
`,
|
|
1504
|
+
`,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`
|
|
1496
1505
|
padding: ${vt("space.3")};
|
|
1497
1506
|
margin: 0;
|
|
1498
1507
|
border-bottom: ${vt("borderWidths.1")} solid ${vt("colors.border.muted")};
|
|
@@ -1504,11 +1513,11 @@
|
|
|
1504
1513
|
}
|
|
1505
1514
|
|
|
1506
1515
|
${Xt};
|
|
1507
|
-
`,
|
|
1508
|
-
${
|
|
1516
|
+
`,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`
|
|
1517
|
+
${Ud}
|
|
1509
1518
|
${yt}
|
|
1510
1519
|
${Xt};
|
|
1511
|
-
`;
|
|
1520
|
+
`;Gd.displayName="SelectMenu.Footer";var _d=Gd;const Kd=d.default.h3`
|
|
1512
1521
|
color: ${vt("colors.fg.default")};
|
|
1513
1522
|
flex: auto;
|
|
1514
1523
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -1518,7 +1527,7 @@
|
|
|
1518
1527
|
@media (min-width: ${vt("breakpoints.0")}) {
|
|
1519
1528
|
font-size: inherit;
|
|
1520
1529
|
}
|
|
1521
|
-
`,
|
|
1530
|
+
`,Xd=d.default.header`
|
|
1522
1531
|
display: flex;
|
|
1523
1532
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
1524
1533
|
padding: ${vt("space.3")};
|
|
@@ -1532,15 +1541,15 @@
|
|
|
1532
1541
|
}
|
|
1533
1542
|
|
|
1534
1543
|
${Xt};
|
|
1535
|
-
`,
|
|
1536
|
-
${
|
|
1544
|
+
`,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"})))`
|
|
1545
|
+
${qd}
|
|
1537
1546
|
${yt}
|
|
1538
1547
|
${Xt};
|
|
1539
|
-
`,
|
|
1540
|
-
${
|
|
1548
|
+
`,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`
|
|
1549
|
+
${ei}
|
|
1541
1550
|
${yt}
|
|
1542
1551
|
${Xt};
|
|
1543
|
-
`;
|
|
1552
|
+
`;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)`
|
|
1544
1553
|
@keyframes rotate-keyframes {
|
|
1545
1554
|
100% {
|
|
1546
1555
|
transform: rotate(360deg);
|
|
@@ -1551,42 +1560,42 @@
|
|
|
1551
1560
|
|
|
1552
1561
|
${yt}
|
|
1553
1562
|
${Xt}
|
|
1554
|
-
`;
|
|
1563
|
+
`;ni.displayName="Spinner";var di=ni;const ii=d.default.div`
|
|
1555
1564
|
padding: ${vt("space.6")} ${vt("space.4")};
|
|
1556
1565
|
text-align: center;
|
|
1557
1566
|
background-color: ${vt("colors.canvas.overlay")};
|
|
1558
1567
|
${yt}
|
|
1559
|
-
`,
|
|
1560
|
-
${si}
|
|
1561
|
-
${de}
|
|
1562
|
-
`,gi=d.default.div`
|
|
1568
|
+
`,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`
|
|
1563
1569
|
${fi}
|
|
1570
|
+
${de}
|
|
1571
|
+
`,ui=d.default.div`
|
|
1572
|
+
${bi}
|
|
1564
1573
|
${yt}
|
|
1565
1574
|
${Xt};
|
|
1566
|
-
`,
|
|
1567
|
-
${
|
|
1575
|
+
`,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`
|
|
1576
|
+
${hi}
|
|
1568
1577
|
${yt}
|
|
1569
1578
|
${Xt};
|
|
1570
|
-
`,
|
|
1579
|
+
`,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`
|
|
1571
1580
|
border-top: ${vt("borderWidths.1")} solid ${vt("colors.border.muted")};
|
|
1572
1581
|
${yt}
|
|
1573
1582
|
${Xt};
|
|
1574
|
-
`,
|
|
1575
|
-
${
|
|
1583
|
+
`,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`
|
|
1584
|
+
${ki}
|
|
1576
1585
|
${yt}
|
|
1577
1586
|
${Xt};
|
|
1578
|
-
`,
|
|
1587
|
+
`,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`
|
|
1579
1588
|
${"\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"}
|
|
1580
1589
|
${yt}
|
|
1581
1590
|
${Xt};
|
|
1582
|
-
`,
|
|
1591
|
+
`,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)`
|
|
1583
1592
|
background-color: ${vt("colors.canvas.subtle")};
|
|
1584
1593
|
|
|
1585
1594
|
${e=>e.bordered&&r.css(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
1586
1595
|
|
|
1587
1596
|
${yt};
|
|
1588
1597
|
${Xt};
|
|
1589
|
-
`,
|
|
1598
|
+
`,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"}:{}))`
|
|
1590
1599
|
position: relative;
|
|
1591
1600
|
display: block;
|
|
1592
1601
|
${e=>"full"===e.variant&&r.css(["display:flex;align-items:center;justify-content:space-between;"])}
|
|
@@ -1594,11 +1603,11 @@
|
|
|
1594
1603
|
text-align: left;
|
|
1595
1604
|
font-size: ${vt("fontSizes.1")};
|
|
1596
1605
|
|
|
1597
|
-
& > ${
|
|
1606
|
+
& > ${Ri} {
|
|
1598
1607
|
border-bottom: none;
|
|
1599
1608
|
}
|
|
1600
1609
|
|
|
1601
|
-
${
|
|
1610
|
+
${Ri}.variant-normal > & {
|
|
1602
1611
|
color: ${vt("colors.fg.default")};
|
|
1603
1612
|
padding: ${vt("space.3")};
|
|
1604
1613
|
border: 0;
|
|
@@ -1628,11 +1637,11 @@
|
|
|
1628
1637
|
}
|
|
1629
1638
|
|
|
1630
1639
|
&:hover {
|
|
1631
|
-
${
|
|
1640
|
+
${zi}
|
|
1632
1641
|
}
|
|
1633
1642
|
|
|
1634
1643
|
&:focus {
|
|
1635
|
-
${
|
|
1644
|
+
${zi}
|
|
1636
1645
|
box-shadow: ${vt("shadows.primer.shadow.focus")};
|
|
1637
1646
|
z-index: 1;
|
|
1638
1647
|
}
|
|
@@ -1648,16 +1657,16 @@
|
|
|
1648
1657
|
}
|
|
1649
1658
|
}
|
|
1650
1659
|
|
|
1651
|
-
${
|
|
1660
|
+
${Ri}.variant-lightweight > & {
|
|
1652
1661
|
padding: ${vt("space.1")} 0;
|
|
1653
1662
|
color: ${vt("colors.accent.fg")};
|
|
1654
1663
|
|
|
1655
1664
|
&:hover {
|
|
1656
|
-
${
|
|
1665
|
+
${Li}
|
|
1657
1666
|
}
|
|
1658
1667
|
|
|
1659
1668
|
&:focus {
|
|
1660
|
-
${
|
|
1669
|
+
${Li}
|
|
1661
1670
|
box-shadow: ${vt("shadows.primer.shadow.focus")};
|
|
1662
1671
|
z-index: 1;
|
|
1663
1672
|
}
|
|
@@ -1670,7 +1679,7 @@
|
|
|
1670
1679
|
}
|
|
1671
1680
|
|
|
1672
1681
|
${Xt};
|
|
1673
|
-
`;
|
|
1682
|
+
`;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`
|
|
1674
1683
|
display: inline-flex;
|
|
1675
1684
|
align-items: center;
|
|
1676
1685
|
font-weight: ${vt("fontWeights.bold")};
|
|
@@ -1680,11 +1689,11 @@
|
|
|
1680
1689
|
border-radius: ${vt("radii.3")};
|
|
1681
1690
|
border-width: 1px;
|
|
1682
1691
|
border-style: solid;
|
|
1683
|
-
${Mi};
|
|
1684
1692
|
${Pi};
|
|
1693
|
+
${Di};
|
|
1685
1694
|
${yt};
|
|
1686
1695
|
${Xt};
|
|
1687
|
-
`;function
|
|
1696
|
+
`;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`
|
|
1688
1697
|
display: flex;
|
|
1689
1698
|
justify-content: space-between;
|
|
1690
1699
|
|
|
@@ -1708,7 +1717,7 @@
|
|
|
1708
1717
|
${yt};
|
|
1709
1718
|
${St};
|
|
1710
1719
|
${Xt};
|
|
1711
|
-
`;function
|
|
1720
|
+
`;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)})))`
|
|
1712
1721
|
padding-left: ${vt("space.3")};
|
|
1713
1722
|
padding-right: ${vt("space.3")};
|
|
1714
1723
|
font-weight: ${vt("fontWeights.semibold")};
|
|
@@ -1757,16 +1766,16 @@
|
|
|
1757
1766
|
|
|
1758
1767
|
${yt};
|
|
1759
1768
|
${Xt};
|
|
1760
|
-
`;
|
|
1769
|
+
`;_i.displayName="SubNav.Link",Gi.displayName="SubNav.Links";var Ki=Object.assign(Ui,{Link:_i,Links:Gi});const Xi=d.default.div`
|
|
1761
1770
|
margin-top: 0;
|
|
1762
1771
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
|
1763
1772
|
${yt}
|
|
1764
1773
|
${Xt}
|
|
1765
|
-
`,
|
|
1774
|
+
`,Vi=d.default.nav`
|
|
1766
1775
|
display: flex;
|
|
1767
1776
|
margin-bottom: -1px;
|
|
1768
1777
|
overflow: auto;
|
|
1769
|
-
`;function
|
|
1778
|
+
`;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)})))`
|
|
1770
1779
|
padding: 8px 12px;
|
|
1771
1780
|
font-size: ${vt("fontSizes.1")};
|
|
1772
1781
|
line-height: 20px;
|
|
@@ -1792,13 +1801,13 @@
|
|
|
1792
1801
|
|
|
1793
1802
|
${yt};
|
|
1794
1803
|
${Xt};
|
|
1795
|
-
`;
|
|
1804
|
+
`;qi.displayName="TabNav.Link";var Ji=Object.assign(Yi,{Link:qi});const Zi=d.default(Vt)`
|
|
1796
1805
|
display: flex;
|
|
1797
1806
|
flex-direction: column;
|
|
1798
1807
|
${e=>e.clipSidebar&&r.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1799
1808
|
|
|
1800
1809
|
${Xt};
|
|
1801
|
-
`,
|
|
1810
|
+
`,Qi=d.default(Vt).attrs((e=>({className:Ja("Timeline-Item",e.className)})))`
|
|
1802
1811
|
display: flex;
|
|
1803
1812
|
position: relative;
|
|
1804
1813
|
padding: ${vt("space.3")} 0;
|
|
@@ -1819,7 +1828,7 @@
|
|
|
1819
1828
|
|
|
1820
1829
|
${yt};
|
|
1821
1830
|
${Xt};
|
|
1822
|
-
`,
|
|
1831
|
+
`,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)`
|
|
1823
1832
|
min-width: 0;
|
|
1824
1833
|
max-width: 100%;
|
|
1825
1834
|
margin-top: ${vt("space.1")};
|
|
@@ -1827,7 +1836,7 @@
|
|
|
1827
1836
|
flex: auto;
|
|
1828
1837
|
font-size: ${vt("fontSizes.1")};
|
|
1829
1838
|
${Xt};
|
|
1830
|
-
`,
|
|
1839
|
+
`,rl=d.default(Vt)`
|
|
1831
1840
|
position: relative
|
|
1832
1841
|
z-index: 1;
|
|
1833
1842
|
height: 24px;
|
|
@@ -1838,7 +1847,7 @@
|
|
|
1838
1847
|
border: 0;
|
|
1839
1848
|
border-top: ${vt("space.1")} solid ${vt("colors.border.default")};
|
|
1840
1849
|
${Xt};
|
|
1841
|
-
`;
|
|
1850
|
+
`;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`
|
|
1842
1851
|
position: relative;
|
|
1843
1852
|
|
|
1844
1853
|
&::before {
|
|
@@ -2064,7 +2073,7 @@
|
|
|
2064
2073
|
}
|
|
2065
2074
|
${yt};
|
|
2066
2075
|
${Xt};
|
|
2067
|
-
`;function
|
|
2076
|
+
`;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`
|
|
2068
2077
|
display: flex;
|
|
2069
2078
|
justify-content: space-between;
|
|
2070
2079
|
border-bottom: 1px solid ${vt("colors.border.muted")};
|
|
@@ -2095,7 +2104,7 @@
|
|
|
2095
2104
|
|
|
2096
2105
|
${yt};
|
|
2097
2106
|
${Xt};
|
|
2098
|
-
`;function
|
|
2107
|
+
`;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)})))`
|
|
2099
2108
|
padding: ${vt("space.3")} ${vt("space.2")};
|
|
2100
2109
|
margin-right: ${vt("space.3")};
|
|
2101
2110
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -2128,5 +2137,5 @@
|
|
|
2128
2137
|
|
|
2129
2138
|
${yt};
|
|
2130
2139
|
${Xt};
|
|
2131
|
-
`;
|
|
2140
|
+
`;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})}));
|
|
2132
2141
|
//# sourceMappingURL=browser.umd.js.map
|