@ncino/web-components 5.1.0-preview.8 → 6.0.0-preview.1

package/dist/packages/web-components/src/components/table/gator/table.gator.scss.js

@@ -1 +1 @@
-const r='.gator-table{font-family:var(--text-family-body),"Open Sans",sans-serif;border-spacing:0;width:100%;overflow:auto;border-radius:var(--ngc-table-border-radius, 1rem);background-color:var(--ngc-table-row-background-color, var(--color-surface-primary-white, #FFF))}.gator-table thead>th,.gator-table thead>tr{height:3rem;min-height:3rem}.gator-table thead>th :first-child,.gator-table thead>tr :first-child{border-top-left-radius:var(--ngc-table-border-radius, 1rem)}.gator-table thead>th :last-child,.gator-table thead>tr :last-child{border-top-right-radius:var(--ngc-table-border-radius, 1rem)}.gator-table tbody>tr,.gator-table tfoot>tr{min-height:3rem;height:3rem}.gator-table th{background:var(--ngc-table-header-background-color, var(--color-blue-10, #F3F5F7));text-align:left;padding:var(--spacing-padding-margin-8, .5rem) var(--spacing-padding-margin-16, 1rem);border-bottom:1px solid var(--ngc-table-header-border-bottom-color, #E5E5E5)}.gator-table th:hover{background:var(--ngc-table-header-background-color-hover, #E4ECF2)}.gator-table [dir=rtl] th.mat-header-cell{text-align:right}.gator-table td{padding:var(--spacing-padding-margin-8, .5rem) var(--spacing-padding-margin-16, 1rem);border-bottom:1px solid var(--ngc-table-row-border-bottom-color, #E5E5E5)}.gator-table tr:has(td:hover){background:var(--ngc-table-row-background-color-hover, var(--color-surface-hover, #F7F7F7))}.gator-table tbody:last-child>tr:last-child th:first-child,.gator-table tbody:last-child>tr:last-child td:first-child{border-bottom-left-radius:var(--ngc-table-border-radius, 1rem)}.gator-table tbody:last-child>tr:last-child td:last-child{border-bottom-right-radius:var(--ngc-table-border-radius, 1rem)}.gator-table th:first-of-type,.gator-table td:first-of-type{padding-left:24px}.gator-table [dir=rtl] th:first-of-type,.gator-table [dir=rtl] td:first-of-type{padding-left:0;padding-right:24px}.gator-table th:last-of-type,.gator-table td:last-of-type{padding-right:24px}.gator-table [dir=rtl] th:last-of-type,.gator-table [dir=rtl] td:last-of-type{padding-right:0;padding-left:24px}.gator-table-checkbox-column{width:1%}.gator-table-row-selected{background-color:var(--ngc-table-row-background-color-selected, var(--color-surface-brand, var(--color-blue-10, #F3F5F7)))}.gator-table-elevated{box-shadow:var(--shadow-x-offset-0, 0px) var(--shadow-shadow-1-card-property-1-y-offset, 1px) var(--shadow-shadow-1-card-property-1-blur, 1.5px) var(--shadow-shadow-1-card-property-1-spread, 0px) var(--shadow-color-4, rgba(31, 31, 31, .04)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-1-card-property-2-y-offset, 2px) var(--shadow-shadow-1-card-property-2-blur, 5px) var(--shadow-shadow-1-card-property-2-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-1-card-property-3-y-offset, 3px) var(--shadow-shadow-1-card-property-3-blur, 9px) var(--shadow-shadow-1-card-property-3-spread, 6px) var(--shadow-color-5, rgba(31, 31, 31, .05))}.gator-table-category-header,.gator-table-category-header:hover{background-color:var(--ngc-table-header-background-color, var(--color-blue-10, #F3F5F7))}.gator-table-category-header th{border-bottom:none!important;font-weight:700;background-color:var(--ngc-table-header-background-color, var(--color-blue-10, #F3F5F7));color:var(--text-color-primary-base, #1F1F1F);line-height:var(--text-line-height-subtitle-2, 1.375rem);letter-spacing:var(--text-letter-spacing-default, 0rem)}.gator-table-total-row{background-color:var(--ngc-table-header-background-color, var(--color-blue-10, #F3F5F7));font-weight:600}.gator-table-total-row:hover{background-color:var(--ngc-table-header-background-color, var(--color-blue-10, #F3F5F7))!important}.gator-table-total-row td,.gator-table-total-row th{border-top:1px solid var(--ngc-table-header-border-bottom-color, #E5E5E5);border-bottom:1px solid var(--ngc-table-header-border-bottom-color, #E5E5E5)!important}.gator-table-total-row th:hover{background-color:var(--ngc-table-header-background-color, var(--color-blue-10, #F3F5F7))!important}.gator-table-total-label{font-weight:700;color:var(--text-color-primary-base, #1F1F1F)}';export{r as default};
+const r='.gator-table{font-family:var(--text-family-body),"Open Sans",sans-serif;border-spacing:0;width:100%;overflow:auto;border-radius:var(--ngc-table-border-radius, 1rem);background-color:var(--ngc-table-row-background-color, var(--color-surface-primary-white, #FFF))}.gator-table thead>th,.gator-table thead>tr{height:3rem;min-height:3rem}.gator-table thead>th :first-child,.gator-table thead>tr :first-child{border-top-left-radius:var(--ngc-table-border-radius, 1rem)}.gator-table thead>th :last-child,.gator-table thead>tr :last-child{border-top-right-radius:var(--ngc-table-border-radius, 1rem)}.gator-table tbody>tr,.gator-table tfoot>tr{min-height:3rem;height:3rem}.gator-table th{background:var(--ngc-table-header-background-color, var(--color-brand-10, #F3F5F7));text-align:left;padding:var(--spacing-padding-margin-8, .5rem) var(--spacing-padding-margin-16, 1rem);border-bottom:1px solid var(--ngc-table-header-border-bottom-color, #E5E5E5)}.gator-table th:hover{background:var(--ngc-table-header-background-color-hover, #E4ECF2)}.gator-table [dir=rtl] th.mat-header-cell{text-align:right}.gator-table td{padding:var(--spacing-padding-margin-8, .5rem) var(--spacing-padding-margin-16, 1rem);border-bottom:1px solid var(--ngc-table-row-border-bottom-color, #E5E5E5)}.gator-table tr:has(td:hover){background:var(--ngc-table-row-background-color-hover, var(--color-surface-hover, #F7F7F7))}.gator-table tbody:last-child>tr:last-child th:first-child,.gator-table tbody:last-child>tr:last-child td:first-child{border-bottom-left-radius:var(--ngc-table-border-radius, 1rem)}.gator-table tbody:last-child>tr:last-child td:last-child{border-bottom-right-radius:var(--ngc-table-border-radius, 1rem)}.gator-table th:first-of-type,.gator-table td:first-of-type{padding-left:24px}.gator-table [dir=rtl] th:first-of-type,.gator-table [dir=rtl] td:first-of-type{padding-left:0;padding-right:24px}.gator-table th:last-of-type,.gator-table td:last-of-type{padding-right:24px}.gator-table [dir=rtl] th:last-of-type,.gator-table [dir=rtl] td:last-of-type{padding-right:0;padding-left:24px}.gator-table ngc-checkbox{--ngc-input-margin-bottom: 0}.gator-table-checkbox-column{width:1%}.gator-table-row-selected{background-color:var(--ngc-table-row-background-color-selected, var(--color-surface-brand, var(--color-brand-10, #F3F5F7)))}.gator-table-elevated{box-shadow:var(--shadow-x-offset-0, 0px) var(--shadow-shadow-1-card-property-1-y-offset, 1px) var(--shadow-shadow-1-card-property-1-blur, 1.5px) var(--shadow-shadow-1-card-property-1-spread, 0px) var(--shadow-color-4, rgba(31, 31, 31, .04)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-1-card-property-2-y-offset, 2px) var(--shadow-shadow-1-card-property-2-blur, 5px) var(--shadow-shadow-1-card-property-2-spread, 0px) var(--shadow-color-10, rgba(31, 31, 31, .1)),var(--shadow-x-offset-0, 0px) var(--shadow-shadow-1-card-property-3-y-offset, 3px) var(--shadow-shadow-1-card-property-3-blur, 9px) var(--shadow-shadow-1-card-property-3-spread, 6px) var(--shadow-color-5, rgba(31, 31, 31, .05))}.gator-table-category-header,.gator-table-category-header:hover{background-color:var(--ngc-table-header-background-color, var(--color-brand-10, #F3F5F7))}.gator-table-category-header th{border-bottom:none!important;font-weight:700;background-color:var(--ngc-table-header-background-color, var(--color-brand-10, #F3F5F7));color:var(--text-color-primary-base, #1F1F1F);line-height:var(--text-line-height-subtitle-2, 1.375rem);letter-spacing:var(--text-letter-spacing-default, 0rem)}.gator-table-total-row{background-color:var(--ngc-table-header-background-color, var(--color-brand-10, #F3F5F7));font-weight:600}.gator-table-total-row:hover{background-color:var(--ngc-table-header-background-color, var(--color-brand-10, #F3F5F7))!important}.gator-table-total-row td,.gator-table-total-row th{border-top:1px solid var(--ngc-table-header-border-bottom-color, #E5E5E5);border-bottom:1px solid var(--ngc-table-header-border-bottom-color, #E5E5E5)!important}.gator-table-total-row th:hover{background-color:var(--ngc-table-header-background-color, var(--color-brand-10, #F3F5F7))!important}.gator-table-total-label{font-weight:700;color:var(--text-color-primary-base, #1F1F1F)}';export{r as default};

