@ncino/web-components 1.2.0-preview.16 → 1.2.0-preview.17

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.
Files changed (20) hide show
  1. package/dist/assets/index-chunk5.js +1 -1
  2. package/dist/components/icon-button/gator/icon-button.gator.js +5 -5
  3. package/dist/components/toast/gator/base/toast.gator.js +40 -0
  4. package/dist/components/toast/gator/subtitle/toast-subtitle.gator.js +5 -0
  5. package/dist/components/toast/gator/title/toast-title.gator.js +5 -0
  6. package/dist/components/toast/index.js +1 -1
  7. package/dist/components/toast/toast.js +1 -1
  8. package/dist/index.gator.js +1 -1
  9. package/dist/index.js +1 -1
  10. package/dist/types/components/toast/gator/{toast.gator.d.ts → base/toast.gator.d.ts} +4 -3
  11. package/dist/types/components/toast/gator/subtitle/toast-subtitle.gator.d.ts +13 -0
  12. package/dist/types/components/toast/gator/subtitle/toast-subtitle.gator.test.d.ts +0 -0
  13. package/dist/types/components/toast/gator/title/toast-title.gator.d.ts +13 -0
  14. package/dist/types/components/toast/gator/title/toast-title.gator.test.d.ts +0 -0
  15. package/dist/types/components/toast/index.d.ts +1 -1
  16. package/dist/types/components/toast/toast.d.ts +10 -0
  17. package/package.json +1 -1
  18. package/web-types.json +116 -4
  19. package/dist/components/toast/gator/toast.gator.js +0 -20
  20. /package/dist/types/components/toast/gator/{toast.gator.test.d.ts → base/toast.gator.test.d.ts} +0 -0
