@nuraly/lumenui 0.1.0 → 0.2.2

package/dist/src/components/button/button.component.d.ts

@@ -6,7 +6,7 @@
 import { LitElement } from 'lit';
 import { ButtonType, ButtonSize, ButtonShape, IconPosition, ButtonIcons, ButtonIcon, ButtonIconsConfig } from './button.types.js';
 import { ButtonHost } from './interfaces/index.js';
-declare const NrButtonElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
+declare const NrButtonElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement;
 /**
  * Versatile button component with multiple variants, loading states, and enhanced icon support.
  *
@@ -37,6 +37,7 @@ declare const NrButtonElement_base: (new (...args: any[]) => import("@nuralyui/c
  */
 export declare class NrButtonElement extends NrButtonElement_base implements ButtonHost {
     static styles: import("lit").CSSResult;
+    static useShadowDom: boolean;
     /** Disables the button */
     disabled: boolean;
     /** Shows loading spinner */

package/dist/src/components/button/button.component.js

@@ -94,7 +94,6 @@ let NrButtonElement = class NrButtonElement extends NuralyUIBaseMixin(LitElement
             'data-shape': this.shape,
             'data-size': this.size || nothing,
             'data-state': this.loading ? 'loading' : nothing,
-            'data-theme': this.currentTheme,
             'data-block': this.block ? 'true' : nothing,
             'class': this.dashed ? 'button-dashed' : '',
             'aria-disabled': this.disabled ? 'true' : 'false',
@@ -195,15 +194,16 @@ let NrButtonElement = class NrButtonElement extends NuralyUIBaseMixin(LitElement
         const leftIcon = this.getResolvedLeftIcon();
         const rightIcon = this.getResolvedRightIcon();
         const content = html `
-      <span id="container" part="container">
+      <span part="container" class="button-container">
         ${leftIcon ? this.renderIcon(leftIcon) : nothing}
-        <slot id="slot"></slot>
+        <slot></slot>
         ${rightIcon ? this.renderIcon(rightIcon) : nothing}
       </span>
     `;
         if (elementTag === 'a') {
             return html `
         <a
+          part="button"
           href="${linkAttributes.href}"
           target="${linkAttributes.target || nothing}"
           rel="${linkAttributes.rel || nothing}"
@@ -212,7 +212,6 @@ let NrButtonElement = class NrButtonElement extends NuralyUIBaseMixin(LitElement
           data-shape="${commonAttributes['data-shape']}"
           data-size="${commonAttributes['data-size']}"
           data-state="${commonAttributes['data-state']}"
-          data-theme="${commonAttributes['data-theme']}"
           data-block="${commonAttributes['data-block']}"
           class="${commonAttributes.class}"
           aria-disabled="${this.disabled}"
@@ -228,14 +227,14 @@ let NrButtonElement = class NrButtonElement extends NuralyUIBaseMixin(LitElement
         }
         return html `
       <button
+        part="button"
         ?disabled="${this.disabled}"
         type="${(this.htmlType || 'button')}"
         role="${linkAttributes.role}"
         data-type="${commonAttributes['data-type']}"
         data-shape="${commonAttributes['data-shape']}"
-        data-size="${commonAttributes['data-size']}" 
+        data-size="${commonAttributes['data-size']}"
         data-state="${commonAttributes['data-state']}"
-        data-theme="${commonAttributes['data-theme']}"
         data-block="${commonAttributes['data-block']}"
         class="${commonAttributes.class}"
         aria-disabled="${this.disabled}"
@@ -251,6 +250,7 @@ let NrButtonElement = class NrButtonElement extends NuralyUIBaseMixin(LitElement
     }
 };
 NrButtonElement.styles = styles;
+NrButtonElement.useShadowDom = true;
 __decorate([
     property({ type: Boolean })
 ], NrButtonElement.prototype, "disabled", void 0);

package/dist/src/components/button/button.style.d.ts

@@ -1,10 +1,3 @@
-/**
- * Button component styles for the Hybrid UI Library
- * Using shared CSS variables from /src/shared/themes/
- *
- * This file contains all the styling for the nr-button component with
- * clean CSS variable usage without local fallbacks and proper theme switching support.
- */
 export declare const buttonStyles: import("lit").CSSResult;
 export declare const styles: import("lit").CSSResult;
 //# sourceMappingURL=button.style.d.ts.map