package/dist/packages/web-components/src/components/tooltip/tooltip.tokens.scss.js

@@ -1 +1 @@
-const o=":host,:root{--ngc-tooltip-background-color: var(--color-neutral-70, #1F1F1F);--ngc-tooltip-color: var(--color-grey-10, #FFF) }";export{o as default};
+const o=":host,:root{--ngc-tooltip-background-color: var(--color-neutral-70, #1F1F1F);--ngc-tooltip-color: var(--color-neutral-0, #FFF)}";export{o as default};

package/dist/packages/web-components/src/tokens/primitive.tokens.scss.js

@@ -1 +1 @@
-const o='@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_Avenir.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirMd.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirBd.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirHv.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:normal}:host,:root{--color-black-100: #000000;--color-black-90: #1a1a1a;--color-black-80: #333333;--color-black-70: #4d4d4d;--color-black-60: #666666;--color-black-50: #808080;--color-black-40: #999999;--color-black-30: #b3b3b3;--color-black-20: #cccccc;--color-black-10: #e6e6e6;--color-neutral-70: #1F1F1F;--color-neutral-60: #404040;--color-neutral-50: #6D6D6D;--color-neutral-40: #BFBFBF;--color-neutral-30: #E5E5E5;--color-neutral-20: #F2F2F2;--color-neutral-10: #F7F7F7;--color-neutral-0: #FFFFFF;--color-blue-50: #0A2033;--color-blue-40: #0E304D;--color-blue-30: #11395B;--color-blue-25: #C3CDD6;--color-blue-20: #C3CDD6;--color-blue-10: #F3F5F7;--color-grey-10: #fff;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--color-red-40: #AA330E;--color-red-30: #D44011;--color-red-20: #E99F88;--color-red-10: #FAEBE7;--color-green-40: #1B8754;--color-green-30: #22A969;--color-green-20: #90D4B4;--color-green-10: #E9F7F0;--color-orange-40: #BD5A00;--color-orange-30: #EC7000;--color-orange-20: #F5B77F;--color-orange-10: #FEF1E6;--text-family-headings: "nCino+Avenir", sans-serif;--text-family-body: "Open Sans", sans-serif}';export{o as default};
+const o='@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_Avenir.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirMd.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirBd.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirHv.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:normal}:host,:root{--color-black-100: #000000;--color-black-90: #1a1a1a;--color-black-80: #333333;--color-black-70: #4d4d4d;--color-black-60: #666666;--color-black-50: #808080;--color-black-40: #999999;--color-black-30: #b3b3b3;--color-black-20: #cccccc;--color-black-10: #e6e6e6;--color-neutral-80: #040404;--color-neutral-70: #1F1F1F;--color-neutral-60: #404040;--color-neutral-50: #6D6D6D;--color-neutral-40: #BFBFBF;--color-neutral-30: #E5E5E5;--color-neutral-20: #F2F2F2;--color-neutral-10: #F7F7F7;--color-neutral-0: #FFFFFF;--color-brand-50: #0A2033;--color-brand-40: #0E304D;--color-brand-30: #11395B;--color-brand-20: #C3CDD6;--color-brand-10: #E4ECF2;--color-brand-0: #F3F5F7;--color-red-40: #AA330E;--color-red-30: #D44011;--color-red-20: #E99F88;--color-red-10: #FAEBE7;--color-green-40: #1B8754;--color-green-30: #22A969;--color-green-20: #90D4B4;--color-green-10: #E9F7F0;--color-orange-40: #BD5A00;--color-orange-30: #EC7000;--color-orange-20: #F5B77F;--color-orange-10: #FEF1E6;--color-purple-50: #4C0099;--color-purple-40: #6600CC;--color-purple-30: #8000FF;--color-purple-20: #E5CCFF;--color-purple-10: #F6EEFF;--color-blue-50: #2238AA;--color-blue-40: #2A46D4;--color-blue-30: #3355FF;--color-blue-20: #BBC6FF;--color-blue-10: #E8ECFF;--color-aqua-50: #0A5069;--color-aqua-40: #0F6F91;--color-aqua-30: #009FD9;--color-aqua-20: #A2DBF0;--color-aqua-10: #EFF9FC;--color-aqua-0: #F7FBFC;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--text-family-headings: "nCino+Avenir", sans-serif;--text-family-body: "Open Sans", sans-serif}';export{o as default};