package/dist/assets/index-chunk5.js CHANGED
@@ -1 +1 @@
1
- const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-brand-secondary: var(--color-blue-20, #C3CDD6);--color-stroke-primary: var(--color-neutral-40);--color-stroke-secondary: var(--color-neutral-40);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-stroke-tertiary: var(--color-neutral-30, #E5E5E5);--color-stroke-button: var(--color-neutral-70);--color-stroke-interactive: var(--color-neutral-70);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-40, #BFBFBF);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-surface-hover: var(--color-neutral-10, #F7F7F7);--color-surface-loading: var(--color-neutral-30);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--color-button-disabled: var(--color-neutral-40, #BFBFBF);--color-focus-gap: var(--color-neutral-0, #FFFFFF);--color-focus-border: var(--color-blue-30, #11395B);--primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--text-color-secondary: var(--color-neutral-50, #6D6D6D);--size-stroke-1: 1px;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-subtitle-1: 1.0625rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-line-height-body-1: 1.5rem;--text-line-height-body-2: 1.375rem;--text-line-height-h1: 3.125rem;--text-line-height-h5: 1.875rem;--text-family-sans-serif: "Open Sans", sans-serif;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem;--spacing-gap-16: 1rem;--size-icon-default: 1.5rem;--text-line-height-subtitle: 1.5rem}';export{r as s};
1
+ const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-brand-secondary: var(--color-blue-20, #C3CDD6);--color-stroke-primary: var(--color-neutral-40);--color-stroke-secondary: var(--color-neutral-40);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-stroke-tertiary: var(--color-neutral-30, #E5E5E5);--color-stroke-button: var(--color-neutral-70);--color-stroke-interactive: var(--color-neutral-70);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-40, #BFBFBF);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-surface-hover: var(--color-neutral-10, #F7F7F7);--color-surface-loading: var(--color-neutral-30);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--color-button-disabled: var(--color-neutral-40, #BFBFBF);--color-focus-gap: var(--color-neutral-0, #FFFFFF);--color-focus-border: var(--color-blue-30, #11395B);--primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--text-color-secondary: var(--color-neutral-50, #6D6D6D);--size-stroke-1: 1px;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-subtitle-1: 1.0625rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-line-height-subtitle-1: 1.5rem;--text-line-height-body-1: 1.5rem;--text-line-height-body-2: 1.375rem;--text-line-height-h1: 3.125rem;--text-line-height-h5: 1.875rem;--text-family-sans-serif: "Open Sans", sans-serif;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem;--spacing-gap-16: 1rem;--size-icon-default: 1.5rem;--text-line-height-subtitle: 1.5rem}';export{r as s};
package/dist/components/icon-button/gator/icon-button.gator.js CHANGED
@@ -1,4 +1,4 @@
1
- import{a as l,x as e,E as d}from"../../../assets/index-chunk2.js";import{t as u}from"../../../assets/index-chunk3.js";import"../../button/slds/button.slds.js";import"../../button/gator/button.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../loading-spinner/gator/loading-spinner.gator.js";import{p as h}from"../../../assets/index-chunk4.js";import{s as b}from"../../../assets/index-chunk5.js";import{N as g}from"../icon-button.js";import{o as m}from"../../../assets/index-chunk9.js";import"../../button/button.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../utils/mixins/attribute-deletion.js";import"../../../assets/index-chunk6.js";import"../../loading-spinner/loading-spinner.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";const p=".gator-icon-button{display:inline-flex;align-items:center;justify-content:center;border-style:none;cursor:pointer;margin:var(--ngc-icon-button-margin, auto);background-color:var(--ngc-icon-button-background-color, transparent);padding:var(--ngc-icon-button-padding, 0);border-radius:50%}.gator-icon-button ngc-icon{--ngc-icon-color: var(--ngc-icon-button-icon-color, var(--color-primary-03-base))}.gator-icon-button_xsmall{height:1.5rem;width:1.5rem}.gator-icon-button_xsmall ngc-icon{--ngc-icon-height: 1rem;--ngc-icon-width: 1rem}.gator-icon-button_xsmall .gator-icon-button_loader{display:inline-flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem}.gator-icon-button_small{height:1.5rem;width:1.5rem}.gator-icon-button_small ngc-icon{--ngc-icon-height: 1.125rem;--ngc-icon-width: 1.125rem}.gator-icon-button_medium{height:2rem;width:2rem}.gator-icon-button_medium ngc-icon{--ngc-icon-height: 1.5rem;--ngc-icon-width: 1.5rem}.gator-icon-button_large{height:3rem;width:3rem}.gator-icon-button_large ngc-icon{--ngc-icon-height: 2.25rem;--ngc-icon-width: 2.25rem}.gator-icon-button_xlarge{height:3rem;width:3rem}.gator-icon-button_xlarge ngc-icon{--ngc-icon-height: 2.5rem;--ngc-icon-width: 2.5rem}.gator-icon-button-loader{display:flex;align-items:center;justify-content:center;background-color:var(--ngc-icon-button-loading-background-color, var(--color-surface-loading));border-radius:50%}.gator-icon-button-loader_xsmall{width:16px;height:16px}.gator-icon-button-loader_small{width:20px;height:20px}.gator-icon-button-loader_medium{width:24px;height:24px}.gator-icon-button-loader_large{width:36px;height:36px}.gator-icon-button-loader_xlarge{width:40px;height:40px}.gator-icon-button[disabled]{cursor:not-allowed}.gator-icon-button[disabled] ngc-icon{--ngc-icon-color: var(--ngc-icon-button-disabled-color, var(--color-text-disabled))}.gator-icon-button:not([disabled]):not(.gator-icon-button_loading):hover{box-shadow:var(--ngc-icon-button-hover-box-shadow, 0px 3px 6px 0px rgba(31, 31, 31, .2))}.gator-icon-button:not([disabled]):focus-visible{outline:var(--ngc-icon-button-focus-outline, 2px solid var(--color-focus-border));outline-offset:2px}.gator-icon-button:not([disabled]):not(.gator-icon-button_loading):active{background-color:var(--ngc-icon-button-pressed-background-color, var(--color-surface-brand-secondary));box-shadow:none}.gator-icon-button.gator-icon-button_loading{cursor:not-allowed}";var x=Object.defineProperty,f=Object.getOwnPropertyDescriptor,_=(t,n,a,i)=>{for(var o=i>1?void 0:i?f(n,a):n,c=t.length-1,s;c>=0;c--)(s=t[c])&&(o=(i?s(n,a,o):s(o))||o);return i&&o&&x(n,a,o),o};let r=class extends g{render(){return this.skeleton?this.skeletonMarkup:e`
1
+ import{a as l,x as r,E as u}from"../../../assets/index-chunk2.js";import{t as d}from"../../../assets/index-chunk3.js";import"../../button/slds/button.slds.js";import"../../button/gator/button.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../loading-spinner/gator/loading-spinner.gator.js";import{p as h}from"../../../assets/index-chunk4.js";import{s as b}from"../../../assets/index-chunk5.js";import{N as g}from"../icon-button.js";import{o as m}from"../../../assets/index-chunk9.js";import"../../button/button.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../utils/mixins/attribute-deletion.js";import"../../../assets/index-chunk6.js";import"../../loading-spinner/loading-spinner.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";const p=".gator-icon-button{display:inline-flex;align-items:center;justify-content:center;border-style:none;cursor:pointer;margin:var(--ngc-icon-button-margin, auto);background-color:var(--ngc-icon-button-background-color, transparent);padding:var(--ngc-icon-button-padding, 0);border-radius:50%}.gator-icon-button ngc-icon{--ngc-icon-color: var(--ngc-icon-button-icon-color, var(--color-primary-03-base))}.gator-icon-button_xsmall{height:var(--ngc-icon-button-height, 1.5rem);width:var(--ngc-icon-button-width, 1.5rem)}.gator-icon-button_xsmall ngc-icon{--ngc-icon-height: 1rem;--ngc-icon-width: 1rem}.gator-icon-button_xsmall .gator-icon-button_loader{display:inline-flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem}.gator-icon-button_small{height:var(--ngc-icon-button-height, 1.5rem);width:var(--ngc-icon-button-width, 1.5rem)}.gator-icon-button_small ngc-icon{--ngc-icon-height: 1.125rem;--ngc-icon-width: 1.125rem}.gator-icon-button_medium{height:var(--ngc-icon-button-height, 2rem);width:var(--ngc-icon-button-width, 2rem)}.gator-icon-button_medium ngc-icon{--ngc-icon-height: 1.5rem;--ngc-icon-width: 1.5rem}.gator-icon-button_large{height:var(--ngc-icon-button-height, 3rem);width:var(--ngc-icon-button-width, 3rem)}.gator-icon-button_large ngc-icon{--ngc-icon-height: 2.25rem;--ngc-icon-width: 2.25rem}.gator-icon-button_xlarge{height:var(--ngc-icon-button-height, 3rem);width:var(--ngc-icon-button-width, 3rem)}.gator-icon-button_xlarge ngc-icon{--ngc-icon-height: 2.5rem;--ngc-icon-width: 2.5rem}.gator-icon-button-loader{display:flex;align-items:center;justify-content:center;background-color:var(--ngc-icon-button-loading-background-color, var(--color-surface-loading));border-radius:50%}.gator-icon-button-loader_xsmall{width:16px;height:16px}.gator-icon-button-loader_small{width:20px;height:20px}.gator-icon-button-loader_medium{width:24px;height:24px}.gator-icon-button-loader_large{width:36px;height:36px}.gator-icon-button-loader_xlarge{width:40px;height:40px}.gator-icon-button[disabled]{cursor:not-allowed}.gator-icon-button[disabled] ngc-icon{--ngc-icon-color: var(--ngc-icon-button-disabled-color, var(--color-text-disabled))}.gator-icon-button:not([disabled]):not(.gator-icon-button_loading):hover{box-shadow:var(--ngc-icon-button-hover-box-shadow, 0px 3px 6px 0px rgba(31, 31, 31, .2))}.gator-icon-button:not([disabled]):focus-visible{outline:var(--ngc-icon-button-focus-outline, 2px solid var(--color-focus-border));outline-offset:2px}.gator-icon-button:not([disabled]):not(.gator-icon-button_loading):active{background-color:var(--ngc-icon-button-pressed-background-color, var(--color-surface-brand-secondary));box-shadow:none}.gator-icon-button.gator-icon-button_loading{cursor:not-allowed}";var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,w=(t,n,a,i)=>{for(var o=i>1?void 0:i?v(n,a):n,c=t.length-1,s;c>=0;c--)(s=t[c])&&(o=(i?s(n,a,o):s(o))||o);return i&&o&&x(n,a,o),o};let e=class extends g{render(){return this.skeleton?this.skeletonMarkup:r`
2
2
  <button
3
3
  aria-label=${this.buttonAriaLabel}
4
4
  data-testid=${m(this.dataTestid?`${this.dataTestid}-icon-button`:void 0)}
@@ -9,17 +9,17 @@ import{a as l,x as e,E as d}from"../../../assets/index-chunk2.js";import{t as u}
9
9
  >
10
10
  ${this.loading?this.loadingMarkup:null}
11
11
  ${this.skeleton?this.skeletonMarkup:null}
12
- ${!this.loading&&!this.skeleton?e`<ngc-icon .name="${this.iconName}"></ngc-icon>`:null}
12
+ ${!this.loading&&!this.skeleton?r`<ngc-icon .name="${this.iconName}"></ngc-icon>`:null}
13
13
  </button>
14
- `}get buttonAriaLabel(){return this.loading?this.loadingAriaLabel:this.dataset.ariaLabel?this.dataset.ariaLabel:this.ariaLabel?this.ariaLabel:d}get sizeClass(){switch(this.size){case"xsmall":return"gator-icon-button_xsmall";case"medium":return"gator-icon-button_medium";case"large":return"gator-icon-button_large";case"xlarge":return"gator-icon-button_xlarge";case"small":default:return"gator-icon-button_small"}}get loadingClass(){return this.loading?"gator-icon-button_loading":""}get pxSize(){switch(this.size){case"xsmall":case"small":return 24;case"medium":return 32;case"large":case"xlarge":return 48;default:return 24}}get skeletonMarkup(){return e`
14
+ `}get buttonAriaLabel(){return this.loading?this.loadingAriaLabel:this.dataset.ariaLabel?this.dataset.ariaLabel:this.ariaLabel?this.ariaLabel:u}get sizeClass(){switch(this.size){case"xsmall":return"gator-icon-button_xsmall";case"medium":return"gator-icon-button_medium";case"large":return"gator-icon-button_large";case"xlarge":return"gator-icon-button_xlarge";case"small":default:return"gator-icon-button_small"}}get loadingClass(){return this.loading?"gator-icon-button_loading":""}get pxSize(){switch(this.size){case"xsmall":case"small":return 24;case"medium":return 32;case"large":case"xlarge":return 48;default:return 24}}get skeletonMarkup(){return r`
15
15
  <ngc-skeleton-loader
16
16
  .width="${this.pxSize}"
17
17
  .height="${this.pxSize}"
18
18
  radius="9999"
19
19
  @click="${this.handleClick}"
20
20
  ></ngc-skeleton-loader>
21
- `}get loadingMarkup(){let t;switch(this.size){case"xsmall":t="small";break;case"small":case"medium":t="medium";break;case"large":case"xlarge":t="large";break;default:t="small";break}return e`
21
+ `}get loadingMarkup(){let t;switch(this.size){case"xsmall":t="small";break;case"small":case"medium":t="medium";break;case"large":case"xlarge":t="large";break;default:t="small";break}return r`
22
22
  <div class="gator-icon-button-loader gator-icon-button-loader_${this.size}">
23
23
  <ngc-loading-spinner .size="${t}"></ngc-loading-spinner>
24
24
  </div>
25
- `}handleClick(t){t.preventDefault(),t.stopPropagation(),!(this.disabled||this.loading||this.skeleton)&&this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0}))}};r.styles=[l(p),l(h),l(b)];r.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};r=_([u("ngc-icon-button")],r);
25
+ `}handleClick(t){t.preventDefault(),t.stopPropagation(),!(this.disabled||this.loading||this.skeleton)&&this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0}))}};e.styles=[l(p),l(h),l(b)];e.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};e=w([d("ngc-icon-button")],e);
package/dist/components/toast/gator/base/toast.gator.js ADDED
@@ -0,0 +1,40 @@
1
+ import{N as g}from"../../toast.js";import{a as c,x as s}from"../../../../assets/index-chunk2.js";import{t as u}from"../../../../assets/index-chunk3.js";import{p as m}from"../../../../assets/index-chunk4.js";import{s as d}from"../../../../assets/index-chunk5.js";import"../../../icon-button/gator/icon-button.gator.js";import"../../../../assets/index-chunk.js";import"../../../button/slds/button.slds.js";import"../../../button/button.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../utils/mixins/attribute-deletion.js";import"../../../../assets/index-chunk6.js";import"../../../button/gator/button.gator.js";import"../../../loading-spinner/gator/loading-spinner.gator.js";import"../../../loading-spinner/loading-spinner.js";import"../../../../assets/index-chunk9.js";import"../../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.js";import"../../../icon-button/icon-button.js";const v=".gator-toast{display:flex;flex-direction:row;align-content:center;font-size:1.0625rem;padding:var(--ngc-toast-padding, 1rem);max-width:100%;border-radius:var(--ngc-toast-border-radius, .5rem);margin:var(--ngc-toast-margin, 0 0 1rem 0);width:var(--ngc-toast-width, 26rem);font-family:var(--ngc-font-family-body),sans-serif;box-shadow:var(--ngc-toast-box-shadow, 0 5px 10px 0 rgba(31, 31, 31, .1), 0 7px 14px 0 rgba(31, 31, 31, .08), 0 3px 6px 0 rgba(31, 31, 31, .08))}.gator-toast_info{background:var(--ngc-toast-background-color, var(--color-surface-secondary));--ngc-icon-color: var(--ngc-toast-icon-color)}.gator-toast_warning{background:var(--ngc-toast-background-color, var(--color-surface-warning));--ngc-icon-color: var(--ngc-toast-icon-color, var(--color-icon-warning))}.gator-toast_error{background:var(--ngc-toast-background-color, var(--color-surface-error));--ngc-icon-color: var(--ngc-toast-icon-color, var(--color-icon-error))}.gator-toast_success{background:var(--ngc-toast-background-color, var(--color-surface-success));--ngc-icon-color: var(--ngc-toast-icon-color, var(--color-icon-success))}.gator-toast-content-container{display:flex;flex-direction:column;flex-grow:1;justify-items:center;margin:0 .5rem}.gator-toast-content{display:flex;flex-direction:column;justify-content:center}.gator-toast-actions{display:flex;flex-direction:row;margin-top:1rem}.gator-toast-dismiss-button{display:flex;--ngc-icon-button-width: 1.5rem;--ngc-icon-button-height: 1.5rem;--ngc-icon-button-hover-box-shadow: none}.gator-toast-dismiss-button ngc-icon-button{height:1.5rem}";var p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,f=(t,r,i,a)=>{for(var o=a>1?void 0:a?b(r,i):r,n=t.length-1,e;n>=0;n--)(e=t[n])&&(o=(a?e(r,i,o):e(o))||o);return a&&o&&p(r,i,o),o};let l=class extends g{render(){return s`
2
+ <div
3
+ class="gator-toast ${this.variantClass}"
4
+ role="${this.ariaRole}"
5
+ aria-live="polite"
6
+ >
7
+ ${this.iconMarkup}
8
+
9
+ <div class="gator-toast-content-container">
10
+ <div class="gator-toast-content">
11
+ <slot name="content">
12
+ <ngc-toast-title>${this.title}</ngc-toast-title>
13
+ <ngc-toast-subtitle>${this.subtitle}</ngc-toast-subtitle>
14
+ </slot>
15
+ </div>
16
+
17
+ ${this.actionsSlot}
18
+ </div>
19
+
20
+ ${this.dismissibleMarkup}
21
+ </div>
22
+ `}get ariaRole(){return this.sticky?"alertdialog":"alert"}get actionsSlot(){return this.querySelector('[slot="actions"]')?s`
23
+ <div class="gator-toast-actions">
24
+ <slot name="actions"></slot>
25
+ </div>
26
+ `:null}get variantClass(){switch(this.variant){case"info":return"gator-toast_info";case"warning":return"gator-toast_warning";case"error":return"gator-toast_error";case"success":return"gator-toast_success";case"inverse":return"gator-toast_inverse";default:return"gator-toast_info"}}get iconMarkup(){let t="info";switch(this.variant){case"info":t="info";break;case"warning":t="warning";break;case"error":t="restricted";break;case"success":t="check-circle";break;case"inverse":t="info";break}return s`
27
+ <ngc-icon
28
+ name="${t}"
29
+ label="${this.statusIconLabel??t}"
30
+ ></ngc-icon>
31
+ `}get dismissibleMarkup(){return this.dismissible?s`
32
+ <div class="gator-toast-dismiss-button">
33
+ <ngc-icon-button
34
+ aria-label="${this.exitIconLabel}"
35
+ icon-name="exit"
36
+ size="medium"
37
+ @click=${this.handleDismiss}
38
+ ></ngc-icon-button>
39
+ </div>
40
+ `:null}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}};l.styles=[c(v),c(m),c(d)];l=f([u("ngc-toast")],l);
package/dist/components/toast/gator/subtitle/toast-subtitle.gator.js ADDED
@@ -0,0 +1,5 @@
1
+ import{N as f}from"../../toast.js";import{a as n,x as m}from"../../../../assets/index-chunk2.js";import{t as v}from"../../../../assets/index-chunk3.js";import{p as c}from"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk.js";const p='.gator-toast-subtitle{color:var(--ngc-toast-subtitle-color, var(--color-text-primary-base, #1F1F1F));font-family:var(--ngc-font-family-body),"Open Sans",sans-serif;font-size:var(--ngc-toast-subtitle-font-size, var(--text-size-body-2, .9375rem));line-height:var(--text-line-height-body-2, 1.375rem)}';var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,u=(l,r,e,s)=>{for(var t=s>1?void 0:s?g(r,e):r,o=l.length-1,a;o>=0;o--)(a=l[o])&&(t=(s?a(r,e,t):a(t))||t);return s&&t&&b(r,e,t),t};let i=class extends f{render(){return m`
2
+ <div class="gator-toast-subtitle">
3
+ <slot></slot>
4
+ </div>
5
+ `}};i.styles=[n(c),n(p)];i=u([v("ngc-toast-subtitle")],i);
package/dist/components/toast/gator/title/toast-title.gator.js ADDED
@@ -0,0 +1,5 @@
1
+ import{N as m}from"../../toast.js";import{a as n,x as f}from"../../../../assets/index-chunk2.js";import{t as v}from"../../../../assets/index-chunk3.js";import{p as c}from"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk.js";const p='.gator-toast-title{color:var(--ngc-toast-title-color, var(--color-text-primary-base, #1F1F1F));font-family:var(--ngc-font-family-body),"Open Sans",sans-serif;font-size:var(--ngc-toast-title-font-size, var(--text-size-subtitle-1, 1.0625rem));font-weight:700;line-height:var(--text-line-height-subtitle-1, 1.5rem);margin-bottom:var(--spacing-2, .5rem)}';var g=Object.defineProperty,b=Object.getOwnPropertyDescriptor,h=(l,e,o,r)=>{for(var t=r>1?void 0:r?b(e,o):e,s=l.length-1,i;s>=0;s--)(i=l[s])&&(t=(r?i(e,o,t):i(t))||t);return r&&t&&g(e,o,t),t};let a=class extends m{render(){return f`
2
+ <div class="gator-toast-title">
3
+ <slot></slot>
4
+ </div>
5
+ `}};a.styles=[n(c),n(p)];a=h([v("ngc-toast-title")],a);
package/dist/components/toast/index.js CHANGED
@@ -1 +1 @@
1
- import"./gator/toast.gator.js";import"./toast.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";
1
+ import"./gator/base/toast.gator.js";import"./toast.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../icon-button/gator/icon-button.gator.js";import"../button/slds/button.slds.js";import"../button/button.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../utils/mixins/attribute-deletion.js";import"../../assets/index-chunk6.js";import"../button/gator/button.gator.js";import"../loading-spinner/gator/loading-spinner.gator.js";import"../loading-spinner/loading-spinner.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../icon-button/icon-button.js";
package/dist/components/toast/toast.js CHANGED
@@ -1 +1 @@
1
- import{r as l}from"../../assets/index-chunk2.js";import{n as e}from"../../assets/index-chunk.js";var c=Object.defineProperty,s=(o,a,n,b)=>{for(var t=void 0,r=o.length-1,p;r>=0;r--)(p=o[r])&&(t=p(a,n,t)||t);return t&&c(a,n,t),t};class i extends l{constructor(){super(...arguments),this.variant="info",this.dismissible=!1,this.sticky=!1,this.exitIconLabel="",this.statusIconLabel=""}}s([e()],i.prototype,"variant");s([e({type:Boolean})],i.prototype,"dismissible");s([e({type:Boolean})],i.prototype,"sticky");s([e({type:String,attribute:"exit-icon-label"})],i.prototype,"exitIconLabel");s([e({type:String,attribute:"status-icon-label"})],i.prototype,"statusIconLabel");export{i as N};
1
+ import{r as l}from"../../assets/index-chunk2.js";import{n as t}from"../../assets/index-chunk.js";var y=Object.defineProperty,e=(o,a,p,b)=>{for(var s=void 0,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=n(a,p,s)||s);return s&&y(a,p,s),s};class i extends l{constructor(){super(...arguments),this.variant="info",this.dismissible=!1,this.sticky=!1,this.exitIconLabel="",this.statusIconLabel="",this.title="",this.subtitle=""}}e([t()],i.prototype,"variant");e([t({type:Boolean})],i.prototype,"dismissible");e([t({type:Boolean})],i.prototype,"sticky");e([t({type:String,attribute:"exit-icon-label"})],i.prototype,"exitIconLabel");e([t({type:String,attribute:"status-icon-label"})],i.prototype,"statusIconLabel");e([t({type:String})],i.prototype,"title");e([t({type:String})],i.prototype,"subtitle");export{i as N};
package/dist/index.gator.js CHANGED
@@ -1 +1 @@
1
- import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/boolean/boolean.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/base/card.gator.js";import"./components/card/gator/title/card-title.gator.js";import"./components/card/gator/subtitle/card-subtitle.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/display-card/gator/display-card.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/slds/input-text/input-text.slds.js";import"./components/input/slds/input-error/input-error.slds.js";import"./components/input/slds/input-label/input-label.slds.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/text-detail/gator/text-detail.gator.js";import"./components/toast/gator/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/alert/alert.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/mixins/attribute-deletion.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/balloons.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/warning.js";import"./components/avatar/avatar.js";import"./assets/index-chunk7.js";import"./assets/index-chunk8.js";import"./assets/index-chunk6.js";import"./components/badge/badge.js";import"./utils/string-utils.js";import"./components/banner/banner.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/loading-spinner/loading-spinner.js";import"./assets/index-chunk9.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk10.js";import"./assets/index-chunk11.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./components/display-card/display-card.js";import"./components/fab/fab.js";import"./components/headline-card/headline-card.js";import"./assets/index-chunk12.js";import"./components/input/base/input-base.js";import"./components/icon/icon.js";import"./components/menu/base/menu.js";import"./consts/key-constants.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/icon-button/icon-button.js";import"./components/switch/switch.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-detail/text-detail.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
1
+ import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/boolean/boolean.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/base/card.gator.js";import"./components/card/gator/title/card-title.gator.js";import"./components/card/gator/subtitle/card-subtitle.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/display-card/gator/display-card.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/slds/input-text/input-text.slds.js";import"./components/input/slds/input-error/input-error.slds.js";import"./components/input/slds/input-label/input-label.slds.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/text-detail/gator/text-detail.gator.js";import"./components/toast/gator/base/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/alert/alert.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/mixins/attribute-deletion.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/balloons.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/warning.js";import"./components/avatar/avatar.js";import"./assets/index-chunk7.js";import"./assets/index-chunk8.js";import"./assets/index-chunk6.js";import"./components/badge/badge.js";import"./utils/string-utils.js";import"./components/banner/banner.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/loading-spinner/loading-spinner.js";import"./assets/index-chunk9.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk10.js";import"./assets/index-chunk11.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./components/display-card/display-card.js";import"./components/fab/fab.js";import"./components/headline-card/headline-card.js";import"./assets/index-chunk12.js";import"./components/input/base/input-base.js";import"./components/icon/icon.js";import"./components/menu/base/menu.js";import"./consts/key-constants.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/icon-button/icon-button.js";import"./components/switch/switch.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-detail/text-detail.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/boolean/boolean.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/base/card.gator.js";import"./components/card/gator/title/card-title.gator.js";import"./components/card/gator/subtitle/card-subtitle.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/combobox/base/combobox.slds.js";import"./components/combobox/base/combobox.js";import"./components/combobox/combobox-item/combobox-item.slds.js";import"./components/combobox/combobox-item/combobox-item.js";import"./components/display-card/gator/display-card.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/input-rich-text/input-rich-text.slds.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/slds/input-text/input-text.slds.js";import"./components/input/slds/input-error/input-error.slds.js";import"./components/input/slds/input-label/input-label.slds.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/pill/pill.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/scoped-notification/scoped-notification.slds.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/text-detail/gator/text-detail.gator.js";import"./components/toast/gator/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/alert/alert.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/mixins/attribute-deletion.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/balloons.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/warning.js";import"./assets/index-chunk6.js";import"./components/badge/badge.js";import"./utils/string-utils.js";import"./components/banner/banner.js";import"./assets/index-chunk7.js";import"./assets/index-chunk8.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/loading-spinner/loading-spinner.js";import"./assets/index-chunk9.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk10.js";import"./assets/index-chunk11.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./assets/index-chunk12.js";import"./consts/key-constants.js";import"./components/display-card/display-card.js";import"./components/fab/fab.js";import"./components/headline-card/headline-card.js";import"./components/icon/icon.js";import"./components/input-rich-text/ckeditor-config.js";import"./components/input-rich-text/input-rich-text.js";import"./components/input/base/input-base.js";import"./components/menu/base/menu.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/icon-button/icon-button.js";import"./components/scoped-notification/scoped-notification.js";import"./components/switch/switch.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-detail/text-detail.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
1
+ import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/boolean/boolean.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/base/card.gator.js";import"./components/card/gator/title/card-title.gator.js";import"./components/card/gator/subtitle/card-subtitle.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/combobox/base/combobox.slds.js";import"./components/combobox/base/combobox.js";import"./components/combobox/combobox-item/combobox-item.slds.js";import"./components/combobox/combobox-item/combobox-item.js";import"./components/display-card/gator/display-card.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/input-rich-text/input-rich-text.slds.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/slds/input-text/input-text.slds.js";import"./components/input/slds/input-error/input-error.slds.js";import"./components/input/slds/input-label/input-label.slds.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/pill/pill.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/scoped-notification/scoped-notification.slds.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/text-detail/gator/text-detail.gator.js";import"./components/toast/gator/base/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/alert/alert.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/mixins/attribute-deletion.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/balloons.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/warning.js";import"./assets/index-chunk6.js";import"./components/badge/badge.js";import"./utils/string-utils.js";import"./components/banner/banner.js";import"./assets/index-chunk7.js";import"./assets/index-chunk8.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/loading-spinner/loading-spinner.js";import"./assets/index-chunk9.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk10.js";import"./assets/index-chunk11.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./assets/index-chunk12.js";import"./consts/key-constants.js";import"./components/display-card/display-card.js";import"./components/fab/fab.js";import"./components/headline-card/headline-card.js";import"./components/icon/icon.js";import"./components/input-rich-text/ckeditor-config.js";import"./components/input-rich-text/input-rich-text.js";import"./components/input/base/input-base.js";import"./components/menu/base/menu.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/icon-button/icon-button.js";import"./components/scoped-notification/scoped-notification.js";import"./components/switch/switch.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-detail/text-detail.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
package/dist/types/components/toast/gator/{toast.gator.d.ts → base/toast.gator.d.ts} RENAMED
@@ -1,14 +1,15 @@
1
- import { NjcToast } from '../toast.ts';
1
+ import { NjcToast } from '../../toast.ts';
2
2
  /**
3
- * @slot - The content within the button
3
+ * @slot - The content within the toast
4
4
  */
