@primer/components 0.0.0-2021828195214 → 0.0.0-2021828205354
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 +2 -4
- package/dist/browser.esm.js +175 -186
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +177 -188
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Item.d.ts +4 -17
- package/lib/ActionList/Item.js +6 -8
- package/lib/ActionList/List.d.ts +7 -11
- package/lib/ActionList/List.js +2 -2
- package/lib/ActionList/index.d.ts +2 -1
- package/lib/Button/Button.d.ts +2 -3
- package/lib/Button/Button.js +2 -6
- package/lib/Button/ButtonBase.d.ts +5 -8
- package/lib/Button/ButtonBase.js +1 -5
- package/lib/Button/ButtonClose.d.ts +2 -45
- package/lib/Button/ButtonClose.js +1 -1
- package/lib/Button/ButtonDanger.d.ts +2 -3
- package/lib/Button/ButtonDanger.js +2 -6
- package/lib/Button/ButtonInvisible.d.ts +2 -3
- package/lib/Button/ButtonInvisible.js +2 -6
- package/lib/Button/ButtonOutline.d.ts +2 -3
- package/lib/Button/ButtonOutline.js +2 -6
- package/lib/Button/ButtonPrimary.d.ts +2 -3
- package/lib/Button/ButtonPrimary.js +2 -6
- package/lib/Button/ButtonTableList.d.ts +1 -2
- package/lib/Button/ButtonTableList.js +1 -1
- package/lib/Dropdown.d.ts +2 -90
- package/lib/DropdownMenu/DropdownButton.d.ts +2 -46
- package/lib-esm/ActionList/Item.d.ts +4 -17
- package/lib-esm/ActionList/Item.js +5 -8
- package/lib-esm/ActionList/List.d.ts +7 -11
- package/lib-esm/ActionList/List.js +2 -2
- package/lib-esm/ActionList/index.d.ts +2 -1
- package/lib-esm/Button/Button.d.ts +2 -3
- package/lib-esm/Button/Button.js +2 -2
- package/lib-esm/Button/ButtonBase.d.ts +5 -8
- package/lib-esm/Button/ButtonBase.js +1 -3
- package/lib-esm/Button/ButtonClose.d.ts +2 -45
- package/lib-esm/Button/ButtonClose.js +2 -2
- package/lib-esm/Button/ButtonDanger.d.ts +2 -3
- package/lib-esm/Button/ButtonDanger.js +2 -2
- package/lib-esm/Button/ButtonInvisible.d.ts +2 -3
- package/lib-esm/Button/ButtonInvisible.js +2 -2
- package/lib-esm/Button/ButtonOutline.d.ts +2 -3
- package/lib-esm/Button/ButtonOutline.js +2 -2
- package/lib-esm/Button/ButtonPrimary.d.ts +2 -3
- package/lib-esm/Button/ButtonPrimary.js +2 -2
- package/lib-esm/Button/ButtonTableList.d.ts +1 -2
- package/lib-esm/Button/ButtonTableList.js +2 -2
- package/lib-esm/Dropdown.d.ts +2 -90
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +2 -46
- package/package.json +1 -2
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=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})))`
|
|
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})))`
|
|
23
23
|
${Mr}
|
|
24
|
-
${
|
|
25
|
-
`;
|
|
24
|
+
${Pr}
|
|
25
|
+
`;Dr.defaultProps={variant:"medium"};var Fr=Dr;var Wr=d.default(Fr)`
|
|
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,9 +50,8 @@
|
|
|
50
50
|
border-color: ${vt("colors.btn.border")};
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
${Pr};
|
|
54
53
|
${Xt};
|
|
55
|
-
`;var
|
|
54
|
+
`;var jr=d.default(Fr)`
|
|
56
55
|
color: ${vt("colors.btn.danger.text")};
|
|
57
56
|
border: 1px solid ${vt("colors.btn.border")};
|
|
58
57
|
background-color: ${vt("colors.btn.bg")};
|
|
@@ -83,9 +82,8 @@
|
|
|
83
82
|
border-color: ${vt("colors.btn.danger.disabledBorder")};
|
|
84
83
|
}
|
|
85
84
|
|
|
86
|
-
${Pr};
|
|
87
85
|
${Xt};
|
|
88
|
-
`;const
|
|
86
|
+
`;const Ur=d.default(Vt)`
|
|
89
87
|
vertical-align: middle;
|
|
90
88
|
|
|
91
89
|
&& > * {
|
|
@@ -126,7 +124,7 @@
|
|
|
126
124
|
}
|
|
127
125
|
|
|
128
126
|
${Xt};
|
|
129
|
-
`;
|
|
127
|
+
`;Ur.defaultProps={display:"inline-block"};var Gr=Ur;var _r=d.default(Fr)`
|
|
130
128
|
color: ${vt("colors.btn.outline.text")};
|
|
131
129
|
border: 1px solid ${vt("colors.btn.border")};
|
|
132
130
|
background-color: ${vt("colors.btn.bg")};
|
|
@@ -157,9 +155,8 @@
|
|
|
157
155
|
border-color: ${vt("colors.btn.border")};
|
|
158
156
|
}
|
|
159
157
|
|
|
160
|
-
${Pr};
|
|
161
158
|
${Xt};
|
|
162
|
-
`;var
|
|
159
|
+
`;var Kr=d.default(Fr)`
|
|
163
160
|
color: ${vt("colors.btn.primary.text")};
|
|
164
161
|
border: 1px solid ${vt("colors.btn.primary.border")};
|
|
165
162
|
background-color: ${vt("colors.btn.primary.bg")};
|
|
@@ -188,9 +185,8 @@
|
|
|
188
185
|
border-color: ${vt("colors.btn.primary.disabledBorder")};
|
|
189
186
|
}
|
|
190
187
|
|
|
191
|
-
${Pr};
|
|
192
188
|
${Xt};
|
|
193
|
-
`;var
|
|
189
|
+
`;var Xr=d.default(Fr)`
|
|
194
190
|
color: ${vt("colors.accent.fg")};
|
|
195
191
|
background-color: transparent;
|
|
196
192
|
border: 0;
|
|
@@ -205,9 +201,8 @@
|
|
|
205
201
|
box-shadow: ${vt("shadows.btn.focusShadow")};
|
|
206
202
|
}
|
|
207
203
|
|
|
208
|
-
${Pr};
|
|
209
204
|
${Xt}
|
|
210
|
-
`;var
|
|
205
|
+
`;var Vr=d.default.summary`
|
|
211
206
|
display: inline-block;
|
|
212
207
|
padding: 0;
|
|
213
208
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -242,11 +237,8 @@
|
|
|
242
237
|
border: 4px solid transparent;
|
|
243
238
|
border-top-color: currentcolor;
|
|
244
239
|
}
|
|
245
|
-
${yt}
|
|
246
|
-
${wt}
|
|
247
|
-
${$t}
|
|
248
240
|
${Xt};
|
|
249
|
-
`,
|
|
241
|
+
`,Yr={small:16,medium:32,large:64};function qr(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=Yr[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 Jr=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 Zr(e){return n.default.createElement("svg",qr(Jr({},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 Qr(e){return n.default.createElement("svg",qr(Jr({},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 eo(e){return n.default.createElement("svg",qr(Jr({},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 to(e){return n.default.createElement("svg",qr(Jr({},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 ro(e){return n.default.createElement("svg",qr(Jr({},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 oo(e){return n.default.createElement("svg",qr(Jr({},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 ao(e){return n.default.createElement("svg",qr(Jr({},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 no(e){return n.default.createElement("svg",qr(Jr({},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>'}}})))}Zr.defaultProps={className:"octicon octicon-check",size:16,verticalAlign:"text-bottom"},Qr.defaultProps={className:"octicon octicon-git-merge",size:16,verticalAlign:"text-bottom"},eo.defaultProps={className:"octicon octicon-git-pull-request",size:16,verticalAlign:"text-bottom"},to.defaultProps={className:"octicon octicon-issue-closed",size:16,verticalAlign:"text-bottom"},ro.defaultProps={className:"octicon octicon-issue-opened",size:16,verticalAlign:"text-bottom"},oo.defaultProps={className:"octicon octicon-question",size:16,verticalAlign:"text-bottom"},ao.defaultProps={className:"octicon octicon-triangle-down",size:16,verticalAlign:"text-bottom"},no.defaultProps={className:"octicon octicon-x",size:16,verticalAlign:"text-bottom"};const io=d.default.button`
|
|
250
242
|
border: none;
|
|
251
243
|
padding: 0;
|
|
252
244
|
background: transparent;
|
|
@@ -262,13 +254,11 @@
|
|
|
262
254
|
&:hover {
|
|
263
255
|
color: ${vt("colors.accent.fg")};
|
|
264
256
|
}
|
|
265
|
-
${yt};
|
|
266
|
-
${$t};
|
|
267
257
|
${Xt};
|
|
268
|
-
`;var
|
|
258
|
+
`;var lo=t.forwardRef(((e,t)=>n.default.createElement(io,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(no,null))));const co={"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 so(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=mo(r,o,a,n,i,l),f=a;if(s.top-=t.top,s.left-=t.left,!d){const d=co[a];let b=0;if(d){let e=a;for(;b<d.length&&ho(e,s,c,r);){const a=d[b++];e=a,s=mo(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:fo,i=null!==(r=e.align)&&void 0!==r?r:bo;return{side:d,align:i,anchorOffset:null!==(o=e.anchorOffset)&&void 0!==o?o:"inside-center"===d?0:go,alignmentOffset:null!==(a=e.alignmentOffset)&&void 0!==a?a:"center"!==i&&d.startsWith("inside")?uo:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:po}}(r))}const fo="outside-bottom",bo="start",go=4,uo=4,po=!1;function mo(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 ho(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 xo(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(so(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 vo=[];let yo;function wo(e,t=!1){return gr(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function Bo(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=wo(e),a=wo(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}),yo){const e=yo;yo.container.setAttribute("data-focus-trap","suspended"),yo.controller.abort(),vo.push(e)}i.signal.addEventListener("abort",(()=>{yo=void 0})),a.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=vo.findIndex((t=>t.container===e));t>=0&&vo.splice(t,1),function(){const e=vo.pop();e&&Bo(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{d(e.target)}),{signal:i.signal,capture:!0}),d(document.activeElement),yo={container:e,controller:i,initialFocus:t,originalSignal:a};const l=vo.findIndex((t=>t.container===e));if(l>=0&&vo.splice(l,1),!r)return o}function $o(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=Bo(r.current,null!==(e=o.current)&&void 0!==e?e:void 0),()=>{l()};l()}}),[r,o,a,...t]),{containerRef:r,initialFocusRef:o}}function ko({icon:e,...t}){return n.default.createElement(e,t)}ko.displayName="Octicon";const So=d.default(ko)`
|
|
269
259
|
${yt}
|
|
270
260
|
${Xt}
|
|
271
|
-
`;
|
|
261
|
+
`;So.defaultProps={size:16};var To=So;function Eo(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 Co="__primerPortalRoot__",Io="__default__",Ao={};function No(){const e=Ao.__default__;if(!e||!document.body.contains(e)){let e=document.getElementById(Co);if(!(e instanceof Element)){e=document.createElement("div"),e.setAttribute("id",Co),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__"){Ao[t]=e}(e)}}var Ro=({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=Io,No());const o=Ao[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 zo(...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 Lo={prefix:String(Math.round(1e10*Math.random())),current:0},Ho=n.default.createContext(Lo);let Oo=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Mo(e){let r=t.useContext(Ho);return r!==Lo||Oo||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 Po="200ms",Do=d.default("div")`
|
|
272
262
|
position: fixed;
|
|
273
263
|
top: 0;
|
|
274
264
|
left: 0;
|
|
@@ -278,7 +268,7 @@
|
|
|
278
268
|
align-items: center;
|
|
279
269
|
justify-content: center;
|
|
280
270
|
background-color: rgba(0, 0, 0, 0.4);
|
|
281
|
-
animation: dialog-backdrop-appear ${
|
|
271
|
+
animation: dialog-backdrop-appear ${Po} ${vt("animation.easeOutCubic")};
|
|
282
272
|
|
|
283
273
|
@keyframes dialog-backdrop-appear {
|
|
284
274
|
0% {
|
|
@@ -288,7 +278,7 @@
|
|
|
288
278
|
opacity: 1;
|
|
289
279
|
}
|
|
290
280
|
}
|
|
291
|
-
`,
|
|
281
|
+
`,Fo={small:"480px",large:"640px",auto:"auto"},Wo={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},jo=d.default.div`
|
|
292
282
|
display: flex;
|
|
293
283
|
flex-direction: column;
|
|
294
284
|
background-color: ${vt("colors.canvas.overlay")};
|
|
@@ -296,11 +286,11 @@
|
|
|
296
286
|
min-width: 296px;
|
|
297
287
|
max-width: calc(100vw - 64px);
|
|
298
288
|
max-height: calc(100vh - 64px);
|
|
299
|
-
width: ${e=>{var t;return
|
|
300
|
-
height: ${e=>{var t;return
|
|
289
|
+
width: ${e=>{var t;return Wo[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
|
290
|
+
height: ${e=>{var t;return Fo[null!==(t=e.height)&&void 0!==t?t:"auto"]}};
|
|
301
291
|
border-radius: 12px;
|
|
302
292
|
opacity: 1;
|
|
303
|
-
animation: overlay--dialog-appear ${
|
|
293
|
+
animation: overlay--dialog-appear ${Po} ${vt("animation.easeOutCubic")};
|
|
304
294
|
|
|
305
295
|
@keyframes overlay--dialog-appear {
|
|
306
296
|
0% {
|
|
@@ -316,23 +306,23 @@
|
|
|
316
306
|
${yt};
|
|
317
307
|
${kt};
|
|
318
308
|
${Xt};
|
|
319
|
-
`,
|
|
309
|
+
`,Uo=({dialogLabelId:e,title:r,subtitle:o,dialogDescriptionId:a,onClose:d})=>{const i=t.useCallback((()=>{d("close-button")}),[d]);return n.default.createElement(ta.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(ta.Title,{id:e},null!=r?r:"Dialog"),o&&n.default.createElement(ta.Subtitle,{id:a},o)),n.default.createElement(ta.CloseButton,{onClose:i})))};Uo.displayName="DefaultHeader";const Go=({children:e})=>n.default.createElement(ta.Body,null,e);Go.displayName="DefaultBody";const _o=({footerButtons:e})=>{const{containerRef:t}=Eo({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return e?n.default.createElement(ta.Footer,{ref:t},n.default.createElement(ta.Buttons,{buttons:e})):null},Ko=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"}=e,g=Mo(),u=Mo(),p={...e,title:o,subtitle:a,role:s,dialogLabelId:g,dialogDescriptionId:u},m=t.useRef(null),h=zo(m,r),x=t.useRef(null);$o({containerRef:m,restoreFocusOnCleanUp:!0}),vr((e=>{c("escape"),e.preventDefault()}),[c]);const v=(null!=d?d:Uo)(p),y=(null!=i?i:Go)(p),w=(null!=l?l:_o)(p);return n.default.createElement(n.default.Fragment,null,n.default.createElement(Ro,null,n.default.createElement(Do,{ref:x},n.default.createElement(jo,{width:f,height:b,ref:h,role:s,"aria-labelledby":g,"aria-describedby":u},v,y,w))))}));Ko.displayName="Dialog";const Xo=d.default(Vt).attrs({as:"header"})`
|
|
320
310
|
box-shadow: 0 1px 0 ${vt("colors.border.default")};
|
|
321
311
|
padding: ${vt("space.2")};
|
|
322
312
|
z-index: 1;
|
|
323
313
|
flex-shrink: 0;
|
|
324
|
-
`,
|
|
314
|
+
`,Vo=d.default(Vt)`
|
|
325
315
|
font-size: ${vt("fontSizes.1")};
|
|
326
316
|
font-weight: ${vt("fontWeights.bold")};
|
|
327
|
-
`,
|
|
317
|
+
`,Yo=d.default(Vt)`
|
|
328
318
|
font-size: ${vt("fontSizes.0")};
|
|
329
319
|
margin-top: ${vt("space.1")};
|
|
330
320
|
color: ${vt("colors.fg.muted")};
|
|
331
|
-
`,
|
|
321
|
+
`,qo=d.default(Vt)`
|
|
332
322
|
flex-grow: 1;
|
|
333
323
|
overflow: auto;
|
|
334
324
|
padding: ${vt("space.3")};
|
|
335
|
-
`,
|
|
325
|
+
`,Jo=d.default(Vt).attrs({as:"footer"})`
|
|
336
326
|
box-shadow: 0 -1px 0 ${vt("colors.border.default")};
|
|
337
327
|
padding: ${vt("space.3")};
|
|
338
328
|
display: flex;
|
|
@@ -347,7 +337,7 @@
|
|
|
347
337
|
margin-left: 0;
|
|
348
338
|
}
|
|
349
339
|
}
|
|
350
|
-
`,
|
|
340
|
+
`,Zo={normal:Wr,primary:Kr,danger:jr},Qo=d.default(Wr)`
|
|
351
341
|
border-radius: 4px;
|
|
352
342
|
background: transparent;
|
|
353
343
|
border: 0;
|
|
@@ -357,21 +347,21 @@
|
|
|
357
347
|
align-self: flex-start;
|
|
358
348
|
line-height: normal;
|
|
359
349
|
box-shadow: none;
|
|
360
|
-
`,
|
|
350
|
+
`,ea=({onClose:e})=>n.default.createElement(Qo,{"aria-label":"Close",onClick:e},n.default.createElement(To,{icon:no}));ea.displayName="CloseButton";const ta=Object.assign(Ko,{Header:Xo,Title:Vo,Subtitle:Yo,Body:qo,Footer:Jo,Buttons:({buttons:e})=>{const r=t.useRef(null);let o=0;const[a,d]=t.useState(0);return t.useEffect((()=>{var e;1===a?null===(e=r.current)||void 0===e||e.focus():d(a+1)}),[a]),n.default.createElement(n.default.Fragment,null,e.map(((e,t)=>{const{content:a,buttonType:d="normal",autoFocus:i=!1,...l}=e,c=Zo[d];return n.default.createElement(c,Tt({key:t},l,{ref:i&&0===o?(o++,r):null}),a)})))},CloseButton:ea}),ra=d.default.header`
|
|
361
351
|
padding: ${vt("space.2")};
|
|
362
352
|
display: flex;
|
|
363
353
|
flex-direction: row;
|
|
364
|
-
`,
|
|
354
|
+
`,oa=d.default(Vt)`
|
|
365
355
|
font-size: ${vt("fontSizes.3")};
|
|
366
356
|
font-weight: ${vt("fontWeights.bold")};
|
|
367
357
|
padding: 6px ${vt("space.2")};
|
|
368
358
|
flex-grow: 1;
|
|
369
|
-
`,
|
|
359
|
+
`,aa=({title:e,onClose:r,dialogLabelId:o})=>{const a=t.useCallback((()=>{r("close-button")}),[r]);return n.default.createElement(ra,null,n.default.createElement(oa,{id:o},e),n.default.createElement(ta.CloseButton,{onClose:a}))};aa.displayName="ConfirmationHeader";const na=d.default(Vt)`
|
|
370
360
|
font-size: ${vt("fontSizes.1")};
|
|
371
361
|
padding: 0 ${vt("space.3")} ${vt("space.3")} ${vt("space.3")};
|
|
372
362
|
color: ${vt("colors.fg.muted")};
|
|
373
363
|
flex-grow: 1;
|
|
374
|
-
`,
|
|
364
|
+
`,da=({children:e})=>n.default.createElement(na,null,e);da.displayName="ConfirmationBody";const ia=d.default(Vt)`
|
|
375
365
|
display: grid;
|
|
376
366
|
grid-auto-flow: column;
|
|
377
367
|
grid-auto-columns: max-content;
|
|
@@ -379,7 +369,7 @@
|
|
|
379
369
|
align-items: end;
|
|
380
370
|
justify-content: end;
|
|
381
371
|
padding: ${vt("space.1")} ${vt("space.3")} ${vt("space.3")};
|
|
382
|
-
`,
|
|
372
|
+
`,la=({footerButtons:e})=>{const{containerRef:t}=Eo({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return n.default.createElement(ia,{ref:t},n.default.createElement(ta.Buttons,{buttons:null!=e?e:[]}))};la.displayName="ConfirmationFooter";const ca=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]),autoFocus:!0},{content:d,buttonType:i,onClick:t.useCallback((()=>{r("confirm")}),[r])}];return n.default.createElement(ta,{onClose:r,title:o,footerButtons:c,role:"alertdialog",width:"medium",renderHeader:aa,renderBody:da,renderFooter:la},l)};ca.displayName="ConfirmationDialog";const sa=d.default.div`
|
|
383
373
|
{
|
|
384
374
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
385
375
|
*
|
|
@@ -395,9 +385,9 @@
|
|
|
395
385
|
${({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"))}
|
|
396
386
|
|
|
397
387
|
${Xt}
|
|
398
|
-
`;function
|
|
388
|
+
`;function fa({variant:e="subtle",title:t,auxiliaryText:r,children:o,...a}){return n.default.createElement(sa,Tt({role:"heading",variant:e},a),t,r&&n.default.createElement("span",null,"auxiliaryText"))}fa.displayName="Header";const ba=d.default.div`
|
|
399
389
|
${Xt}
|
|
400
|
-
`;function
|
|
390
|
+
`;function ga({header:e,items:t,...r}){return n.default.createElement(ba,r,e&&n.default.createElement(fa,e),t)}ga.displayName="Group";const ua=d.default.div`
|
|
401
391
|
${wt}
|
|
402
392
|
${yt}
|
|
403
393
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
|
@@ -408,25 +398,25 @@
|
|
|
408
398
|
${se}
|
|
409
399
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
|
410
400
|
${Xt};
|
|
411
|
-
`;
|
|
401
|
+
`;ua.defaultProps={expandable:!1,inline:!1,maxWidth:125};var pa=ua;const ma=d.default.div`
|
|
412
402
|
height: 1px;
|
|
413
403
|
background: ${vt("colors.border.muted")};
|
|
414
404
|
margin-top: calc(${vt("space.2")} - 1px);
|
|
415
405
|
margin-bottom: ${vt("space.2")};
|
|
416
|
-
`;function
|
|
406
|
+
`;function ha(){return n.default.createElement(ma,null)}ha.displayName="Divider",ha.renderItem=ha;const xa={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)"}}},va=(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"}}},ya=d.default.div`
|
|
417
407
|
display: flex;
|
|
418
408
|
min-width: 0;
|
|
419
409
|
|
|
420
410
|
/* Required for dividers */
|
|
421
411
|
position: relative;
|
|
422
412
|
flex-grow: 1;
|
|
423
|
-
`,
|
|
413
|
+
`,wa=d.default.div`
|
|
424
414
|
align-items: baseline;
|
|
425
415
|
display: flex;
|
|
426
416
|
min-width: 0;
|
|
427
417
|
flex-direction: var(--main-content-flex-direction);
|
|
428
418
|
flex-grow: 1;
|
|
429
|
-
|
|
419
|
+
`,Ba=d.default.div`
|
|
430
420
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
431
421
|
*
|
|
432
422
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -435,24 +425,23 @@
|
|
|
435
425
|
padding: 6px ${vt("space.2")};
|
|
436
426
|
display: flex;
|
|
437
427
|
border-radius: ${vt("radii.2")};
|
|
438
|
-
color: ${({variant:e,item:t})=>
|
|
428
|
+
color: ${({variant:e,item:t})=>va(e,null==t?void 0:t.disabled).color};
|
|
439
429
|
// 2 frames on a 60hz monitor
|
|
440
430
|
transition: background 33.333ms linear;
|
|
441
|
-
text-decoration: none;
|
|
442
431
|
|
|
443
432
|
@media (hover: hover) and (pointer: fine) {
|
|
444
433
|
:hover {
|
|
445
434
|
// allow override in case another item in the list is active/focused
|
|
446
435
|
background: var(--item-hover-bg-override, ${({hoverBackground:e})=>e});
|
|
447
|
-
cursor: ${({variant:e,item:t})=>
|
|
436
|
+
cursor: ${({variant:e,item:t})=>va(e,null==t?void 0:t.disabled).hoverCursor};
|
|
448
437
|
}
|
|
449
438
|
}
|
|
450
439
|
|
|
451
440
|
// Item dividers
|
|
452
|
-
:not(:first-of-type):not(${
|
|
441
|
+
:not(:first-of-type):not(${ma} + &):not(${sa} + &) {
|
|
453
442
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
|
454
443
|
|
|
455
|
-
${
|
|
444
|
+
${ya}::before {
|
|
456
445
|
content: ' ';
|
|
457
446
|
display: block;
|
|
458
447
|
position: absolute;
|
|
@@ -466,23 +455,23 @@
|
|
|
466
455
|
|
|
467
456
|
// Item dividers should not be visible:
|
|
468
457
|
// - above Hovered
|
|
469
|
-
&:hover ${
|
|
458
|
+
&:hover ${ya}::before,
|
|
470
459
|
// - below Hovered
|
|
471
460
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
472
|
-
:hover + * ${
|
|
461
|
+
:hover + * ${ya}::before {
|
|
473
462
|
// allow override in case another item in the list is active/focused
|
|
474
463
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
|
475
464
|
}
|
|
476
465
|
|
|
477
466
|
// - above Focused
|
|
478
|
-
&:focus ${
|
|
467
|
+
&:focus ${ya}::before,
|
|
479
468
|
// - below Focused
|
|
480
469
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
481
|
-
:focus + * ${
|
|
470
|
+
:focus + * ${ya}::before,
|
|
482
471
|
// - above Active Descendent
|
|
483
|
-
&[${Rr}] ${
|
|
472
|
+
&[${Rr}] ${ya}::before,
|
|
484
473
|
// - below Active Descendent
|
|
485
|
-
[${Rr}] + & ${
|
|
474
|
+
[${Rr}] + & ${ya}::before {
|
|
486
475
|
// '!important' because all the ':not's above give higher specificity
|
|
487
476
|
border-color: transparent !important;
|
|
488
477
|
}
|
|
@@ -505,32 +494,32 @@
|
|
|
505
494
|
}
|
|
506
495
|
|
|
507
496
|
${Xt}
|
|
508
|
-
|
|
497
|
+
`,$a=d.default.span``,ka=d.default.div`
|
|
509
498
|
// Match visual height to adjacent text line height.
|
|
510
499
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
511
500
|
// hardcoded '20px' with '${vt("space.s20")}'.
|
|
512
501
|
height: 20px;
|
|
513
502
|
width: ${vt("space.3")};
|
|
514
503
|
margin-right: ${vt("space.2")};
|
|
515
|
-
`,
|
|
504
|
+
`,Sa=d.default(ka)`
|
|
516
505
|
svg {
|
|
517
|
-
fill: ${({variant:e,disabled:t})=>
|
|
506
|
+
fill: ${({variant:e,disabled:t})=>va(e,t).iconColor};
|
|
518
507
|
font-size: ${vt("fontSizes.0")};
|
|
519
508
|
}
|
|
520
|
-
`,
|
|
509
|
+
`,Ta=d.default(Sa)`
|
|
521
510
|
flex-shrink: 0;
|
|
522
511
|
display: flex;
|
|
523
512
|
flex-direction: column;
|
|
524
513
|
justify-content: center;
|
|
525
|
-
`,
|
|
526
|
-
color: ${({variant:e,disabled:t})=>
|
|
514
|
+
`,Ea=d.default(Sa)`
|
|
515
|
+
color: ${({variant:e,disabled:t})=>va(e,t).annotationColor}};
|
|
527
516
|
margin-left: ${vt("space.2")};
|
|
528
517
|
margin-right: 0;
|
|
529
518
|
width: auto;
|
|
530
519
|
div:nth-child(2) {
|
|
531
520
|
margin-left: ${vt("space.2")};
|
|
532
521
|
}
|
|
533
|
-
`,
|
|
522
|
+
`,Ca=d.default.span`
|
|
534
523
|
color: ${vt("colors.fg.muted")};
|
|
535
524
|
font-size: ${vt("fontSizes.0")};
|
|
536
525
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -540,9 +529,9 @@
|
|
|
540
529
|
min-width: 0;
|
|
541
530
|
flex-grow: 1;
|
|
542
531
|
flex-basis: var(--description-container-flex-basis);
|
|
543
|
-
`,
|
|
532
|
+
`,Ia=d.default.input`
|
|
544
533
|
pointer-events: none;
|
|
545
|
-
|
|
534
|
+
`;function Aa(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=Mo(),w=Mo(),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=xa[f],S=Gt(k.hover,"inherit"),T=Gt(k.focus,"inherit"),{theme:E}=Ut();return n.default.createElement(Ba,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(ka,null,"multiple"===i?n.default.createElement(n.default.Fragment,null,n.default.createElement(Ia,{disabled:g,tabIndex:-1,type:"checkbox",checked:d,"aria-label":r,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(Zr,{fill:null==E?void 0:E.colors.text.primary})),l&&n.default.createElement(Ta,{variant:f,disabled:g},n.default.createElement(l,null)),n.default.createElement(ya,null,n.default.createElement(wa,{style:{"--main-content-flex-direction":"inline"===a?"row":"column"}},m,r?n.default.createElement($a,{id:y},r):null,o?n.default.createElement(Ca,{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(pa,{title:o,inline:!0,maxWidth:"100%"},o)):null),c||s?n.default.createElement(Ea,{variant:f,disabled:g},s,c&&n.default.createElement(c,null)):null))}Aa.displayName="Item";const Na=d.default.div`
|
|
546
535
|
font-size: ${vt("fontSizes.1")};
|
|
547
536
|
/* 14px font-size * 1.428571429 = 20px line height
|
|
548
537
|
*
|
|
@@ -555,15 +544,15 @@
|
|
|
555
544
|
--item-hover-bg-override: none;
|
|
556
545
|
--item-hover-divider-border-color-override: ${vt("colors.border.muted")};
|
|
557
546
|
}
|
|
558
|
-
`;const
|
|
547
|
+
`;const Ra=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||Aa,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(Na,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(ha,{key:`${d.groupId}-divider`}):null,(t=>{var r;const o=(null!==(r="renderGroup"in t&&t.renderGroup)&&void 0!==r?r:e.renderGroup)||ga;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}))})))}));Ra.displayName="ActionList";const za=Object.assign(Ra,{Group:ga,Item:Aa,Divider:ha}),La={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Ha={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Oa=d.default.div`
|
|
559
548
|
background-color: ${vt("colors.canvas.overlay")};
|
|
560
549
|
box-shadow: ${vt("shadows.overlay.shadow")};
|
|
561
550
|
position: absolute;
|
|
562
551
|
min-width: 192px;
|
|
563
552
|
max-width: 640px;
|
|
564
|
-
height: ${e=>
|
|
565
|
-
max-height: ${e=>e.maxHeight&&
|
|
566
|
-
width: ${e=>
|
|
553
|
+
height: ${e=>La[e.height||"auto"]};
|
|
554
|
+
max-height: ${e=>e.maxHeight&&La[e.maxHeight]};
|
|
555
|
+
width: ${e=>Ha[e.width||"auto"]};
|
|
567
556
|
border-radius: 12px;
|
|
568
557
|
overflow: hidden;
|
|
569
558
|
animation: overlay-appear ${200}ms ${vt("animation.easeOutCubic")};
|
|
@@ -582,7 +571,7 @@
|
|
|
582
571
|
}
|
|
583
572
|
${yt};
|
|
584
573
|
${Xt};
|
|
585
|
-
`,
|
|
574
|
+
`,Ma=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=zo(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(Ro,{containerName:g},n.default.createElement(Oa,Tt({height:c,role:r},u,{ref:h,style:{top:`${s||0}px`,left:`${f||0}px`,...u.style,"--styled-overlay-visibility":l}})))}));Ma.defaultProps={height:"auto",width:"auto"};var Pa=Ma;const Da=({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=Mo(),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}=xo({anchorElementRef:g,floatingElementRef:u},[u.current]);return t.useEffect((()=>{!a&&u.current&&p(null)}),[a,u,p]),Eo({containerRef:u,disabled:!a||!w,...b}),$o({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(Pa,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 Fa(e,r,o){const[a,n]=t.useState(o);return[null!=e?e:a,t.useCallback((e=>{n(e),r&&r(e)}),[r])]}Da.displayName="AnchoredOverlay";const Wa=e=>n.default.createElement(Aa,Tt({role:"menuitem"},e));Wa.displayName="ActionMenuItem",Wa.displayName="ActionMenu.Item";const ja=({anchorContent:e,renderAnchor:r=(e=>n.default.createElement(Wr,e)),anchorRef:o,onAction:a,open:d,setOpen:i,overlayProps:l,items:c,...s})=>{const[f,b]=Fa(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(Da,{renderAnchor:m,anchorRef:g,open:f,onOpen:u,onClose:p,overlayProps:l},n.default.createElement(Ra,Tt({},s,{role:"menu",items:h})))};ja.displayName="ActionMenuBase",ja.displayName="ActionMenu";const Ua=Object.assign(ja,{Divider:ha,Item:Wa});const Ga=d.default.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
586
575
|
display: inline-block;
|
|
587
576
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
588
577
|
line-height: ${vt("lineHeights.condensedUltra")};
|
|
@@ -590,18 +579,18 @@
|
|
|
590
579
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
591
580
|
${yt};
|
|
592
581
|
${Xt}
|
|
593
|
-
`;
|
|
582
|
+
`;Ga.defaultProps={size:20,alt:"",square:!1};var _a=Ga;const Ka=d.default(_a)`
|
|
594
583
|
position: absolute;
|
|
595
584
|
right: -15%;
|
|
596
585
|
bottom: -9%;
|
|
597
586
|
box-shadow: ${vt("shadows.avatar.childShadow")};
|
|
598
|
-
`,
|
|
587
|
+
`,Xa=({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(Ka,Tt({bg:"canvas.default"},e.props,{size:20})):e));return n.default.createElement(Vt,Tt({position:"relative",display:"inline-flex"},t),r)};Xa.displayName="AvatarPair",Xa.displayName="AvatarPair";var Va=Xa,Ya={exports:{}};
|
|
599
588
|
/*!
|
|
600
589
|
Copyright (c) 2018 Jed Watson.
|
|
601
590
|
Licensed under the MIT License (MIT), see
|
|
602
591
|
http://jedwatson.github.io/classnames
|
|
603
592
|
*/
|
|
604
|
-
!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}()}(
|
|
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}()}(Ya);var qa=Ya.exports;const Ja=d.default.span`
|
|
605
594
|
display: flex;
|
|
606
595
|
position: relative;
|
|
607
596
|
height: 20px;
|
|
@@ -717,7 +706,7 @@
|
|
|
717
706
|
|
|
718
707
|
${yt}
|
|
719
708
|
${Xt};
|
|
720
|
-
`,
|
|
709
|
+
`,Za=({children:e,alignRight:t,...r})=>{const o=n.default.Children.count(e),a=qa({"pc-AvatarStack--two":2===o,"pc-AvatarStack--three-plus":o>2,"pc-AvatarStack--right":t});return n.default.createElement(Ja,Tt({count:o,className:a},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:qa(e.props.className,"pc-AvatarItem"),sx:{zIndex:10-t,...e.props.sx}}):e)))(e)))};Za.displayName="AvatarStack";var Qa=Za;var en=d.default.a`
|
|
721
710
|
display: inline-block;
|
|
722
711
|
padding: 2px 6px;
|
|
723
712
|
font-size: ${vt("fontSizes.0")};
|
|
@@ -727,7 +716,7 @@
|
|
|
727
716
|
border-radius: ${vt("radii.2")};
|
|
728
717
|
${yt};
|
|
729
718
|
${Xt};
|
|
730
|
-
`;const
|
|
719
|
+
`;const tn=d.default.li`
|
|
731
720
|
display: inline-block;
|
|
732
721
|
white-space: nowrap;
|
|
733
722
|
list-style: none;
|
|
@@ -746,13 +735,13 @@
|
|
|
746
735
|
content: none;
|
|
747
736
|
}
|
|
748
737
|
}
|
|
749
|
-
`,
|
|
738
|
+
`,rn=d.default.nav`
|
|
750
739
|
display: flex;
|
|
751
740
|
justify-content: space-between;
|
|
752
741
|
${yt};
|
|
753
742
|
${St};
|
|
754
743
|
${Xt};
|
|
755
|
-
`;function
|
|
744
|
+
`;function on({className:e,children:t,theme:r,...o}){const a=n.default.Children.map(t,(e=>n.default.createElement(tn,{theme:r},e)));return n.default.createElement(rn,Tt({className:e,"aria-label":"Breadcrumbs",theme:r},o),n.default.createElement(Vt,{as:"ol",my:0,pl:0},a))}on.displayName="Breadcrumbs";const an=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:qa(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
|
756
745
|
color: ${vt("colors.accent.fg")};
|
|
757
746
|
display: inline-block;
|
|
758
747
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -766,7 +755,7 @@
|
|
|
766
755
|
}
|
|
767
756
|
${yt}
|
|
768
757
|
${Xt};
|
|
769
|
-
`;
|
|
758
|
+
`;on.displayName="Breadcrumbs",an.displayName="Breadcrumbs.Item";var nn=Object.assign(on,{Item:an});const dn=Object.assign(on,{Item:an}),ln={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},cn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function sn(e,t,r){const o=ln[e].toLowerCase(),a=cn[e].toLowerCase();return{[o]:"100%",[t||a]:t?r:"50%"}}const fn=ut({prop:"bg",key:"colors"}),bn=ut({prop:"borderColor",key:"colors"}),gn=ut({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function un(e){var t;const o=n.default.useContext(r.ThemeContext),a={...e,theme:null!==(t=e.theme)&&void 0!==t?t:o},{bg:d}=fn(a),{borderColor:i}=bn(a),{borderWidth:l}=gn(a),{size:c=8,location:s="bottom"}=e,[f,b]=function(e){const[t,r]=e.split("-");return[t,r]}(s),g=cn[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",...sn(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})))}un.displayName="Caret",un.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],un.defaultProps={bg:"bg.canvas",borderColor:"border.primary",borderWidth:1};const pn={small:56,medium:96,large:128},mn=d.default.div`
|
|
770
759
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
771
760
|
align-items: center;
|
|
772
761
|
justify-content: center;
|
|
@@ -774,13 +763,13 @@
|
|
|
774
763
|
border-radius: 50%;
|
|
775
764
|
box-shadow: ${vt("shadows.shadow.medium")};
|
|
776
765
|
${yt};
|
|
777
|
-
${({size:e,variant:t="medium"})=>{const r=(o=e,!isNaN(parseFloat(o))&&isFinite(o)?e:
|
|
766
|
+
${({size:e,variant:t="medium"})=>{const r=(o=e,!isNaN(parseFloat(o))&&isFinite(o)?e:pn[t]);var o;return{width:r,height:r}}};
|
|
778
767
|
${Xt};
|
|
779
|
-
`,
|
|
768
|
+
`,hn=d.default(To)`
|
|
780
769
|
height: auto;
|
|
781
770
|
max-width: 60%;
|
|
782
771
|
max-height: 55%;
|
|
783
|
-
`;
|
|
772
|
+
`;mn.defaultProps={inline:!1},hn.displayName="CircleBadge.Icon";var xn=Object.assign(mn,{Icon:hn});function vn(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})))}vn.displayName="CircleOcticon",vn.defaultProps={...Vt.defaultProps,size:32};var yn=d.default.span`
|
|
784
773
|
display: inline-block;
|
|
785
774
|
padding: 2px 5px;
|
|
786
775
|
font-size: ${vt("fontSizes.0")};
|
|
@@ -796,7 +785,7 @@
|
|
|
796
785
|
}
|
|
797
786
|
|
|
798
787
|
${Xt};
|
|
799
|
-
`;const
|
|
788
|
+
`;const wn=d.default.details`
|
|
800
789
|
& > summary {
|
|
801
790
|
list-style: none;
|
|
802
791
|
}
|
|
@@ -806,11 +795,11 @@
|
|
|
806
795
|
|
|
807
796
|
${yt}
|
|
808
797
|
${Xt};
|
|
809
|
-
`;
|
|
798
|
+
`;wn.displayName="Details";var Bn=wn;const $n=()=>null;function kn(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 Sn=d.default.span`
|
|
810
799
|
${wt};
|
|
811
800
|
${yt};
|
|
812
801
|
${Xt};
|
|
813
|
-
`;const
|
|
802
|
+
`;const Tn=()=>null,En=d.default.div`
|
|
814
803
|
box-shadow: ${vt("shadows.shadow.large")};
|
|
815
804
|
border-radius: ${vt("radii.2")};
|
|
816
805
|
position: fixed;
|
|
@@ -834,7 +823,7 @@
|
|
|
834
823
|
${$t};
|
|
835
824
|
${yt};
|
|
836
825
|
${Xt};
|
|
837
|
-
`,
|
|
826
|
+
`,Cn=d.default(Vt)`
|
|
838
827
|
border-radius: ${vt("radii.2")} ${vt("radii.2")} 0px 0px;
|
|
839
828
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
|
840
829
|
display: flex;
|
|
@@ -844,7 +833,7 @@
|
|
|
844
833
|
}
|
|
845
834
|
|
|
846
835
|
${Xt};
|
|
847
|
-
`;function
|
|
836
|
+
`;function In({theme:e,children:t,backgroundColor:r="gray.1",...o}){return n.default.Children.toArray(t).every((e=>"string"==typeof e))&&(t=n.default.createElement(Sn,{theme:e,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},t)),n.default.createElement(Cn,Tt({theme:e,p:3,backgroundColor:r},o),t)}In.displayName="DialogHeader";const An=d.default.span`
|
|
848
837
|
&:before {
|
|
849
838
|
position: fixed;
|
|
850
839
|
top: 0;
|
|
@@ -858,10 +847,10 @@
|
|
|
858
847
|
z-index: 99;
|
|
859
848
|
background: ${vt("colors.primer.canvas.backdrop")};
|
|
860
849
|
}
|
|
861
|
-
`,
|
|
850
|
+
`,Nn=t.forwardRef((({children:e,onDismiss:r=Tn,isOpen:o,initialFocusRef:a,returnFocusRef:d,...i},l)=>{const c=t.useRef(null),s=zo(l),f=t.useRef(null),b=()=>{r(),d&&d.current&&d.current.focus()},{getDialogProps:g}=function({modalRef:e,overlayRef:r,isOpen:o,onDismiss:a=$n,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(kn);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(An,{ref:c}),n.default.createElement(En,Tt({tabIndex:-1,ref:s,role:"dialog","aria-modal":"true"},i,g()),n.default.createElement(lo,{ref:f,onClick:b,sx:{position:"absolute",top:"16px",right:"16px"}}),e)):null}));In.defaultProps={backgroundColor:"bg.tertiary"},In.propTypes={...Vt.propTypes},In.displayName="Dialog.Header",Nn.displayName="Dialog";var Rn=Object.assign(Nn,{Header:In});var zn=(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 Ln=d.default(Bn)`
|
|
862
851
|
position: relative;
|
|
863
852
|
display: inline-block;
|
|
864
|
-
`,
|
|
853
|
+
`,Hn=({children:e,className:t,...r})=>{const{getDetailsProps:o}=ir({closeOnOutsideClick:!0});return n.default.createElement(Ln,Tt({className:t},o(),r),e)};Hn.displayName="Dropdown";const On=({children:e,...t})=>n.default.createElement(Wr,Tt({as:"summary","aria-haspopup":"true"},t),e,n.default.createElement(Mn,null));On.displayName="DropdownButton";const Mn=d.default.div`
|
|
865
854
|
border: 4px solid transparent;
|
|
866
855
|
margin-left: 12px;
|
|
867
856
|
border-top-color: currentcolor;
|
|
@@ -873,7 +862,7 @@
|
|
|
873
862
|
width: 0;
|
|
874
863
|
${yt};
|
|
875
864
|
${Xt};
|
|
876
|
-
`,
|
|
865
|
+
`,Pn=d.default.ul`
|
|
877
866
|
background-clip: padding-box;
|
|
878
867
|
background-color: ${vt("colors.canvas.overlay")};
|
|
879
868
|
border: 1px solid ${vt("colors.border.default")};
|
|
@@ -914,10 +903,10 @@
|
|
|
914
903
|
> ul {
|
|
915
904
|
list-style: none;
|
|
916
905
|
}
|
|
917
|
-
${e=>e.direction?
|
|
906
|
+
${e=>e.direction?zn(e.theme,e.direction):""};
|
|
918
907
|
${yt};
|
|
919
908
|
${Xt};
|
|
920
|
-
`,
|
|
909
|
+
`,Dn=d.default.li`
|
|
921
910
|
display: block;
|
|
922
911
|
padding: ${vt("space.1")} 10px ${vt("space.1")} 15px;
|
|
923
912
|
overflow: hidden;
|
|
@@ -950,7 +939,7 @@
|
|
|
950
939
|
}
|
|
951
940
|
${yt};
|
|
952
941
|
${Xt};
|
|
953
|
-
`;
|
|
942
|
+
`;Pn.defaultProps={direction:"sw"},Pn.displayName="Dropdown.Menu",Dn.displayName="Dropdown.Item",On.defaultProps=Wr.defaultProps,On.displayName="Dropdown.Button",Mn.displayName="Dropdown.Caret",Hn.defaultProps=Bn.defaultProps;var Fn=Object.assign(Hn,{Caret:Mn,Menu:Pn,Item:Dn,Button:On});const Wn=n.default.forwardRef((({children:e,...t},r)=>n.default.createElement(Wr,Tt({ref:r,type:"button"},t),e,n.default.createElement(To,{icon:ao,ml:1}))));function jn({renderAnchor:e=(e=>n.default.createElement(Wn,e)),anchorRef:r,placeholder:o,selectedItem:a,onChange:d,overlayProps:i,items:l,open:c,onOpenChange:s,...f}){const[b,g]=Fa(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(Da,{renderAnchor:h,anchorRef:m,open:b,onOpen:u,onClose:p,overlayProps:i},n.default.createElement(Ra,Tt({},f,{role:"listbox",items:x})))}jn.displayName="DropdownMenu",jn.displayName="DropdownMenu";var Un=d.default.div`
|
|
954
943
|
${yt};
|
|
955
944
|
display: flex;
|
|
956
945
|
align-items: stretch;
|
|
@@ -969,11 +958,11 @@
|
|
|
969
958
|
}
|
|
970
959
|
|
|
971
960
|
${Xt}
|
|
972
|
-
`;const
|
|
961
|
+
`;const Gn=d.default.ul`
|
|
973
962
|
list-style-type: none;
|
|
974
963
|
${yt};
|
|
975
964
|
${Xt};
|
|
976
|
-
`,
|
|
965
|
+
`,_n=({children:e,...t})=>{const r=n.default.Children.map(e,(e=>n.default.createElement("li",null,e)));return n.default.createElement(Gn,t,r)};_n.displayName="FilterList";const Kn=d.default.a`
|
|
977
966
|
position: relative;
|
|
978
967
|
display: block;
|
|
979
968
|
padding: ${e=>e.small?`${vt("space.1")(e)} 10px`:`${vt("space.2")(e)} 11px`};
|
|
@@ -1001,7 +990,7 @@
|
|
|
1001
990
|
}
|
|
1002
991
|
${yt};
|
|
1003
992
|
${Xt};
|
|
1004
|
-
`;function
|
|
993
|
+
`;function Xn({children:e,count:t,...r}){return n.default.createElement(Kn,r,t&&n.default.createElement("span",{title:"results",className:"count"},t),e)}Xn.displayName="FilterListItem",_n.defaultProps={m:0,p:0},Xn.displayName="FilterList.Item";var Vn=Object.assign(_n,{Item:Xn});const Yn=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"}}}}),qn=d.default.div`
|
|
1005
994
|
position: relative;
|
|
1006
995
|
color: ${vt("colors.fg.default")};
|
|
1007
996
|
padding: ${vt("space.3")};
|
|
@@ -1019,14 +1008,14 @@
|
|
|
1019
1008
|
}
|
|
1020
1009
|
|
|
1021
1010
|
${yt};
|
|
1022
|
-
${
|
|
1011
|
+
${Yn};
|
|
1023
1012
|
${Xt};
|
|
1024
|
-
`;
|
|
1013
|
+
`;qn.defaultProps={variant:"default"};var Jn=qn;const Zn=d.default.div`
|
|
1025
1014
|
margin: ${vt("space.3")} 0;
|
|
1026
1015
|
font-weight: ${vt("fontWeights.normal")};
|
|
1027
1016
|
${yt};
|
|
1028
1017
|
${Xt};
|
|
1029
|
-
`,
|
|
1018
|
+
`,Qn=d.default.label`
|
|
1030
1019
|
display: block;
|
|
1031
1020
|
margin: 0 0 ${vt("space.2")};
|
|
1032
1021
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -1034,7 +1023,7 @@
|
|
|
1034
1023
|
${wt};
|
|
1035
1024
|
${yt};
|
|
1036
1025
|
${Xt};
|
|
1037
|
-
`;
|
|
1026
|
+
`;Qn.displayName="FormGroup.Label";var ed=Object.assign(Zn,{Label:Qn});const td=d.default.div`
|
|
1038
1027
|
z-index: 32;
|
|
1039
1028
|
display: flex;
|
|
1040
1029
|
padding: ${vt("space.3")};
|
|
@@ -1048,7 +1037,7 @@
|
|
|
1048
1037
|
${yt}
|
|
1049
1038
|
${Bt}
|
|
1050
1039
|
${Xt};
|
|
1051
|
-
`,
|
|
1040
|
+
`,rd=d.default.div`
|
|
1052
1041
|
display: flex;
|
|
1053
1042
|
margin-right: ${vt("space.3")};
|
|
1054
1043
|
align-self: stretch;
|
|
@@ -1060,7 +1049,7 @@
|
|
|
1060
1049
|
${yt};
|
|
1061
1050
|
${Bt};
|
|
1062
1051
|
${Xt};
|
|
1063
|
-
`;
|
|
1052
|
+
`;rd.displayName="Header.Item";const od=d.default.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
|
1064
1053
|
font-weight: ${vt("fontWeights.bold")};
|
|
1065
1054
|
color: ${vt("colors.header.logo")};
|
|
1066
1055
|
white-space: nowrap;
|
|
@@ -1078,14 +1067,14 @@
|
|
|
1078
1067
|
${Bt};
|
|
1079
1068
|
${wt};
|
|
1080
1069
|
${Xt};
|
|
1081
|
-
`;
|
|
1070
|
+
`;od.displayName="Header.Link";var ad=Object.assign(td,{Link:od,Item:rd});const nd=d.default.h2`
|
|
1082
1071
|
font-weight: ${vt("fontWeights.bold")};
|
|
1083
1072
|
font-size: ${vt("fontSizes.5")};
|
|
1084
1073
|
margin: 0;
|
|
1085
1074
|
${wt};
|
|
1086
1075
|
${yt};
|
|
1087
1076
|
${Xt};
|
|
1088
|
-
`;
|
|
1077
|
+
`;nd.defaultProps={theme:l};var dd=nd;var id=d.default.span`
|
|
1089
1078
|
${yt}
|
|
1090
1079
|
& * {
|
|
1091
1080
|
margin-right: ${vt("space.1")};
|
|
@@ -1094,7 +1083,7 @@
|
|
|
1094
1083
|
margin-right: 0;
|
|
1095
1084
|
}
|
|
1096
1085
|
${Xt};
|
|
1097
|
-
`;const
|
|
1086
|
+
`;const ld=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),cd=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"}}}),sd=d.default.span`
|
|
1098
1087
|
display: inline-block;
|
|
1099
1088
|
font-weight: ${vt("fontWeights.semibold")};
|
|
1100
1089
|
color: ${vt("colors.fg.onEmphasis")};
|
|
@@ -1104,17 +1093,17 @@
|
|
|
1104
1093
|
text-decoration: none;
|
|
1105
1094
|
}
|
|
1106
1095
|
|
|
1107
|
-
${
|
|
1096
|
+
${cd}
|
|
1108
1097
|
${yt}
|
|
1109
1098
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1110
|
-
${e=>e.outline?
|
|
1099
|
+
${e=>e.outline?ld:""} // must be last to override other values
|
|
1111
1100
|
${Xt}
|
|
1112
|
-
`;
|
|
1101
|
+
`;sd.defaultProps={bg:"label.primary.border",variant:"medium"};var fd=sd;const bd=$({hoverColor:{property:"color",scale:"colors"}});var gd=d.default.a`
|
|
1113
1102
|
color: ${e=>e.muted?vt("colors.fg.muted")(e):vt("colors.accent.fg")(e)};
|
|
1114
1103
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1115
1104
|
&:hover {
|
|
1116
1105
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
|
1117
|
-
${e=>e.hoverColor?
|
|
1106
|
+
${e=>e.hoverColor?bd:e.muted?`color: ${vt("colors.accent.fg")(e)}`:""};
|
|
1118
1107
|
}
|
|
1119
1108
|
&:is(button) {
|
|
1120
1109
|
display: inline-block;
|
|
@@ -1130,7 +1119,7 @@
|
|
|
1130
1119
|
${wt};
|
|
1131
1120
|
${yt};
|
|
1132
1121
|
${Xt};
|
|
1133
|
-
`;var
|
|
1122
|
+
`;var ud=d.default.div`
|
|
1134
1123
|
position: relative;
|
|
1135
1124
|
padding-top: ${vt("space.4")};
|
|
1136
1125
|
padding-bottom: ${vt("space.4")};
|
|
@@ -1138,7 +1127,7 @@
|
|
|
1138
1127
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
|
1139
1128
|
${yt};
|
|
1140
1129
|
${Xt};
|
|
1141
|
-
`;const
|
|
1130
|
+
`;const pd=d.default.a`
|
|
1142
1131
|
display: inline-block;
|
|
1143
1132
|
min-width: 32px;
|
|
1144
1133
|
padding: 5px 10px;
|
|
@@ -1238,12 +1227,12 @@
|
|
|
1238
1227
|
}
|
|
1239
1228
|
|
|
1240
1229
|
${yt};
|
|
1241
|
-
`;function
|
|
1230
|
+
`;function md({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(pd,Tt({},r,{key:o,theme:e}),d)}))),[s,a,c,e])}const hd=d.default.nav`
|
|
1242
1231
|
margin-top: 20px;
|
|
1243
1232
|
margin-bottom: 15px;
|
|
1244
1233
|
text-align: center;
|
|
1245
1234
|
${Xt};
|
|
1246
|
-
`;function
|
|
1235
|
+
`;function xd({theme:e,pageCount:t,currentPage:r,onPageChange:o=yd,hrefBuilder:a=vd,marginPageCount:d=1,showPages:i=!0,surroundingPageCount:l=2,...c}){const s=md({theme:e,pageCount:t,currentPage:r,onPageChange:o,hrefBuilder:a,marginPageCount:d,showPages:i,surroundingPageCount:l});return n.default.createElement(hd,Tt({"aria-label":"Pagination"},c,{theme:e}),n.default.createElement(Vt,{display:"inline-block",theme:e},s))}function vd(e){return`#${e}`}function yd(){}function wd(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(un,c))}xd.displayName="Pagination",xd.defaultProps={hrefBuilder:vd,marginPageCount:1,onPageChange:yd,showPages:!0,surroundingPageCount:2},wd.displayName="PointerBox";const Bd=d.default.div.attrs((({className:e,caret:t})=>({className:qa(e,`caret-pos--${t}`)})))`
|
|
1247
1236
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1248
1237
|
z-index: 100;
|
|
1249
1238
|
display: ${e=>e.open?"block":"none"};
|
|
@@ -1252,7 +1241,7 @@
|
|
|
1252
1241
|
${$t};
|
|
1253
1242
|
${kt};
|
|
1254
1243
|
${Xt};
|
|
1255
|
-
|
|
1244
|
+
`,$d=d.default(Vt)`
|
|
1256
1245
|
border: 1px solid ${vt("colors.border.default")};
|
|
1257
1246
|
border-radius: ${vt("radii.2")};
|
|
1258
1247
|
position: relative;
|
|
@@ -1289,9 +1278,9 @@
|
|
|
1289
1278
|
}
|
|
1290
1279
|
|
|
1291
1280
|
// Bottom-oriented carets
|
|
1292
|
-
${
|
|
1293
|
-
${
|
|
1294
|
-
${
|
|
1281
|
+
${Bd}.caret-pos--bottom & ,
|
|
1282
|
+
${Bd}.caret-pos--bottom-right & ,
|
|
1283
|
+
${Bd}.caret-pos--bottom-left & {
|
|
1295
1284
|
&::before,
|
|
1296
1285
|
&::after {
|
|
1297
1286
|
top: auto;
|
|
@@ -1311,8 +1300,8 @@
|
|
|
1311
1300
|
}
|
|
1312
1301
|
|
|
1313
1302
|
// Top & Bottom: Right-oriented carets
|
|
1314
|
-
${
|
|
1315
|
-
${
|
|
1303
|
+
${Bd}.caret-pos--top-right & ,
|
|
1304
|
+
${Bd}.caret-pos--bottom-right & {
|
|
1316
1305
|
right: -9px;
|
|
1317
1306
|
margin-right: 0;
|
|
1318
1307
|
|
|
@@ -1332,8 +1321,8 @@
|
|
|
1332
1321
|
}
|
|
1333
1322
|
|
|
1334
1323
|
// Top & Bottom: Left-oriented carets
|
|
1335
|
-
${
|
|
1336
|
-
${
|
|
1324
|
+
${Bd}.caret-pos--top-left & ,
|
|
1325
|
+
${Bd}.caret-pos--bottom-left & {
|
|
1337
1326
|
left: -9px;
|
|
1338
1327
|
margin-left: 0;
|
|
1339
1328
|
|
|
@@ -1349,12 +1338,12 @@
|
|
|
1349
1338
|
}
|
|
1350
1339
|
|
|
1351
1340
|
// Right- & Left-oriented carets
|
|
1352
|
-
${
|
|
1353
|
-
${
|
|
1354
|
-
${
|
|
1355
|
-
${
|
|
1356
|
-
${
|
|
1357
|
-
${
|
|
1341
|
+
${Bd}.caret-pos--right & ,
|
|
1342
|
+
${Bd}.caret-pos--right-top & ,
|
|
1343
|
+
${Bd}.caret-pos--right-bottom & ,
|
|
1344
|
+
${Bd}.caret-pos--left & ,
|
|
1345
|
+
${Bd}.caret-pos--left-top & ,
|
|
1346
|
+
${Bd}.caret-pos--left-bottom & {
|
|
1358
1347
|
&::before,
|
|
1359
1348
|
&::after {
|
|
1360
1349
|
top: 50%;
|
|
@@ -1374,9 +1363,9 @@
|
|
|
1374
1363
|
}
|
|
1375
1364
|
|
|
1376
1365
|
// Right-oriented carets
|
|
1377
|
-
${
|
|
1378
|
-
${
|
|
1379
|
-
${
|
|
1366
|
+
${Bd}.caret-pos--right & ,
|
|
1367
|
+
${Bd}.caret-pos--right-top & ,
|
|
1368
|
+
${Bd}.caret-pos--right-bottom & {
|
|
1380
1369
|
&::before {
|
|
1381
1370
|
right: -${vt("space.3")};
|
|
1382
1371
|
border-left-color: ${vt("colors.border.default")};
|
|
@@ -1390,9 +1379,9 @@
|
|
|
1390
1379
|
}
|
|
1391
1380
|
|
|
1392
1381
|
// Left-oriented carets
|
|
1393
|
-
${
|
|
1394
|
-
${
|
|
1395
|
-
${
|
|
1382
|
+
${Bd}.caret-pos--left & ,
|
|
1383
|
+
${Bd}.caret-pos--left-top & ,
|
|
1384
|
+
${Bd}.caret-pos--left-bottom & {
|
|
1396
1385
|
&::before {
|
|
1397
1386
|
left: -${vt("space.3")};
|
|
1398
1387
|
border-right-color: ${vt("colors.border.default")};
|
|
@@ -1406,8 +1395,8 @@
|
|
|
1406
1395
|
}
|
|
1407
1396
|
|
|
1408
1397
|
// Right & Left: Top-oriented carets
|
|
1409
|
-
${
|
|
1410
|
-
${
|
|
1398
|
+
${Bd}.caret-pos--right-top & ,
|
|
1399
|
+
${Bd}.caret-pos--left-top & {
|
|
1411
1400
|
&::before,
|
|
1412
1401
|
&::after {
|
|
1413
1402
|
top: ${vt("space.4")};
|
|
@@ -1415,8 +1404,8 @@
|
|
|
1415
1404
|
}
|
|
1416
1405
|
|
|
1417
1406
|
// Right & Left: Bottom-oriented carets
|
|
1418
|
-
${
|
|
1419
|
-
${
|
|
1407
|
+
${Bd}.caret-pos--right-bottom & ,
|
|
1408
|
+
${Bd}.caret-pos--left-bottom & {
|
|
1420
1409
|
&::before,
|
|
1421
1410
|
&::after {
|
|
1422
1411
|
top: auto;
|
|
@@ -1432,23 +1421,23 @@
|
|
|
1432
1421
|
}
|
|
1433
1422
|
|
|
1434
1423
|
${Xt};
|
|
1435
|
-
|
|
1424
|
+
`;Bd.defaultProps={caret:"top"},$d.displayName="Popover.Content";var kd=Object.assign(Bd,{Content:$d});const Sd=d.default.span`
|
|
1436
1425
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
|
1437
1426
|
${yt}
|
|
1438
|
-
`,
|
|
1427
|
+
`,Td={small:"5px",large:"10px",default:"8px"},Ed=d.default.span`
|
|
1439
1428
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
1440
1429
|
overflow: hidden;
|
|
1441
1430
|
background-color: ${vt("colors.border.default")};
|
|
1442
1431
|
border-radius: ${vt("radii.1")};
|
|
1443
|
-
height: ${e=>
|
|
1432
|
+
height: ${e=>Td[e.barSize||"default"]};
|
|
1444
1433
|
${yt}
|
|
1445
1434
|
${de}
|
|
1446
1435
|
${Xt};
|
|
1447
|
-
`;function
|
|
1448
|
-
${
|
|
1436
|
+
`;function Cd({progress:e,bg:t,theme:r,...o}){return n.default.createElement(Ed,Tt({theme:r},o),n.default.createElement(Sd,{progress:e,bg:t,theme:r}))}function Id(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])}Cd.displayName="ProgressBar",Cd.defaultProps={bg:"bg.successInverse",barSize:"default"};const Ad=t.createContext({}),Nd=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")),Rd=d.default.div`
|
|
1437
|
+
${Nd}
|
|
1449
1438
|
${yt}
|
|
1450
1439
|
${Xt};
|
|
1451
|
-
`;
|
|
1440
|
+
`;Rd.displayName="SelectMenu.Divider";var zd=Rd;const Ld=re({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}}),Hd=d.default.input`
|
|
1452
1441
|
border: 0;
|
|
1453
1442
|
font-size: inherit;
|
|
1454
1443
|
font-family: inherit;
|
|
@@ -1459,7 +1448,7 @@
|
|
|
1459
1448
|
&:focus {
|
|
1460
1449
|
outline: 0;
|
|
1461
1450
|
}
|
|
1462
|
-
`,
|
|
1451
|
+
`,Od=d.default.span`
|
|
1463
1452
|
display: inline-flex;
|
|
1464
1453
|
align-items: stretch;
|
|
1465
1454
|
min-height: 34px;
|
|
@@ -1501,9 +1490,9 @@
|
|
|
1501
1490
|
${de}
|
|
1502
1491
|
${le}
|
|
1503
1492
|
${se}
|
|
1504
|
-
${
|
|
1493
|
+
${Ld}
|
|
1505
1494
|
${Xt};
|
|
1506
|
-
`,
|
|
1495
|
+
`,Md=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=qa(r,"TextInput-wrapper");return n.default.createElement(Od,{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(Hd,Tt({ref:g,disabled:a},b)))}));Md.defaultProps={type:"text"},Md.displayName="TextInput";var Pd=Md;const Dd=d.default.form`
|
|
1507
1496
|
padding: ${vt("space.3")};
|
|
1508
1497
|
margin: 0;
|
|
1509
1498
|
border-bottom: ${vt("borderWidths.1")} solid ${vt("colors.border.muted")};
|
|
@@ -1515,11 +1504,11 @@
|
|
|
1515
1504
|
}
|
|
1516
1505
|
|
|
1517
1506
|
${Xt};
|
|
1518
|
-
`,
|
|
1519
|
-
${
|
|
1507
|
+
`,Fd=t.forwardRef((({theme:e,value:r,sx:o,...a},d)=>{const i=t.useRef(null),l=null!=d?d:i,{open:c}=t.useContext(Ad);return t.useEffect((()=>{var e;c&&(null===(e=i.current)||void 0===e||e.focus())}),[c]),n.default.createElement(Dd,{theme:e,sx:o},n.default.createElement(Pd,Tt({theme:e,ref:l,width:"100%",block:!0,value:r,contrast:!0},a)))}));Fd.displayName="SelectMenu.Filter";var Wd=Fd;const jd=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")),Ud=d.default.footer`
|
|
1508
|
+
${jd}
|
|
1520
1509
|
${yt}
|
|
1521
1510
|
${Xt};
|
|
1522
|
-
`;
|
|
1511
|
+
`;Ud.displayName="SelectMenu.Footer";var Gd=Ud;const _d=d.default.h3`
|
|
1523
1512
|
color: ${vt("colors.fg.default")};
|
|
1524
1513
|
flex: auto;
|
|
1525
1514
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -1529,7 +1518,7 @@
|
|
|
1529
1518
|
@media (min-width: ${vt("breakpoints.0")}) {
|
|
1530
1519
|
font-size: inherit;
|
|
1531
1520
|
}
|
|
1532
|
-
`,
|
|
1521
|
+
`,Kd=d.default.header`
|
|
1533
1522
|
display: flex;
|
|
1534
1523
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
1535
1524
|
padding: ${vt("space.3")};
|
|
@@ -1543,15 +1532,15 @@
|
|
|
1543
1532
|
}
|
|
1544
1533
|
|
|
1545
1534
|
${Xt};
|
|
1546
|
-
`,
|
|
1547
|
-
${
|
|
1535
|
+
`,Xd=({children:e,theme:t,...r})=>n.default.createElement(Kd,Tt({theme:t},r),n.default.createElement(_d,{theme:t},e));Xd.displayName="SelectMenuHeader",Xd.displayName="SelectMenu.Header";var Vd=Xd;const Yd=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")),qd=d.default.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
|
1536
|
+
${Yd}
|
|
1548
1537
|
${yt}
|
|
1549
1538
|
${Xt};
|
|
1550
|
-
`,
|
|
1551
|
-
${
|
|
1539
|
+
`,Jd=t.forwardRef((({children:e,selected:r,theme:o,onClick:a,...d},i)=>{const l=t.useContext(Ad),c=t.useRef(null),s=null!=i?i:c;return n.default.createElement(qd,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(To,{theme:o,className:"SelectMenu-icon SelectMenu-selected-icon",icon:Zr}),e)}));Jd.defaultProps={selected:!1},Jd.displayName="SelectMenu.Item";var Zd=Jd;const Qd=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")),ei=d.default.div`
|
|
1540
|
+
${Qd}
|
|
1552
1541
|
${yt}
|
|
1553
1542
|
${Xt};
|
|
1554
|
-
`;
|
|
1543
|
+
`;ei.displayName="SelectMenu.List";var ti=ei;const ri={small:"16px",medium:"32px",large:"64px"};function oi({size:e="medium",...t}){const r=ri[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"}))}oi.displayName="Spinner";const ai=d.default(oi)`
|
|
1555
1544
|
@keyframes rotate-keyframes {
|
|
1556
1545
|
100% {
|
|
1557
1546
|
transform: rotate(360deg);
|
|
@@ -1562,42 +1551,42 @@
|
|
|
1562
1551
|
|
|
1563
1552
|
${yt}
|
|
1564
1553
|
${Xt}
|
|
1565
|
-
`;
|
|
1554
|
+
`;ai.displayName="Spinner";var ni=ai;const di=d.default.div`
|
|
1566
1555
|
padding: ${vt("space.6")} ${vt("space.4")};
|
|
1567
1556
|
text-align: center;
|
|
1568
1557
|
background-color: ${vt("colors.canvas.overlay")};
|
|
1569
1558
|
${yt}
|
|
1570
|
-
`,
|
|
1571
|
-
${
|
|
1559
|
+
`,ii=e=>n.default.createElement(di,e,n.default.createElement(ni,null));ii.displayName="SelectMenuLoadingAnimation";var li=ii;const ci=r.keyframes(["0%{opacity:0;transform:scale(0.9);}"]),si=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"),ci,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")),fi=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")),bi=d.default.div`
|
|
1560
|
+
${si}
|
|
1572
1561
|
${de}
|
|
1573
|
-
`,
|
|
1574
|
-
${
|
|
1562
|
+
`,gi=d.default.div`
|
|
1563
|
+
${fi}
|
|
1575
1564
|
${yt}
|
|
1576
1565
|
${Xt};
|
|
1577
|
-
`,
|
|
1578
|
-
${
|
|
1566
|
+
`,ui=n.default.forwardRef((({children:e,theme:t,width:r,...o},a)=>n.default.createElement(gi,Tt({theme:t},o,{role:"menu",ref:a}),n.default.createElement(bi,{theme:t,width:r},e))));ui.defaultProps={align:"left",width:"300px"},ui.displayName="SelectMenu.Modal";var pi=ui;const mi=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")),hi=d.default.button`
|
|
1567
|
+
${mi}
|
|
1579
1568
|
${yt}
|
|
1580
1569
|
${Xt};
|
|
1581
|
-
`,
|
|
1570
|
+
`,xi=({tabName:e="",index:r,className:o,onClick:a,...d})=>{const i=t.useContext(Ad);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(hi,Tt({role:"tab",className:qa("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)};xi.displayName="SelectMenuTab",xi.displayName="SelectMenu.Tab";var vi=xi;const yi=d.default.div`
|
|
1582
1571
|
border-top: ${vt("borderWidths.1")} solid ${vt("colors.border.muted")};
|
|
1583
1572
|
${yt}
|
|
1584
1573
|
${Xt};
|
|
1585
|
-
`,
|
|
1586
|
-
${
|
|
1574
|
+
`,wi=({tabName:e,className:r,children:o,...a})=>{const d=t.useContext(Ad);return n.default.createElement(yi,Tt({role:"tabpanel",className:r,hidden:d.selectedTab!==e},a),n.default.createElement(ti,null,o))};wi.displayName="TabPanel",wi.displayName="SelectMenu.TabPanel";var Bi=wi;const $i=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")),ki=d.default.div`
|
|
1575
|
+
${$i}
|
|
1587
1576
|
${yt}
|
|
1588
1577
|
${Xt};
|
|
1589
|
-
`,
|
|
1578
|
+
`,Si=({children:e,...t})=>n.default.createElement(ki,Tt({role:"tablist"},t),e);Si.displayName="SelectMenuTabs",Si.displayName="SelectMenu.Tabs";var Ti=Si;const Ei=d.default.details`
|
|
1590
1579
|
${"\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"}
|
|
1591
1580
|
${yt}
|
|
1592
1581
|
${Xt};
|
|
1593
|
-
`,
|
|
1582
|
+
`,Ci=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]),Id(l,f,b),n.default.createElement(Ad.Provider,{value:g},n.default.createElement(Ei,Tt({ref:l},a,{open:f,onToggle:function(e){b(e.target.open)}}),e))}));Ci.displayName="SelectMenu";var Ii=Object.assign(Ci,{MenuContext:Ad,List:ti,Divider:zd,Filter:Wd,Footer:Gd,Item:Zd,Modal:pi,Tabs:Ti,Tab:vi,TabPanel:Bi,Header:Vd,LoadingAnimation:li});function Ai({variant:e,className:t,bordered:r,children:o,...a}){const d=qa(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)}Ai.displayName="SideNavBase";const Ni=d.default(Ai)`
|
|
1594
1583
|
background-color: ${vt("colors.canvas.subtle")};
|
|
1595
1584
|
|
|
1596
1585
|
${e=>e.bordered&&r.css(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
1597
1586
|
|
|
1598
1587
|
${yt};
|
|
1599
1588
|
${Xt};
|
|
1600
|
-
`,
|
|
1589
|
+
`,Ri=r.css(["background-color:",";outline:none;text-decoration:none;"],vt("colors.neutral.subtle")),zi=r.css(["color:",";text-decoration:none;outline:none;"],vt("colors.fg.default")),Li=d.default(gd).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
|
1601
1590
|
position: relative;
|
|
1602
1591
|
display: block;
|
|
1603
1592
|
${e=>"full"===e.variant&&r.css(["display:flex;align-items:center;justify-content:space-between;"])}
|
|
@@ -1605,11 +1594,11 @@
|
|
|
1605
1594
|
text-align: left;
|
|
1606
1595
|
font-size: ${vt("fontSizes.1")};
|
|
1607
1596
|
|
|
1608
|
-
& > ${
|
|
1597
|
+
& > ${Ni} {
|
|
1609
1598
|
border-bottom: none;
|
|
1610
1599
|
}
|
|
1611
1600
|
|
|
1612
|
-
${
|
|
1601
|
+
${Ni}.variant-normal > & {
|
|
1613
1602
|
color: ${vt("colors.fg.default")};
|
|
1614
1603
|
padding: ${vt("space.3")};
|
|
1615
1604
|
border: 0;
|
|
@@ -1639,11 +1628,11 @@
|
|
|
1639
1628
|
}
|
|
1640
1629
|
|
|
1641
1630
|
&:hover {
|
|
1642
|
-
${
|
|
1631
|
+
${Ri}
|
|
1643
1632
|
}
|
|
1644
1633
|
|
|
1645
1634
|
&:focus {
|
|
1646
|
-
${
|
|
1635
|
+
${Ri}
|
|
1647
1636
|
box-shadow: ${vt("shadows.primer.shadow.focus")};
|
|
1648
1637
|
z-index: 1;
|
|
1649
1638
|
}
|
|
@@ -1659,16 +1648,16 @@
|
|
|
1659
1648
|
}
|
|
1660
1649
|
}
|
|
1661
1650
|
|
|
1662
|
-
${
|
|
1651
|
+
${Ni}.variant-lightweight > & {
|
|
1663
1652
|
padding: ${vt("space.1")} 0;
|
|
1664
1653
|
color: ${vt("colors.accent.fg")};
|
|
1665
1654
|
|
|
1666
1655
|
&:hover {
|
|
1667
|
-
${
|
|
1656
|
+
${zi}
|
|
1668
1657
|
}
|
|
1669
1658
|
|
|
1670
1659
|
&:focus {
|
|
1671
|
-
${
|
|
1660
|
+
${zi}
|
|
1672
1661
|
box-shadow: ${vt("shadows.primer.shadow.focus")};
|
|
1673
1662
|
z-index: 1;
|
|
1674
1663
|
}
|
|
@@ -1681,7 +1670,7 @@
|
|
|
1681
1670
|
}
|
|
1682
1671
|
|
|
1683
1672
|
${Xt};
|
|
1684
|
-
`;
|
|
1673
|
+
`;Ni.defaultProps={variant:"normal"},Li.defaultProps={variant:"normal"},Li.displayName="SideNav.Link";var Hi=Object.assign(Ni,{Link:Li});const Oi={issueOpened:ro,pullOpened:eo,issueClosed:to,pullClosed:eo,pullMerged:Qr,draft:eo},Mi=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"}}}),Pi=re({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),Di=d.default.span`
|
|
1685
1674
|
display: inline-flex;
|
|
1686
1675
|
align-items: center;
|
|
1687
1676
|
font-weight: ${vt("fontWeights.bold")};
|
|
@@ -1691,11 +1680,11 @@
|
|
|
1691
1680
|
border-radius: ${vt("radii.3")};
|
|
1692
1681
|
border-width: 1px;
|
|
1693
1682
|
border-style: solid;
|
|
1683
|
+
${Mi};
|
|
1694
1684
|
${Pi};
|
|
1695
|
-
${Di};
|
|
1696
1685
|
${yt};
|
|
1697
1686
|
${Xt};
|
|
1698
|
-
`;function
|
|
1687
|
+
`;function Fi({children:e,status:t,variant:r,...o}){const a="small"===r?{width:"1em"}:{};return n.default.createElement(Di,Tt({},o,{variant:r,status:t}),t&&n.default.createElement(To,Tt({mr:1},a,{icon:Oi[t]||oo})),e)}Fi.displayName="StateLabel",Fi.defaultProps={variant:"normal"};const Wi=d.default.nav`
|
|
1699
1688
|
display: flex;
|
|
1700
1689
|
justify-content: space-between;
|
|
1701
1690
|
|
|
@@ -1719,7 +1708,7 @@
|
|
|
1719
1708
|
${yt};
|
|
1720
1709
|
${St};
|
|
1721
1710
|
${Xt};
|
|
1722
|
-
`;function
|
|
1711
|
+
`;function ji({actions:e,className:t,children:r,label:o,...a}){const d=qa(t,"SubNav");return n.default.createElement(Wi,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 Ui(e){return n.default.createElement(Vt,Tt({display:"flex"},e))}ji.displayName="SubNav",Ui.displayName="SubNavLinks";const Gi=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:qa("SubNav-item",e.selected&&"selected",e.className)})))`
|
|
1723
1712
|
padding-left: ${vt("space.3")};
|
|
1724
1713
|
padding-right: ${vt("space.3")};
|
|
1725
1714
|
font-weight: ${vt("fontWeights.semibold")};
|
|
@@ -1768,16 +1757,16 @@
|
|
|
1768
1757
|
|
|
1769
1758
|
${yt};
|
|
1770
1759
|
${Xt};
|
|
1771
|
-
`;
|
|
1760
|
+
`;Gi.displayName="SubNav.Link",Ui.displayName="SubNav.Links";var _i=Object.assign(ji,{Link:Gi,Links:Ui});const Ki=d.default.div`
|
|
1772
1761
|
margin-top: 0;
|
|
1773
1762
|
border-bottom: 1px solid ${vt("colors.border.default")};
|
|
1774
1763
|
${yt}
|
|
1775
1764
|
${Xt}
|
|
1776
|
-
`,
|
|
1765
|
+
`,Xi=d.default.nav`
|
|
1777
1766
|
display: flex;
|
|
1778
1767
|
margin-bottom: -1px;
|
|
1779
1768
|
overflow: auto;
|
|
1780
|
-
`;function
|
|
1769
|
+
`;function Vi({children:e,"aria-label":t,...r}){return n.default.createElement(Ki,r,n.default.createElement(Xi,{"aria-label":t},e))}Vi.displayName="TabNav";const Yi=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:qa("TabNav-item",e.selected&&"selected",e.className)})))`
|
|
1781
1770
|
padding: 8px 12px;
|
|
1782
1771
|
font-size: ${vt("fontSizes.1")};
|
|
1783
1772
|
line-height: 20px;
|
|
@@ -1803,13 +1792,13 @@
|
|
|
1803
1792
|
|
|
1804
1793
|
${yt};
|
|
1805
1794
|
${Xt};
|
|
1806
|
-
`;
|
|
1795
|
+
`;Yi.displayName="TabNav.Link";var qi=Object.assign(Vi,{Link:Yi});const Ji=d.default(Vt)`
|
|
1807
1796
|
display: flex;
|
|
1808
1797
|
flex-direction: column;
|
|
1809
1798
|
${e=>e.clipSidebar&&r.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1810
1799
|
|
|
1811
1800
|
${Xt};
|
|
1812
|
-
`,
|
|
1801
|
+
`,Zi=d.default(Vt).attrs((e=>({className:qa("Timeline-Item",e.className)})))`
|
|
1813
1802
|
display: flex;
|
|
1814
1803
|
position: relative;
|
|
1815
1804
|
padding: ${vt("space.3")} 0;
|
|
@@ -1830,7 +1819,7 @@
|
|
|
1830
1819
|
|
|
1831
1820
|
${yt};
|
|
1832
1821
|
${Xt};
|
|
1833
|
-
`,
|
|
1822
|
+
`,Qi=e=>n.default.createElement(Vt,{position:"relative",zIndex:1},n.default.createElement(Vt,Tt({display:"flex",className:qa(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));Qi.displayName="TimelineBadge";const el=d.default(Vt)`
|
|
1834
1823
|
min-width: 0;
|
|
1835
1824
|
max-width: 100%;
|
|
1836
1825
|
margin-top: ${vt("space.1")};
|
|
@@ -1838,7 +1827,7 @@
|
|
|
1838
1827
|
flex: auto;
|
|
1839
1828
|
font-size: ${vt("fontSizes.1")};
|
|
1840
1829
|
${Xt};
|
|
1841
|
-
`,
|
|
1830
|
+
`,tl=d.default(Vt)`
|
|
1842
1831
|
position: relative
|
|
1843
1832
|
z-index: 1;
|
|
1844
1833
|
height: 24px;
|
|
@@ -1849,7 +1838,7 @@
|
|
|
1849
1838
|
border: 0;
|
|
1850
1839
|
border-top: ${vt("space.1")} solid ${vt("colors.border.default")};
|
|
1851
1840
|
${Xt};
|
|
1852
|
-
`;
|
|
1841
|
+
`;Zi.displayName="Timeline.Item",Qi.displayName="Timeline.Badge",el.displayName="Timeline.Body",tl.displayName="Timeline.Break";var rl=Object.assign(Ji,{Item:Zi,Badge:Qi,Body:el,Break:tl});const ol=d.default.span`
|
|
1853
1842
|
position: relative;
|
|
1854
1843
|
|
|
1855
1844
|
&::before {
|
|
@@ -2075,7 +2064,7 @@
|
|
|
2075
2064
|
}
|
|
2076
2065
|
${yt};
|
|
2077
2066
|
${Xt};
|
|
2078
|
-
`;function
|
|
2067
|
+
`;function al({direction:e="n",children:t,className:r,text:o,noDelay:a,align:d,wrap:i,...l}){const c=qa(r,`tooltipped-${e}`,d&&`tooltipped-align-${d}-2`,a&&"tooltipped-no-delay",i&&"tooltipped-multiline");return n.default.createElement(ol,Tt({role:"tooltip","aria-label":o},l,{className:c}),t)}al.displayName="Tooltip",al.alignments=["left","right"],al.directions=["n","ne","e","se","s","sw","w","nw"];const nl=d.default.nav`
|
|
2079
2068
|
display: flex;
|
|
2080
2069
|
justify-content: space-between;
|
|
2081
2070
|
border-bottom: 1px solid ${vt("colors.border.muted")};
|
|
@@ -2106,7 +2095,7 @@
|
|
|
2106
2095
|
|
|
2107
2096
|
${yt};
|
|
2108
2097
|
${Xt};
|
|
2109
|
-
`;function
|
|
2098
|
+
`;function dl({actions:e,className:t,align:r,children:o,full:a,label:d,theme:i,...l}){const c=qa(t,"UnderlineNav",r&&`UnderlineNav--${r}`,a&&"UnderlineNav--full");return n.default.createElement(nl,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))}dl.displayName="UnderlineNav";const il=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:qa("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
|
2110
2099
|
padding: ${vt("space.3")} ${vt("space.2")};
|
|
2111
2100
|
margin-right: ${vt("space.3")};
|
|
2112
2101
|
font-size: ${vt("fontSizes.1")};
|
|
@@ -2139,5 +2128,5 @@
|
|
|
2139
2128
|
|
|
2140
2129
|
${yt};
|
|
2141
2130
|
${Xt};
|
|
2142
|
-
`;
|
|
2131
|
+
`;il.displayName="UnderlineNav.Link";var ll=Object.assign(dl,{Link:il});e.Absolute=or,e.ActionList=za,e.ActionMenu=Ua,e.Avatar=_a,e.AvatarPair=Va,e.AvatarStack=Qa,e.BaseStyles=It,e.BorderBox=qt,e.Box=Vt,e.BranchName=en,e.Breadcrumb=dn,e.Breadcrumbs=nn,e.Button=Wr,e.ButtonClose=lo,e.ButtonDanger=jr,e.ButtonGroup=Gr,e.ButtonInvisible=Xr,e.ButtonOutline=_r,e.ButtonPrimary=Kr,e.ButtonTableList=Vr,e.Caret=un,e.CircleBadge=xn,e.CircleOcticon=vn,e.ConfirmationDialog=ca,e.CounterLabel=yn,e.Details=Bn,e.Dialog=Rn,e.Dropdown=Fn,e.DropdownButton=Wn,e.DropdownMenu=jn,e.FilterList=Vn,e.FilteredSearch=Un,e.Fixed=ar,e.Flash=Jn,e.Flex=Zt,e.FormGroup=ed,e.Grid=er,e.Header=ad,e.Heading=dd,e.Label=fd,e.LabelGroup=id,e.Link=gd,e.Overlay=Pa,e.Pagehead=ud,e.Pagination=xd,e.PointerBox=wd,e.Popover=kd,e.Position=rr,e.ProgressBar=Cd,e.Relative=nr,e.SSRProvider=function(e){let r=t.useContext(Ho),o=t.useMemo((()=>({prefix:r===Lo?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return n.default.createElement(Ho.Provider,{value:o},e.children)},e.SelectMenu=Ii,e.SideNav=Hi,e.Spinner=ni,e.StateLabel=Fi,e.Sticky=dr,e.StyledOcticon=To,e.SubNav=_i,e.TabNav=qi,e.Text=Sn,e.TextInput=Pd,e.ThemeProvider=Kt,e.Timeline=rl,e.Tooltip=al,e.Truncate=pa,e.UnderlineNav=ll,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(ca,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=Mo,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})}));
|
|
2143
2132
|
//# sourceMappingURL=browser.umd.js.map
|