@primer/components 0.0.0-202192723547 → 0.0.0-202192724324
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 +283 -283
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +283 -283
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionMenu.js +2 -2
- package/lib/Dropdown.d.ts +8 -640
- package/lib/Dropdown.js +6 -5
- package/lib-esm/ActionMenu.js +2 -2
- package/lib-esm/Dropdown.d.ts +8 -640
- package/lib-esm/Dropdown.js +4 -3
- package/package.json +6 -6
package/dist/browser.umd.js
CHANGED
|
@@ -303,266 +303,15 @@
|
|
|
303
303
|
--item-hover-bg-override: none;
|
|
304
304
|
--item-hover-divider-border-color-override: ${xt("colors.border.muted")};
|
|
305
305
|
}
|
|
306
|
-
`;const $a=n.default.forwardRef(((e,t)=>{const{firstGroupStyle:r,lastGroupStyle:o,headerStyle:a,itemStyle:i}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:xt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:xt("space.2")},lastGroupStyle:{marginBottom:xt("space.2")},itemStyle:{marginX:xt("space.2")}}}}(e.variant),l=(t,r,o)=>{var a,l,d;const s="renderItem"in t&&t.renderItem||e.renderItem||wa,c=null!==(a=null!==(l="key"in t?t.key:void 0)&&void 0!==l?l:null===(d=t.id)||void 0===d?void 0:d.toString())&&void 0!==a?a:o.toString();return n.default.createElement(s,Tt({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},t,{key:c,sx:{...i,...t.sx},item:r}))};let d=[];if(function(e){return"groupMetadata"in e}(e)){const t=e.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of e.items){var s,c,f;const e=t.get(r.groupId),o=null!==(s=null==e||null===(c=e.items)||void 0===c?void 0:c.length)&&void 0!==s?s:0;t.set(r.groupId,{...e,items:[...null!==(f=null==e?void 0:e.items)&&void 0!==f?f:[],l({showDivider:null==e?void 0:e.showItemDividers,...e&&"renderItem"in e&&{renderItem:e.renderItem},...r},r,o)]})}d=[...t.values()]}else d=[{items:e.items.map(((e,t)=>l(e,e,t))),groupId:"0"}];return n.default.createElement(Ba,Tt({},e,{ref:t}),d.map((({header:t,...i},l)=>{const s="filled"===(null==t?void 0:t.variant),c=l>0&&!s;return n.default.createElement(n.default.Fragment,{key:i.groupId},c?n.default.createElement(da,{key:`${i.groupId}-divider`}):null,(t=>{var r;const o=(null!==(r="renderGroup"in t&&t.renderGroup)&&void 0!==r?r:e.renderGroup)||aa;return n.default.createElement(o,Tt({},t,{key:t.groupId}))})({sx:{...0===l&&r,...l===d.length-1&&o,...l>0&&!c&&{mt:2}},...t&&{header:{...t,sx:{...a,...t.sx}}},...i}))})))}));$a.displayName="ActionList";const ka=Object.assign($a,{Group:aa,Item:wa,Divider:da}),Sa=
|
|
307
|
-
${Yr}
|
|
308
|
-
${Ta}
|
|
309
|
-
`;Ea.defaultProps={variant:"medium"};var Ca=Ea;var za=i.default(Ca)`
|
|
310
|
-
color: ${xt("colors.btn.text")};
|
|
311
|
-
background-color: ${xt("colors.btn.bg")};
|
|
312
|
-
border: 1px solid ${xt("colors.btn.border")};
|
|
313
|
-
box-shadow: ${xt("shadows.btn.shadow")}, ${xt("shadows.btn.insetShadow")}};
|
|
314
|
-
|
|
315
|
-
&:hover {
|
|
316
|
-
background-color: ${xt("colors.btn.hoverBg")};
|
|
317
|
-
border-color: ${xt("colors.btn.hoverBorder")};
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
// focus must come before :active so that the active box shadow overrides
|
|
321
|
-
&:focus {
|
|
322
|
-
border-color: ${xt("colors.btn.focusBorder")};
|
|
323
|
-
box-shadow: ${xt("shadows.btn.focusShadow")};
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
&:active {
|
|
327
|
-
background-color: ${xt("colors.btn.selectedBg")};
|
|
328
|
-
box-shadow: ${xt("shadows.btn.shadowActive")};
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
&:disabled {
|
|
332
|
-
color: ${xt("colors.primer.fg.disabled")};
|
|
333
|
-
background-color: ${xt("colors.btn.bg")};
|
|
334
|
-
border-color: ${xt("colors.btn.border")};
|
|
335
|
-
}
|
|
336
|
-
|
|
337
|
-
${Sa};
|
|
338
|
-
${Kt};
|
|
339
|
-
`;var Ra=i.default(Ca)`
|
|
340
|
-
color: ${xt("colors.btn.danger.text")};
|
|
341
|
-
border: 1px solid ${xt("colors.btn.border")};
|
|
342
|
-
background-color: ${xt("colors.btn.bg")};
|
|
343
|
-
box-shadow: ${xt("shadows.btn.shadow")};
|
|
344
|
-
|
|
345
|
-
&:hover {
|
|
346
|
-
color: ${xt("colors.btn.danger.hoverText")};
|
|
347
|
-
background-color: ${xt("colors.btn.danger.hoverBg")};
|
|
348
|
-
border-color: ${xt("colors.btn.danger.hoverBorder")};
|
|
349
|
-
box-shadow: ${xt("shadows.btn.danger.hoverShadow")};
|
|
350
|
-
}
|
|
351
|
-
// focus must come before :active so that the active box shadow overrides
|
|
352
|
-
&:focus {
|
|
353
|
-
border-color: ${xt("colors.btn.danger.focusBorder")};
|
|
354
|
-
box-shadow: ${xt("shadows.btn.danger.focusShadow")};
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
&:active {
|
|
358
|
-
color: ${xt("colors.btn.danger.selectedText")};
|
|
359
|
-
background-color: ${xt("colors.btn.danger.selectedBg")};
|
|
360
|
-
box-shadow: ${xt("shadows.btn.danger.selectedShadow")};
|
|
361
|
-
border-color: ${xt("colors.btn.danger.selectedBorder")};
|
|
362
|
-
}
|
|
363
|
-
|
|
364
|
-
&:disabled {
|
|
365
|
-
color: ${xt("colors.btn.danger.disabledText")};
|
|
366
|
-
background-color: ${xt("colors.btn.danger.disabledBg")};
|
|
367
|
-
border-color: ${xt("colors.btn.danger.disabledBorder")};
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
${Sa};
|
|
371
|
-
${Kt};
|
|
372
|
-
`;const Na=i.default(qt)`
|
|
373
|
-
vertical-align: middle;
|
|
374
|
-
|
|
375
|
-
&& > * {
|
|
376
|
-
position: relative;
|
|
377
|
-
border-right-width: 0;
|
|
378
|
-
border-radius: 0;
|
|
379
|
-
|
|
380
|
-
:first-child {
|
|
381
|
-
border-top-left-radius: ${xt("radii.2")};
|
|
382
|
-
border-bottom-left-radius: ${xt("radii.2")};
|
|
383
|
-
margin-right: 0;
|
|
384
|
-
}
|
|
385
|
-
|
|
386
|
-
:not(:first-child) {
|
|
387
|
-
margin-left: 0;
|
|
388
|
-
margin-right: 0;
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
:last-child {
|
|
392
|
-
border-right-width: 1px;
|
|
393
|
-
border-top-right-radius: ${xt("radii.2")};
|
|
394
|
-
border-bottom-right-radius: ${xt("radii.2")};
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
:focus,
|
|
398
|
-
:active,
|
|
399
|
-
:hover {
|
|
400
|
-
border-right-width: 1px;
|
|
401
|
-
+ * {
|
|
402
|
-
border-left-width: 0;
|
|
403
|
-
}
|
|
404
|
-
}
|
|
405
|
-
|
|
406
|
-
:focus,
|
|
407
|
-
:active {
|
|
408
|
-
z-index: 1;
|
|
409
|
-
}
|
|
410
|
-
}
|
|
411
|
-
|
|
412
|
-
${Kt};
|
|
413
|
-
`;Na.defaultProps={display:"inline-block"};var Aa=Na;var Ia=i.default(Ca)`
|
|
414
|
-
color: ${xt("colors.btn.outline.text")};
|
|
415
|
-
border: 1px solid ${xt("colors.btn.border")};
|
|
416
|
-
background-color: ${xt("colors.btn.bg")};
|
|
417
|
-
box-shadow: ${xt("shadows.btn.shadow")};
|
|
418
|
-
|
|
419
|
-
&:hover {
|
|
420
|
-
color: ${xt("colors.btn.outline.hoverText")};
|
|
421
|
-
background-color: ${xt("colors.btn.outline.hoverBg")};
|
|
422
|
-
border-color: ${xt("colors.btn.outline.hoverBorder")};
|
|
423
|
-
box-shadow: ${xt("shadows.btn.outline.hoverShadow")};
|
|
424
|
-
}
|
|
425
|
-
// focus must come before :active so that the active box shadow overrides
|
|
426
|
-
&:focus {
|
|
427
|
-
border-color: ${xt("colors.btn.outline.focusBorder")};
|
|
428
|
-
box-shadow: ${xt("shadows.btn.outline.focusShadow")};
|
|
429
|
-
}
|
|
430
|
-
|
|
431
|
-
&:active {
|
|
432
|
-
color: ${xt("colors.btn.outline.selectedText")};
|
|
433
|
-
background-color: ${xt("colors.btn.outline.selectedBg")};
|
|
434
|
-
box-shadow: ${xt("shadows.btn.outline.selectedShadow")};
|
|
435
|
-
border-color: ${xt("colors.btn.outline.selectedBorder")};
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
&:disabled {
|
|
439
|
-
color: ${xt("colors.btn.outline.disabledText")};
|
|
440
|
-
background-color: ${xt("colors.btn.outline.disabledBg")};
|
|
441
|
-
border-color: ${xt("colors.btn.border")};
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
${Sa};
|
|
445
|
-
${Kt};
|
|
446
|
-
`;var La=i.default(Ca)`
|
|
447
|
-
color: ${xt("colors.btn.primary.text")};
|
|
448
|
-
border: 1px solid ${xt("colors.btn.primary.border")};
|
|
449
|
-
background-color: ${xt("colors.btn.primary.bg")};
|
|
450
|
-
box-shadow: ${xt("shadows.btn.primary.shadow")};
|
|
451
|
-
|
|
452
|
-
&:hover {
|
|
453
|
-
color: ${xt("colors.btn.primary.hoverText")};
|
|
454
|
-
background-color: ${xt("colors.btn.primary.hoverBg")};
|
|
455
|
-
border-color: ${xt("colors.btn.primary.hoverBorder")};
|
|
456
|
-
box-shadow: ${xt("shadows.btn.primary.hoverShadow")};
|
|
457
|
-
}
|
|
458
|
-
// focus must come before :active so that the active box shadow overrides
|
|
459
|
-
&:focus {
|
|
460
|
-
border-color: ${xt("colors.btn.primary.focusBorder")};
|
|
461
|
-
box-shadow: ${xt("shadows.btn.primary.focusShadow")};
|
|
462
|
-
}
|
|
463
|
-
|
|
464
|
-
&:active {
|
|
465
|
-
background-color: ${xt("colors.btn.primary.selectedBg")};
|
|
466
|
-
box-shadow: ${xt("shadows.btn.primary.selectedShadow")};
|
|
467
|
-
}
|
|
468
|
-
|
|
469
|
-
&:disabled {
|
|
470
|
-
color: ${xt("colors.btn.primary.disabledText")};
|
|
471
|
-
background-color: ${xt("colors.btn.primary.disabledBg")};
|
|
472
|
-
border-color: ${xt("colors.btn.primary.disabledBorder")};
|
|
473
|
-
}
|
|
474
|
-
|
|
475
|
-
${Sa};
|
|
476
|
-
${Kt};
|
|
477
|
-
`;var Oa=i.default(Ca)`
|
|
478
|
-
color: ${xt("colors.accent.fg")};
|
|
479
|
-
background-color: transparent;
|
|
480
|
-
border: 0;
|
|
481
|
-
border-radius: ${xt("radii.2")};
|
|
482
|
-
box-shadow: none;
|
|
483
|
-
|
|
484
|
-
&:disabled {
|
|
485
|
-
color: ${xt("colors.primer.fg.disabled")};
|
|
486
|
-
}
|
|
487
|
-
&:focus {
|
|
488
|
-
box-shadow: ${xt("shadows.btn.focusShadow")};
|
|
489
|
-
}
|
|
490
|
-
&:hover {
|
|
491
|
-
background-color: ${xt("colors.btn.hoverBg")};
|
|
492
|
-
}
|
|
493
|
-
&:active {
|
|
494
|
-
background-color: ${xt("colors.btn.selectedBg")};
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
${Sa};
|
|
498
|
-
${Kt}
|
|
499
|
-
`;var Ma=i.default.summary`
|
|
500
|
-
display: inline-block;
|
|
501
|
-
padding: 0;
|
|
502
|
-
font-size: ${xt("fontSizes.1")};
|
|
503
|
-
color: ${xt("colors.fg.muted")};
|
|
504
|
-
text-decoration: none;
|
|
505
|
-
white-space: nowrap;
|
|
506
|
-
cursor: pointer;
|
|
507
|
-
user-select: none;
|
|
508
|
-
background-color: transparent;
|
|
509
|
-
border: 0;
|
|
510
|
-
appearance: none; // Corrects inability to style clickable input types in iOS.
|
|
511
|
-
|
|
512
|
-
&:hover {
|
|
513
|
-
text-decoration: underline;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
&:disabled {
|
|
517
|
-
&,
|
|
518
|
-
&:hover {
|
|
519
|
-
color: ${xt("colors.primer.fg.disabled")};
|
|
520
|
-
cursor: default;
|
|
521
|
-
}
|
|
522
|
-
}
|
|
523
|
-
|
|
524
|
-
&:after {
|
|
525
|
-
display: inline-block;
|
|
526
|
-
margin-left: ${xt("space.1")};
|
|
527
|
-
width: 0;
|
|
528
|
-
height: 0;
|
|
529
|
-
vertical-align: -2px;
|
|
530
|
-
content: '';
|
|
531
|
-
border: 4px solid transparent;
|
|
532
|
-
border-top-color: currentcolor;
|
|
533
|
-
}
|
|
534
|
-
${yt}
|
|
535
|
-
${wt}
|
|
536
|
-
${$t}
|
|
537
|
-
${Kt};
|
|
538
|
-
`;const Pa=i.default.button`
|
|
539
|
-
border: none;
|
|
540
|
-
padding: 0;
|
|
541
|
-
background: transparent;
|
|
542
|
-
outline: none;
|
|
543
|
-
cursor: pointer;
|
|
544
|
-
border-radius: ${xt("radii.2")};
|
|
545
|
-
color: ${xt("colors.fg.muted")};
|
|
546
|
-
|
|
547
|
-
&:focus {
|
|
548
|
-
box-shadow: ${xt("shadows.btn.focusShadow")};
|
|
549
|
-
}
|
|
550
|
-
|
|
551
|
-
&:hover {
|
|
552
|
-
color: ${xt("colors.accent.fg")};
|
|
553
|
-
}
|
|
554
|
-
${yt};
|
|
555
|
-
${$t};
|
|
556
|
-
${Kt};
|
|
557
|
-
`;var Ha=t.forwardRef(((e,t)=>n.default.createElement(Pa,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(Xr,null))));const Da={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Wa={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Fa=i.default.div`
|
|
306
|
+
`;const $a=n.default.forwardRef(((e,t)=>{const{firstGroupStyle:r,lastGroupStyle:o,headerStyle:a,itemStyle:i}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:xt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:xt("space.2")},lastGroupStyle:{marginBottom:xt("space.2")},itemStyle:{marginX:xt("space.2")}}}}(e.variant),l=(t,r,o)=>{var a,l,d;const s="renderItem"in t&&t.renderItem||e.renderItem||wa,c=null!==(a=null!==(l="key"in t?t.key:void 0)&&void 0!==l?l:null===(d=t.id)||void 0===d?void 0:d.toString())&&void 0!==a?a:o.toString();return n.default.createElement(s,Tt({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},t,{key:c,sx:{...i,...t.sx},item:r}))};let d=[];if(function(e){return"groupMetadata"in e}(e)){const t=e.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of e.items){var s,c,f;const e=t.get(r.groupId),o=null!==(s=null==e||null===(c=e.items)||void 0===c?void 0:c.length)&&void 0!==s?s:0;t.set(r.groupId,{...e,items:[...null!==(f=null==e?void 0:e.items)&&void 0!==f?f:[],l({showDivider:null==e?void 0:e.showItemDividers,...e&&"renderItem"in e&&{renderItem:e.renderItem},...r},r,o)]})}d=[...t.values()]}else d=[{items:e.items.map(((e,t)=>l(e,e,t))),groupId:"0"}];return n.default.createElement(Ba,Tt({},e,{ref:t}),d.map((({header:t,...i},l)=>{const s="filled"===(null==t?void 0:t.variant),c=l>0&&!s;return n.default.createElement(n.default.Fragment,{key:i.groupId},c?n.default.createElement(da,{key:`${i.groupId}-divider`}):null,(t=>{var r;const o=(null!==(r="renderGroup"in t&&t.renderGroup)&&void 0!==r?r:e.renderGroup)||aa;return n.default.createElement(o,Tt({},t,{key:t.groupId}))})({sx:{...0===l&&r,...l===d.length-1&&o,...l>0&&!c&&{mt:2}},...t&&{header:{...t,sx:{...a,...t.sx}}},...i}))})))}));$a.displayName="ActionList";const ka=Object.assign($a,{Group:aa,Item:wa,Divider:da}),Sa={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Ta={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Ea=i.default.div`
|
|
558
307
|
background-color: ${xt("colors.canvas.overlay")};
|
|
559
308
|
box-shadow: ${xt("shadows.overlay.shadow")};
|
|
560
309
|
position: absolute;
|
|
561
310
|
min-width: 192px;
|
|
562
311
|
max-width: 640px;
|
|
563
|
-
height: ${e=>
|
|
564
|
-
max-height: ${e=>e.maxHeight&&
|
|
565
|
-
width: ${e=>
|
|
312
|
+
height: ${e=>Sa[e.height||"auto"]};
|
|
313
|
+
max-height: ${e=>e.maxHeight&&Sa[e.maxHeight]};
|
|
314
|
+
width: ${e=>Ta[e.width||"auto"]};
|
|
566
315
|
border-radius: 12px;
|
|
567
316
|
overflow: hidden;
|
|
568
317
|
animation: overlay-appear ${200}ms ${xt("animation.easeOutCubic")};
|
|
@@ -581,12 +330,12 @@
|
|
|
581
330
|
}
|
|
582
331
|
${yt};
|
|
583
332
|
${Kt};
|
|
584
|
-
`,
|
|
333
|
+
`,Ca=n.default.forwardRef((({onClickOutside:e,role:r="none",initialFocusRef:o,returnFocusRef:a,ignoreClickRefs:i,onEscape:l,visibility:d="visible",height:s,top:c,left:f,anchorSide:u,portalContainerName:g,preventFocusOnOpen:p,...b},h)=>{const m=t.useRef(null),v=To(m,h),{theme:x}=jt(),y=parseInt(xt("space.2")(x).replace("px","")),w=xt("animation.easeOutCubic")(x);return wr({overlayRef:m,returnFocusRef:a,onEscape:l,ignoreClickRefs:i,onClickOutside:e,initialFocusRef:o,preventFocusOnOpen:p}),t.useEffect((()=>{var e;"initial"===s&&null!==(e=v.current)&&void 0!==e&&e.clientHeight&&(v.current.style.height=`${v.current.clientHeight}px`)}),[s,v]),t.useLayoutEffect((()=>{var e;const{x:t,y:r}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(u);(t||r)&&null!==(e=m.current)&&void 0!==e&&e.animate&&"hidden"!==d&&m.current.animate({transform:[`translate(${y*t}px, ${y*r}px)`,"translate(0, 0)"]},{duration:200,easing:w})}),[u,y,w,d]),n.default.createElement(So,{containerName:g},n.default.createElement(Ea,Tt({height:s,role:r},b,{ref:v,style:{top:`${c||0}px`,left:`${f||0}px`,...b.style,"--styled-overlay-visibility":d}})))}));Ca.defaultProps={height:"auto",width:"auto"};var za=Ca;const Ra=({renderAnchor:e,anchorRef:r,children:o,open:a,onOpen:i,onClose:l,height:d,width:s,overlayProps:c,focusTrapSettings:f,focusZoneSettings:u,side:g,align:p})=>{const b=yr(r),[h,m]=function(){const[e,r]=t.useState(null),o=t.useRef(null);o.current=e;const a=t.useCallback((e=>{o.current=e,r(e)}),[o]);return[o,a]}(),v=Ro(),x=t.useCallback((()=>null==l?void 0:l("click-outside")),[l]),y=t.useCallback((()=>null==l?void 0:l("escape")),[l]),w=t.useCallback((e=>{e.defaultPrevented||!a&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==i||i("anchor-key-press"),e.preventDefault())}),[a,i]),B=t.useCallback((e=>{e.defaultPrevented||0!==e.button||(a?null==l||l("anchor-click"):null==i||i("anchor-click"))}),[a,i,l]),{position:$}=po({anchorElementRef:b,floatingElementRef:h,side:g,align:p},[h.current]);return t.useEffect((()=>{!a&&h.current&&m(null)}),[a,h,m]),yo({containerRef:h,disabled:!a||!$,...u}),xo({containerRef:h,disabled:!a||!$,...f}),n.default.createElement(n.default.Fragment,null,e&&e({ref:b,id:v,"aria-labelledby":v,"aria-haspopup":"true",tabIndex:0,onClick:B,onKeyDown:w}),a?n.default.createElement(za,Tt({returnFocusRef:b,onClickOutside:x,ignoreClickRefs:[b],onEscape:y,ref:m,role:"none",visibility:$?"visible":"hidden",height:d,width:s,top:(null==$?void 0:$.top)||0,left:(null==$?void 0:$.left)||0,anchorSide:null==$?void 0:$.anchorSide},c),o):null)};function Na(e,r,o){const[a,n]=t.useState(o);return[null!=e?e:a,t.useCallback((e=>{n(e),r&&r(e)}),[r])]}Ra.displayName="AnchoredOverlay",Ra.defaultProps={side:"outside-bottom",align:"start"};const Aa=e=>n.default.createElement(wa,Tt({role:"menuitem"},e));Aa.displayName="ActionMenuItem",Aa.displayName="ActionMenu.Item";const Ia=({anchorContent:e,renderAnchor:r=(e=>n.default.createElement(oo,e)),anchorRef:o,onAction:a,open:i,setOpen:l,overlayProps:d,items:s,...c})=>{const[f,u]=Na(i,l,!1),g=yr(o),p=t.useCallback((()=>u(!0)),[u]),b=t.useCallback((()=>u(!1)),[u]),h=t.useMemo((()=>null===r?null:t=>r({"aria-label":"menu",children:e,...t})),[e,r]),m=t.useMemo((()=>s.map((e=>({...e,role:"menuitem",onAction:(t,r)=>{var o;const n=null!==(o=e.onAction)&&void 0!==o?o:a;null==n||n(t,r),r.defaultPrevented||b()}})))),[s,a,b]);return n.default.createElement(Ra,{renderAnchor:h,anchorRef:g,open:f,onOpen:p,onClose:b,overlayProps:d},n.default.createElement($a,Tt({},c,{role:"menu",items:m})))};Ia.displayName="ActionMenuBase",Ia.displayName="ActionMenu";const La=Object.assign(Ia,{Divider:da,Item:Aa}),Oa=t.createContext(null);var Ma={exports:{}};
|
|
585
334
|
/*!
|
|
586
335
|
Copyright (c) 2018 Jed Watson.
|
|
587
336
|
Licensed under the MIT License (MIT), see
|
|
588
337
|
http://jedwatson.github.io/classnames
|
|
589
|
-
*/!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var n=typeof a;if("string"===n||"number"===n)e.push(a);else if(Array.isArray(a)){if(a.length){var i=r.apply(null,a);i&&e.push(i)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var l in a)t.call(a,l)&&a[l]&&e.push(l);else e.push(a.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(
|
|
338
|
+
*/!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var n=typeof a;if("string"===n||"number"===n)e.push(a);else if(Array.isArray(a)){if(a.length){var i=r.apply(null,a);i&&e.push(i)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var l in a)t.call(a,l)&&a[l]&&e.push(l);else e.push(a.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(Ma);var Pa=Ma.exports;var Ha=i.default.input`
|
|
590
339
|
border: 0;
|
|
591
340
|
font-size: inherit;
|
|
592
341
|
font-family: inherit;
|
|
@@ -599,7 +348,7 @@
|
|
|
599
348
|
}
|
|
600
349
|
|
|
601
350
|
${Kt};
|
|
602
|
-
`;const
|
|
351
|
+
`;const Da=re({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}});var Wa=i.default.span`
|
|
603
352
|
display: inline-flex;
|
|
604
353
|
align-items: stretch;
|
|
605
354
|
min-height: 34px;
|
|
@@ -641,9 +390,9 @@
|
|
|
641
390
|
${ie}
|
|
642
391
|
${de}
|
|
643
392
|
${ce}
|
|
644
|
-
${
|
|
393
|
+
${Da}
|
|
645
394
|
${Kt};
|
|
646
|
-
`;const
|
|
395
|
+
`;const Fa=n.default.forwardRef((({icon:e,block:t,className:r,contrast:o,disabled:a,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f,...u},g)=>{const p=Pa(r,"TextInput-wrapper");return n.default.createElement(Wa,{block:t,className:p,contrast:o,disabled:a,hasIcon:!!e,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Ha,Tt({ref:g,disabled:a},u)))}));Fa.defaultProps={type:"text"},Fa.displayName="TextInput";var _a=Fa;const ja=n.default.forwardRef((({as:e=_a,onFocus:r,onBlur:o,onChange:a,onKeyDown:i,onKeyUp:l,onKeyPress:d,value:s,...c},f)=>{const u=t.useContext(Oa);if(null===u)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:g,autocompleteSuggestion:p="",id:b,inputRef:h,inputValue:m="",isMenuDirectlyActivated:v,setInputValue:x,setShowMenu:y,showMenu:w}=u,B=To(h,f),[$,k]=t.useState(!0),S=t.useCallback((e=>{r&&r(e),y(!0)}),[r,y]),T=t.useCallback((e=>{o&&o(e),setTimeout((()=>{document.activeElement!==B.current&&y(!1)}),0)}),[o,y,B]),E=t.useCallback((e=>{a&&a(e),x(e.currentTarget.value),w||y(!0)}),[a,x,y,w]),C=t.useCallback((e=>{var t;i&&i(e),"Backspace"===e.key&&k(!1),"Escape"===e.key&&null!==(t=h.current)&&void 0!==t&&t.value&&(x(""),h.current.value="")}),[h,x,k,i]),z=t.useCallback((e=>{l&&l(e),"Backspace"===e.key&&k(!0)}),[k,l]),R=t.useCallback((e=>{if(d&&d(e),w&&"Enter"===e.key&&g.current){e.preventDefault(),e.nativeEvent.stopImmediatePropagation();const t=new KeyboardEvent(e.type,e.nativeEvent);g.current.dispatchEvent(t)}}),[g,w,d]);return t.useEffect((()=>{h.current&&(p||(h.current.value=m),$&&p&&(m||v)&&(h.current.value=p,0===p.toLowerCase().indexOf(m.toLowerCase())&&h.current.setSelectionRange(m.length,p.length)))}),[p,m,h,v]),t.useEffect((()=>{s&&x(s.toString())}),[s,x]),n.default.createElement(e,Tt({onFocus:S,onBlur:T,onChange:E,onKeyDown:C,onKeyPress:R,onKeyUp:z,ref:B,"aria-controls":`${b}-listbox`,"aria-autocomplete":"both",role:"combobox","aria-expanded":w,"aria-haspopup":"listbox","aria-owns":`${b}-listbox`,autocomplete:"off"},c))}));ja.displayName="AutocompleteInput";var Ua=ja;const Ga=(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]:f,[l]:u}=t.getBoundingClientRect(),g=c>u-o;if(s<f+a){const e=s-f+t[d];t.scrollTo({behavior:n,[i]:e-a})}else if(g){const e=c-u+t[d];t.scrollTo({behavior:n,[i]:e+o})}};function Va(e){const r=t.useContext(Oa);if(null===r)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:o,id:a,inputRef:i,inputValue:l="",scrollContainerRef:d,setAutocompleteSuggestion:s,setShowMenu:c,setInputValue:f,setIsMenuDirectlyActivated:u,setSelectedItemLength:g,showMenu:p}=r,{items:b,selectedItemIds:h,sortOnCloseFn:m,emptyStateText:v,addNewItem:x,loading:y,selectionVariant:w,filterFn:B,"aria-labelledby":$,onOpenChange:k,onSelectedChange:S,customScrollContainerRef:T}=e,E=t.useRef(null),[C,z]=t.useState(),[R,N]=t.useState(b.map((({id:e})=>e))),A=t.useMemo((()=>b.map((e=>({...e,role:"option",id:e.id,selected:"multiple"===w?h.includes(e.id):void 0,onAction:e=>{const t=h.filter((t=>t!==e.id)),r=h.includes(e.id)?t:[...t,e.id];var o,a;((S||(o=f,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,b)))),"multiple"===w)?(f(""),s("")):(c(!1),null===(a=i.current)||void 0===a||a.setSelectionRange(i.current.value.length,i.current.value.length))}})))),[b,h,i,S,w,s,f,c]),I=t.useMemo((()=>R.reduce(((e,t,r)=>(e[t]=r,e)),{})),[R]),L=t.useMemo((()=>{return A.filter(B||(e=l,function(t,r){var o;return Boolean(null===(o=t.text)||void 0===o?void 0:o.toLowerCase().startsWith(e.toLowerCase()))})).sort(((e,t)=>I[e.id]-I[t.id]));var e}),[A,I,B,l]),O=t.useMemo((()=>[...L,...x?[{...x,leadingVisual:()=>n.default.createElement(Vr,null),onAction:e=>{x.handleAddItem({...e,id:e.id||zr(),leadingVisual:void 0}),"multiple"===w&&(f(""),s(""))}}]:[]]),[L,x,s,w,f]);return yo({containerRef:E,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:i,onActiveDescendantChanged:(e,t,r)=>{if(o.current=e||null,e){const t=A.find((t=>t.id.toString()===e.getAttribute("data-id")));z(t),u(r)}e&&T&&T.current&&r?Ga(e,T.current):e&&d.current&&r&&Ga(e,d.current)}},[y]),t.useEffect((()=>{var e;null!=C&&null!==(e=C.text)&&void 0!==e&&e.startsWith(l)&&!h.includes(C.id)?s(C.text):s("")}),[C,l,h,s]),t.useEffect((()=>{const e=[...R].sort(m||(t=e=>((e,t)=>t.includes(e))(e,h),(e,r)=>t(e)===t(r)?0:t(e)?-1:1));var t;const r=e.length===R.length&&e.every(((e,t)=>e===R[t]));!1!==p||r||N(e),k&&k(Boolean(p))}),[p,k,h,m,R]),t.useEffect((()=>{h.length&&g(h.length)}),[h,g]),n.default.createElement(qt,{sx:p?{}:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}},y?n.default.createElement(qt,{p:3,display:"flex",justifyContent:"center"},n.default.createElement($l,null)):n.default.createElement("div",{ref:E},O.length?n.default.createElement(ka,{selectionVariant:"multiple",items:O,role:"listbox",id:`${a}-listbox`,"aria-labelledby":$}):n.default.createElement(qt,{p:3},v)))}function Ka({menuAnchorRef:e,overlayProps:r,children:o}){const a=t.useContext(Oa);if(null===a)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:l,selectedItemLength:d,setShowMenu:s,showMenu:c=!1}=a,{floatingElementRef:f,position:u}=po({side:"outside-bottom",align:"start",anchorElementRef:e||i},[c,d]),g=To(l,f),p=t.useCallback((()=>{s(!1)}),[s]);return"undefined"==typeof window?null:n.default.createElement(za,Tt({returnFocusRef:i,preventFocusOnOpen:!0,onClickOutside:p,onEscape:p,ref:g,top:null==u?void 0:u.top,left:null==u?void 0:u.left,visibility:c?"visible":"hidden",sx:{overflow:"auto"}},r),o)}Va.displayName="AutocompleteMenu",Va.defaultProps={emptyStateText:"No selectable options",selectionVariant:"single"},Va.displayName="AutocompleteMenu",Ka.displayName="AutocompleteOverlay",Ka.displayName="AutocompleteOverlay";const qa={inputValue:"",showMenu:!1,isMenuDirectlyActivated:!1,autocompleteSuggestion:"",selectedItemLength:0},Xa=(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}},Ya=({children:e,id:r})=>{const o=t.useRef(null),a=t.useRef(null),i=t.useRef(null),[l,d]=t.useReducer(Xa,qa),{inputValue:s,showMenu:c,autocompleteSuggestion:f,isMenuDirectlyActivated:u,selectedItemLength:g}=l,p=t.useCallback((e=>{d({type:"inputValue",payload:e})}),[]),b=t.useCallback((e=>{d({type:"showMenu",payload:e})}),[]),h=t.useCallback((e=>{d({type:"autocompleteSuggestion",payload:e})}),[]),m=t.useCallback((e=>{d({type:"isMenuDirectlyActivated",payload:e})}),[]),v=t.useCallback((e=>{d({type:"selectedItemLength",payload:e})}),[]),x=Ro(r);return n.default.createElement(Oa.Provider,{value:{activeDescendantRef:o,autocompleteSuggestion:f,id:x,inputRef:i,inputValue:s,isMenuDirectlyActivated:u,scrollContainerRef:a,selectedItemLength:g,setAutocompleteSuggestion:h,setInputValue:p,setIsMenuDirectlyActivated:m,setShowMenu:b,setSelectedItemLength:v,showMenu:c}},e)};Ya.displayName="Autocomplete";var Ja=Object.assign(Ya,{Input:Ua,Menu:Va,Overlay:Ka});const Za=i.default.img.attrs((e=>({height:e.size,width:e.size})))`
|
|
647
396
|
display: inline-block;
|
|
648
397
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
|
649
398
|
line-height: ${xt("lineHeights.condensedUltra")};
|
|
@@ -651,12 +400,12 @@
|
|
|
651
400
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
|
652
401
|
${yt};
|
|
653
402
|
${Kt}
|
|
654
|
-
`;
|
|
403
|
+
`;Za.defaultProps={size:20,alt:"",square:!1};var Qa=Za;const en=i.default(Qa)`
|
|
655
404
|
position: absolute;
|
|
656
405
|
right: -15%;
|
|
657
406
|
bottom: -9%;
|
|
658
407
|
box-shadow: ${xt("shadows.avatar.childShadow")};
|
|
659
|
-
`,
|
|
408
|
+
`,tn=({children:e,...t})=>{const r=n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?0===t?n.default.cloneElement(e,{size:40}):n.default.createElement(en,Tt({bg:"canvas.default"},e.props,{size:20})):e));return n.default.createElement(qt,Tt({position:"relative",display:"inline-flex"},t),r)};tn.displayName="AvatarPair",tn.displayName="AvatarPair";var rn=tn;const on=i.default.span`
|
|
660
409
|
display: flex;
|
|
661
410
|
position: relative;
|
|
662
411
|
height: 20px;
|
|
@@ -771,7 +520,7 @@
|
|
|
771
520
|
}
|
|
772
521
|
|
|
773
522
|
${Kt};
|
|
774
|
-
`,
|
|
523
|
+
`,an=({children:e,alignRight:t,sx:r})=>{const o=n.default.Children.count(e),a=Pa({"pc-AvatarStack--two":2===o,"pc-AvatarStack--three-plus":o>2,"pc-AvatarStack--right":t});return n.default.createElement(on,{count:o,className:a,sx:r},n.default.createElement(qt,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(e=>n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?n.default.cloneElement(e,{className:Pa(e.props.className,"pc-AvatarItem"),sx:{zIndex:10-t,...e.props.sx}}):e)))(e)))};an.displayName="AvatarStack";var nn=an;var ln=i.default.a`
|
|
775
524
|
display: inline-block;
|
|
776
525
|
padding: 2px 6px;
|
|
777
526
|
font-size: ${xt("fontSizes.0")};
|
|
@@ -781,7 +530,7 @@
|
|
|
781
530
|
border-radius: ${xt("radii.2")};
|
|
782
531
|
${yt};
|
|
783
532
|
${Kt};
|
|
784
|
-
`;const
|
|
533
|
+
`;const dn=i.default.li`
|
|
785
534
|
display: inline-block;
|
|
786
535
|
white-space: nowrap;
|
|
787
536
|
list-style: none;
|
|
@@ -800,13 +549,13 @@
|
|
|
800
549
|
content: none;
|
|
801
550
|
}
|
|
802
551
|
}
|
|
803
|
-
|
|
552
|
+
`,sn=i.default.nav`
|
|
804
553
|
display: flex;
|
|
805
554
|
justify-content: space-between;
|
|
806
555
|
${yt};
|
|
807
556
|
${St};
|
|
808
557
|
${Kt};
|
|
809
|
-
`;function
|
|
558
|
+
`;function cn({className:e,children:t,theme:r,...o}){const a=n.default.Children.map(t,(e=>n.default.createElement(dn,{theme:r},e)));return n.default.createElement(sn,Tt({className:e,"aria-label":"Breadcrumbs",theme:r},o),n.default.createElement(qt,{as:"ol",my:0,pl:0},a))}cn.displayName="Breadcrumbs";const fn=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Pa(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
|
810
559
|
color: ${xt("colors.accent.fg")};
|
|
811
560
|
display: inline-block;
|
|
812
561
|
font-size: ${xt("fontSizes.1")};
|
|
@@ -820,7 +569,258 @@
|
|
|
820
569
|
}
|
|
821
570
|
${yt}
|
|
822
571
|
${Kt};
|
|
823
|
-
`;
|
|
572
|
+
`;cn.displayName="Breadcrumbs",fn.displayName="Breadcrumbs.Item";var un=Object.assign(cn,{Item:fn});const gn=Object.assign(cn,{Item:fn}),pn=k(xe,yt,$t),bn=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),hn=i.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
|
573
|
+
${Yr}
|
|
574
|
+
${bn}
|
|
575
|
+
`;hn.defaultProps={variant:"medium"};var mn=hn;var vn=i.default(mn)`
|
|
576
|
+
color: ${xt("colors.btn.text")};
|
|
577
|
+
background-color: ${xt("colors.btn.bg")};
|
|
578
|
+
border: 1px solid ${xt("colors.btn.border")};
|
|
579
|
+
box-shadow: ${xt("shadows.btn.shadow")}, ${xt("shadows.btn.insetShadow")}};
|
|
580
|
+
|
|
581
|
+
&:hover {
|
|
582
|
+
background-color: ${xt("colors.btn.hoverBg")};
|
|
583
|
+
border-color: ${xt("colors.btn.hoverBorder")};
|
|
584
|
+
}
|
|
585
|
+
|
|
586
|
+
// focus must come before :active so that the active box shadow overrides
|
|
587
|
+
&:focus {
|
|
588
|
+
border-color: ${xt("colors.btn.focusBorder")};
|
|
589
|
+
box-shadow: ${xt("shadows.btn.focusShadow")};
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
&:active {
|
|
593
|
+
background-color: ${xt("colors.btn.selectedBg")};
|
|
594
|
+
box-shadow: ${xt("shadows.btn.shadowActive")};
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
&:disabled {
|
|
598
|
+
color: ${xt("colors.primer.fg.disabled")};
|
|
599
|
+
background-color: ${xt("colors.btn.bg")};
|
|
600
|
+
border-color: ${xt("colors.btn.border")};
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
${pn};
|
|
604
|
+
${Kt};
|
|
605
|
+
`;var xn=i.default(mn)`
|
|
606
|
+
color: ${xt("colors.btn.danger.text")};
|
|
607
|
+
border: 1px solid ${xt("colors.btn.border")};
|
|
608
|
+
background-color: ${xt("colors.btn.bg")};
|
|
609
|
+
box-shadow: ${xt("shadows.btn.shadow")};
|
|
610
|
+
|
|
611
|
+
&:hover {
|
|
612
|
+
color: ${xt("colors.btn.danger.hoverText")};
|
|
613
|
+
background-color: ${xt("colors.btn.danger.hoverBg")};
|
|
614
|
+
border-color: ${xt("colors.btn.danger.hoverBorder")};
|
|
615
|
+
box-shadow: ${xt("shadows.btn.danger.hoverShadow")};
|
|
616
|
+
}
|
|
617
|
+
// focus must come before :active so that the active box shadow overrides
|
|
618
|
+
&:focus {
|
|
619
|
+
border-color: ${xt("colors.btn.danger.focusBorder")};
|
|
620
|
+
box-shadow: ${xt("shadows.btn.danger.focusShadow")};
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
&:active {
|
|
624
|
+
color: ${xt("colors.btn.danger.selectedText")};
|
|
625
|
+
background-color: ${xt("colors.btn.danger.selectedBg")};
|
|
626
|
+
box-shadow: ${xt("shadows.btn.danger.selectedShadow")};
|
|
627
|
+
border-color: ${xt("colors.btn.danger.selectedBorder")};
|
|
628
|
+
}
|
|
629
|
+
|
|
630
|
+
&:disabled {
|
|
631
|
+
color: ${xt("colors.btn.danger.disabledText")};
|
|
632
|
+
background-color: ${xt("colors.btn.danger.disabledBg")};
|
|
633
|
+
border-color: ${xt("colors.btn.danger.disabledBorder")};
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
${pn};
|
|
637
|
+
${Kt};
|
|
638
|
+
`;const yn=i.default(qt)`
|
|
639
|
+
vertical-align: middle;
|
|
640
|
+
|
|
641
|
+
&& > * {
|
|
642
|
+
position: relative;
|
|
643
|
+
border-right-width: 0;
|
|
644
|
+
border-radius: 0;
|
|
645
|
+
|
|
646
|
+
:first-child {
|
|
647
|
+
border-top-left-radius: ${xt("radii.2")};
|
|
648
|
+
border-bottom-left-radius: ${xt("radii.2")};
|
|
649
|
+
margin-right: 0;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
:not(:first-child) {
|
|
653
|
+
margin-left: 0;
|
|
654
|
+
margin-right: 0;
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
:last-child {
|
|
658
|
+
border-right-width: 1px;
|
|
659
|
+
border-top-right-radius: ${xt("radii.2")};
|
|
660
|
+
border-bottom-right-radius: ${xt("radii.2")};
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
:focus,
|
|
664
|
+
:active,
|
|
665
|
+
:hover {
|
|
666
|
+
border-right-width: 1px;
|
|
667
|
+
+ * {
|
|
668
|
+
border-left-width: 0;
|
|
669
|
+
}
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
:focus,
|
|
673
|
+
:active {
|
|
674
|
+
z-index: 1;
|
|
675
|
+
}
|
|
676
|
+
}
|
|
677
|
+
|
|
678
|
+
${Kt};
|
|
679
|
+
`;yn.defaultProps={display:"inline-block"};var wn=yn;var Bn=i.default(mn)`
|
|
680
|
+
color: ${xt("colors.btn.outline.text")};
|
|
681
|
+
border: 1px solid ${xt("colors.btn.border")};
|
|
682
|
+
background-color: ${xt("colors.btn.bg")};
|
|
683
|
+
box-shadow: ${xt("shadows.btn.shadow")};
|
|
684
|
+
|
|
685
|
+
&:hover {
|
|
686
|
+
color: ${xt("colors.btn.outline.hoverText")};
|
|
687
|
+
background-color: ${xt("colors.btn.outline.hoverBg")};
|
|
688
|
+
border-color: ${xt("colors.btn.outline.hoverBorder")};
|
|
689
|
+
box-shadow: ${xt("shadows.btn.outline.hoverShadow")};
|
|
690
|
+
}
|
|
691
|
+
// focus must come before :active so that the active box shadow overrides
|
|
692
|
+
&:focus {
|
|
693
|
+
border-color: ${xt("colors.btn.outline.focusBorder")};
|
|
694
|
+
box-shadow: ${xt("shadows.btn.outline.focusShadow")};
|
|
695
|
+
}
|
|
696
|
+
|
|
697
|
+
&:active {
|
|
698
|
+
color: ${xt("colors.btn.outline.selectedText")};
|
|
699
|
+
background-color: ${xt("colors.btn.outline.selectedBg")};
|
|
700
|
+
box-shadow: ${xt("shadows.btn.outline.selectedShadow")};
|
|
701
|
+
border-color: ${xt("colors.btn.outline.selectedBorder")};
|
|
702
|
+
}
|
|
703
|
+
|
|
704
|
+
&:disabled {
|
|
705
|
+
color: ${xt("colors.btn.outline.disabledText")};
|
|
706
|
+
background-color: ${xt("colors.btn.outline.disabledBg")};
|
|
707
|
+
border-color: ${xt("colors.btn.border")};
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
${pn};
|
|
711
|
+
${Kt};
|
|
712
|
+
`;var $n=i.default(mn)`
|
|
713
|
+
color: ${xt("colors.btn.primary.text")};
|
|
714
|
+
border: 1px solid ${xt("colors.btn.primary.border")};
|
|
715
|
+
background-color: ${xt("colors.btn.primary.bg")};
|
|
716
|
+
box-shadow: ${xt("shadows.btn.primary.shadow")};
|
|
717
|
+
|
|
718
|
+
&:hover {
|
|
719
|
+
color: ${xt("colors.btn.primary.hoverText")};
|
|
720
|
+
background-color: ${xt("colors.btn.primary.hoverBg")};
|
|
721
|
+
border-color: ${xt("colors.btn.primary.hoverBorder")};
|
|
722
|
+
box-shadow: ${xt("shadows.btn.primary.hoverShadow")};
|
|
723
|
+
}
|
|
724
|
+
// focus must come before :active so that the active box shadow overrides
|
|
725
|
+
&:focus {
|
|
726
|
+
border-color: ${xt("colors.btn.primary.focusBorder")};
|
|
727
|
+
box-shadow: ${xt("shadows.btn.primary.focusShadow")};
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
&:active {
|
|
731
|
+
background-color: ${xt("colors.btn.primary.selectedBg")};
|
|
732
|
+
box-shadow: ${xt("shadows.btn.primary.selectedShadow")};
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
&:disabled {
|
|
736
|
+
color: ${xt("colors.btn.primary.disabledText")};
|
|
737
|
+
background-color: ${xt("colors.btn.primary.disabledBg")};
|
|
738
|
+
border-color: ${xt("colors.btn.primary.disabledBorder")};
|
|
739
|
+
}
|
|
740
|
+
|
|
741
|
+
${pn};
|
|
742
|
+
${Kt};
|
|
743
|
+
`;var kn=i.default(mn)`
|
|
744
|
+
color: ${xt("colors.accent.fg")};
|
|
745
|
+
background-color: transparent;
|
|
746
|
+
border: 0;
|
|
747
|
+
border-radius: ${xt("radii.2")};
|
|
748
|
+
box-shadow: none;
|
|
749
|
+
|
|
750
|
+
&:disabled {
|
|
751
|
+
color: ${xt("colors.primer.fg.disabled")};
|
|
752
|
+
}
|
|
753
|
+
&:focus {
|
|
754
|
+
box-shadow: ${xt("shadows.btn.focusShadow")};
|
|
755
|
+
}
|
|
756
|
+
&:hover {
|
|
757
|
+
background-color: ${xt("colors.btn.hoverBg")};
|
|
758
|
+
}
|
|
759
|
+
&:active {
|
|
760
|
+
background-color: ${xt("colors.btn.selectedBg")};
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
${pn};
|
|
764
|
+
${Kt}
|
|
765
|
+
`;var Sn=i.default.summary`
|
|
766
|
+
display: inline-block;
|
|
767
|
+
padding: 0;
|
|
768
|
+
font-size: ${xt("fontSizes.1")};
|
|
769
|
+
color: ${xt("colors.fg.muted")};
|
|
770
|
+
text-decoration: none;
|
|
771
|
+
white-space: nowrap;
|
|
772
|
+
cursor: pointer;
|
|
773
|
+
user-select: none;
|
|
774
|
+
background-color: transparent;
|
|
775
|
+
border: 0;
|
|
776
|
+
appearance: none; // Corrects inability to style clickable input types in iOS.
|
|
777
|
+
|
|
778
|
+
&:hover {
|
|
779
|
+
text-decoration: underline;
|
|
780
|
+
}
|
|
781
|
+
|
|
782
|
+
&:disabled {
|
|
783
|
+
&,
|
|
784
|
+
&:hover {
|
|
785
|
+
color: ${xt("colors.primer.fg.disabled")};
|
|
786
|
+
cursor: default;
|
|
787
|
+
}
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
&:after {
|
|
791
|
+
display: inline-block;
|
|
792
|
+
margin-left: ${xt("space.1")};
|
|
793
|
+
width: 0;
|
|
794
|
+
height: 0;
|
|
795
|
+
vertical-align: -2px;
|
|
796
|
+
content: '';
|
|
797
|
+
border: 4px solid transparent;
|
|
798
|
+
border-top-color: currentcolor;
|
|
799
|
+
}
|
|
800
|
+
${yt}
|
|
801
|
+
${wt}
|
|
802
|
+
${$t}
|
|
803
|
+
${Kt};
|
|
804
|
+
`;const Tn=i.default.button`
|
|
805
|
+
border: none;
|
|
806
|
+
padding: 0;
|
|
807
|
+
background: transparent;
|
|
808
|
+
outline: none;
|
|
809
|
+
cursor: pointer;
|
|
810
|
+
border-radius: ${xt("radii.2")};
|
|
811
|
+
color: ${xt("colors.fg.muted")};
|
|
812
|
+
|
|
813
|
+
&:focus {
|
|
814
|
+
box-shadow: ${xt("shadows.btn.focusShadow")};
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
&:hover {
|
|
818
|
+
color: ${xt("colors.accent.fg")};
|
|
819
|
+
}
|
|
820
|
+
${yt};
|
|
821
|
+
${$t};
|
|
822
|
+
${Kt};
|
|
823
|
+
`;var En=t.forwardRef(((e,t)=>n.default.createElement(Tn,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(Xr,null))));const Cn={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},zn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function Rn(e,t,r){const o=Cn[e].toLowerCase(),a=zn[e].toLowerCase();return{[o]:"100%",[t||a]:t?r:"50%"}}const Nn=pt({prop:"bg",key:"colors"}),An=pt({prop:"borderColor",key:"colors"}),In=pt({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function Ln(e){var t;const o=n.default.useContext(r.ThemeContext),a={...e,theme:null!==(t=e.theme)&&void 0!==t?t:o},{bg:i}=Nn(a),{borderColor:l}=An(a),{borderWidth:d}=In(a),{size:s=8,location:c="bottom"}=e,[f,u]=function(e){const[t,r]=e.split("-");return[t,r]}(c),g=zn[f],p=[-s,0],b=[0,s],h=[s,0],m=`M${p}L${b}L${h}L${p}Z`,v=`M${p}L${b}L${h}`,x={top:`translate(${[s,2*s]}) rotate(180)`,right:`translate(${[0,s]}) rotate(-90)`,bottom:`translate(${[s,0]})`,left:`translate(${[2*s,s]}) rotate(90)`}[f];return n.default.createElement("svg",{width:2*s,height:2*s,style:{pointerEvents:"none",position:"absolute",...Rn(f,u,s),[`margin${g}`]:u?null:-s}},n.default.createElement("g",{transform:x},n.default.createElement("path",{d:m,fill:i}),n.default.createElement("path",{d:v,fill:"none",stroke:l,strokeWidth:d})))}function On({icon:e,...t}){return n.default.createElement(e,t)}Ln.displayName="Caret",Ln.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],Ln.defaultProps={bg:"canvas.default",borderColor:"border.default",borderWidth:1},On.displayName="Octicon";const Mn=i.default(On)`
|
|
824
824
|
${yt}
|
|
825
825
|
${Kt}
|
|
826
826
|
`;Mn.defaultProps={size:16};var Pn=Mn;const Hn={small:56,medium:96,large:128},Dn=i.default.div`
|
|
@@ -915,10 +915,10 @@
|
|
|
915
915
|
z-index: 99;
|
|
916
916
|
background: ${xt("colors.primer.canvas.backdrop")};
|
|
917
917
|
}
|
|
918
|
-
`,ei=t.forwardRef((({children:e,onDismiss:r=Xn,isOpen:o,initialFocusRef:a,returnFocusRef:i,...l},d)=>{const s=t.useRef(null),c=To(d),f=t.useRef(null),u=()=>{r(),i&&i.current&&i.current.focus()},{getDialogProps:g}=function({modalRef:e,overlayRef:r,isOpen:o,onDismiss:a=Vn,initialFocusRef:n,closeButtonRef:i}){const l=t.useCallback((t=>{e.current&&r.current&&!e.current.contains(t.target)&&r.current.contains(t.target)&&a()}),[a,e,r]);t.useEffect((()=>{if(o)return document.addEventListener("click",l),()=>{document.removeEventListener("click",l)}}),[o,l]),t.useEffect((()=>{o&&(n&&n.current?n.current.focus():i&&i.current&&i.current.focus())}),[o,n,i]);const d=t.useCallback(((t,r)=>{if(e.current){const o=Array.from(e.current.querySelectorAll("*")).filter(Kn);if(0===o.length)return;t.preventDefault();const a=document.activeElement;if(!a)return;const n=o.indexOf(a)+r,i=1===r?0:o.length-1;return o[n]||o[i]}}),[e]),s=t.useCallback((e=>{const t=e.shiftKey?-1:1,r=d(e,t);r&&r.focus()}),[d]),c=t.useCallback((e=>{switch(e.key){case"Tab":s(e);break;case"Escape":a(),e.stopPropagation()}}),[s,a]);return{getDialogProps:()=>({onKeyDown:c})}}({modalRef:c,onDismiss:u,isOpen:o,initialFocusRef:a,closeButtonRef:f,returnFocusRef:i,overlayRef:s});return o?n.default.createElement(n.default.Fragment,null,n.default.createElement(Qn,{ref:s}),n.default.createElement(Yn,Tt({tabIndex:-1,ref:c,role:"dialog","aria-modal":"true"},l,g()),n.default.createElement(
|
|
918
|
+
`,ei=t.forwardRef((({children:e,onDismiss:r=Xn,isOpen:o,initialFocusRef:a,returnFocusRef:i,...l},d)=>{const s=t.useRef(null),c=To(d),f=t.useRef(null),u=()=>{r(),i&&i.current&&i.current.focus()},{getDialogProps:g}=function({modalRef:e,overlayRef:r,isOpen:o,onDismiss:a=Vn,initialFocusRef:n,closeButtonRef:i}){const l=t.useCallback((t=>{e.current&&r.current&&!e.current.contains(t.target)&&r.current.contains(t.target)&&a()}),[a,e,r]);t.useEffect((()=>{if(o)return document.addEventListener("click",l),()=>{document.removeEventListener("click",l)}}),[o,l]),t.useEffect((()=>{o&&(n&&n.current?n.current.focus():i&&i.current&&i.current.focus())}),[o,n,i]);const d=t.useCallback(((t,r)=>{if(e.current){const o=Array.from(e.current.querySelectorAll("*")).filter(Kn);if(0===o.length)return;t.preventDefault();const a=document.activeElement;if(!a)return;const n=o.indexOf(a)+r,i=1===r?0:o.length-1;return o[n]||o[i]}}),[e]),s=t.useCallback((e=>{const t=e.shiftKey?-1:1,r=d(e,t);r&&r.focus()}),[d]),c=t.useCallback((e=>{switch(e.key){case"Tab":s(e);break;case"Escape":a(),e.stopPropagation()}}),[s,a]);return{getDialogProps:()=>({onKeyDown:c})}}({modalRef:c,onDismiss:u,isOpen:o,initialFocusRef:a,closeButtonRef:f,returnFocusRef:i,overlayRef:s});return o?n.default.createElement(n.default.Fragment,null,n.default.createElement(Qn,{ref:s}),n.default.createElement(Yn,Tt({tabIndex:-1,ref:c,role:"dialog","aria-modal":"true"},l,g()),n.default.createElement(En,{ref:f,onClick:u,sx:{position:"absolute",top:"16px",right:"16px"}}),e)):null}));Zn.defaultProps={backgroundColor:"canvas.subtle"},Zn.propTypes={...qt.propTypes},Zn.displayName="Dialog.Header",ei.displayName="Dialog";var ti=Object.assign(ei,{Header:Zn});var ri=(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: ${xt("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: ${xt("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: ${xt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${xt("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 ${xt("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 ${xt("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 oi=i.default(Gn)`
|
|
919
919
|
position: relative;
|
|
920
920
|
display: inline-block;
|
|
921
|
-
`,ai=({children:e,className:t,...r})=>{const{getDetailsProps:o}=lr({closeOnOutsideClick:!0});return n.default.createElement(oi,Tt({className:t},o(),r),e)};ai.displayName="Dropdown";const ni=({children:e,...t})=>n.default.createElement(
|
|
921
|
+
`,ai=({children:e,className:t,...r})=>{const{getDetailsProps:o}=lr({closeOnOutsideClick:!0});return n.default.createElement(oi,Tt({className:t},o(),r),e)};ai.displayName="Dropdown";const ni=({children:e,...t})=>n.default.createElement(oo,Tt({as:"summary","aria-haspopup":"true",caret:!0},t),e);ni.displayName="DropdownButton";const ii=i.default.div`
|
|
922
922
|
border: 4px solid transparent;
|
|
923
923
|
margin-left: 12px;
|
|
924
924
|
border-top-color: currentcolor;
|
|
@@ -1007,7 +1007,7 @@
|
|
|
1007
1007
|
}
|
|
1008
1008
|
${yt};
|
|
1009
1009
|
${Kt};
|
|
1010
|
-
`;li.defaultProps={direction:"sw"},li.displayName="Dropdown.Menu",di.displayName="Dropdown.Item",ni.defaultProps=
|
|
1010
|
+
`;li.defaultProps={direction:"sw"},li.displayName="Dropdown.Menu",di.displayName="Dropdown.Item",ni.defaultProps=oo.defaultProps,ni.displayName="Dropdown.Button",ii.displayName="Dropdown.Caret",ai.defaultProps=Gn.defaultProps;var si=Object.assign(ai,{Caret:ii,Menu:li,Item:di,Button:ni});const ci=n.default.forwardRef((({children:e,...t},r)=>n.default.createElement(vn,Tt({ref:r,type:"button"},t),e,n.default.createElement(Pn,{icon:qr,ml:1}))));function fi({renderAnchor:e=(e=>n.default.createElement(ci,e)),anchorRef:r,placeholder:o,selectedItem:a,onChange:i,overlayProps:l,items:d,open:s,onOpenChange:c,...f}){const[u,g]=Na(s,c,!1),p=t.useCallback((()=>g(!0)),[g]),b=t.useCallback((()=>g(!1)),[g]),h=yr(r),m=t.useMemo((()=>null===e?null:t=>{var r;return e({...t,children:null!==(r=null==a?void 0:a.text)&&void 0!==r?r:o})}),[o,e,null==a?void 0:a.text]),v=t.useMemo((()=>d.map((e=>({...e,role:"option",selected:e===a,onAction:(t,r)=>{var o;null===(o=e.onAction)||void 0===o||o.call(e,t,r),r.defaultPrevented||(b(),null==i||i(e===a?void 0:e))}})))),[d,i,b,a]);return n.default.createElement(Ra,{renderAnchor:m,anchorRef:h,open:u,onOpen:p,onClose:b,overlayProps:l},n.default.createElement($a,Tt({},f,{role:"listbox",items:v})))}fi.displayName="DropdownMenu",fi.displayName="DropdownMenu";var ui=i.default.div`
|
|
1011
1011
|
${yt};
|
|
1012
1012
|
display: flex;
|
|
1013
1013
|
align-items: stretch;
|
|
@@ -1300,7 +1300,7 @@
|
|
|
1300
1300
|
margin-bottom: 15px;
|
|
1301
1301
|
text-align: center;
|
|
1302
1302
|
${Kt};
|
|
1303
|
-
`;function Fi({theme:e,pageCount:t,currentPage:r,onPageChange:o=ji,hrefBuilder:a=_i,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=Di({theme:e,pageCount:t,currentPage:r,onPageChange:o,hrefBuilder:a,marginPageCount:i,showPages:l,surroundingPageCount:d});return n.default.createElement(Wi,Tt({"aria-label":"Pagination"},s,{theme:e}),n.default.createElement(qt,{display:"inline-block",theme:e},c))}function _i(e){return`#${e}`}function ji(){}function Ui(e){const{bg:t,border:r,borderColor:o,theme:a}=e,{caret:i,children:l,...d}=e,s={bg:t,borderColor:o,borderWidth:r,location:i,theme:a};return n.default.createElement(Yt,Tt({sx:{position:"relative"}},d),l,n.default.createElement(Ln,s))}Fi.displayName="Pagination",Fi.defaultProps={hrefBuilder:_i,marginPageCount:1,onPageChange:ji,showPages:!0,surroundingPageCount:2},Ui.displayName="PointerBox";const Gi=i.default.div.attrs((({className:e,caret:t})=>({className:
|
|
1303
|
+
`;function Fi({theme:e,pageCount:t,currentPage:r,onPageChange:o=ji,hrefBuilder:a=_i,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=Di({theme:e,pageCount:t,currentPage:r,onPageChange:o,hrefBuilder:a,marginPageCount:i,showPages:l,surroundingPageCount:d});return n.default.createElement(Wi,Tt({"aria-label":"Pagination"},s,{theme:e}),n.default.createElement(qt,{display:"inline-block",theme:e},c))}function _i(e){return`#${e}`}function ji(){}function Ui(e){const{bg:t,border:r,borderColor:o,theme:a}=e,{caret:i,children:l,...d}=e,s={bg:t,borderColor:o,borderWidth:r,location:i,theme:a};return n.default.createElement(Yt,Tt({sx:{position:"relative"}},d),l,n.default.createElement(Ln,s))}Fi.displayName="Pagination",Fi.defaultProps={hrefBuilder:_i,marginPageCount:1,onPageChange:ji,showPages:!0,surroundingPageCount:2},Ui.displayName="PointerBox";const Gi=i.default.div.attrs((({className:e,caret:t})=>({className:Pa(e,`caret-pos--${t}`)})))`
|
|
1304
1304
|
position: ${e=>e.relative?"relative":"absolute"};
|
|
1305
1305
|
z-index: 100;
|
|
1306
1306
|
display: ${e=>e.open?"block":"none"};
|
|
@@ -1517,7 +1517,7 @@
|
|
|
1517
1517
|
}
|
|
1518
1518
|
|
|
1519
1519
|
${Kt};
|
|
1520
|
-
`,al=t.forwardRef((({theme:e,value:r,sx:o,...a},i)=>{const l=t.useRef(null),d=null!=i?i:l,{open:s}=t.useContext(Qi);return t.useEffect((()=>{var e;s&&(null===(e=l.current)||void 0===e||e.focus())}),[s]),n.default.createElement(ol,{theme:e,sx:o},n.default.createElement(
|
|
1520
|
+
`,al=t.forwardRef((({theme:e,value:r,sx:o,...a},i)=>{const l=t.useRef(null),d=null!=i?i:l,{open:s}=t.useContext(Qi);return t.useEffect((()=>{var e;s&&(null===(e=l.current)||void 0===e||e.focus())}),[s]),n.default.createElement(ol,{theme:e,sx:o},n.default.createElement(_a,Tt({theme:e,ref:d,width:"100%",block:!0,value:r,contrast:!0},a)))}));al.displayName="SelectMenu.Filter";var nl=al;const il=r.css(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],xt("space.2"),xt("space.3"),xt("fontSizes.0"),xt("colors.fg.muted"),xt("borderWidths.1"),xt("colors.border.muted"),xt("breakpoints.0"),xt("space.1"),xt("space.2")),ll=i.default.footer`
|
|
1521
1521
|
${il}
|
|
1522
1522
|
${yt}
|
|
1523
1523
|
${Kt};
|
|
@@ -1580,7 +1580,7 @@
|
|
|
1580
1580
|
${Ll}
|
|
1581
1581
|
${yt}
|
|
1582
1582
|
${Kt};
|
|
1583
|
-
`,Ml=({tabName:e="",index:r,className:o,onClick:a,...i})=>{const l=t.useContext(Qi);t.useEffect((()=>{var t;l.selectedTab||0!==r||(null===(t=l.setSelectedTab)||void 0===t||t.call(l,e))}),[r,l,e]);const d=l.selectedTab===e;return n.default.createElement(Ol,Tt({role:"tab",className:
|
|
1583
|
+
`,Ml=({tabName:e="",index:r,className:o,onClick:a,...i})=>{const l=t.useContext(Qi);t.useEffect((()=>{var t;l.selectedTab||0!==r||(null===(t=l.setSelectedTab)||void 0===t||t.call(l,e))}),[r,l,e]);const d=l.selectedTab===e;return n.default.createElement(Ol,Tt({role:"tab",className:Pa("SelectMenuTab",o),"aria-selected":d,onClick:t=>{var r;(a&&a(t),t.defaultPrevented)||(null===(r=l.setSelectedTab)||void 0===r||r.call(l,e))}},i),e)};Ml.displayName="SelectMenuTab",Ml.displayName="SelectMenu.Tab";var Pl=Ml;const Hl=i.default.div`
|
|
1584
1584
|
border-top: ${xt("borderWidths.1")} solid ${xt("colors.border.muted")};
|
|
1585
1585
|
${yt}
|
|
1586
1586
|
${Kt};
|
|
@@ -1592,7 +1592,7 @@
|
|
|
1592
1592
|
${"\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"}
|
|
1593
1593
|
${yt}
|
|
1594
1594
|
${Kt};
|
|
1595
|
-
`,Vl=n.default.forwardRef((({children:e,initialTab:r="",as:o,...a},i)=>{const l=t.useRef(null),d=null!=i?i:l,[s,c]=t.useState(r),[f,u]=t.useState(!1),g={selectedTab:s,setSelectedTab:c,setOpen:u,open:f,initialTab:r},p=t.useCallback((e=>{"current"in d&&d.current&&!d.current.contains(e.target)&&(e.defaultPrevented||u(!1))}),[d,u]);return t.useEffect((()=>{if(f)return document.addEventListener("click",p),()=>{document.removeEventListener("click",p)}}),[f,p]),Zi(d,f,u),n.default.createElement(Qi.Provider,{value:g},n.default.createElement(Gl,Tt({ref:d},a,{open:f,onToggle:function(e){u(e.target.open)}}),e))}));Vl.displayName="SelectMenu";var Kl=Object.assign(Vl,{MenuContext:Qi,List:xl,Divider:rl,Filter:nl,Footer:dl,Item:hl,Modal:Il,Tabs:Ul,Tab:Pl,TabPanel:Wl,Header:ul,LoadingAnimation:Tl});function ql({variant:e,className:t,bordered:r,children:o,...a}){const i=
|
|
1595
|
+
`,Vl=n.default.forwardRef((({children:e,initialTab:r="",as:o,...a},i)=>{const l=t.useRef(null),d=null!=i?i:l,[s,c]=t.useState(r),[f,u]=t.useState(!1),g={selectedTab:s,setSelectedTab:c,setOpen:u,open:f,initialTab:r},p=t.useCallback((e=>{"current"in d&&d.current&&!d.current.contains(e.target)&&(e.defaultPrevented||u(!1))}),[d,u]);return t.useEffect((()=>{if(f)return document.addEventListener("click",p),()=>{document.removeEventListener("click",p)}}),[f,p]),Zi(d,f,u),n.default.createElement(Qi.Provider,{value:g},n.default.createElement(Gl,Tt({ref:d},a,{open:f,onToggle:function(e){u(e.target.open)}}),e))}));Vl.displayName="SelectMenu";var Kl=Object.assign(Vl,{MenuContext:Qi,List:xl,Divider:rl,Filter:nl,Footer:dl,Item:hl,Modal:Il,Tabs:Ul,Tab:Pl,TabPanel:Wl,Header:ul,LoadingAnimation:Tl});function ql({variant:e,className:t,bordered:r,children:o,...a}){const i=Pa(t,`variant-${"lightweight"===e?"lightweight":"normal"}`);return r||(a={...a,borderWidth:0}),n.default.createElement(qt,Tt({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i},a),o)}ql.displayName="SideNavBase";const Xl=i.default(ql)`
|
|
1596
1596
|
background-color: ${xt("colors.canvas.subtle")};
|
|
1597
1597
|
|
|
1598
1598
|
${e=>e.bordered&&r.css(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
|
@@ -1719,7 +1719,7 @@
|
|
|
1719
1719
|
${yt};
|
|
1720
1720
|
${St};
|
|
1721
1721
|
${Kt};
|
|
1722
|
-
`;function id({actions:e,className:t,children:r,label:o,...a}){const i=
|
|
1722
|
+
`;function id({actions:e,className:t,children:r,label:o,...a}){const i=Pa(t,"SubNav");return n.default.createElement(nd,Tt({className:i,"aria-label":o},a),n.default.createElement("div",{className:"SubNav-body"},r),e&&n.default.createElement("div",{className:"SubNav-actions"},e))}function ld(e){return n.default.createElement(qt,Tt({display:"flex"},e))}id.displayName="SubNav",ld.displayName="SubNavLinks";const dd=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Pa("SubNav-item",e.selected&&"selected",e.className)})))`
|
|
1723
1723
|
padding-left: ${xt("space.3")};
|
|
1724
1724
|
padding-right: ${xt("space.3")};
|
|
1725
1725
|
font-weight: ${xt("fontWeights.semibold")};
|
|
@@ -1777,7 +1777,7 @@
|
|
|
1777
1777
|
display: flex;
|
|
1778
1778
|
margin-bottom: -1px;
|
|
1779
1779
|
overflow: auto;
|
|
1780
|
-
`;function ud({children:e,"aria-label":t,...r}){return n.default.createElement(cd,r,n.default.createElement(fd,{"aria-label":t},e))}ud.displayName="TabNav";const gd=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:
|
|
1780
|
+
`;function ud({children:e,"aria-label":t,...r}){return n.default.createElement(cd,r,n.default.createElement(fd,{"aria-label":t},e))}ud.displayName="TabNav";const gd=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Pa("TabNav-item",e.selected&&"selected",e.className)})))`
|
|
1781
1781
|
padding: 8px 12px;
|
|
1782
1782
|
font-size: ${xt("fontSizes.1")};
|
|
1783
1783
|
line-height: 20px;
|
|
@@ -1901,13 +1901,13 @@
|
|
|
1901
1901
|
`,Rd=i.default("span")`
|
|
1902
1902
|
flex-shrink: 0;
|
|
1903
1903
|
line-height: 0;
|
|
1904
|
-
`,Nd=t.forwardRef(((e,t)=>{const{as:r,onRemove:o,id:a,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:f,...u}=e,g=xd(e)&&Boolean(o)&&!s,p={as:r,href:c,onClick:f};return n.default.createElement(zd,Tt({onRemove:o,hideRemoveButton:s||!o,id:null==a?void 0:a.toString(),text:l,size:d,isTokenInteractive:xd(e)},g?{}:p,u,{ref:t}),i?n.default.createElement(Rd,null,n.default.createElement(i,null)):null,n.default.createElement(Cd,g?p:{},l),!s&&o?n.default.createElement(Ed,{borderOffset:1,onClick:e=>{e.stopPropagation(),o&&o()},size:d,isParentInteractive:xd(e),"aria-hidden":g?"true":"false",sx:g?{position:"relative",zIndex:"1"}:{}}):null)}));Nd.displayName="Token",Nd.defaultProps={size:vd};var Ad=Nd;function Id({icon:e,contrast:r,className:o,block:a,disabled:i,theme:l,sx:d,tokens:s,onTokenRemove:c,tokenComponent:f,preventTokenWrapping:u,size:g,hideTokenRemoveButtons:p,maxHeight:b,width:h,minWidth:m,maxWidth:v,variant:x,...y},w){const{onFocus:B,onKeyDown:$,...k}=function(e){var t={};for(var r in e)hd.test(r)||(t[r]=e[r]);return t}(y),S=yr(w),T=To(t.useRef(null),S),[E,C]=t.useState(),{containerRef:z}=yo({focusOutBehavior:"wrap",bindKeys:Er.ArrowHorizontal|Er.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!E&&0!==E)return;let r=E+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>s.length||r<1?T.current||void 0:null===(t=z.current)||void 0===t?void 0:t.children[r]}},[E]),R=e=>{if(c(e),E){var t;(null===(t=z.current)||void 0===t?void 0:t.children[E]).focus()}},N=()=>{C(void 0)},A=e=>{var t;"Escape"===e.key&&(null===(t=S.current)||void 0===t||t.focus())};return n.default.createElement(
|
|
1904
|
+
`,Nd=t.forwardRef(((e,t)=>{const{as:r,onRemove:o,id:a,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:f,...u}=e,g=xd(e)&&Boolean(o)&&!s,p={as:r,href:c,onClick:f};return n.default.createElement(zd,Tt({onRemove:o,hideRemoveButton:s||!o,id:null==a?void 0:a.toString(),text:l,size:d,isTokenInteractive:xd(e)},g?{}:p,u,{ref:t}),i?n.default.createElement(Rd,null,n.default.createElement(i,null)):null,n.default.createElement(Cd,g?p:{},l),!s&&o?n.default.createElement(Ed,{borderOffset:1,onClick:e=>{e.stopPropagation(),o&&o()},size:d,isParentInteractive:xd(e),"aria-hidden":g?"true":"false",sx:g?{position:"relative",zIndex:"1"}:{}}):null)}));Nd.displayName="Token",Nd.defaultProps={size:vd};var Ad=Nd;function Id({icon:e,contrast:r,className:o,block:a,disabled:i,theme:l,sx:d,tokens:s,onTokenRemove:c,tokenComponent:f,preventTokenWrapping:u,size:g,hideTokenRemoveButtons:p,maxHeight:b,width:h,minWidth:m,maxWidth:v,variant:x,...y},w){const{onFocus:B,onKeyDown:$,...k}=function(e){var t={};for(var r in e)hd.test(r)||(t[r]=e[r]);return t}(y),S=yr(w),T=To(t.useRef(null),S),[E,C]=t.useState(),{containerRef:z}=yo({focusOutBehavior:"wrap",bindKeys:Er.ArrowHorizontal|Er.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!E&&0!==E)return;let r=E+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>s.length||r<1?T.current||void 0:null===(t=z.current)||void 0===t?void 0:t.children[r]}},[E]),R=e=>{if(c(e),E){var t;(null===(t=z.current)||void 0===t?void 0:t.children[E]).focus()}},N=()=>{C(void 0)},A=e=>{var t;"Escape"===e.key&&(null===(t=S.current)||void 0===t||t.focus())};return n.default.createElement(Wa,{block:a,className:o,contrast:r,disabled:i,hasIcon:!!e,theme:l,width:h,minWidth:m,maxWidth:v,variant:x,ref:z,sx:{alignItems:"center",flexWrap:u?"nowrap":"wrap",gap:"0.25rem","> *":{flexShrink:0},...a?{display:"flex",width:"100%"}:{},...b?{maxHeight:b,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...d}},n.default.createElement(qt,{sx:{order:1,flexGrow:1}},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Ha,Tt({ref:T,disabled:i,onFocus:e=>{B&&B(e),C(void 0)},onKeyDown:e=>{var t;if($&&$(e),null!==(t=S.current)&&void 0!==t&&t.value)return;const r=s[s.length-1];"Backspace"===e.key&&r&&(R(r.id),S.current&&(S.current.value=`${r.text} `),setTimeout((()=>{var e;null===(e=S.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},k))),s.length&&f?s.map((({id:e,...t},r)=>{return n.default.createElement(f,Tt({key:e,onFocus:(o=r,()=>{C(o)}),onBlur:N,onKeyUp:A,isSelected:E===r,onRemove:()=>{R(e)},hideRemoveButton:p,size:g,tabIndex:0},t));var o})):null)}Id.displayName="TextInputWithTokensInnerComponent";const Ld=n.default.forwardRef(Id);Ld.defaultProps={tokenComponent:Ad,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Ld.displayName="TextInputWithTokens";var Od=Ld;const Md=i.default(qt)`
|
|
1905
1905
|
display: flex;
|
|
1906
1906
|
flex-direction: column;
|
|
1907
1907
|
${e=>e.clipSidebar&&r.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
|
1908
1908
|
|
|
1909
1909
|
${Kt};
|
|
1910
|
-
`,Pd=i.default(qt).attrs((e=>({className:
|
|
1910
|
+
`,Pd=i.default(qt).attrs((e=>({className:Pa("Timeline-Item",e.className)})))`
|
|
1911
1911
|
display: flex;
|
|
1912
1912
|
position: relative;
|
|
1913
1913
|
padding: ${xt("space.3")} 0;
|
|
@@ -1928,7 +1928,7 @@
|
|
|
1928
1928
|
|
|
1929
1929
|
${yt};
|
|
1930
1930
|
${Kt};
|
|
1931
|
-
`,Hd=e=>n.default.createElement(qt,{position:"relative",zIndex:1},n.default.createElement(qt,Tt({display:"flex",className:
|
|
1931
|
+
`,Hd=e=>n.default.createElement(qt,{position:"relative",zIndex:1},n.default.createElement(qt,Tt({display:"flex",className:Pa(e.className,"TimelineItem-Badge"),flexShrink:0,borderRadius:"50%",borderWidth:"2px",borderStyle:"solid",borderColor:"canvas.default",overflow:"hidden",color:"fg.muted",bg:"timeline.badgeBg",width:"32px",height:"32px",mr:2,ml:"-15px",alignItems:"center",justifyContent:"center"},e),e.children));Hd.displayName="TimelineBadge";const Dd=i.default(qt)`
|
|
1932
1932
|
min-width: 0;
|
|
1933
1933
|
max-width: 100%;
|
|
1934
1934
|
margin-top: ${xt("space.1")};
|
|
@@ -1955,7 +1955,7 @@
|
|
|
1955
1955
|
display: block;
|
|
1956
1956
|
height: ${e=>`calc(${md[e.avatarSize]} - var(--spacing))`};
|
|
1957
1957
|
width: ${e=>`calc(${md[e.avatarSize]} - var(--spacing))`};
|
|
1958
|
-
`,is=t.forwardRef((({avatarSrc:e,id:t,size:r,...o},a)=>n.default.createElement(Ad,Tt({leadingVisual:()=>n.default.createElement(ns,{avatarSize:r||vd},n.default.createElement(
|
|
1958
|
+
`,is=t.forwardRef((({avatarSrc:e,id:t,size:r,...o},a)=>n.default.createElement(Ad,Tt({leadingVisual:()=>n.default.createElement(ns,{avatarSize:r||vd},n.default.createElement(Qa,{src:e,size:parseInt(md[r||vd],10),sx:{width:"100%",height:"100%"}})),size:r,id:null==t?void 0:t.toString(),sx:{paddingLeft:xt("space.1")}},o,{ref:a}))));is.defaultProps={size:vd},is.displayName="AvatarToken";var ls=is;const ds=i.default.span`
|
|
1959
1959
|
position: relative;
|
|
1960
1960
|
|
|
1961
1961
|
&::before {
|
|
@@ -2181,7 +2181,7 @@
|
|
|
2181
2181
|
}
|
|
2182
2182
|
${yt};
|
|
2183
2183
|
${Kt};
|
|
2184
|
-
`;function ss({direction:e="n",children:t,className:r,text:o,noDelay:a,align:i,wrap:l,...d}){const s=
|
|
2184
|
+
`;function ss({direction:e="n",children:t,className:r,text:o,noDelay:a,align:i,wrap:l,...d}){const s=Pa(r,`tooltipped-${e}`,i&&`tooltipped-align-${i}-2`,a&&"tooltipped-no-delay",l&&"tooltipped-multiline");return n.default.createElement(ds,Tt({role:"tooltip","aria-label":o},d,{className:s}),t)}ss.displayName="Tooltip",ss.alignments=["left","right"],ss.directions=["n","ne","e","se","s","sw","w","nw"];const cs=i.default.nav`
|
|
2185
2185
|
display: flex;
|
|
2186
2186
|
justify-content: space-between;
|
|
2187
2187
|
border-bottom: 1px solid ${xt("colors.border.muted")};
|
|
@@ -2212,7 +2212,7 @@
|
|
|
2212
2212
|
|
|
2213
2213
|
${yt};
|
|
2214
2214
|
${Kt};
|
|
2215
|
-
`;function fs({actions:e,className:t,align:r,children:o,full:a,label:i,theme:l,...d}){const s=
|
|
2215
|
+
`;function fs({actions:e,className:t,align:r,children:o,full:a,label:i,theme:l,...d}){const s=Pa(t,"UnderlineNav",r&&`UnderlineNav--${r}`,a&&"UnderlineNav--full");return n.default.createElement(cs,Tt({className:s,"aria-label":i,theme:l},d),n.default.createElement("div",{className:"UnderlineNav-body"},o),e&&n.default.createElement("div",{className:"UnderlineNav-actions"},e))}fs.displayName="UnderlineNav";const us=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Pa("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
|
2216
2216
|
padding: ${xt("space.3")} ${xt("space.2")};
|
|
2217
2217
|
margin-right: ${xt("space.3")};
|
|
2218
2218
|
font-size: ${xt("fontSizes.1")};
|
|
@@ -2245,5 +2245,5 @@
|
|
|
2245
2245
|
|
|
2246
2246
|
${yt};
|
|
2247
2247
|
${Kt};
|
|
2248
|
-
`;us.displayName="UnderlineNav.Link";var gs=Object.assign(fs,{Link:us});e.Absolute=or,e.ActionList=ka,e.ActionMenu=
|
|
2248
|
+
`;us.displayName="UnderlineNav.Link";var gs=Object.assign(fs,{Link:us});e.Absolute=or,e.ActionList=ka,e.ActionMenu=La,e.Autocomplete=Ja,e.Avatar=Qa,e.AvatarPair=rn,e.AvatarStack=nn,e.AvatarToken=ls,e.BaseStyles=zt,e.BorderBox=Yt,e.Box=qt,e.BranchName=ln,e.Breadcrumb=gn,e.Breadcrumbs=un,e.Button=vn,e.ButtonClose=En,e.ButtonDanger=xn,e.ButtonGroup=wn,e.ButtonInvisible=kn,e.ButtonOutline=Bn,e.ButtonPrimary=$n,e.ButtonTableList=Sn,e.Caret=Ln,e.CircleBadge=Fn,e.CircleOcticon=_n,e.ConfirmationDialog=ea,e.CounterLabel=jn,e.Details=Gn,e.Dialog=ti,e.Dropdown=si,e.DropdownButton=ci,e.DropdownMenu=fi,e.FilterList=mi,e.FilteredSearch=ui,e.Fixed=ar,e.Flash=yi,e.Flex=Zt,e.FormGroup=$i,e.Grid=er,e.Header=Ei,e.Heading=zi,e.IssueLabelToken=as,e.Label=Li,e.LabelGroup=Ri,e.Link=Mi,e.Overlay=za,e.Pagehead=Pi,e.Pagination=Fi,e.PointerBox=Ui,e.Popover=Ki,e.Position=rr,e.ProgressBar=Ji,e.Relative=nr,e.SSRProvider=function(e){let r=t.useContext(Co),o=t.useMemo((()=>({prefix:r===Eo?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return n.default.createElement(Co.Provider,{value:o},e.children)},e.SelectMenu=Kl,e.SideNav=Ql,e.Spinner=$l,e.StateLabel=ad,e.Sticky=ir,e.StyledOcticon=Pn,e.SubNav=sd,e.TabNav=pd,e.Text=qn,e.TextInput=_a,e.TextInputWithTokens=Od,e.ThemeProvider=Vt,e.Timeline=Fd,e.Token=Ad,e.Tooltip=ss,e.Truncate=ia,e.UnderlineNav=gs,e.theme=d,e.themeGet=xt,e.useColorSchemeVar=Ut,e.useConfirm=function(){const{theme:e,colorMode:r,dayScheme:o,nightScheme:a}=jt();return t.useCallback((t=>async function(e,t){const{content:r,...o}=t;return new Promise((t=>{const a=document.createElement("div");l.default.render(n.default.createElement(_t,e,n.default.createElement(ea,Tt({},o,{onClose:e=>{l.default.unmountComponentAtNode(a),t("confirm"===e)}}),r)),a)}))}({theme:e,colorMode:r,dayScheme:o,nightScheme:a},t)),[e,r,o,a])},e.useDetails=lr,e.useOnEscapePress=xr,e.useOnOutsideClick=ur,e.useOpenAndCloseFocus=hr,e.useOverlay=wr,e.useSSRSafeId=Ro,e.useSafeTimeout=function(){const e=t.useRef(new Set),r=t.useCallback(((t,r,...o)=>{const a=window.setTimeout(t,r,...o);return e.current.add(a),a}),[]),o=t.useCallback((t=>{clearTimeout(t),e.current.delete(t)}),[]);return t.useEffect((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:r,safeClearTimeout:o}},e.useTheme=jt,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2249
2249
|
//# sourceMappingURL=browser.umd.js.map
|