@nysds/components 1.19.1-alpha-1 → 1.19.2

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

@@ -187,14 +187,13 @@ export declare class NysButton extends LitElement {
     private _handleKeydown;
     private _handleKeyup;
     /**
-     * A Solution to the Vanilla JS & Native HTML keydown:
+     * Handles inline onclick attributes for keyboard activation.
      *
-     * Handles inline onClick attributes set as strings in vanilla HTML
-     * (e.g. <nys-button onClick="doSomething()">).
-     *
-     * When onClick is set this way, it is a DOM attribute (not a property)
-     * so this.onClick remains null. Native clicks execute the attribute
-     * automatically, but keydown events do not, so we invoke it manually here.
+     * Native clicks execute inline onclick attributes automatically, but
+     * keyboard activation of the custom element does not trigger that native
+     * behavior. Dispatching a synthetic click lets the browser's own inline
+     * event handler mechanism execute any onclick attribute safely without
+     * eval() or new Function().
      */
     private _handleAnyAttributeFunction;
     focus(options?: FocusOptions): void;

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

@@ -58,7 +58,7 @@ export declare class NysDatepicker extends LitElement {
     name: string;
     /**
      * Input width: `md` (200px), `lg` (384px), `full` (100%).
-     * @default "md"
+     * @default "full"
      */
     width: "md" | "lg" | "full";
     /** Hide the "Today" button in calendar popup. */

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

@@ -30,6 +30,11 @@ export declare class NysDropdownMenu extends LitElement {
     static styles: import("lit").CSSResult;
     for: string;
     showDropdown: boolean;
+    /**
+     * Accessible label for the menu. Used as `aria-label` on the `<ul role="menu">` element.
+     * @default ""
+     */
+    label: string;
     /**
      * Preferred position relative to trigger.
      * @default "bottom-end"

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

@@ -12,7 +12,11 @@ import { LitElement } from "lit";
  *
  * @example Simple footer
  * ```html
- * <nys-globalfooter agencyName="Department of Health" homepageLink="/">
+ * <nys-globalfooter
+ *    agencyName="Department of Health"
+ *    homepageLink="/"
+ *    agencySubheading="Protecting and Promoting the Health of New Yorkers"
+ * >
  *   <span>123 Main St, Albany NY</span>
  *   <span>info@health.ny.gov</span>
  * </nys-globalfooter>
@@ -22,6 +26,8 @@ export declare class NysGlobalFooter extends LitElement {
     static styles: import("lit").CSSResult;
     /** Agency name displayed as the footer heading. */
     agencyName: string;
+    /** Optional subheading displayed below the agency name. */
+    agencySubheading: string;
     /** URL for the agency name link. If empty, name is not clickable. */
     homepageLink: string;
     private slotHasContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/components",
-  "version": "1.19.1-alpha-1",
+  "version": "1.19.2",
   "description": "New York State's design system and code component library.",
   "type": "module",
   "workspaces": [
@@ -45,7 +45,9 @@
     "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",
     "release:alpha": "npm run build && npm run build:umd && npm publish --tag next",
     "release:zip": "npm run build:all && node src/scripts/create-release-zip.js",
-    "test": "npm run playwright:install && wtr --node-resolve",
+    "pretest": "playwright install",
+    "test": "wtr --node-resolve",
+    "test:ssr": "node scripts/test-ssr.mjs",
     "test:build": "npm run build:all && npm run test",
     "test:compact": "export NYSDS_TEST_OUTPUT=compact && wtr --node-resolve",
     "test:ai": "export NYSDS_TEST_OUTPUT=ai && wtr --node-resolve",
@@ -127,10 +129,12 @@
     ]
   },
   "overrides": {
-    "storybook": "$storybook"
+    "storybook": "$storybook",
+    "playwright": "1.61.0"
   },
   "dependencies": {
     "dompurify": "^3.4.7",
     "wc-datepicker": "^0.10.0"
-  }
+  },
+  "sideEffects": true
 }

package/packages/react/NysDropdownMenu.d.ts

@@ -24,6 +24,9 @@ export interface NysDropdownMenuProps extends Pick<
   /** undefined */
   for?: NysDropdownMenuElement["for"];
 
+  /** Accessible label for the menu. Used as `aria-label` on the `<ul role="menu">` element. */
+  label?: NysDropdownMenuElement["label"];
+
   /** Preferred position relative to trigger. */
   position?: NysDropdownMenuElement["position"];
 

package/packages/react/NysDropdownMenu.js

@@ -2,13 +2,14 @@ import React, { forwardRef } from "react";
 import "../../dist/nysds.es.js";
 
 export const NysDropdownMenu = forwardRef((props, forwardedRef) => {
-  const { showDropdown, position, ...filteredProps } = props;
+  const { showDropdown, label, position, ...filteredProps } = props;
 
   return React.createElement(
     "nys-dropdownmenu",
     {
       ...filteredProps,
       for: props.for,
+      label: props.label,
       position: props.position,
       class: props.className,
       exportparts: props.exportparts,

package/packages/react/NysGlobalFooter.d.ts

@@ -21,6 +21,9 @@ export interface NysGlobalFooterProps extends Pick<
   /** Agency name displayed as the footer heading. */
   agencyName?: NysGlobalFooterElement["agencyName"];
 
+  /** Optional subheading displayed below the agency name. */
+  agencySubheading?: NysGlobalFooterElement["agencySubheading"];
+
   /** URL for the agency name link. If empty, name is not clickable. */
   homepageLink?: NysGlobalFooterElement["homepageLink"];
 

package/packages/react/NysGlobalFooter.js

@@ -2,13 +2,15 @@ import React, { forwardRef } from "react";
 import "../../dist/nysds.es.js";
 
 export const NysGlobalFooter = forwardRef((props, forwardedRef) => {
-  const { agencyName, homepageLink, ...filteredProps } = props;
+  const { agencyName, agencySubheading, homepageLink, ...filteredProps } =
+    props;
 
   return React.createElement(
     "nys-globalfooter",
     {
       ...filteredProps,
       agencyName: props.agencyName,
+      agencySubheading: props.agencySubheading,
       homepageLink: props.homepageLink,
       class: props.className,
       exportparts: props.exportparts,

package/packages/react/nysds-jsx.d.ts

@@ -428,6 +428,8 @@ export type NysDropdownMenuProps = {
   for?: string;
   /**  */
   showDropdown?: boolean;
+  /** Accessible label for the menu. Used as `aria-label` on the `<ul role="menu">` element. */
+  label?: string;
   /** Preferred position relative to trigger. */
   position?: Position | null;
 };
@@ -516,6 +518,8 @@ export type NysFileItemProps = {
 export type NysGlobalFooterProps = {
   /** Agency name displayed as the footer heading. */
   agencyName?: string;
+  /** Optional subheading displayed below the agency name. */
+  agencySubheading?: string;
   /** URL for the agency name link. If empty, name is not clickable. */
   homepageLink?: string;
 };