@nysds/components 1.0.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.
- package/LICENSE.md +5 -0
- package/README.md +37 -0
- package/dist/nysds.es.js +8877 -0
- package/dist/nysds.es.js.map +1 -0
- package/dist/nysds.js +5091 -0
- package/dist/nysds.js.map +1 -0
- package/dist/packages/nys-alert/src/index.d.ts +1 -0
- package/dist/packages/nys-alert/src/nys-alert.d.ts +39 -0
- package/dist/packages/nys-alert/src/nys-alert.styles.d.ts +2 -0
- package/dist/packages/nys-avatar/src/index.d.ts +1 -0
- package/dist/packages/nys-avatar/src/nys-avatar.d.ts +20 -0
- package/dist/packages/nys-avatar/src/nys-avatar.styles.d.ts +2 -0
- package/dist/packages/nys-button/src/index.d.ts +1 -0
- package/dist/packages/nys-button/src/nys-button.d.ts +37 -0
- package/dist/packages/nys-button/src/nys-button.styles.d.ts +2 -0
- package/dist/packages/nys-checkbox/src/index.d.ts +1 -0
- package/dist/packages/nys-checkbox/src/nys-checkbox.d.ts +26 -0
- package/dist/packages/nys-checkbox/src/nys-checkbox.styles.d.ts +2 -0
- package/dist/packages/nys-checkbox/src/nys-checkboxgroup.d.ts +19 -0
- package/dist/packages/nys-globalfooter/src/index.d.ts +1 -0
- package/dist/packages/nys-globalfooter/src/nys-globalfooter.d.ts +14 -0
- package/dist/packages/nys-globalfooter/src/nys-globalfooter.styles.d.ts +2 -0
- package/dist/packages/nys-globalheader/src/index.d.ts +1 -0
- package/dist/packages/nys-globalheader/src/nys-globalheader.d.ts +18 -0
- package/dist/packages/nys-globalheader/src/nys-globalheader.styles.d.ts +2 -0
- package/dist/packages/nys-icon/src/index.d.ts +1 -0
- package/dist/packages/nys-icon/src/nys-icon.d.ts +15 -0
- package/dist/packages/nys-icon/src/nys-icon.library.d.ts +2 -0
- package/dist/packages/nys-icon/src/nys-icon.styles.d.ts +2 -0
- package/dist/packages/nys-radiobutton/src/index.d.ts +1 -0
- package/dist/packages/nys-radiobutton/src/nys-radiobutton.d.ts +25 -0
- package/dist/packages/nys-radiobutton/src/nys-radiobutton.styles.d.ts +2 -0
- package/dist/packages/nys-radiobutton/src/nys-radiogroup.d.ts +25 -0
- package/dist/packages/nys-select/src/index.d.ts +1 -0
- package/dist/packages/nys-select/src/nys-option.d.ts +10 -0
- package/dist/packages/nys-select/src/nys-select.d.ts +26 -0
- package/dist/packages/nys-select/src/nys-select.styles.d.ts +2 -0
- package/dist/packages/nys-textarea/src/index.d.ts +1 -0
- package/dist/packages/nys-textarea/src/nys-textarea.d.ts +33 -0
- package/dist/packages/nys-textarea/src/nys-textarea.styles.d.ts +2 -0
- package/dist/packages/nys-textinput/src/index.d.ts +1 -0
- package/dist/packages/nys-textinput/src/nys-textinput.d.ts +35 -0
- package/dist/packages/nys-textinput/src/nys-textinput.styles.d.ts +2 -0
- package/dist/packages/nys-toggle/src/index.d.ts +1 -0
- package/dist/packages/nys-toggle/src/nys-toggle.d.ts +26 -0
- package/dist/packages/nys-toggle/src/nys-toggle.styles.d.ts +2 -0
- package/dist/packages/nys-unavfooter/src/index.d.ts +1 -0
- package/dist/packages/nys-unavfooter/src/nys-unav.logo.d.ts +2 -0
- package/dist/packages/nys-unavfooter/src/nys-unavfooter.d.ts +7 -0
- package/dist/packages/nys-unavfooter/src/nys-unavfooter.styles.d.ts +2 -0
- package/dist/packages/nys-unavheader/src/index.d.ts +1 -0
- package/dist/packages/nys-unavheader/src/nys-unav.logo.d.ts +2 -0
- package/dist/packages/nys-unavheader/src/nys-unavheader.d.ts +26 -0
- package/dist/packages/nys-unavheader/src/nys-unavheader.styles.d.ts +2 -0
- package/dist/src/index.d.ts +14 -0
- package/package.json +96 -0
package/LICENSE.md
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
## A few parts of this project are not in the public domain
|
|
2
|
+
|
|
3
|
+
### Copyright ownership of Works created by New York state employees
|
|
4
|
+
|
|
5
|
+
This repository contains both the original design for Google Material Icons (the “Work”, as defined in Section 1 of the Apache 2.0 License) and modifications made by the New York State (NYS). This repository combines the Work and these New York State (NYS) modifications, which is a “Modified Version” of Material Icons.
|
package/README.md
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# New York State Design System
|
|
2
|
+
|
|
3
|
+
This repository contains a library of reusable code components for building New York State applications and websites. These components are built using LitElement and styled with custon CSS properties (variables) for easy customization.
|
|
4
|
+
|
|
5
|
+
## About the New York State Design System
|
|
6
|
+
Our mission is to standardize and elevate digital experiences across New York State by providing scalable, accessible tools for building applications.
|
|
7
|
+
|
|
8
|
+
### What’s Included?
|
|
9
|
+
- **Components**: Modular web components built with Lit for performance and flexibility.
|
|
10
|
+
- **Styles**: A foundational CSS framework, including design tokens and utility classes.
|
|
11
|
+
- **Themes**: Customizable agency-specific themes for adapting designs to organizational branding.
|
|
12
|
+
- **Figma Libraries**: Design libraries for prototyping that mirror the components and variables in code, promoting consistency between design and development.
|
|
13
|
+
|
|
14
|
+
## Why Use NYSDS?
|
|
15
|
+
### Key Benefits
|
|
16
|
+
- **Accessibility**: Every component is tested to meet WCAG 2.2 standards.
|
|
17
|
+
- **Lit-based Web Components**: Built on the powerful and lightweight Lit framework, web components are native code designed to work seamlessly across modern frameworks or standalone applications.
|
|
18
|
+
- **Customizable Design Tokens**: CSS variables that serve as a foundation for consistently building new components.
|
|
19
|
+
- **Override-Friendly Architecture**: Components are designed with built-in overrides, making it easy to styles and behavior to meet specific application needs.
|
|
20
|
+
|
|
21
|
+
<!-- TODO: Additionally, corresponding Figma components and variables are available for prototyping. -->
|
|
22
|
+
|
|
23
|
+
## Install NYSDS
|
|
24
|
+
To start using NYSDS in your project, you need to install the core libraries:
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
npm install @nysds/components @nysds/styles
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Reference the files in your application
|
|
31
|
+
```html
|
|
32
|
+
<script type="module" src="[path-to-dir]/nysds.js"></script>
|
|
33
|
+
<link rel="stylesheet" href="[path-to-dir]/nysds-full.min.css" />
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Storybook access
|
|
37
|
+
[View the storybook for the New York State Design System](https://its-hcd.github.io/nysds)
|