@ni/ok-components 0.4.3 → 0.4.4

package/dist/all-components-bundle.js

@@ -7395,7 +7395,7 @@
    *
    * @public
    */
-  let Button$2 = class Button extends FormAssociatedButton {
+  let Button$1 = class Button extends FormAssociatedButton {
       constructor() {
           super(...arguments);
           /**
@@ -7523,31 +7523,31 @@
   };
   __decorate([
       attr({ mode: "boolean" })
-  ], Button$2.prototype, "autofocus", void 0);
+  ], Button$1.prototype, "autofocus", void 0);
   __decorate([
       attr({ attribute: "form" })
-  ], Button$2.prototype, "formId", void 0);
+  ], Button$1.prototype, "formId", void 0);
   __decorate([
       attr
-  ], Button$2.prototype, "formaction", void 0);
+  ], Button$1.prototype, "formaction", void 0);
   __decorate([
       attr
-  ], Button$2.prototype, "formenctype", void 0);
+  ], Button$1.prototype, "formenctype", void 0);
   __decorate([
       attr
-  ], Button$2.prototype, "formmethod", void 0);
+  ], Button$1.prototype, "formmethod", void 0);
   __decorate([
       attr({ mode: "boolean" })
-  ], Button$2.prototype, "formnovalidate", void 0);
+  ], Button$1.prototype, "formnovalidate", void 0);
   __decorate([
       attr
-  ], Button$2.prototype, "formtarget", void 0);
+  ], Button$1.prototype, "formtarget", void 0);
   __decorate([
       attr
-  ], Button$2.prototype, "type", void 0);
+  ], Button$1.prototype, "type", void 0);
   __decorate([
       observable
-  ], Button$2.prototype, "defaultSlottedContent", void 0);
+  ], Button$1.prototype, "defaultSlottedContent", void 0);
   /**
    * Includes ARIA states and properties relating to the ARIA button role
    *
@@ -7562,7 +7562,7 @@
       attr({ attribute: "aria-pressed" })
   ], DelegatesARIAButton.prototype, "ariaPressed", void 0);
   applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);
-  applyMixins(Button$2, StartEnd, DelegatesARIAButton);
+  applyMixins(Button$1, StartEnd, DelegatesARIAButton);
 
   /**
    * An Card Custom HTML Element.
@@ -19868,7 +19868,7 @@ Defines an interaction area clip-path that leaves out the severity text so it is
   /**
    * A nimble-styled HTML button
    */
-  let Button$1 = class Button extends Button$2 {
+  class Button extends Button$1 {
       constructor() {
           super(...arguments);
           /**
@@ -19884,19 +19884,19 @@ Defines an interaction area clip-path that leaves out the severity text so it is
            */
           this.contentHidden = false;
       }
-  };
+  }
   __decorate([
       attr
-  ], Button$1.prototype, "appearance", void 0);
+  ], Button.prototype, "appearance", void 0);
   __decorate([
       attr({ attribute: 'appearance-variant' })
-  ], Button$1.prototype, "appearanceVariant", void 0);
+  ], Button.prototype, "appearanceVariant", void 0);
   __decorate([
       attr({ attribute: 'content-hidden', mode: 'boolean' })
-  ], Button$1.prototype, "contentHidden", void 0);
+  ], Button.prototype, "contentHidden", void 0);
   __decorate([
       attr({ attribute: 'tabindex', converter: nullableNumberConverter })
-  ], Button$1.prototype, "tabIndex", void 0);
+  ], Button.prototype, "tabIndex", void 0);
   /**
    * A function that returns a nimble-button registration for configuring the component with a DesignSystem.
    * Implements {@link @ni/fast-foundation#buttonTemplate}
@@ -19906,9 +19906,9 @@ Defines an interaction area clip-path that leaves out the severity text so it is
    * Generates HTML Element: \<nimble-button\>
    *
    */
-  const nimbleButton = Button$1.compose({
+  const nimbleButton = Button.compose({
       baseName: 'button',
-      baseClass: Button$2,
+      baseClass: Button$1,
       template: template$X,
       styles: styles$1e,
       shadowOptions: {
@@ -21250,7 +21250,7 @@ so this becomes the fallback color for the slot */ ''}
   /**
    * A nimble-styled card button
    */
-  class CardButton extends Button$2 {
+  class CardButton extends Button$1 {
       constructor() {
           super(...arguments);
           /**
@@ -66730,7 +66730,7 @@ ${nextLine.slice(indentLevel + 2)}`;
   /**
    * A nimble-styled step for a stepper
    */
-  class Step extends mixinSeverityPattern(Button$2) {
+  class Step extends mixinSeverityPattern(Button$1) {
       constructor() {
           super(...arguments);
           /**
@@ -99802,14 +99802,14 @@ focus outline in that case.
   /**
    * A Ok demo component (not for production use)
    */
-  class Button extends FoundationElement {
+  class ExButton extends FoundationElement {
   }
-  const okButton = Button.compose({
-      baseName: 'button',
+  const okExButton = ExButton.compose({
+      baseName: 'ex-button',
       template: template$1,
       styles: styles$1
   });
-  DesignSystem.getOrCreate().withPrefix('ok').register(okButton());
+  DesignSystem.getOrCreate().withPrefix('ok').register(okExButton());
 
   const styles = css `
     ${display('inline-flex')}