@ni/ok-components 0.4.3 → 1.0.0

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')}
@@ -99833,21 +99833,21 @@ focus outline in that case.
   /**
    * Base class for dynamic icons. Not intended to be used directly, instead use to register dynamic icons:
    * ```
-   * customElements.get('ok-icon-dynamic').registerIconDynamic('ok-icon-dynamic-awesome', '<img data uri or arbitrary url>');
+   * customElements.get('ok-ts-icon-dynamic').registerIconDynamic('ok-ts-icon-dynamic-awesome', '<img data uri or arbitrary url>');
    * ```
    * After calling successfully, the icon can be used like any other icon:
    * ```
-   * <ok-icon-dynamic-awesome></ok-icon-dynamic-awesome>
-   * <nimble-mapping-icon icon="ok-icon-dynamic-awesome"></nimble-mapping-icon>
+   * <ok-ts-icon-dynamic-awesome></ok-ts-icon-dynamic-awesome>
+   * <nimble-mapping-icon icon="ok-ts-icon-dynamic-awesome"></nimble-mapping-icon>
    * ```
    */
-  class IconDynamic extends Icon {
+  class TsIconDynamic extends Icon {
       constructor(/** @internal */ url) {
           super();
           this.url = url;
       }
       static registerIconDynamic(tagName, url) {
-          const tagPrefix = 'ok-icon-dynamic-';
+          const tagPrefix = 'ok-ts-icon-dynamic-';
           if (!tagName.startsWith(tagPrefix)) {
               throw new Error(`Icon tag name must start with '${tagPrefix}', provided name: ${tagName}`);
           }
@@ -99855,17 +99855,17 @@ focus outline in that case.
           if (!/^[a-z][a-z]+$/.test(name)) {
               throw new Error(`Icon name must be lowercase [a-z] and at least two characters long, provided name: ${name}`);
           }
-          const iconClassName = `IconDynamic${name.charAt(0).toUpperCase() + name.slice(1)}`;
+          const iconClassName = `TsIconDynamic${name.charAt(0).toUpperCase() + name.slice(1)}`;
           const iconClassContainer = {
               // Class name for expression should come object literal assignment, helpful for stack traces, etc.
-              [iconClassName]: class extends IconDynamic {
+              [iconClassName]: class extends TsIconDynamic {
                   constructor() {
                       super(url);
                   }
               }
           };
           const iconClass = iconClassContainer[iconClassName];
-          const baseName = `icon-dynamic-${name}`;
+          const baseName = `ts-icon-dynamic-${name}`;
           const composedIcon = iconClass.compose({
               baseName,
               template,
@@ -99874,12 +99874,12 @@ focus outline in that case.
           DesignSystem.getOrCreate().withPrefix('ok').register(composedIcon());
       }
   }
-  const okIconDynamic = IconDynamic.compose({
-      baseName: 'icon-dynamic',
+  const okTsIconDynamic = TsIconDynamic.compose({
+      baseName: 'ts-icon-dynamic',
       template: html `<template></template>`,
       styles: css `${display('none')}`
   });
-  DesignSystem.getOrCreate().withPrefix('ok').register(okIconDynamic());
+  DesignSystem.getOrCreate().withPrefix('ok').register(okTsIconDynamic());
 
 })();
 //# sourceMappingURL=all-components-bundle.js.map