@ncino/web-components 8.0.0-preview.23 → 8.0.0-preview.25

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

@@ -1,15 +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 {
+import { NgcComponent } from '../../../../utils/components/ngc-component.ts';
+export declare class NgcGuidedNavSubstep extends NgcComponent {
     static styles: import('lit').CSSResult[];
     substep: NjcGuidedNavSubstep;
     selected: boolean;
     state: NJC_GUIDED_NAV_STEP_STATE;
+    isHidden: boolean;
     badgeContent: string | undefined;
-    onSubstepSelected: (event: Event, step: NjcGuidedNavSubstep) => void;
+    onSubstepSelected: (event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void;
     render(): import('lit').TemplateResult<1>;
     private get _substepClasses();
     private get _substepListItemClasses();
+    private get _substepParentStepId();
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -53,13 +53,14 @@ export declare class NgcList extends NgcComponent {
     fauxFocus: boolean;
     hideCheckmarks: boolean;
     ariaLabel: string | null;
+    role: 'list' | 'listbox' | 'group' | null;
     _selectedListItem: string | null;
     _activeIndex: number;
     _totalListItems: number;
     private _listItemsWithEventListeners;
     updated(changedProperties: Map<string, unknown>): void;
     render(): import('lit').TemplateResult<1>;
-    get listRole(): string;
+    get listRole(): 'listbox' | 'list' | 'group';
     handleSlotChanged(): void;
     updateSlottedItems(): void;
     setFalseFocusToValue(value: string | number | File | File[] | Date): NgcListItem | undefined;

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

@@ -76,6 +76,8 @@ export declare class NgcListItem extends NgcComponent {
      * @property {string} tabIndex The tab index of the list item
      */
     tabindex: number | undefined;
+    ariaExpanded: string | null;
+    ariaCurrent: string | null;
     falseFocusing: boolean;
     listItemRef: Ref<HTMLLIElement>;
     connectedCallback(): void;
@@ -96,13 +98,15 @@ export declare class NgcListItem extends NgcComponent {
     get leftIconContent(): import('lit').TemplateResult<1> | null;
     get endMarkup(): import('lit').TemplateResult<1> | null;
     click(): void;
-    handleListItemClicked(): void;
+    handleListItemClicked(e?: Event, interactionType?: 'click' | 'keyboard'): void;
     private handleItemKeyUp;
     selectItem(): void;
     falseFocus(): void;
     removeFalseFocus(): void;
     setAriaSelected(): void;
+    setAriaExpanded(): void;
     setRole(): void;
+    setAriaCurrent(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/progress-stepper/stepper-item/stepper-item.gator.d.ts

@@ -0,0 +1,27 @@
+import { PropertyValues } from 'lit';
+import { NgcComponent } from '../../../utils/components/ngc-component';
+export declare class NgcStepperItem extends NgcComponent {
+    variant: 'incomplete' | 'current' | 'success' | 'warning' | 'error' | 'ai';
+    vertical: boolean;
+    disabled: boolean;
+    skeleton: boolean;
+    active: boolean;
+    stepTitle: string | undefined;
+    stepSubtitle: string | undefined;
+    iconName: string | undefined;
+    static styles: import('lit').CSSResult[];
+    _orientation: string;
+    protected updated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+    get labelMarkup(): import('lit').TemplateResult<1>;
+    get titleTabIndex(): 0 | undefined;
+    get skeletonMarkup(): import('lit').TemplateResult<1>;
+    get classes(): {
+        [x: string]: boolean;
+        'gator-stepper-item': boolean;
+        'gator-stepper-item_disabled': boolean;
+        'gator-stepper-item_skeleton': boolean;
+        'gator-stepper-item_active': boolean;
+    };
+    get icon(): string;
+}

package/dist/types/utils/components/slot-placeholder/slot-placeholder.d.ts

@@ -1,7 +1,9 @@
 import { LitElement } from 'lit';
 export declare class SlotPlaceholder extends LitElement {
     slotName: string;
+    small: boolean;
     static styles: import('lit').CSSResult[];
     render(): import('lit').TemplateResult<1>;
     get namedSlotMarkup(): import('lit').TemplateResult<1>;
+    get smallSlotMarkup(): import('lit').TemplateResult<1>;
 }

package/dist/types/utils/mixins/attribute-deletion.d.ts

@@ -1,14 +1,5 @@
 import { LitElement } from 'lit';
 type Constructor<T = {}> = new (...args: any[]) => T;
-/**
- * A mixin that extends a LitElement-based class to handle the deletion and restoration
- * of specific attributes (e.g., ARIA attributes) from the host element. This is useful
- * for managing accessibility-related attributes dynamically based on the component's state.
- *
- * @template T - The base class to extend, typically a LitElement.
- * @param superClass - The base class to extend.
- * @returns A class that extends the base class with attribute deletion functionality.
- */
 export declare const AttributeDeletionMixin: <T extends Constructor<LitElement>>(superClass: T) => T;
 /**
  * Determines whether a given attribute should be removed from the host element.

package/dist/utils/components/ngc-component.js

@@ -1 +1 @@
-import l from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import n from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import c from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{TestableLitElement as u}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as f}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as r}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var S=Object.defineProperty,y=(m,i,p,d)=>{for(var e=void 0,s=m.length-1,a;s>=0;s--)(a=m[s])&&(e=a(i,p,e)||e);return e&&S(i,p,e),e},t;const o=(t=class extends v(u){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}},t.primitiveStyles=r(l),t.semanticStyles=r(n),t.primitiveAndSemanticStyleFilter=i=>i!==t.primitiveStyles&&i!==t.semanticStyles,t.styles=[r(l),r(n),r(c)],t);y([f({type:Boolean})],o.prototype,"delegatesARIA");y([f({type:Boolean})],o.prototype,"skeleton");let T=o;export{T as NgcComponent};
+import l from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import n from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import c from"../../packages/web-components/src/styles/_gator-utils.scss.js";import S from"../../packages/web-components/public/styles/gator/gator-global-styles.css.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{TestableLitElement as u}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as f}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as i}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var d=Object.defineProperty,y=(m,r,p,h)=>{for(var e=void 0,s=m.length-1,a;s>=0;s--)(a=m[s])&&(e=a(r,p,e)||e);return e&&d(r,p,e),e},t;const o=(t=class extends v(u){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}},t.primitiveStyles=i(l),t.semanticStyles=i(n),t.primitiveAndSemanticStyleFilter=r=>r!==t.primitiveStyles&&r!==t.semanticStyles,t.styles=[i(l),i(n),i(c),i(S)],t);y([f({type:Boolean})],o.prototype,"delegatesARIA");y([f({type:Boolean})],o.prototype,"skeleton");let C=o;export{C as NgcComponent};

package/dist/utils/components/slot-placeholder/slot-placeholder.js

@@ -1,17 +1,26 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as i}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as d}from"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{css as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,u=Object.getOwnPropertyDescriptor,p=(m,t,s,r)=>{for(var e=r>1?void 0:r?u(t,s):t,l=m.length-1,a;l>=0;l--)(a=m[l])&&(e=(r?a(t,s,e):a(e))||e);return r&&e&&v(t,s,e),e};let o=class extends d{constructor(){super(...arguments),this.slotName=""}render(){return i`
-            <div class="slot-placeholder">
-                ${this.namedSlotMarkup}
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as o}from"../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import{LitElement as n}from"../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{customElement as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{css as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,m=(p,l,s,r)=>{for(var t=r>1?void 0:r?f(l,s):l,a=p.length-1,i;a>=0;a--)(i=p[a])&&(t=(r?i(l,s,t):i(t))||t);return r&&t&&u(l,s,t),t};let e=class extends n{constructor(){super(...arguments),this.slotName="",this.small=!1}render(){return o`
+            <div class="slot-placeholder slot-placeholder-${this.small?"small":"default"}">
+                ${this.small?this.smallSlotMarkup:this.namedSlotMarkup}
             </div>
-        `}get namedSlotMarkup(){return this.slotName?i`<div>Slot Name: ${this.slotName}</div>`:i`<div>Default slot</div>`}};o.styles=[f`
+        `}get namedSlotMarkup(){return this.slotName?o`<div>Slot Name: ${this.slotName}</div>`:o`<div><slot>Default slot</slot></div>`}get smallSlotMarkup(){return o`<ngc-icon name="picture"></ngc-icon>`}};e.styles=[h`
             .slot-placeholder {
                 display: var(--slot-placeholder-display, block);
                 background: #D8C3F3;
                 border: 1px dashed #9747FF;
                 border-radius: 0.5rem;
-                padding: 1rem;
                 font-family: var(--text-family-body, 'Open Sans', sans-serif);
                 font-size: var(--text-size-body-2, 0.9375rem);
                 color: #6F1FC3;
                 text-align: center;
+                box-sizing: border-box;
+                height: 100%;
+            }
+
+            .slot-placeholder-default {
+                padding: 1rem;
+            }
+
+            .slot-placeholder-small {
+                padding: 0;
             }
-        `];p([c({attribute:"slot-name"})],o.prototype,"slotName",2);o=p([n("slot-placeholder")],o);export{o as SlotPlaceholder};
+        `];m([d({attribute:"slot-name"})],e.prototype,"slotName",2);m([d({type:Boolean,attribute:"small"})],e.prototype,"small",2);e=m([c("slot-placeholder")],e);export{e as SlotPlaceholder};

package/dist/utils/mixins/attribute-deletion.js

@@ -1 +1 @@
-const b=s=>{class i extends s{constructor(){super(...arguments),this.attributesRemovedFromHost=new Map}attributeChangedCallback(t,e,r){if(!this.shouldApplyAttributeDeletion||!a(t)){super.attributeChangedCallback(t,e,r);return}this.removeAttributesFromHost(t,e,r)}get shouldApplyAttributeDeletion(){return this.delegatesARIA??!1}updated(t){super.updated(t),t.has("delegatesARIA")&&(this.delegatesARIA||this.restoreAttributesToHost())}removeAttributesFromHost(t,e,r){this.attributesRemovedFromHost.has(t)||this.attributesRemovedFromHost.set(t,e),this.removeAttribute(t);const o=u(t);r===null?delete this.dataset[o]:this.dataset[o]=r,this.requestUpdate(o,e)}restoreAttributesToHost(){this.attributesRemovedFromHost.forEach((t,e)=>{t!==null&&this.setAttribute(e,t)}),this.attributesRemovedFromHost.clear()}}return i};function a(s){return["aria-label","aria-labelledby","title","id","role","aria-haspopup"].includes(s)}function u(s){return s.replace(/-\w/g,i=>i[1].toUpperCase())}export{b as AttributeDeletionMixin,a as isAttributeToRemove};
+const a=["aria-label","aria-labelledby","title","id","role","aria-haspopup","aria-expanded","aria-current"],d=r=>{class i extends r{constructor(){super(...arguments),this.attributesRemovedFromHost=new Map}attributeChangedCallback(t,e,s){if(!this.shouldApplyAttributeDeletion||!u(t)){super.attributeChangedCallback(t,e,s);return}this.removeAttributesFromHost(t,e,s)}get shouldApplyAttributeDeletion(){return this.delegatesARIA??!1}updated(t){super.updated(t),t.has("delegatesARIA")&&(this.delegatesARIA||this.restoreAttributesToHost())}removeAttributesFromHost(t,e,s){this.attributesRemovedFromHost.has(t)||this.attributesRemovedFromHost.set(t,e),this.removeAttribute(t);const o=l(t);s===null?delete this.dataset[o]:this.dataset[o]=s,this.requestUpdate(o,e)}restoreAttributesToHost(){this.attributesRemovedFromHost.forEach((t,e)=>{t!==null&&this.setAttribute(e,t)}),this.attributesRemovedFromHost.clear()}}return i};function u(r){return a.includes(r)}function l(r){return r.replace(/-\w/g,i=>i[1].toUpperCase())}export{d as AttributeDeletionMixin,u as isAttributeToRemove};

package/package.json

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

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "8.0.0-preview.22",
+  "version": "8.0.0-preview.24",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2031,6 +2031,14 @@
               "value": { "type": "string | null", "default": "null" }
             },
             { "name": "tabindex", "value": { "type": "number | undefined" } },
+            {
+              "name": "aria-expanded",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "aria-current",
+              "value": { "type": "string | null", "default": "null" }
+            },
             {
               "name": "delegatesARIA",
               "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
@@ -2064,6 +2072,8 @@
               { "name": "hideCheckmark", "type": "boolean" },
               { "name": "role", "type": "string | null" },
               { "name": "tabindex", "type": "number | undefined" },
+              { "name": "ariaExpanded", "type": "string | null" },
+              { "name": "ariaCurrent", "type": "string | null" },
               { "name": "falseFocusing", "type": "boolean" },
               { "name": "listItemRef", "type": "Ref<HTMLLIElement>" },
               { "name": "classes" },
@@ -2951,6 +2961,13 @@
               "name": "aria-label",
               "value": { "type": "string | null", "default": "null" }
             },
+            {
+              "name": "role",
+              "value": {
+                "type": "'list' | 'listbox' | 'group' | null",
+                "default": "null"
+              }
+            },
             {
               "name": "delegatesARIA",
               "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
@@ -2989,10 +3006,11 @@
               { "name": "fauxFocus", "type": "boolean" },
               { "name": "hideCheckmarks", "type": "boolean" },
               { "name": "ariaLabel", "type": "string | null" },
+              { "name": "role", "type": "'list' | 'listbox' | 'group' | null" },
               { "name": "_selectedListItem", "type": "string | null" },
               { "name": "_activeIndex", "type": "number" },
               { "name": "_totalListItems", "type": "number" },
-              { "name": "listRole", "type": "string" },
+              { "name": "listRole", "type": "'listbox' | 'list' | 'group'" },
               { "name": "nodes" },
               { "name": "listItems", "type": "NgcListItem[] | undefined" },
               {
@@ -3016,7 +3034,7 @@
         },
         {
           "name": "ngc-guided-nav-step",
-          "description": "\n---\n\n\n### **Events:**\n - **selected**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
+          "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
           "doc-url": "",
           "attributes": [
             {
@@ -3049,65 +3067,13 @@
             {
               "name": "onSubstepSelected",
               "value": {
-                "type": "(event: Event, step: NjcGuidedNavSubstep) => void"
+                "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void"
               }
             },
             {
               "name": "badgeContent",
               "value": { "type": "string | null", "default": "null" }
             },
-            { "name": "id", "value": { "type": "string", "default": "''" } },
-            { "name": "text", "value": { "type": "string", "default": "''" } },
-            { "name": "value", "value": { "type": "string", "default": "''" } },
-            {
-              "name": "subtitle",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "density",
-              "value": { "type": "string", "default": "'default'" }
-            },
-            {
-              "name": "selectable",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "selected",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "multiselect",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "end-icon",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "start-icon",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "current-list-item",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "faux-focus",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "icon-only",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "hide-checkmark",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "role",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            { "name": "tabindex", "value": { "type": "number | undefined" } },
             {
               "name": "delegatesARIA",
               "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
@@ -3122,7 +3088,7 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
-          "events": [{ "name": "selected", "type": "CustomEvent" }],
+          "events": [],
           "js": {
             "properties": [
               { "name": "step", "type": "NjcGuidedNavStep" },
@@ -3137,33 +3103,10 @@
               },
               {
                 "name": "onSubstepSelected",
-                "type": "(event: Event, step: NjcGuidedNavSubstep) => void"
+                "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void"
               },
               { "name": "badgeContent", "type": "string | null" },
-              { "name": "id", "type": "string" },
-              { "name": "text", "type": "string" },
-              { "name": "value", "type": "string" },
-              { "name": "subtitle", "type": "string | null" },
-              { "name": "density", "type": "string" },
-              { "name": "selectable", "type": "boolean" },
-              { "name": "selected", "type": "boolean" },
-              { "name": "multiselect", "type": "boolean" },
-              { "name": "endIcon", "type": "string | null" },
-              { "name": "startIcon", "type": "string | null" },
-              { "name": "currentListItem", "type": "boolean" },
-              { "name": "fauxFocus", "type": "boolean" },
-              { "name": "iconOnly", "type": "boolean" },
-              { "name": "hideCheckmark", "type": "boolean" },
-              { "name": "role", "type": "string | null" },
-              { "name": "tabindex", "type": "number | undefined" },
-              { "name": "falseFocusing", "type": "boolean" },
-              { "name": "listItemRef", "type": "Ref<HTMLLIElement>" },
-              { "name": "classes" },
-              { "name": "replacedStringId" },
-              { "name": "subtitleSpacerElement" },
-              { "name": "interactionIconContent" },
-              { "name": "leftIconContent" },
-              { "name": "endMarkup" },
+              { "name": "_substepsExpanded", "type": "boolean" },
               {
                 "name": "shouldApplyAttributeDeletion",
                 "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
@@ -3180,12 +3123,12 @@
               { "name": "helpTextDataTestid" },
               { "name": "errorMessageDataTestid" }
             ],
-            "events": [{ "name": "selected", "type": "CustomEvent" }]
+            "events": []
           }
         },
         {
           "name": "ngc-guided-nav-substep",
-          "description": "\n---\n\n\n### **Events:**\n - **selected**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
+          "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
           "doc-url": "",
           "attributes": [
             {
@@ -3206,6 +3149,10 @@
                 "default": "'complete'"
               }
             },
+            {
+              "name": "isHidden",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "badgeContent",
               "value": { "type": "string | undefined" }
@@ -3213,57 +3160,9 @@
             {
               "name": "onSubstepSelected",
               "value": {
-                "type": "(event: Event, step: NjcGuidedNavSubstep) => void"
+                "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void"
               }
             },
-            { "name": "id", "value": { "type": "string", "default": "''" } },
-            { "name": "text", "value": { "type": "string", "default": "''" } },
-            { "name": "value", "value": { "type": "string", "default": "''" } },
-            {
-              "name": "subtitle",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "density",
-              "value": { "type": "string", "default": "'default'" }
-            },
-            {
-              "name": "selectable",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "multiselect",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "end-icon",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "start-icon",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            {
-              "name": "current-list-item",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "faux-focus",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "icon-only",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "hide-checkmark",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "role",
-              "value": { "type": "string | null", "default": "null" }
-            },
-            { "name": "tabindex", "value": { "type": "number | undefined" } },
             {
               "name": "delegatesARIA",
               "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
@@ -3278,7 +3177,7 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
-          "events": [{ "name": "selected", "type": "CustomEvent" }],
+          "events": [],
           "js": {
             "properties": [
               { "name": "substep", "type": "NjcGuidedNavSubstep" },
@@ -3287,34 +3186,12 @@
                 "name": "state",
                 "type": "'complete' | 'current' | 'incomplete'"
               },
+              { "name": "isHidden", "type": "boolean" },
               { "name": "badgeContent", "type": "string | undefined" },
               {
                 "name": "onSubstepSelected",
-                "type": "(event: Event, step: NjcGuidedNavSubstep) => void"
+                "type": "(event: Event, substep: NjcGuidedNavSubstep, parentStepId: string) => void"
               },
-              { "name": "id", "type": "string" },
-              { "name": "text", "type": "string" },
-              { "name": "value", "type": "string" },
-              { "name": "subtitle", "type": "string | null" },
-              { "name": "density", "type": "string" },
-              { "name": "selectable", "type": "boolean" },
-              { "name": "multiselect", "type": "boolean" },
-              { "name": "endIcon", "type": "string | null" },
-              { "name": "startIcon", "type": "string | null" },
-              { "name": "currentListItem", "type": "boolean" },
-              { "name": "fauxFocus", "type": "boolean" },
-              { "name": "iconOnly", "type": "boolean" },
-              { "name": "hideCheckmark", "type": "boolean" },
-              { "name": "role", "type": "string | null" },
-              { "name": "tabindex", "type": "number | undefined" },
-              { "name": "falseFocusing", "type": "boolean" },
-              { "name": "listItemRef", "type": "Ref<HTMLLIElement>" },
-              { "name": "classes" },
-              { "name": "replacedStringId" },
-              { "name": "subtitleSpacerElement" },
-              { "name": "interactionIconContent" },
-              { "name": "leftIconContent" },
-              { "name": "endMarkup" },
               {
                 "name": "shouldApplyAttributeDeletion",
                 "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
@@ -3331,7 +3208,7 @@
               { "name": "helpTextDataTestid" },
               { "name": "errorMessageDataTestid" }
             ],
-            "events": [{ "name": "selected", "type": "CustomEvent" }]
+            "events": []
           }
         },
         {
@@ -7689,6 +7566,88 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "ngc-stepper-item",
+          "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "value": {
+                "type": "'incomplete' | 'current' | 'success' | 'warning' | 'error' | 'ai'",
+                "default": "'incomplete'"
+              }
+            },
+            {
+              "name": "vertical",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "skeleton",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "step-title", "value": { "type": "string | undefined" } },
+            {
+              "name": "step-subtitle",
+              "value": { "type": "string | undefined" }
+            },
+            { "name": "icon-name", "value": { "type": "string | undefined" } },
+            {
+              "name": "delegatesARIA",
+              "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "data-testid",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "type": "'incomplete' | 'current' | 'success' | 'warning' | 'error' | 'ai'"
+              },
+              { "name": "vertical", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "skeleton", "type": "boolean" },
+              { "name": "active", "type": "boolean" },
+              { "name": "stepTitle", "type": "string | undefined" },
+              { "name": "stepSubtitle", "type": "string | undefined" },
+              { "name": "iconName", "type": "string | undefined" },
+              { "name": "_orientation" },
+              { "name": "labelMarkup" },
+              { "name": "titleTabIndex" },
+              { "name": "skeletonMarkup" },
+              { "name": "classes" },
+              { "name": "icon" },
+              {
+                "name": "shouldApplyAttributeDeletion",
+                "description": "Determines whether attribute deletion should be applied.\nThis is controlled by the `delegatesARIA` property.",
+                "type": "boolean"
+              },
+              {
+                "name": "delegatesARIA",
+                "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
+                "type": "boolean"
+              },
+              { "name": "dataTestid", "type": "string | undefined" },
+              { "name": "labelDataTestid" },
+              { "name": "helpTextDataTestid" },
+              { "name": "errorMessageDataTestid" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "ngc-illustration-list",
           "description": "An element that renders all of the illustrations in the illustration registry.\nThis component is not distributed as part of the library, but is useful for\ndevelopment and testing.\n---\n",
@@ -7705,13 +7664,19 @@
             {
               "name": "slot-name",
               "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "small",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               { "name": "slotName", "type": "string" },
-              { "name": "namedSlotMarkup" }
+              { "name": "small", "type": "boolean" },
+              { "name": "namedSlotMarkup" },
+              { "name": "smallSlotMarkup" }
             ],
             "events": []
           }