@ncino/web-components 6.0.0-preview.5 → 6.0.0

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

@@ -1 +1 @@
-const t='.gator-list-item{display:flex;padding:var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem);list-style:none;align-items:center;align-content:center;font-family:var(--text-family-body, "Open Sans", sans-serif);line-height:var(--text-line-height-subtitle-1, 1.5rem);font-size:var(--text-size-subtitle-1, 1.0625rem)}.gator-list-item_selectable{cursor:pointer}.gator-list-item_selectable:hover{background:var(--color-surface-brand-hover, #F2F2F2)}.gator-list-item_selectable:focus-visible,.gator-list-item_selectable:focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item_selectable:active{background:var(--color-surface-brand-pressed, #E6E6E6)}.gator-list-item-faux-focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item-content{width:100%}.gator-list-item-top,.gator-list-item-bottom{display:flex;flex-direction:row}.gator-list-item-subtitle{font-size:var(--text-size-subtitle-1, .8125rem);color:var(--primary-01-placeholder, var(--color-grey-50, #6D6D6D));margin-top:var(--spacing-2, .5rem)}.gator-list-item-density_compact{padding:var(--spacing-gap-4, .25rem) var(--spacing-gap-16, 1rem)}.gator-list-item-density_comfortable{padding:var(--spacing-gap-16, 1rem)}.gator-list-item-subtitle-spacer,.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{width:var(--size-icon-default, 1.5rem);height:var(--size-icon-default, 1.5rem)}.gator-list-item-subtitle-spacer{display:inline-flex;margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{align-items:center;display:flex;flex-direction:column}.gator-list-item-start-icon ngc-icon,.gator-list-item-end-icon ngc-icon,.gator-list-item-interaction-icon ngc-icon{--ngc-icon-width: var(--ngc-list-item-icon-size, 1.5rem);--ngc-icon-height: var(--ngc-list-item-icon-size, 1.5rem)}.gator-list-item-multiselect .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-neutral-50, #6d6d6d)}.gator-list-item-multiselect.gator-list-item-selected .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-brand-30, #11395B)}.gator-list-item-interaction-icon,.gator-list-item-start-icon{margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-end-icon{margin-left:auto}.gator-list-item-selected{background:var(--color-surface-brand, #F3F5F7)}.gator-list-item-selected .gator-list-item-title{font-weight:700}';export{t as default};
+const t='.gator-list-item{display:flex;flex-direction:column;list-style:none;align-items:center;align-content:center;font-family:var(--text-family-body, "Open Sans") sans-serif;line-height:var(--text-line-height-subtitle-1, 1.5rem);font-size:var(--text-size-subtitle-1, 1.0625rem);padding:var(--ngc-list-item-padding, var(--spacing-gap-8, .5rem) var(--spacing-gap-16, 1rem));background:var(--ngc-list-item-background);border-radius:var(--ngc-list-item-border-radius, 0)}.gator-list-item_selectable{cursor:pointer}.gator-list-item_selectable:hover{background:var(--ngc-list-item-hover-background, var(--color-surface-brand-hover, #F2F2F2))}.gator-list-item_selectable:focus-visible,.gator-list-item_selectable:focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B);border-radius:var(--ngc-list-item-focus-border-radius)}.gator-list-item_selectable:active{background:var(--ngc-list-item-pressed-background, var(--color-surface-brand-pressed, #E6E6E6));border-radius:var(--ngc-list-item-pressed-border-radius)}.gator-list-item-faux-focus{outline:var(--size-stroke-2, 2px) solid var(--color-stroke-brand, #11395B)}.gator-list-item-content{width:100%}.gator-list-item-top,.gator-list-item-bottom{display:flex;flex-direction:row}.gator-list-item-title{color:var(--ngc-list-item-title-color)}.gator-list-item-subtitle{font-size:var(--text-size-subtitle-1, .8125rem);color:var(--primary-01-placeholder, var(--color-grey-50, #6D6D6D));margin-top:var(--spacing-2, .5rem)}.gator-list-item-density_compact{padding:var(--spacing-gap-4, .25rem) var(--spacing-gap-16, 1rem)}.gator-list-item-density_comfortable{padding:var(--spacing-gap-16, 1rem)}.gator-list-item-subtitle-spacer,.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{width:var(--size-icon-default, 1.5rem);height:var(--size-icon-default, 1.5rem)}.gator-list-item-subtitle-spacer{display:inline-flex;margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon,.gator-list-item-end-icon,.gator-list-item-interaction-icon{align-items:center;display:flex;flex-direction:column}.gator-list-item-start-icon ngc-icon,.gator-list-item-end-icon ngc-icon,.gator-list-item-interaction-icon ngc-icon{--ngc-icon-width: var(--ngc-list-item-icon-size, 1.5rem);--ngc-icon-height: var(--ngc-list-item-icon-size, 1.5rem)}.gator-list-item-multiselect .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-neutral-50, #6d6d6d)}.gator-list-item-multiselect.gator-list-item-selected .gator-list-item-interaction-icon ngc-icon{--ngc-icon-color: var(--color-brand-30, #11395B)}.gator-list-item-interaction-icon,.gator-list-item-start-icon{margin-right:var(--spacing-gap-8, .5rem)}.gator-list-item-start-icon{--ngc-icon-color: var(--ngc-list-item-start-icon-color)}.gator-list-item-end-icon{margin-left:auto}.gator-list-item-selected{background:var(--ngc-list-item-selected-background, var(--color-surface-brand, #F3F5F7))}.gator-list-item-selected .gator-list-item-title{font-weight:700}';export{t as default};

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

