@primer/components 0.0.0-20211029202722 → 0.0.0-2021103082237
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 +1 -1
- package/dist/browser.esm.js +158 -143
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +167 -152
- package/dist/browser.umd.js.map +1 -1
- package/lib/Autocomplete/Autocomplete.d.ts +10 -2
- package/lib/Autocomplete/AutocompleteInput.d.ts +10 -2
- package/lib/Checkbox.d.ts +1 -1
- package/lib/SelectMenu/SelectMenu.d.ts +10 -2
- package/lib/TextInput.d.ts +8 -1
- package/lib/TextInput.js +17 -5
- package/lib/TextInputWithTokens.d.ts +10 -2
- package/lib/_TextInputWrapper.d.ts +3 -0
- package/lib/_TextInputWrapper.js +18 -7
- package/lib-esm/Autocomplete/Autocomplete.d.ts +10 -2
- package/lib-esm/Autocomplete/AutocompleteInput.d.ts +10 -2
- package/lib-esm/Checkbox.d.ts +1 -1
- package/lib-esm/SelectMenu/SelectMenu.d.ts +10 -2
- package/lib-esm/TextInput.d.ts +8 -1
- package/lib-esm/TextInput.js +17 -5
- package/lib-esm/TextInputWithTokens.d.ts +10 -2
- package/lib-esm/_TextInputWrapper.d.ts +3 -0
- package/lib-esm/_TextInputWrapper.js +18 -7
- package/package.json +1 -1
package/dist/browser.esm.js
CHANGED
|
@@ -19,7 +19,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
19
19
|
`,Ft=g.div`
|
|
20
20
|
${Nt};
|
|
21
21
|
${At};
|
|
22
|
-
`;function Dt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Ft,Rt({},o,{"data-portal-root":!0}),e.createElement(Lt,null),r)}Dt.displayName="BaseStyles",Dt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Mt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Ot}(e)}(e)};var Ot="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Pt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ut((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ht(e,t,r){return e.concat(t).map((function(e){return Pt(e,r)}))}function Wt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function _t(e,t){try{return t in e}catch(e){return!1}}function jt(e,t,r){var o={};return r.isMergeableObject(e)&&Wt(e).forEach((function(t){o[t]=Pt(e[t],r)})),Wt(t).forEach((function(a){(function(e,t){return _t(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(_t(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Ut;var r=t.customMerge(e);return"function"==typeof r?r:Ut}(a,r)(e[a],t[a],r):o[a]=Pt(t[a],r))})),o}function Ut(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ht,r.isMergeableObject=r.isMergeableObject||Mt,r.cloneUnlessOtherwiseSpecified=Pt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):jt(e,t,r):Pt(t,r)}Ut.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Ut(e,r,t)}),{})};var Kt=Ut;const Vt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Gt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:g,colorMode:f,dayScheme:p,nightScheme:b}=qt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:g)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:f)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,k]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),$=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(Yt);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=e.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Kt(e,e.colorSchemes[r])}return Kt(e,e.colorSchemes[t])}(h,T)),[h,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:f)&&void 0!==e?e:"day")}),[r.colorMode,f]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Vt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:k}},e.createElement(u,{theme:S},t))};function qt(){return e.useContext(Vt)}function Xt(e,t){var r;const{colorScheme:o=""}=qt();return null!==(r=e[o])&&void 0!==r?r:t}function Yt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Gt.displayName="ThemeProvider";var Jt=Gt;var Zt=e=>fe(e.sx);var Qt=g.div(te,O,P,D,H,_,V,U,q,re,Zt);const er=g(Qt)``;er.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var tr=er;const rr=g(Qt)``;rr.defaultProps={display:"flex"};var or=rr;const ar=g(Qt)``;ar.defaultProps={display:"grid"};var nr=ar;const ir=g(Qt)``;var lr=ir;const dr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"absolute",ref:r}))));dr.displayName="Absolute";const sr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"fixed",ref:r}))));sr.displayName="Fixed";const cr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"relative",ref:r}))));cr.displayName="Relative";const gr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"sticky",ref:r}))));function fr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),g=null!=e?e:c,f=o((e=>{const{current:t}=g;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[g,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",f),()=>{document.removeEventListener("click",f)}}),[d,n,f]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:g})}}function ur(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}gr.defaultProps={top:0,zIndex:1},gr.displayName="Sticky";function pr(e){if(!e.defaultPrevented)for(const t of Object.values(br).reverse())if(true===t(e)||e.defaultPrevented)break}const br={};let hr=0;const mr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>hr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(br).length&&document.addEventListener("mousedown",pr,{capture:!0}),function(e,t){br[e]=t}(i,l),()=>{!function(e){delete br[e]}(i),0===Object.keys(br).length&&document.removeEventListener("mousedown",pr,{capture:!0})})),[i,l])};function*vr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?yr:xr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,a)&&(yield e)}function xr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function yr(e,t=!1){return xr(e,t)&&"-1"!==e.getAttribute("tabindex")}function wr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=vr(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Br=[];function kr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Br.length-1;t>=0&&(Br[t](e),!e.defaultPrevented);--t);}const $r=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Br.length&&document.addEventListener("keydown",kr),Br.push(r),()=>{Br.splice(Br.findIndex((e=>e===r)),1),0===Br.length&&document.removeEventListener("keydown",kr)})),[r])};function Tr(t){const r=e.useRef(null);return null!=t?t:r}const Sr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=Tr(e);return wr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),mr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),$r(o),{ref:l}};let Er,Cr=!1;function zr(){}try{const e=Object.create({},{signal:{get(){Cr=!0}}});window.addEventListener("test",zr,e),window.removeEventListener("test",zr,e)}catch(Gd){}function Ir(){Cr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Cr=!0)}function Ar(){return void 0===Er&&(Er=/^mac/i.test(window.navigator.platform)),Er}let Nr,Rr=1e4;function Lr(){return"__primer_id_"+Rr++}Ir(),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"}(Nr||(Nr={}));const Fr={ArrowLeft:Nr.ArrowHorizontal,ArrowDown:Nr.ArrowVertical,ArrowUp:Nr.ArrowVertical,ArrowRight:Nr.ArrowHorizontal,h:Nr.HL,j:Nr.JK,k:Nr.JK,l:Nr.HL,a:Nr.AD,s:Nr.WS,w:Nr.WS,d:Nr.AD,Tab:Nr.Tab,Home:Nr.HomeAndEnd,End:Nr.HomeAndEnd,PageUp:Nr.PageUpDown,PageDown:Nr.PageUpDown},Dr={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 Mr(e){const t=Dr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Ar();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}function Or(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Nr.ArrowAll:Nr.ArrowVertical)|Nr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",g=null==t?void 0:t.activeDescendantControl,f=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,g?e&&document.activeElement===g?h(r,e,t):m():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(t,r,o=!1){r.id||r.setAttribute("id",Lr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),g&&(o||g.getAttribute("aria-activedescendant")!==r.id)&&(g.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==f||f(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==g||g.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==f||f(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===u){b(p())}}}v(...vr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...vr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...vr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),g?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(g.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),g.addEventListener("focusin",(()=>{u?h(void 0,u):b(p())})),g.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=g?g:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Mr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Dr){const a=Fr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Ar()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Ar()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Mr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}g?b(n||u,!0):n&&($=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Pr=p(["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;}"],It("fontWeights.bold"),It("radii.2"));const Hr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Wr=g.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
22
|
+
`;function Dt(t){const{children:r,...o}=t;return require("focus-visible"),e.createElement(Ft,Rt({},o,{"data-portal-root":!0}),e.createElement(Lt,null),r)}Dt.displayName="BaseStyles",Dt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Mt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Ot}(e)}(e)};var Ot="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Pt(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Ut((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function Ht(e,t,r){return e.concat(t).map((function(e){return Pt(e,r)}))}function Wt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function _t(e,t){try{return t in e}catch(e){return!1}}function jt(e,t,r){var o={};return r.isMergeableObject(e)&&Wt(e).forEach((function(t){o[t]=Pt(e[t],r)})),Wt(t).forEach((function(a){(function(e,t){return _t(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(_t(e,a)&&r.isMergeableObject(t[a])?o[a]=function(e,t){if(!t.customMerge)return Ut;var r=t.customMerge(e);return"function"==typeof r?r:Ut}(a,r)(e[a],t[a],r):o[a]=Pt(t[a],r))})),o}function Ut(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||Ht,r.isMergeableObject=r.isMergeableObject||Mt,r.cloneUnlessOtherwiseSpecified=Pt;var o=Array.isArray(t);return o===Array.isArray(e)?o?r.arrayMerge(e,t,r):jt(e,t,r):Pt(t,r)}Ut.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Ut(e,r,t)}),{})};var Kt=Ut;const Vt=e.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),Gt=({children:t,...r})=>{var o,a,n,i,l,d,s,c;const{theme:g,colorMode:f,dayScheme:p,nightScheme:b}=qt(),h=null!==(o=null!==(a=r.theme)&&void 0!==a?a:g)&&void 0!==o?o:x,[m,v]=e.useState(null!==(n=null!==(i=r.colorMode)&&void 0!==i?i:f)&&void 0!==n?n:"day"),[y,w]=e.useState(null!==(l=null!==(d=r.dayScheme)&&void 0!==d?d:p)&&void 0!==l?l:"light"),[B,k]=e.useState(null!==(s=null!==(c=r.nightScheme)&&void 0!==c?c:b)&&void 0!==s?s:"dark"),$=function(e,t){switch(e){case"auto":return t;default:return e}}(m,function(){const[t,r]=e.useState(Yt);return e.useEffect((()=>{var e,t;const o=null===(e=window)||void 0===e||null===(t=e.matchMedia)||void 0===t?void 0:t.call(e,"(prefers-color-scheme: dark)");function a(e){const t=e.matches;r(t?"night":"day")}if(o){if(void 0!==o.addEventListener)return o.addEventListener("change",a),function(){o.removeEventListener("change",a)};if(void 0!==o.addListener)return o.addListener(a),function(){o.removeListener(a)}}}),[]),t}()),T=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),S=e.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Kt(e,e.colorSchemes[r])}return Kt(e,e.colorSchemes[t])}(h,T)),[h,T]);return e.useEffect((()=>{var e,t;v(null!==(e=null!==(t=r.colorMode)&&void 0!==t?t:f)&&void 0!==e?e:"day")}),[r.colorMode,f]),e.useEffect((()=>{var e,t;w(null!==(e=null!==(t=r.dayScheme)&&void 0!==t?t:p)&&void 0!==e?e:"light")}),[r.dayScheme,p]),e.useEffect((()=>{var e,t;k(null!==(e=null!==(t=r.nightScheme)&&void 0!==t?t:b)&&void 0!==e?e:"dark")}),[r.nightScheme,b]),e.createElement(Vt.Provider,{value:{theme:S,colorScheme:T,colorMode:m,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:v,setDayScheme:w,setNightScheme:k}},e.createElement(u,{theme:S},t))};function qt(){return e.useContext(Vt)}function Xt(e,t){var r;const{colorScheme:o=""}=qt();return null!==(r=e[o])&&void 0!==r?r:t}function Yt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}Gt.displayName="ThemeProvider";var Jt=Gt;var Zt=e=>fe(e.sx);var Qt=g.div(te,O,P,D,H,_,V,U,q,re,Zt);const er=g(Qt)``;er.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var tr=er;const rr=g(Qt)``;rr.defaultProps={display:"flex"};var or=rr;const ar=g(Qt)``;ar.defaultProps={display:"grid"};var nr=ar;const ir=g(Qt)``;var lr=ir;const dr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"absolute",ref:r}))));dr.displayName="Absolute";const sr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"fixed",ref:r}))));sr.displayName="Fixed";const cr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"relative",ref:r}))));cr.displayName="Relative";const gr=e.forwardRef(((t,r)=>e.createElement(ir,Rt({},t,{position:"sticky",ref:r}))));function fr({ref:e,closeOnOutsideClick:n,defaultOpen:i,onClickOutside:l}){const[d,s]=t(i),c=r(null),g=null!=e?e:c,f=o((e=>{const{current:t}=g;e.target.closest("details")!==t&&(l&&l(e),e.defaultPrevented||s(!1))}),[g,s,l]);a((()=>{if(d&&n)return document.addEventListener("click",f),()=>{document.removeEventListener("click",f)}}),[d,n,f]);const u=e=>{if(!e.defaultPrevented){const t=e.target;s(t.open)}};return{open:d,setOpen:s,getDetailsProps:()=>({onToggle:u,open:d,ref:g})}}function ur(){const e=r(new Set),t=o(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),n=o((t=>{clearTimeout(t),e.current.delete(t)}),[]);return a((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:t,safeClearTimeout:n}}gr.defaultProps={top:0,zIndex:1},gr.displayName="Sticky";function pr(e){if(!e.defaultPrevented)for(const t of Object.values(br).reverse())if(true===t(e)||e.defaultPrevented)break}const br={};let hr=0;const mr=({containerRef:e,ignoreClickRefs:t,onClickOutside:r})=>{const i=n((()=>hr++),[]),l=o((o=>{var a;return o instanceof MouseEvent&&o.button>0||(!(null===(a=e.current)||void 0===a||!a.contains(o.target))||(!(!t||!t.some((({current:e})=>null==e?void 0:e.contains(o.target))))||void r(o)))}),[e,t,r]);a((()=>(0===Object.keys(br).length&&document.addEventListener("mousedown",pr,{capture:!0}),function(e,t){br[e]=t}(i,l),()=>{!function(e){delete br[e]}(i),0===Object.keys(br).length&&document.removeEventListener("mousedown",pr,{capture:!0})})),[i,l])};function*vr(e,t={}){var r,o;const a=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(o=t.onlyTabbable)&&void 0!==o&&o?yr:xr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,a)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,a)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,a)&&(yield e)}function xr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,o=e.hidden,a=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||o||a)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),o=0===e.getClientRects().length;if(t||r||o)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function yr(e,t=!1){return xr(e,t)&&"-1"!==e.getAttribute("tabindex")}function wr({initialFocusRef:e,returnFocusRef:t,containerRef:r,preventFocusOnOpen:o}){a((()=>{if(o)return;const a=t.current;if(e&&e.current)e.current.focus();else if(r.current){const e=vr(r.current).next().value;null==e||e.focus()}return function(){null==a||a.focus()}}),[e,t,r,o])}const Br=[];function kr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=Br.length-1;t>=0&&(Br[t](e),!e.defaultPrevented);--t);}const $r=(e,t=[e])=>{const r=o(e,t);a((()=>(0===Br.length&&document.addEventListener("keydown",kr),Br.push(r),()=>{Br.splice(Br.findIndex((e=>e===r)),1),0===Br.length&&document.removeEventListener("keydown",kr)})),[r])};function Tr(t){const r=e.useRef(null);return null!=t?t:r}const Sr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:o,ignoreClickRefs:a,onClickOutside:n,preventFocusOnOpen:i})=>{const l=Tr(e);return wr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),mr({containerRef:l,ignoreClickRefs:a,onClickOutside:n}),$r(o),{ref:l}};let Er,Cr=!1;function zr(){}try{const e=Object.create({},{signal:{get(){Cr=!0}}});window.addEventListener("test",zr,e),window.removeEventListener("test",zr,e)}catch(qd){}function Ir(){Cr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,o){return"object"==typeof o&&"signal"in o&&o.signal instanceof AbortSignal&&e.call(o.signal,"abort",(()=>{this.removeEventListener(t,r,o)})),e.call(this,t,r,o)}}(),Cr=!0)}function Ar(){return void 0===Er&&(Er=/^mac/i.test(window.navigator.platform)),Er}let Nr,Rr=1e4;function Lr(){return"__primer_id_"+Rr++}Ir(),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"}(Nr||(Nr={}));const Fr={ArrowLeft:Nr.ArrowHorizontal,ArrowDown:Nr.ArrowVertical,ArrowUp:Nr.ArrowVertical,ArrowRight:Nr.ArrowHorizontal,h:Nr.HL,j:Nr.JK,k:Nr.JK,l:Nr.HL,a:Nr.AD,s:Nr.WS,w:Nr.WS,d:Nr.AD,Tab:Nr.Tab,Home:Nr.HomeAndEnd,End:Nr.HomeAndEnd,PageUp:Nr.PageUpDown,PageDown:Nr.PageUpDown},Dr={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 Mr(e){const t=Dr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Ar();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}function Or(e,t){var r,o,a,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Nr.ArrowAll:Nr.ArrowVertical)|Nr.HomeAndEnd,s=null!==(o=null==t?void 0:t.focusOutBehavior)&&void 0!==o?o:"stop",c=null!==(a=null==t?void 0:t.focusInStrategy)&&void 0!==a?a:"previous",g=null==t?void 0:t.activeDescendantControl,f=null==t?void 0:t.onActiveDescendantChanged;let u;function p(){return i[0]}function b(e,t=!1){const r=u;u=e,g?e&&document.activeElement===g?h(r,e,t):m():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function h(t,r,o=!1){r.id||r.setAttribute("id",Lr()),t&&t!==r&&t.removeAttribute("data-is-active-descendant"),g&&(o||g.getAttribute("aria-activedescendant")!==r.id)&&(g.setAttribute("aria-activedescendant",r.id),e.setAttribute("data-has-active-descendant",r.id),r.setAttribute("data-is-active-descendant",o?"activated-directly":"activated-indirectly"),null==f||f(r,t,o))}function m(t=u){"first"===c&&(u=void 0),null==g||g.removeAttribute("aria-activedescendant"),e.removeAttribute("data-has-active-descendant"),null==t||t.removeAttribute("data-is-active-descendant"),null==f||f(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,o;return null===(r=null==t||null===(o=t.focusableElementFilter)||void 0===o?void 0:o.call(t,e))||void 0===r||r}));if(0===r.length)return;const o=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===o?i.length:o,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");u||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===u){b(p())}}}v(...vr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...vr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...vr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),g?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(g.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),g.addEventListener("focusin",(()=>{u?h(void 0,u):b(p())})),g.addEventListener("focusout",(()=>{m()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==u&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=g?g:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Mr(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Dr){const a=Fr[r.key];if(!r.defaultPrevented&&(a&d)>0&&!function(e,t){const r=e.key,o=[...r].length,a=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(a&&(1===o||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===o)return!0;if("ArrowDown"===r&&Ar()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Ar()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(a){const e=t,o=0===e.selectionStart&&0===e.selectionEnd,a=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!o)return!0;if("ArrowRight"===r&&!a)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!o)return!0;if("ArrowDown"===r&&!a)return!0}}return!1}(r,document.activeElement)){const a=Mr(r);let n;var o;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(a,null!==(o=document.activeElement)&&void 0!==o?o:void 0,r);if(!n){const t=function(){if(!u)return 0;const t=i.indexOf(u);return-1!==t?t:u===e?-1:0}();let o=t;"previous"===a?o-=1:"start"===a?o=0:"next"===a?o+=1:o=i.length-1,o<0&&(o="wrap"===s&&"Tab"!==r.key?i.length-1:0),o>=i.length&&(o="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==o&&(n=i[o])}g?b(n||u,!0):n&&($=a,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Pr=p(["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;}"],It("fontWeights.bold"),It("radii.2"));const Hr=ue({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Wr=g.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
23
23
|
${Pr}
|
|
24
24
|
${Hr}
|
|
25
25
|
`;Wr.defaultProps={variant:"medium"};var _r=Wr;var jr=g(_r)`
|
|
@@ -612,14 +612,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
612
612
|
}
|
|
613
613
|
|
|
614
614
|
${Zt};
|
|
615
|
-
`;const Za=ue({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}});var
|
|
616
|
-
|
|
617
|
-
align-items: stretch;
|
|
615
|
+
`;const Za=ue({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}}),Qa=ue({prop:"size",variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}});var en=g.span`
|
|
616
|
+
width: max-content;
|
|
618
617
|
min-height: 34px;
|
|
619
618
|
font-size: ${It("fontSizes.1")};
|
|
620
619
|
line-height: 20px;
|
|
621
620
|
color: ${It("colors.fg.default")};
|
|
622
621
|
vertical-align: middle;
|
|
622
|
+
background-color: ${It("colors.canvas.default")};
|
|
623
623
|
background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
|
|
624
624
|
background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
|
|
625
625
|
border: 1px solid ${It("colors.border.default")};
|
|
@@ -627,14 +627,26 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
627
627
|
outline: none;
|
|
628
628
|
box-shadow: ${It("shadows.primer.shadow.inset")};
|
|
629
629
|
cursor: text;
|
|
630
|
+
padding: 6px 12px;
|
|
631
|
+
display: grid;
|
|
632
|
+
grid-template-areas: 'leadingIcon input trailingIcon';
|
|
633
|
+
& > :not(:last-child) {
|
|
634
|
+
margin-right: ${It("space.2")};
|
|
635
|
+
}
|
|
636
|
+
[data-component='input'] {
|
|
637
|
+
grid-area: input;
|
|
638
|
+
}
|
|
630
639
|
|
|
631
|
-
|
|
640
|
+
.TextInput-leading-icon {
|
|
641
|
+
align-self: center;
|
|
642
|
+
color: ${It("colors.fg.muted")};
|
|
643
|
+
grid-area: leadingIcon;
|
|
644
|
+
}
|
|
632
645
|
|
|
633
|
-
.TextInput-icon {
|
|
646
|
+
.TextInput-trailing-icon {
|
|
634
647
|
align-self: center;
|
|
635
648
|
color: ${It("colors.fg.muted")};
|
|
636
|
-
|
|
637
|
-
flex-shrink: 0;
|
|
649
|
+
grid-area: trailingIcon;
|
|
638
650
|
}
|
|
639
651
|
|
|
640
652
|
&:focus-within {
|
|
@@ -645,10 +657,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
645
657
|
${e=>e.contrast&&p(["background-color:",";"],It("colors.canvas.inset"))}
|
|
646
658
|
|
|
647
659
|
${e=>e.disabled&&p(["color:",";background-color:",";border-color:",";"],It("colors.primer.fg.disabled"),It("colors.input.disabledBg"),It("colors.border.default"))}
|
|
648
|
-
|
|
649
|
-
${e=>e.block&&p(["display:block;width:100%;"])}
|
|
650
660
|
|
|
651
|
-
|
|
661
|
+
${e=>"error"===e.validationStatus&&p(["border-color:",";&:focus-within{border-color:",";box-shadow:",";}"],It("colors.danger.emphasis"),It("colors.danger.emphasis"),It("shadows.btn.danger.focusShadow"))}
|
|
662
|
+
|
|
663
|
+
${e=>"warning"===e.validationStatus&&p(["border-color:",";&:focus-within{border-color:",";box-shadow:0 0 0 3px ",";}"],It("colors.attention.emphasis"),It("colors.attention.emphasis"),It("colors.attention.muted"))}
|
|
664
|
+
|
|
665
|
+
${e=>e.block&&p(["width:100%;"])}
|
|
652
666
|
|
|
653
667
|
// Ensures inputs don't zoom on mobile but are body-font size on desktop
|
|
654
668
|
@media (min-width: ${It("breakpoints.1")}) {
|
|
@@ -656,10 +670,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
656
670
|
}
|
|
657
671
|
${me}
|
|
658
672
|
${xe}
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
673
|
+
${we}
|
|
674
|
+
${Za}
|
|
675
|
+
${Qa}
|
|
676
|
+
${Zt};
|
|
677
|
+
`;const tn=e.forwardRef((({icon:t,leadingIcon:r,trailingIcon:o,block:a,className:n,contrast:i,disabled:l,validationStatus:d,sx:s,size:c,width:g,minWidth:f,maxWidth:u,variant:p,...b},h)=>{const m=Ya(n,"TextInput-wrapper");return e.createElement(en,{block:a,className:m,validationStatus:d,contrast:i,disabled:l,hasIcon:!!t||!(!r&&!o),sx:s,size:c,width:g,minWidth:f,maxWidth:u,variant:p},t&&e.createElement(t,{className:"TextInput-leading-icon"}),r&&e.createElement(r,{className:"TextInput-leading-icon"}),e.createElement(Ja,Rt({ref:h,disabled:l},b,{"data-component":"input"})),o&&e.createElement(o,{className:"TextInput-trailing-icon"}))}));tn.defaultProps={type:"text"},tn.displayName="TextInput";var rn=tn;const on=e.forwardRef((({as:r=rn,onFocus:n,onBlur:i,onChange:l,onKeyDown:s,onKeyUp:c,onKeyPress:g,value:f,...u},p)=>{const b=d(Ga);if(null===b)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:h,autocompleteSuggestion:m="",id:v,inputRef:x,inputValue:y="",isMenuDirectlyActivated:w,setInputValue:B,setShowMenu:k,showMenu:$}=b,T=Do(x,p),[S,E]=t(!0),C=o((e=>{n&&n(e),k(!0)}),[n,k]),z=o((e=>{i&&i(e),setTimeout((()=>{document.activeElement!==T.current&&k(!1)}),0)}),[i,k,T]),I=o((e=>{l&&l(e),B(e.currentTarget.value),$||k(!0)}),[l,B,k,$]),A=o((e=>{var t;s&&s(e),"Backspace"===e.key&&E(!1),"Escape"===e.key&&null!==(t=x.current)&&void 0!==t&&t.value&&(B(""),x.current.value="")}),[x,B,E,s]),N=o((e=>{c&&c(e),"Backspace"===e.key&&E(!0)}),[E,c]),R=o((e=>{if(g&&g(e),$&&"Enter"===e.key&&h.current){e.preventDefault(),e.nativeEvent.stopImmediatePropagation();const t=new KeyboardEvent(e.type,e.nativeEvent);h.current.dispatchEvent(t)}}),[h,$,g]);return a((()=>{x.current&&(m||(x.current.value=y),S&&m&&(y||w)&&(x.current.value=m,0===m.toLowerCase().indexOf(y.toLowerCase())&&x.current.setSelectionRange(y.length,m.length)))}),[m,y,x,w]),a((()=>{f&&B(f.toString())}),[f,B]),e.createElement(r,Rt({onFocus:C,onBlur:z,onChange:I,onKeyDown:A,onKeyPress:R,onKeyUp:N,ref:T,"aria-controls":`${v}-listbox`,"aria-autocomplete":"both",role:"combobox","aria-expanded":$,"aria-haspopup":"listbox","aria-owns":`${v}-listbox`,autocomplete:"off"},u))}));on.displayName="AutocompleteInput";var an=on;const nn=(e,t,r="vertical",o=8,a=0,n="smooth")=>{const i="vertical"===r?"top":"left",l="vertical"===r?"bottom":"right",d="vertical"===r?"scrollTop":"scrollLeft",{[i]:s,[l]:c}=e.getBoundingClientRect(),{[i]:g,[l]:f}=t.getBoundingClientRect(),u=c>f-o;if(s<g+a){const e=s-g+t[d];t.scrollTo({behavior:n,[i]:e-a})}else if(u){const e=c-f+t[d];t.scrollTo({behavior:n,[i]:e+o})}};function ln(o){const i=d(Ga);if(null===i)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:l,id:s,inputRef:c,inputValue:g="",scrollContainerRef:f,setAutocompleteSuggestion:u,setShowMenu:p,setInputValue:b,setIsMenuDirectlyActivated:h,setSelectedItemLength:m,showMenu:v}=i,{items:x,selectedItemIds:y,sortOnCloseFn:w,emptyStateText:B,addNewItem:k,loading:$,selectionVariant:T,filterFn:S,"aria-labelledby":E,onOpenChange:C,onSelectedChange:z,customScrollContainerRef:I}=o,A=r(null),[N,R]=t(),[L,F]=t(x.map((({id:e})=>e))),D=n((()=>x.map((e=>({...e,role:"option",id:e.id,selected:"multiple"===T?y.includes(e.id):void 0,onAction:e=>{const t=y.filter((t=>t!==e.id)),r=y.includes(e.id)?t:[...t,e.id];var o,a;((z||(o=b,function(e){const{text:t=""}=Array.isArray(e)?e.slice(-1)[0]:e;o(t)}))(r.map((e=>function(e,t){return t.find((t=>t.id===e))}(e,x)))),"multiple"===T)?(b(""),u("")):(p(!1),null===(a=c.current)||void 0===a||a.setSelectionRange(c.current.value.length,c.current.value.length))}})))),[x,y,c,z,T,u,b,p]),M=n((()=>L.reduce(((e,t,r)=>(e[t]=r,e)),{})),[L]),O=n((()=>{return D.filter(S||(e=g,function(t,r){var o;return Boolean(null===(o=t.text)||void 0===o?void 0:o.toLowerCase().startsWith(e.toLowerCase()))})).sort(((e,t)=>M[e.id]-M[t.id]));var e}),[D,M,S,g]),P=n((()=>[...O,...k?[{...k,leadingVisual:()=>e.createElement(io,null),onAction:e=>{k.handleAddItem({...e,id:e.id||Lr(),leadingVisual:void 0}),"multiple"===T&&(b(""),u(""))}}]:[]]),[O,k,u,T,b]);return No({containerRef:A,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:c,onActiveDescendantChanged:(e,t,r)=>{if(l.current=e||null,e){const t=D.find((t=>t.id.toString()===e.getAttribute("data-id")));R(t),h(r)}e&&I&&I.current&&r?nn(e,I.current):e&&f.current&&r&&nn(e,f.current)}},[$]),a((()=>{var e;null!=N&&null!==(e=N.text)&&void 0!==e&&e.startsWith(g)&&!y.includes(N.id)?u(N.text):u("")}),[N,g,y,u]),a((()=>{const e=[...L].sort(w||(t=e=>((e,t)=>t.includes(e))(e,y),(e,r)=>t(e)===t(r)?0:t(e)?-1:1));var t;const r=e.length===L.length&&e.every(((e,t)=>e===L[t]));!1!==v||r||F(e),C&&C(Boolean(v))}),[v,C,y,w,L]),a((()=>{y.length&&m(y.length)}),[y,m]),e.createElement(Qt,{sx:v?{}:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}},$?e.createElement(Qt,{p:3,display:"flex",justifyContent:"center"},e.createElement(Sl,null)):e.createElement("div",{ref:A},P.length?e.createElement(Da,{selectionVariant:"multiple",items:P,role:"listbox",id:`${s}-listbox`,"aria-labelledby":E}):e.createElement(Qt,{p:3},B)))}function dn({menuAnchorRef:t,overlayProps:r,children:a}){const n=d(Ga);if(null===n)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:l,selectedItemLength:s,setShowMenu:c,showMenu:g=!1}=n,{floatingElementRef:f,position:u}=ko({side:"outside-bottom",align:"start",anchorElementRef:t||i},[g,s]),p=Do(l,f),b=o((()=>{c(!1)}),[c]);return"undefined"==typeof window?null:e.createElement(Wa,Rt({returnFocusRef:i,preventFocusOnOpen:!0,onClickOutside:b,onEscape:b,ref:p,top:null==u?void 0:u.top,left:null==u?void 0:u.left,visibility:g?"visible":"hidden",sx:{overflow:"auto"}},r),a)}ln.displayName="AutocompleteMenu",ln.defaultProps={emptyStateText:"No selectable options",selectionVariant:"single"},ln.displayName="AutocompleteMenu",dn.displayName="AutocompleteOverlay",dn.displayName="AutocompleteOverlay";const sn={inputValue:"",showMenu:!1,isMenuDirectlyActivated:!1,autocompleteSuggestion:"",selectedItemLength:0},cn=(e,t)=>{const{type:r,payload:o}=t;switch(r){case"inputValue":return{...e,inputValue:o};case"showMenu":return{...e,showMenu:o};case"isMenuDirectlyActivated":return{...e,isMenuDirectlyActivated:o};case"autocompleteSuggestion":return{...e,autocompleteSuggestion:o};case"selectedItemLength":return{...e,selectedItemLength:o};default:return e}},gn=({children:t,id:a})=>{const n=r(null),i=r(null),l=r(null),[d,s]=c(cn,sn),{inputValue:g,showMenu:f,autocompleteSuggestion:u,isMenuDirectlyActivated:p,selectedItemLength:b}=d,h=o((e=>{s({type:"inputValue",payload:e})}),[]),m=o((e=>{s({type:"showMenu",payload:e})}),[]),v=o((e=>{s({type:"autocompleteSuggestion",payload:e})}),[]),x=o((e=>{s({type:"isMenuDirectlyActivated",payload:e})}),[]),y=o((e=>{s({type:"selectedItemLength",payload:e})}),[]),w=Wo(a);return e.createElement(Ga.Provider,{value:{activeDescendantRef:n,autocompleteSuggestion:u,id:w,inputRef:l,inputValue:g,isMenuDirectlyActivated:p,scrollContainerRef:i,selectedItemLength:b,setAutocompleteSuggestion:v,setInputValue:h,setIsMenuDirectlyActivated:x,setShowMenu:m,setSelectedItemLength:y,showMenu:f}},t)};gn.displayName="Autocomplete";var fn=Object.assign(gn,{Input:an,Menu:ln,Overlay:dn});const un=g.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
663
678
|
display: inline-block;
|
|
664
679
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
665
680
|
line-height: ${It("lineHeights.condensedUltra")};
|
|
@@ -667,12 +682,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
667
682
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
668
683
|
${At};
|
|
669
684
|
${Zt}
|
|
670
|
-
`;
|
|
685
|
+
`;un.defaultProps={size:20,alt:"",square:!1};var pn=un;const bn=g(pn)`
|
|
671
686
|
position: absolute;
|
|
672
687
|
right: -15%;
|
|
673
688
|
bottom: -9%;
|
|
674
689
|
box-shadow: ${It("shadows.avatar.childShadow")};
|
|
675
|
-
`,
|
|
690
|
+
`,hn=({children:t,...r})=>{const o=e.Children.map(t,((t,r)=>e.isValidElement(t)?0===r?e.cloneElement(t,{size:40}):e.createElement(bn,Rt({bg:"canvas.default"},t.props,{size:20})):t));return e.createElement(Qt,Rt({position:"relative",display:"inline-flex"},r),o)};hn.displayName="AvatarPair",hn.displayName="AvatarPair";var mn=hn;const vn=g.span`
|
|
676
691
|
display: flex;
|
|
677
692
|
position: relative;
|
|
678
693
|
height: 20px;
|
|
@@ -787,7 +802,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
787
802
|
}
|
|
788
803
|
|
|
789
804
|
${Zt};
|
|
790
|
-
`,
|
|
805
|
+
`,xn=({children:t,alignRight:r,sx:o})=>{const a=e.Children.count(t),n=Ya({"pc-AvatarStack--two":2===a,"pc-AvatarStack--three-plus":a>2,"pc-AvatarStack--right":r});return e.createElement(vn,{count:a,className:n,sx:o},e.createElement(Qt,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(t=>e.Children.map(t,((t,r)=>e.isValidElement(t)?e.cloneElement(t,{className:Ya(t.props.className,"pc-AvatarItem"),sx:{zIndex:10-r,...t.props.sx}}):t)))(t)))};xn.displayName="AvatarStack";var yn=xn;var wn=g.a`
|
|
791
806
|
display: inline-block;
|
|
792
807
|
padding: 2px 6px;
|
|
793
808
|
font-size: ${It("fontSizes.0")};
|
|
@@ -797,7 +812,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
797
812
|
border-radius: ${It("radii.2")};
|
|
798
813
|
${At};
|
|
799
814
|
${Zt};
|
|
800
|
-
`;const
|
|
815
|
+
`;const Bn=g.li`
|
|
801
816
|
display: inline-block;
|
|
802
817
|
white-space: nowrap;
|
|
803
818
|
list-style: none;
|
|
@@ -816,11 +831,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
816
831
|
content: none;
|
|
817
832
|
}
|
|
818
833
|
}
|
|
819
|
-
`,
|
|
834
|
+
`,kn=g.nav`
|
|
820
835
|
display: flex;
|
|
821
836
|
justify-content: space-between;
|
|
822
837
|
${Zt};
|
|
823
|
-
`;function
|
|
838
|
+
`;function $n({className:t,children:r,sx:o}){const a=e.Children.map(r,(t=>e.createElement(Bn,null,t)));return e.createElement(kn,{className:t,"aria-label":"Breadcrumbs",sx:o},e.createElement(Qt,{as:"ol",my:0,pl:0},a))}$n.displayName="Breadcrumbs";const Tn=g.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ya(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
|
824
839
|
color: ${It("colors.accent.fg")};
|
|
825
840
|
display: inline-block;
|
|
826
841
|
font-size: ${It("fontSizes.1")};
|
|
@@ -833,7 +848,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
833
848
|
pointer-events: none;
|
|
834
849
|
}
|
|
835
850
|
${Zt};
|
|
836
|
-
|
|
851
|
+
`;$n.displayName="Breadcrumbs",Tn.displayName="Breadcrumbs.Item";var Sn=Object.assign($n,{Item:Tn});const En=Object.assign($n,{Item:Tn}),Cn=(e="default",t)=>({default:{color:"btn.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}, ${null==t?void 0:t.shadows.btn.insetShadow}`,"&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.shadowActive}`},"&:disabled":{color:"primer.fg.disabled",backgroundColor:"btn.disabledBg"}},primary:{color:"btn.primary.text",backgroundColor:"btn.primary.bg",borderColor:"border.subtle",boxShadow:`${null==t?void 0:t.shadows.btn.primary.shadow}`,"&:hover:not([disabled])":{color:"btn.primary.hoverText",backgroundColor:"btn.primary.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.primary.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.primary.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.primary.selectedShadow}`},"&:disabled":{color:"btn.primary.disabledText",backgroundColor:"btn.primary.disabledBg"},'[data-component="ButtonCounter"]':{backgroundColor:"btn.primary.counterBg",color:"btn.primary.text"}},danger:{color:"btn.danger.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover:not([disabled])":{color:"btn.danger.hoverText",backgroundColor:"btn.danger.hoverBg",borderColor:"btn.danger.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.hoverCounterBg",color:"btn.danger.hoverText"}},"&:focus:not([disabled])":{borderColor:"btn.danger.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.focusShadow}`},"&:active:not([disabled])":{color:"btn.danger.selectedText",backgroundColor:"btn.danger.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.danger.selectedShadow}`,borderColor:"btn.danger.selectedBorder"},"&:disabled":{color:"btn.danger.disabledText",backgroundColor:"btn.danger.disabledBg",borderColor:"btn.danger.disabledBorder",'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.disabledCounterBg"}},'[data-component="ButtonCounter"]':{color:"btn.danger.text",backgroundColor:"btn.danger.counterBg"}},invisible:{color:"accent.fg",backgroundColor:"transparent",border:"0",boxShadow:"none","&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg"},"&:disabled":{color:"primer.fg.disabled"}},outline:{color:"btn.outline.text",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover":{color:"btn.outline.hoverText",backgroundColor:"btn.outline.hoverBg",borderColor:"outline.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.hoverCounterBg",color:"btn.outline.hoverText"}},"&:focus":{borderColor:"btn.outline.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.focusShadow}`},"&:active:not([disabled])":{color:"btn.outline.selectedText",backgroundColor:"btn.outline.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.outline.selectedShadow}`,borderColor:"btn.outline.selectedBorder"},"&:disabled":{color:"btn.outline.disabledText",backgroundColor:"btn.outline.disabledBg",borderColor:"btn.border",'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.disabledCounterBg"}},'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.counterBg",color:"btn.outline.text"}}}[e]),zn=(e="medium",t="default",r)=>{let o,a,n;switch(e){case"small":o=3,a=12,n=0;break;case"large":o=9,a=20,n=2;break;case"medium":default:o=5,a=16,n=1}return r&&(a=o+2),"invisible"===t&&(o+=1),{paddingY:`${o}px`,paddingX:`${a}px`,fontSize:n,'[data-component="ButtonCounter"]':{fontSize:n}}},In=g.button(Zt),An=i((({children:t,sx:r={},...o},a)=>{const{icon:n,leadingIcon:i,trailingIcon:l,variant:d="default",size:s="medium"}=o,c=!!n,{theme:g}=qt(),f={borderRadius:"2",border:"1px solid",borderColor:null==g?void 0:g.colors.btn.border,display:"grid",gridTemplateAreas:'"leadingIcon text trailingIcon"',fontWeight:"bold",lineHeight:"20px",whiteSpace:"nowrap",verticalAlign:"middle",cursor:"pointer",appearance:"none",userSelect:"none",textDecoration:"none",textAlign:"center","& > :not(:last-child)":{mr:"2"},"&:focus":{outline:"none"},"&:disabled":{cursor:"default"},"&:disabled svg":{opacity:"0.6"},'[data-component="leadingIcon"]':{gridArea:"leadingIcon"},'[data-component="text"]':{gridArea:"text"},'[data-component="trailingIcon"]':{gridArea:"trailingIcon"}},u={display:"inline-block"},p=Kt.all([f,zn(s,d,c),Cn(d,g),r]);return e.createElement(In,Rt({sx:p,ref:a},o),i&&e.createElement(Qt,{as:"span","data-component":"leadingIcon",sx:u,"aria-hidden":!c},e.createElement(i,null)),e.createElement("span",{"data-component":"text",hidden:!!n},t),n&&e.createElement(Qt,{"data-component":"icon-only",as:"span",sx:{display:"inline-block"},"aria-hidden":!c},e.createElement(n,null)),l&&e.createElement(Qt,{as:"span","data-component":"trailingIcon",sx:{...u,ml:2},"aria-hidden":!c},e.createElement(l,null)))}));An.displayName="Button",Object.assign(An,{});var Nn=g.span`
|
|
837
852
|
display: inline-block;
|
|
838
853
|
padding: 2px 5px;
|
|
839
854
|
font-size: ${It("fontSizes.0")};
|
|
@@ -848,20 +863,20 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
848
863
|
}
|
|
849
864
|
|
|
850
865
|
${Zt};
|
|
851
|
-
`;const
|
|
866
|
+
`;const Rn=({children:t,sx:r={},...o})=>e.createElement(Nn,Rt({"data-component":"ButtonCounter",sx:{ml:2,...r}},o),t);Rn.displayName="Counter";const Ln=Object.assign(An,{Counter:Rn}),Fn={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},Dn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function Mn(e,t,r){const o=Fn[e].toLowerCase(),a=Dn[e].toLowerCase();return{[o]:"100%",[t||a]:t?r:"50%"}}const On=Tt({prop:"bg",key:"colors"}),Pn=Tt({prop:"borderColor",key:"colors"}),Hn=Tt({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function Wn(t){var r;const o=e.useContext(b),a={...t,theme:null!==(r=t.theme)&&void 0!==r?r:o},{bg:n}=On(a),{borderColor:i}=Pn(a),{borderWidth:l}=Hn(a),{size:d=8,location:s="bottom"}=t,[c,g]=function(e){const[t,r]=e.split("-");return[t,r]}(s),f=Dn[c],u=[-d,0],p=[0,d],h=[d,0],m=`M${u}L${p}L${h}L${u}Z`,v=`M${u}L${p}L${h}`,x={top:`translate(${[d,2*d]}) rotate(180)`,right:`translate(${[0,d]}) rotate(-90)`,bottom:`translate(${[d,0]})`,left:`translate(${[2*d,d]}) rotate(90)`}[c];return e.createElement("svg",{width:2*d,height:2*d,style:{pointerEvents:"none",position:"absolute",...Mn(c,g,d),[`margin${f}`]:g?null:-d}},e.createElement("g",{transform:x},e.createElement("path",{d:m,fill:n}),e.createElement("path",{d:v,fill:"none",stroke:i,strokeWidth:l})))}Wn.displayName="Caret",Wn.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],Wn.defaultProps={bg:"canvas.default",borderColor:"border.default",borderWidth:1};const _n={small:56,medium:96,large:128},jn=g.div`
|
|
852
867
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
853
868
|
align-items: center;
|
|
854
869
|
justify-content: center;
|
|
855
870
|
background-color: ${It("colors.canvas.default")};
|
|
856
871
|
border-radius: 50%;
|
|
857
872
|
box-shadow: ${It("shadows.shadow.medium")};
|
|
858
|
-
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:
|
|
873
|
+
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:_n[t];return{width:r,height:r}}};
|
|
859
874
|
${Zt};
|
|
860
|
-
`,
|
|
875
|
+
`,Un=g(Ao)`
|
|
861
876
|
height: auto;
|
|
862
877
|
max-width: 60%;
|
|
863
878
|
max-height: 55%;
|
|
864
|
-
`;
|
|
879
|
+
`;jn.defaultProps={inline:!1},Un.displayName="CircleBadge.Icon";var Kn=Object.assign(jn,{Icon:Un});function Vn(t){const{size:r,as:o}=t,{icon:a,bg:n,...i}=t;return e.createElement(Qt,{as:o,bg:n,overflow:"hidden",borderWidth:0,size:r,borderRadius:"50%",borderStyle:"solid",borderColor:"border.default"},e.createElement(Qt,Rt({display:"flex"},i,{alignItems:"center",justifyContent:"center"}),e.createElement(a,{size:r})))}Vn.displayName="CircleOcticon",Vn.defaultProps={...Qt.defaultProps,size:32};const Gn=g.details`
|
|
865
880
|
& > summary {
|
|
866
881
|
list-style: none;
|
|
867
882
|
}
|
|
@@ -871,11 +886,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
871
886
|
|
|
872
887
|
${At}
|
|
873
888
|
${Zt};
|
|
874
|
-
`;
|
|
889
|
+
`;Gn.displayName="Details";var qn=Gn;const Xn=()=>null;function Yn(e){const t=e;return t.tabIndex>=0&&!t.disabled&&function(e){return!e.hidden&&(!e.type||"hidden"!==e.type)&&(e.offsetWidth>0||e.offsetHeight>0)}(t)}var Jn=g.span`
|
|
875
890
|
${Nt};
|
|
876
891
|
${At};
|
|
877
892
|
${Zt};
|
|
878
|
-
`;const
|
|
893
|
+
`;const Zn=()=>null,Qn=g.div`
|
|
879
894
|
box-shadow: ${It("shadows.shadow.large")};
|
|
880
895
|
border-radius: ${It("radii.2")};
|
|
881
896
|
position: fixed;
|
|
@@ -897,7 +912,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
897
912
|
}
|
|
898
913
|
|
|
899
914
|
${Zt};
|
|
900
|
-
`,
|
|
915
|
+
`,ei=g(Qt)`
|
|
901
916
|
border-radius: ${It("radii.2")} ${It("radii.2")} 0px 0px;
|
|
902
917
|
border-bottom: 1px solid ${It("colors.border.default")};
|
|
903
918
|
display: flex;
|
|
@@ -907,7 +922,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
907
922
|
}
|
|
908
923
|
|
|
909
924
|
${Zt};
|
|
910
|
-
`;function
|
|
925
|
+
`;function ti({theme:t,children:r,backgroundColor:o="gray.1",...a}){return e.Children.toArray(r).every((e=>"string"==typeof e))&&(r=e.createElement(Jn,{theme:t,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},r)),e.createElement(ei,Rt({theme:t,p:3,backgroundColor:o},a),r)}ti.displayName="DialogHeader";const ri=g.span`
|
|
911
926
|
&:before {
|
|
912
927
|
position: fixed;
|
|
913
928
|
top: 0;
|
|
@@ -921,10 +936,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
921
936
|
z-index: 99;
|
|
922
937
|
background: ${It("colors.primer.canvas.backdrop")};
|
|
923
938
|
}
|
|
924
|
-
`,
|
|
939
|
+
`,oi=i((({children:t,onDismiss:n=Zn,isOpen:i,initialFocusRef:l,returnFocusRef:d,...s},c)=>{const g=r(null),f=Do(c),u=r(null),p=()=>{n(),d&&d.current&&d.current.focus()},{getDialogProps:b}=function({modalRef:e,overlayRef:t,isOpen:r,onDismiss:n=Xn,initialFocusRef:i,closeButtonRef:l}){const d=o((r=>{e.current&&t.current&&!e.current.contains(r.target)&&t.current.contains(r.target)&&n()}),[n,e,t]);a((()=>{if(r)return document.addEventListener("click",d),()=>{document.removeEventListener("click",d)}}),[r,d]),a((()=>{r&&(i&&i.current?i.current.focus():l&&l.current&&l.current.focus())}),[r,i,l]);const s=o(((t,r)=>{if(e.current){const o=Array.from(e.current.querySelectorAll("*")).filter(Yn);if(0===o.length)return;t.preventDefault();const a=document.activeElement;if(!a)return;const n=o.indexOf(a)+r,i=1===r?0:o.length-1;return o[n]||o[i]}}),[e]),c=o((e=>{const t=e.shiftKey?-1:1,r=s(e,t);r&&r.focus()}),[s]),g=o((e=>{switch(e.key){case"Tab":c(e);break;case"Escape":n(),e.stopPropagation()}}),[c,n]);return{getDialogProps:()=>({onKeyDown:g})}}({modalRef:f,onDismiss:p,isOpen:i,initialFocusRef:l,closeButtonRef:u,returnFocusRef:d,overlayRef:g});return i?e.createElement(e.Fragment,null,e.createElement(ri,{ref:g}),e.createElement(Qn,Rt({tabIndex:-1,ref:f,role:"dialog","aria-modal":"true"},s,b()),e.createElement(fo,{ref:u,onClick:p,sx:{position:"absolute",top:"16px",right:"16px"}}),t)):null}));ti.defaultProps={backgroundColor:"canvas.subtle"},ti.propTypes={...Qt.propTypes},ti.displayName="Dialog.Header",oi.displayName="Dialog";var ai=Object.assign(oi,{Header:ti});var ni=(e,t)=>({w:`\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: 10px;\n\n &::before {\n top: 10px;\n right: -16px;\n left: auto;\n border-color: transparent;\n border-left-color: ${It("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: ${It("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: ${It("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${It("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 ${It("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 ${It("colors.border.default")(e)};\n border-right: 7px solid transparent;\n border-bottom: 0;\n border-left: 7px solid transparent;\n }\n `,s:"\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -16px;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n ",sw:"\n right: 0;\n left: auto;\n\n &::before {\n top: -16px;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n ",se:"\n &::before {\n top: -16px;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n "}[t]);const ii=g(qn)`
|
|
925
940
|
position: relative;
|
|
926
941
|
display: inline-block;
|
|
927
|
-
`,
|
|
942
|
+
`,li=({children:t,className:r,...o})=>{const{getDetailsProps:a}=fr({closeOnOutsideClick:!0});return e.createElement(ii,Rt({className:r},a(),o),t)};li.displayName="Dropdown";const di=({children:t,...r})=>e.createElement(jr,Rt({as:"summary","aria-haspopup":"true"},r),t,e.createElement(si,null));di.displayName="DropdownButton";const si=g.div`
|
|
928
943
|
border: 4px solid transparent;
|
|
929
944
|
margin-left: 12px;
|
|
930
945
|
border-top-color: currentcolor;
|
|
@@ -935,7 +950,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
935
950
|
vertical-align: middle;
|
|
936
951
|
width: 0;
|
|
937
952
|
${Zt};
|
|
938
|
-
`,
|
|
953
|
+
`,ci=g.ul`
|
|
939
954
|
background-clip: padding-box;
|
|
940
955
|
background-color: ${It("colors.canvas.overlay")};
|
|
941
956
|
border: 1px solid ${It("colors.border.default")};
|
|
@@ -976,9 +991,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
976
991
|
> ul {
|
|
977
992
|
list-style: none;
|
|
978
993
|
}
|
|
979
|
-
${e=>e.direction?
|
|
994
|
+
${e=>e.direction?ni(e.theme,e.direction):""};
|
|
980
995
|
${Zt};
|
|
981
|
-
`,
|
|
996
|
+
`,gi=g.li`
|
|
982
997
|
display: block;
|
|
983
998
|
padding: ${It("space.1")} 10px ${It("space.1")} 15px;
|
|
984
999
|
overflow: hidden;
|
|
@@ -1010,7 +1025,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1010
1025
|
outline: none;
|
|
1011
1026
|
}
|
|
1012
1027
|
${Zt};
|
|
1013
|
-
`;
|
|
1028
|
+
`;ci.defaultProps={direction:"sw"},ci.displayName="Dropdown.Menu",gi.displayName="Dropdown.Item",di.defaultProps=jr.defaultProps,di.displayName="Dropdown.Button",si.displayName="Dropdown.Caret",li.defaultProps=qn.defaultProps;var fi=Object.assign(li,{Caret:si,Menu:ci,Item:gi,Button:di});const ui=e.forwardRef((({children:t,...r},o)=>e.createElement(jr,Rt({ref:o,type:"button"},r),t,e.createElement(Ao,{icon:so,sx:{ml:1}}))));function pi({renderAnchor:t=(t=>e.createElement(ui,t)),anchorRef:r,placeholder:a,selectedItem:i,onChange:l,overlayProps:d,items:s,open:c,onOpenChange:g,...f}){const[u,p]=ja(c,g,!1),b=o((()=>p(!0)),[p]),h=o((()=>p(!1)),[p]),m=Tr(r),v=n((()=>null===t?null:e=>{var r;return t({...e,children:null!==(r=null==i?void 0:i.text)&&void 0!==r?r:a})}),[a,t,null==i?void 0:i.text]),x=n((()=>s.map((e=>({...e,role:"option",selected:e===i,onAction:(t,r)=>{var o;null===(o=e.onAction)||void 0===o||o.call(e,t,r),r.defaultPrevented||(h(),null==l||l(e===i?void 0:e))}})))),[s,l,h,i]);return e.createElement(_a,{renderAnchor:v,anchorRef:m,open:u,onOpen:b,onClose:h,overlayProps:d},e.createElement(Fa,Rt({},f,{role:"listbox",items:x})))}pi.displayName="DropdownMenu",pi.displayName="DropdownMenu";var bi=g.div`
|
|
1014
1029
|
display: flex;
|
|
1015
1030
|
align-items: stretch;
|
|
1016
1031
|
|
|
@@ -1028,12 +1043,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1028
1043
|
}
|
|
1029
1044
|
|
|
1030
1045
|
${Zt}
|
|
1031
|
-
`;const
|
|
1046
|
+
`;const hi=g.ul`
|
|
1032
1047
|
list-style-type: none;
|
|
1033
1048
|
margin: 0;
|
|
1034
1049
|
padding: 0;
|
|
1035
1050
|
${Zt};
|
|
1036
|
-
`,
|
|
1051
|
+
`,mi=({children:t,...r})=>{const o=e.Children.map(t,(t=>e.createElement("li",null,t)));return e.createElement(hi,r,o)};mi.displayName="FilterList";const vi=g.a`
|
|
1037
1052
|
position: relative;
|
|
1038
1053
|
display: block;
|
|
1039
1054
|
padding: ${e=>e.small?`${It("space.1")(e)} 10px`:`${It("space.2")(e)} 11px`};
|
|
@@ -1060,7 +1075,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1060
1075
|
font-weight: ${It("fontWeights.bold")};
|
|
1061
1076
|
}
|
|
1062
1077
|
${Zt};
|
|
1063
|
-
`;function
|
|
1078
|
+
`;function xi({children:t,count:r,...o}){return e.createElement(vi,o,r&&e.createElement("span",{title:"results",className:"count"},r),t)}xi.displayName="FilterListItem",xi.displayName="FilterList.Item";var yi=Object.assign(mi,{Item:xi});const wi=ue({variants:{default:{color:"fg.default",backgroundColor:"accent.subtle",borderColor:"accent.muted",svg:{color:"accent.fg"}},success:{color:"fg.default",backgroundColor:"success.subtle",borderColor:"success.muted",svg:{color:"success.fg"}},danger:{color:"fg.default",backgroundColor:"danger.subtle",borderColor:"danger.muted",svg:{color:"danger.fg"}},warning:{color:"fg.default",backgroundColor:"attention.subtle",borderColor:"attention.muted",svg:{color:"attention.fg"}}}}),Bi=g.div`
|
|
1064
1079
|
position: relative;
|
|
1065
1080
|
color: ${It("colors.fg.default")};
|
|
1066
1081
|
padding: ${It("space.3")};
|
|
@@ -1077,19 +1092,19 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1077
1092
|
margin-right: ${It("space.2")};
|
|
1078
1093
|
}
|
|
1079
1094
|
|
|
1080
|
-
${
|
|
1095
|
+
${wi};
|
|
1081
1096
|
${Zt};
|
|
1082
|
-
`;
|
|
1097
|
+
`;Bi.defaultProps={variant:"default"};var ki=Bi;const $i=g.div`
|
|
1083
1098
|
margin: ${It("space.3")} 0;
|
|
1084
1099
|
font-weight: ${It("fontWeights.normal")};
|
|
1085
1100
|
${Zt};
|
|
1086
|
-
|
|
1101
|
+
`,Ti=g.label`
|
|
1087
1102
|
display: block;
|
|
1088
1103
|
margin: 0 0 ${It("space.2")};
|
|
1089
1104
|
font-size: ${It("fontSizes.1")};
|
|
1090
1105
|
font-weight: ${It("fontWeights.bold")};
|
|
1091
1106
|
${Zt};
|
|
1092
|
-
|
|
1107
|
+
`;Ti.displayName="FormGroup.Label";var Si=Object.assign($i,{Label:Ti});const Ei=g.div`
|
|
1093
1108
|
z-index: 32;
|
|
1094
1109
|
display: flex;
|
|
1095
1110
|
padding: ${It("space.3")};
|
|
@@ -1101,7 +1116,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1101
1116
|
flex-wrap: nowrap;
|
|
1102
1117
|
|
|
1103
1118
|
${Zt};
|
|
1104
|
-
`,
|
|
1119
|
+
`,Ci=g.div`
|
|
1105
1120
|
display: flex;
|
|
1106
1121
|
margin-right: ${It("space.3")};
|
|
1107
1122
|
align-self: stretch;
|
|
@@ -1111,7 +1126,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1111
1126
|
${({full:e})=>e&&p(["flex:auto;"])};
|
|
1112
1127
|
|
|
1113
1128
|
${Zt};
|
|
1114
|
-
`;
|
|
1129
|
+
`;Ci.displayName="Header.Item";const zi=g.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
|
1115
1130
|
font-weight: ${It("fontWeights.bold")};
|
|
1116
1131
|
color: ${It("colors.header.logo")};
|
|
1117
1132
|
white-space: nowrap;
|
|
@@ -1126,14 +1141,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1126
1141
|
}
|
|
1127
1142
|
|
|
1128
1143
|
${Zt};
|
|
1129
|
-
`;
|
|
1144
|
+
`;zi.displayName="Header.Link";var Ii=Object.assign(Ei,{Link:zi,Item:Ci});const Ai=g.h2`
|
|
1130
1145
|
font-weight: ${It("fontWeights.bold")};
|
|
1131
1146
|
font-size: ${It("fontSizes.5")};
|
|
1132
1147
|
margin: 0;
|
|
1133
1148
|
${Nt};
|
|
1134
1149
|
${At};
|
|
1135
1150
|
${Zt};
|
|
1136
|
-
`;
|
|
1151
|
+
`;Ai.defaultProps={theme:x};var Ni=Ai;var Ri=g.span`
|
|
1137
1152
|
& * {
|
|
1138
1153
|
margin-right: ${It("space.1")};
|
|
1139
1154
|
}
|
|
@@ -1141,7 +1156,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1141
1156
|
margin-right: 0;
|
|
1142
1157
|
}
|
|
1143
1158
|
${Zt};
|
|
1144
|
-
`;const
|
|
1159
|
+
`;const Li=p(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";background-color:transparent;"],It("colors.fg.muted"),It("borderWidths.1"),It("colors.border.default"),ct),Fi=ue({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"}}}),Di=g.span`
|
|
1145
1160
|
display: inline-block;
|
|
1146
1161
|
font-weight: ${It("fontWeights.semibold")};
|
|
1147
1162
|
color: ${It("colors.fg.onEmphasis")};
|
|
@@ -1152,16 +1167,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1152
1167
|
text-decoration: none;
|
|
1153
1168
|
}
|
|
1154
1169
|
|
|
1155
|
-
${
|
|
1170
|
+
${Fi}
|
|
1156
1171
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
|
1157
|
-
${e=>e.outline?
|
|
1172
|
+
${e=>e.outline?Li:""} // must be last to override other values
|
|
1158
1173
|
${Zt}
|
|
1159
|
-
`;
|
|
1174
|
+
`;Di.defaultProps={variant:"medium"};var Mi=Di;const Oi=L({hoverColor:{property:"color",scale:"colors"}});var Pi=g.a`
|
|
1160
1175
|
color: ${e=>e.muted?It("colors.fg.muted")(e):It("colors.accent.fg")(e)};
|
|
1161
1176
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
|
1162
1177
|
&:hover {
|
|
1163
1178
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
|
1164
|
-
${e=>e.hoverColor?
|
|
1179
|
+
${e=>e.hoverColor?Oi:e.muted?`color: ${It("colors.accent.fg")(e)}`:""};
|
|
1165
1180
|
}
|
|
1166
1181
|
&:is(button) {
|
|
1167
1182
|
display: inline-block;
|
|
@@ -1175,14 +1190,14 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1175
1190
|
appearance: none;
|
|
1176
1191
|
}
|
|
1177
1192
|
${Zt};
|
|
1178
|
-
`;var
|
|
1193
|
+
`;var Hi=g.div`
|
|
1179
1194
|
position: relative;
|
|
1180
1195
|
padding-top: ${It("space.4")};
|
|
1181
1196
|
padding-bottom: ${It("space.4")};
|
|
1182
1197
|
margin-bottom: ${It("space.4")};
|
|
1183
1198
|
border-bottom: 1px solid ${It("colors.border.default")};
|
|
1184
1199
|
${Zt};
|
|
1185
|
-
`;const
|
|
1200
|
+
`;const Wi=g.a`
|
|
1186
1201
|
display: inline-block;
|
|
1187
1202
|
min-width: 32px;
|
|
1188
1203
|
padding: 5px 10px;
|
|
@@ -1280,17 +1295,17 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1280
1295
|
);
|
|
1281
1296
|
}
|
|
1282
1297
|
}
|
|
1283
|
-
`;function
|
|
1298
|
+
`;function _i({theme:t,pageCount:r,currentPage:o,onPageChange:a,hrefBuilder:n,marginPageCount:i,showPages:l,surroundingPageCount:d}){const s=e.useCallback((e=>t=>a(t,e)),[a]),c=e.useMemo((()=>function(e,t,r,o,a){const n=[];if(r){const r=[],i=t=>{t>=1&&t<=e&&r.push(t)};let l=t-a,d=t+a;if(l<1&&d>e)l=1,d=e;else if(l<1)for(;l<1;)l++,d++;else if(d>e)for(;d>e;)l--,d--;for(let t=1;t<=o;t++){const r=t,o=e-(t-1);r>=l?d++:i(r),o<=d?l--:i(o)}for(let e=l;e<=d;e++)i(e);const s=r.slice().sort(((e,t)=>e-t)).filter(((e,t,r)=>!t||e!==r[t-1]));for(let e=0;e<s.length;e++){const r=s[e],o=r===t;0===e?(1!==r&&n.push({type:"BREAK",num:1}),n.push({type:"NUM",num:r,selected:o})):(1==r-s[e-1]||n.push({type:"BREAK",num:r-1}),n.push({type:"NUM",num:r,selected:o}))}const c=n[n.length-1];"NUM"===c.type&&c.num!==e&&n.push({type:"BREAK",num:e})}const i={type:"NEXT",num:t+1,disabled:t===e};return[{type:"PREV",num:t-1,disabled:1===t},...n,i]}(r,o,!!l,i,d)),[r,o,l,i,d]);return e.useMemo((()=>c.map((r=>{const{props:o,key:a,content:i}=function(e,t,r){const o={};let a="",n="";switch(e.type){case"PREV":n="page-prev",a="Previous",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"prev",href:t(e.num),"aria-label":"Previous Page",onClick:r});break;case"NEXT":n="page-next",a="Next",e.disabled?Object.assign(o,{as:"span","aria-disabled":"true"}):Object.assign(o,{rel:"next",href:t(e.num),"aria-label":"Next Page",onClick:r});break;case"NUM":n=`page-${e.num}`,a=String(e.num),e.selected?Object.assign(o,{as:"em","aria-current":"page"}):Object.assign(o,{href:t(e.num),"aria-label":`Page ${e.num}`,onClick:r});break;case"BREAK":n=`page-${e.num}-break`,a="…",Object.assign(o,{as:"span","aria-disabled":!0})}return{props:o,key:n,content:a}}(r,n,s(r.num));return e.createElement(Wi,Rt({},o,{key:a,theme:t}),i)}))),[c,n,s,t])}const ji=g.nav`
|
|
1284
1299
|
margin-top: 20px;
|
|
1285
1300
|
margin-bottom: 15px;
|
|
1286
1301
|
text-align: center;
|
|
1287
1302
|
${Zt};
|
|
1288
|
-
`;function
|
|
1303
|
+
`;function Ui({theme:t,pageCount:r,currentPage:o,onPageChange:a=Vi,hrefBuilder:n=Ki,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=_i({theme:t,pageCount:r,currentPage:o,onPageChange:a,hrefBuilder:n,marginPageCount:i,showPages:l,surroundingPageCount:d});return e.createElement(ji,Rt({"aria-label":"Pagination"},s,{theme:t}),e.createElement(Qt,{display:"inline-block",theme:t},c))}function Ki(e){return`#${e}`}function Vi(){}function Gi(t){const{bg:r,border:o,borderColor:a,theme:n}=t,{caret:i,children:l,...d}=t,s={bg:r,borderColor:a,borderWidth:o,location:i,theme:n};return e.createElement(tr,Rt({sx:{position:"relative"}},d),l,e.createElement(Wn,s))}Ui.displayName="Pagination",Ui.defaultProps={hrefBuilder:Ki,marginPageCount:1,onPageChange:Vi,showPages:!0,surroundingPageCount:2},Gi.displayName="PointerBox";const qi=g.div.attrs((({className:e,caret:t})=>({className:Ya(e,`caret-pos--${t}`)})))`
|
|
1289
1304
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1290
1305
|
z-index: 100;
|
|
1291
1306
|
display: ${e=>e.open?"block":"none"};
|
|
1292
1307
|
${Zt};
|
|
1293
|
-
`,
|
|
1308
|
+
`,Xi=g.div`
|
|
1294
1309
|
border: 1px solid ${It("colors.border.default")};
|
|
1295
1310
|
border-radius: ${It("radii.2")};
|
|
1296
1311
|
position: relative;
|
|
@@ -1324,9 +1339,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1324
1339
|
}
|
|
1325
1340
|
|
|
1326
1341
|
// Bottom-oriented carets
|
|
1327
|
-
${
|
|
1328
|
-
${
|
|
1329
|
-
${
|
|
1342
|
+
${qi}.caret-pos--bottom & ,
|
|
1343
|
+
${qi}.caret-pos--bottom-right & ,
|
|
1344
|
+
${qi}.caret-pos--bottom-left & {
|
|
1330
1345
|
&::before,
|
|
1331
1346
|
&::after {
|
|
1332
1347
|
top: auto;
|
|
@@ -1346,8 +1361,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1346
1361
|
}
|
|
1347
1362
|
|
|
1348
1363
|
// Top & Bottom: Right-oriented carets
|
|
1349
|
-
${
|
|
1350
|
-
${
|
|
1364
|
+
${qi}.caret-pos--top-right & ,
|
|
1365
|
+
${qi}.caret-pos--bottom-right & {
|
|
1351
1366
|
right: -9px;
|
|
1352
1367
|
margin-right: 0;
|
|
1353
1368
|
|
|
@@ -1367,8 +1382,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1367
1382
|
}
|
|
1368
1383
|
|
|
1369
1384
|
// Top & Bottom: Left-oriented carets
|
|
1370
|
-
${
|
|
1371
|
-
${
|
|
1385
|
+
${qi}.caret-pos--top-left & ,
|
|
1386
|
+
${qi}.caret-pos--bottom-left & {
|
|
1372
1387
|
left: -9px;
|
|
1373
1388
|
margin-left: 0;
|
|
1374
1389
|
|
|
@@ -1384,12 +1399,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1384
1399
|
}
|
|
1385
1400
|
|
|
1386
1401
|
// Right- & Left-oriented carets
|
|
1387
|
-
${
|
|
1388
|
-
${
|
|
1389
|
-
${
|
|
1390
|
-
${
|
|
1391
|
-
${
|
|
1392
|
-
${
|
|
1402
|
+
${qi}.caret-pos--right & ,
|
|
1403
|
+
${qi}.caret-pos--right-top & ,
|
|
1404
|
+
${qi}.caret-pos--right-bottom & ,
|
|
1405
|
+
${qi}.caret-pos--left & ,
|
|
1406
|
+
${qi}.caret-pos--left-top & ,
|
|
1407
|
+
${qi}.caret-pos--left-bottom & {
|
|
1393
1408
|
&::before,
|
|
1394
1409
|
&::after {
|
|
1395
1410
|
top: 50%;
|
|
@@ -1409,9 +1424,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1409
1424
|
}
|
|
1410
1425
|
|
|
1411
1426
|
// Right-oriented carets
|
|
1412
|
-
${
|
|
1413
|
-
${
|
|
1414
|
-
${
|
|
1427
|
+
${qi}.caret-pos--right & ,
|
|
1428
|
+
${qi}.caret-pos--right-top & ,
|
|
1429
|
+
${qi}.caret-pos--right-bottom & {
|
|
1415
1430
|
&::before {
|
|
1416
1431
|
right: -${It("space.3")};
|
|
1417
1432
|
border-left-color: ${It("colors.border.default")};
|
|
@@ -1425,9 +1440,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1425
1440
|
}
|
|
1426
1441
|
|
|
1427
1442
|
// Left-oriented carets
|
|
1428
|
-
${
|
|
1429
|
-
${
|
|
1430
|
-
${
|
|
1443
|
+
${qi}.caret-pos--left & ,
|
|
1444
|
+
${qi}.caret-pos--left-top & ,
|
|
1445
|
+
${qi}.caret-pos--left-bottom & {
|
|
1431
1446
|
&::before {
|
|
1432
1447
|
left: -${It("space.3")};
|
|
1433
1448
|
border-right-color: ${It("colors.border.default")};
|
|
@@ -1441,8 +1456,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1441
1456
|
}
|
|
1442
1457
|
|
|
1443
1458
|
// Right & Left: Top-oriented carets
|
|
1444
|
-
${
|
|
1445
|
-
${
|
|
1459
|
+
${qi}.caret-pos--right-top & ,
|
|
1460
|
+
${qi}.caret-pos--left-top & {
|
|
1446
1461
|
&::before,
|
|
1447
1462
|
&::after {
|
|
1448
1463
|
top: ${It("space.4")};
|
|
@@ -1450,8 +1465,8 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1450
1465
|
}
|
|
1451
1466
|
|
|
1452
1467
|
// Right & Left: Bottom-oriented carets
|
|
1453
|
-
${
|
|
1454
|
-
${
|
|
1468
|
+
${qi}.caret-pos--right-bottom & ,
|
|
1469
|
+
${qi}.caret-pos--left-bottom & {
|
|
1455
1470
|
&::before,
|
|
1456
1471
|
&::after {
|
|
1457
1472
|
top: auto;
|
|
@@ -1467,22 +1482,22 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1467
1482
|
}
|
|
1468
1483
|
|
|
1469
1484
|
${Zt};
|
|
1470
|
-
`;
|
|
1485
|
+
`;qi.defaultProps={caret:"top"},Xi.displayName="Popover.Content";var Yi=Object.assign(qi,{Content:Xi});const Ji=g.span`
|
|
1471
1486
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
|
1472
1487
|
${At}
|
|
1473
|
-
`,
|
|
1488
|
+
`,Zi={small:"5px",large:"10px",default:"8px"},Qi=g.span`
|
|
1474
1489
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
|
1475
1490
|
overflow: hidden;
|
|
1476
1491
|
background-color: ${It("colors.border.default")};
|
|
1477
1492
|
border-radius: ${It("radii.1")};
|
|
1478
|
-
height: ${e=>
|
|
1493
|
+
height: ${e=>Zi[e.barSize||"default"]};
|
|
1479
1494
|
${At}
|
|
1480
1495
|
${me}
|
|
1481
1496
|
${Zt};
|
|
1482
|
-
`;function
|
|
1483
|
-
${
|
|
1497
|
+
`;function el({progress:t,bg:r,theme:o,...a}){return e.createElement(Qi,Rt({theme:o},a),e.createElement(Ji,{progress:t,bg:r,theme:o}))}function tl(e,t,r){const n=o((o=>{const a=()=>{r(!0)},n=t=>{const r=Array.from(e.current.querySelectorAll('[role^="menuitem"]:not([hidden]):not([disabled]):not([aria-disabled="true"])')),o=document.activeElement,a=r.indexOf(o),n=t?r[a+1]:r[a-1],i=t?r[0]:r[r.length-1];return n||i};if(!(o instanceof KeyboardEvent))return;const i=o.target instanceof Element&&"SUMMARY"===o.target.tagName;switch(o.key){case"Escape":t&&((()=>{r(!1);const t=e.current.querySelector("summary");t&&t.focus()})(),o.preventDefault(),o.stopPropagation());break;case"ArrowDown":{i&&!t&&a();const e=n(!0);e&&e.focus(),o.preventDefault()}break;case"ArrowUp":{i&&!t&&a();const e=n(!1);e&&e.focus(),o.preventDefault()}break;case" ":case"Enter":{const t=document.activeElement;t&&(e=>{const t=e.getAttribute("role");return"menuitem"===t||"menuitemcheckbox"===t||"menuitemradio"===t})(t)&&t.closest("details")===e&&(o.preventDefault(),o.stopPropagation(),t.click())}}}),[e,t,r]);a((()=>{const t=e.current;if(t)return t.addEventListener("keydown",n),()=>{t.removeEventListener("keydown",n)}}),[e,n])}el.displayName="ProgressBar",el.defaultProps={bg:"success.emphasis",barSize:"default"};const rl=s({}),ol=p(["padding:"," ",";margin:0;font-size:",";font-weight:",";color:",";background-color:",";border-bottom:"," solid ",";"],It("space.1"),It("space.3"),It("fontSizes.0"),It("fontWeights.bold"),It("colors.fg.muted"),It("colors.canvas.subtle"),It("borderWidths.1"),It("colors.border.muted")),al=g.div`
|
|
1498
|
+
${ol}
|
|
1484
1499
|
${Zt};
|
|
1485
|
-
`;
|
|
1500
|
+
`;al.displayName="SelectMenu.Divider";var nl=al;const il=g.form`
|
|
1486
1501
|
padding: ${It("space.3")};
|
|
1487
1502
|
margin: 0;
|
|
1488
1503
|
border-bottom: ${It("borderWidths.1")} solid ${It("colors.border.muted")};
|
|
@@ -1493,10 +1508,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1493
1508
|
}
|
|
1494
1509
|
|
|
1495
1510
|
${Zt};
|
|
1496
|
-
`,
|
|
1497
|
-
${
|
|
1511
|
+
`,ll=i((({theme:t,value:o,sx:n,...i},l)=>{const s=r(null),c=null!=l?l:s,{open:g}=d(rl);return a((()=>{var e;g&&(null===(e=s.current)||void 0===e||e.focus())}),[g]),e.createElement(il,{theme:t,sx:n},e.createElement(rn,Rt({theme:t,ref:c,width:"100%",block:!0,value:o,contrast:!0},i)))}));ll.displayName="SelectMenu.Filter";var dl=ll;const sl=p(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],It("space.2"),It("space.3"),It("fontSizes.0"),It("colors.fg.muted"),It("borderWidths.1"),It("colors.border.muted"),It("breakpoints.0"),It("space.1"),It("space.2")),cl=g.footer`
|
|
1512
|
+
${sl}
|
|
1498
1513
|
${Zt};
|
|
1499
|
-
`;
|
|
1514
|
+
`;cl.displayName="SelectMenu.Footer";var gl=cl;const fl=g.h3`
|
|
1500
1515
|
color: ${It("colors.fg.default")};
|
|
1501
1516
|
flex: auto;
|
|
1502
1517
|
font-size: ${It("fontSizes.1")};
|
|
@@ -1506,7 +1521,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1506
1521
|
@media (min-width: ${It("breakpoints.0")}) {
|
|
1507
1522
|
font-size: inherit;
|
|
1508
1523
|
}
|
|
1509
|
-
`,
|
|
1524
|
+
`,ul=g.header`
|
|
1510
1525
|
display: flex;
|
|
1511
1526
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
1512
1527
|
padding: ${It("space.3")};
|
|
@@ -1518,13 +1533,13 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1518
1533
|
}
|
|
1519
1534
|
|
|
1520
1535
|
${Zt};
|
|
1521
|
-
`,
|
|
1522
|
-
${
|
|
1536
|
+
`,pl=({children:t,theme:r,...o})=>e.createElement(ul,Rt({theme:r},o),e.createElement(fl,{theme:r},t));pl.displayName="SelectMenuHeader",pl.displayName="SelectMenu.Header";var bl=pl;const hl=p(["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:",";}"],It("space.3"),It("colors.canvas.overlay"),It("borderWidths.1"),It("colors.border.muted"),It("colors.fg.muted"),It("fontSizes.0"),It("breakpoints.0"),It("space.2"),It("space.2"),It("space.3"),It("space.2"),It("colors.fg.default"),It("colors.neutral.subtle"),It("colors.canvas.subtle"),It("colors.selectMenu.tapHighlight")),ml=g.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
|
1537
|
+
${hl}
|
|
1523
1538
|
${Zt};
|
|
1524
|
-
`,
|
|
1525
|
-
${
|
|
1539
|
+
`,vl=i((({children:t,selected:o,theme:a,onClick:n,...i},l)=>{const s=d(rl),c=r(null),g=null!=l?l:c;return e.createElement(ml,Rt({ref:g},i,{theme:a,onClick:e=>{var t;(n&&n(e),e.defaultPrevented)||(null===(t=s.setOpen)||void 0===t||t.call(s,!1))},"aria-checked":o}),e.createElement(Ao,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:eo}),t)}));vl.defaultProps={selected:!1},vl.displayName="SelectMenu.Item";var xl=vl;const yl=p(["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:",";}}"],It("colors.canvas.overlay"),It("colors.selectMenu.tapFocusBg"),It("colors.fg.default"),It("colors.canvas.subtle"),It("colors.fg.default"),It("colors.canvas.subtle")),wl=g.div`
|
|
1540
|
+
${yl}
|
|
1526
1541
|
${Zt};
|
|
1527
|
-
`;
|
|
1542
|
+
`;wl.displayName="SelectMenu.List";var Bl=wl;const kl={small:"16px",medium:"32px",large:"64px"};function $l({size:t="medium",...r}){const o=kl[t];return e.createElement("svg",Rt({height:o,width:o,viewBox:"0 0 16 16",fill:"none"},r),e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.25",strokeWidth:"2",vectorEffect:"non-scaling-stroke"}),e.createElement("path",{d:"M15 8a7.002 7.002 0 00-7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"}))}$l.displayName="Spinner";const Tl=g($l)`
|
|
1528
1543
|
@keyframes rotate-keyframes {
|
|
1529
1544
|
100% {
|
|
1530
1545
|
transform: rotate(360deg);
|
|
@@ -1535,36 +1550,36 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1535
1550
|
|
|
1536
1551
|
${At}
|
|
1537
1552
|
${Zt}
|
|
1538
|
-
|
|
1553
|
+
`;Tl.displayName="Spinner";var Sl=Tl;const El=g.div`
|
|
1539
1554
|
padding: ${It("space.6")} ${It("space.4")};
|
|
1540
1555
|
text-align: center;
|
|
1541
1556
|
background-color: ${It("colors.canvas.overlay")};
|
|
1542
1557
|
${Zt}
|
|
1543
|
-
`,
|
|
1544
|
-
${Il}
|
|
1545
|
-
${me}
|
|
1546
|
-
`,Rl=g.div`
|
|
1558
|
+
`,Cl=t=>e.createElement(El,t,e.createElement(Sl,null));Cl.displayName="SelectMenuLoadingAnimation";var zl=Cl;const Il=h(["0%{opacity:0;transform:scale(0.9);}"]),Al=p(["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":""),It("colors.canvas.overlay"),It("radii.2"),It("shadows.shadow.small"),Il,It("breakpoints.0"),It("space.1"),It("space.3"),It("fontSizes.0"),It("borderWidths.1"),It("colors.border.default"),It("radii.2"),It("shadows.shadow.small")),Nl=p(["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;}"],It("space.3"),It("colors.primer.canvas.backdrop"),It("breakpoints.0"),It("breakpoints.0"),(e=>"right"===e.align?"0":"auto")),Rl=g.div`
|
|
1547
1559
|
${Al}
|
|
1560
|
+
${me}
|
|
1561
|
+
`,Ll=g.div`
|
|
1562
|
+
${Nl}
|
|
1548
1563
|
${Zt};
|
|
1549
|
-
`,
|
|
1550
|
-
${
|
|
1564
|
+
`,Fl=e.forwardRef((({children:t,theme:r,width:o,...a},n)=>e.createElement(Ll,Rt({theme:r},a,{role:"menu",ref:n}),e.createElement(Rl,{theme:r,width:o},t))));Fl.defaultProps={align:"left",width:"300px"},Fl.displayName="SelectMenu.Modal";var Dl=Fl;const Ml=p(["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:",";}"],It("space.2"),It("space.3"),It("fontSizes.0"),It("colors.fg.muted"),It("colors.border.muted"),It("breakpoints.0"),It("space.1"),It("space.3"),It("borderWidths.1"),It("radii.2"),It("radii.2"),It("colors.text-primary"),It("colors.canvas.overlay"),It("colors.border.muted"),It("breakpoints.0"),It("colors.border.muted"),It("colors.neutral.subtle")),Ol=g.button`
|
|
1565
|
+
${Ml}
|
|
1551
1566
|
${Zt};
|
|
1552
|
-
`,
|
|
1567
|
+
`,Pl=({tabName:t="",index:r,className:o,onClick:n,...i})=>{const l=d(rl);a((()=>{var e;l.selectedTab||0!==r||(null===(e=l.setSelectedTab)||void 0===e||e.call(l,t))}),[r,l,t]);const s=l.selectedTab===t;return e.createElement(Ol,Rt({role:"tab",className:Ya("SelectMenuTab",o),"aria-selected":s,onClick:e=>{var r;(n&&n(e),e.defaultPrevented)||(null===(r=l.setSelectedTab)||void 0===r||r.call(l,t))}},i),t)};Pl.displayName="SelectMenuTab",Pl.displayName="SelectMenu.Tab";var Hl=Pl;const Wl=g.div`
|
|
1553
1568
|
border-top: ${It("borderWidths.1")} solid ${It("colors.border.muted")};
|
|
1554
1569
|
${Zt};
|
|
1555
|
-
`,
|
|
1556
|
-
${
|
|
1570
|
+
`,_l=({tabName:t,className:r,children:o,...a})=>{const n=d(rl);return e.createElement(Wl,Rt({role:"tabpanel",className:r,hidden:n.selectedTab!==t},a),e.createElement(Bl,null,o))};_l.displayName="TabPanel",_l.displayName="SelectMenu.TabPanel";var jl=_l;const Ul=p(["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:",";}"],It("breakpoints.0"),It("space.2"),It("space.3")),Kl=g.div`
|
|
1571
|
+
${Ul}
|
|
1557
1572
|
${Zt};
|
|
1558
|
-
`,
|
|
1573
|
+
`,Vl=({children:t,...r})=>e.createElement(Kl,Rt({role:"tablist"},r),t);Vl.displayName="SelectMenuTabs",Vl.displayName="SelectMenu.Tabs";var Gl=Vl;const ql=g.details`
|
|
1559
1574
|
${"\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"}
|
|
1560
1575
|
${Zt};
|
|
1561
|
-
`,
|
|
1576
|
+
`,Xl=e.forwardRef((({children:n,initialTab:i="",as:l,...d},s)=>{const c=r(null),g=null!=s?s:c,[f,u]=t(i),[p,b]=t(!1),h={selectedTab:f,setSelectedTab:u,setOpen:b,open:p,initialTab:i},m=o((e=>{"current"in g&&g.current&&!g.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[g,b]);return a((()=>{if(p)return document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}}),[p,m]),tl(g,p,b),e.createElement(rl.Provider,{value:h},e.createElement(ql,Rt({ref:g},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));Xl.displayName="SelectMenu";var Yl=Object.assign(Xl,{MenuContext:rl,List:Bl,Divider:nl,Filter:dl,Footer:gl,Item:xl,Modal:Dl,Tabs:Gl,Tab:Hl,TabPanel:jl,Header:bl,LoadingAnimation:zl});function Jl({variant:t,className:r,bordered:o,children:a,"aria-label":n}){const i=Ya(r,`variant-${"lightweight"===t?"lightweight":"normal"}`);return e.createElement(Qt,{borderWidth:o?"1px":0,borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i,"aria-label":n},a)}Jl.displayName="SideNavBase";const Zl=g(Jl)`
|
|
1562
1577
|
background-color: ${It("colors.canvas.subtle")};
|
|
1563
1578
|
|
|
1564
1579
|
${e=>e.bordered&&p(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
1565
1580
|
|
|
1566
1581
|
${Zt};
|
|
1567
|
-
`,
|
|
1582
|
+
`,Ql=p(["background-color:",";outline:none;text-decoration:none;"],It("colors.neutral.subtle")),ed=p(["color:",";text-decoration:none;outline:none;"],It("colors.fg.default")),td=g(Pi).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
|
1568
1583
|
position: relative;
|
|
1569
1584
|
display: block;
|
|
1570
1585
|
${e=>"full"===e.variant&&p(["display:flex;align-items:center;justify-content:space-between;"])}
|
|
@@ -1572,11 +1587,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1572
1587
|
text-align: left;
|
|
1573
1588
|
font-size: ${It("fontSizes.1")};
|
|
1574
1589
|
|
|
1575
|
-
& > ${
|
|
1590
|
+
& > ${Zl} {
|
|
1576
1591
|
border-bottom: none;
|
|
1577
1592
|
}
|
|
1578
1593
|
|
|
1579
|
-
${
|
|
1594
|
+
${Zl}.variant-normal > & {
|
|
1580
1595
|
color: ${It("colors.fg.default")};
|
|
1581
1596
|
padding: ${It("space.3")};
|
|
1582
1597
|
border: 0;
|
|
@@ -1606,11 +1621,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1606
1621
|
}
|
|
1607
1622
|
|
|
1608
1623
|
&:hover {
|
|
1609
|
-
${
|
|
1624
|
+
${Ql}
|
|
1610
1625
|
}
|
|
1611
1626
|
|
|
1612
1627
|
&:focus {
|
|
1613
|
-
${
|
|
1628
|
+
${Ql}
|
|
1614
1629
|
box-shadow: ${It("shadows.primer.shadow.focus")};
|
|
1615
1630
|
z-index: 1;
|
|
1616
1631
|
}
|
|
@@ -1626,16 +1641,16 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1626
1641
|
}
|
|
1627
1642
|
}
|
|
1628
1643
|
|
|
1629
|
-
${
|
|
1644
|
+
${Zl}.variant-lightweight > & {
|
|
1630
1645
|
padding: ${It("space.1")} 0;
|
|
1631
1646
|
color: ${It("colors.accent.fg")};
|
|
1632
1647
|
|
|
1633
1648
|
&:hover {
|
|
1634
|
-
${
|
|
1649
|
+
${ed}
|
|
1635
1650
|
}
|
|
1636
1651
|
|
|
1637
1652
|
&:focus {
|
|
1638
|
-
${
|
|
1653
|
+
${ed}
|
|
1639
1654
|
box-shadow: ${It("shadows.primer.shadow.focus")};
|
|
1640
1655
|
z-index: 1;
|
|
1641
1656
|
}
|
|
@@ -1648,7 +1663,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1648
1663
|
}
|
|
1649
1664
|
|
|
1650
1665
|
${Zt};
|
|
1651
|
-
`;
|
|
1666
|
+
`;Zl.defaultProps={variant:"normal"},td.defaultProps={variant:"normal"},td.displayName="SideNav.Link";var rd=Object.assign(Zl,{Link:td});const od={issueOpened:no,pullOpened:ro,issueClosed:oo,pullClosed:ro,pullMerged:to,draft:ro,issueDraft:ao},ad=ue({prop:"status",variants:{issueClosed:{backgroundColor:"danger.emphasis",color:"fg.onEmphasis"},pullClosed:{backgroundColor:"danger.emphasis",color:"fg.onEmphasis"},pullMerged:{backgroundColor:"done.emphasis",color:"fg.onEmphasis"},issueOpened:{backgroundColor:"success.emphasis",color:"fg.onEmphasis"},pullOpened:{backgroundColor:"success.emphasis",color:"fg.onEmphasis"},draft:{backgroundColor:"neutral.emphasis",color:"fg.onEmphasis"},issueDraft:{backgroundColor:"neutral.emphasis",color:"fg.onEmphasis"}}}),nd=ue({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),id=g.span`
|
|
1652
1667
|
display: inline-flex;
|
|
1653
1668
|
align-items: center;
|
|
1654
1669
|
font-weight: ${It("fontWeights.bold")};
|
|
@@ -1656,10 +1671,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1656
1671
|
color: ${It("colors.canvas.default")};
|
|
1657
1672
|
text-align: center;
|
|
1658
1673
|
border-radius: ${It("radii.3")};
|
|
1659
|
-
${od};
|
|
1660
1674
|
${ad};
|
|
1675
|
+
${nd};
|
|
1661
1676
|
${Zt};
|
|
1662
|
-
`;function
|
|
1677
|
+
`;function ld({children:t,status:r,variant:o,...a}){const n="small"===o?{width:"1em"}:{};return e.createElement(id,Rt({},a,{variant:o,status:r}),r&&e.createElement(Ao,Rt({},n,{icon:od[r]||lo,sx:{mr:1}})),t)}ld.displayName="StateLabel",ld.defaultProps={variant:"normal"};const dd=g.nav`
|
|
1663
1678
|
display: flex;
|
|
1664
1679
|
justify-content: space-between;
|
|
1665
1680
|
|
|
@@ -1681,10 +1696,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1681
1696
|
}
|
|
1682
1697
|
|
|
1683
1698
|
${Zt};
|
|
1684
|
-
`;function
|
|
1699
|
+
`;function sd({actions:t,className:r,children:o,label:a,...n}){const i=Ya(r,"SubNav");return e.createElement(dd,Rt({className:i,"aria-label":a},n),e.createElement("div",{className:"SubNav-body"},o),t&&e.createElement("div",{className:"SubNav-actions"},t))}sd.displayName="SubNav";const cd=g.div`
|
|
1685
1700
|
display: flex;
|
|
1686
1701
|
${Zt};
|
|
1687
|
-
`,
|
|
1702
|
+
`,gd=g.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ya("SubNav-item",e.selected&&"selected",e.className)})))`
|
|
1688
1703
|
padding-left: ${It("space.3")};
|
|
1689
1704
|
padding-right: ${It("space.3")};
|
|
1690
1705
|
font-weight: ${It("fontWeights.semibold")};
|
|
@@ -1732,15 +1747,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1732
1747
|
}
|
|
1733
1748
|
|
|
1734
1749
|
${Zt};
|
|
1735
|
-
`;
|
|
1750
|
+
`;gd.displayName="SubNav.Link",cd.displayName="SubNav.Links";var fd=Object.assign(sd,{Link:gd,Links:cd});const ud=g.div`
|
|
1736
1751
|
margin-top: 0;
|
|
1737
1752
|
border-bottom: 1px solid ${It("colors.border.default")};
|
|
1738
1753
|
${Zt}
|
|
1739
|
-
`,
|
|
1754
|
+
`,pd=g.nav`
|
|
1740
1755
|
display: flex;
|
|
1741
1756
|
margin-bottom: -1px;
|
|
1742
1757
|
overflow: auto;
|
|
1743
|
-
`;function
|
|
1758
|
+
`;function bd({children:t,"aria-label":r,...o}){return e.createElement(ud,o,e.createElement(pd,{"aria-label":r},t))}bd.displayName="TabNav";const hd=g.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ya("TabNav-item",e.selected&&"selected",e.className)})))`
|
|
1744
1759
|
padding: 8px 12px;
|
|
1745
1760
|
font-size: ${It("fontSizes.1")};
|
|
1746
1761
|
line-height: 20px;
|
|
@@ -1765,18 +1780,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1765
1780
|
}
|
|
1766
1781
|
|
|
1767
1782
|
${Zt};
|
|
1768
|
-
`;
|
|
1783
|
+
`;hd.displayName="TabNav.Link";var md=Object.assign(bd,{Link:hd}),vd=F(te,P,O,D,H,U,V,q,_,re,pe,be,he),xd=new RegExp("^("+vd.propNames.join("|")+")$");const yd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},wd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),Bd=ue({prop:"size",variants:{small:{fontSize:0,height:yd.small,lineHeight:yd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:yd.medium,lineHeight:yd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:yd.large,lineHeight:yd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:yd.extralarge,lineHeight:yd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),kd=g.span.attrs((({text:e,onRemove:t,onKeyDown:r})=>({onKeyDown:e=>{r&&r(e),"Backspace"!==e.key&&"Delete"!==e.key||!t||t()},"aria-label":t?`${e}, press backspace or delete to remove`:void 0})))`
|
|
1769
1784
|
align-items: center;
|
|
1770
1785
|
border-radius: 999px;
|
|
1771
|
-
cursor: ${e=>
|
|
1786
|
+
cursor: ${e=>wd(e)?"pointer":"auto"};
|
|
1772
1787
|
display: inline-flex;
|
|
1773
1788
|
font-weight: ${It("fontWeights.bold")};
|
|
1774
1789
|
font-family: inherit;
|
|
1775
1790
|
text-decoration: none;
|
|
1776
1791
|
white-space: nowrap;
|
|
1777
|
-
${
|
|
1792
|
+
${Bd}
|
|
1778
1793
|
${Zt}
|
|
1779
|
-
`;
|
|
1794
|
+
`;kd.defaultProps={as:"span",size:"medium"};var $d=kd;const Td=ue({prop:"size",variants:{small:{height:yd.small,width:yd.small},medium:{height:yd.medium,width:yd.medium},large:{height:yd.large,width:yd.large},extralarge:{height:yd.extralarge,width:yd.extralarge}}}),Sd=e=>.75*parseInt(yd[e||"medium"],10),Ed=g.span`
|
|
1780
1795
|
background-color: transparent;
|
|
1781
1796
|
font-family: inherit;
|
|
1782
1797
|
color: currentColor;
|
|
@@ -1806,9 +1821,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1806
1821
|
background-color: ${It("colors.neutral.subtle")};
|
|
1807
1822
|
}
|
|
1808
1823
|
|
|
1809
|
-
${
|
|
1824
|
+
${Td}
|
|
1810
1825
|
${Zt}
|
|
1811
|
-
`,
|
|
1826
|
+
`,Cd=({"aria-label":t,isParentInteractive:r,size:o,...a})=>(delete a.children,e.createElement(Ed,Rt({as:r?"span":"button",tabIndex:r?-1:void 0,"aria-label":r?t:"Remove token",size:o},a),e.createElement(co,{size:Sd(o)})));Cd.displayName="RemoveTokenButton",Cd.defaultProps={size:"medium"};var zd=Cd;var Id=g("span")`
|
|
1812
1827
|
flex-grow: 1;
|
|
1813
1828
|
min-width: 0;
|
|
1814
1829
|
overflow: hidden;
|
|
@@ -1849,7 +1864,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1849
1864
|
bottom: 0;
|
|
1850
1865
|
}
|
|
1851
1866
|
}
|
|
1852
|
-
`;const
|
|
1867
|
+
`;const Ad=g($d)`
|
|
1853
1868
|
background-color: ${It("colors.neutral.subtle")};
|
|
1854
1869
|
border-color: ${e=>e.isSelected?It("colors.fg.default"):It("colors.border.subtle")};
|
|
1855
1870
|
border-style: solid;
|
|
@@ -1861,18 +1876,18 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1861
1876
|
${Zt}
|
|
1862
1877
|
|
|
1863
1878
|
${e=>{if(e.isTokenInteractive)return p(["&:hover{background-color:",";box-shadow:",";color:",";}"],It("colors.neutral.muted"),It("colors.shadow.medium"),It("colors.fg.default"))}}
|
|
1864
|
-
`,
|
|
1879
|
+
`,Nd=g("span")`
|
|
1865
1880
|
flex-shrink: 0;
|
|
1866
1881
|
line-height: 0;
|
|
1867
1882
|
|
|
1868
1883
|
${e=>{switch(e.size){case"large":case"extralarge":return p(["margin-right:",";"],It("space.2"));default:return p(["margin-right:",";"],It("space.1"))}}}
|
|
1869
|
-
`,
|
|
1884
|
+
`,Rd=i(((t,r)=>{const{as:o,onRemove:a,id:n,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:g,...f}=t,u=wd(t)&&Boolean(a)&&!s,p={as:o,href:c,onClick:g};return e.createElement(Ad,Rt({onRemove:a,hideRemoveButton:s||!a,id:null==n?void 0:n.toString(),text:l,size:d,isTokenInteractive:wd(t)},u?{}:p,f,{ref:r}),i?e.createElement(Nd,{size:d},e.createElement(i,null)):null,e.createElement(Id,u?p:{},l),!s&&a?e.createElement(zd,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:wd(t),"aria-hidden":u?"true":"false",sx:u?{position:"relative",zIndex:"1"}:{}}):null)}));Rd.displayName="Token",Rd.defaultProps={size:"medium"};var Ld=Rd;const Fd={small:0,medium:1,large:1,extralarge:2};function Dd({icon:o,contrast:a,className:n,block:i,disabled:l,theme:d,sx:s,tokens:c,onTokenRemove:g,tokenComponent:f,preventTokenWrapping:u,size:p,hideTokenRemoveButtons:b,maxHeight:h,width:m,minWidth:v,maxWidth:x,variant:y,visibleTokenCount:w,...B},k){const{onBlur:$,onFocus:T,onKeyDown:S,...E}=function(e){var t={};for(var r in e)xd.test(r)||(t[r]=e[r]);return t}(B),C=Tr(k),z=Do(r(null),C),[I,A]=t(),[N,R]=t(Boolean(w)),{containerRef:L}=No({focusOutBehavior:"wrap",bindKeys:Nr.ArrowHorizontal|Nr.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!I&&0!==I)return;let r=I+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>c.length||r<1?z.current||void 0:null===(t=L.current)||void 0===t?void 0:t.children[r]}},[I]),F=e=>{g(e),setTimeout((()=>{var e,t;const r=null===(e=L.current)||void 0===e?void 0:e.children[I||0],o=r&&xr(r)?r:Array.from((null===(t=L.current)||void 0===t?void 0:t.children)||[]).find((e=>xr(e)));var a;o?o.focus():null===(a=C.current)||void 0===a||a.focus()}),0)},D=()=>{A(void 0),setTimeout((()=>{var e;null!==(e=L.current)&&void 0!==e&&e.contains(document.activeElement)||!w||R(!0)}),0)},M=e=>{var t;"Escape"===e.key&&(null===(t=C.current)||void 0===t||t.focus())},O=e=>{e.stopPropagation()},P=N?c.slice(0,w):c;return e.createElement(en,{block:i,className:n,contrast:a,disabled:l,hasIcon:!!o,theme:d,width:m,minWidth:v,maxWidth:x,variant:y,onClick:()=>{var e;null===(e=z.current)||void 0===e||e.focus()},sx:{...i?{display:"flex",width:"100%"}:{},...h?{maxHeight:h,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...s}},e.createElement(Qt,{ref:L,display:"flex",sx:{alignItems:"center",flexWrap:u?"nowrap":"wrap",marginLeft:"-0.25rem",marginBottom:"-0.25rem",flexGrow:1,"> *":{flexShrink:0,marginLeft:"0.25rem",marginBottom:"0.25rem"}}},e.createElement(Qt,{sx:{order:1,flexGrow:1}},o&&e.createElement(o,{className:"TextInput-icon"}),e.createElement(Ja,Rt({ref:z,disabled:l,onFocus:e=>{T&&T(e),A(void 0),w&&R(!1)},onBlur:e=>{$&&$(e),setTimeout((()=>{var e;null!==(e=L.current)&&void 0!==e&&e.contains(document.activeElement)||!w||R(!0)}),0)},onKeyDown:e=>{var t;if(S&&S(e),null!==(t=C.current)&&void 0!==t&&t.value)return;const r=c[c.length-1];"Backspace"===e.key&&r&&(F(r.id),C.current&&(C.current.value=`${r.text} `),setTimeout((()=>{var e;null===(e=C.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},E))),f?P.map((({id:t,...r},o)=>{return e.createElement(f,Rt({key:t,onFocus:(a=o,()=>{A(a)}),onBlur:D,onKeyUp:M,onClick:O,isSelected:I===o,onRemove:()=>{F(t)},hideRemoveButton:b,size:p,tabIndex:0},r));var a})):null,N?e.createElement(Jn,{color:"fg.muted",fontSize:p&&Fd[p]},"+",c.length-P.length):null))}Dd.displayName="TextInputWithTokensInnerComponent";const Md=e.forwardRef(Dd);Md.defaultProps={tokenComponent:Ld,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Md.displayName="TextInputWithTokens";var Od=Md;const Pd=g.div`
|
|
1870
1885
|
display: flex;
|
|
1871
1886
|
flex-direction: column;
|
|
1872
1887
|
${e=>e.clipSidebar&&p([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1873
1888
|
|
|
1874
1889
|
${Zt};
|
|
1875
|
-
`,
|
|
1890
|
+
`,Hd=g.div.attrs((e=>({className:Ya("Timeline-Item",e.className)})))`
|
|
1876
1891
|
display: flex;
|
|
1877
1892
|
position: relative;
|
|
1878
1893
|
padding: ${It("space.3")} 0;
|
|
@@ -1892,7 +1907,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1892
1907
|
${e=>e.condensed&&p(["padding-top:",";padding-bottom:0;&:last-child{padding-bottom:",";}.TimelineItem-Badge{height:16px;margin-top:",";margin-bottom:",";color:",";background-color:",";border:0;}"],It("space.1"),It("space.3"),It("space.2"),It("space.2"),It("colors.fg.muted"),It("colors.canvas.default"))}
|
|
1893
1908
|
|
|
1894
1909
|
${Zt};
|
|
1895
|
-
`,
|
|
1910
|
+
`,Wd=t=>e.createElement(Qt,{position:"relative",zIndex:1},e.createElement(Qt,{display:"flex",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",sx:t.sx},t.children));Wd.displayName="TimelineBadge";const _d=g.div`
|
|
1896
1911
|
min-width: 0;
|
|
1897
1912
|
max-width: 100%;
|
|
1898
1913
|
margin-top: ${It("space.1")};
|
|
@@ -1900,7 +1915,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1900
1915
|
flex: auto;
|
|
1901
1916
|
font-size: ${It("fontSizes.1")};
|
|
1902
1917
|
${Zt};
|
|
1903
|
-
`,
|
|
1918
|
+
`,jd=g.div`
|
|
1904
1919
|
position: relative
|
|
1905
1920
|
z-index: 1;
|
|
1906
1921
|
height: 24px;
|
|
@@ -1911,15 +1926,15 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
1911
1926
|
border: 0;
|
|
1912
1927
|
border-top: ${It("space.1")} solid ${It("colors.border.default")};
|
|
1913
1928
|
${Zt};
|
|
1914
|
-
`;
|
|
1929
|
+
`;Hd.displayName="Timeline.Item",Wd.displayName="Timeline.Badge",_d.displayName="Timeline.Body",jd.displayName="Timeline.Break";var Ud=Object.assign(Pd,{Item:Hd,Badge:Wd,Body:_d,Break:jd});function Kd(e,t,r){return Math.min(Math.max(e,r),t)}class Vd extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Gd(e){if("string"!=typeof e)throw new Vd(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=ts.test(e)?function(e){const t=e.toLowerCase().trim(),r=Xd[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new Vd(e);return`#${r}`}(e):e;const r=Jd.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Yd(e,2),16))),parseInt(Yd(e[3]||"f",2),16)/255]}const o=Zd.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Qd.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const n=es.exec(t);if(n){const[t,r,o,a]=Array.from(n).slice(1).map(parseFloat);if(Kd(0,100,r)!==r)throw new Vd(e);if(Kd(0,100,o)!==o)throw new Vd(e);return[...os(t,r,o),a||1]}throw new Vd(e)}const qd=e=>parseInt(e.replace(/_/g,""),36),Xd="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=qd(t.substring(0,3)),o=qd(t.substring(3)).toString(16);let a="";for(let e=0;e<6-o.length;e++)a+="0";return e[r]=`${a}${o}`,e}),{}),Yd=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Jd=new RegExp(`^#${Yd("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Zd=new RegExp(`^#${Yd("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Qd=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Yd(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),es=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,ts=/^[a-z]+$/i,rs=e=>Math.round(255*e),os=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(rs);const a=(e%360+360)%360/60,n=(1-Math.abs(2*o-1))*(t/100),i=n*(1-Math.abs(a%2-1));let l=0,d=0,s=0;a>=0&&a<1?(l=n,d=i):a>=1&&a<2?(l=i,d=n):a>=2&&a<3?(d=n,s=i):a>=3&&a<4?(d=i,s=n):a>=4&&a<5?(l=i,s=n):a>=5&&a<6&&(l=n,s=i);const c=o-n/2;return[l+c,d+c,s+c].map(rs)};const as={"--lightness-threshold":"0.453","--border-threshold":"0.96","--border-alpha":"max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1))",background:"rgb(var(--label-r), var(--label-g), var(--label-b))",color:"hsl(0, 0%, calc(var(--lightness-switch) * 100%))",borderWidth:1,borderStyle:"solid",borderColor:"hsla(var(--label-h),calc(var(--label-s) * 1%),calc((var(--label-l) - 25) * 1%),var(--border-alpha))"},ns={"--lightness-threshold":"0.6","--background-alpha":"0.18","--border-alpha":"0.3","--lighten-by":"calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch))",borderWidth:1,borderStyle:"solid",background:"rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha))",color:"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))",borderColor:"hsla(var(--label-h), calc(var(--label-s) * 1%),calc((var(--label-l) + var(--lighten-by)) * 1%),var(--border-alpha))"},is=i(((t,r)=>{const{as:o,fillColor:a="#999",onRemove:i,id:l,isSelected:d,text:s,size:c,hideRemoveButton:g,href:f,onClick:u,...p}=t,b={as:o,href:f,onClick:u},{colorScheme:h}=qt(),m=wd(t)&&Boolean(i)&&!g,v=n((()=>{const[e,t,r]=Gd(a),[o,n,l]=function(e){const[t,r,o,a]=Gd(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,o),i=Math.min(t,r,o),l=(n+i)/2;if(n===i)return[0,0,l,a];const d=n-i;return[60*(t===n?(r-o)/d+(r<o?6:0):r===n?(o-t)/d+2:(t-r)/d+4),l>.5?d/(2-n-i):d/(n+i),l,a]}(a);return{"--label-r":String(e),"--label-g":String(t),"--label-b":String(r),"--label-h":String(Math.round(o)),"--label-s":String(Math.round(100*n)),"--label-l":String(Math.round(100*l)),"--perceived-lightness":"calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255)","--lightness-switch":"max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1))",paddingRight:g||!i?void 0:0,position:"relative",..."light"===h?as:ns,...d?{background:"light"===h?"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))":ns.background,":focus":{outline:"none"},":after":{content:'""',position:"absolute",zIndex:1,top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",display:"block",pointerEvents:"none",boxShadow:"0 0 0 2px "+("light"===h?"rgb(var(--label-r), var(--label-g), var(--label-b))":"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))"),borderRadius:"999px"}}:{}}}),[h,a,d,g,i]);return e.createElement($d,Rt({onRemove:i,id:null==l?void 0:l.toString(),isSelected:d,text:s,size:c,sx:v},m?{}:b,p,{ref:r}),e.createElement(Id,m?b:{},s),!g&&i?e.createElement(zd,{borderOffset:1,onClick:e=>{e.stopPropagation(),i&&i()},size:c,"aria-hidden":m?"true":"false",isParentInteractive:wd(t),sx:m?{position:"relative",zIndex:"1"}:{}}):null)}));is.defaultProps={fillColor:"#999",size:"medium"},is.displayName="IssueLabelToken";var ls=is;const ds=g.span`
|
|
1915
1930
|
// 'space.1' is used because to match space from the left of the token to the left of the avatar
|
|
1916
1931
|
// '* 2' is done to account for the top and bottom
|
|
1917
1932
|
--spacing: calc(${It("space.1")} * 2);
|
|
1918
1933
|
|
|
1919
1934
|
display: block;
|
|
1920
|
-
height: ${e=>`calc(${
|
|
1921
|
-
width: ${e=>`calc(${
|
|
1922
|
-
`,
|
|
1935
|
+
height: ${e=>`calc(${yd[e.avatarSize]} - var(--spacing))`};
|
|
1936
|
+
width: ${e=>`calc(${yd[e.avatarSize]} - var(--spacing))`};
|
|
1937
|
+
`,ss=i((({avatarSrc:t,id:r,size:o,...a},n)=>e.createElement(Ld,Rt({leadingVisual:()=>e.createElement(ds,{avatarSize:o||"medium"},e.createElement(pn,{src:t,size:parseInt(yd[o||"medium"],10),sx:{width:"100%",height:"100%"}})),size:o,id:null==r?void 0:r.toString(),sx:{paddingLeft:It("space.1")}},a,{ref:n}))));ss.defaultProps={size:"medium"},ss.displayName="AvatarToken";var cs=ss;const gs=g.span`
|
|
1923
1938
|
position: relative;
|
|
1924
1939
|
|
|
1925
1940
|
&::before {
|
|
@@ -2145,7 +2160,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2145
2160
|
}
|
|
2146
2161
|
|
|
2147
2162
|
${Zt};
|
|
2148
|
-
`;function
|
|
2163
|
+
`;function fs({direction:t="n",children:r,className:o,text:a,noDelay:n,align:i,wrap:l,...d}){const s=Ya(o,`tooltipped-${t}`,i&&`tooltipped-align-${i}-2`,n&&"tooltipped-no-delay",l&&"tooltipped-multiline");return e.createElement(gs,Rt({role:"tooltip","aria-label":a},d,{className:s}),r)}fs.displayName="Tooltip",fs.alignments=["left","right"],fs.directions=["n","ne","e","se","s","sw","w","nw"];const us=g.nav`
|
|
2149
2164
|
display: flex;
|
|
2150
2165
|
justify-content: space-between;
|
|
2151
2166
|
border-bottom: 1px solid ${It("colors.border.muted")};
|
|
@@ -2175,7 +2190,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2175
2190
|
}
|
|
2176
2191
|
|
|
2177
2192
|
${Zt};
|
|
2178
|
-
`;function
|
|
2193
|
+
`;function ps({actions:t,className:r,align:o,children:a,full:n,label:i,theme:l,...d}){const s=Ya(r,"UnderlineNav",o&&`UnderlineNav--${o}`,n&&"UnderlineNav--full");return e.createElement(us,Rt({className:s,"aria-label":i,theme:l},d),e.createElement("div",{className:"UnderlineNav-body"},a),t&&e.createElement("div",{className:"UnderlineNav-actions"},t))}ps.displayName="UnderlineNav";const bs=g.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ya("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
|
2179
2194
|
padding: ${It("space.3")} ${It("space.2")};
|
|
2180
2195
|
margin-right: ${It("space.3")};
|
|
2181
2196
|
font-size: ${It("fontSizes.1")};
|
|
@@ -2207,11 +2222,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
|
|
|
2207
2222
|
}
|
|
2208
2223
|
|
|
2209
2224
|
${Zt};
|
|
2210
|
-
`;
|
|
2225
|
+
`;bs.displayName="UnderlineNav.Link";var hs=Object.assign(ps,{Link:bs});const ms=g.input`
|
|
2211
2226
|
cursor: pointer;
|
|
2212
2227
|
|
|
2213
2228
|
${e=>e.disabled&&"cursor: not-allowed;"}
|
|
2214
2229
|
|
|
2215
2230
|
${Zt}
|
|
2216
|
-
`,
|
|
2231
|
+
`,vs=e.forwardRef((({checked:t,indeterminate:r,disabled:o,sx:a,required:n,validationStatus:i,...d},s)=>{const c=Tr(s);return l((()=>{c.current&&(c.current.indeterminate=r||!1)}),[r,t,c]),e.createElement(ms,Rt({type:"checkbox",disabled:o,"aria-disabled":o?"true":"false",ref:s||c,checked:!r&&t,"aria-checked":r?"mixed":t?"true":"false",sx:a,required:n,"aria-required":n?"true":"false","aria-invalid":"error"===i?"true":"false"},d))}));vs.displayName="Checkbox";var xs=vs;export{dr as Absolute,Da as ActionList,Va as ActionMenu,fn as Autocomplete,pn as Avatar,mn as AvatarPair,yn as AvatarStack,cs as AvatarToken,Dt as BaseStyles,tr as BorderBox,Qt as Box,wn as BranchName,En as Breadcrumb,Sn as Breadcrumbs,jr as Button,fo as ButtonClose,Ur as ButtonDanger,Vr as ButtonGroup,Xr as ButtonInvisible,Gr as ButtonOutline,qr as ButtonPrimary,Yr as ButtonTableList,Wn as Caret,xs as Checkbox,Kn as CircleBadge,Vn as CircleOcticon,fa as ConfirmationDialog,Nn as CounterLabel,qn as Details,ai as Dialog,fi as Dropdown,ui as DropdownButton,pi as DropdownMenu,yi as FilterList,bi as FilteredSearch,sr as Fixed,ki as Flash,or as Flex,Si as FormGroup,nr as Grid,Ii as Header,Ni as Heading,ls as IssueLabelToken,Mi as Label,Ri as LabelGroup,Pi as Link,Ln as NewButton,Wa as Overlay,Hi as Pagehead,Ui as Pagination,Gi as PointerBox,Yi as Popover,lr as Position,el as ProgressBar,cr as Relative,Po as SSRProvider,Yl as SelectMenu,rd as SideNav,Sl as Spinner,ld as StateLabel,gr as Sticky,Ao as StyledOcticon,fd as SubNav,md as TabNav,Jn as Text,rn as TextInput,Od as TextInputWithTokens,Jt as ThemeProvider,Ud as Timeline,Ld as Token,fs as Tooltip,xa as Truncate,hs as UnderlineNav,x as theme,It as themeGet,Xt as useColorSchemeVar,ua as useConfirm,fr as useDetails,$r as useOnEscapePress,mr as useOnOutsideClick,wr as useOpenAndCloseFocus,Sr as useOverlay,Wo as useSSRSafeId,ur as useSafeTimeout,qt as useTheme};
|
|
2217
2232
|
//# sourceMappingURL=browser.esm.js.map
|