@primer/components 0.0.0-202183011441 → 0.0.0-202183053931
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 -2
- package/dist/browser.esm.js +2 -2
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +260 -260
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Item.js +6 -25
- package/lib-esm/ActionList/Item.js +7 -27
- package/package.json +4 -4
package/dist/browser.umd.js
CHANGED
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
`,Er=d.default.div`
|
|
20
20
|
${yr};
|
|
21
21
|
${Br};
|
|
22
|
-
`;function Cr(e){const{children:r,...t}=e;return require("focus-visible"),n.default.createElement(Er,Sr({},t,{"data-portal-root":!0}),n.default.createElement(Ir,null),r)}Cr.displayName="BaseStyles",Cr.defaultProps={color:"text.primary",fontFamily:"normal",lineHeight:"default"};var Ar=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var r=Object.prototype.toString.call(e);return"[object RegExp]"===r||"[object Date]"===r||function(e){return e.$$typeof===Nr}(e)}(e)};var Nr="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Rr(e,r){return!1!==r.clone&&r.isMergeableObject(e)?Mr((t=e,Array.isArray(t)?[]:{}),e,r):e;var t}function Hr(e,r,t){return e.concat(r).map((function(e){return Rr(e,t)}))}function Lr(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(r){return e.propertyIsEnumerable(r)})):[]}(e))}function zr(e,r){try{return r in e}catch(e){return!1}}function Or(e,r,t){var a={};return t.isMergeableObject(e)&&Lr(e).forEach((function(r){a[r]=Rr(e[r],t)})),Lr(r).forEach((function(o){(function(e,r){return zr(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))})(e,o)||(zr(e,o)&&t.isMergeableObject(r[o])?a[o]=function(e,r){if(!r.customMerge)return Mr;var t=r.customMerge(e);return"function"==typeof t?t:Mr}(o,t)(e[o],r[o],t):a[o]=Rr(r[o],t))})),a}function Mr(e,r,t){(t=t||{}).arrayMerge=t.arrayMerge||Hr,t.isMergeableObject=t.isMergeableObject||Ar,t.cloneUnlessOtherwiseSpecified=Rr;var a=Array.isArray(r);return a===Array.isArray(e)?a?t.arrayMerge(e,r,t):Or(e,r,t):Rr(r,t)}Mr.all=function(e,r){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,t){return Mr(e,t,r)}),{})};var Pr=Mr;const Fr="light",Dr="dark",Wr=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),jr=({children:e,...r})=>{var a,o,d,i,c,f,s,g;const{theme:b,colorMode:u,dayScheme:p,nightScheme:h}=Ur(),m=null!==(a=null!==(o=r.theme)&&void 0!==o?o:b)&&void 0!==a?a:l,[x,v]=n.default.useState(null!==(d=null!==(i=r.colorMode)&&void 0!==i?i:u)&&void 0!==d?d:"day"),[B,y]=n.default.useState(null!==(c=null!==(f=r.dayScheme)&&void 0!==f?f:p)&&void 0!==c?c:Fr),[w,k]=n.default.useState(null!==(s=null!==(g=r.nightScheme)&&void 0!==g?g:h)&&void 0!==s?s:Dr),$=function(e,r){switch(e){case"auto":return r;default:return e}}(x,function(){const[e,r]=n.default.useState(_r);return n.default.useEffect((()=>{var e,t;const a=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function o(e){const t=e.matches;r(t?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),T=function(e,r,t){switch(e){case"day":return r;case"night":return t}}($,B,w),S=n.default.useMemo((()=>function(e,r){if(!e.colorSchemes)return e;if(!e.colorSchemes[r]){console.error(`\`${r}\` scheme not defined in \`theme.colorSchemes\``);const t=Object.keys(e.colorSchemes)[0];return Pr(e,e.colorSchemes[t])}return Pr(e,e.colorSchemes[r])}(m,T)),[m,T]);return n.default.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:u)&&void 0!==e?e:"day")}),[r.colorMode,u]),n.default.useEffect((()=>{var e,t;y(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:Fr)}),[r.dayScheme,p]),n.default.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:h)&&void 0!==e?e:Dr)}),[r.nightScheme,h]),n.default.createElement(Wr.Provider,{value:{theme:S,colorScheme:T,colorMode:x,resolvedColorMode:$,dayScheme:B,nightScheme:w,setColorMode:v,setDayScheme:y,setNightScheme:k}},n.default.createElement(t.ThemeProvider,{theme:S},e))};function Ur(){return n.default.useContext(Wr)}function Gr(e,r){var t;const{colorScheme:a=""}=Ur();return null!==(t=e[a])&&void 0!==t?t:r}function _r(){var e,r,t;return"undefined"!=typeof window&&null!==(e=(r=window).matchMedia)&&void 0!==e&&null!==(t=e.call(r,"(prefers-color-scheme: dark)"))&&void 0!==t&&t.matches?"night":"day"}jr.displayName="ThemeProvider";var Kr=jr;var Xr=e=>re(e.sx);var Vr=d.default.div(G,I,E,T,C,N,z,H,M,_,Xr);const Yr=d.default(Vr)``;Yr.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.primary",borderRadius:2};var qr=Yr;const Jr=d.default(Vr)``;Jr.defaultProps={display:"flex"};var Zr=Jr;const Qr=d.default(Vr)``;Qr.defaultProps={display:"grid"};var et=Qr;const rt=d.default(Vr)``;var tt=rt;const at=n.default.forwardRef(((e,r)=>n.default.createElement(rt,Sr({},e,{position:"absolute",ref:r}))));at.displayName="Absolute";const ot=n.default.forwardRef(((e,r)=>n.default.createElement(rt,Sr({},e,{position:"fixed",ref:r}))));ot.displayName="Fixed";const nt=n.default.forwardRef(((e,r)=>n.default.createElement(rt,Sr({},e,{position:"relative",ref:r}))));nt.displayName="Relative";const dt=n.default.forwardRef(((e,r)=>n.default.createElement(rt,Sr({},e,{position:"sticky",ref:r}))));function it({ref:e,closeOnOutsideClick:t,defaultOpen:a,onClickOutside:o}){const[n,d]=r.useState(a),i=r.useRef(null),l=null!=e?e:i,c=r.useCallback((e=>{const{current:r}=l;e.target.closest("details")!==r&&(o&&o(e),e.defaultPrevented||d(!1))}),[l,d,o]);r.useEffect((()=>{if(n&&t)return document.addEventListener("click",c),()=>{document.removeEventListener("click",c)}}),[n,t,c]);const f=e=>{if(!e.defaultPrevented){const r=e.target;d(r.open)}};return{open:n,setOpen:d,getDetailsProps:()=>({onToggle:f,open:n,ref:l})}}dt.defaultProps={top:0,zIndex:1},dt.displayName="Sticky";const lt=!0;function ct(e){if(!e.defaultPrevented)for(const r of Object.values(ft).reverse())if(r(e)===lt||e.defaultPrevented)break}const ft={};let st=0;const gt=({containerRef:e,ignoreClickRefs:t,onClickOutside:a})=>{const o=r.useMemo((()=>st++),[]),n=r.useCallback((r=>{var o;return r instanceof MouseEvent&&r.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(r.target)||t&&t.some((({current:e})=>null==e?void 0:e.contains(r.target)))?lt:void a(r)}),[e,t,a]);r.useEffect((()=>(0===Object.keys(ft).length&&document.addEventListener("mousedown",ct,{capture:!0}),function(e,r){ft[e]=r}(o,n),()=>{!function(e){delete ft[e]}(o),0===Object.keys(ft).length&&document.removeEventListener("mousedown",ct,{capture:!0})})),[o,n])};function*bt(e,r={}){var t,a;const o=null!==(t=r.strict)&&void 0!==t&&t,n=null!==(a=r.onlyTabbable)&&void 0!==a&&a?pt:ut,d=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let i=null;if(!r.reverse&&n(e,o)&&(yield e),r.reverse){let e=d.lastChild();for(;e;)i=e,e=d.lastChild()}else i=d.firstChild();for(;i instanceof HTMLElement;)yield i,i=r.reverse?d.previousNode():d.nextNode();r.reverse&&n(e,o)&&(yield e)}function ut(e,r=!1){const t=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(t||a||o)return!1;if(r){const r=0===e.offsetWidth||0===e.offsetHeight,t=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(r||t||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function pt(e,r=!1){return ut(e,r)&&"-1"!==e.getAttribute("tabindex")}function ht({initialFocusRef:e,returnFocusRef:t,containerRef:a}){r.useEffect((()=>{const r=t.current;if(e&&e.current)e.current.focus();else if(a.current){const e=bt(a.current).next().value;null==e||e.focus()}return function(){null==r||r.focus()}}),[e,t,a])}const mt=[];function xt(e){if("Escape"===e.key&&!e.defaultPrevented)for(let r=mt.length-1;r>=0&&(mt[r](e),!e.defaultPrevented);--r);}const vt=(e,t=[e])=>{const a=r.useCallback(e,t);r.useEffect((()=>(0===mt.length&&document.addEventListener("keydown",xt),mt.push(a),()=>{mt.splice(mt.findIndex((e=>e===a)),1),0===mt.length&&document.removeEventListener("keydown",xt)})),[a])};function Bt(e){const r=n.default.useRef(null);return null!=e?e:r}const yt=({overlayRef:e,returnFocusRef:r,initialFocusRef:t,onEscape:a,ignoreClickRefs:o,onClickOutside:n})=>{const d=Bt(e);return ht({containerRef:d,returnFocusRef:r,initialFocusRef:t}),gt({containerRef:d,ignoreClickRefs:o,onClickOutside:n}),vt(a),{ref:d}};let wt,kt=!1;function $t(){}try{const e=Object.create({},{signal:{get(){kt=!0}}});window.addEventListener("test",$t,e),window.removeEventListener("test",$t,e)}catch(e){}function Tt(){kt||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(r,t,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(r,t,a)})),e.call(this,r,t,a)}}(),kt=!0)}function St(){return void 0===wt&&(wt=/^mac/i.test(window.navigator.platform)),wt}let It,Et=1e4;Tt(),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"}(It||(It={}));const Ct={ArrowLeft:It.ArrowHorizontal,ArrowDown:It.ArrowVertical,ArrowUp:It.ArrowVertical,ArrowRight:It.ArrowHorizontal,h:It.HL,j:It.JK,k:It.JK,l:It.HL,a:It.AD,s:It.WS,w:It.WS,d:It.AD,Tab:It.Tab,Home:It.HomeAndEnd,End:It.HomeAndEnd,PageUp:It.PageUpDown,PageDown:It.PageUpDown},At={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 Nt(e){const r=At[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const t=St();if(t&&e.metaKey||!t&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return r}const Rt="data-is-active-descendant",Ht="activated-directly",Lt="activated-indirectly",zt="data-has-active-descendant";function Ot(e,r){var t,a,o,n;const d=[],i=new WeakMap,l=null!==(t=null==r?void 0:r.bindKeys)&&void 0!==t?t:(null!=r&&r.getNextFocusable?It.ArrowAll:It.ArrowVertical)|It.HomeAndEnd,c=null!==(a=null==r?void 0:r.focusOutBehavior)&&void 0!==a?a:"stop",f=null!==(o=null==r?void 0:r.focusInStrategy)&&void 0!==o?o:"previous",s=null==r?void 0:r.activeDescendantControl,g=null==r?void 0:r.onActiveDescendantChanged;let b;function u(){return d[0]}function p(e,r=!1){const t=b;b=e,s?e&&document.activeElement===s?h(t,e,r):m():(t&&t!==e&&i.has(t)&&t.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(r,t,a=!1){t.id||t.setAttribute("id","__primer_id_"+Et++),r&&r!==t&&r.removeAttribute(Rt),s&&(a||s.getAttribute("aria-activedescendant")!==t.id)&&(s.setAttribute("aria-activedescendant",t.id),e.setAttribute(zt,t.id),t.setAttribute(Rt,a?Ht:Lt),null==g||g(t,r,a))}function m(r=b){"first"===f&&(b=void 0),null==s||s.removeAttribute("aria-activedescendant"),e.removeAttribute(zt),null==r||r.removeAttribute(Rt),null==g||g(void 0,r,!1)}function x(...e){const t=e.filter((e=>{var t,a;return null===(t=null==r||null===(a=r.focusableElementFilter)||void 0===a?void 0:a.call(r,e))||void 0===t||t}));if(0===t.length)return;const a=d.findIndex((e=>(e.compareDocumentPosition(t[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));d.splice(-1===a?d.length:a,0,...t);for(const e of t)i.has(e)||i.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");b||p(u())}function v(...e){for(const r of e){const e=d.indexOf(r);e>=0&&d.splice(e,1);const t=i.get(r);if(void 0!==t&&(null===t?r.removeAttribute("tabindex"):r.setAttribute("tabindex",t),i.delete(r)),r===b){p(u())}}}x(...bt(e)),p(u());new MutationObserver((e=>{for(const r of e)for(const e of r.removedNodes)e instanceof HTMLElement&&v(...bt(e));for(const r of e)for(const e of r.addedNodes)e instanceof HTMLElement&&x(...bt(e))})).observe(e,{subtree:!0,childList:!0});const B=new AbortController,y=null!==(n=null==r?void 0:r.abortSignal)&&void 0!==n?n:B.signal;let w;y.addEventListener("abort",(()=>{v(...d)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(w=d.indexOf(e.target))}),{signal:y}),s?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&d.includes(e.target)&&(s.focus(),p(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const r=d.find((r=>r.contains(e)));r&&p(r)}),{signal:y,capture:!0}),s.addEventListener("focusin",(()=>{b?h(void 0,b):p(u())})),s.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(r=>{if(r.target instanceof HTMLElement)if(void 0!==w)w>=0&&d[w]!==b&&p(d[w]),w=void 0;else if("previous"===f)p(r.target);else if("closest"===f||"first"===f){if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e="previous"===$?d.length-1:0,r=d[e];return void(null==r||r.focus())}p(r.target)}else if("function"==typeof f)if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e=f(r.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(r.target);$=void 0}),{signal:y});const k=null!=s?s:e;let $;return"closest"===f&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Nt(e))}),{signal:y,capture:!0}),k.addEventListener("keydown",(t=>{if(t.key in At){const o=Ct[t.key];if(!t.defaultPrevented&&(o&l)>0&&!function(e,r){const t=e.key,a=[...t].length,o=r instanceof HTMLInputElement&&"text"===r.type||r instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===t||"End"===t))return!0;if(r instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===t&&St()&&!e.metaKey)return!0;if("ArrowDown"===t&&!St()&&e.altKey)return!0}if(r instanceof HTMLTextAreaElement&&("PageUp"===t||"PageDown"===t))return!0;if(o){const e=r,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===t&&!a)return!0;if("ArrowRight"===t&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===t&&!a)return!0;if("ArrowDown"===t&&!o)return!0}}return!1}(t,document.activeElement)){const o=Nt(t);let n;var a;if(null!=r&&r.getNextFocusable)n=r.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,t);if(!n){const r=function(){if(!b)return 0;const r=d.indexOf(b);return-1!==r?r:b===e?-1:0}();let a=r;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=d.length-1,a<0&&(a="wrap"===c&&"Tab"!==t.key?d.length-1:0),a>=d.length&&(a="wrap"===c&&"Tab"!==t.key?0:d.length-1),r!==a&&(n=d[a])}s?p(n||b,!0):n&&($=o,n.focus()),("Tab"!==t.key||n)&&t.preventDefault()}}}),{signal:y}),B}var Mt=t.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;}"],vr("fontWeights.bold"),vr("radii.2"));const Pt=$(ve,Br,kr),Ft=te({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Dt=d.default.button.attrs((({disabled:e,onClick:r})=>({onClick:e?void 0:r})))`
|
|
23
|
-
${
|
|
24
|
-
${
|
|
25
|
-
`;
|
|
22
|
+
`;function Cr(e){const{children:r,...t}=e;return require("focus-visible"),n.default.createElement(Er,Sr({},t,{"data-portal-root":!0}),n.default.createElement(Ir,null),r)}Cr.displayName="BaseStyles",Cr.defaultProps={color:"text.primary",fontFamily:"normal",lineHeight:"default"};var Ar=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var r=Object.prototype.toString.call(e);return"[object RegExp]"===r||"[object Date]"===r||function(e){return e.$$typeof===Nr}(e)}(e)};var Nr="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Rr(e,r){return!1!==r.clone&&r.isMergeableObject(e)?Mr((t=e,Array.isArray(t)?[]:{}),e,r):e;var t}function Hr(e,r,t){return e.concat(r).map((function(e){return Rr(e,t)}))}function Lr(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(r){return e.propertyIsEnumerable(r)})):[]}(e))}function zr(e,r){try{return r in e}catch(e){return!1}}function Or(e,r,t){var a={};return t.isMergeableObject(e)&&Lr(e).forEach((function(r){a[r]=Rr(e[r],t)})),Lr(r).forEach((function(o){(function(e,r){return zr(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))})(e,o)||(zr(e,o)&&t.isMergeableObject(r[o])?a[o]=function(e,r){if(!r.customMerge)return Mr;var t=r.customMerge(e);return"function"==typeof t?t:Mr}(o,t)(e[o],r[o],t):a[o]=Rr(r[o],t))})),a}function Mr(e,r,t){(t=t||{}).arrayMerge=t.arrayMerge||Hr,t.isMergeableObject=t.isMergeableObject||Ar,t.cloneUnlessOtherwiseSpecified=Rr;var a=Array.isArray(r);return a===Array.isArray(e)?a?t.arrayMerge(e,r,t):Or(e,r,t):Rr(r,t)}Mr.all=function(e,r){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,t){return Mr(e,t,r)}),{})};var Pr=Mr;const Fr="light",Dr="dark",Wr=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),jr=({children:e,...r})=>{var a,o,d,i,c,f,s,g;const{theme:b,colorMode:u,dayScheme:p,nightScheme:h}=Ur(),m=null!==(a=null!==(o=r.theme)&&void 0!==o?o:b)&&void 0!==a?a:l,[x,v]=n.default.useState(null!==(d=null!==(i=r.colorMode)&&void 0!==i?i:u)&&void 0!==d?d:"day"),[B,y]=n.default.useState(null!==(c=null!==(f=r.dayScheme)&&void 0!==f?f:p)&&void 0!==c?c:Fr),[w,k]=n.default.useState(null!==(s=null!==(g=r.nightScheme)&&void 0!==g?g:h)&&void 0!==s?s:Dr),$=function(e,r){switch(e){case"auto":return r;default:return e}}(x,function(){const[e,r]=n.default.useState(Gr);return n.default.useEffect((()=>{var e,t;const a=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function o(e){const t=e.matches;r(t?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),T=function(e,r,t){switch(e){case"day":return r;case"night":return t}}($,B,w),S=n.default.useMemo((()=>function(e,r){if(!e.colorSchemes)return e;if(!e.colorSchemes[r]){console.error(`\`${r}\` scheme not defined in \`theme.colorSchemes\``);const t=Object.keys(e.colorSchemes)[0];return Pr(e,e.colorSchemes[t])}return Pr(e,e.colorSchemes[r])}(m,T)),[m,T]);return n.default.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:u)&&void 0!==e?e:"day")}),[r.colorMode,u]),n.default.useEffect((()=>{var e,t;y(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:Fr)}),[r.dayScheme,p]),n.default.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:h)&&void 0!==e?e:Dr)}),[r.nightScheme,h]),n.default.createElement(Wr.Provider,{value:{theme:S,colorScheme:T,colorMode:x,resolvedColorMode:$,dayScheme:B,nightScheme:w,setColorMode:v,setDayScheme:y,setNightScheme:k}},n.default.createElement(t.ThemeProvider,{theme:S},e))};function Ur(){return n.default.useContext(Wr)}function Gr(){var e,r,t;return"undefined"!=typeof window&&null!==(e=(r=window).matchMedia)&&void 0!==e&&null!==(t=e.call(r,"(prefers-color-scheme: dark)"))&&void 0!==t&&t.matches?"night":"day"}jr.displayName="ThemeProvider";var _r=jr;var Kr=e=>re(e.sx);var Xr=d.default.div(G,I,E,T,C,N,z,H,M,_,Kr);const Vr=d.default(Xr)``;Vr.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.primary",borderRadius:2};var Yr=Vr;const qr=d.default(Xr)``;qr.defaultProps={display:"flex"};var Jr=qr;const Zr=d.default(Xr)``;Zr.defaultProps={display:"grid"};var Qr=Zr;const et=d.default(Xr)``;var rt=et;const tt=n.default.forwardRef(((e,r)=>n.default.createElement(et,Sr({},e,{position:"absolute",ref:r}))));tt.displayName="Absolute";const at=n.default.forwardRef(((e,r)=>n.default.createElement(et,Sr({},e,{position:"fixed",ref:r}))));at.displayName="Fixed";const ot=n.default.forwardRef(((e,r)=>n.default.createElement(et,Sr({},e,{position:"relative",ref:r}))));ot.displayName="Relative";const nt=n.default.forwardRef(((e,r)=>n.default.createElement(et,Sr({},e,{position:"sticky",ref:r}))));function dt({ref:e,closeOnOutsideClick:t,defaultOpen:a,onClickOutside:o}){const[n,d]=r.useState(a),i=r.useRef(null),l=null!=e?e:i,c=r.useCallback((e=>{const{current:r}=l;e.target.closest("details")!==r&&(o&&o(e),e.defaultPrevented||d(!1))}),[l,d,o]);r.useEffect((()=>{if(n&&t)return document.addEventListener("click",c),()=>{document.removeEventListener("click",c)}}),[n,t,c]);const f=e=>{if(!e.defaultPrevented){const r=e.target;d(r.open)}};return{open:n,setOpen:d,getDetailsProps:()=>({onToggle:f,open:n,ref:l})}}nt.defaultProps={top:0,zIndex:1},nt.displayName="Sticky";const it=!0;function lt(e){if(!e.defaultPrevented)for(const r of Object.values(ct).reverse())if(r(e)===it||e.defaultPrevented)break}const ct={};let ft=0;const st=({containerRef:e,ignoreClickRefs:t,onClickOutside:a})=>{const o=r.useMemo((()=>ft++),[]),n=r.useCallback((r=>{var o;return r instanceof MouseEvent&&r.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(r.target)||t&&t.some((({current:e})=>null==e?void 0:e.contains(r.target)))?it:void a(r)}),[e,t,a]);r.useEffect((()=>(0===Object.keys(ct).length&&document.addEventListener("mousedown",lt,{capture:!0}),function(e,r){ct[e]=r}(o,n),()=>{!function(e){delete ct[e]}(o),0===Object.keys(ct).length&&document.removeEventListener("mousedown",lt,{capture:!0})})),[o,n])};function*gt(e,r={}){var t,a;const o=null!==(t=r.strict)&&void 0!==t&&t,n=null!==(a=r.onlyTabbable)&&void 0!==a&&a?ut:bt,d=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let i=null;if(!r.reverse&&n(e,o)&&(yield e),r.reverse){let e=d.lastChild();for(;e;)i=e,e=d.lastChild()}else i=d.firstChild();for(;i instanceof HTMLElement;)yield i,i=r.reverse?d.previousNode():d.nextNode();r.reverse&&n(e,o)&&(yield e)}function bt(e,r=!1){const t=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(t||a||o)return!1;if(r){const r=0===e.offsetWidth||0===e.offsetHeight,t=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(r||t||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function ut(e,r=!1){return bt(e,r)&&"-1"!==e.getAttribute("tabindex")}function pt({initialFocusRef:e,returnFocusRef:t,containerRef:a}){r.useEffect((()=>{const r=t.current;if(e&&e.current)e.current.focus();else if(a.current){const e=gt(a.current).next().value;null==e||e.focus()}return function(){null==r||r.focus()}}),[e,t,a])}const ht=[];function mt(e){if("Escape"===e.key&&!e.defaultPrevented)for(let r=ht.length-1;r>=0&&(ht[r](e),!e.defaultPrevented);--r);}const xt=(e,t=[e])=>{const a=r.useCallback(e,t);r.useEffect((()=>(0===ht.length&&document.addEventListener("keydown",mt),ht.push(a),()=>{ht.splice(ht.findIndex((e=>e===a)),1),0===ht.length&&document.removeEventListener("keydown",mt)})),[a])};function vt(e){const r=n.default.useRef(null);return null!=e?e:r}const Bt=({overlayRef:e,returnFocusRef:r,initialFocusRef:t,onEscape:a,ignoreClickRefs:o,onClickOutside:n})=>{const d=vt(e);return pt({containerRef:d,returnFocusRef:r,initialFocusRef:t}),st({containerRef:d,ignoreClickRefs:o,onClickOutside:n}),xt(a),{ref:d}};let yt,wt=!1;function kt(){}try{const e=Object.create({},{signal:{get(){wt=!0}}});window.addEventListener("test",kt,e),window.removeEventListener("test",kt,e)}catch(e){}function $t(){wt||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(r,t,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(r,t,a)})),e.call(this,r,t,a)}}(),wt=!0)}function Tt(){return void 0===yt&&(yt=/^mac/i.test(window.navigator.platform)),yt}let St,It=1e4;$t(),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"}(St||(St={}));const Et={ArrowLeft:St.ArrowHorizontal,ArrowDown:St.ArrowVertical,ArrowUp:St.ArrowVertical,ArrowRight:St.ArrowHorizontal,h:St.HL,j:St.JK,k:St.JK,l:St.HL,a:St.AD,s:St.WS,w:St.WS,d:St.AD,Tab:St.Tab,Home:St.HomeAndEnd,End:St.HomeAndEnd,PageUp:St.PageUpDown,PageDown:St.PageUpDown},Ct={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 At(e){const r=Ct[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const t=Tt();if(t&&e.metaKey||!t&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return r}const Nt="data-is-active-descendant",Rt="activated-directly",Ht="activated-indirectly",Lt="data-has-active-descendant";function zt(e,r){var t,a,o,n;const d=[],i=new WeakMap,l=null!==(t=null==r?void 0:r.bindKeys)&&void 0!==t?t:(null!=r&&r.getNextFocusable?St.ArrowAll:St.ArrowVertical)|St.HomeAndEnd,c=null!==(a=null==r?void 0:r.focusOutBehavior)&&void 0!==a?a:"stop",f=null!==(o=null==r?void 0:r.focusInStrategy)&&void 0!==o?o:"previous",s=null==r?void 0:r.activeDescendantControl,g=null==r?void 0:r.onActiveDescendantChanged;let b;function u(){return d[0]}function p(e,r=!1){const t=b;b=e,s?e&&document.activeElement===s?h(t,e,r):m():(t&&t!==e&&i.has(t)&&t.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(r,t,a=!1){t.id||t.setAttribute("id","__primer_id_"+It++),r&&r!==t&&r.removeAttribute(Nt),s&&(a||s.getAttribute("aria-activedescendant")!==t.id)&&(s.setAttribute("aria-activedescendant",t.id),e.setAttribute(Lt,t.id),t.setAttribute(Nt,a?Rt:Ht),null==g||g(t,r,a))}function m(r=b){"first"===f&&(b=void 0),null==s||s.removeAttribute("aria-activedescendant"),e.removeAttribute(Lt),null==r||r.removeAttribute(Nt),null==g||g(void 0,r,!1)}function x(...e){const t=e.filter((e=>{var t,a;return null===(t=null==r||null===(a=r.focusableElementFilter)||void 0===a?void 0:a.call(r,e))||void 0===t||t}));if(0===t.length)return;const a=d.findIndex((e=>(e.compareDocumentPosition(t[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));d.splice(-1===a?d.length:a,0,...t);for(const e of t)i.has(e)||i.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");b||p(u())}function v(...e){for(const r of e){const e=d.indexOf(r);e>=0&&d.splice(e,1);const t=i.get(r);if(void 0!==t&&(null===t?r.removeAttribute("tabindex"):r.setAttribute("tabindex",t),i.delete(r)),r===b){p(u())}}}x(...gt(e)),p(u());new MutationObserver((e=>{for(const r of e)for(const e of r.removedNodes)e instanceof HTMLElement&&v(...gt(e));for(const r of e)for(const e of r.addedNodes)e instanceof HTMLElement&&x(...gt(e))})).observe(e,{subtree:!0,childList:!0});const B=new AbortController,y=null!==(n=null==r?void 0:r.abortSignal)&&void 0!==n?n:B.signal;let w;y.addEventListener("abort",(()=>{v(...d)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(w=d.indexOf(e.target))}),{signal:y}),s?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&d.includes(e.target)&&(s.focus(),p(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const r=d.find((r=>r.contains(e)));r&&p(r)}),{signal:y,capture:!0}),s.addEventListener("focusin",(()=>{b?h(void 0,b):p(u())})),s.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(r=>{if(r.target instanceof HTMLElement)if(void 0!==w)w>=0&&d[w]!==b&&p(d[w]),w=void 0;else if("previous"===f)p(r.target);else if("closest"===f||"first"===f){if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e="previous"===$?d.length-1:0,r=d[e];return void(null==r||r.focus())}p(r.target)}else if("function"==typeof f)if(r.relatedTarget instanceof Element&&!e.contains(r.relatedTarget)){const e=f(r.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(r.target);$=void 0}),{signal:y});const k=null!=s?s:e;let $;return"closest"===f&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=At(e))}),{signal:y,capture:!0}),k.addEventListener("keydown",(t=>{if(t.key in Ct){const o=Et[t.key];if(!t.defaultPrevented&&(o&l)>0&&!function(e,r){const t=e.key,a=[...t].length,o=r instanceof HTMLInputElement&&"text"===r.type||r instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===t||"End"===t))return!0;if(r instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===t&&Tt()&&!e.metaKey)return!0;if("ArrowDown"===t&&!Tt()&&e.altKey)return!0}if(r instanceof HTMLTextAreaElement&&("PageUp"===t||"PageDown"===t))return!0;if(o){const e=r,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===t&&!a)return!0;if("ArrowRight"===t&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===t&&!a)return!0;if("ArrowDown"===t&&!o)return!0}}return!1}(t,document.activeElement)){const o=At(t);let n;var a;if(null!=r&&r.getNextFocusable)n=r.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,t);if(!n){const r=function(){if(!b)return 0;const r=d.indexOf(b);return-1!==r?r:b===e?-1:0}();let a=r;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=d.length-1,a<0&&(a="wrap"===c&&"Tab"!==t.key?d.length-1:0),a>=d.length&&(a="wrap"===c&&"Tab"!==t.key?0:d.length-1),r!==a&&(n=d[a])}s?p(n||b,!0):n&&($=o,n.focus()),("Tab"!==t.key||n)&&t.preventDefault()}}}),{signal:y}),B}var Ot=t.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;}"],vr("fontWeights.bold"),vr("radii.2"));const Mt=$(ve,Br,kr),Pt=te({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Ft=d.default.button.attrs((({disabled:e,onClick:r})=>({onClick:e?void 0:r})))`
|
|
23
|
+
${Ot}
|
|
24
|
+
${Pt}
|
|
25
|
+
`;Ft.defaultProps={variant:"medium"};var Dt=Ft;var Wt=d.default(Dt)`
|
|
26
26
|
color: ${vr("colors.btn.text")};
|
|
27
27
|
background-color: ${vr("colors.btn.bg")};
|
|
28
28
|
border: 1px solid ${vr("colors.btn.border")};
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
border-color: ${vr("colors.btn.border")};
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
${
|
|
54
|
-
${
|
|
55
|
-
`;var
|
|
53
|
+
${Mt};
|
|
54
|
+
${Kr};
|
|
55
|
+
`;var jt=d.default(Dt)`
|
|
56
56
|
color: ${vr("colors.btn.danger.text")};
|
|
57
57
|
border: 1px solid ${vr("colors.btn.border")};
|
|
58
58
|
background-color: ${vr("colors.btn.bg")};
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
border-color: ${vr("colors.btn.danger.disabledBorder")};
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
${
|
|
87
|
-
${
|
|
88
|
-
`;const
|
|
86
|
+
${Mt};
|
|
87
|
+
${Kr};
|
|
88
|
+
`;const Ut=d.default(Xr)`
|
|
89
89
|
vertical-align: middle;
|
|
90
90
|
|
|
91
91
|
&& > * {
|
|
@@ -125,8 +125,8 @@
|
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
${
|
|
129
|
-
`;
|
|
128
|
+
${Kr};
|
|
129
|
+
`;Ut.defaultProps={display:"inline-block"};var Gt=Ut;var _t=d.default(Dt)`
|
|
130
130
|
color: ${vr("colors.btn.outline.text")};
|
|
131
131
|
border: 1px solid ${vr("colors.btn.border")};
|
|
132
132
|
background-color: ${vr("colors.btn.bg")};
|
|
@@ -157,9 +157,9 @@
|
|
|
157
157
|
border-color: ${vr("colors.btn.border")};
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
${
|
|
161
|
-
${
|
|
162
|
-
`;var
|
|
160
|
+
${Mt};
|
|
161
|
+
${Kr};
|
|
162
|
+
`;var Kt=d.default(Dt)`
|
|
163
163
|
color: ${vr("colors.btn.primary.text")};
|
|
164
164
|
border: 1px solid ${vr("colors.btn.primary.border")};
|
|
165
165
|
background-color: ${vr("colors.btn.primary.bg")};
|
|
@@ -188,9 +188,9 @@
|
|
|
188
188
|
border-color: ${vr("colors.btn.primary.disabledBorder")};
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
${
|
|
192
|
-
${
|
|
193
|
-
`;var
|
|
191
|
+
${Mt};
|
|
192
|
+
${Kr};
|
|
193
|
+
`;var Xt=d.default(Dt)`
|
|
194
194
|
color: ${vr("colors.accent.fg")};
|
|
195
195
|
background-color: transparent;
|
|
196
196
|
border: 0;
|
|
@@ -205,9 +205,9 @@
|
|
|
205
205
|
box-shadow: ${vr("shadows.btn.focusShadow")};
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
${
|
|
209
|
-
${
|
|
210
|
-
`;var
|
|
208
|
+
${Mt};
|
|
209
|
+
${Kr}
|
|
210
|
+
`;var Vt=d.default.summary`
|
|
211
211
|
display: inline-block;
|
|
212
212
|
padding: 0;
|
|
213
213
|
font-size: ${vr("fontSizes.1")};
|
|
@@ -245,8 +245,8 @@
|
|
|
245
245
|
${Br}
|
|
246
246
|
${yr}
|
|
247
247
|
${kr}
|
|
248
|
-
${
|
|
249
|
-
`,
|
|
248
|
+
${Kr};
|
|
249
|
+
`,Yt={small:16,medium:32,large:64};function qt(e){var r=e["aria-label"],t=e.className,a=e.fill,o=void 0===a?"currentColor":a,n=e.size,d=e.verticalAlign,i=e.svgDataByHeight,l=Yt[n]||n,c=function(e,r){return e.map((function(e){return parseInt(e,10)})).reduce((function(e,t){return t<=r?t:e}),e[0])}(Object.keys(i),l),f=i[c].width;return{"aria-hidden":r?"false":"true","aria-label":r,role:"img",className:t,viewBox:"0 0 "+f+" "+c,width:l*(f/c),height:l,fill:o,style:{display:"inline-block",userSelect:"none",verticalAlign:d},dangerouslySetInnerHTML:{__html:i[c].path}}}var Jt=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e};function Zt(e){return n.default.createElement("svg",qt(Jt({},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 Qt(e){return n.default.createElement("svg",qt(Jt({},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 ea(e){return n.default.createElement("svg",qt(Jt({},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 ra(e){return n.default.createElement("svg",qt(Jt({},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 ta(e){return n.default.createElement("svg",qt(Jt({},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 aa(e){return n.default.createElement("svg",qt(Jt({},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 oa(e){return n.default.createElement("svg",qt(Jt({},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 na(e){return n.default.createElement("svg",qt(Jt({},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>'}}})))}Zt.defaultProps={className:"octicon octicon-check",size:16,verticalAlign:"text-bottom"},Qt.defaultProps={className:"octicon octicon-git-merge",size:16,verticalAlign:"text-bottom"},ea.defaultProps={className:"octicon octicon-git-pull-request",size:16,verticalAlign:"text-bottom"},ra.defaultProps={className:"octicon octicon-issue-closed",size:16,verticalAlign:"text-bottom"},ta.defaultProps={className:"octicon octicon-issue-opened",size:16,verticalAlign:"text-bottom"},aa.defaultProps={className:"octicon octicon-question",size:16,verticalAlign:"text-bottom"},oa.defaultProps={className:"octicon octicon-triangle-down",size:16,verticalAlign:"text-bottom"},na.defaultProps={className:"octicon octicon-x",size:16,verticalAlign:"text-bottom"};const da=d.default.button`
|
|
250
250
|
border: none;
|
|
251
251
|
padding: 0;
|
|
252
252
|
background: transparent;
|
|
@@ -264,11 +264,11 @@
|
|
|
264
264
|
}
|
|
265
265
|
${Br};
|
|
266
266
|
${kr};
|
|
267
|
-
${
|
|
268
|
-
`;var
|
|
267
|
+
${Kr};
|
|
268
|
+
`;var ia=r.forwardRef(((e,r)=>n.default.createElement(da,Sr({ref:r,"aria-label":"Close"},e),n.default.createElement(na,null))));const la={"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 ca(e,r,t={}){const a=function(e){let r=e.parentNode;for(;null!==r;){if(r instanceof HTMLElement&&"static"!==getComputedStyle(r).position)return r;r=r.parentNode}return document.body}(e),o=function(e){let r=e;for(;null!==r&&r!==document.body;){if("visible"!==getComputedStyle(r).overflow)break;r=r.parentNode}const t=r!==document.body&&r instanceof HTMLElement?r:document.body,a=t.getBoundingClientRect(),o=getComputedStyle(t),[n,d,i,l]=[o.borderTopWidth,o.borderLeftWidth,o.borderRightWidth,o.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:a.top+n,left:a.left+d,width:a.width-i-d,height:Math.max(a.height-n-l,t===document.body?window.innerHeight:-1/0)}}(a),n=getComputedStyle(a),d=a.getBoundingClientRect(),[i,l]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,r,t,a,{side:o,align:n,allowOutOfBounds:d,anchorOffset:i,alignmentOffset:l}){const c={top:e.top-r.top,left:e.left-r.left,width:e.width,height:e.height};let f=pa(t,a,o,n,i,l),s=o;if(f.top-=r.top,f.left-=r.left,!d){const d=la[o];let g=0;if(d){let e=o;for(;g<d.length&&ha(e,f,c,t);){const o=d[g++];e=o,f=pa(t,a,o,n,i,l),f.top-=r.top,f.left-=r.left,s=o}}f.top<c.top&&(f.top=c.top),f.left<c.left&&(f.left=c.left),f.left+t.width>e.width+c.left&&(f.left=e.width+c.left-t.width),d&&g<d.length&&f.top+t.height>e.height+c.top&&(f.top=e.height+c.top-t.height)}return{...f,anchorSide:s}}(o,{top:d.top+i,left:d.left+l},e.getBoundingClientRect(),r instanceof Element?r.getBoundingClientRect():r,function(e={}){var r,t,a,o,n;const d=null!==(r=e.side)&&void 0!==r?r:fa,i=null!==(t=e.align)&&void 0!==t?t:sa;return{side:d,align:i,anchorOffset:null!==(a=e.anchorOffset)&&void 0!==a?a:"inside-center"===d?0:ga,alignmentOffset:null!==(o=e.alignmentOffset)&&void 0!==o?o:"center"!==i&&d.startsWith("inside")?ba:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:ua}}(t))}const fa="outside-bottom",sa="start",ga=4,ba=4,ua=!1;function pa(e,r,t,a,o,n){const d=r.left+r.width,i=r.top+r.height;let l=-1,c=-1;return"outside-top"===t?l=r.top-o-e.height:"outside-bottom"===t?l=i+o:"outside-left"===t?c=r.left-o-e.width:"outside-right"===t&&(c=d+o),"outside-top"!==t&&"outside-bottom"!==t||(c="start"===a?r.left+n:"center"===a?r.left-(e.width-r.width)/2+n:d-e.width-n),"outside-left"!==t&&"outside-right"!==t||(l="start"===a?r.top+n:"center"===a?r.top-(e.height-r.height)/2+n:i-e.height-n),"inside-top"===t?l=r.top+o:"inside-bottom"===t?l=i-o-e.height:"inside-left"===t?c=r.left+o:"inside-right"===t?c=d-o-e.width:"inside-center"===t&&(c=(d+r.left)/2-e.width/2+o),"inside-top"===t||"inside-bottom"===t?c="start"===a?r.left+n:"center"===a?r.left-(e.width-r.width)/2+n:d-e.width-n:"inside-left"!==t&&"inside-right"!==t&&"inside-center"!==t||(l="start"===a?r.top+n:"center"===a?r.top-(e.height-r.height)/2+n:i-e.height-n),{top:l,left:c}}function ha(e,r,t,a){return"outside-top"===e||"outside-bottom"===e?r.top<t.top||r.top+a.height>t.height+t.top:r.left<t.left||r.left+a.width>t.width+t.left}function ma(e,r=[]){const t=vt(null==e?void 0:e.floatingElementRef),a=vt(null==e?void 0:e.anchorElementRef),[o,d]=n.default.useState(void 0),i=n.default.useCallback((()=>{t.current instanceof Element&&a.current instanceof Element?d(ca(t.current,a.current,e)):d(void 0)}),[t,a,...r]);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:t,anchorElementRef:a,position:o}}$t();const xa=[];let va;function Ba(e,r=!1){return gt(e,{reverse:r,strict:!0,onlyTabbable:!0}).next().value}function ya(e,r,t){const a=new AbortController,o=null!=t?t:a.signal;let n;function d(t){if(t instanceof HTMLElement&&document.contains(e)){if(e.contains(t))return void(n=t);if(n&&ut(n)&&e.contains(n))return void n.focus();if(r&&e.contains(r))return void r.focus();{const r=null===e.getAttribute("tabindex");return r&&e.setAttribute("tabindex","-1"),e.focus(),void(r&&e.addEventListener("blur",(()=>e.removeAttribute("tabindex")),{once:!0}))}}}e.setAttribute("data-focus-trap","active");const i=function(e){const r=new AbortController;return e.addEventListener("abort",(()=>{r.abort()})),r}(o);if(e.addEventListener("keydown",(r=>{if("Tab"!==r.key||r.defaultPrevented)return;const{target:t}=r,a=Ba(e),o=Ba(e,!0);t===a&&r.shiftKey?(r.preventDefault(),null==o||o.focus()):t!==o||r.shiftKey||(r.preventDefault(),null==a||a.focus())}),{signal:i.signal}),va){const e=va;va.container.setAttribute("data-focus-trap","suspended"),va.controller.abort(),xa.push(e)}i.signal.addEventListener("abort",(()=>{va=void 0})),o.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const r=xa.findIndex((r=>r.container===e));r>=0&&xa.splice(r,1),function(){const e=xa.pop();e&&ya(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{d(e.target)}),{signal:i.signal,capture:!0}),d(document.activeElement),va={container:e,controller:i,initialFocus:r,originalSignal:o};const l=xa.findIndex((r=>r.container===e));if(l>=0&&xa.splice(l,1),!t)return a}function wa(e,r=[]){const t=vt(null==e?void 0:e.containerRef),a=vt(null==e?void 0:e.initialFocusRef),o=null==e?void 0:e.disabled,d=n.default.useRef(),i=n.default.useRef(null);function l(){var r;null===(r=d.current)||void 0===r||r.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(t.current instanceof HTMLElement){var e;if(!o)return d.current=ya(t.current,null!==(e=a.current)&&void 0!==e?e:void 0),()=>{l()};l()}}),[t,a,o,...r]),{containerRef:t,initialFocusRef:a}}function ka({icon:e,...r}){return n.default.createElement(e,r)}ka.displayName="Octicon";const $a=d.default(ka)`
|
|
269
269
|
${Br}
|
|
270
|
-
${
|
|
271
|
-
|
|
270
|
+
${Kr}
|
|
271
|
+
`;$a.defaultProps={size:16};var Ta=$a;function Sa(e={},t=[]){const a=vt(e.containerRef),o=!!e.activeDescendantFocus,d=vt("boolean"!=typeof e.activeDescendantFocus&&e.activeDescendantFocus?e.activeDescendantFocus:void 0),i=e.disabled,l=n.default.useRef();return r.useEffect((()=>{if(a.current instanceof HTMLElement&&(!o||d.current instanceof HTMLElement)){if(!i){var r;const t={...e,activeDescendantControl:null!==(r=d.current)&&void 0!==r?r:void 0};return l.current=zt(a.current,t),()=>{var e;null===(e=l.current)||void 0===e||e.abort()}}var t;null===(t=l.current)||void 0===t||t.abort()}}),[i,...t]),{containerRef:a,activeDescendantControlRef:d}}const Ia="__primerPortalRoot__",Ea="__default__",Ca={};function Aa(){const e=Ca.__default__;if(!e||!document.body.contains(e)){let e=document.getElementById(Ia);if(!(e instanceof Element)){e=document.createElement("div"),e.setAttribute("id",Ia),e.style.position="absolute",e.style.top="0",e.style.left="0";const r=document.querySelector("[data-portal-root]");r?r.appendChild(e):document.body.appendChild(e)}!function(e,r="__default__"){Ca[r]=e}(e)}}var Na=({children:e,onMount:r,containerName:t})=>{const o=document.createElement("div");o.style.position="relative",o.style.zIndex="1";const d=n.default.useRef(o);return n.default.useLayoutEffect((()=>{let e=t;void 0===e&&(e=Ea,Aa());const a=Ca[e];if(!a)throw new Error(`Portal container '${t}' is not yet registered. Container must be registered with registerPortal before use.`);const o=d.current;return a.appendChild(o),null==r||r(),()=>{a.removeChild(o)}}),[d]),a.createPortal(e,d.current)};function Ra(...e){const t=r.useRef(null);return n.default.useLayoutEffect((()=>{function r(r=null){for(const t of e){if(!t)return;"function"==typeof t?t(r):t.current=r}}return r(t.current),()=>{r(t.current)}}),[...e,t.current]),t}const Ha={prefix:String(Math.round(1e10*Math.random())),current:0},La=n.default.createContext(Ha);let za=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Oa(e){let t=r.useContext(La);return t!==Ha||za||console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),r.useMemo((()=>e||"react-aria"+t.prefix+"-"+ ++t.current),[e])}const Ma="200ms",Pa=d.default("div")`
|
|
272
272
|
position: fixed;
|
|
273
273
|
top: 0;
|
|
274
274
|
left: 0;
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
align-items: center;
|
|
279
279
|
justify-content: center;
|
|
280
280
|
background-color: rgba(0, 0, 0, 0.4);
|
|
281
|
-
animation: dialog-backdrop-appear ${
|
|
281
|
+
animation: dialog-backdrop-appear ${Ma} ${vr("animation.easeOutCubic")};
|
|
282
282
|
|
|
283
283
|
@keyframes dialog-backdrop-appear {
|
|
284
284
|
0% {
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
opacity: 1;
|
|
289
289
|
}
|
|
290
290
|
}
|
|
291
|
-
`,
|
|
291
|
+
`,Fa={small:"480px",large:"640px",auto:"auto"},Da={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},Wa=d.default.div`
|
|
292
292
|
display: flex;
|
|
293
293
|
flex-direction: column;
|
|
294
294
|
background-color: ${vr("colors.canvas.overlay")};
|
|
@@ -296,11 +296,11 @@
|
|
|
296
296
|
min-width: 296px;
|
|
297
297
|
max-width: calc(100vw - 64px);
|
|
298
298
|
max-height: calc(100vh - 64px);
|
|
299
|
-
width: ${e=>{var r;return
|
|
300
|
-
height: ${e=>{var r;return
|
|
299
|
+
width: ${e=>{var r;return Da[null!==(r=e.width)&&void 0!==r?r:"xlarge"]}};
|
|
300
|
+
height: ${e=>{var r;return Fa[null!==(r=e.height)&&void 0!==r?r:"auto"]}};
|
|
301
301
|
border-radius: 12px;
|
|
302
302
|
opacity: 1;
|
|
303
|
-
animation: overlay--dialog-appear ${
|
|
303
|
+
animation: overlay--dialog-appear ${Ma} ${vr("animation.easeOutCubic")};
|
|
304
304
|
|
|
305
305
|
@keyframes overlay--dialog-appear {
|
|
306
306
|
0% {
|
|
@@ -315,24 +315,24 @@
|
|
|
315
315
|
|
|
316
316
|
${Br};
|
|
317
317
|
${$r};
|
|
318
|
-
${
|
|
319
|
-
`,
|
|
318
|
+
${Kr};
|
|
319
|
+
`,ja=({dialogLabelId:e,title:t,subtitle:a,dialogDescriptionId:o,onClose:d})=>{const i=r.useCallback((()=>{d("close-button")}),[d]);return n.default.createElement(eo.Header,null,n.default.createElement(Xr,{display:"flex"},n.default.createElement(Xr,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},n.default.createElement(eo.Title,{id:e},null!=t?t:"Dialog"),a&&n.default.createElement(eo.Subtitle,{id:o},a)),n.default.createElement(eo.CloseButton,{onClose:i})))};ja.displayName="DefaultHeader";const Ua=({children:e})=>n.default.createElement(eo.Body,null,e);Ua.displayName="DefaultBody";const Ga=({footerButtons:e})=>{const{containerRef:r}=Sa({bindKeys:St.ArrowHorizontal|St.Tab,focusInStrategy:"closest"});return e?n.default.createElement(eo.Footer,{ref:r},n.default.createElement(eo.Buttons,{buttons:e})):null},_a=n.default.forwardRef(((e,t)=>{const{title:a="Dialog",subtitle:o="",renderHeader:d,renderBody:i,renderFooter:l,onClose:c,role:f="dialog",width:s="xlarge",height:g="auto",footerButtons:b=[]}=e,u=Oa(),p=Oa(),h=r.useRef(null);for(const e of b)e.autoFocus&&(e.ref=h);const m={...e,title:a,subtitle:o,role:f,dialogLabelId:u,dialogDescriptionId:p},x=r.useRef(null),v=Ra(x,t),B=r.useRef(null);wa({containerRef:x,restoreFocusOnCleanUp:!0,initialFocusRef:h}),xt((e=>{c("escape"),e.preventDefault()}),[c]);const y=(null!=d?d:ja)(m),w=(null!=i?i:Ua)(m),k=(null!=l?l:Ga)(m);return n.default.createElement(n.default.Fragment,null,n.default.createElement(Na,null,n.default.createElement(Pa,{ref:B},n.default.createElement(Wa,{width:s,height:g,ref:v,role:f,"aria-labelledby":u,"aria-describedby":p},y,w,k))))}));_a.displayName="Dialog";const Ka=d.default(Xr).attrs({as:"header"})`
|
|
320
320
|
box-shadow: 0 1px 0 ${vr("colors.border.default")};
|
|
321
321
|
padding: ${vr("space.2")};
|
|
322
322
|
z-index: 1;
|
|
323
323
|
flex-shrink: 0;
|
|
324
|
-
`,
|
|
324
|
+
`,Xa=d.default(Xr)`
|
|
325
325
|
font-size: ${vr("fontSizes.1")};
|
|
326
326
|
font-weight: ${vr("fontWeights.bold")};
|
|
327
|
-
`,
|
|
327
|
+
`,Va=d.default(Xr)`
|
|
328
328
|
font-size: ${vr("fontSizes.0")};
|
|
329
329
|
margin-top: ${vr("space.1")};
|
|
330
330
|
color: ${vr("colors.fg.muted")};
|
|
331
|
-
`,
|
|
331
|
+
`,Ya=d.default(Xr)`
|
|
332
332
|
flex-grow: 1;
|
|
333
333
|
overflow: auto;
|
|
334
334
|
padding: ${vr("space.3")};
|
|
335
|
-
`,
|
|
335
|
+
`,qa=d.default(Xr).attrs({as:"footer"})`
|
|
336
336
|
box-shadow: 0 -1px 0 ${vr("colors.border.default")};
|
|
337
337
|
padding: ${vr("space.3")};
|
|
338
338
|
display: flex;
|
|
@@ -347,7 +347,7 @@
|
|
|
347
347
|
margin-left: 0;
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
|
-
`,
|
|
350
|
+
`,Ja={normal:Wt,primary:Kt,danger:jt},Za=d.default(Wt)`
|
|
351
351
|
border-radius: 4px;
|
|
352
352
|
background: transparent;
|
|
353
353
|
border: 0;
|
|
@@ -357,21 +357,21 @@
|
|
|
357
357
|
align-self: flex-start;
|
|
358
358
|
line-height: normal;
|
|
359
359
|
box-shadow: none;
|
|
360
|
-
`,
|
|
360
|
+
`,Qa=({onClose:e})=>n.default.createElement(Za,{"aria-label":"Close",onClick:e},n.default.createElement(Ta,{icon:na}));Qa.displayName="CloseButton";const eo=Object.assign(_a,{Header:Ka,Title:Xa,Subtitle:Va,Body:Ya,Footer:qa,Buttons:({buttons:e})=>{var t;const a=vt(null===(t=e.find((e=>e.autoFocus)))||void 0===t?void 0:t.ref);let o=0;const[d,i]=r.useState(0);return r.useEffect((()=>{var e;1===d?null===(e=a.current)||void 0===e||e.focus():i(d+1)}),[a,d]),n.default.createElement(n.default.Fragment,null,e.map(((e,r)=>{const{content:t,buttonType:d="normal",autoFocus:i=!1,...l}=e,c=Ja[d];return n.default.createElement(c,Sr({key:r},l,{ref:i&&0===o?(o++,a):null}),t)})))},CloseButton:Qa}),ro=d.default.header`
|
|
361
361
|
padding: ${vr("space.2")};
|
|
362
362
|
display: flex;
|
|
363
363
|
flex-direction: row;
|
|
364
|
-
`,
|
|
364
|
+
`,to=d.default(Xr)`
|
|
365
365
|
font-size: ${vr("fontSizes.3")};
|
|
366
366
|
font-weight: ${vr("fontWeights.bold")};
|
|
367
367
|
padding: 6px ${vr("space.2")};
|
|
368
368
|
flex-grow: 1;
|
|
369
|
-
`,
|
|
369
|
+
`,ao=({title:e,onClose:t,dialogLabelId:a})=>{const o=r.useCallback((()=>{t("close-button")}),[t]);return n.default.createElement(ro,null,n.default.createElement(to,{id:a},e),n.default.createElement(eo.CloseButton,{onClose:o}))};ao.displayName="ConfirmationHeader";const oo=d.default(Xr)`
|
|
370
370
|
font-size: ${vr("fontSizes.1")};
|
|
371
371
|
padding: 0 ${vr("space.3")} ${vr("space.3")} ${vr("space.3")};
|
|
372
372
|
color: ${vr("colors.fg.muted")};
|
|
373
373
|
flex-grow: 1;
|
|
374
|
-
`,
|
|
374
|
+
`,no=({children:e})=>n.default.createElement(oo,null,e);no.displayName="ConfirmationBody";const io=d.default(Xr)`
|
|
375
375
|
display: grid;
|
|
376
376
|
grid-auto-flow: column;
|
|
377
377
|
grid-auto-columns: max-content;
|
|
@@ -379,7 +379,7 @@
|
|
|
379
379
|
align-items: end;
|
|
380
380
|
justify-content: end;
|
|
381
381
|
padding: ${vr("space.1")} ${vr("space.3")} ${vr("space.3")};
|
|
382
|
-
`,
|
|
382
|
+
`,lo=({footerButtons:e})=>{const{containerRef:r}=Sa({bindKeys:St.ArrowHorizontal|St.Tab,focusInStrategy:"closest"});return n.default.createElement(io,{ref:r},n.default.createElement(eo.Buttons,{buttons:null!=e?e:[]}))};lo.displayName="ConfirmationFooter";const co=e=>{const{onClose:t,title:a,cancelButtonContent:o="Cancel",confirmButtonContent:d="OK",confirmButtonType:i="normal",children:l}=e,c=[{content:o,onClick:r.useCallback((()=>{t("cancel")}),[t])},{content:d,buttonType:i,onClick:r.useCallback((()=>{t("confirm")}),[t]),autoFocus:!0}];return n.default.createElement(eo,{onClose:t,title:a,footerButtons:c,role:"alertdialog",width:"medium",renderHeader:ao,renderBody:no,renderFooter:lo},l)};co.displayName="ConfirmationDialog";const fo=d.default.div`
|
|
383
383
|
{
|
|
384
384
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
385
385
|
*
|
|
@@ -394,10 +394,10 @@
|
|
|
394
394
|
|
|
395
395
|
${({variant:e})=>"filled"===e&&t.css(["background:",";margin:"," 0;border-top:1px solid ",";border-bottom:1px solid ",";&:first-child{margin-top:0;}"],vr("colors.canvas.subtle"),vr("space.2"),vr("colors.neutral.muted"),vr("colors.neutral.muted"))}
|
|
396
396
|
|
|
397
|
-
${
|
|
398
|
-
`;function
|
|
399
|
-
${
|
|
400
|
-
`;function
|
|
397
|
+
${Kr}
|
|
398
|
+
`;function so({variant:e="subtle",title:r,auxiliaryText:t,children:a,...o}){return n.default.createElement(fo,Sr({role:"heading",variant:e},o),r,t&&n.default.createElement("span",null,"auxiliaryText"))}so.displayName="Header";const go=d.default.div`
|
|
399
|
+
${Kr}
|
|
400
|
+
`;function bo({header:e,items:r,...t}){return n.default.createElement(go,t,e&&n.default.createElement(so,e),r)}bo.displayName="Group";const uo=d.default.div`
|
|
401
401
|
${yr}
|
|
402
402
|
${Br}
|
|
403
403
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
|
@@ -407,26 +407,26 @@
|
|
|
407
407
|
white-space: nowrap;
|
|
408
408
|
${fe}
|
|
409
409
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
|
410
|
-
${
|
|
411
|
-
`;
|
|
410
|
+
${Kr};
|
|
411
|
+
`;uo.defaultProps={expandable:!1,inline:!1,maxWidth:125};var po=uo;const ho=d.default.div`
|
|
412
412
|
height: 1px;
|
|
413
413
|
background: ${vr("colors.border.muted")};
|
|
414
414
|
margin-top: calc(${vr("space.2")} - 1px);
|
|
415
415
|
margin-bottom: ${vr("space.2")};
|
|
416
|
-
`;function
|
|
416
|
+
`;function mo(){return n.default.createElement(ho,null)}mo.displayName="Divider",mo.renderItem=mo;const xo={default:{hover:vr("colors.neutral.subtle"),focus:vr("colors.neutral.muted")},danger:{hover:vr("colors.danger.subtle"),focus:vr("colors.danger.muted")}},vo=(e="default",r)=>{if(r)return{color:vr("colors.fg.muted"),iconColor:vr("colors.fg.muted"),annotationColor:vr("colors.fg.muted"),hoverCursor:"default"};switch(e){case"danger":return{color:vr("colors.danger.fg"),iconColor:vr("colors.danger.fg"),annotationColor:vr("colors.fg.muted"),hoverCursor:"pointer"};default:return{color:vr("colors.fg.default"),iconColor:vr("colors.fg.muted"),annotationColor:vr("colors.fg.muted"),hoverCursor:"pointer"}}},Bo=d.default.div`
|
|
417
417
|
display: flex;
|
|
418
418
|
min-width: 0;
|
|
419
419
|
|
|
420
420
|
/* Required for dividers */
|
|
421
421
|
position: relative;
|
|
422
422
|
flex-grow: 1;
|
|
423
|
-
`,
|
|
423
|
+
`,yo=d.default.div`
|
|
424
424
|
align-items: baseline;
|
|
425
425
|
display: flex;
|
|
426
426
|
min-width: 0;
|
|
427
427
|
flex-direction: var(--main-content-flex-direction);
|
|
428
428
|
flex-grow: 1;
|
|
429
|
-
`,
|
|
429
|
+
`,wo=d.default.div`
|
|
430
430
|
/* 6px vertical padding + 20px line height = 32px total height
|
|
431
431
|
*
|
|
432
432
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -435,7 +435,7 @@
|
|
|
435
435
|
padding: 6px ${vr("space.2")};
|
|
436
436
|
display: flex;
|
|
437
437
|
border-radius: ${vr("radii.2")};
|
|
438
|
-
color: ${({variant:e,item:r})=>
|
|
438
|
+
color: ${({variant:e,item:r})=>vo(e,null==r?void 0:r.disabled).color};
|
|
439
439
|
// 2 frames on a 60hz monitor
|
|
440
440
|
transition: background 33.333ms linear;
|
|
441
441
|
|
|
@@ -443,15 +443,15 @@
|
|
|
443
443
|
:hover {
|
|
444
444
|
// allow override in case another item in the list is active/focused
|
|
445
445
|
background: var(--item-hover-bg-override, ${({hoverBackground:e})=>e});
|
|
446
|
-
cursor: ${({variant:e,item:r})=>
|
|
446
|
+
cursor: ${({variant:e,item:r})=>vo(e,null==r?void 0:r.disabled).hoverCursor};
|
|
447
447
|
}
|
|
448
448
|
}
|
|
449
449
|
|
|
450
450
|
// Item dividers
|
|
451
|
-
:not(:first-of-type):not(${
|
|
451
|
+
:not(:first-of-type):not(${ho} + &):not(${fo} + &) {
|
|
452
452
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
|
453
453
|
|
|
454
|
-
${
|
|
454
|
+
${Bo}::before {
|
|
455
455
|
content: ' ';
|
|
456
456
|
display: block;
|
|
457
457
|
position: absolute;
|
|
@@ -465,32 +465,32 @@
|
|
|
465
465
|
|
|
466
466
|
// Item dividers should not be visible:
|
|
467
467
|
// - above Hovered
|
|
468
|
-
&:hover ${
|
|
468
|
+
&:hover ${Bo}::before,
|
|
469
469
|
// - below Hovered
|
|
470
470
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
471
|
-
:hover + * ${
|
|
471
|
+
:hover + * ${Bo}::before {
|
|
472
472
|
// allow override in case another item in the list is active/focused
|
|
473
473
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
|
474
474
|
}
|
|
475
475
|
|
|
476
476
|
// - above Focused
|
|
477
|
-
&:focus ${
|
|
477
|
+
&:focus ${Bo}::before,
|
|
478
478
|
// - below Focused
|
|
479
479
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
|
480
|
-
:focus + * ${
|
|
480
|
+
:focus + * ${Bo}::before,
|
|
481
481
|
// - above Active Descendent
|
|
482
|
-
&[${
|
|
482
|
+
&[${Nt}] ${Bo}::before,
|
|
483
483
|
// - below Active Descendent
|
|
484
|
-
[${
|
|
484
|
+
[${Nt}] + & ${Bo}::before {
|
|
485
485
|
// '!important' because all the ':not's above give higher specificity
|
|
486
486
|
border-color: transparent !important;
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
// Active Descendant
|
|
490
|
-
&[${
|
|
490
|
+
&[${Nt}='${Rt}'] {
|
|
491
491
|
background: ${({focusBackground:e})=>e};
|
|
492
492
|
}
|
|
493
|
-
&[${
|
|
493
|
+
&[${Nt}='${Ht}'] {
|
|
494
494
|
background: ${({hoverBackground:e})=>e};
|
|
495
495
|
}
|
|
496
496
|
|
|
@@ -503,33 +503,33 @@
|
|
|
503
503
|
background: ${({focusBackground:e})=>e};
|
|
504
504
|
}
|
|
505
505
|
|
|
506
|
-
${
|
|
507
|
-
|
|
506
|
+
${Kr}
|
|
507
|
+
`,ko=d.default.span``,$o=d.default.div`
|
|
508
508
|
// Match visual height to adjacent text line height.
|
|
509
509
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
510
510
|
// hardcoded '20px' with '${vr("space.s20")}'.
|
|
511
511
|
height: 20px;
|
|
512
512
|
width: ${vr("space.3")};
|
|
513
513
|
margin-right: ${vr("space.2")};
|
|
514
|
-
`,
|
|
514
|
+
`,To=d.default($o)`
|
|
515
515
|
svg {
|
|
516
|
-
fill: ${({variant:e,disabled:r})=>
|
|
516
|
+
fill: ${({variant:e,disabled:r})=>vo(e,r).iconColor};
|
|
517
517
|
font-size: ${vr("fontSizes.0")};
|
|
518
518
|
}
|
|
519
|
-
`,
|
|
519
|
+
`,So=d.default(To)`
|
|
520
520
|
flex-shrink: 0;
|
|
521
521
|
display: flex;
|
|
522
522
|
flex-direction: column;
|
|
523
523
|
justify-content: center;
|
|
524
|
-
`,
|
|
525
|
-
color: ${({variant:e,disabled:r})=>
|
|
524
|
+
`,Io=d.default(To)`
|
|
525
|
+
color: ${({variant:e,disabled:r})=>vo(e,r).annotationColor}};
|
|
526
526
|
margin-left: ${vr("space.2")};
|
|
527
527
|
margin-right: 0;
|
|
528
528
|
width: auto;
|
|
529
529
|
div:nth-child(2) {
|
|
530
530
|
margin-left: ${vr("space.2")};
|
|
531
531
|
}
|
|
532
|
-
`,
|
|
532
|
+
`,Eo=d.default.span`
|
|
533
533
|
color: ${vr("colors.fg.muted")};
|
|
534
534
|
font-size: ${vr("fontSizes.0")};
|
|
535
535
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
|
@@ -539,9 +539,9 @@
|
|
|
539
539
|
min-width: 0;
|
|
540
540
|
flex-grow: 1;
|
|
541
541
|
flex-basis: var(--description-container-flex-basis);
|
|
542
|
-
`,
|
|
542
|
+
`,Co=d.default.input`
|
|
543
543
|
pointer-events: none;
|
|
544
|
-
`;function
|
|
544
|
+
`;function Ao(e){const{text:t,description:a,descriptionVariant:o="inline",selected:d,selectionVariant:i,leadingVisual:l,trailingIcon:c,trailingText:f,variant:s="default",showDivider:g,disabled:b,onAction:u,onKeyPress:p,children:h,onClick:m,id:x,...v}=e,B=Oa(),y=Oa(),w=r.useCallback((r=>{if(b)return;null==p||p(r);r.target instanceof HTMLInputElement&&"checkbox"===r.target.type&&" "===r.key||!r.defaultPrevented&&[" ","Enter"].includes(r.key)&&(null==u||u(e,r))}),[u,b,e,p]),k=r.useCallback((r=>{b||(null==m||m(r),r.defaultPrevented||null==u||u(e,r))}),[u,b,e,m]),$=xo[s],T=$.hover,S=$.focus,{theme:I}=Ur();return n.default.createElement(wo,Sr({tabIndex:b?void 0:-1,variant:s,showDivider:g,"aria-selected":d,"aria-labelledby":t?B:void 0,"aria-describedby":a?y:void 0},v,{"data-id":x,onKeyPress:w,onClick:k,hoverBackground:b?"inherit":T,focusBackground:b?"inherit":S}),!!d===d&&n.default.createElement($o,null,"multiple"===i?n.default.createElement(n.default.Fragment,null,n.default.createElement(Co,{disabled:b,tabIndex:-1,type:"checkbox",checked:d,"aria-label":t,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(Zt,{fill:null==I?void 0:I.colors.text.primary})),l&&n.default.createElement(So,{variant:s,disabled:b},n.default.createElement(l,null)),n.default.createElement(Bo,null,n.default.createElement(yo,{style:{"--main-content-flex-direction":"inline"===o?"row":"column"}},h,t?n.default.createElement(ko,{id:B},t):null,a?n.default.createElement(Eo,{id:y,style:{"--description-container-margin-left":"inline"===o?vr("space.2")(I):0,"--description-container-flex-basis":"inline"===o?0:"auto"}},"block"===o?a:n.default.createElement(po,{title:a,inline:!0,maxWidth:"100%"},a)):null),c||f?n.default.createElement(Io,{variant:s,disabled:b},f,c&&n.default.createElement(c,null)):null))}Ao.displayName="Item";const No=d.default.div`
|
|
545
545
|
font-size: ${vr("fontSizes.1")};
|
|
546
546
|
/* 14px font-size * 1.428571429 = 20px line height
|
|
547
547
|
*
|
|
@@ -550,19 +550,19 @@
|
|
|
550
550
|
*/
|
|
551
551
|
line-height: 20px;
|
|
552
552
|
|
|
553
|
-
&[${
|
|
553
|
+
&[${Lt}], &:focus-within {
|
|
554
554
|
--item-hover-bg-override: none;
|
|
555
555
|
--item-hover-divider-border-color-override: ${vr("colors.border.muted")};
|
|
556
556
|
}
|
|
557
|
-
`;const
|
|
557
|
+
`;const Ro=n.default.forwardRef(((e,r)=>{const{firstGroupStyle:t,lastGroupStyle:a,headerStyle:o,itemStyle:d}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:vr("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:vr("space.2")},lastGroupStyle:{marginBottom:vr("space.2")},itemStyle:{marginX:vr("space.2")}}}}(e.variant),i=(r,t,a)=>{var o,i,l;const c="renderItem"in r&&r.renderItem||e.renderItem||Ao,f=null!==(o=null!==(i=r.key)&&void 0!==i?i:null===(l=r.id)||void 0===l?void 0:l.toString())&&void 0!==o?o:a.toString();return n.default.createElement(c,Sr({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},r,{key:f,sx:{...d,...r.sx},item:t}))};let l=[];if(function(e){return"groupMetadata"in e}(e)){const r=e.groupMetadata.reduce(((e,r)=>e.set(r.groupId,r)),new Map);for(const t of e.items){var c,f,s;const e=r.get(t.groupId),a=null!==(c=null==e||null===(f=e.items)||void 0===f?void 0:f.length)&&void 0!==c?c:0;r.set(t.groupId,{...e,items:[...null!==(s=null==e?void 0:e.items)&&void 0!==s?s:[],i({showDivider:null==e?void 0:e.showItemDividers,...e&&"renderItem"in e&&{renderItem:e.renderItem},...t},t,a)]})}l=[...r.values()]}else l=[{items:e.items.map(((e,r)=>i(e,e,r))),groupId:"0"}];return n.default.createElement(No,Sr({},e,{ref:r}),l.map((({header:r,...d},i)=>{const c="filled"===(null==r?void 0:r.variant),f=i>0&&!c;return n.default.createElement(n.default.Fragment,{key:d.groupId},f?n.default.createElement(mo,{key:`${d.groupId}-divider`}):null,(r=>{var t;const a=(null!==(t="renderGroup"in r&&r.renderGroup)&&void 0!==t?t:e.renderGroup)||bo;return n.default.createElement(a,Sr({},r,{key:r.groupId}))})({sx:{...0===i&&t,...i===l.length-1&&a,...i>0&&!f&&{mt:2}},...r&&{header:{...r,sx:{...o,...r.sx}}},...d}))})))}));Ro.displayName="ActionList";const Ho=Object.assign(Ro,{Group:bo,Item:Ao,Divider:mo}),Lo={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},zo={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Oo=d.default.div`
|
|
558
558
|
background-color: ${vr("colors.canvas.overlay")};
|
|
559
559
|
box-shadow: ${vr("shadows.overlay.shadow")};
|
|
560
560
|
position: absolute;
|
|
561
561
|
min-width: 192px;
|
|
562
562
|
max-width: 640px;
|
|
563
|
-
height: ${e=>
|
|
564
|
-
max-height: ${e=>e.maxHeight&&
|
|
565
|
-
width: ${e=>
|
|
563
|
+
height: ${e=>Lo[e.height||"auto"]};
|
|
564
|
+
max-height: ${e=>e.maxHeight&&Lo[e.maxHeight]};
|
|
565
|
+
width: ${e=>zo[e.width||"auto"]};
|
|
566
566
|
border-radius: 12px;
|
|
567
567
|
overflow: hidden;
|
|
568
568
|
animation: overlay-appear ${200}ms ${vr("animation.easeOutCubic")};
|
|
@@ -580,27 +580,27 @@
|
|
|
580
580
|
outline: none;
|
|
581
581
|
}
|
|
582
582
|
${Br};
|
|
583
|
-
${
|
|
584
|
-
`,
|
|
583
|
+
${Kr};
|
|
584
|
+
`,Mo=n.default.forwardRef((({onClickOutside:e,role:t="none",initialFocusRef:a,returnFocusRef:o,ignoreClickRefs:d,onEscape:i,visibility:l="visible",height:c,top:f,left:s,anchorSide:g,portalContainerName:b,...u},p)=>{const h=r.useRef(null),m=Ra(h,p),{theme:x}=Ur(),v=parseInt(vr("space.2")(x).replace("px","")),B=vr("animation.easeOutCubic")(x);return Bt({overlayRef:h,returnFocusRef:o,onEscape:i,ignoreClickRefs:d,onClickOutside:e,initialFocusRef:a}),r.useEffect((()=>{var e;"initial"===c&&null!==(e=m.current)&&void 0!==e&&e.clientHeight&&(m.current.style.height=`${m.current.clientHeight}px`)}),[c,m]),r.useLayoutEffect((()=>{var e;const{x:r,y:t}=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}}(g);(r||t)&&null!==(e=h.current)&&void 0!==e&&e.animate&&"hidden"!==l&&h.current.animate({transform:[`translate(${v*r}px, ${v*t}px)`,"translate(0, 0)"]},{duration:200,easing:B})}),[g,v,B,l]),n.default.createElement(Na,{containerName:b},n.default.createElement(Oo,Sr({height:c,role:t},u,{ref:m,style:{top:`${f||0}px`,left:`${s||0}px`,...u.style,"--styled-overlay-visibility":l}})))}));Mo.defaultProps={height:"auto",width:"auto"};var Po=Mo;const Fo=({renderAnchor:e,anchorRef:t,children:a,open:o,onOpen:d,onClose:i,height:l,width:c,overlayProps:f,focusTrapSettings:s,focusZoneSettings:g})=>{const b=vt(t),[u,p]=function(){const[e,t]=r.useState(null),a=r.useRef(null);a.current=e;const o=r.useCallback((e=>{a.current=e,t(e)}),[a]);return[a,o]}(),h=Oa(),m=r.useCallback((()=>null==i?void 0:i("click-outside")),[i]),x=r.useCallback((()=>null==i?void 0:i("escape")),[i]),v=r.useCallback((e=>{e.defaultPrevented||!o&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==d||d("anchor-key-press"),e.preventDefault())}),[o,d]),B=r.useCallback((e=>{e.defaultPrevented||0!==e.button||(o?null==i||i("anchor-click"):null==d||d("anchor-click"))}),[o,d,i]),{position:y}=ma({anchorElementRef:b,floatingElementRef:u},[u.current]);return r.useEffect((()=>{!o&&u.current&&p(null)}),[o,u,p]),Sa({containerRef:u,disabled:!o||!y,...g}),wa({containerRef:u,disabled:!o||!y,...s}),n.default.createElement(n.default.Fragment,null,e&&e({ref:b,id:h,"aria-labelledby":h,"aria-haspopup":"true",tabIndex:0,onClick:B,onKeyDown:v}),o?n.default.createElement(Po,Sr({returnFocusRef:b,onClickOutside:m,ignoreClickRefs:[b],onEscape:x,ref:p,role:"none",visibility:y?"visible":"hidden",height:l,width:c,top:(null==y?void 0:y.top)||0,left:(null==y?void 0:y.left)||0,anchorSide:null==y?void 0:y.anchorSide},f),a):null)};function Do(e,t,a){const[o,n]=r.useState(a);return[null!=e?e:o,r.useCallback((e=>{n(e),t&&t(e)}),[t])]}Fo.displayName="AnchoredOverlay";const Wo=e=>n.default.createElement(Ao,Sr({role:"menuitem"},e));Wo.displayName="ActionMenuItem",Wo.displayName="ActionMenu.Item";const jo=({anchorContent:e,renderAnchor:t=(e=>n.default.createElement(Wt,e)),anchorRef:a,onAction:o,open:d,setOpen:i,overlayProps:l,items:c,...f})=>{const[s,g]=Do(d,i,!1),b=vt(a),u=r.useCallback((()=>g(!0)),[g]),p=r.useCallback((()=>g(!1)),[g]),h=r.useMemo((()=>null===t?null:r=>t({"aria-label":"menu",children:e,...r})),[e,t]),m=r.useMemo((()=>c.map((e=>({...e,role:"menuitem",onAction:(r,t)=>{var a;const n=null!==(a=e.onAction)&&void 0!==a?a:o;null==n||n(r,t),t.defaultPrevented||p()}})))),[c,o,p]);return n.default.createElement(Fo,{renderAnchor:h,anchorRef:b,open:s,onOpen:u,onClose:p,overlayProps:l},n.default.createElement(Ro,Sr({},f,{role:"menu",items:m})))};jo.displayName="ActionMenuBase",jo.displayName="ActionMenu";const Uo=Object.assign(jo,{Divider:mo,Item:Wo});const Go=d.default.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
585
585
|
display: inline-block;
|
|
586
586
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
587
587
|
line-height: ${vr("lineHeights.condensedUltra")};
|
|
588
588
|
vertical-align: middle;
|
|
589
589
|
border-radius: ${e=>function({size:e,square:r}){return r?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
590
590
|
${Br};
|
|
591
|
-
${
|
|
592
|
-
`;
|
|
591
|
+
${Kr}
|
|
592
|
+
`;Go.defaultProps={size:20,alt:"",square:!1};var _o=Go;const Ko=d.default(_o)`
|
|
593
593
|
position: absolute;
|
|
594
594
|
right: -15%;
|
|
595
595
|
bottom: -9%;
|
|
596
596
|
box-shadow: ${vr("shadows.avatar.childShadow")};
|
|
597
|
-
`,
|
|
597
|
+
`,Xo=({children:e,...r})=>{const t=n.default.Children.map(e,((e,r)=>n.default.isValidElement(e)?0===r?n.default.cloneElement(e,{size:40}):n.default.createElement(Ko,Sr({bg:"canvas.default"},e.props,{size:20})):e));return n.default.createElement(Xr,Sr({position:"relative",display:"inline-flex"},r),t)};Xo.displayName="AvatarPair",Xo.displayName="AvatarPair";var Vo=Xo,Yo={exports:{}};
|
|
598
598
|
/*!
|
|
599
599
|
Copyright (c) 2018 Jed Watson.
|
|
600
600
|
Licensed under the MIT License (MIT), see
|
|
601
601
|
http://jedwatson.github.io/classnames
|
|
602
602
|
*/
|
|
603
|
-
!function(e){!function(){var r={}.hasOwnProperty;function t(){for(var e=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var n=typeof o;if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o)){if(o.length){var d=t.apply(null,o);d&&e.push(d)}}else if("object"===n)if(o.toString===Object.prototype.toString)for(var i in o)r.call(o,i)&&o[i]&&e.push(i);else e.push(o.toString())}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()}(
|
|
603
|
+
!function(e){!function(){var r={}.hasOwnProperty;function t(){for(var e=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var n=typeof o;if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o)){if(o.length){var d=t.apply(null,o);d&&e.push(d)}}else if("object"===n)if(o.toString===Object.prototype.toString)for(var i in o)r.call(o,i)&&o[i]&&e.push(i);else e.push(o.toString())}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()}(Yo);var qo=Yo.exports;const Jo=d.default.span`
|
|
604
604
|
display: flex;
|
|
605
605
|
position: relative;
|
|
606
606
|
height: 20px;
|
|
@@ -714,8 +714,8 @@
|
|
|
714
714
|
}
|
|
715
715
|
}
|
|
716
716
|
|
|
717
|
-
${
|
|
718
|
-
`,
|
|
717
|
+
${Kr};
|
|
718
|
+
`,Zo=({children:e,alignRight:r,sx:t})=>{const a=n.default.Children.count(e),o=qo({"pc-AvatarStack--two":2===a,"pc-AvatarStack--three-plus":a>2,"pc-AvatarStack--right":r});return n.default.createElement(Jo,{count:a,className:o,sx:t},n.default.createElement(Xr,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(e=>n.default.Children.map(e,((e,r)=>n.default.isValidElement(e)?n.default.cloneElement(e,{className:qo(e.props.className,"pc-AvatarItem"),sx:{zIndex:10-r,...e.props.sx}}):e)))(e)))};Zo.displayName="AvatarStack";var Qo=Zo;var en=d.default.a`
|
|
719
719
|
display: inline-block;
|
|
720
720
|
padding: 2px 6px;
|
|
721
721
|
font-size: ${vr("fontSizes.0")};
|
|
@@ -724,8 +724,8 @@
|
|
|
724
724
|
background-color: ${vr("colors.accent.subtle")};
|
|
725
725
|
border-radius: ${vr("radii.2")};
|
|
726
726
|
${Br};
|
|
727
|
-
${
|
|
728
|
-
`;const
|
|
727
|
+
${Kr};
|
|
728
|
+
`;const rn=d.default.li`
|
|
729
729
|
display: inline-block;
|
|
730
730
|
white-space: nowrap;
|
|
731
731
|
list-style: none;
|
|
@@ -744,13 +744,13 @@
|
|
|
744
744
|
content: none;
|
|
745
745
|
}
|
|
746
746
|
}
|
|
747
|
-
`,
|
|
747
|
+
`,tn=d.default.nav`
|
|
748
748
|
display: flex;
|
|
749
749
|
justify-content: space-between;
|
|
750
750
|
${Br};
|
|
751
751
|
${Tr};
|
|
752
|
-
${
|
|
753
|
-
`;function
|
|
752
|
+
${Kr};
|
|
753
|
+
`;function an({className:e,children:r,theme:t,...a}){const o=n.default.Children.map(r,(e=>n.default.createElement(rn,{theme:t},e)));return n.default.createElement(tn,Sr({className:e,"aria-label":"Breadcrumbs",theme:t},a),n.default.createElement(Xr,{as:"ol",my:0,pl:0},o))}an.displayName="Breadcrumbs";const on=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:qo(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
|
754
754
|
color: ${vr("colors.accent.fg")};
|
|
755
755
|
display: inline-block;
|
|
756
756
|
font-size: ${vr("fontSizes.1")};
|
|
@@ -763,8 +763,8 @@
|
|
|
763
763
|
pointer-events: none;
|
|
764
764
|
}
|
|
765
765
|
${Br}
|
|
766
|
-
${
|
|
767
|
-
`;
|
|
766
|
+
${Kr};
|
|
767
|
+
`;an.displayName="Breadcrumbs",on.displayName="Breadcrumbs.Item";var nn=Object.assign(an,{Item:on});const dn=Object.assign(an,{Item:on}),ln={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},cn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function fn(e,r,t){const a=ln[e].toLowerCase(),o=cn[e].toLowerCase();return{[a]:"100%",[r||o]:r?t:"50%"}}const sn=ur({prop:"bg",key:"colors"}),gn=ur({prop:"borderColor",key:"colors"}),bn=ur({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function un(e){var r;const a=n.default.useContext(t.ThemeContext),o={...e,theme:null!==(r=e.theme)&&void 0!==r?r:a},{bg:d}=sn(o),{borderColor:i}=gn(o),{borderWidth:l}=bn(o),{size:c=8,location:f="bottom"}=e,[s,g]=function(e){const[r,t]=e.split("-");return[r,t]}(f),b=cn[s],u=[-c,0],p=[0,c],h=[c,0],m=`M${u}L${p}L${h}L${u}Z`,x=`M${u}L${p}L${h}`,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)`}[s];return n.default.createElement("svg",{width:2*c,height:2*c,style:{pointerEvents:"none",position:"absolute",...fn(s,g,c),[`margin${b}`]:g?null:-c}},n.default.createElement("g",{transform:v},n.default.createElement("path",{d:m,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},hn=d.default.div`
|
|
768
768
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
769
769
|
align-items: center;
|
|
770
770
|
justify-content: center;
|
|
@@ -772,13 +772,13 @@
|
|
|
772
772
|
border-radius: 50%;
|
|
773
773
|
box-shadow: ${vr("shadows.shadow.medium")};
|
|
774
774
|
${Br};
|
|
775
|
-
${({size:e,variant:r="medium"})=>{const t=(a=e,!isNaN(parseFloat(a))&&isFinite(a)?e:
|
|
776
|
-
${
|
|
777
|
-
`,
|
|
775
|
+
${({size:e,variant:r="medium"})=>{const t=(a=e,!isNaN(parseFloat(a))&&isFinite(a)?e:pn[r]);var a;return{width:t,height:t}}};
|
|
776
|
+
${Kr};
|
|
777
|
+
`,mn=d.default(Ta)`
|
|
778
778
|
height: auto;
|
|
779
779
|
max-width: 60%;
|
|
780
780
|
max-height: 55%;
|
|
781
|
-
`;
|
|
781
|
+
`;hn.defaultProps={inline:!1},mn.displayName="CircleBadge.Icon";var xn=Object.assign(hn,{Icon:mn});function vn(e){const{size:r,as:t}=e,{icon:a,bg:o,...d}=e;return n.default.createElement(Xr,{as:t,bg:o,overflow:"hidden",borderWidth:0,size:r,borderRadius:"50%",borderStyle:"solid",borderColor:"border.default"},n.default.createElement(Xr,Sr({display:"flex"},d,{alignItems:"center",justifyContent:"center"}),n.default.createElement(a,{size:r})))}vn.displayName="CircleOcticon",vn.defaultProps={...Xr.defaultProps,size:32};var Bn=d.default.span`
|
|
782
782
|
display: inline-block;
|
|
783
783
|
padding: 2px 5px;
|
|
784
784
|
font-size: ${vr("fontSizes.0")};
|
|
@@ -793,8 +793,8 @@
|
|
|
793
793
|
display: none;
|
|
794
794
|
}
|
|
795
795
|
|
|
796
|
-
${
|
|
797
|
-
`;const
|
|
796
|
+
${Kr};
|
|
797
|
+
`;const yn=d.default.details`
|
|
798
798
|
& > summary {
|
|
799
799
|
list-style: none;
|
|
800
800
|
}
|
|
@@ -803,12 +803,12 @@
|
|
|
803
803
|
}
|
|
804
804
|
|
|
805
805
|
${Br}
|
|
806
|
-
${
|
|
807
|
-
`;
|
|
806
|
+
${Kr};
|
|
807
|
+
`;yn.displayName="Details";var wn=yn;const kn=()=>null;function $n(e){const r=e;return r.tabIndex>=0&&!r.disabled&&function(e){return!e.hidden&&(!e.type||"hidden"!==e.type)&&(e.offsetWidth>0||e.offsetHeight>0)}(r)}var Tn=d.default.span`
|
|
808
808
|
${yr};
|
|
809
809
|
${Br};
|
|
810
|
-
${
|
|
811
|
-
`;const
|
|
810
|
+
${Kr};
|
|
811
|
+
`;const Sn=()=>null,In=d.default.div`
|
|
812
812
|
box-shadow: ${vr("shadows.shadow.large")};
|
|
813
813
|
border-radius: ${vr("radii.2")};
|
|
814
814
|
position: fixed;
|
|
@@ -831,8 +831,8 @@
|
|
|
831
831
|
|
|
832
832
|
${kr};
|
|
833
833
|
${Br};
|
|
834
|
-
${
|
|
835
|
-
`,
|
|
834
|
+
${Kr};
|
|
835
|
+
`,En=d.default(Xr)`
|
|
836
836
|
border-radius: ${vr("radii.2")} ${vr("radii.2")} 0px 0px;
|
|
837
837
|
border-bottom: 1px solid ${vr("colors.border.default")};
|
|
838
838
|
display: flex;
|
|
@@ -841,8 +841,8 @@
|
|
|
841
841
|
border-radius: 0px;
|
|
842
842
|
}
|
|
843
843
|
|
|
844
|
-
${
|
|
845
|
-
`;function
|
|
844
|
+
${Kr};
|
|
845
|
+
`;function Cn({theme:e,children:r,backgroundColor:t="gray.1",...a}){return n.default.Children.toArray(r).every((e=>"string"==typeof e))&&(r=n.default.createElement(Tn,{theme:e,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},r)),n.default.createElement(En,Sr({theme:e,p:3,backgroundColor:t},a),r)}Cn.displayName="DialogHeader";const An=d.default.span`
|
|
846
846
|
&:before {
|
|
847
847
|
position: fixed;
|
|
848
848
|
top: 0;
|
|
@@ -856,10 +856,10 @@
|
|
|
856
856
|
z-index: 99;
|
|
857
857
|
background: ${vr("colors.primer.canvas.backdrop")};
|
|
858
858
|
}
|
|
859
|
-
`,
|
|
859
|
+
`,Nn=r.forwardRef((({children:e,onDismiss:t=Sn,isOpen:a,initialFocusRef:o,returnFocusRef:d,...i},l)=>{const c=r.useRef(null),f=Ra(l),s=r.useRef(null),g=()=>{t(),d&&d.current&&d.current.focus()},{getDialogProps:b}=function({modalRef:e,overlayRef:t,isOpen:a,onDismiss:o=kn,initialFocusRef:n,closeButtonRef:d}){const i=r.useCallback((r=>{e.current&&t.current&&!e.current.contains(r.target)&&t.current.contains(r.target)&&o()}),[o,e,t]);r.useEffect((()=>{if(a)return document.addEventListener("click",i),()=>{document.removeEventListener("click",i)}}),[a,i]),r.useEffect((()=>{a&&(n&&n.current?n.current.focus():d&&d.current&&d.current.focus())}),[a,n,d]);const l=r.useCallback(((r,t)=>{if(e.current){const a=Array.from(e.current.querySelectorAll("*")).filter($n);if(0===a.length)return;r.preventDefault();const o=document.activeElement;if(!o)return;const n=a.indexOf(o)+t,d=1===t?0:a.length-1;return a[n]||a[d]}}),[e]),c=r.useCallback((e=>{const r=e.shiftKey?-1:1,t=l(e,r);t&&t.focus()}),[l]),f=r.useCallback((e=>{switch(e.key){case"Tab":c(e);break;case"Escape":o(),e.stopPropagation()}}),[c,o]);return{getDialogProps:()=>({onKeyDown:f})}}({modalRef:f,onDismiss:g,isOpen:a,initialFocusRef:o,closeButtonRef:s,returnFocusRef:d,overlayRef:c});return a?n.default.createElement(n.default.Fragment,null,n.default.createElement(An,{ref:c}),n.default.createElement(In,Sr({tabIndex:-1,ref:f,role:"dialog","aria-modal":"true"},i,b()),n.default.createElement(ia,{ref:s,onClick:g,sx:{position:"absolute",top:"16px",right:"16px"}}),e)):null}));Cn.defaultProps={backgroundColor:"bg.tertiary"},Cn.propTypes={...Xr.propTypes},Cn.displayName="Dialog.Header",Nn.displayName="Dialog";var Rn=Object.assign(Nn,{Header:Cn});var Hn=(e,r)=>({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: ${vr("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: ${vr("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: ${vr("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${vr("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 ${vr("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 ${vr("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 "}[r]);const Ln=d.default(wn)`
|
|
860
860
|
position: relative;
|
|
861
861
|
display: inline-block;
|
|
862
|
-
`,
|
|
862
|
+
`,zn=({children:e,className:r,...t})=>{const{getDetailsProps:a}=dt({closeOnOutsideClick:!0});return n.default.createElement(Ln,Sr({className:r},a(),t),e)};zn.displayName="Dropdown";const On=({children:e,...r})=>n.default.createElement(Wt,Sr({as:"summary","aria-haspopup":"true"},r),e,n.default.createElement(Mn,null));On.displayName="DropdownButton";const Mn=d.default.div`
|
|
863
863
|
border: 4px solid transparent;
|
|
864
864
|
margin-left: 12px;
|
|
865
865
|
border-top-color: currentcolor;
|
|
@@ -870,8 +870,8 @@
|
|
|
870
870
|
vertical-align: middle;
|
|
871
871
|
width: 0;
|
|
872
872
|
${Br};
|
|
873
|
-
${
|
|
874
|
-
`,
|
|
873
|
+
${Kr};
|
|
874
|
+
`,Pn=d.default.ul`
|
|
875
875
|
background-clip: padding-box;
|
|
876
876
|
background-color: ${vr("colors.canvas.overlay")};
|
|
877
877
|
border: 1px solid ${vr("colors.border.default")};
|
|
@@ -912,10 +912,10 @@
|
|
|
912
912
|
> ul {
|
|
913
913
|
list-style: none;
|
|
914
914
|
}
|
|
915
|
-
${e=>e.direction?
|
|
915
|
+
${e=>e.direction?Hn(e.theme,e.direction):""};
|
|
916
916
|
${Br};
|
|
917
|
-
${
|
|
918
|
-
`,
|
|
917
|
+
${Kr};
|
|
918
|
+
`,Fn=d.default.li`
|
|
919
919
|
display: block;
|
|
920
920
|
padding: ${vr("space.1")} 10px ${vr("space.1")} 15px;
|
|
921
921
|
overflow: hidden;
|
|
@@ -947,8 +947,8 @@
|
|
|
947
947
|
outline: none;
|
|
948
948
|
}
|
|
949
949
|
${Br};
|
|
950
|
-
${
|
|
951
|
-
`;
|
|
950
|
+
${Kr};
|
|
951
|
+
`;Pn.defaultProps={direction:"sw"},Pn.displayName="Dropdown.Menu",Fn.displayName="Dropdown.Item",On.defaultProps=Wt.defaultProps,On.displayName="Dropdown.Button",Mn.displayName="Dropdown.Caret",zn.defaultProps=wn.defaultProps;var Dn=Object.assign(zn,{Caret:Mn,Menu:Pn,Item:Fn,Button:On});const Wn=n.default.forwardRef((({children:e,...r},t)=>n.default.createElement(Wt,Sr({ref:t,type:"button"},r),e,n.default.createElement(Ta,{icon:oa,ml:1}))));function jn({renderAnchor:e=(e=>n.default.createElement(Wn,e)),anchorRef:t,placeholder:a,selectedItem:o,onChange:d,overlayProps:i,items:l,open:c,onOpenChange:f,...s}){const[g,b]=Do(c,f,!1),u=r.useCallback((()=>b(!0)),[b]),p=r.useCallback((()=>b(!1)),[b]),h=vt(t),m=r.useMemo((()=>null===e?null:r=>{var t;return e({...r,children:null!==(t=null==o?void 0:o.text)&&void 0!==t?t:a})}),[a,e,null==o?void 0:o.text]),x=r.useMemo((()=>l.map((e=>({...e,role:"option",selected:e===o,onAction:(r,t)=>{var a;null===(a=e.onAction)||void 0===a||a.call(e,r,t),t.defaultPrevented||(p(),null==d||d(e===o?void 0:e))}})))),[l,d,p,o]);return n.default.createElement(Fo,{renderAnchor:m,anchorRef:h,open:g,onOpen:u,onClose:p,overlayProps:i},n.default.createElement(Ro,Sr({},s,{role:"listbox",items:x})))}jn.displayName="DropdownMenu",jn.displayName="DropdownMenu";var Un=d.default.div`
|
|
952
952
|
${Br};
|
|
953
953
|
display: flex;
|
|
954
954
|
align-items: stretch;
|
|
@@ -966,12 +966,12 @@
|
|
|
966
966
|
z-index: 1; // Allows the focus outline to show on top of the dropdown.
|
|
967
967
|
}
|
|
968
968
|
|
|
969
|
-
${
|
|
970
|
-
`;const
|
|
969
|
+
${Kr}
|
|
970
|
+
`;const Gn=d.default.ul`
|
|
971
971
|
list-style-type: none;
|
|
972
972
|
${Br};
|
|
973
|
-
${
|
|
974
|
-
`,
|
|
973
|
+
${Kr};
|
|
974
|
+
`,_n=({children:e,...r})=>{const t=n.default.Children.map(e,(e=>n.default.createElement("li",null,e)));return n.default.createElement(Gn,r,t)};_n.displayName="FilterList";const Kn=d.default.a`
|
|
975
975
|
position: relative;
|
|
976
976
|
display: block;
|
|
977
977
|
padding: ${e=>e.small?`${vr("space.1")(e)} 10px`:`${vr("space.2")(e)} 11px`};
|
|
@@ -998,8 +998,8 @@
|
|
|
998
998
|
font-weight: ${vr("fontWeights.bold")};
|
|
999
999
|
}
|
|
1000
1000
|
${Br};
|
|
1001
|
-
${
|
|
1002
|
-
`;function
|
|
1001
|
+
${Kr};
|
|
1002
|
+
`;function Xn({children:e,count:r,...t}){return n.default.createElement(Kn,t,r&&n.default.createElement("span",{title:"results",className:"count"},r),e)}Xn.displayName="FilterListItem",_n.defaultProps={m:0,p:0},Xn.displayName="FilterList.Item";var Vn=Object.assign(_n,{Item:Xn});const Yn=te({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`
|
|
1003
1003
|
position: relative;
|
|
1004
1004
|
color: ${vr("colors.fg.default")};
|
|
1005
1005
|
padding: ${vr("space.3")};
|
|
@@ -1017,22 +1017,22 @@
|
|
|
1017
1017
|
}
|
|
1018
1018
|
|
|
1019
1019
|
${Br};
|
|
1020
|
-
${
|
|
1021
|
-
${
|
|
1022
|
-
`;
|
|
1020
|
+
${Yn};
|
|
1021
|
+
${Kr};
|
|
1022
|
+
`;qn.defaultProps={variant:"default"};var Jn=qn;const Zn=d.default.div`
|
|
1023
1023
|
margin: ${vr("space.3")} 0;
|
|
1024
1024
|
font-weight: ${vr("fontWeights.normal")};
|
|
1025
1025
|
${Br};
|
|
1026
|
-
${
|
|
1027
|
-
`,
|
|
1026
|
+
${Kr};
|
|
1027
|
+
`,Qn=d.default.label`
|
|
1028
1028
|
display: block;
|
|
1029
1029
|
margin: 0 0 ${vr("space.2")};
|
|
1030
1030
|
font-size: ${vr("fontSizes.1")};
|
|
1031
1031
|
font-weight: ${vr("fontWeights.bold")};
|
|
1032
1032
|
${yr};
|
|
1033
1033
|
${Br};
|
|
1034
|
-
${
|
|
1035
|
-
`;
|
|
1034
|
+
${Kr};
|
|
1035
|
+
`;Qn.displayName="FormGroup.Label";var ed=Object.assign(Zn,{Label:Qn});const rd=d.default.div`
|
|
1036
1036
|
z-index: 32;
|
|
1037
1037
|
display: flex;
|
|
1038
1038
|
padding: ${vr("space.3")};
|
|
@@ -1045,8 +1045,8 @@
|
|
|
1045
1045
|
|
|
1046
1046
|
${Br}
|
|
1047
1047
|
${wr}
|
|
1048
|
-
${
|
|
1049
|
-
`,
|
|
1048
|
+
${Kr};
|
|
1049
|
+
`,td=d.default.div`
|
|
1050
1050
|
display: flex;
|
|
1051
1051
|
margin-right: ${vr("space.3")};
|
|
1052
1052
|
align-self: stretch;
|
|
@@ -1057,8 +1057,8 @@
|
|
|
1057
1057
|
|
|
1058
1058
|
${Br};
|
|
1059
1059
|
${wr};
|
|
1060
|
-
${
|
|
1061
|
-
`;
|
|
1060
|
+
${Kr};
|
|
1061
|
+
`;td.displayName="Header.Item";const ad=d.default.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
|
1062
1062
|
font-weight: ${vr("fontWeights.bold")};
|
|
1063
1063
|
color: ${vr("colors.header.logo")};
|
|
1064
1064
|
white-space: nowrap;
|
|
@@ -1075,15 +1075,15 @@
|
|
|
1075
1075
|
${Br};
|
|
1076
1076
|
${wr};
|
|
1077
1077
|
${yr};
|
|
1078
|
-
${
|
|
1079
|
-
`;
|
|
1078
|
+
${Kr};
|
|
1079
|
+
`;ad.displayName="Header.Link";var od=Object.assign(rd,{Link:ad,Item:td});const nd=d.default.h2`
|
|
1080
1080
|
font-weight: ${vr("fontWeights.bold")};
|
|
1081
1081
|
font-size: ${vr("fontSizes.5")};
|
|
1082
1082
|
margin: 0;
|
|
1083
1083
|
${yr};
|
|
1084
1084
|
${Br};
|
|
1085
|
-
${
|
|
1086
|
-
`;
|
|
1085
|
+
${Kr};
|
|
1086
|
+
`;nd.defaultProps={theme:l};var dd=nd;var id=d.default.span`
|
|
1087
1087
|
${Br}
|
|
1088
1088
|
& * {
|
|
1089
1089
|
margin-right: ${vr("space.1")};
|
|
@@ -1091,8 +1091,8 @@
|
|
|
1091
1091
|
& *:last-child {
|
|
1092
1092
|
margin-right: 0;
|
|
1093
1093
|
}
|
|
1094
|
-
${
|
|
1095
|
-
`;const
|
|
1094
|
+
${Kr};
|
|
1095
|
+
`;const ld=t.css(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";",";background-color:transparent;"],vr("colors.fg.muted"),vr("borderWidths.1"),vr("colors.border.default"),Qe,Br),cd=te({variants:{small:{fontSize:0,lineHeight:"16px",padding:"0px 8px"},medium:{fontSize:0,lineHeight:"20px",padding:"0 8px"},large:{fontSize:0,lineHeight:"24px",padding:"0 12px"},xl:{fontSize:1,lineHeight:"16px",padding:"8px 12px"}}}),fd=d.default.span`
|
|
1096
1096
|
display: inline-block;
|
|
1097
1097
|
font-weight: ${vr("fontWeights.semibold")};
|
|
1098
1098
|
color: ${vr("colors.fg.onEmphasis")};
|
|
@@ -1102,17 +1102,17 @@
|
|
|
1102
1102
|
text-decoration: none;
|
|
1103
1103
|
}
|
|
1104
1104
|
|
|
1105
|
-
${
|
|
1105
|
+
${cd}
|
|
1106
1106
|
${Br}
|
|
1107
1107
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1108
|
-
${e=>e.outline?
|
|
1109
|
-
${
|
|
1110
|
-
`;
|
|
1108
|
+
${e=>e.outline?ld:""} // must be last to override other values
|
|
1109
|
+
${Kr}
|
|
1110
|
+
`;fd.defaultProps={bg:"label.primary.border",variant:"medium"};var sd=fd;const gd=k({hoverColor:{property:"color",scale:"colors"}});var bd=d.default.a`
|
|
1111
1111
|
color: ${e=>e.muted?vr("colors.fg.muted")(e):vr("colors.accent.fg")(e)};
|
|
1112
1112
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1113
1113
|
&:hover {
|
|
1114
1114
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
|
1115
|
-
${e=>e.hoverColor?
|
|
1115
|
+
${e=>e.hoverColor?gd:e.muted?`color: ${vr("colors.accent.fg")(e)}`:""};
|
|
1116
1116
|
}
|
|
1117
1117
|
&:is(button) {
|
|
1118
1118
|
display: inline-block;
|
|
@@ -1127,16 +1127,16 @@
|
|
|
1127
1127
|
}
|
|
1128
1128
|
${yr};
|
|
1129
1129
|
${Br};
|
|
1130
|
-
${
|
|
1131
|
-
`;var
|
|
1130
|
+
${Kr};
|
|
1131
|
+
`;var ud=d.default.div`
|
|
1132
1132
|
position: relative;
|
|
1133
1133
|
padding-top: ${vr("space.4")};
|
|
1134
1134
|
padding-bottom: ${vr("space.4")};
|
|
1135
1135
|
margin-bottom: ${vr("space.4")};
|
|
1136
1136
|
border-bottom: 1px solid ${vr("colors.border.default")};
|
|
1137
1137
|
${Br};
|
|
1138
|
-
${
|
|
1139
|
-
`;const
|
|
1138
|
+
${Kr};
|
|
1139
|
+
`;const pd=d.default.a`
|
|
1140
1140
|
display: inline-block;
|
|
1141
1141
|
min-width: 32px;
|
|
1142
1142
|
padding: 5px 10px;
|
|
@@ -1236,12 +1236,12 @@
|
|
|
1236
1236
|
}
|
|
1237
1237
|
|
|
1238
1238
|
${Br};
|
|
1239
|
-
`;function
|
|
1239
|
+
`;function hd({theme:e,pageCount:r,currentPage:t,onPageChange:a,hrefBuilder:o,marginPageCount:d,showPages:i,surroundingPageCount:l}){const c=n.default.useCallback((e=>r=>a(r,e)),[a]),f=n.default.useMemo((()=>function(e,r,t,a,o){const n=[];if(t){const t=[],d=r=>{r>=1&&r<=e&&t.push(r)};let i=r-o,l=r+o;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 r=1;r<=a;r++){const t=r,a=e-(r-1);t>=i?l++:d(t),a<=l?i--:d(a)}for(let e=i;e<=l;e++)d(e);const c=t.slice().sort(((e,r)=>e-r)).filter(((e,r,t)=>!r||e!==t[r-1]));for(let e=0;e<c.length;e++){const t=c[e],a=t===r;0===e?(1!==t&&n.push({type:"BREAK",num:1}),n.push({type:"NUM",num:t,selected:a})):(1==t-c[e-1]||n.push({type:"BREAK",num:t-1}),n.push({type:"NUM",num:t,selected:a}))}const f=n[n.length-1];"NUM"===f.type&&f.num!==e&&n.push({type:"BREAK",num:e})}const d={type:"NEXT",num:r+1,disabled:r===e};return[{type:"PREV",num:r-1,disabled:1===r},...n,d]}(r,t,!!i,d,l)),[r,t,i,d,l]);return n.default.useMemo((()=>f.map((r=>{const{props:t,key:a,content:d}=function(e,r,t){const a={};let o="",n="";switch(e.type){case"PREV":n="page-prev",o="Previous",e.disabled?Object.assign(a,{as:"span","aria-disabled":"true"}):Object.assign(a,{rel:"prev",href:r(e.num),"aria-label":"Previous Page",onClick:t});break;case"NEXT":n="page-next",o="Next",e.disabled?Object.assign(a,{as:"span","aria-disabled":"true"}):Object.assign(a,{rel:"next",href:r(e.num),"aria-label":"Next Page",onClick:t});break;case"NUM":n=`page-${e.num}`,o=String(e.num),e.selected?Object.assign(a,{as:"em","aria-current":"page"}):Object.assign(a,{href:r(e.num),"aria-label":`Page ${e.num}`,onClick:t});break;case"BREAK":n=`page-${e.num}-break`,o="…",Object.assign(a,{as:"span","aria-disabled":!0})}return{props:a,key:n,content:o}}(r,o,c(r.num));return n.default.createElement(pd,Sr({},t,{key:a,theme:e}),d)}))),[f,o,c,e])}const md=d.default.nav`
|
|
1240
1240
|
margin-top: 20px;
|
|
1241
1241
|
margin-bottom: 15px;
|
|
1242
1242
|
text-align: center;
|
|
1243
|
-
${
|
|
1244
|
-
`;function
|
|
1243
|
+
${Kr};
|
|
1244
|
+
`;function xd({theme:e,pageCount:r,currentPage:t,onPageChange:a=Bd,hrefBuilder:o=vd,marginPageCount:d=1,showPages:i=!0,surroundingPageCount:l=2,...c}){const f=hd({theme:e,pageCount:r,currentPage:t,onPageChange:a,hrefBuilder:o,marginPageCount:d,showPages:i,surroundingPageCount:l});return n.default.createElement(md,Sr({"aria-label":"Pagination"},c,{theme:e}),n.default.createElement(Xr,{display:"inline-block",theme:e},f))}function vd(e){return`#${e}`}function Bd(){}function yd(e){const{bg:r,border:t,borderColor:a,theme:o}=e,{caret:d,children:i,...l}=e,c={bg:r,borderColor:a,borderWidth:t,location:d,theme:o};return n.default.createElement(Yr,Sr({sx:{position:"relative"}},l),i,n.default.createElement(un,c))}xd.displayName="Pagination",xd.defaultProps={hrefBuilder:vd,marginPageCount:1,onPageChange:Bd,showPages:!0,surroundingPageCount:2},yd.displayName="PointerBox";const wd=d.default.div.attrs((({className:e,caret:r})=>({className:qo(e,`caret-pos--${r}`)})))`
|
|
1245
1245
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1246
1246
|
z-index: 100;
|
|
1247
1247
|
display: ${e=>e.open?"block":"none"};
|
|
@@ -1249,8 +1249,8 @@
|
|
|
1249
1249
|
${Br};
|
|
1250
1250
|
${kr};
|
|
1251
1251
|
${$r};
|
|
1252
|
-
${
|
|
1253
|
-
|
|
1252
|
+
${Kr};
|
|
1253
|
+
`,kd=d.default(Xr)`
|
|
1254
1254
|
border: 1px solid ${vr("colors.border.default")};
|
|
1255
1255
|
border-radius: ${vr("radii.2")};
|
|
1256
1256
|
position: relative;
|
|
@@ -1287,9 +1287,9 @@
|
|
|
1287
1287
|
}
|
|
1288
1288
|
|
|
1289
1289
|
// Bottom-oriented carets
|
|
1290
|
-
${
|
|
1291
|
-
${
|
|
1292
|
-
${
|
|
1290
|
+
${wd}.caret-pos--bottom & ,
|
|
1291
|
+
${wd}.caret-pos--bottom-right & ,
|
|
1292
|
+
${wd}.caret-pos--bottom-left & {
|
|
1293
1293
|
&::before,
|
|
1294
1294
|
&::after {
|
|
1295
1295
|
top: auto;
|
|
@@ -1309,8 +1309,8 @@
|
|
|
1309
1309
|
}
|
|
1310
1310
|
|
|
1311
1311
|
// Top & Bottom: Right-oriented carets
|
|
1312
|
-
${
|
|
1313
|
-
${
|
|
1312
|
+
${wd}.caret-pos--top-right & ,
|
|
1313
|
+
${wd}.caret-pos--bottom-right & {
|
|
1314
1314
|
right: -9px;
|
|
1315
1315
|
margin-right: 0;
|
|
1316
1316
|
|
|
@@ -1330,8 +1330,8 @@
|
|
|
1330
1330
|
}
|
|
1331
1331
|
|
|
1332
1332
|
// Top & Bottom: Left-oriented carets
|
|
1333
|
-
${
|
|
1334
|
-
${
|
|
1333
|
+
${wd}.caret-pos--top-left & ,
|
|
1334
|
+
${wd}.caret-pos--bottom-left & {
|
|
1335
1335
|
left: -9px;
|
|
1336
1336
|
margin-left: 0;
|
|
1337
1337
|
|
|
@@ -1347,12 +1347,12 @@
|
|
|
1347
1347
|
}
|
|
1348
1348
|
|
|
1349
1349
|
// Right- & Left-oriented carets
|
|
1350
|
-
${
|
|
1351
|
-
${
|
|
1352
|
-
${
|
|
1353
|
-
${
|
|
1354
|
-
${
|
|
1355
|
-
${
|
|
1350
|
+
${wd}.caret-pos--right & ,
|
|
1351
|
+
${wd}.caret-pos--right-top & ,
|
|
1352
|
+
${wd}.caret-pos--right-bottom & ,
|
|
1353
|
+
${wd}.caret-pos--left & ,
|
|
1354
|
+
${wd}.caret-pos--left-top & ,
|
|
1355
|
+
${wd}.caret-pos--left-bottom & {
|
|
1356
1356
|
&::before,
|
|
1357
1357
|
&::after {
|
|
1358
1358
|
top: 50%;
|
|
@@ -1372,9 +1372,9 @@
|
|
|
1372
1372
|
}
|
|
1373
1373
|
|
|
1374
1374
|
// Right-oriented carets
|
|
1375
|
-
${
|
|
1376
|
-
${
|
|
1377
|
-
${
|
|
1375
|
+
${wd}.caret-pos--right & ,
|
|
1376
|
+
${wd}.caret-pos--right-top & ,
|
|
1377
|
+
${wd}.caret-pos--right-bottom & {
|
|
1378
1378
|
&::before {
|
|
1379
1379
|
right: -${vr("space.3")};
|
|
1380
1380
|
border-left-color: ${vr("colors.border.default")};
|
|
@@ -1388,9 +1388,9 @@
|
|
|
1388
1388
|
}
|
|
1389
1389
|
|
|
1390
1390
|
// Left-oriented carets
|
|
1391
|
-
${
|
|
1392
|
-
${
|
|
1393
|
-
${
|
|
1391
|
+
${wd}.caret-pos--left & ,
|
|
1392
|
+
${wd}.caret-pos--left-top & ,
|
|
1393
|
+
${wd}.caret-pos--left-bottom & {
|
|
1394
1394
|
&::before {
|
|
1395
1395
|
left: -${vr("space.3")};
|
|
1396
1396
|
border-right-color: ${vr("colors.border.default")};
|
|
@@ -1404,8 +1404,8 @@
|
|
|
1404
1404
|
}
|
|
1405
1405
|
|
|
1406
1406
|
// Right & Left: Top-oriented carets
|
|
1407
|
-
${
|
|
1408
|
-
${
|
|
1407
|
+
${wd}.caret-pos--right-top & ,
|
|
1408
|
+
${wd}.caret-pos--left-top & {
|
|
1409
1409
|
&::before,
|
|
1410
1410
|
&::after {
|
|
1411
1411
|
top: ${vr("space.4")};
|
|
@@ -1413,8 +1413,8 @@
|
|
|
1413
1413
|
}
|
|
1414
1414
|
|
|
1415
1415
|
// Right & Left: Bottom-oriented carets
|
|
1416
|
-
${
|
|
1417
|
-
${
|
|
1416
|
+
${wd}.caret-pos--right-bottom & ,
|
|
1417
|
+
${wd}.caret-pos--left-bottom & {
|
|
1418
1418
|
&::before,
|
|
1419
1419
|
&::after {
|
|
1420
1420
|
top: auto;
|
|
@@ -1429,24 +1429,24 @@
|
|
|
1429
1429
|
}
|
|
1430
1430
|
}
|
|
1431
1431
|
|
|
1432
|
-
${
|
|
1433
|
-
`;
|
|
1432
|
+
${Kr};
|
|
1433
|
+
`;wd.defaultProps={caret:"top"},kd.displayName="Popover.Content";var $d=Object.assign(wd,{Content:kd});const Td=d.default.span`
|
|
1434
1434
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
|
1435
1435
|
${Br}
|
|
1436
|
-
`,
|
|
1436
|
+
`,Sd={small:"5px",large:"10px",default:"8px"},Id=d.default.span`
|
|
1437
1437
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
1438
1438
|
overflow: hidden;
|
|
1439
1439
|
background-color: ${vr("colors.border.default")};
|
|
1440
1440
|
border-radius: ${vr("radii.1")};
|
|
1441
|
-
height: ${e=>
|
|
1441
|
+
height: ${e=>Sd[e.barSize||"default"]};
|
|
1442
1442
|
${Br}
|
|
1443
1443
|
${de}
|
|
1444
|
-
${
|
|
1445
|
-
`;function
|
|
1446
|
-
${
|
|
1444
|
+
${Kr};
|
|
1445
|
+
`;function Ed({progress:e,bg:r,theme:t,...a}){return n.default.createElement(Id,Sr({theme:t},a),n.default.createElement(Td,{progress:e,bg:r,theme:t}))}function Cd(e,t,a){const o=r.useCallback((r=>{const o=()=>{a(!0)},n=r=>{const t=Array.from(e.current.querySelectorAll('[role^="menuitem"]:not([hidden]):not([disabled]):not([aria-disabled="true"])')),a=document.activeElement,o=t.indexOf(a),n=r?t[o+1]:t[o-1],d=r?t[0]:t[t.length-1];return n||d};if(!(r instanceof KeyboardEvent))return;const d=r.target instanceof Element&&"SUMMARY"===r.target.tagName;switch(r.key){case"Escape":t&&((()=>{a(!1);const r=e.current.querySelector("summary");r&&r.focus()})(),r.preventDefault(),r.stopPropagation());break;case"ArrowDown":{d&&!t&&o();const e=n(!0);e&&e.focus(),r.preventDefault()}break;case"ArrowUp":{d&&!t&&o();const e=n(!1);e&&e.focus(),r.preventDefault()}break;case" ":case"Enter":{const t=document.activeElement;t&&(e=>{const r=e.getAttribute("role");return"menuitem"===r||"menuitemcheckbox"===r||"menuitemradio"===r})(t)&&t.closest("details")===e&&(r.preventDefault(),r.stopPropagation(),t.click())}}}),[e,t,a]);r.useEffect((()=>{const r=e.current;if(r)return r.addEventListener("keydown",o),()=>{r.removeEventListener("keydown",o)}}),[e,o])}Ed.displayName="ProgressBar",Ed.defaultProps={bg:"bg.successInverse",barSize:"default"};const Ad=r.createContext({}),Nd=t.css(["padding:"," ",";margin:0;font-size:",";font-weight:",";color:",";background-color:",";border-bottom:"," solid ",";"],vr("space.1"),vr("space.3"),vr("fontSizes.0"),vr("fontWeights.bold"),vr("colors.fg.muted"),vr("colors.canvas.subtle"),vr("borderWidths.1"),vr("colors.border.muted")),Rd=d.default.div`
|
|
1446
|
+
${Nd}
|
|
1447
1447
|
${Br}
|
|
1448
|
-
${
|
|
1449
|
-
`;
|
|
1448
|
+
${Kr};
|
|
1449
|
+
`;Rd.displayName="SelectMenu.Divider";var Hd=Rd;const Ld=te({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}}),zd=d.default.input`
|
|
1450
1450
|
border: 0;
|
|
1451
1451
|
font-size: inherit;
|
|
1452
1452
|
font-family: inherit;
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
&:focus {
|
|
1458
1458
|
outline: 0;
|
|
1459
1459
|
}
|
|
1460
|
-
`,
|
|
1460
|
+
`,Od=d.default.span`
|
|
1461
1461
|
display: inline-flex;
|
|
1462
1462
|
align-items: stretch;
|
|
1463
1463
|
min-height: 34px;
|
|
@@ -1499,9 +1499,9 @@
|
|
|
1499
1499
|
${de}
|
|
1500
1500
|
${le}
|
|
1501
1501
|
${fe}
|
|
1502
|
-
${
|
|
1503
|
-
${
|
|
1504
|
-
`,
|
|
1502
|
+
${Ld}
|
|
1503
|
+
${Kr};
|
|
1504
|
+
`,Md=n.default.forwardRef((({icon:e,block:r,className:t,contrast:a,disabled:o,sx:d,theme:i,width:l,minWidth:c,maxWidth:f,variant:s,...g},b)=>{const u=qo(t,"TextInput-wrapper");return n.default.createElement(Od,{block:r,className:u,contrast:a,disabled:o,hasIcon:!!e,sx:d,theme:i,width:l,minWidth:c,maxWidth:f,variant:s},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(zd,Sr({ref:b,disabled:o},g)))}));Md.defaultProps={type:"text"},Md.displayName="TextInput";var Pd=Md;const Fd=d.default.form`
|
|
1505
1505
|
padding: ${vr("space.3")};
|
|
1506
1506
|
margin: 0;
|
|
1507
1507
|
border-bottom: ${vr("borderWidths.1")} solid ${vr("colors.border.muted")};
|
|
@@ -1512,12 +1512,12 @@
|
|
|
1512
1512
|
padding: ${vr("space.2")};
|
|
1513
1513
|
}
|
|
1514
1514
|
|
|
1515
|
-
${
|
|
1516
|
-
`,
|
|
1517
|
-
${
|
|
1515
|
+
${Kr};
|
|
1516
|
+
`,Dd=r.forwardRef((({theme:e,value:t,sx:a,...o},d)=>{const i=r.useRef(null),l=null!=d?d:i,{open:c}=r.useContext(Ad);return r.useEffect((()=>{var e;c&&(null===(e=i.current)||void 0===e||e.focus())}),[c]),n.default.createElement(Fd,{theme:e,sx:a},n.default.createElement(Pd,Sr({theme:e,ref:l,width:"100%",block:!0,value:t,contrast:!0},o)))}));Dd.displayName="SelectMenu.Filter";var Wd=Dd;const jd=t.css(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],vr("space.2"),vr("space.3"),vr("fontSizes.0"),vr("colors.fg.muted"),vr("borderWidths.1"),vr("colors.border.muted"),vr("breakpoints.0"),vr("space.1"),vr("space.2")),Ud=d.default.footer`
|
|
1517
|
+
${jd}
|
|
1518
1518
|
${Br}
|
|
1519
|
-
${
|
|
1520
|
-
`;
|
|
1519
|
+
${Kr};
|
|
1520
|
+
`;Ud.displayName="SelectMenu.Footer";var Gd=Ud;const _d=d.default.h3`
|
|
1521
1521
|
color: ${vr("colors.fg.default")};
|
|
1522
1522
|
flex: auto;
|
|
1523
1523
|
font-size: ${vr("fontSizes.1")};
|
|
@@ -1527,7 +1527,7 @@
|
|
|
1527
1527
|
@media (min-width: ${vr("breakpoints.0")}) {
|
|
1528
1528
|
font-size: inherit;
|
|
1529
1529
|
}
|
|
1530
|
-
`,
|
|
1530
|
+
`,Kd=d.default.header`
|
|
1531
1531
|
display: flex;
|
|
1532
1532
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
1533
1533
|
padding: ${vr("space.3")};
|
|
@@ -1540,16 +1540,16 @@
|
|
|
1540
1540
|
padding-bottom: ${vr("space.2")};
|
|
1541
1541
|
}
|
|
1542
1542
|
|
|
1543
|
-
${
|
|
1544
|
-
`,
|
|
1545
|
-
${
|
|
1543
|
+
${Kr};
|
|
1544
|
+
`,Xd=({children:e,theme:r,...t})=>n.default.createElement(Kd,Sr({theme:r},t),n.default.createElement(_d,{theme:r},e));Xd.displayName="SelectMenuHeader",Xd.displayName="SelectMenu.Header";var Vd=Xd;const Yd=t.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:",";}"],vr("space.3"),vr("colors.canvas.overlay"),vr("borderWidths.1"),vr("colors.border.muted"),vr("colors.fg.muted"),vr("fontSizes.0"),vr("breakpoints.0"),vr("space.2"),vr("space.2"),vr("space.3"),vr("space.2"),vr("colors.fg.default"),vr("colors.neutral.subtle"),vr("colors.canvas.subtle"),vr("colors.selectMenu.tapHighlight")),qd=d.default.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
|
1545
|
+
${Yd}
|
|
1546
1546
|
${Br}
|
|
1547
|
-
${
|
|
1548
|
-
`,
|
|
1549
|
-
${
|
|
1547
|
+
${Kr};
|
|
1548
|
+
`,Jd=r.forwardRef((({children:e,selected:t,theme:a,onClick:o,...d},i)=>{const l=r.useContext(Ad),c=r.useRef(null),f=null!=i?i:c;return n.default.createElement(qd,Sr({ref:f},d,{theme:a,onClick:e=>{var r;(o&&o(e),e.defaultPrevented)||(null===(r=l.setOpen)||void 0===r||r.call(l,!1))},"aria-checked":t}),n.default.createElement(Ta,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:Zt}),e)}));Jd.defaultProps={selected:!1},Jd.displayName="SelectMenu.Item";var Zd=Jd;const Qd=t.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:",";}}"],vr("colors.canvas.overlay"),vr("colors.selectMenu.tapFocusBg"),vr("colors.fg.default"),vr("colors.canvas.subtle"),vr("colors.fg.default"),vr("colors.canvas.subtle")),ei=d.default.div`
|
|
1549
|
+
${Qd}
|
|
1550
1550
|
${Br}
|
|
1551
|
-
${
|
|
1552
|
-
`;
|
|
1551
|
+
${Kr};
|
|
1552
|
+
`;ei.displayName="SelectMenu.List";var ri=ei;const ti={small:"16px",medium:"32px",large:"64px"};function ai({size:e="medium",...r}){const t=ti[e];return n.default.createElement("svg",Sr({height:t,width:t,viewBox:"0 0 16 16",fill:"none"},r),n.default.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.25",strokeWidth:"2",vectorEffect:"non-scaling-stroke"}),n.default.createElement("path",{d:"M15 8a7.002 7.002 0 00-7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"}))}ai.displayName="Spinner";const oi=d.default(ai)`
|
|
1553
1553
|
@keyframes rotate-keyframes {
|
|
1554
1554
|
100% {
|
|
1555
1555
|
transform: rotate(360deg);
|
|
@@ -1559,43 +1559,43 @@
|
|
|
1559
1559
|
animation: rotate-keyframes 1s linear infinite;
|
|
1560
1560
|
|
|
1561
1561
|
${Br}
|
|
1562
|
-
${
|
|
1563
|
-
`;
|
|
1562
|
+
${Kr}
|
|
1563
|
+
`;oi.displayName="Spinner";var ni=oi;const di=d.default.div`
|
|
1564
1564
|
padding: ${vr("space.6")} ${vr("space.4")};
|
|
1565
1565
|
text-align: center;
|
|
1566
1566
|
background-color: ${vr("colors.canvas.overlay")};
|
|
1567
1567
|
${Br}
|
|
1568
|
-
`,
|
|
1569
|
-
${
|
|
1568
|
+
`,ii=e=>n.default.createElement(di,e,n.default.createElement(ni,null));ii.displayName="SelectMenuLoadingAnimation";var li=ii;const ci=t.keyframes(["0%{opacity:0;transform:scale(0.9);}"]),fi=t.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":""),vr("colors.canvas.overlay"),vr("radii.2"),vr("shadows.shadow.small"),ci,vr("breakpoints.0"),vr("space.1"),vr("space.3"),vr("fontSizes.0"),vr("borderWidths.1"),vr("colors.border.default"),vr("radii.2"),vr("shadows.shadow.small")),si=t.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;}"],vr("space.3"),vr("colors.primer.canvas.backdrop"),vr("breakpoints.0"),vr("breakpoints.0"),(e=>"right"===e.align?"0":"auto")),gi=d.default.div`
|
|
1569
|
+
${fi}
|
|
1570
1570
|
${de}
|
|
1571
|
-
`,
|
|
1572
|
-
${
|
|
1571
|
+
`,bi=d.default.div`
|
|
1572
|
+
${si}
|
|
1573
1573
|
${Br}
|
|
1574
|
-
${
|
|
1575
|
-
`,
|
|
1576
|
-
${
|
|
1574
|
+
${Kr};
|
|
1575
|
+
`,ui=n.default.forwardRef((({children:e,theme:r,width:t,...a},o)=>n.default.createElement(bi,Sr({theme:r},a,{role:"menu",ref:o}),n.default.createElement(gi,{theme:r,width:t},e))));ui.defaultProps={align:"left",width:"300px"},ui.displayName="SelectMenu.Modal";var pi=ui;const hi=t.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:",";}"],vr("space.2"),vr("space.3"),vr("fontSizes.0"),vr("colors.fg.muted"),vr("colors.border.muted"),vr("breakpoints.0"),vr("space.1"),vr("space.3"),vr("borderWidths.1"),vr("radii.2"),vr("radii.2"),vr("colors.text-primary"),vr("colors.canvas.overlay"),vr("colors.border.muted"),vr("breakpoints.0"),vr("colors.border.muted"),vr("colors.neutral.subtle")),mi=d.default.button`
|
|
1576
|
+
${hi}
|
|
1577
1577
|
${Br}
|
|
1578
|
-
${
|
|
1579
|
-
`,
|
|
1578
|
+
${Kr};
|
|
1579
|
+
`,xi=({tabName:e="",index:t,className:a,onClick:o,...d})=>{const i=r.useContext(Ad);r.useEffect((()=>{var r;i.selectedTab||0!==t||(null===(r=i.setSelectedTab)||void 0===r||r.call(i,e))}),[t,i,e]);const l=i.selectedTab===e;return n.default.createElement(mi,Sr({role:"tab",className:qo("SelectMenuTab",a),"aria-selected":l,onClick:r=>{var t;(o&&o(r),r.defaultPrevented)||(null===(t=i.setSelectedTab)||void 0===t||t.call(i,e))}},d),e)};xi.displayName="SelectMenuTab",xi.displayName="SelectMenu.Tab";var vi=xi;const Bi=d.default.div`
|
|
1580
1580
|
border-top: ${vr("borderWidths.1")} solid ${vr("colors.border.muted")};
|
|
1581
1581
|
${Br}
|
|
1582
|
-
${
|
|
1583
|
-
`,
|
|
1584
|
-
${
|
|
1582
|
+
${Kr};
|
|
1583
|
+
`,yi=({tabName:e,className:t,children:a,...o})=>{const d=r.useContext(Ad);return n.default.createElement(Bi,Sr({role:"tabpanel",className:t,hidden:d.selectedTab!==e},o),n.default.createElement(ri,null,a))};yi.displayName="TabPanel",yi.displayName="SelectMenu.TabPanel";var wi=yi;const ki=t.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:",";}"],vr("breakpoints.0"),vr("space.2"),vr("space.3")),$i=d.default.div`
|
|
1584
|
+
${ki}
|
|
1585
1585
|
${Br}
|
|
1586
|
-
${
|
|
1587
|
-
`,
|
|
1586
|
+
${Kr};
|
|
1587
|
+
`,Ti=({children:e,...r})=>n.default.createElement($i,Sr({role:"tablist"},r),e);Ti.displayName="SelectMenuTabs",Ti.displayName="SelectMenu.Tabs";var Si=Ti;const Ii=d.default.details`
|
|
1588
1588
|
${"\n // Remove marker added by the display: list-item browser default\n > summary {\n list-style: none;\n }\n // Remove marker added by details polyfill\n > summary::before {\n display: none;\n }\n // Remove marker added by Chrome\n > summary::-webkit-details-marker {\n display: none;\n }\n"}
|
|
1589
1589
|
${Br}
|
|
1590
|
-
${
|
|
1591
|
-
`,
|
|
1590
|
+
${Kr};
|
|
1591
|
+
`,Ei=n.default.forwardRef((({children:e,initialTab:t="",as:a,...o},d)=>{const i=r.useRef(null),l=null!=d?d:i,[c,f]=r.useState(t),[s,g]=r.useState(!1),b={selectedTab:c,setSelectedTab:f,setOpen:g,open:s,initialTab:t},u=r.useCallback((e=>{"current"in l&&l.current&&!l.current.contains(e.target)&&(e.defaultPrevented||g(!1))}),[l,g]);return r.useEffect((()=>{if(s)return document.addEventListener("click",u),()=>{document.removeEventListener("click",u)}}),[s,u]),Cd(l,s,g),n.default.createElement(Ad.Provider,{value:b},n.default.createElement(Ii,Sr({ref:l},o,{open:s,onToggle:function(e){g(e.target.open)}}),e))}));Ei.displayName="SelectMenu";var Ci=Object.assign(Ei,{MenuContext:Ad,List:ri,Divider:Hd,Filter:Wd,Footer:Gd,Item:Zd,Modal:pi,Tabs:Si,Tab:vi,TabPanel:wi,Header:Vd,LoadingAnimation:li});function Ai({variant:e,className:r,bordered:t,children:a,...o}){const d=qo(r,`variant-${"lightweight"===e?"lightweight":"normal"}`);return t||(o={...o,borderWidth:0}),n.default.createElement(Xr,Sr({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:d},o),a)}Ai.displayName="SideNavBase";const Ni=d.default(Ai)`
|
|
1592
1592
|
background-color: ${vr("colors.canvas.subtle")};
|
|
1593
1593
|
|
|
1594
1594
|
${e=>e.bordered&&t.css(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
1595
1595
|
|
|
1596
1596
|
${Br};
|
|
1597
|
-
${
|
|
1598
|
-
`,
|
|
1597
|
+
${Kr};
|
|
1598
|
+
`,Ri=t.css(["background-color:",";outline:none;text-decoration:none;"],vr("colors.neutral.subtle")),Hi=t.css(["color:",";text-decoration:none;outline:none;"],vr("colors.fg.default")),Li=d.default(bd).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
|
1599
1599
|
position: relative;
|
|
1600
1600
|
display: block;
|
|
1601
1601
|
${e=>"full"===e.variant&&t.css(["display:flex;align-items:center;justify-content:space-between;"])}
|
|
@@ -1603,11 +1603,11 @@
|
|
|
1603
1603
|
text-align: left;
|
|
1604
1604
|
font-size: ${vr("fontSizes.1")};
|
|
1605
1605
|
|
|
1606
|
-
& > ${
|
|
1606
|
+
& > ${Ni} {
|
|
1607
1607
|
border-bottom: none;
|
|
1608
1608
|
}
|
|
1609
1609
|
|
|
1610
|
-
${
|
|
1610
|
+
${Ni}.variant-normal > & {
|
|
1611
1611
|
color: ${vr("colors.fg.default")};
|
|
1612
1612
|
padding: ${vr("space.3")};
|
|
1613
1613
|
border: 0;
|
|
@@ -1637,11 +1637,11 @@
|
|
|
1637
1637
|
}
|
|
1638
1638
|
|
|
1639
1639
|
&:hover {
|
|
1640
|
-
${
|
|
1640
|
+
${Ri}
|
|
1641
1641
|
}
|
|
1642
1642
|
|
|
1643
1643
|
&:focus {
|
|
1644
|
-
${
|
|
1644
|
+
${Ri}
|
|
1645
1645
|
box-shadow: ${vr("shadows.primer.shadow.focus")};
|
|
1646
1646
|
z-index: 1;
|
|
1647
1647
|
}
|
|
@@ -1657,16 +1657,16 @@
|
|
|
1657
1657
|
}
|
|
1658
1658
|
}
|
|
1659
1659
|
|
|
1660
|
-
${
|
|
1660
|
+
${Ni}.variant-lightweight > & {
|
|
1661
1661
|
padding: ${vr("space.1")} 0;
|
|
1662
1662
|
color: ${vr("colors.accent.fg")};
|
|
1663
1663
|
|
|
1664
1664
|
&:hover {
|
|
1665
|
-
${
|
|
1665
|
+
${Hi}
|
|
1666
1666
|
}
|
|
1667
1667
|
|
|
1668
1668
|
&:focus {
|
|
1669
|
-
${
|
|
1669
|
+
${Hi}
|
|
1670
1670
|
box-shadow: ${vr("shadows.primer.shadow.focus")};
|
|
1671
1671
|
z-index: 1;
|
|
1672
1672
|
}
|
|
@@ -1678,8 +1678,8 @@
|
|
|
1678
1678
|
}
|
|
1679
1679
|
}
|
|
1680
1680
|
|
|
1681
|
-
${
|
|
1682
|
-
`;
|
|
1681
|
+
${Kr};
|
|
1682
|
+
`;Ni.defaultProps={variant:"normal"},Li.defaultProps={variant:"normal"},Li.displayName="SideNav.Link";var zi=Object.assign(Ni,{Link:Li});const Oi={issueOpened:ta,pullOpened:ea,issueClosed:ra,pullClosed:ea,pullMerged:Qt,draft:ea},Mi=te({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=te({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),Fi=d.default.span`
|
|
1683
1683
|
display: inline-flex;
|
|
1684
1684
|
align-items: center;
|
|
1685
1685
|
font-weight: ${vr("fontWeights.bold")};
|
|
@@ -1689,11 +1689,11 @@
|
|
|
1689
1689
|
border-radius: ${vr("radii.3")};
|
|
1690
1690
|
border-width: 1px;
|
|
1691
1691
|
border-style: solid;
|
|
1692
|
+
${Mi};
|
|
1692
1693
|
${Pi};
|
|
1693
|
-
${Fi};
|
|
1694
1694
|
${Br};
|
|
1695
|
-
${
|
|
1696
|
-
`;function
|
|
1695
|
+
${Kr};
|
|
1696
|
+
`;function Di({children:e,status:r,variant:t,...a}){const o="small"===t?{width:"1em"}:{};return n.default.createElement(Fi,Sr({},a,{variant:t,status:r}),r&&n.default.createElement(Ta,Sr({mr:1},o,{icon:Oi[r]||aa})),e)}Di.displayName="StateLabel",Di.defaultProps={variant:"normal"};const Wi=d.default.nav`
|
|
1697
1697
|
display: flex;
|
|
1698
1698
|
justify-content: space-between;
|
|
1699
1699
|
|
|
@@ -1716,8 +1716,8 @@
|
|
|
1716
1716
|
|
|
1717
1717
|
${Br};
|
|
1718
1718
|
${Tr};
|
|
1719
|
-
${
|
|
1720
|
-
`;function
|
|
1719
|
+
${Kr};
|
|
1720
|
+
`;function ji({actions:e,className:r,children:t,label:a,...o}){const d=qo(r,"SubNav");return n.default.createElement(Wi,Sr({className:d,"aria-label":a},o),n.default.createElement("div",{className:"SubNav-body"},t),e&&n.default.createElement("div",{className:"SubNav-actions"},e))}function Ui(e){return n.default.createElement(Xr,Sr({display:"flex"},e))}ji.displayName="SubNav",Ui.displayName="SubNavLinks";const Gi=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:qo("SubNav-item",e.selected&&"selected",e.className)})))`
|
|
1721
1721
|
padding-left: ${vr("space.3")};
|
|
1722
1722
|
padding-right: ${vr("space.3")};
|
|
1723
1723
|
font-weight: ${vr("fontWeights.semibold")};
|
|
@@ -1765,17 +1765,17 @@
|
|
|
1765
1765
|
}
|
|
1766
1766
|
|
|
1767
1767
|
${Br};
|
|
1768
|
-
${
|
|
1769
|
-
`;
|
|
1768
|
+
${Kr};
|
|
1769
|
+
`;Gi.displayName="SubNav.Link",Ui.displayName="SubNav.Links";var _i=Object.assign(ji,{Link:Gi,Links:Ui});const Ki=d.default.div`
|
|
1770
1770
|
margin-top: 0;
|
|
1771
1771
|
border-bottom: 1px solid ${vr("colors.border.default")};
|
|
1772
1772
|
${Br}
|
|
1773
|
-
${
|
|
1774
|
-
`,
|
|
1773
|
+
${Kr}
|
|
1774
|
+
`,Xi=d.default.nav`
|
|
1775
1775
|
display: flex;
|
|
1776
1776
|
margin-bottom: -1px;
|
|
1777
1777
|
overflow: auto;
|
|
1778
|
-
`;function
|
|
1778
|
+
`;function Vi({children:e,"aria-label":r,...t}){return n.default.createElement(Ki,t,n.default.createElement(Xi,{"aria-label":r},e))}Vi.displayName="TabNav";const Yi=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:qo("TabNav-item",e.selected&&"selected",e.className)})))`
|
|
1779
1779
|
padding: 8px 12px;
|
|
1780
1780
|
font-size: ${vr("fontSizes.1")};
|
|
1781
1781
|
line-height: 20px;
|
|
@@ -1800,14 +1800,14 @@
|
|
|
1800
1800
|
}
|
|
1801
1801
|
|
|
1802
1802
|
${Br};
|
|
1803
|
-
${
|
|
1804
|
-
`;
|
|
1803
|
+
${Kr};
|
|
1804
|
+
`;Yi.displayName="TabNav.Link";var qi=Object.assign(Vi,{Link:Yi});const Ji=d.default(Xr)`
|
|
1805
1805
|
display: flex;
|
|
1806
1806
|
flex-direction: column;
|
|
1807
1807
|
${e=>e.clipSidebar&&t.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1808
1808
|
|
|
1809
|
-
${
|
|
1810
|
-
`,
|
|
1809
|
+
${Kr};
|
|
1810
|
+
`,Zi=d.default(Xr).attrs((e=>({className:qo("Timeline-Item",e.className)})))`
|
|
1811
1811
|
display: flex;
|
|
1812
1812
|
position: relative;
|
|
1813
1813
|
padding: ${vr("space.3")} 0;
|
|
@@ -1827,16 +1827,16 @@
|
|
|
1827
1827
|
${e=>e.condensed&&t.css(["padding-top:",";padding-bottom:0;&:last-child{padding-bottom:",";}.TimelineItem-Badge{height:16px;margin-top:",";margin-bottom:",";color:",";background-color:",";border:0;}"],vr("space.1"),vr("space.3"),vr("space.2"),vr("space.2"),vr("colors.fg.muted"),vr("colors.canvas.default"))}
|
|
1828
1828
|
|
|
1829
1829
|
${Br};
|
|
1830
|
-
${
|
|
1831
|
-
`,
|
|
1830
|
+
${Kr};
|
|
1831
|
+
`,Qi=e=>n.default.createElement(Xr,{position:"relative",zIndex:1},n.default.createElement(Xr,Sr({display:"flex",className:qo(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(Xr)`
|
|
1832
1832
|
min-width: 0;
|
|
1833
1833
|
max-width: 100%;
|
|
1834
1834
|
margin-top: ${vr("space.1")};
|
|
1835
1835
|
color: ${vr("colors.fg.muted")};
|
|
1836
1836
|
flex: auto;
|
|
1837
1837
|
font-size: ${vr("fontSizes.1")};
|
|
1838
|
-
${
|
|
1839
|
-
`,
|
|
1838
|
+
${Kr};
|
|
1839
|
+
`,rl=d.default(Xr)`
|
|
1840
1840
|
position: relative
|
|
1841
1841
|
z-index: 1;
|
|
1842
1842
|
height: 24px;
|
|
@@ -1846,8 +1846,8 @@
|
|
|
1846
1846
|
background-color: ${vr("colors.canvas.default")};
|
|
1847
1847
|
border: 0;
|
|
1848
1848
|
border-top: ${vr("space.1")} solid ${vr("colors.border.default")};
|
|
1849
|
-
${
|
|
1850
|
-
`;
|
|
1849
|
+
${Kr};
|
|
1850
|
+
`;Zi.displayName="Timeline.Item",Qi.displayName="Timeline.Badge",el.displayName="Timeline.Body",rl.displayName="Timeline.Break";var tl=Object.assign(Ji,{Item:Zi,Badge:Qi,Body:el,Break:rl});const al=d.default.span`
|
|
1851
1851
|
position: relative;
|
|
1852
1852
|
|
|
1853
1853
|
&::before {
|
|
@@ -2072,8 +2072,8 @@
|
|
|
2072
2072
|
left: 10px;
|
|
2073
2073
|
}
|
|
2074
2074
|
${Br};
|
|
2075
|
-
${
|
|
2076
|
-
`;function
|
|
2075
|
+
${Kr};
|
|
2076
|
+
`;function ol({direction:e="n",children:r,className:t,text:a,noDelay:o,align:d,wrap:i,...l}){const c=qo(t,`tooltipped-${e}`,d&&`tooltipped-align-${d}-2`,o&&"tooltipped-no-delay",i&&"tooltipped-multiline");return n.default.createElement(al,Sr({role:"tooltip","aria-label":a},l,{className:c}),r)}ol.displayName="Tooltip",ol.alignments=["left","right"],ol.directions=["n","ne","e","se","s","sw","w","nw"];const nl=d.default.nav`
|
|
2077
2077
|
display: flex;
|
|
2078
2078
|
justify-content: space-between;
|
|
2079
2079
|
border-bottom: 1px solid ${vr("colors.border.muted")};
|
|
@@ -2103,8 +2103,8 @@
|
|
|
2103
2103
|
}
|
|
2104
2104
|
|
|
2105
2105
|
${Br};
|
|
2106
|
-
${
|
|
2107
|
-
`;function
|
|
2106
|
+
${Kr};
|
|
2107
|
+
`;function dl({actions:e,className:r,align:t,children:a,full:o,label:d,theme:i,...l}){const c=qo(r,"UnderlineNav",t&&`UnderlineNav--${t}`,o&&"UnderlineNav--full");return n.default.createElement(nl,Sr({className:c,"aria-label":d,theme:i},l),n.default.createElement("div",{className:"UnderlineNav-body"},a),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:qo("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
|
2108
2108
|
padding: ${vr("space.3")} ${vr("space.2")};
|
|
2109
2109
|
margin-right: ${vr("space.3")};
|
|
2110
2110
|
font-size: ${vr("fontSizes.1")};
|
|
@@ -2136,6 +2136,6 @@
|
|
|
2136
2136
|
}
|
|
2137
2137
|
|
|
2138
2138
|
${Br};
|
|
2139
|
-
${
|
|
2140
|
-
`;
|
|
2139
|
+
${Kr};
|
|
2140
|
+
`;il.displayName="UnderlineNav.Link";var ll=Object.assign(dl,{Link:il});e.Absolute=tt,e.ActionList=Ho,e.ActionMenu=Uo,e.Avatar=_o,e.AvatarPair=Vo,e.AvatarStack=Qo,e.BaseStyles=Cr,e.BorderBox=Yr,e.Box=Xr,e.BranchName=en,e.Breadcrumb=dn,e.Breadcrumbs=nn,e.Button=Wt,e.ButtonClose=ia,e.ButtonDanger=jt,e.ButtonGroup=Gt,e.ButtonInvisible=Xt,e.ButtonOutline=_t,e.ButtonPrimary=Kt,e.ButtonTableList=Vt,e.Caret=un,e.CircleBadge=xn,e.CircleOcticon=vn,e.ConfirmationDialog=co,e.CounterLabel=Bn,e.Details=wn,e.Dialog=Rn,e.Dropdown=Dn,e.DropdownButton=Wn,e.DropdownMenu=jn,e.FilterList=Vn,e.FilteredSearch=Un,e.Fixed=at,e.Flash=Jn,e.Flex=Jr,e.FormGroup=ed,e.Grid=Qr,e.Header=od,e.Heading=dd,e.Label=sd,e.LabelGroup=id,e.Link=bd,e.Overlay=Po,e.Pagehead=ud,e.Pagination=xd,e.PointerBox=yd,e.Popover=$d,e.Position=rt,e.ProgressBar=Ed,e.Relative=ot,e.SSRProvider=function(e){let t=r.useContext(La),a=r.useMemo((()=>({prefix:t===Ha?"":t.prefix+"-"+ ++t.current,current:0})),[t]);return n.default.createElement(La.Provider,{value:a},e.children)},e.SelectMenu=Ci,e.SideNav=zi,e.Spinner=ni,e.StateLabel=Di,e.Sticky=nt,e.StyledOcticon=Ta,e.SubNav=_i,e.TabNav=qi,e.Text=Tn,e.TextInput=Pd,e.ThemeProvider=_r,e.Timeline=tl,e.Tooltip=ol,e.Truncate=po,e.UnderlineNav=ll,e.theme=l,e.themeGet=vr,e.useColorSchemeVar=function(e,r){var t;const{colorScheme:a=""}=Ur();return null!==(t=e[a])&&void 0!==t?t:r},e.useConfirm=function(){const{theme:e,colorMode:t,dayScheme:a,nightScheme:o}=Ur();return r.useCallback((r=>async function(e,r){const{content:t,...a}=r;return new Promise((r=>{const o=document.createElement("div");i.default.render(n.default.createElement(jr,e,n.default.createElement(co,Sr({},a,{onClose:e=>{i.default.unmountComponentAtNode(o),r("confirm"===e)}}),t)),o)}))}({theme:e,colorMode:t,dayScheme:a,nightScheme:o},r)),[e,t,a,o])},e.useDetails=dt,e.useOnEscapePress=xt,e.useOnOutsideClick=st,e.useOpenAndCloseFocus=pt,e.useOverlay=Bt,e.useSSRSafeId=Oa,e.useSafeTimeout=function(){const e=r.useRef(new Set),t=r.useCallback(((r,t,...a)=>{const o=window.setTimeout(r,t,...a);return e.current.add(o),o}),[]),a=r.useCallback((r=>{clearTimeout(r),e.current.delete(r)}),[]);return r.useEffect((()=>()=>{for(const r of e.current)clearTimeout(r)}),[]),{safeSetTimeout:t,safeClearTimeout:a}},e.useTheme=Ur,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2141
2141
|
//# sourceMappingURL=browser.umd.js.map
|