|
|
@ -35,7 +35,8 @@ |
|
|
style="position: relative;" |
|
|
style="position: relative;" |
|
|
role="dialog" |
|
|
role="dialog" |
|
|
tabindex="-1" |
|
|
tabindex="-1" |
|
|
aria-modal="true"> |
|
|
aria-modal="true" |
|
|
|
|
|
> |
|
|
<div class="spectrum-Dialog-grid"> |
|
|
<div class="spectrum-Dialog-grid"> |
|
|
<h1 class="spectrum-Dialog-heading spectrum-Dialog-heading--noHeader"> |
|
|
<h1 class="spectrum-Dialog-heading spectrum-Dialog-heading--noHeader"> |
|
|
{title} |
|
|
{title} |
|
|
@ -48,7 +49,8 @@ |
|
|
</section> |
|
|
</section> |
|
|
{#if showCancelButton || showConfirmButton} |
|
|
{#if showCancelButton || showConfirmButton} |
|
|
<div |
|
|
<div |
|
|
class="spectrum-ButtonGroup spectrum-Dialog-buttonGroup spectrum-Dialog-buttonGroup--noFooter"> |
|
|
class="spectrum-ButtonGroup spectrum-Dialog-buttonGroup spectrum-Dialog-buttonGroup--noFooter" |
|
|
|
|
|
> |
|
|
<slot name="footer" /> |
|
|
<slot name="footer" /> |
|
|
{#if showCancelButton} |
|
|
{#if showCancelButton} |
|
|
<Button group secondary on:click={hide}>{cancelText}</Button> |
|
|
<Button group secondary on:click={hide}>{cancelText}</Button> |
|
|
@ -59,7 +61,8 @@ |
|
|
cta |
|
|
cta |
|
|
{...$$restProps} |
|
|
{...$$restProps} |
|
|
disabled={confirmDisabled} |
|
|
disabled={confirmDisabled} |
|
|
on:click={confirm}> |
|
|
on:click={confirm} |
|
|
|
|
|
> |
|
|
{confirmText} |
|
|
{confirmText} |
|
|
</Button> |
|
|
</Button> |
|
|
{/if} |
|
|
{/if} |
|
|
@ -67,7 +70,7 @@ |
|
|
{/if} |
|
|
{/if} |
|
|
{#if showCloseIcon} |
|
|
{#if showCloseIcon} |
|
|
<div class="close-icon" on:click={hide}> |
|
|
<div class="close-icon" on:click={hide}> |
|
|
<Icon name="Close" /> |
|
|
<Icon hoverable name="Close" /> |
|
|
</div> |
|
|
</div> |
|
|
{/if} |
|
|
{/if} |
|
|
</div> |
|
|
</div> |
|
|
|