@nuralyui/button 0.0.10 → 0.0.12

package/nr-button.style.variables.js

@@ -0,0 +1,194 @@
+import { css } from 'lit';
+/**
+ * Button component CSS custom properties (design tokens)
+ *
+ * This file contains all the CSS custom properties used by the nr-button component,
+ * organized by functionality and including both light and dark theme variants.
+ *
+ * The styling system uses CSS custom properties with fallbacks to allow
+ * for both global and local customization of button appearance.
+ */
+export const buttonVariables = css `
+  :host {
+    /* ----------------------------------------
+     * DEFAULT BUTTON STYLES
+     * ---------------------------------------- */
+    --hybrid-button-local-border-top: 2px solid #d0d0d0;
+    --hybrid-button-local-border-bottom: 2px solid #d0d0d0;
+    --hybrid-button-local-border-left: 2px solid #d0d0d0;
+    --hybrid-button-local-border-right: 2px solid #d0d0d0;
+    --hybrid-button-local-border-top-left-radius: 0px;
+    --hybrid-button-local-border-top-right-radius: 0px;
+    --hybrid-button-local-border-bottom-left-radius: 0px;
+    --hybrid-button-local-border-bottom-right-radius: 0px;
+    --hybrid-button-local-background-color: #f9f9f9;
+    --hybrid-button-local-text-color: #393939;
+    --hybrid-button-local-hover-border-color: #1677ff;
+    --hybrid-button-local-hover-color: #1677ff;
+    --hybrid-button-local-font-size: 0.9rem;
+    --hybrid-button-local-font-weight: normal;
+    --hybrid-button-local-text-transform: none;
+    --hybrid-button-local-active-border-color: #1661b1;
+    --hybrid-button-local-active-color: #184d86;
+    --hybrid-button-local-disabled-background-color: #c6c6c6;
+    --hybrid-button-local-disabled-text-color: #8d8d8d;
+    --hybrid-button-local-disabled-border-color: #bbb;
+    --hybrid-button-local-height: auto;
+    --hybrid-button-local-width: auto;
+    --hybrid-button-local-padding-y: 0.5rem;
+    --hybrid-button-local-padding-x: 0.6rem;
+    --hybrid-button-local-icon-width: 18px;
+    --hybrid-button-local-icon-height: 14px;
+
+    /* ----------------------------------------
+     * PRIMARY BUTTON STYLES
+     * ---------------------------------------- */
+    --hybrid-button-local-primary-border-color: #0f62fe;
+    --hybrid-button-local-primary-background-color: #0f62fe;
+    --hybrid-button-local-primary-text-color: #ffffff;
+    --hybrid-button-local-primary-outline: 1px solid white;
+    --hybrid-button-local-primary-outline-offset: -3px;
+    --hybrid-button-local-primary-hover-background-color: #0353e9;
+    --hybrid-button-local-primary-hover-border-color: #0353e9;
+    --hybrid-button-local-primary-active-background-color: #0f62fe;
+    --hybrid-button-local-primary-active-border-color: #0f62fe;
+    --hybrid-button-local-primary-disabled-text-color: #8d8d8d;
+    --hybrid-button-local-primary-disabled-background-color: #c6c6c6;
+    --hybrid-button-local-primary-disabled-border-color: #c6c6c6;
+    --hybrid-button-local-primary-dashed-border-color: #ffffff;
+
+    /* ----------------------------------------
+     * DANGER BUTTON STYLES
+     * ---------------------------------------- */
+    --hybrid-button-local-danger-background-color: #da1e28;
+    --hybrid-button-local-danger-text-color: #ffffff;
+    --hybrid-button-local-danger-border-color: #da1e28;
+    --hybrid-button-local-danger-outline: 1px solid white;
+    --hybrid-button-local-danger-outline-offset: -3px;
+    --hybrid-button-local-danger-hover-background-color: #ba1b23;
+    --hybrid-button-local-danger-hover-border-color: #ba1b23;
+    --hybrid-button-local-danger-active-background-color: #da1e28;
+    --hybrid-button-local-danger-active-border-color: #0f62fe;
+    --hybrid-button-local-danger-disabled-background-color: #c6c6c6;
+    --hybrid-button-local-danger-disabled-text-color: #8d8d8d;
+    --hybrid-button-local-danger-disabled-border-color: #c6c6c6;
+    --hybrid-button-local-danger-dashed-border-color: #ffffff;
+
+    /* ----------------------------------------
+     * GHOST BUTTON STYLES
+     * ---------------------------------------- */
+    --hybrid-button-local-ghost-background-color: #ffffff;
+    --hybrid-button-local-ghost-text-color: #0f62fe;
+    --hybrid-button-local-ghost-border-color: #ffffff;
+    --hybrid-button-local-ghost-active-background-color: #ffffff;
+    --hybrid-button-local-ghost-active-text-color: #054ada;
+    --hybrid-button-local-ghost-active-border-color: #0f62fe;
+    --hybrid-button-local-ghost-hover-background-color: #e5e5e5;
+    --hybrid-button-local-ghost-hover-border-color: #e5e5e5;
+    --hybrid-button-local-ghost-hover-text-color: #054ada;
+    --hybrid-button-local-ghost-disabled-background-color: #ffffff;
+    --hybrid-button-local-ghost-disabled-text-color: #c6c6c6;
+    --hybrid-button-local-ghost-disabled-border-color: #ffffff;
+    --hybrid-button-local-ghost-dashed-border-color: #c6c6c6;
+
+    /* ----------------------------------------
+     * SECONDARY BUTTON STYLES
+     * ---------------------------------------- */
+    --hybrid-button-local-secondary-background-color: #393939;
+    --hybrid-button-local-secondary-border-color: #393939;
+    --hybrid-button-local-secondary-text-color: #ffffff;
+    --hybrid-button-local-secondary-outline: 1px solid white;
+    --hybrid-button-local-secondary-outline-offset: -3px;
+    --hybrid-button-local-secondary-hover-background-color: #4c4c4c;
+    --hybrid-button-local-secondary-hover-border-color: #4c4c4c;
+    --hybrid-button-local-secondary-active-background-color: #393939;
+    --hybrid-button-local-secondary-active-border-color: #0f62fe;
+    --hybrid-button-local-secondary-disabled-background-color: #c6c6c6;
+    --hybrid-button-local-secondary-disabled-text-color: #8d8d8d;
+    --hybrid-button-local-secondary-disabled-border-color: #c6c6c6;
+    --hybrid-button-local-secondary-dashed-border-color: #ffffff;
+
+    /* ----------------------------------------
+     * SIZE VARIANTS
+     * ---------------------------------------- */
+    /* Large button sizing */
+    --hybrid-large-button-local-padding-y: 0.5rem;
+    --hybrid-large-button-local-padding-x: 0.9rem;
+    --hybrid-large-button-local-font-size: 1rem;
+
+    /* Small button sizing */
+    --hybrid-small-button-local-padding-y: 0.5rem;
+    --hybrid-small-button-local-padding-x: 0.4rem;
+    --hybrid-small-button-local-font-size: 0.7rem;
+  }
+
+  /* ========================================
+   * DARK THEME OVERRIDES
+   * ======================================== */
+  
+  /**
+   * Dark theme styles using data-theme attribute on button element
+   * These override the light theme defaults when data-theme="dark" is applied
+   */
+  button[data-theme="dark"] {
+    /* Default button dark theme overrides */
+    --hybrid-button-local-background-color: #000000;
+    --hybrid-button-local-text-color: #ffffff;
+    --hybrid-button-local-hover-border-color: #6f6f6f;
+    --hybrid-button-local-hover-color: #6f6f6f;
+    --hybrid-button-local-active-border-color: #c6c6c6;
+    --hybrid-button-local-active-color: #c6c6c6;
+    --hybrid-button-local-disabled-background-color: #c6c6c6;
+
+    /* Primary button dark theme overrides */
+    --hybrid-button-local-primary-outline: 1px solid black;
+    --hybrid-button-local-primary-outline-offset: -3px;
+    --hybrid-button-local-primary-active-border-color: #ffffff;
+    --hybrid-button-local-primary-disabled-text-color: #c6c6c6;
+    --hybrid-button-local-primary-disabled-background-color: #8d8d8d;
+    --hybrid-button-local-primary-disabled-border-color: #8d8d8d;
+
+    /* Secondary button dark theme overrides */
+    --hybrid-button-local-secondary-background-color: #6f6f6f;
+    --hybrid-button-local-secondary-border-color: #6f6f6f;
+    --hybrid-button-local-secondary-text-color: #ffffff;
+    --hybrid-button-local-secondary-active-border-color: #ffffff;
+    --hybrid-button-local-secondary-active-background-color: #6f6f6f;
+    --hybrid-button-local-secondary-outline: 1px solid black;
+    --hybrid-button-local-secondary-outline-offset: -3px;
+    --hybrid-button-local-secondary-hover-background-color: #606060;
+    --hybrid-button-local-secondary-hover-border-color: #606060;
+    --hybrid-button-local-secondary-disabled-background-color: #6f6f6f;
+    --hybrid-button-local-secondary-disabled-text-color: #8d8d8d;
+    --hybrid-button-local-secondary-disabled-border-color: #6f6f6f;
+    --hybrid-button-local-secondary-dashed-border-color: #ffffff;
+
+    /* Ghost button dark theme overrides */
+    --hybrid-button-local-ghost-background-color: transparent;
+    --hybrid-button-local-ghost-text-color: #78a9ff;
+    --hybrid-button-local-ghost-border-color: transparent;
+    --hybrid-button-local-ghost-active-background-color: transparent;
+    --hybrid-button-local-ghost-active-text-color: #a6c8ff;
+    --hybrid-button-local-ghost-active-border-color: #ffffff;
+    --hybrid-button-local-ghost-hover-background-color: #4c4c4c;
+    --hybrid-button-local-ghost-hover-border-color: #4c4c4c;
+    --hybrid-button-local-ghost-hover-text-color: #a6c8ff;
+    --hybrid-button-local-ghost-disabled-background-color: transparent;
+    --hybrid-button-local-ghost-disabled-text-color: #6f6f6f;
+    --hybrid-button-local-ghost-disabled-border-color: transparent;
+    --hybrid-button-local-ghost-dashed-border-color: #c6c6c6;
+
+    /* Danger button dark theme overrides */
+    --hybrid-button-local-danger-outline: 1px solid #000000;
+    --hybrid-button-local-danger-outline-offset: -3px;
+    --hybrid-button-local-danger-hover-background-color: #ba1b23;
+    --hybrid-button-local-danger-hover-border-color: #ba1b23;
+    --hybrid-button-local-danger-active-background-color: #da1e28;
+    --hybrid-button-local-danger-active-border-color: #ffffff;
+    --hybrid-button-local-danger-disabled-background-color: #6f6f6f;
+    --hybrid-button-local-danger-disabled-text-color: #8d8d8d;
+    --hybrid-button-local-danger-disabled-border-color: #6f6f6f;
+    --hybrid-button-local-danger-dashed-border-color: #ffffff;
+  }
+`;
+//# sourceMappingURL=nr-button.style.variables.js.map

