@nysds/components 1.13.1 → 1.15.0

package/dist/packages/nys-textarea/src/nys-textarea.d.ts

@@ -28,6 +28,14 @@ import { LitElement } from "lit";
  */
 export declare class NysTextarea extends LitElement {
     static styles: import("lit").CSSResult;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     /** Unique identifier. Auto-generated if not provided. */
     id: string;
     /** Name for form submission. */

package/dist/packages/nys-textinput/src/nys-textinput.d.ts

@@ -22,7 +22,7 @@ import { LitElement } from "lit";
  * <nys-textinput label="Full Name" required></nys-textinput>
  * ```
  *
- * @example Email with validation
+ * @example Required Email
  * ```html
  * <nys-textinput type="email" label="Email Address" required></nys-textinput>
  * ```
@@ -41,6 +41,14 @@ import { LitElement } from "lit";
  */
 export declare class NysTextinput extends LitElement {
     static styles: import("lit").CSSResult;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     /** Unique identifier. Auto-generated if not provided. */
     id: string;
     /** Name for form submission. */
@@ -74,6 +82,8 @@ export declare class NysTextinput extends LitElement {
     pattern: string;
     /** Maximum character length. */
     maxlength: number | null;
+    /** Accessible label. When set, assuming "label" isn't provided for private special cases (i.e., <checkbox other>). */
+    ariaLabel: string;
     /**
      * Input width: `sm` (88px), `md` (200px), `lg` (384px), `full` (100%, default).
      * @default "full"

package/dist/packages/nys-toggle/src/nys-toggle.d.ts

@@ -26,6 +26,14 @@ import { LitElement } from "lit";
  */
 export declare class NysToggle extends LitElement {
     static styles: import("lit").CSSResult;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
     /** Unique identifier. Auto-generated if not provided. */
     id: string;
     /** Name for form submission. */
@@ -72,7 +80,8 @@ export declare class NysToggle extends LitElement {
     private _emitChangeEvent;
     private _handleFocus;
     private _handleBlur;
-    private _handleChange;
+    private _handleClick;
+    private _handleSliderClick;
     private _handleKeyDown;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/packages/nys-unavheader/src/nys-unavheader.d.ts

@@ -20,6 +20,11 @@ import { LitElement } from "lit";
  * <nys-unavheader hideSearch></nys-unavheader>
  * ```
  */
+interface Language {
+    code: string;
+    label: string;
+    url?: string;
+}
 export declare class NysUnavHeader extends LitElement {
     static styles: import("lit").CSSResult;
     /** Internal: Whether trust bar panel is expanded. */
@@ -34,8 +39,10 @@ export declare class NysUnavHeader extends LitElement {
     hideTranslate: boolean;
     /** Hides the search functionality. */
     hideSearch: boolean;
+    /** The URL endpoint of the search, make sure to include the query param. */
     searchUrl: string;
-    private languages;
+    /** The list of languages this site can be translated to, default to use Smartling */
+    languages: Language[];
     /**
      * Lifecycle Methods
      * --------------------------------------------------------------------------
@@ -50,6 +57,7 @@ export declare class NysUnavHeader extends LitElement {
     private _toggleTrustbar;
     private _toggleLanguageList;
     private _toggleSearchDropdown;
+    private _handleLanguageSelect;
     private _handleSearchFocus;
     private _handleSearchBlur;
     private _handleSearchKeyup;
@@ -57,3 +65,4 @@ export declare class NysUnavHeader extends LitElement {
     private _handleSearch;
     render(): import("lit-html").TemplateResult<1>;
 }
+export {};

package/dist/src/index.d.ts

@@ -5,8 +5,10 @@ export * from "../packages/nys-backtotop/src/index";
 export * from "../packages/nys-button/src/index";
 export * from "../packages/nys-badge/src/index";
 export * from "../packages/nys-checkbox/src/index";
+export * from "../packages/nys-combobox/src/index";
 export * from "../packages/nys-datepicker/src/index";
 export * from "../packages/nys-divider/src/index";
+export * from "../packages/nys-dropdownmenu/src/index";
 export * from "../packages/nys-errormessage/src/index";
 export * from "../packages/nys-fileinput/src/index";
 export * from "../packages/nys-icon/src/index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/components",
-  "version": "1.13.1",
+  "version": "1.15.0",
   "description": "New York State's design system and code component library.",
   "type": "module",
   "workspaces": [
@@ -27,10 +27,10 @@
     "build": "tsc --emitDeclarationOnly && vite build",
     "build:umd": "tsc --emitDeclarationOnly && vite build --config vite.config.umd.js",
     "build:packages": "node src/scripts/build-order.js",
-    "build:all": "npm run clean:dist && npm run lint && cross-env NODE_ENV=production npm run build:packages && cross-env NODE_ENV=production npm run build && cross-env NODE_ENV=production npm run build:umd && npm run lit-analyze || true && npm run cem && npm run cem:copy",
+    "build:all": "npm run clean:dist && npm run lint && cross-env NODE_ENV=production npm run build:packages && cross-env NODE_ENV=production npm run build && cross-env NODE_ENV=production npm run build:umd && npm run lit-analyze || true && npm run cem && npm run cem:copy && npm run mcp-server:build",
     "build:link": "npm run build:all && npm link",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
+    "lint": "eslint && stylelint **/*.scss || true",
+    "lint:fix": "eslint --fix && stylelint **/*.scss --fix",
     "lit-analyze": "find ./packages/nys-*/ -name '*.ts' ! -name '*.figma.*' | xargs lit-analyzer {}",
     "release": "cross-env NODE_ENV=production npm run build:all && cross-env NODE_ENV=production npm run test && npm run cem && cross-env NODE_ENV=production npm publish --workspaces --access public && cross-env NODE_ENV=production npm publish --access public",
     "release:dry-run": "cross-env NODE_ENV=production npm run build:all && cross-env NODE_ENV=production npm run test && npm run cem && node src/scripts/publish-dry-run.js",
@@ -41,8 +41,9 @@
     "storybook:build:all": "cross-env NODE_ENV=production npm run build:all && npm run storybook",
     "build-storybook": "npm run build:packages && storybook build",
     "storybook:cibuild": "storybook build",
+    "mcp-server:build": "node src/scripts/build-mcp-server.js",
     "clean:node": "rm -rf node_modules && rm -rf packages/*/node_modules && rm -rf packages/**/*/node_modules",
-    "clean:dist": "rm -rf storybook-static && rm -rf coverage && rm -rf packages/*/coverage && rm -rf dist && rm -rf packages/*/dist && rm -rf packages/**/*/dist",
+    "clean:dist": "rm -rf storybook-static && rm -rf coverage && rm -rf packages/*/coverage && rm -rf dist && find packages -type d -name dist ! -path '*/mcp-server/dist' -exec rm -rf {} + 2>/dev/null || true",
     "clean:all": "npm run clean:dist && npm run clean:node",
     "code-connect": "dotenv -- npx figma connect publish",
     "cem": "npx cem analyze --config ./custom-elements-manifest.config.mjs",
@@ -59,15 +60,15 @@
   },
   "homepage": "https://designsystem.ny.gov/",
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.0.0",
+    "@chromatic-com/storybook": "^5.0.1",
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@figma/code-connect": "^1.3.7",
+    "@figma/code-connect": "^1.4.0",
     "@floating-ui/dom": "^1.7.4",
     "@open-wc/testing": "^4.0.0",
-    "@storybook/addon-a11y": "10.2.0",
-    "@storybook/addon-docs": "10.2.0",
-    "@storybook/addon-links": "10.2.0",
-    "@storybook/web-components-vite": "10.2.0",
+    "@storybook/addon-a11y": "10.2.10",
+    "@storybook/addon-docs": "10.2.10",
+    "@storybook/addon-links": "10.2.10",
+    "@storybook/web-components-vite": "10.2.10",
     "@types/mocha": "^10.0.10",
     "@typescript-eslint/eslint-plugin": "^8.46.2",
     "@typescript-eslint/parser": "^8.46.2",
@@ -80,10 +81,10 @@
     "custom-element-react-wrappers": "^1.7.3",
     "custom-element-vs-code-integration": "^1.5.0",
     "dotenv-cli": "^10.0.0",
-    "eslint": "^9.38.0",
-    "eslint-plugin-lit": "^2.1.1",
-    "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-storybook": "10.2.0",
+    "eslint": "^10.0.0",
+    "eslint-plugin-lit": "^2.2.1",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-storybook": "10.2.10",
     "i": "^0.3.7",
     "lit": "^3.3.1",
     "lit-analyzer": "^2.0.3",
@@ -93,10 +94,13 @@
     "rollup-plugin-visualizer": "^6.0.5",
     "sass": "^1.94.0",
     "sinon": "^21.0.0",
-    "storybook": "10.2.0",
+    "storybook": "10.2.10",
+    "stylelint": "^17.1.1",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-config-standard-scss": "^17.0.0",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "vite": "^7.2.2"
+    "vite": "^7.3.1"
   },
   "eslintConfig": {
     "extends": [

package/dist/nys-stepper/newsletter.html

@@ -1,4 +0,0 @@
-<div style="padding: 2rem;">
-  <h2>Newsletter Opt-In</h2>
-  <p>Subscribe to our newsletter to stay updated on the latest features and offers.</p>
-</div>

package/dist/nys-stepper/personal.html

@@ -1,6 +0,0 @@
-<div style="padding: 2rem;">
-  <h2>Personal Details</h2>
-  <p>This is the form to enter your personal information. Fill in your name, address, and contact details here.</p>
-  <nys-textinput label="Name" required width="md"></nys-textinput>
-  <nys-textinput label="Agency Email" required width="md"></nys-textinput>
-</div>

package/dist/nys-stepper/survey.html

@@ -1,5 +0,0 @@
-<div style="padding: 2rem;">
-  <h2>Usage Survey</h2>
-  <p>Tell us how you plan to use this application. Your feedback helps us improve.</p>
-  <nys-textarea label="Project Details" resize="none"></nys-textarea>
-</div>

package/dist/nys-stepper/team.html

@@ -1,6 +0,0 @@
-<div style="padding: 2rem;">
-  <h2>Team Information</h2>
-  <p>Provide details about your team. Who are you working with? What is your role?</p>
-  <nys-textinput label="Agency Name" required width="md"></nys-textinput>
-  <nys-textinput label="Team Name" required width="md"></nys-textinput>
-</div>