5
5
  export declare class NgcToast extends NjcToast {
6
6
  static styles: import('lit').CSSResult[];
7
7
  render(): import('lit').TemplateResult<1>;
8
8
  get ariaRole(): "alertdialog" | "alert";
9
+ get actionsSlot(): import('lit').TemplateResult<1> | null;
9
10
  get variantClass(): "gator-toast_info" | "gator-toast_warning" | "gator-toast_error" | "gator-toast_success" | "gator-toast_inverse";
10
11
  get iconMarkup(): import('lit').TemplateResult<1>;
11
- get dismissibleMarkup(): import('lit').TemplateResult<1>;
12
+ get dismissibleMarkup(): import('lit').TemplateResult<1> | null;
12
13
  handleDismiss(): void;
13
14
  }
14
15
  declare global {
package/dist/types/components/toast/gator/subtitle/toast-subtitle.gator.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { NjcToast } from '../../toast.ts';
2
+ /**
3
+ * @slot - The subtitle content
4
+ */
5
+ export declare class NgcToastSubtitle extends NjcToast {
6
+ static styles: import('lit').CSSResult[];
7
+ render(): import('lit').TemplateResult<1>;
8
+ }
9
+ declare global {
10
+ interface HTMLElementTagNameMap {
11
+ 'ngc-toast-subtitle': NgcToastSubtitle;
12
+ }
13
+ }
package/dist/types/components/toast/gator/title/toast-title.gator.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { NjcToast } from '../../toast.ts';
2
+ /**
3
+ * @slot - The title content
4
+ */
5
+ export declare class NgcToastTitle extends NjcToast {
6
+ static styles: import('lit').CSSResult[];
7
+ render(): import('lit').TemplateResult<1>;
8
+ }
9
+ declare global {
10
+ interface HTMLElementTagNameMap {
11
+ 'ngc-toast-title': NgcToastTitle;
12
+ }
13
+ }
package/dist/types/components/toast/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * as NgcToast from './gator/toast.gator.ts';
1
+ export * as NgcToast from './gator/base/toast.gator.ts';
package/dist/types/components/toast/toast.d.ts CHANGED
@@ -26,4 +26,14 @@ export declare class NjcToast extends LitElement {
26
26
  * @type {string}
27
27
  */
28
28
  statusIconLabel: string;
29
+ /**
30
+ * @property title - The title of the toast
31
+ * @type {string}
32
+ */
33
+ title: string;
34
+ /**
35
+ * @property subtitle - The subtitle of the toast
36
+ * @type {string}
37
+ */
38
+ subtitle: string;
29
39
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ncino/web-components",
3
3
  "author": "nCino",
4
- "version": "1.2.0-preview.16",
4
+ "version": "1.2.0-preview.17",
5
5
  "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
6
6
  "publishConfig": {
7
7
  "registry": "https://registry.npmjs.org/"
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ncino/web-components",
4
- "version": "1.2.0-preview.15",
4
+ "version": "1.2.0-preview.16",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -2092,7 +2092,7 @@
2092
2092
  },
2093
2093
  {
2094
2094
  "name": "ngc-toast",
2095
- "description": "\n---\n\n\n### **Events:**\n - **dismiss**\n\n### **Slots:**\n - _default_ - The content within the button",
2095
+ "description": "\n---\n\n\n### **Events:**\n - **dismiss**\n\n### **Slots:**\n - _default_ - The content within the toast",
2096
2096
  "doc-url": "",
2097
2097
  "attributes": [
2098
2098
  {
@@ -2117,15 +2117,21 @@
2117
2117
  {
2118
2118
  "name": "status-icon-label",
2119
2119
  "value": { "type": "string", "default": "''" }
2120
+ },
2121
+ { "name": "title", "value": { "type": "string", "default": "''" } },
2122
+ {
2123
+ "name": "subtitle",
2124
+ "value": { "type": "string", "default": "''" }
2120
2125
  }
2121
2126
  ],
2122
2127
  "slots": [
2123
- { "name": "", "description": "The content within the button" }
2128
+ { "name": "", "description": "The content within the toast" }
2124
2129
  ],
2125
2130
  "events": [{ "name": "dismiss", "type": "CustomEvent" }],
2126
2131
  "js": {
2127
2132
  "properties": [
2128
2133
  { "name": "ariaRole" },
2134
+ { "name": "actionsSlot" },
2129
2135
  { "name": "variantClass" },
2130
2136
  { "name": "iconMarkup" },
2131
2137
  { "name": "dismissibleMarkup" },
@@ -2136,7 +2142,9 @@
2136
2142
  { "name": "dismissible", "type": "boolean" },
2137
2143
  { "name": "sticky", "type": "boolean" },
2138
2144
  { "name": "exitIconLabel", "type": "string" },
2139
- { "name": "statusIconLabel", "type": "string" }
2145
+ { "name": "statusIconLabel", "type": "string" },
2146
+ { "name": "title", "type": "string" },
2147
+ { "name": "subtitle", "type": "string" }
2140
2148
  ],
2141
2149
  "events": [{ "name": "dismiss", "type": "CustomEvent" }]
2142
2150
  }
@@ -2749,6 +2757,110 @@
2749
2757
  ],
2750
2758
  "events": []
2751
2759
  }
2760
+ },
2761
+ {
2762
+ "name": "ngc-toast-subtitle",
2763
+ "description": "\n---\n\n\n### **Slots:**\n - _default_ - The subtitle content",
2764
+ "doc-url": "",
2765
+ "attributes": [
2766
+ {
2767
+ "name": "variant",
2768
+ "value": {
2769
+ "type": "'info' | 'warning' | 'error' | 'success' | 'inverse'",
2770
+ "default": "'info'"
2771
+ }
2772
+ },
2773
+ {
2774
+ "name": "dismissible",
2775
+ "value": { "type": "boolean", "default": "false" }
2776
+ },
2777
+ {
2778
+ "name": "sticky",
2779
+ "value": { "type": "boolean", "default": "false" }
2780
+ },
2781
+ {
2782
+ "name": "exit-icon-label",
2783
+ "value": { "type": "string", "default": "''" }
2784
+ },
2785
+ {
2786
+ "name": "status-icon-label",
2787
+ "value": { "type": "string", "default": "''" }
2788
+ },
2789
+ { "name": "title", "value": { "type": "string", "default": "''" } },
2790
+ {
2791
+ "name": "subtitle",
2792
+ "value": { "type": "string", "default": "''" }
2793
+ }
2794
+ ],
2795
+ "slots": [{ "name": "", "description": "The subtitle content" }],
2796
+ "events": [],
2797
+ "js": {
2798
+ "properties": [
2799
+ {
2800
+ "name": "variant",
2801
+ "type": "'info' | 'warning' | 'error' | 'success' | 'inverse'"
2802
+ },
2803
+ { "name": "dismissible", "type": "boolean" },
2804
+ { "name": "sticky", "type": "boolean" },
2805
+ { "name": "exitIconLabel", "type": "string" },
2806
+ { "name": "statusIconLabel", "type": "string" },
2807
+ { "name": "title", "type": "string" },
2808
+ { "name": "subtitle", "type": "string" }
2809
+ ],
2810
+ "events": []
2811
+ }
2812
+ },
2813
+ {
2814
+ "name": "ngc-toast-title",
2815
+ "description": "\n---\n\n\n### **Slots:**\n - _default_ - The title content",
2816
+ "doc-url": "",
2817
+ "attributes": [
2818
+ {
2819
+ "name": "variant",
2820
+ "value": {
2821
+ "type": "'info' | 'warning' | 'error' | 'success' | 'inverse'",
2822
+ "default": "'info'"
2823
+ }
2824
+ },
2825
+ {
2826
+ "name": "dismissible",
2827
+ "value": { "type": "boolean", "default": "false" }
2828
+ },
2829
+ {
2830
+ "name": "sticky",
2831
+ "value": { "type": "boolean", "default": "false" }
2832
+ },
2833
+ {
2834
+ "name": "exit-icon-label",
2835
+ "value": { "type": "string", "default": "''" }
2836
+ },
2837
+ {
2838
+ "name": "status-icon-label",
2839
+ "value": { "type": "string", "default": "''" }
2840
+ },
2841
+ { "name": "title", "value": { "type": "string", "default": "''" } },
2842
+ {
2843
+ "name": "subtitle",
2844
+ "value": { "type": "string", "default": "''" }
2845
+ }
2846
+ ],
2847
+ "slots": [{ "name": "", "description": "The title content" }],
2848
+ "events": [],
2849
+ "js": {
2850
+ "properties": [
2851
+ {
2852
+ "name": "variant",
2853
+ "type": "'info' | 'warning' | 'error' | 'success' | 'inverse'"
2854
+ },
2855
+ { "name": "dismissible", "type": "boolean" },
2856
+ { "name": "sticky", "type": "boolean" },
2857
+ { "name": "exitIconLabel", "type": "string" },
2858
+ { "name": "statusIconLabel", "type": "string" },
2859
+ { "name": "title", "type": "string" },
2860
+ { "name": "subtitle", "type": "string" }
2861
+ ],
2862
+ "events": []
2863
+ }
2752
2864
  }
2753
2865
  ]
