@ni/spright-components 0.0.24 → 1.0.0

package/README.md

@@ -6,6 +6,15 @@
 
 [![NPM Version](https://img.shields.io/npm/v/@ni/spright-components.svg)](https://www.npmjs.com/package/@ni/spright-components)
 
-NI-styled web components following [Nimble Design System](https://nimble.ni.dev) patterns but not part of the core design system.
+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.
 
-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". The primary component implementations are built on Nimble technologies (FAST, native web components, etc).
+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:
+
+-   Molecule: a group of card buttons with a specific layout
+-   Product-specific: a configuration pane that uses product-specific terminology or connects to a product-specific data model
+-   Data-connected: a table that populates itself by making HTTP requests to a specific service
+-   Experimental components that are trying out new UX patterns to see if they should someday be promoted to Nimble.
+
+## Why Spright?
+
+"Spright" is an archaic variant of "sprite" that is the root of "sprightly"; think of it as a rapidly moving peer of Nimble.

package/dist/all-components-bundle.js

@@ -16333,7 +16333,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Mon, 13 May 2024 09:36:44 GMT
+   * Generated on Wed, 15 May 2024 18:39:02 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -69145,10 +69145,6 @@ img.ProseMirror-separator {
               || mapping instanceof MappingText
               || mapping instanceof MappingEmpty);
       }
-      static hasUnresolvedIcon(mappingIcon) {
-          return (typeof mappingIcon.icon === 'string'
-              && mappingIcon.resolvedIcon === undefined);
-      }
       validate(mappings, keyType) {
           super.validate(mappings, keyType);
           this.validateMappingTypes(mappings);
@@ -69158,7 +69154,7 @@ img.ProseMirror-separator {
       validateIconNames(mappings) {
           const invalid = mappings
               .filter(TableColumnMappingValidator.isIconMappingElement)
-              .some(TableColumnMappingValidator.hasUnresolvedIcon);
+              .some(mappingIcon => mappingIcon.resolvedIcon === undefined);
           this.setConditionValue('invalidIconName', invalid);
       }
       validateNoMissingText(mappings) {
@@ -69232,14 +69228,7 @@ img.ProseMirror-separator {
       }
   }
 
-  // Create an empty template containing only a space because creating a ViewTemplate
-  // with an empty string throws an exception at runtime.
-  // prettier-ignore
-  const emptyTemplate = html ` `;
   const createIconTemplate = (icon) => {
-      if (icon === undefined) {
-          return emptyTemplate;
-      }
       return html `
         <${icon}
             title="${x => (x.textHidden ? x.text : '')}"
@@ -69515,6 +69504,9 @@ img.ProseMirror-separator {
       }
       createMappingConfig(mapping) {
           if (mapping instanceof MappingIcon) {
+              if (!mapping.resolvedIcon) {
+                  throw Error('Unresolved icon');
+              }
               return new MappingIconConfig(mapping.resolvedIcon, mapping.severity, mapping.text, mapping.textHidden);
           }
           if (mapping instanceof MappingSpinner) {