package/dist/packages/web-components/src/tokens/semantic.tokens.scss.js

@@ -1 +1 @@
-const r=":host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-primary: var(--color-neutral-50, #6D6D6D);--color-stroke-secondary: var(--color-neutral-40, #BFBFBF);--color-stroke-tertiary: var(--color-neutral-30, #E5E5E5);--color-stroke-read-only: var(--color-neutral-40, #BFBFBF);--color-stroke-disabled: var(--color-neutral-30, #E5E5E5);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-brand-secondary: var(--color-blue-20, #C3CDD6);--color-stroke-interactive: var(--color-blue-40, #0E304D);--color-stroke-focus: var(--color-blue-30, #11395B);--color-stroke-success: var(--color-green-20, #90D4B4);--color-stroke-warning: var(--color-orange-20, #F5B77F);--color-stroke-error-weak: var(--color-red-20, #E99F88);--color-stroke-error: var(--color-red-40, #AA330E);--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-50, #6D6D6D);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-brand-pressed: #C3CDD6;--color-surface-brand-hover: #E4ECF2;--color-surface-primary: var(--color-neutral-0, #FFFFFF);--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-surface-interactive-primary: var(--color-blue-40, #0E304D);--color-surface-interactive-primary-hover: var(--color-blue-50, #0A2033);--color-surface-interactive-primary-pressed: var(--color-blue-50, #0A2033);--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);--icon-color-brand: #11395B;--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;--radius-sm: .125rem;--radius-m: .75rem;--radius-circle: 9999rem;--text-size-subtitle-1: 1.0625rem;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-size-heading-1: 2.5rem;--text-size-heading-3: 1.625rem;--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-line-height-heading-2: 2.625rem;--text-line-height-caption: 1.1rem;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-32: 2rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-8: .5rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem;--spacing-gap-16: 1rem;--spacing-gap-20: 1.25rem;--spacing-gap-24: 1.5rem;--size-icon-default: 1.5rem;--text-line-height-subtitle: 1.5rem}";export{r as default};
+const r=":host,:root{--color-background-primary: var(--color-brand-0, #F3F5F7);--color-stroke-primary: var(--color-neutral-50, #6D6D6D);--color-stroke-secondary: var(--color-neutral-40, #BFBFBF);--color-stroke-tertiary: var(--color-neutral-30, #E5E5E5);--color-stroke-read-only: var(--color-neutral-40, #BFBFBF);--color-stroke-disabled: var(--color-neutral-30, #E5E5E5);--color-stroke-brand: var(--color-brand-30, #11395B);--color-stroke-brand-secondary: var(--color-brand-20, #C3CDD6);--color-stroke-interactive: var(--color-brand-40, #0E304D);--color-stroke-focus: var(--color-brand-30, #11395B);--color-stroke-success: var(--color-green-20, #90D4B4);--color-stroke-warning: var(--color-orange-20, #F5B77F);--color-stroke-error-weak: var(--color-red-20, #E99F88);--color-stroke-error: var(--color-red-40, #AA330E);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-brand-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-50, #6D6D6D);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-brand-0, #F3F5F7);--color-surface-brand-secondary: var(--color-brand-20, #C3CDD6);--color-surface-brand-pressed: var(--color-brand-20, #C3CDD6);--color-surface-brand-hover: var(--color-brand-10, #E4ECF2);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--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-purple: var(--color-purple-10);--color-surface-badge: var(--color-red-30);--color-surface-hover: var(--color-neutral-10, #F7F7F7);--color-surface-loading: var(--color-neutral-30);--color-surface-interactive-primary: var(--color-brand-40, #0E304D);--color-surface-interactive-primary-hover: var(--color-brand-50, #0A2033);--color-surface-interactive-primary-pressed: var(--color-brand-50, #0A2033);--color-border-primary: var(--color-neutral-50, #6D6D6D);--color-border-secondary: var(--color-neutral-40, #BFBFBF);--color-border-tertiary: var(--color-neutral-30, #E5E5E5);--color-border-disabled: var(--color-neutral-30, #E5E5E5);--color-border-read-only: var(--color-neutral-40, #BFBFBF);--color-border-brand: var(--color-brand-30, #11395B);--color-border-brand-secondary: var(--color-brand-20, #C3CDD6);--color-border-interactive: var(--color-brand-40, #0E304D);--color-border-focus: var(--color-brand-30, #11395B);--color-border-success: var(--color-green-20, #90D4B4);--color-border-warning: var(--color-orange-20, #F5B77F);--color-border-error-weak: var(--color-red-20, #E99F88);--color-border-error: var(--color-red-40, #AA330E);--color-border-inverse: var(--color-neutral-30, #E5E5E5);--color-border-neutral: var(--color-neutral-70, #1F1F1F);--color-border-neutral-secondary: var(--color-neutral-80, #040404);--color-border-white: var(--color-neutral-0, #FFFFFF);--color-border-purple: var(--color-purple-20, #E5CCFF);--color-border-blue: var(--color-blue-20, #BBC6FF);--color-border-aqua: var(--color-aqua-20, #A2DBF0);--color-border-gator-green: var(--color-gator-green-20, #BDE1B7);--color-border-yellow: var(--color-yellow-20, #FDE399);--color-icon-error: var(--color-red-40);--color-icon-success: var(--color-green-40);--color-icon-warning: var(--color-orange-40);--color-icon-ai: var(--color-purple-50);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-brand-30, #11395B);--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-brand-30, #11395B);--primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--text-color-secondary: var(--color-neutral-50, #6D6D6D);--size-stroke-1: 1px;--radius-sm: .125rem;--radius-m: .75rem;--radius-circle: 9999rem;--text-size-subtitle-1: 1.0625rem;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-size-heading-1: 2.5rem;--text-size-heading-3: 1.625rem;--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-line-height-heading-2: 2.625rem;--text-line-height-caption: 1.1rem;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-32: 2rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-8: .5rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem;--spacing-gap-16: 1rem;--spacing-gap-20: 1.25rem;--spacing-gap-24: 1.5rem;--size-icon-default: 1.5rem;--text-line-height-subtitle: 1.5rem}";export{r as default};