@@ -1 +1 @@
-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};
+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);--icon-color-brand: #11395B;--icon-color-brand-secondary: var(--color-blue-20, #C3CDD6);--icon-color-disabled: var(--color-neutral-40, #BFBFBF);--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-primary: var(--color-neutral-70, #1F1F1F);--text-color-secondary: var(--color-neutral-50, #6D6D6D);--text-color-placeholder: 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/guided-nav/gator/guided-nav/guided-nav.gator.d.ts

@@ -0,0 +1,13 @@
+import { NjcGuidedNav } from '../../guided-nav.ts';
+export declare class NgcGuidedNav extends NjcGuidedNav {
+    render(): import('lit').TemplateResult<1>;
+    private _getStepState;
+    private _handleStepSelected;
+    private _handleSubstepSelected;
+    private _dispatchChangeEvent;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-guided-nav': NgcGuidedNav;
+    }
+}

package/dist/types/components/guided-nav/gator/guided-nav-step/guided-nav-step.gator.d.ts

@@ -0,0 +1,23 @@
+import { NgcListItem } from '../../../list/gator/list-item/list-item.gator.ts';
+import { NJC_GUIDED_NAV_STEP_STATE, NjcGuidedNavSelectedStep, NjcGuidedNavStep, NjcGuidedNavSubstep } from '../../guided-nav.ts';
+export declare class NgcGuidedNavStep extends NgcListItem {
+    static styles: import('lit').CSSResult[];
+    step: NjcGuidedNavStep;
+    selectedStep: NjcGuidedNavSelectedStep;
+    state: NJC_GUIDED_NAV_STEP_STATE;
+    onStepSelected: (event: Event, step: NjcGuidedNavStep) => void;
+    onSubstepSelected: (event: Event, step: NjcGuidedNavSubstep) => void;
+    render(): import('lit').TemplateResult<1>;
+    private get _stepClasses();
+    private get _stepListItemClasses();
+    private get _stepProgressIcon();
+    private get _substepElementsMarkup();
+    private get _isSelected();
+    private get _substeps();
+    private _getSubstepState;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-guided-nav-step': NgcGuidedNavStep;
+    }
+}

package/dist/types/components/guided-nav/gator/guided-nav-substep/guided-nav-substep.gator.d.ts

@@ -0,0 +1,17 @@
+import { NgcListItem } from '../../../list/gator/list-item/list-item.gator.ts';
+import { NJC_GUIDED_NAV_STEP_STATE, NjcGuidedNavSubstep } from '../../guided-nav.ts';
+export declare class NgcGuidedNavSubstep extends NgcListItem {
+    static styles: import('lit').CSSResult[];
+    substep: NjcGuidedNavSubstep;
+    selected: boolean;
+    state: NJC_GUIDED_NAV_STEP_STATE;
+    onSubstepSelected: (event: Event, step: NjcGuidedNavSubstep) => void;
+    render(): import('lit').TemplateResult<1>;
+    private get _substepClasses();
+    private get _substepListItemClasses();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-guided-nav-substep': NgcGuidedNavSubstep;
+    }
+}

package/dist/types/components/guided-nav/guided-nav.d.ts

