@nysds/nys-stepper 1.15.0 → 1.16.0-alpha4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ import { property as i } from "lit/decorators.js";
5
5
  * █ █ █ █▄▄▄█ ▀▀▀▄▄ █ █ ▀▀▀▄▄
6
6
  * █ ▀█ █ █▄▄▄█ █▄▄▀ █▄▄▄█
7
7
  *
8
- * Stepper Component
8
+ * Stepper Component v1.16.0-alpha4
9
9
  * Part of the New York State Design System
10
10
  * Repository: https://github.com/its-hcd/nysds
11
11
  * License: MIT
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nysds/nys-stepper",
3
- "version": "1.15.0",
3
+ "version": "1.16.0-alpha4",
4
4
  "description": "The Stepper component from the NYS Design System.",
5
5
  "module": "dist/nys-stepper.js",
6
6
  "types": "dist/index.d.ts",
@@ -16,14 +16,14 @@
16
16
  ],
17
17
  "scripts": {
18
18
  "dev": "tsc --emitDeclarationOnly && vite",
19
- "build": "tsc --emitDeclarationOnly && vite build",
19
+ "build": "vite build",
20
20
  "test": "vite build && wtr",
21
21
  "build:watch": "tsc --emitDeclarationOnly && vite build --watch",
22
22
  "test:watch": "vite build && wtr --watch",
23
23
  "lit-analyze": "lit-analyzer '**/*.ts'"
24
24
  },
25
25
  "dependencies": {
26
- "@nysds/nys-button": "^1.15.0"
26
+ "@nysds/nys-button": "^1.16.0-alpha4"
27
27
  },
28
28
  "devDependencies": {
29
29
  "lit": "^3.3.1",
package/dist/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export * from "./nys-stepper";
2
- export * from "./nys-step";
@@ -1,37 +0,0 @@
1
- import { LitElement } from "lit";
2
- /**
3
- * A single step within `nys-stepper`. Represents one stage in a multi-step process.
4
- *
5
- * Mark as `current` to indicate active progress point. Previous steps become clickable for navigation.
6
- * Set `href` for page-based navigation or listen to `nys-step-click` for SPA routing.
7
- *
8
- * @summary Individual step for use within nys-stepper with navigation support.
9
- * @element nys-step
10
- *
11
- * @fires nys-step-click - Fired when a navigable step is clicked. Detail: `{href, label}`. Cancelable.
12
- *
13
- * @example Step with navigation
14
- * ```html
15
- * <nys-step label="Personal Info" href="/step-1"></nys-step>
16
- * ```
17
- */
18
- export declare class NysStep extends LitElement {
19
- static styles: import("lit").CSSResult;
20
- /** Whether this step is currently being viewed. Set by parent stepper. */
21
- selected: boolean;
22
- /** Marks the furthest reached step. Steps before this are navigable. */
23
- current: boolean;
24
- /** Step label text displayed alongside the step number. */
25
- label: string;
26
- /** URL for page navigation when step is clicked. Optional for SPA routing. */
27
- href: string;
28
- /** Internal: Whether parent stepper's compact view is expanded. */
29
- isCompactExpanded: boolean;
30
- /** Custom click handler. Called before `nys-step-click` event. */
31
- onClick?: (e: Event) => void;
32
- /** Step number (1-indexed). Auto-assigned by parent stepper. */
33
- stepNumber: number;
34
- private _handleActivate;
35
- private _handleKeydown;
36
- render(): import("lit-html").TemplateResult<1>;
37
- }
@@ -1,48 +0,0 @@
1
- import { LitElement } from "lit";
2
- import "./nys-step";
3
- /**
4
- * A multi-step progress indicator for forms or wizards. Manages `nys-step` children with selection and navigation.
5
- *
6
- * Add `nys-step` elements as children. Mark one step as `current` to indicate progress; previous steps become
7
- * navigable. Compact view on mobile expands to show all steps. Use `actions` slot for navigation buttons.
8
- *
9
- * @summary Multi-step progress indicator with navigation and mobile-friendly compact view.
10
- * @element nys-stepper
11
- *
12
- * @slot - Default slot for `nys-step` elements.
13
- * @slot actions - Navigation buttons (e.g., Back, Continue). Must be wrapped in a `<div>`.
14
- *
15
- * @example Basic stepper
16
- * ```html
17
- * <nys-stepper label="Application Progress">
18
- * <nys-step label="Personal Info" current></nys-step>
19
- * <nys-step label="Contact Details"></nys-step>
20
- * <nys-step label="Review"></nys-step>
21
- * </nys-stepper>
22
- * ```
23
- */
24
- export declare class NysStepper extends LitElement {
25
- static styles: import("lit").CSSResult;
26
- /** Unique identifier. */
27
- id: string;
28
- /** Name attribute for form association. */
29
- name: string;
30
- /** Title displayed above the step counter. */
31
- label: string;
32
- /** Progress text (e.g., "Step 2 of 5"). Auto-updated based on selection. */
33
- counterText: string;
34
- /** Whether compact mobile view is expanded to show all steps. */
35
- isCompactExpanded: boolean;
36
- private _stepsNumbered;
37
- constructor();
38
- connectedCallback(): void;
39
- disconnectedCallback(): void;
40
- private _validateSteps;
41
- private _validateButtonSlot;
42
- private _onStepClick;
43
- private _updateCounter;
44
- willUpdate(): void;
45
- private _toggleCompact;
46
- private _handleCounterKeydown;
47
- render(): import("lit-html").TemplateResult<1>;
48
- }
@@ -1 +0,0 @@
1
- export {};