@nysds/components 1.11.1 → 1.11.3

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

@@ -5,10 +5,10 @@ import "./nys-accordionitem";
  * The items within is called "nys-accordionitem"
  */
 export declare class NysAccordion extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     singleSelect: boolean;
     bordered: boolean;
-    static styles: import("lit").CSSResult;
     /**************** Lifecycle Methods ****************/
     constructor();
     connectedCallback(): void;

package/dist/packages/nys-accordion/src/nys-accordionitem.d.ts

@@ -1,10 +1,10 @@
 import { LitElement } from "lit";
 export declare class NysAccordionItem extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     heading: string;
     expanded: boolean;
     bordered: boolean;
-    static styles: import("lit").CSSResult;
     /**************** Lifecycle Methods ****************/
     constructor();
     connectedCallback(): void;

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

@@ -14,8 +14,7 @@ export declare class NysAvatar extends LitElement {
     private _slotHasContent;
     /******************** Functions ********************/
     connectedCallback(): void;
-    firstUpdated(): void;
-    private _checkSlotContent;
+    private _handleSlotChange;
     private getContrastForeground;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,8 +1,8 @@
 import { LitElement } from "lit";
 export declare class NysBacktotop extends LitElement {
+    static styles: import("lit").CSSResult;
     position: string;
     visible: boolean;
-    static styles: import("lit").CSSResult;
     private isMobile;
     private forceVisible;
     private mediaQuery;

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysBadge extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     private static readonly VALID_SIZES;
@@ -18,7 +19,6 @@ export declare class NysBadge extends LitElement {
     private _suffixIcon;
     get suffixIcon(): string | boolean;
     set suffixIcon(value: string | boolean);
-    static styles: import("lit").CSSResult;
     connectedCallback(): void;
     private static readonly DEFAULT_ICONS;
     private resolveIcon;

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysButton extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     private static readonly VALID_SIZES;
@@ -34,7 +35,6 @@ export declare class NysButton extends LitElement {
     get target(): (typeof NysButton.VALID_TARGETS)[number];
     set target(value: string);
     getButtonElement(): Promise<HTMLElement | null>;
-    static styles: import("lit").CSSResult;
     private _internals;
     /**************** Lifecycle Methods ****************/
     static formAssociated: boolean;

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

@@ -1,6 +1,7 @@
 import { LitElement } from "lit";
 import "./nys-checkboxgroup";
 export declare class NysCheckbox extends LitElement {
+    static styles: import("lit").CSSResult;
     checked: boolean;
     disabled: boolean;
     required: boolean;
@@ -20,7 +21,6 @@ export declare class NysCheckbox extends LitElement {
     get size(): (typeof NysCheckbox.VALID_SIZES)[number];
     set size(value: string);
     getInputElement(): Promise<HTMLInputElement | null>;
-    static styles: import("lit").CSSResult;
     private _internals;
     /********************** Lifecycle updates **********************/
     static formAssociated: boolean;

package/dist/packages/nys-checkbox/src/nys-checkboxgroup.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysCheckboxgroup extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     required: boolean;
@@ -17,7 +18,6 @@ export declare class NysCheckboxgroup extends LitElement {
     private _size;
     get size(): (typeof NysCheckboxgroup.VALID_SIZES)[number];
     set size(value: string);
-    static styles: import("lit").CSSResult;
     private _internals;
     /********************** Lifecycle updates **********************/
     static formAssociated: boolean;

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

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 export declare class NysDivider extends LitElement {
-    inverted: boolean;
     static styles: import("lit").CSSResult;
+    inverted: boolean;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,10 +1,10 @@
 import { LitElement } from "lit";
 export declare class NysErrorMessage extends LitElement {
+    static styles: import("lit").CSSResult;
     showError: boolean;
     errorMessage: string;
     showDivider: boolean;
     private _internals;
-    static styles: import("lit").CSSResult;
     /********************** Lifecycle updates **********************/
     static formAssociated: boolean;
     constructor();

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

@@ -1,6 +1,7 @@
 import { LitElement } from "lit";
 import "./nys-fileitem";
 export declare class NysFileinput extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     label: string;
@@ -17,7 +18,6 @@ export declare class NysFileinput extends LitElement {
     dropzone: boolean;
     width: "lg" | "full";
     inverted: boolean;
-    static styles: import("lit").CSSResult;
     private _selectedFiles;
     private _dragActive;
     private get _isDropDisabled();

package/dist/packages/nys-fileinput/src/nys-fileitem.d.ts

@@ -1,10 +1,10 @@
 import { LitElement } from "lit";
 export declare class NysFileItem extends LitElement {
+    static styles: import("lit").CSSResult;
     filename: string;
     status: "pending" | "processing" | "done" | "error";
     progress: number;
     errorMessage: string;
-    static styles: import("lit").CSSResult;
     private _handleRemove;
     private splitFilename;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -1,11 +1,11 @@
 import { LitElement } from "lit";
 export declare class NysIcon extends LitElement {
+    static styles: import("lit").CSSResult;
     name: string;
     ariaLabel: string;
     rotate: string;
     flip: string;
     color: string;
-    static styles: import("lit").CSSResult;
     private static readonly VALID_TYPES;
     private _size;
     get size(): (typeof NysIcon.VALID_TYPES)[number];

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysLabel extends LitElement {
+    static styles: import("lit").CSSResult;
     for: string;
     label: string;
     description: string;
@@ -8,6 +9,5 @@ export declare class NysLabel extends LitElement {
     get tooltip(): string;
     set tooltip(value: string);
     private _tooltip;
-    static styles: import("lit").CSSResult;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysModal extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     heading: string;
     subheading: string;
@@ -14,12 +15,10 @@ export declare class NysModal extends LitElement {
     private _originalBodyOverflow;
     private hasBodySlots;
     private hasActionSlots;
-    static styles: import("lit").CSSResult;
     /**************** Lifecycle Methods ****************/
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    firstUpdated(): void;
     updated(changeProps: Map<string, any>): Promise<void>;
     /******************** Functions ********************/
     private _hideBodyScroll;

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

@@ -1,14 +1,14 @@
 import { LitElement, TemplateResult } from "lit";
 export declare class NysPagination extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     currentPage: number;
     totalPages: number;
     _twoBeforeLast: boolean;
-    static styles: import("lit").CSSResult;
     /**************** Lifecycle Methods ****************/
     constructor();
-    updated(changedProps: Map<string, unknown>): void;
+    willUpdate(changedProps: Map<string, unknown>): void;
     connectedCallback(): void;
     /******************** Functions ********************/
     private _clampPage;

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

@@ -1,6 +1,7 @@
 import { LitElement } from "lit";
 import "./nys-radiogroup";
 export declare class NysRadiobutton extends LitElement {
+    static styles: import("lit").CSSResult;
     checked: boolean;
     disabled: boolean;
     required: boolean;
@@ -19,7 +20,6 @@ export declare class NysRadiobutton extends LitElement {
     getInputElement(): Promise<HTMLInputElement | null>;
     formResetUpdate(): void;
     static buttonGroup: Record<string, NysRadiobutton>;
-    static styles: import("lit").CSSResult;
     /********************** Lifecycle updates **********************/
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/packages/nys-radiobutton/src/nys-radiogroup.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysRadiogroup extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     required: boolean;
@@ -18,7 +19,6 @@ export declare class NysRadiogroup extends LitElement {
     private _size;
     get size(): (typeof NysRadiogroup.VALID_SIZES)[number];
     set size(value: string);
-    static styles: import("lit").CSSResult;
     private _internals;
     /********************** Lifecycle updates **********************/
     static formAssociated: boolean;

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysSelect extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     label: string;
@@ -17,7 +18,7 @@ export declare class NysSelect extends LitElement {
     private _width;
     get width(): (typeof NysSelect.VALID_WIDTHS)[number];
     set width(value: string);
-    static styles: import("lit").CSSResult;
+    private _originalErrorMessage;
     private _hasUserInteracted;
     private _internals;
     /********************** Lifecycle updates **********************/

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

@@ -1,8 +1,8 @@
 import { LitElement } from "lit";
 export declare class NysSkipnav extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     href: string;
-    static styles: import("lit").CSSResult;
     constructor();
     connectedCallback(): void;
     /**************** Event Handlers ****************/

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysTextarea extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     label: string;
@@ -24,7 +25,6 @@ export declare class NysTextarea extends LitElement {
     showError: boolean;
     errorMessage: string;
     updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
-    static styles: import("lit").CSSResult;
     private _hasUserInteracted;
     private _internals;
     /********************** Lifecycle updates **********************/

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysTextinput extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     private static readonly VALID_TYPES;
@@ -27,7 +28,6 @@ export declare class NysTextinput extends LitElement {
     showError: boolean;
     errorMessage: string;
     private showPassword;
-    static styles: import("lit").CSSResult;
     private _originalErrorMessage;
     private _hasUserInteracted;
     private _internals;

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

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysToggle extends LitElement {
-    /********************** Properties **********************/
+    static styles: import("lit").CSSResult;
     id: string;
     name: string;
     value: string;
@@ -15,7 +15,6 @@ export declare class NysToggle extends LitElement {
     private _size;
     get size(): (typeof NysToggle.VALID_SIZES)[number];
     set size(value: string);
-    static styles: import("lit").CSSResult;
     private _internals;
     /********************** Lifecycle updates **********************/
     static formAssociated: boolean;

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysTooltip extends LitElement {
+    static styles: import("lit").CSSResult;
     id: string;
     text: string;
     inverted: boolean;
@@ -8,7 +9,6 @@ export declare class NysTooltip extends LitElement {
     private _userHasSetPosition;
     private _originalUserPosition;
     private _internallyUpdatingPosition;
-    static styles: import("lit").CSSResult;
     /********************* Position Logic *********************/
     private _position;
     get position(): "right" | "top" | "bottom" | "left" | null;

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

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
 export declare class NysUnavHeader extends LitElement {
+    static styles: import("lit").CSSResult;
     trustbarVisible: boolean;
     searchDropdownVisible: boolean;
     languageVisible: boolean;
@@ -7,7 +8,6 @@ export declare class NysUnavHeader extends LitElement {
     hideTranslate: boolean;
     hideSearch: boolean;
     private languages;
-    static styles: import("lit").CSSResult;
     private _getNysLogo;
     private _toggleTrustbar;
     private _toggleLanguageList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/components",
-  "version": "1.11.1",
+  "version": "1.11.3",
   "description": "New York State's design system and code component library.",
   "type": "module",
   "workspaces": [
@@ -26,13 +26,13 @@
     "build": "npm run lint && tsc --emitDeclarationOnly && vite build",
     "build:umd": "tsc --emitDeclarationOnly && vite build --config vite.config.umd.js",
     "build:packages": "npm run lint && node src/scripts/build-order.js",
-    "build:all": "npm run clean:dist && NODE_ENV=production npm run build:packages && NODE_ENV=production npm run build && NODE_ENV=production npm run build:umd",
+    "build:all": "npm run clean:dist && NODE_ENV=production npm run build:packages && NODE_ENV=production npm run build && NODE_ENV=production npm run build:umd && npm run cem",
     "build:link": "npm run build:all && npm link",
     "lint": "eslint src/ packages/**/*.{ts,js}",
     "lint:fix": "eslint src/ packages/**/*.{ts,js} --fix",
     "lit-analyze": "lit-analyzer $(find ./packages -name '*.ts' ! -name '*.figma.*')",
-    "release": "NODE_ENV=production npm run build:all && npm run test && npm publish --workspaces --access public && npm publish --access public",
-    "release:dry-run": "NODE_ENV=production npm run build:all && NODE_ENV=production npm run test && node src/scripts/publish-dry-run.js",
+    "release": "NODE_ENV=production npm run build:all && NODE_ENV=production npm run test && npm run cem && NODE_ENV=production npm publish --workspaces --access public && NODE_ENV=production npm publish --access public",
+    "release:dry-run": "NODE_ENV=production npm run build:all && 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",
     "test": "npx playwright install && wtr --node-resolve",
     "test:build": "npm run build:all && npm run test",
@@ -43,7 +43,8 @@
     "clean:node": "rm -rf node_modules && rm -rf packages/*/node_modules",
     "clean:dist": "rm -rf dist && rm -rf packages/*/dist",
     "clean:all": "npm run clean:dist && npm run clean:node",
-    "code-connect": "dotenv -- npx figma connect publish"
+    "code-connect": "dotenv -- npx figma connect publish",
+    "cem": "npx cem analyze --config 'custom-elements-manifest.config.mjs'"
   },
   "repository": {
     "type": "git",
@@ -54,38 +55,45 @@
   "bugs": {
     "url": "https://github.com/ITS-HCD/nysds/issues"
   },
-  "homepage": "https://github.com/ITS-HCD/nysds/blob/main/README.md",
+  "homepage": "https://designsystem.ny.gov/",
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.1",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@custom-elements-manifest/analyzer": "^0.11.0",
     "@figma/code-connect": "^1.3.7",
     "@floating-ui/dom": "^1.7.4",
-    "@storybook/addon-a11y": "10.0.0",
-    "@storybook/addon-docs": "10.0.0",
-    "@storybook/addon-links": "10.0.0",
-    "@storybook/web-components-vite": "10.0.0",
     "@open-wc/testing": "^4.0.0",
+    "@storybook/addon-a11y": "10.0.8",
+    "@storybook/addon-docs": "10.0.8",
+    "@storybook/addon-links": "10.0.8",
+    "@storybook/web-components-vite": "10.0.8",
     "@types/mocha": "^10.0.10",
     "@typescript-eslint/eslint-plugin": "^8.46.2",
     "@typescript-eslint/parser": "^8.46.2",
+    "@wc-toolkit/wctools": "^0.0.9",
     "@web/dev-server-esbuild": "^1.0.4",
     "@web/test-runner": "^0.20.2",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.1",
+    "custom-element-react-wrappers": "^1.7.3",
+    "custom-element-vs-code-integration": "^1.5.0",
     "dotenv-cli": "^10.0.0",
-    "eslint-plugin-storybook": "10.0.0",
     "eslint": "^9.38.0",
     "eslint-plugin-lit": "^2.1.1",
     "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-storybook": "10.0.8",
     "i": "^0.3.7",
-    "storybook": "10.0.0",
     "lit": "^3.3.1",
     "lit-analyzer": "^2.0.3",
     "plop": "^4.0.4",
+    "rollup-plugin-esbuild-minify": "^1.3.0",
+    "rollup-plugin-minify-template-literals": "^1.1.7",
     "rollup-plugin-visualizer": "^6.0.5",
+    "sass": "^1.94.0",
     "sinon": "^21.0.0",
+    "storybook": "10.0.8",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "vite": "^7.1.2"
+    "vite": "^7.2.2"
   },
   "eslintConfig": {
     "extends": [
@@ -94,5 +102,6 @@
   },
   "overrides": {
     "storybook": "$storybook"
-  }
+  },
+  "customElements": "dist/custom-elements.json"
 }

package/dist/packages/nys-accordion/src/nys-accordion.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-alert/src/nys-alert.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-avatar/src/nys-avatar.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-backtotop/src/nys-backtotop.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-badge/src/nys-badge.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-checkbox/src/nys-checkbox.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-divider/src/nys-divider.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-errormessage/src/nys-errormessage.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-fileinput/src/nys-fileinput.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-fileinput/src/nys-fileitem.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-globalheader/src/nys-globalheader.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-icon/src/nys-icon.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-label/src/nys-label.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-modal/src/nys-modal.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-pagination/src/nys-pagination.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-radiobutton/src/nys-radiobutton.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-select/src/nys-select.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-skipnav/src/nys-skipnav.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-tooltip/src/nys-tooltip.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/packages/nys-unavfooter/src/nys-unavfooter.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;