@ni/spright-components 0.0.25 → 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/README.md
CHANGED
|
@@ -6,6 +6,15 @@
|
|
|
6
6
|
|
|
7
7
|
[](https://www.npmjs.com/package/@ni/spright-components)
|
|
8
8
|
|
|
9
|
-
NI-styled web components following [Nimble Design System](https://nimble.ni.dev) patterns but not part of the core design system.
|
|
9
|
+
NI-styled web components following [Nimble Design System](https://nimble.ni.dev) patterns and built on the same technologies (FAST, native web components, etc.), but not part of the core design system.
|
|
10
10
|
|
|
11
|
-
The `spright-components` package is intended for components that do not belong in [`nimble-components`](/packages/nimble-components) due to being: ["molecules"](https://atomicdesign.bradfrost.com/chapter-2/), product-specific, data-connected, or not "general utility".
|
|
11
|
+
The `spright-components` package is intended for components that do not belong in [`nimble-components`](/packages/nimble-components) due to being: ["molecules"](https://atomicdesign.bradfrost.com/chapter-2/), product-specific, data-connected, or not "general utility". Some examples:
|
|
12
|
+
|
|
13
|
+
- Molecule: a group of card buttons with a specific layout
|
|
14
|
+
- Product-specific: a configuration pane that uses product-specific terminology or connects to a product-specific data model
|
|
15
|
+
- Data-connected: a table that populates itself by making HTTP requests to a specific service
|
|
16
|
+
- Experimental components that are trying out new UX patterns to see if they should someday be promoted to Nimble.
|
|
17
|
+
|
|
18
|
+
## Why Spright?
|
|
19
|
+
|
|
20
|
+
"Spright" is an archaic variant of "sprite" that is the root of "sprightly"; think of it as a rapidly moving peer of Nimble.
|
|
@@ -16333,7 +16333,7 @@
|
|
|
16333
16333
|
|
|
16334
16334
|
/**
|
|
16335
16335
|
* Do not edit directly
|
|
16336
|
-
* Generated on
|
|
16336
|
+
* Generated on Wed, 15 May 2024 18:39:02 GMT
|
|
16337
16337
|
*/
|
|
16338
16338
|
|
|
16339
16339
|
const Information100DarkUi = "#a46eff";
|