@@ -0,0 +1,23 @@
+import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element';
+export type NJC_GUIDED_NAV_STEP_STATE = 'complete' | 'current' | 'incomplete';
+export type NjcGuidedNavSelectedStep = {
+    step: string | number;
+    substep: string | number | null;
+};
+export type NjcGuidedNavSubstep = {
+    id: string;
+    text: string;
+    value: string;
+    complete: boolean;
+};
+export type NjcGuidedNavStep = {
+    id: string;
+    text: string;
+    value: string;
+    complete?: boolean;
+    substeps?: NjcGuidedNavSubstep[];
+};
+export declare class NjcGuidedNav extends TestableLitElement {
+    selectedStep: NjcGuidedNavSelectedStep | undefined;
+    steps: NjcGuidedNavStep[];
+}

package/dist/types/components/guided-nav/index.d.ts

@@ -0,0 +1 @@
+export * as NgcGuidedNav from './gator/guided-nav/guided-nav.gator.ts';

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

@@ -14,7 +14,7 @@ export declare class NgcList extends NgcComponent {
     id: string;
     /**
      * @property {LIST_ITEM_DENSITY} density The density of the divider. Determines the padding of the divider element.
-     * Options are "default" , "compact", "comfortable"
+     * Options are "default", "compact", "comfortable"
      */
     density: LIST_ITEM_DENSITY;
     /**
@@ -50,6 +50,7 @@ export declare class NgcList extends NgcComponent {
      */
     fauxFocus: boolean;
     hideCheckmarks: boolean;
+    ariaLabel: string | null;
     _selectedListItem: string | null;
     _activeIndex: number;
     _totalListItems: number;

package/dist/types/components/list/gator/list-item/list-item.gator.d.ts

@@ -26,7 +26,7 @@ export declare class NgcListItem extends NgcComponent {
     subtitle: string | null;
     /**
      * @property {string} density The density of the list item. Determines the padding of the list item element
-     * Options are "default" , "compact", "comfortable"
+     * Options are "default", "compact", "comfortable"
      */
     density: string;
     /**
@@ -70,6 +70,10 @@ export declare class NgcListItem extends NgcComponent {
      * @property {string} role The role of the list item
      */
     role: string | null;
+    /**
+     * @property {string} tabIndex The tab index of the list item
+     */
+    tabindex: number | undefined;
     falseFocusing: boolean;
     listItemRef: Ref<HTMLLIElement>;
     connectedCallback(): void;
@@ -84,7 +88,7 @@ export declare class NgcListItem extends NgcComponent {
         'gator-list-item-faux-focus': boolean;
     };
     get replacedStringId(): string;
-    get tabIndex(): 0 | -1;
+    private get _tabIndex();
     get subtitleSpacerElement(): import('lit').TemplateResult<1>;
     get interactionIconContent(): import('lit').TemplateResult<1> | null;
     get leftIconContent(): import('lit').TemplateResult<1> | null;

package/dist/types/index.d.ts

@@ -16,6 +16,7 @@ export * from './components/combobox';
 export * from './components/display-card';
 export * from './components/divider';
 export * from './components/fab';
+export * from './components/guided-nav';
 export * from './components/headline-card';
 export * from './components/icon';
 export * from './components/icon-button';

package/dist/types/index.gator.d.ts

@@ -15,6 +15,7 @@ export { NgcChip } from './components/chip';
 export { NgcDisplayCard } from './components/display-card';
 export { NgcDivider } from './components/divider';
 export { NgcFab } from './components/fab';
+export { NgcGuidedNav } from './components/./guided-nav';
 export { NgcHeadlineCard } from './components/headline-card';
 export * from './components/input/index.gator.ts';
 export { NgcIcon } from './components/icon';

package/dist/types/utils/accessibility-utils.d.ts

@@ -1,2 +1,2 @@
 export declare function getFirstFocusableElement(element: Element | undefined): Element | null;
-export declare function getFocusableElements(element: Element | ShadowRoot | undefined): Element[] | null;
+export declare function getFocusableElements(element: Element | ShadowRoot | undefined, include?: string[]): Element[] | null;

package/dist/utils/accessibility-utils.js

@@ -1 +1 @@
-function o(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'];return t.shadowRoot?.querySelector(e.join(","))||null}function a(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","ngc-button","ngc-icon-button",'[tabindex]:not([tabindex="-1"])'];return Array.from(t.querySelectorAll(e.join(",")))}export{o as getFirstFocusableElement,a as getFocusableElements};
+function o(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'];return t.shadowRoot?.querySelector(e.join(","))||null}function a(t,e=[]){if(!t)return null;const n=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","ngc-button","ngc-icon-button",'[tabindex]:not([tabindex="-1"])'].concat(e);return Array.from(t.querySelectorAll(n.join(",")))}export{o as getFirstFocusableElement,a as getFocusableElements};

package/dist/utils/vitest-utils.js

@@ -1 +1 @@
-async function r(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function s(e){return document.body.querySelector(e)}function u(e,t){return e.querySelector(t)}function d(e,t){return e.querySelectorAll(t)}function a(e){return document.body.querySelectorAll(e)}function c(e,t){return e?.shadowRoot?.querySelectorAll(t)}function m(e,t){return e?.shadowRoot?.querySelector(t)}function i(e,t){return e?.shadowRoot?.querySelector(`[data-testid="${t}"]`)}function f(e,t){return e?.shadowRoot?.querySelector(t)}function g(e,t){return e?.shadowRoot?.querySelectorAll(t)}function S(e){const t=e?.shadowRoot?.querySelectorAll("slot"),o=Array.from(t).find(l=>l.name==="")?.assignedNodes({flatten:!0}).filter(l=>l.textContent?.trim()!=="");return o&&o.length>0?o[0].textContent:null}function E(e,t){const n=e?.shadowRoot?.querySelector(`slot[name="${t}"]`);return(n?.assignedNodes().length?n?.assignedNodes({flatten:!0})[0]:n?.assignedElements({flatten:!0})[0])?.textContent}function y(e){return e?.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})}function h(e,t){return e?.shadowRoot?.querySelector(`slot[name=${t}]`)?.assignedElements({flatten:!0})}function w(e=0){return new Promise(t=>setTimeout(t,e))}function R(e){const t=/<!--\?lit\$[^\$]*\$-->/g;return e.replace(t,"").replace(/\s+/g," ").trim()}export{r as addTestableElement,R as cleanInnerHTML,w as flushPromises,s as getElement,u as getElementInsideElement,a as getElements,d as getElementsInsideElement,E as getNamedSlotTextContent,h as getNamedSlottedElements,f as getShadowRootElement,i as getShadowRootElementByDataTestId,g as getShadowRootElements,m as getShadowRootHTMLElement,c as getShadowRootHTMLElements,S as getSlotTextContent,y as getSlottedElements};
+async function r(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function s(e){return document.body.querySelector(e)}function u(e,t){return e?.querySelector(t)}function d(e,t){return e?.querySelectorAll(t)}function a(e){return document.body.querySelectorAll(e)}function c(e,t){return e?.shadowRoot?.querySelectorAll(t)}function m(e,t){return e?.shadowRoot?.querySelector(t)}function i(e,t){return e?.shadowRoot?.querySelector(`[data-testid="${t}"]`)}function f(e,t){return e?.shadowRoot?.querySelector(t)}function g(e,t){return e?.shadowRoot?.querySelectorAll(t)}function S(e){const t=e?.shadowRoot?.querySelectorAll("slot"),o=Array.from(t).find(l=>l.name==="")?.assignedNodes({flatten:!0}).filter(l=>l.textContent?.trim()!=="");return o&&o.length>0?o[0].textContent:null}function E(e,t){const n=e?.shadowRoot?.querySelector(`slot[name="${t}"]`);return(n?.assignedNodes().length?n?.assignedNodes({flatten:!0})[0]:n?.assignedElements({flatten:!0})[0])?.textContent}function y(e){return e?.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})}function h(e,t){return e?.shadowRoot?.querySelector(`slot[name=${t}]`)?.assignedElements({flatten:!0})}function w(e=0){return new Promise(t=>setTimeout(t,e))}function R(e){const t=/<!--\?lit\$[^\$]*\$-->/g;return e.replace(t,"").replace(/\s+/g," ").trim()}export{r as addTestableElement,R as cleanInnerHTML,w as flushPromises,s as getElement,u as getElementInsideElement,a as getElements,d as getElementsInsideElement,E as getNamedSlotTextContent,h as getNamedSlottedElements,f as getShadowRootElement,i as getShadowRootElementByDataTestId,g as getShadowRootElements,m as getShadowRootHTMLElement,c as getShadowRootHTMLElements,S as getSlotTextContent,y as getSlottedElements};

package/package.json

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