package/nr-button.style.variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nr-button.style.variables.js","sourceRoot":"","sources":["../../../src/components/button/nr-button.style.variables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsLjC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Button component CSS custom properties (design tokens)\n * \n * This file contains all the CSS custom properties used by the nr-button component,\n * organized by functionality and including both light and dark theme variants.\n * \n * The styling system uses CSS custom properties with fallbacks to allow\n * for both global and local customization of button appearance.\n */\nexport const buttonVariables = css`\n  :host {\n    /* ----------------------------------------\n     * DEFAULT BUTTON STYLES\n     * ---------------------------------------- */\n    --hybrid-button-local-border-top: 2px solid #d0d0d0;\n    --hybrid-button-local-border-bottom: 2px solid #d0d0d0;\n    --hybrid-button-local-border-left: 2px solid #d0d0d0;\n    --hybrid-button-local-border-right: 2px solid #d0d0d0;\n    --hybrid-button-local-border-top-left-radius: 0px;\n    --hybrid-button-local-border-top-right-radius: 0px;\n    --hybrid-button-local-border-bottom-left-radius: 0px;\n    --hybrid-button-local-border-bottom-right-radius: 0px;\n    --hybrid-button-local-background-color: #f9f9f9;\n    --hybrid-button-local-text-color: #393939;\n    --hybrid-button-local-hover-border-color: #1677ff;\n    --hybrid-button-local-hover-color: #1677ff;\n    --hybrid-button-local-font-size: 0.9rem;\n    --hybrid-button-local-font-weight: normal;\n    --hybrid-button-local-text-transform: none;\n    --hybrid-button-local-active-border-color: #1661b1;\n    --hybrid-button-local-active-color: #184d86;\n    --hybrid-button-local-disabled-background-color: #c6c6c6;\n    --hybrid-button-local-disabled-text-color: #8d8d8d;\n    --hybrid-button-local-disabled-border-color: #bbb;\n    --hybrid-button-local-height: auto;\n    --hybrid-button-local-width: auto;\n    --hybrid-button-local-padding-y: 0.5rem;\n    --hybrid-button-local-padding-x: 0.6rem;\n    --hybrid-button-local-icon-width: 18px;\n    --hybrid-button-local-icon-height: 14px;\n\n    /* ----------------------------------------\n     * PRIMARY BUTTON STYLES\n     * ---------------------------------------- */\n    --hybrid-button-local-primary-border-color: #0f62fe;\n    --hybrid-button-local-primary-background-color: #0f62fe;\n    --hybrid-button-local-primary-text-color: #ffffff;\n    --hybrid-button-local-primary-outline: 1px solid white;\n    --hybrid-button-local-primary-outline-offset: -3px;\n    --hybrid-button-local-primary-hover-background-color: #0353e9;\n    --hybrid-button-local-primary-hover-border-color: #0353e9;\n    --hybrid-button-local-primary-active-background-color: #0f62fe;\n    --hybrid-button-local-primary-active-border-color: #0f62fe;\n    --hybrid-button-local-primary-disabled-text-color: #8d8d8d;\n    --hybrid-button-local-primary-disabled-background-color: #c6c6c6;\n    --hybrid-button-local-primary-disabled-border-color: #c6c6c6;\n    --hybrid-button-local-primary-dashed-border-color: #ffffff;\n\n    /* ----------------------------------------\n     * DANGER BUTTON STYLES\n     * ---------------------------------------- */\n    --hybrid-button-local-danger-background-color: #da1e28;\n    --hybrid-button-local-danger-text-color: #ffffff;\n    --hybrid-button-local-danger-border-color: #da1e28;\n    --hybrid-button-local-danger-outline: 1px solid white;\n    --hybrid-button-local-danger-outline-offset: -3px;\n    --hybrid-button-local-danger-hover-background-color: #ba1b23;\n    --hybrid-button-local-danger-hover-border-color: #ba1b23;\n    --hybrid-button-local-danger-active-background-color: #da1e28;\n    --hybrid-button-local-danger-active-border-color: #0f62fe;\n    --hybrid-button-local-danger-disabled-background-color: #c6c6c6;\n    --hybrid-button-local-danger-disabled-text-color: #8d8d8d;\n    --hybrid-button-local-danger-disabled-border-color: #c6c6c6;\n    --hybrid-button-local-danger-dashed-border-color: #ffffff;\n\n    /* ----------------------------------------\n     * GHOST BUTTON STYLES\n     * ---------------------------------------- */\n    --hybrid-button-local-ghost-background-color: #ffffff;\n    --hybrid-button-local-ghost-text-color: #0f62fe;\n    --hybrid-button-local-ghost-border-color: #ffffff;\n    --hybrid-button-local-ghost-active-background-color: #ffffff;\n    --hybrid-button-local-ghost-active-text-color: #054ada;\n    --hybrid-button-local-ghost-active-border-color: #0f62fe;\n    --hybrid-button-local-ghost-hover-background-color: #e5e5e5;\n    --hybrid-button-local-ghost-hover-border-color: #e5e5e5;\n    --hybrid-button-local-ghost-hover-text-color: #054ada;\n    --hybrid-button-local-ghost-disabled-background-color: #ffffff;\n    --hybrid-button-local-ghost-disabled-text-color: #c6c6c6;\n    --hybrid-button-local-ghost-disabled-border-color: #ffffff;\n    --hybrid-button-local-ghost-dashed-border-color: #c6c6c6;\n\n    /* ----------------------------------------\n     * SECONDARY BUTTON STYLES\n     * ---------------------------------------- */\n    --hybrid-button-local-secondary-background-color: #393939;\n    --hybrid-button-local-secondary-border-color: #393939;\n    --hybrid-button-local-secondary-text-color: #ffffff;\n    --hybrid-button-local-secondary-outline: 1px solid white;\n    --hybrid-button-local-secondary-outline-offset: -3px;\n    --hybrid-button-local-secondary-hover-background-color: #4c4c4c;\n    --hybrid-button-local-secondary-hover-border-color: #4c4c4c;\n    --hybrid-button-local-secondary-active-background-color: #393939;\n    --hybrid-button-local-secondary-active-border-color: #0f62fe;\n    --hybrid-button-local-secondary-disabled-background-color: #c6c6c6;\n    --hybrid-button-local-secondary-disabled-text-color: #8d8d8d;\n    --hybrid-button-local-secondary-disabled-border-color: #c6c6c6;\n    --hybrid-button-local-secondary-dashed-border-color: #ffffff;\n\n    /* ----------------------------------------\n     * SIZE VARIANTS\n     * ---------------------------------------- */\n    /* Large button sizing */\n    --hybrid-large-button-local-padding-y: 0.5rem;\n    --hybrid-large-button-local-padding-x: 0.9rem;\n    --hybrid-large-button-local-font-size: 1rem;\n\n    /* Small button sizing */\n    --hybrid-small-button-local-padding-y: 0.5rem;\n    --hybrid-small-button-local-padding-x: 0.4rem;\n    --hybrid-small-button-local-font-size: 0.7rem;\n  }\n\n  /* ========================================\n   * DARK THEME OVERRIDES\n   * ======================================== */\n  \n  /**\n   * Dark theme styles using data-theme attribute on button element\n   * These override the light theme defaults when data-theme=\"dark\" is applied\n   */\n  button[data-theme=\"dark\"] {\n    /* Default button dark theme overrides */\n    --hybrid-button-local-background-color: #000000;\n    --hybrid-button-local-text-color: #ffffff;\n    --hybrid-button-local-hover-border-color: #6f6f6f;\n    --hybrid-button-local-hover-color: #6f6f6f;\n    --hybrid-button-local-active-border-color: #c6c6c6;\n    --hybrid-button-local-active-color: #c6c6c6;\n    --hybrid-button-local-disabled-background-color: #c6c6c6;\n\n    /* Primary button dark theme overrides */\n    --hybrid-button-local-primary-outline: 1px solid black;\n    --hybrid-button-local-primary-outline-offset: -3px;\n    --hybrid-button-local-primary-active-border-color: #ffffff;\n    --hybrid-button-local-primary-disabled-text-color: #c6c6c6;\n    --hybrid-button-local-primary-disabled-background-color: #8d8d8d;\n    --hybrid-button-local-primary-disabled-border-color: #8d8d8d;\n\n    /* Secondary button dark theme overrides */\n    --hybrid-button-local-secondary-background-color: #6f6f6f;\n    --hybrid-button-local-secondary-border-color: #6f6f6f;\n    --hybrid-button-local-secondary-text-color: #ffffff;\n    --hybrid-button-local-secondary-active-border-color: #ffffff;\n    --hybrid-button-local-secondary-active-background-color: #6f6f6f;\n    --hybrid-button-local-secondary-outline: 1px solid black;\n    --hybrid-button-local-secondary-outline-offset: -3px;\n    --hybrid-button-local-secondary-hover-background-color: #606060;\n    --hybrid-button-local-secondary-hover-border-color: #606060;\n    --hybrid-button-local-secondary-disabled-background-color: #6f6f6f;\n    --hybrid-button-local-secondary-disabled-text-color: #8d8d8d;\n    --hybrid-button-local-secondary-disabled-border-color: #6f6f6f;\n    --hybrid-button-local-secondary-dashed-border-color: #ffffff;\n\n    /* Ghost button dark theme overrides */\n    --hybrid-button-local-ghost-background-color: transparent;\n    --hybrid-button-local-ghost-text-color: #78a9ff;\n    --hybrid-button-local-ghost-border-color: transparent;\n    --hybrid-button-local-ghost-active-background-color: transparent;\n    --hybrid-button-local-ghost-active-text-color: #a6c8ff;\n    --hybrid-button-local-ghost-active-border-color: #ffffff;\n    --hybrid-button-local-ghost-hover-background-color: #4c4c4c;\n    --hybrid-button-local-ghost-hover-border-color: #4c4c4c;\n    --hybrid-button-local-ghost-hover-text-color: #a6c8ff;\n    --hybrid-button-local-ghost-disabled-background-color: transparent;\n    --hybrid-button-local-ghost-disabled-text-color: #6f6f6f;\n    --hybrid-button-local-ghost-disabled-border-color: transparent;\n    --hybrid-button-local-ghost-dashed-border-color: #c6c6c6;\n\n    /* Danger button dark theme overrides */\n    --hybrid-button-local-danger-outline: 1px solid #000000;\n    --hybrid-button-local-danger-outline-offset: -3px;\n    --hybrid-button-local-danger-hover-background-color: #ba1b23;\n    --hybrid-button-local-danger-hover-border-color: #ba1b23;\n    --hybrid-button-local-danger-active-background-color: #da1e28;\n    --hybrid-button-local-danger-active-border-color: #ffffff;\n    --hybrid-button-local-danger-disabled-background-color: #6f6f6f;\n    --hybrid-button-local-danger-disabled-text-color: #8d8d8d;\n    --hybrid-button-local-danger-disabled-border-color: #6f6f6f;\n    --hybrid-button-local-danger-dashed-border-color: #ffffff;\n  }\n`;\n"]}