2754
2866
  },
package/dist/components/toast/gator/toast.gator.js DELETED
@@ -1,20 +0,0 @@
1
- import{N as m}from"../toast.js";import{a as i,x as c}from"../../../assets/index-chunk2.js";import{t as g}from"../../../assets/index-chunk3.js";import{p}from"../../../assets/index-chunk4.js";import{s as f}from"../../../assets/index-chunk5.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/balloons.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/warning.js";import"../../../assets/index-chunk.js";import"../../icon/icon-registry.js";const u=".gator-toast{display:flex;padding:1rem;max-width:100%;border-radius:.5rem;align-content:center;flex-direction:row;font-size:1.0625rem;margin-bottom:1rem;width:var(--ngc-toast-width, 26rem);font-family:var(--ngc-font-family-body),sans-serif;box-shadow:0 5px 10px #1f1f1f1a,0 7px 14px #1f1f1f14,0 3px 6px #1f1f1f14}.gator-toast_icon{margin-right:10px;display:flex;flex-direction:column;justify-content:center}.gator-toast_icon ngc-icon{--ngc-icon-display: flex}.gator-toast_actions{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:auto}.gator-toast_content{display:flex;flex-direction:column;justify-content:center}.gator-toast_info{background:var(--color-surface-secondary)}.gator-toast_warning{background:var(--color-surface-warning);--ngc-icon-color: var(--color-icon-warning)}.gator-toast_error{background:var(--color-surface-error);--ngc-icon-color: var(--color-icon-error)}.gator-toast_success{background:var(--color-surface-success);--ngc-icon-color: var(--color-icon-success)}.gator-toast-dismiss-button{cursor:pointer;display:flex;background:transparent;border:none}",d=":host,:root{--ngc-toast-width: 26rem}";var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,h=(t,o,a,s)=>{for(var r=s>1?void 0:s?b(o,a):o,e=t.length-1,n;e>=0;e--)(n=t[e])&&(r=(s?n(o,a,r):n(r))||r);return s&&r&&v(o,a,r),r};let l=class extends m{render(){return c`
2
- <div class="gator-toast ${this.variantClass}" role="${this.ariaRole}" aria-live="polite">
3
- <div class="gator-toast_icon">
4
- ${this.iconMarkup}
5
- </div>
6
- <div class="gator-toast_content">
7
- <slot></slot>
8
- </div>
9
- <div class="gator-toast_actions">
10
- <slot name="actions"></slot>
11
- ${this.dismissible?this.dismissibleMarkup:""}
12
- </div>
13
- </div>
14
- `}get ariaRole(){return this.sticky?"alertdialog":"alert"}get variantClass(){switch(this.variant){case"info":return"gator-toast_info";case"warning":return"gator-toast_warning";case"error":return"gator-toast_error";case"success":return"gator-toast_success";case"inverse":return"gator-toast_inverse";default:return"gator-toast_info"}}get iconMarkup(){let t="info";switch(this.variant){case"info":t="info";break;case"warning":t="warning";break;case"error":t="restricted";break;case"success":t="check-circle";break;case"inverse":t="info";break}return c`<ngc-icon name="${t}" label="${this.statusIconLabel??t}"></ngc-icon>`}get dismissibleMarkup(){return c`
15
- <button class="gator-toast-dismiss-button" @click="${this.handleDismiss}">
16
- <ngc-icon
17
- name="exit"
18
- label="${this.exitIconLabel??"exit"}"
19
- ></ngc-icon>
20
- </button>`}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}};l.styles=[i(u),i(p),i(f),i(d)];l=h([g("ngc-toast")],l);