package/dist/types/components/alert/alert.d.ts

@@ -12,5 +12,10 @@ export declare class NjcAlert extends NjcAlert_base {
      * @type {string}
      */
     ariaLabel: string;
+    /**
+     * @property skeleton - Whether the alert should render in a skeleton state.
+     * @type {boolean}
+     */
+    skeleton: boolean;
 }
 export {};

package/dist/types/components/alert/gator/base/alert.gator.d.ts

@@ -5,7 +5,15 @@ import { NjcAlert } from '../../alert.ts';
 export declare class NgcAlert extends NjcAlert {
     static styles: import('lit').CSSResult[];
     render(): import('lit').TemplateResult<1>;
-    get variantClass(): string;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    get shouldRenderSkeletonLoader(): boolean;
+    get hasAssignedNgcElements(): boolean | undefined;
+    get defaultSkeletonLoader(): import('lit').TemplateResult<1>;
+    get classes(): {
+        [x: string]: boolean;
+        'gator-alert': boolean;
+        'gator-alert_skeleton': boolean;
+    };
     get iconMarkup(): import('lit').TemplateResult<1>;
 }
 declare global {

package/dist/types/components/banner/gator/banner.gator.d.ts

@@ -14,7 +14,13 @@ export declare class NgcBanner extends NjcBanner {
     render(): import('lit').TemplateResult<1>;
     hasActions: boolean;
     handleActionSlotChanged(e: Event): void;
-    get variantClass(): string;
+    get classes(): {
+        [x: string]: boolean;
+        'gator-banner': boolean;
+        'gator-banner_skeleton': boolean;
+        'gator-banner_left-aligned': boolean;
+        'gator-banner_centered': boolean;
+    };
     get iconMarkup(): import('lit').TemplateResult<1>;
 }
 declare global {

package/dist/types/components/boolean/boolean.gator.d.ts

@@ -1,48 +1,14 @@
-import { LitElement } from 'lit';
+import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
 export type NGC_BOOLEAN_OPTION = {
     label: string;
     value: string;
 };
-export declare class NgcBoolean extends LitElement {
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
+export declare class NgcBoolean extends NgcInputText {
     static styles: import('lit').CSSResult[];
-    /**
-    * @property {string} id - The id for the boolean component. If one is not provided, a random id will be generated.
-    */
-    id: string;
     /**
      * @property {NGC_BOOLEAN_OPTION[]} options - Options to render as boolean options. Each option must have a label and value property.
      */
     options: NGC_BOOLEAN_OPTION[];
-    /**
-     * @property {boolean} disabled - Defines if the boolean component should be disabled. Disabled boolean components cannot be selected.
-     */
-    disabled: boolean;
-    /**
-     * @property {string} value - Defines the current value of the boolean component.
-     */
-    value: string;
-    /**
-     * @property {string} label - Defines the visible label of the boolean component.
-     */
-    label: string;
-    /**
-     * @property {string} helpText - Defines optional help text to be displayed below the boolean component.
-     */
-    helpText: string;
-    /**
-     * @property {boolean} hasError - Defines if the boolean component should be rendered in an error state.
-     */
-    hasError: boolean;
-    /**
-     * @property {string} errorMessage - Defines an optional error message to be displayed below the boolean component when in an error state.
-     */
-    errorMessage: string;
     private _randomId;
     firstUpdated(): void;
     render(): import('lit').TemplateResult<1>;

package/dist/types/components/button-group/gator/button-group.gator.d.ts

@@ -5,6 +5,7 @@ export type NGC_BUTTON_GROUP_ORIENTATION = 'horizontal' | 'stacked';
 export declare class NgcButtonGroup extends NgcComponent {
     orientation: NGC_BUTTON_GROUP_ORIENTATION;
     size: NJC_BUTTON_SIZES;
+    skeleton: boolean;
     static styles: import('lit').CSSResult[];
     private overflowButtons;
     private _overflowMenuIconWidth;

package/dist/types/components/checkbox/checkbox.gator.d.ts

@@ -1,12 +1,6 @@
-import { PropertyValueMap } from 'lit';
+import { PropertyValueMap, nothing } from 'lit';
 import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
 export declare class NgcCheckbox extends NgcInputText {
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
     static styles: import('lit').CSSResult[];
     /**
     *	@property {string} title - The title text for the checkbox button option.
@@ -22,13 +16,14 @@ export declare class NgcCheckbox extends NgcInputText {
      */
     hideLabel: boolean;
     /**
-    *	@property {boolean} hasError - Indicates if the checkbox button should render in an error state.
-    */
-    hasError: boolean;
+     * @property {boolean} grouped - Indicates if the checkbox is apart of a checkbox group
+     */
+    grouped: boolean;
     private _randomId;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     render(): import('lit').TemplateResult<1>;
     get elementId(): string;
+    get bottomText(): import('lit').TemplateResult<1> | typeof nothing;
     handleChange(): void;
     click(): void;
 }

package/dist/types/components/checkbox-group/checkbox-group.gator.d.ts

@@ -1,5 +1,5 @@
 import { NgcCheckbox } from '../checkbox/checkbox.gator';
-import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element.ts';
+import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
 /**
  * @slot - The checkboxes within the group
  */
@@ -7,36 +7,8 @@ export type NGC_CHECKBOX_GROUP_OPTION = {
     title: string;
     value: string;
 };
-export declare class NgcCheckboxGroup extends TestableLitElement {
+export declare class NgcCheckboxGroup extends NgcInputText {
     static styles: import('lit').CSSResult[];
-    /**
-    *	@property {string} id - `id` for the checkbox group. If not provided, one will be uniquely generated.
-    */
-    id: string;
-    /**
-     * @property {string} label - Defines the visible label of the checkbox group.
-     */
-    label: string;
-    /**
-     * @property {string} helpText - Defines optional help text to be displayed below the checkbox group.
-     */
-    helpText: string;
-    /**
-    *	@property {string} value - The value of the checkbox group.
-    */
-    value: string | undefined;
-    /**
-    *	@property {boolean} disabled - Indicates whether the checkbox group is disabled.
-    */
-    disabled: boolean;
-    /**
-    *	@property {boolean} hasError - Indicates if the checkbox group should render in an error state.
-    */
-    hasError: boolean;
-    /**
-     * @property {string} errorMessage - Defines an optional error message to be displayed below the checkbox group when in an error state.
-     */
-    errorMessage: string;
     /**
      * @property {NGC_CHECKBOX_GROUP_OPTION[]} options - Options to render as radio buttons. Each option must have a title and value property and can optionally have a subtitle property.
      */

package/dist/types/components/date-picker/base/gator/datepicker.gator.d.ts

@@ -21,6 +21,7 @@ export declare class NgcDatepicker extends NjcDatepicker {
     shiftFocusToCalendarGrid(): void;
     handleDatepickerKeydown(event: KeyboardEvent): void;
     get headerMarkup(): import('lit').TemplateResult<1>;
+    get currentMonthAndYear(): string;
     handlePreviousMonthClicked(): void;
     handleMonthClick(): void;
     handleYearClick(): void;

package/dist/types/components/icon/gator/icon.gator.d.ts

@@ -1,5 +1,6 @@
 import { NgcComponent } from '../../../utils/components/ngc-component.ts';
 export type NGC_ICON_SIZE = 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+export type NGC_ICON_TYPE = 'default' | 'success' | 'warning' | 'error' | 'ai';
 /**
  * An element that renderings a single icon. Icons are either provided as a
  * Lit TemplateResult, or looked up by name from an icon registry.
@@ -33,6 +34,7 @@ export declare class NgcIcon extends NgcComponent {
      * @property {NGC_ICON_SIZE} size
      */
     size: NGC_ICON_SIZE;
+    type: NGC_ICON_TYPE;
     _svg: SVGElement | null | undefined;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import('lit').TemplateResult | undefined;

package/dist/types/components/progress-bar/gator/progress-bar.gator.d.ts

@@ -49,7 +49,7 @@ export declare class NgcProgressBar extends TestableLitElement {
     rounded: boolean;
     static styles: import('lit').CSSResult[];
     render(): import('lit').TemplateResult<1>;
-    get ariaDescribedby(): "help-text" | "error-text" | "success-text" | undefined;
+    get ariaDescribedby(): "error-text" | "help-text" | "success-text" | undefined;
     get helpTextMarkup(): import('lit').TemplateResult<1> | null;
     get errorMarkup(): import('lit').TemplateResult<1> | null;
     get successMarkup(): import('lit').TemplateResult<1> | null;

package/dist/types/components/radio/radio.gator.d.ts

@@ -1,46 +1,30 @@
-import { PropertyValueMap } from 'lit';
-import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element.ts';
+import { PropertyValueMap, nothing } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
-export declare class NgcRadio extends TestableLitElement {
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
+import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
+export declare class NgcRadio extends NgcInputText {
     static styles: import('lit').CSSResult[];
     /**
-    *	@property {string} id - The title text for the radio button option.
-    */
-    id: string;
-    /**
     *	@property {string} title - The title text for the radio button option.
     */
     titleText: string;
     /**
-    *	@property {string} value - The text label for the radio button option.
-    */
-    value: string;
-    /**
     *	@property {boolean} selected - Indicates whether the radio button is currently selected.
     */
     selected: boolean;
     /**
-    *	@property {boolean} disabled - Indicates whether the radio button is disabled.
-    */
-    disabled: boolean;
-    /**
-    *	@property {boolean} hasError - Indicates if the radio button should render in an error state.
-    */
-    hasError: boolean;
-    /**
     *	@property {number} radioTabindex - The tabindex for the radio button.
     */
     radioTabindex: number;
+    /**
+     * @property {boolean} grouped - Indicates if the radio is apart of a radio group
+     */
+    grouped: boolean;
     inputRef: Ref<HTMLInputElement>;
     private _randomId;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    connectedCallback(): void;
     render(): import('lit').TemplateResult<1>;
+    get bottomText(): import('lit').TemplateResult<1> | typeof nothing;
     get elementId(): string;
     get tabindex(): number;
     handleChange(): void;

package/dist/types/components/radio-group/radio-group.gator.d.ts

@@ -1,5 +1,5 @@
 import { NgcRadio } from '../radio/radio.gator';
-import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element.ts';
+import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
 /**
  * @slot - The radios within the group
  */
@@ -7,36 +7,8 @@ export type NGC_RADIO_GROUP_OPTION = {
     title: string;
     value: string;
 };
-export declare class NgcRadioGroup extends TestableLitElement {
+export declare class NgcRadioGroup extends NgcInputText {
     static styles: import('lit').CSSResult[];
-    /**
-    *	@property {string} id - `id` for the radio group. If not provided, one will be uniquely generated.
-    */
-    id: string;
-    /**
-     * @property {string} label - Defines the visible label of the radio group.
-     */
-    label: string;
-    /**
-     * @property {string} helpText - Defines optional help text to be displayed below the radio group.
-     */
-    helpText: string;
-    /**
-    *	@property {string} value - The value of the radio group.
-    */
-    value: string;
-    /**
-    *	@property {boolean} disabled - Indicates whether the radio group is disabled.
-    */
-    disabled: boolean;
-    /**
-    *	@property {boolean} hasError - Indicates if the radio group should render in an error state.
-    */
-    hasError: boolean;
-    /**
-     * @property {string} errorMessage - Defines an optional error message to be displayed below the radio group when in an error state.
-     */
-    errorMessage: string;
     /**
      * @property {NGC_RADIO_GROUP_OPTION[]} options - Options to render as radio buttons. Each option must have a title and value property.
      */

package/dist/types/components/scoped-notification/scoped-notification.slds.d.ts

@@ -7,7 +7,7 @@ export declare class NjcSldsScopedNotification extends NjcScopedNotification {
     render(): import('lit').TemplateResult<1>;
     get modeClass(): string;
     get containerClass(): string;
-    get iconName(): "info" | "warning" | "success" | "error";
+    get iconName(): "success" | "warning" | "error" | "info";
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/selection-box-group/selection-box-group.gator.d.ts

@@ -1,5 +1,5 @@
 import { NgcSelectionBox } from '../selection-box/selection-box.gator';
-import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element';
+import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
 export type NGC_SELECTION_BOX_GROUP_OPTION = {
     title: string;
     subtitle?: string;
@@ -8,47 +8,17 @@ export type NGC_SELECTION_BOX_GROUP_OPTION = {
 /**
  * @slot - The selection boxes within the group
  */
-export declare class NgcSelectionBoxGroup extends TestableLitElement {
+export declare class NgcSelectionBoxGroup extends NgcInputText {
     static styles: import('lit').CSSResult[];
-    /**
-    * @property {string} id - The id for the selection group. If one is not provided, a random id will be generated.
-    */
-    id: string;
     /**
      * @property {NGC_SELECTION_BOX_GROUP_OPTION[]} options - Options to render as radio buttons. Each option must have a title and value property and can optionally have a subtitle property.
      */
     options: NGC_SELECTION_BOX_GROUP_OPTION[];
-    /**
-     * @property {boolean} disabled - Defines if the selection group should be disabled. Disabled selection groups cannot be selected.
-     */
-    disabled: boolean;
-    /**
-     * @property {string} value - Defines the current value of the selection group.
-     */
-    value: string | undefined;
-    /**
-     * @property {string} label - Defines the visible label of the selection group.
-     */
-    label: string;
-    /**
-     * @property {string} helpText - Defines optional help text to be displayed below the selection group.
-     */
-    helpText: string;
     /**
      * @property {string} type - Defines if the selection box group should be multi-select or single-select.
      */
     type: string;
-    /**
-     * @property {boolean} hasError - Defines if the selection group should be rendered in an error state.
-     */
-    hasError: boolean;
-    /**
-     * @property {string} errorMessage - Defines an optional error message to be displayed below the selection group when in an error state.
-     */
-    errorMessage: string;
-    private _randomId;
     render(): import('lit').TemplateResult<1>;
-    get elementId(): string;
     get radioGroupMarkup(): import('lit').TemplateResult<1>;
     get checkboxGroupMarkup(): import('lit').TemplateResult<1>;
     get optionsMarkup(): import('lit').TemplateResult<1>;

package/dist/types/components/table/gator/table-bulk-controls/table-bulk-controls.gator.d.ts

@@ -19,7 +19,9 @@ export declare class NgcTableBulkControls extends NgcComponent {
     allSelected: boolean;
     static styles: import('lit').CSSResult[];
     private handleSelectAllChange;
-    render(): import('lit').TemplateResult<1> | typeof nothing;
+    render(): import('lit').TemplateResult<1>;
+    get bulkControlsMarkup(): import('lit').TemplateResult<1> | typeof nothing;
+    get selectedRowsMessage(): string;
     focus(): void;
 }
 declare global {

package/dist/types/components/tabs/gator/tabset/tabset.gator.d.ts

@@ -15,6 +15,9 @@ export declare class NgcTabset extends TestableLitElement {
      * @property {string} size - The size of the tabs in the tabset
      */
     size: string;
+    /**
+     * @property {number} activeTabIndex - The index of the tab that should be active/selected by default
+     */
     activeTabIndex: number;
     tabs: NgcTab[] | undefined;
     _contentRef: Ref<HTMLDivElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "5.1.0-preview.8",
+  "version": "6.0.0-preview.1",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"