package/{hy-button.constants.d.ts → nr-button.types.d.ts}

@@ -8,11 +8,11 @@ export declare const enum ButtonType {
 export declare const enum ButtonSize {
     Small = "small",
     Default = "default",
-    Large = "Large"
+    Large = "large"
 }
 export declare const enum IconPosition {
     Left = "left",
     Right = "right"
 }
 export declare const EMPTY_STRING = "";
-//# sourceMappingURL=hy-button.constants.d.ts.map
+//# sourceMappingURL=nr-button.types.d.ts.map

package/nr-button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nr-button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/nr-button.types.ts"],"names":[],"mappings":"AAAA,0BAAkB,UAAU;IAC1B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,0BAAkB,UAAU;IAC1B,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,0BAAkB,YAAY;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AACD,eAAO,MAAM,YAAY,KAAK,CAAC"}

package/nr-button.types.js

@@ -0,0 +1,2 @@
+export const EMPTY_STRING = '';
+//# sourceMappingURL=nr-button.types.js.map

package/nr-button.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nr-button.types.js","sourceRoot":"","sources":["../../../src/components/button/nr-button.types.ts"],"names":[],"mappings":"AAkBA,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC","sourcesContent":["export const enum ButtonType {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Danger = 'danger',\n  Ghost = 'ghost',\n  Default = 'default',\n}\n\nexport const enum ButtonSize {\n  Small = 'small',\n  Default = 'default',\n  Large = 'large',\n}\n\nexport const enum IconPosition {\n  Left = 'left',\n  Right = 'right',\n}\nexport const EMPTY_STRING = '';\n"]}

package/package.json

@@ -1,12 +1,20 @@
 {
     "name": "@nuralyui/button",
-    "version": "0.0.10",
-    "description": "",
+    "version": "0.0.12",
+    "description": "Button component for NuralyUI library",
     "main": "index.js",
     "type": "module",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1"
     },
     "author": "Labidi Aymen",
-    "license": "ISC"
+    "license": "ISC",
+    "nuralyui": {
+        "requiredComponents": [
+            "hy-icon"
+        ]
+    },
+    "peerDependencies": {
+        "@nuralyui/icon": "^0.0.1"
+    }
 }

