@nysds/components 1.8.0 → 1.9.0

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.
@@ -19,7 +19,7 @@ export declare class NysButton extends LitElement {
19
19
  circle: boolean;
20
20
  icon: string;
21
21
  disabled: boolean;
22
- form: string;
22
+ form: string | null;
23
23
  value: string;
24
24
  ariaDescription: string;
25
25
  private static readonly VALID_TYPES;
@@ -9,6 +9,7 @@ export declare class NysCheckbox extends LitElement {
9
9
  id: string;
10
10
  name: string;
11
11
  value: string;
12
+ form: string | null;
12
13
  showError: boolean;
13
14
  errorMessage: string;
14
15
  groupExist: boolean;
@@ -9,6 +9,8 @@ export declare class NysCheckboxgroup extends LitElement {
9
9
  label: string;
10
10
  description: string;
11
11
  tile: boolean;
12
+ _tooltip: string;
13
+ form: string | null;
12
14
  private _slottedDescriptionText;
13
15
  private static readonly VALID_SIZES;
14
16
  private _size;
@@ -26,10 +28,11 @@ export declare class NysCheckboxgroup extends LitElement {
26
28
  /********************** Functions **********************/
27
29
  private _setGroupExist;
28
30
  private _setupCheckboxRequired;
29
- private _manageCheckboxRequired;
31
+ private _manageRequire;
30
32
  private _updateCheckboxSize;
31
33
  private _updateCheckboxTile;
32
34
  private _updateCheckboxShowError;
35
+ private _updateCheckboxForm;
33
36
  private _getSlotDescriptionForAria;
34
37
  private _handleInvalid;
35
38
  /******************** Event Handlers ********************/
@@ -0,0 +1 @@
1
+ export * from "./nys-divider";
@@ -0,0 +1,7 @@
1
+ import { LitElement } from "lit";
2
+ export declare class NysDivider extends LitElement {
3
+ inverted: boolean;
4
+ static styles: import("lit").CSSResult;
5
+ constructor();
6
+ render(): import("lit-html").TemplateResult<1>;
7
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -6,6 +6,8 @@ export declare class NysFileinput extends LitElement {
6
6
  label: string;
7
7
  description: string;
8
8
  multiple: boolean;
9
+ form: string;
10
+ _tooltip: string;
9
11
  accept: string;
10
12
  disabled: boolean;
11
13
  required: boolean;
@@ -13,5 +13,9 @@ export declare class NysGlobalHeader extends LitElement {
13
13
  private _handleSlotChange;
14
14
  private _normalizePath;
15
15
  private _toggleMobileMenu;
16
+ /**
17
+ * Handles client-side navigation when links are clicked (no full page refresh).
18
+ */
19
+ private _listenLinkClicks;
16
20
  render(): import("lit-html").TemplateResult<1>;
17
21
  }
@@ -4,6 +4,10 @@ export declare class NysLabel extends LitElement {
4
4
  label: string;
5
5
  description: string;
6
6
  flag: string;
7
+ tooltipInverted: boolean;
8
+ get tooltip(): string;
9
+ set tooltip(value: string);
10
+ private _tooltip;
7
11
  static styles: import("lit").CSSResult;
8
12
  render(): import("lit-html").TemplateResult<1>;
9
13
  }
@@ -9,6 +9,7 @@ export declare class NysRadiobutton extends LitElement {
9
9
  id: string;
10
10
  name: string;
11
11
  value: string;
12
+ form: string | null;
12
13
  private static readonly VALID_SIZES;
13
14
  private _size;
14
15
  get size(): (typeof NysRadiobutton.VALID_SIZES)[number];
@@ -9,6 +9,8 @@ export declare class NysRadiogroup extends LitElement {
9
9
  label: string;
10
10
  description: string;
11
11
  tile: boolean;
12
+ _tooltip: string;
13
+ form: string | null;
12
14
  private selectedValue;
13
15
  private _slottedDescriptionText;
14
16
  private static readonly VALID_SIZES;
@@ -40,6 +42,7 @@ export declare class NysRadiogroup extends LitElement {
40
42
  private _updateRadioButtonsSize;
41
43
  private _updateRadioButtonsTile;
42
44
  private _updateRadioButtonsShowError;
45
+ private _updateRadioButtonsForm;
43
46
  private _getSlotDescriptionForAria;
44
47
  /******************** Event Handlers ********************/
45
48
  private _handleRadioButtonChange;
@@ -8,7 +8,8 @@ export declare class NysSelect extends LitElement {
8
8
  disabled: boolean;
9
9
  required: boolean;
10
10
  optional: boolean;
11
- form: string;
11
+ _tooltip: string;
12
+ form: string | null;
12
13
  showError: boolean;
13
14
  errorMessage: string;
14
15
  private static readonly VALID_WIDTHS;
@@ -10,7 +10,8 @@ export declare class NysTextarea extends LitElement {
10
10
  readonly: boolean;
11
11
  required: boolean;
12
12
  optional: boolean;
13
- form: string;
13
+ _tooltip: string;
14
+ form: string | null;
14
15
  maxlength: null;
15
16
  private static readonly VALID_WIDTHS;
16
17
  width: (typeof NysTextarea.VALID_WIDTHS)[number];
@@ -14,15 +14,15 @@ export declare class NysTextinput extends LitElement {
14
14
  readonly: boolean;
15
15
  required: boolean;
16
16
  optional: boolean;
17
- form: string;
17
+ _tooltip: string;
18
+ form: string | null;
18
19
  pattern: string;
19
- maxlength: null;
20
+ maxlength: number | null;
20
21
  private static readonly VALID_WIDTHS;
21
22
  width: (typeof NysTextinput.VALID_WIDTHS)[number];
22
- updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
23
- step: null;
24
- min: null;
25
- max: null;
23
+ step: number | null;
24
+ min: number | null;
25
+ max: number | null;
26
26
  showError: boolean;
27
27
  errorMessage: string;
28
28
  private showPassword;
@@ -37,6 +37,7 @@ export declare class NysTextinput extends LitElement {
37
37
  connectedCallback(): void;
38
38
  disconnectedCallback(): void;
39
39
  firstUpdated(): void;
40
+ updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
40
41
  formResetCallback(): void;
41
42
  /********************** Form Integration **********************/
42
43
  private _setValue;
@@ -4,16 +4,16 @@ export declare class NysToggle extends LitElement {
4
4
  id: string;
5
5
  name: string;
6
6
  value: string;
7
+ label: string;
8
+ description: string;
9
+ form: string | null;
7
10
  checked: boolean;
8
11
  disabled: boolean;
9
12
  noIcon: boolean;
10
- label: string;
11
- description: string;
12
13
  private static readonly VALID_SIZES;
13
14
  private _size;
14
15
  get size(): (typeof NysToggle.VALID_SIZES)[number];
15
16
  set size(value: string);
16
- form: string;
17
17
  static styles: import("lit").CSSResult;
18
18
  private _internals;
19
19
  /********************** Lifecycle updates **********************/
@@ -5,6 +5,7 @@ export * from "../packages/nys-backtotop/src/index";
5
5
  export * from "../packages/nys-button/src/index";
6
6
  export * from "../packages/nys-badge/src/index";
7
7
  export * from "../packages/nys-checkbox/src/index";
8
+ export * from "../packages/nys-divider/src/index";
8
9
  export * from "../packages/nys-errormessage/src/index";
9
10
  export * from "../packages/nys-fileinput/src/index";
10
11
  export * from "../packages/nys-icon/src/index";
package/package.json CHANGED
@@ -1,13 +1,14 @@
1
1
  {
2
2
  "name": "@nysds/components",
3
- "version": "1.8.0",
3
+ "version": "1.9.0",
4
4
  "description": "New York State's design system and code component library.",
5
5
  "type": "module",
6
6
  "workspaces": [
7
7
  "packages/*"
8
8
  ],
9
9
  "files": [
10
- "dist/"
10
+ "dist/",
11
+ "!dist/nys-stepper/"
11
12
  ],
12
13
  "main": "dist/nysds.js",
13
14
  "module": "dist/nysds.es.js",
@@ -24,13 +25,12 @@
24
25
  "gen": "plop",
25
26
  "build": "npm run lint && tsc --emitDeclarationOnly && vite build",
26
27
  "build:umd": "tsc --emitDeclarationOnly && vite build --config vite.config.umd.js",
27
- "build:packages": "npm run lint:packages && node src/scripts/build-order.js",
28
+ "build:packages": "npm run lint && node src/scripts/build-order.js",
28
29
  "build:all": "npm run clean:dist && npm run build:packages && npm run build && npm run build:umd",
29
30
  "build:link": "npm run build:all && npm link",
30
- "lint": "eslint src/",
31
- "lint:packages": "eslint packages/**/*.{ts,js}",
32
- "lint:fix": "eslint src/ --fix",
33
- "lint:fix:packages": "eslint packages/**/*.{ts,js} --fix",
31
+ "lint": "eslint src/ packages/**/*.{ts,js}",
32
+ "lint:fix": "eslint src/ packages/**/*.{ts,js} --fix",
33
+ "lit-analyze": "lit-analyzer 'packages/**/*.ts'",
34
34
  "release:dry-run": "NODE_ENV=production npm run build:all && NODE_ENV=production npm run test && node src/scripts/publish-dry-run.js",
35
35
  "release": "NODE_ENV=production npm run build:all && npm run test && npm publish --workspaces --access public && npm publish --access public",
36
36
  "release:alpha": "npm run build && npm run build:umd && npm publish --tag next",
@@ -44,7 +44,6 @@
44
44
  "clean:dist": "rm -rf dist && rm -rf packages/*/dist",
45
45
  "clean:all": "npm run clean:dist && npm run clean:node",
46
46
  "code-connect": "dotenv -- npx figma connect publish"
47
-
48
47
  },
49
48
  "repository": {
50
49
  "type": "git",
@@ -58,7 +57,8 @@
58
57
  "homepage": "https://github.com/ITS-HCD/nysds/blob/main/README.md",
59
58
  "dependencies": {
60
59
  "@figma/code-connect": "^1.3.1",
61
- "@floating-ui/dom": "^1.7.1"
60
+ "@floating-ui/dom": "^1.7.1",
61
+ "lit-analyzer": "^2.0.3"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@chromatic-com/storybook": "^4.1.0",
@@ -82,13 +82,13 @@
82
82
  "i": "^0.3.7",
83
83
  "lit": "^3.2.1",
84
84
  "npm": "^10.9.0",
85
- "plop": "^4.0.1",
85
+ "plop": "^4.0.2",
86
86
  "rollup-plugin-visualizer": "^5.14.0",
87
87
  "sinon": "^19.0.2",
88
88
  "storybook": "9.1.1",
89
89
  "tslib": "^2.7.0",
90
90
  "typescript": "^5.7.2",
91
- "vite": "^6.3.4"
91
+ "vite": "^6.3.6"
92
92
  },
93
93
  "peerDependencies": {
94
94
  "lit": "^3.2.1"
@@ -1,4 +0,0 @@
1
- <div style="padding: 2rem;">
2
- <h2>Newsletter Opt-In</h2>
3
- <p>Subscribe to our newsletter to stay updated on the latest features and offers.</p>
4
- </div>
@@ -1,6 +0,0 @@
1
- <div style="padding: 2rem;">
2
- <h2>Personal Details</h2>
3
- <p>This is the form to enter your personal information. Fill in your name, address, and contact details here.</p>
4
- <nys-textinput label="Name" required width="md"></nys-textinput>
5
- <nys-textinput label="Agency Email" required width="md"></nys-textinput>
6
- </div>
@@ -1,5 +0,0 @@
1
- <div style="padding: 2rem;">
2
- <h2>Usage Survey</h2>
3
- <p>Tell us how you plan to use this application. Your feedback helps us improve.</p>
4
- <nys-textarea label="Project Details" resize="none"></nys-textarea>
5
- </div>
@@ -1,6 +0,0 @@
1
- <div style="padding: 2rem;">
2
- <h2>Team Information</h2>
3
- <p>Provide details about your team. Who are you working with? What is your role?</p>
4
- <nys-textinput label="Agency Name" required width="md"></nys-textinput>
5
- <nys-textinput label="Team Name" required width="md"></nys-textinput>
6
- </div>