@nysds/components 1.1.1 → 1.1.2
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/README.md +8 -12
- package/dist/nysds.es.js +3942 -10682
- package/dist/nysds.es.js.map +1 -1
- package/dist/nysds.js +1021 -1621
- package/dist/nysds.js.map +1 -1
- package/package.json +22 -6
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# New York State Design System
|
|
2
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
|
|
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 custom CSS properties (variables) for easy customization.
|
|
4
4
|
|
|
5
5
|
## About the New York State Design System
|
|
6
6
|
Our mission is to standardize and elevate digital experiences across New York State by providing scalable, accessible tools for building applications.
|
|
@@ -11,27 +11,23 @@ Our mission is to standardize and elevate digital experiences across New York St
|
|
|
11
11
|
- **Themes**: Customizable agency-specific themes for adapting designs to organizational branding.
|
|
12
12
|
- **Figma Libraries**: Design libraries for prototyping that mirror the components and variables in code, promoting consistency between design and development.
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
### Why Use NYSDS?
|
|
15
|
+
|
|
16
|
+
#### Key Benefits
|
|
16
17
|
- **Accessibility**: Every component is tested to meet WCAG 2.2 standards.
|
|
17
18
|
- **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
19
|
- **Customizable Design Tokens**: CSS variables that serve as a foundation for consistently building new components.
|
|
19
20
|
- **Override-Friendly Architecture**: Components are designed with built-in overrides, making it easy to styles and behavior to meet specific application needs.
|
|
20
21
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
## Install NYSDS
|
|
24
|
-
To start using NYSDS in your project, you need to install the core libraries:
|
|
22
|
+
## Install the NYSDS
|
|
23
|
+
To start using the NYSDS in your project, you need to install the core libraries:
|
|
25
24
|
|
|
26
25
|
```bash
|
|
27
26
|
npm install @nysds/components @nysds/styles
|
|
28
27
|
```
|
|
29
28
|
|
|
30
|
-
|
|
29
|
+
### Reference the files in your application
|
|
31
30
|
```html
|
|
32
31
|
<script type="module" src="[path-to-dir]/nysds.js"></script>
|
|
33
32
|
<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)
|
|
33
|
+
```
|