package/react.d.ts

@@ -1,5 +1,5 @@
-import { HyButtonElement } from './hy-button.component.js';
-export declare const HyButton: import("@lit-labs/react").ReactWebComponent<HyButtonElement, {
+import { NrButtonElement } from './nr-button.component.js';
+export declare const NrButton: import("@lit-labs/react").ReactWebComponent<NrButtonElement, {
     click: string;
 }>;
 //# sourceMappingURL=react.d.ts.map

package/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/button/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AACzD,eAAO,MAAM,QAAQ;;EAOnB,CAAC"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/button/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,eAAO,MAAM,QAAQ;;EAOnB,CAAC"}

package/react.js

@@ -1,9 +1,9 @@
 import { createComponent } from '@lit-labs/react';
 import * as React from 'react';
-import { HyButtonElement } from './hy-button.component.js';
-export const HyButton = createComponent({
-    tagName: 'hy-button',
-    elementClass: HyButtonElement,
+import { NrButtonElement } from './nr-button.component.js';
+export const NrButton = createComponent({
+    tagName: 'nr-button',
+    elementClass: NrButtonElement,
     react: React,
     events: {
         click: 'click',

package/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/button/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AACzD,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC","sourcesContent":["import {createComponent} from '@lit-labs/react';\nimport * as React from 'react';\nimport {HyButtonElement} from './hy-button.component.js';\nexport const HyButton = createComponent({\n  tagName: 'hy-button',\n  elementClass: HyButtonElement,\n  react: React,\n  events: {\n    click: 'click',\n  },\n});\n"]}
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/button/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC","sourcesContent":["import { createComponent } from '@lit-labs/react';\nimport * as React from 'react';\nimport { NrButtonElement } from './nr-button.component.js';\nexport const NrButton = createComponent({\n  tagName: 'nr-button',\n  elementClass: NrButtonElement,\n  react: React,\n  events: {\n    click: 'click',\n  },\n});\n"]}

package/test/nr-button_test.d.ts

@@ -0,0 +1,2 @@
+import '../nr-button.component';
+//# sourceMappingURL=nr-button_test.d.ts.map

package/test/nr-button_test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nr-button_test.d.ts","sourceRoot":"","sources":["../../../../src/components/button/test/nr-button_test.ts"],"names":[],"mappings":"AAGA,OAAO,wBAAwB,CAAC"}

package/test/{hy-button_test.js → nr-button_test.js}

@@ -8,11 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { html, fixture, expect } from '@open-wc/testing';
-import { EMPTY_STRING } from '../hy-button.constants.js';
-import '../hy-button.component';
-suite('HyButtonElement', () => {
+import { EMPTY_STRING } from '../nr-button.types.js';
+import '../nr-button.component';
+suite('NrButtonElement', () => {
     test('has default properties', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button></hy-button>`);
+        const el = yield fixture(html `<nr-button></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
         const icon = el.shadowRoot.querySelector('hy-icon');
         expect(el.disabled).to.be.false;
@@ -30,13 +30,13 @@ suite('HyButtonElement', () => {
     }));
     test('has a label', () => __awaiter(void 0, void 0, void 0, function* () {
         const buttonLabel = 'Test content';
-        const el = yield fixture(html `<hy-button>${buttonLabel}</hy-button>`);
+        const el = yield fixture(html `<nr-button>${buttonLabel}</nr-button>`);
         const slot = el.shadowRoot.querySelector('slot');
         const assignedNode = slot.assignedNodes();
         expect(assignedNode[0].textContent).to.equal(buttonLabel);
     }));
     test('fires onClick event when clicked', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button></hy-button>`);
+        const el = yield fixture(html `<nr-button></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
         let eventFired = false;
         el.addEventListener('click', () => {
@@ -46,12 +46,12 @@ suite('HyButtonElement', () => {
         expect(eventFired).to.be.true;
     }));
     test('has a disabled property on the button element', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button disabled></hy-button>`);
+        const el = yield fixture(html `<nr-button disabled></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
         expect(button.disabled).to.be.true;
     }));
     test('does not fire onClick event when disabled', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button disabled></hy-button>`);
+        const el = yield fixture(html `<nr-button disabled></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
         let eventFired = false;
         el.addEventListener('click', () => {
@@ -62,30 +62,30 @@ suite('HyButtonElement', () => {
     }));
     test('renders the icon', () => __awaiter(void 0, void 0, void 0, function* () {
         const iconName = 'sample-icon';
-        const el = yield fixture(html `<hy-button icon=${iconName}></hy-button>`);
+        const el = yield fixture(html `<nr-button icon=${iconName}></nr-button>`);
         const icon = el.shadowRoot.querySelector('hy-icon');
         expect(icon).to.exist;
         expect(icon).to.have.attribute('name', iconName);
     }));
     test('applies the correct classe for dashed', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button dashed></hy-button>`);
+        const el = yield fixture(html `<nr-button dashed></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
         expect(button).to.have.class('button-dashed');
     }));
     test('reflects the loading property as data-state on the button element', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button loading></hy-button>`);
+        const el = yield fixture(html `<nr-button loading></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
         expect(button).to.have.attribute('data-state', 'loading');
     }));
     test('reflects the size property as data-size on the button element', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button size=${"Large" /* ButtonSize.Large */}></hy-button>`);
+        const el = yield fixture(html `<nr-button size=${"large" /* ButtonSize.Large */}></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
-        expect(button).to.have.attribute('data-size', "Large" /* ButtonSize.Large */);
+        expect(button).to.have.attribute('data-size', "large" /* ButtonSize.Large */);
     }));
     test('reflects the type property as data-type on the button element', () => __awaiter(void 0, void 0, void 0, function* () {
-        const el = yield fixture(html `<hy-button type=${"primary" /* ButtonType.Primary */}></hy-button>`);
+        const el = yield fixture(html `<nr-button type=${"primary" /* ButtonType.Primary */}></nr-button>`);
         const button = el.shadowRoot.querySelector('button');
         expect(button).to.have.attribute('data-type', "primary" /* ButtonType.Primary */);
     }));
 });
-//# sourceMappingURL=hy-button_test.js.map
+//# sourceMappingURL=nr-button_test.js.map

package/test/nr-button_test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nr-button_test.js","sourceRoot":"","sources":["../../../../src/components/button/test/nr-button_test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { NrButtonElement } from '../nr-button.component';\nimport { ButtonSize, ButtonType, EMPTY_STRING } from '../nr-button.types.js';\nimport '../nr-button.component';\n\nsuite('NrButtonElement', () => {\n  test('has default properties', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button></nr-button>`);\n    const button: HTMLButtonElement = el.shadowRoot!.querySelector('button')!;\n    const icon = el.shadowRoot!.querySelector('hy-icon');\n\n    expect(el.disabled).to.be.false;\n    expect(el.loading).to.be.false;\n    expect(el.size).to.equal(EMPTY_STRING);\n    expect(el.type).to.equal(ButtonType.Default);\n    expect(el.dashed).to.be.false;\n    expect(el.icon).to.equal(EMPTY_STRING);\n    expect(button).to.not.have.class('button-dashed');\n    expect(button).to.not.have.attribute('data-size');\n    expect(button).to.not.have.attribute('data-state');\n    expect(button).to.have.attribute('data-type', ButtonType.Default);\n    expect(button.disabled).to.be.false;\n    expect(icon).to.not.exist;\n  });\n\n  test('has a label', async () => {\n    const buttonLabel = 'Test content';\n    const el: NrButtonElement = await fixture(html`<nr-button>${buttonLabel}</nr-button>`);\n    const slot = el.shadowRoot!.querySelector('slot');\n    const assignedNode = slot!.assignedNodes();\n    expect(assignedNode[0].textContent).to.equal(buttonLabel);\n  });\n  test('fires onClick event when clicked', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button></nr-button>`);\n    const button = el.shadowRoot!.querySelector('button')!;\n    let eventFired = false;\n    el.addEventListener('click', () => {\n      eventFired = true;\n    });\n    button.click();\n    expect(eventFired).to.be.true;\n  });\n\n  test('has a disabled property on the button element', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button disabled></nr-button>`);\n    const button = el.shadowRoot!.querySelector('button')!;\n    expect(button.disabled).to.be.true;\n  });\n  test('does not fire onClick event when disabled', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button disabled></nr-button>`);\n    const button = el.shadowRoot!.querySelector('button')!;\n    let eventFired = false;\n    el.addEventListener('click', () => {\n      eventFired = true;\n    });\n    button.click();\n    expect(eventFired).to.be.false;\n  });\n\n  test('renders the icon', async () => {\n    const iconName = 'sample-icon';\n    const el: NrButtonElement = await fixture(html`<nr-button icon=${iconName}></nr-button>`);\n    const icon = el.shadowRoot!.querySelector('hy-icon');\n    expect(icon).to.exist;\n    expect(icon).to.have.attribute('name', iconName);\n  });\n\n  test('applies the correct classe for dashed', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button dashed></nr-button>`);\n    const button = el.shadowRoot!.querySelector('button');\n    expect(button).to.have.class('button-dashed');\n  });\n  test('reflects the loading property as data-state on the button element', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button loading></nr-button>`);\n    const button = el.shadowRoot!.querySelector('button')!;\n    expect(button).to.have.attribute('data-state', 'loading');\n  });\n\n  test('reflects the size property as data-size on the button element', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button size=${ButtonSize.Large}></nr-button>`);\n    const button = el.shadowRoot!.querySelector('button')!;\n    expect(button).to.have.attribute('data-size', ButtonSize.Large);\n  });\n\n  test('reflects the type property as data-type on the button element', async () => {\n    const el: NrButtonElement = await fixture(html`<nr-button type=${ButtonType.Primary}></nr-button>`);\n    const button = el.shadowRoot!.querySelector('button')!;\n    expect(button).to.have.attribute('data-type', ButtonType.Primary);\n  });\n});\n"]}

package/demo/hy-buttons-demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hy-buttons-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/button/demo/hy-buttons-demo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAErC,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AACvC,qBACa,mBAAoB,SAAQ,UAAU;IACxC,MAAM;CA6LhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,mBAAmB,CAAC;KACxC;CACF"}

package/demo/hy-buttons-demo.js

@@ -1,211 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import '../hy-button.component';
-import '../../../helpers/ThemeHandler';
-let ElButtonDemoElement = class ElButtonDemoElement extends LitElement {
-    render() {
-        return html `
-      <theme-handler>
-        <h1>Sizes</h1>
-        <br />
-        <hy-button> Default Button</hy-button>
-        <hy-button size="small">Small Button</hy-button>
-        <hy-button size="large">Large Button</hy-button>
-        <br /><br />
-        <hy-button .icon="${['search']}"> Default Button</hy-button>
-        <hy-button .icon="${['search']}" size="small">Small Button</hy-button>
-        <hy-button .icon="${['search']}" size="large">Large Button</hy-button>
-
-        <br /><br />
-        <hy-button .icon="${['search']}"></hy-button>
-        <hy-button .icon="${['search']}" size="small"></hy-button>
-        <hy-button .icon="${['search']}" size="large"></hy-button>
-        <br /><br />
-
-        <h1>Types</h1>
-        <br /><br />
-
-        <table>
-          <tbody>
-            <tr>
-              <td></td>
-              <td>Primary</td>
-              <td>Secondary</td>
-              <td>Ghost</td>
-              <td>Danger</td>
-              <td>Default</td>
-            </tr>
-            <tr>
-              <td>Default</td>
-              <td>
-                <hy-button type="primary"><span>Primary Button</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="secondary"><span>Secondary Button </span></hy-button>
-              </td>
-              <td>
-                <hy-button type="ghost"> <span>Ghost button</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="danger"><span>Danger Button </span></hy-button>
-              </td>
-              <td>
-                <hy-button><span>Default Button</span></hy-button>
-              </td>
-            </tr>
-            <tr>
-              <td>Dashed</td>
-              <td>
-                <hy-button type="primary" ?dashed=${true}><span>Primary Button text only</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="secondary" ?dashed=${true}><span>Secondary dashed</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="ghost" ?dashed=${true}><span>Ghost dashed</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="danger" ?dashed=${true}><span>Danger dashed</span></hy-button>
-              </td>
-              <td>
-                <hy-button ?dashed=${true}><span>Default dashed</span></hy-button>
-              </td>
-            </tr>
-            <tr>
-              <td>Loading</td>
-              <td>
-                <hy-button type="primary" loading><span>Primary Button loading</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="secondary" loading><span>Secondary button loading </span></hy-button>
-              </td>
-              <td>
-                <hy-button type="ghost" loading><span>Ghost button loading</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="danger" loading><span>Danger button loading</span></hy-button>
-              </td>
-              <td>
-                <hy-button loading><span>Default button loading</span></hy-button>
-              </td>
-            </tr>
-            <tr>
-              <td>Disabled</td>
-              <td>
-                <hy-button type="primary" disabled><span>Primary Button disabled</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="secondary" disabled><span>Secondary Button disabled</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="ghost" disabled> <span>Ghost button disabled</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="danger" disabled><span>Danger Button disabled</span></hy-button>
-              </td>
-              <td>
-                <hy-button disabled><span>Default Button disabled</span></hy-button>
-              </td>
-            </tr>
-            <tr>
-              <td>Icon with text default: icon left</td>
-              <td>
-                <hy-button type="primary" .icon="${['search']}"><span> Primary button icon+text</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="secondary" .icon="${['search']}"><span> Secondary button icon+text</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="ghost" .icon="${['search']}"><span> Ghost button icon+text</span></hy-button>
-              </td>
-              <td>
-                <hy-button type="danger" .icon="${['search']}"><span> Danger button icon+text</span></hy-button>
-              </td>
-              <td>
-                <hy-button .icon="${['search']}"><span> Default button icon+text</span></hy-button>
-              </td>
-            </tr>
-            <tr>
-              <td>Icon with text: icon right</td>
-              <td>
-                <hy-button type="primary" .icon="${['search']}" iconPosition="right"
-                  ><span> Primary button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button type="secondary" .icon="${['search']}" iconPosition="right"
-                  ><span> Secondary button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button type="ghost" .icon="${['search']}" iconPosition="right"
-                  ><span> Ghost button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button type="danger" .icon="${['search']}" iconPosition="right"
-                  ><span> Danger button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button .icon="${['search']}" iconPosition="right"><span> Default button icon+text</span></hy-button>
-              </td>
-            </tr>
-            <tr>
-              <td>Icon with text: icon both side</td>
-              <td>
-                <hy-button type="primary" .icon="${['search', 'bomb']}" iconPosition="right"
-                  ><span> Primary button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button type="secondary" .icon="${['search', 'bomb']}" iconPosition="right"
-                  ><span> Secondary button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button type="ghost" .icon="${['search', 'bomb']}" iconPosition="right"
-                  ><span> Ghost button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button type="danger" .icon="${['search', 'bomb']}" iconPosition="right"
-                  ><span> Danger button icon+text</span></hy-button
-                >
-              </td>
-              <td>
-                <hy-button .icon="${['search', 'bomb']}" iconPosition="right"
-                  ><span> Default button icon+text</span></hy-button
-                >
-              </td>
-            </tr>
-            <tr>
-              <td>Icon only</td>
-              <td><hy-button type="primary" .icon="${['search']}"></hy-button></td>
-              <td><hy-button type="secondary" .icon="${['search']}"></hy-button></td>
-              <td><hy-button type="ghost" .icon="${['search']}"></hy-button></td>
-              <td><hy-button type="danger" .icon="${['search']}"></hy-button></td>
-              <td><hy-button .icon="${['search']}"></hy-button></td>
-            </tr>
-          </tbody>
-        </table>
-      </theme-handler>
-    `;
-    }
-};
-ElButtonDemoElement = __decorate([
-    customElement('hy-buttons-demo')
-], ElButtonDemoElement);
-export { ElButtonDemoElement };
-//# sourceMappingURL=hy-buttons-demo.js.map