@lukso/web-components 1.17.0 → 1.17.1

package/dist/components/index.cjs

@@ -16,11 +16,11 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../index-17cdeaed.cjs');
 require('../directive-db00f5fb.cjs');
 require('../state-a62a7d5d.cjs');
 require('../index-7dc05ee5.cjs');
-require('../style-map-0d95bd3c.cjs');
+require('../style-map-b44b10d1.cjs');
 
 
 

package/dist/components/index.js

@@ -12,8 +12,8 @@ export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-7a686142.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-84bddb70.js';
 import '../directive-9ec64c08.js';
 import '../state-7fde94d1.js';
 import '../index-714323c9.js';
-import '../style-map-9d612f4e.js';
+import '../style-map-290d218c.js';

package/dist/components/lukso-button/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');

package/dist/components/lukso-button/index.js

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, y } from '../../index-7a686142.js';
+import { T as TailwindStyledElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';

package/dist/components/lukso-card/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-b44b10d1.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 require('../lukso-profile/index.cjs');
 
@@ -31,7 +31,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     this.isFixedWidth = false;
     this.isFixedHeight = false;
     this.isFullWidth = false;
-    this.defaultStyles = `rounded-24  shadow-pink-drop-shadow-2xl`;
+    this.defaultStyles = `rounded-24  shadow-neutral-drop-shadow-2xl`;
   }
   basicTemplate() {
     return shared_tailwindElement_index.y`

package/dist/components/lukso-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,oBAAY,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAAA;;AAE9D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAEnB,OAAO,CAAC,aAAa,CAA4C;IAEjE,aAAa;IAgBb,kBAAkB;IAqBlB,eAAe;IAgDf,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAOA,OAAO,4BAA4B,CAAA;AAEnC,oBAAY,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,CAAA;;AAE9D,qBACa,SAAU,SAAQ,cAA4B;IAEzD,OAAO,EAAE,YAAY,CAAU;IAG/B,aAAa,SAAK;IAGlB,UAAU,SAAK;IAGf,cAAc,SAAK;IAGnB,YAAY,UAAQ;IAGpB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAEnB,OAAO,CAAC,aAAa,CAA+C;IAEpE,aAAa;IAgBb,kBAAkB;IAqBlB,eAAe;IAgDf,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

package/dist/components/lukso-card/index.js

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, y } from '../../index-7a686142.js';
+import { T as TailwindStyledElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { i } from '../../style-map-290d218c.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 import '../lukso-profile/index.js';
 
@@ -27,7 +27,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     this.isFixedWidth = false;
     this.isFixedHeight = false;
     this.isFullWidth = false;
-    this.defaultStyles = `rounded-24  shadow-pink-drop-shadow-2xl`;
+    this.defaultStyles = `rounded-24  shadow-neutral-drop-shadow-2xl`;
   }
   basicTemplate() {
     return y`

package/dist/components/lukso-icon/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-b44b10d1.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 

package/dist/components/lukso-icon/index.js

@@ -1,6 +1,6 @@
-import { y, T as TailwindStyledElement } from '../../index-7a686142.js';
+import { y, T as TailwindStyledElement } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { i } from '../../style-map-290d218c.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

package/dist/components/lukso-input/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
@@ -33,8 +33,10 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     this.description = "";
     this.error = "";
     this.unit = "";
+    this.customClass = "";
     this.isFullWidth = false;
     this.isReadonly = false;
+    this.isDisabled = false;
     this.autofocus = false;
     this.max = void 0;
     this.min = void 0;
@@ -64,6 +66,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
         data-testid=${this.name ? `input-${this.name}` : "input"}
         accept=${this.accept}
         ?readonly=${this.isReadonly ? true : void 0}
+        ?disabled=${this.isDisabled ? true : void 0}
         class=${index.customClassMap({
       [this.defaultInputStyles]: true,
       [this.error === "" ? "border-neutral-90" : "border-red-85"]: !this.hasHighlight,
@@ -72,7 +75,8 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
       ["rounded-12"]: this.unit === "",
       ["w-full"]: this.isFullWidth,
       ["w-[350px]"]: !this.isFullWidth && this.unit === "",
-      ["w-[300px]"]: !this.isFullWidth && this.unit !== ""
+      ["w-[300px]"]: !this.isFullWidth && this.unit !== "",
+      [this.customClass]: !!this.customClass
     })}
         @focus=${this.handleFocus}
         @change=${this.handleChange}
@@ -242,12 +246,18 @@ __decorateClass([
 __decorateClass([
   directive.e({ type: String })
 ], exports.LuksoInput.prototype, "unit", 2);
+__decorateClass([
+  directive.e({ type: String, attribute: "custom-class" })
+], exports.LuksoInput.prototype, "customClass", 2);
 __decorateClass([
   directive.e({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoInput.prototype, "isFullWidth", 2);
 __decorateClass([
   directive.e({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoInput.prototype, "isReadonly", 2);
+__decorateClass([
+  directive.e({ type: Boolean, attribute: "is-disabled" })
+], exports.LuksoInput.prototype, "isDisabled", 2);
 __decorateClass([
   directive.e({ type: Boolean })
 ], exports.LuksoInput.prototype, "autofocus", 2);

package/dist/components/lukso-input/index.d.ts

@@ -12,8 +12,10 @@ export declare class LuksoInput extends TailwindElement {
     description: string;
     error: string;
     unit: string;
+    customClass: string;
     isFullWidth: boolean;
     isReadonly: boolean;
+    isDisabled: boolean;
     autofocus: boolean;
     max: number | undefined;
     min: number | undefined;

package/dist/components/lukso-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,MAAY;IAGf,MAAM,MAAY;IAGlB,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAG0B;IAEnD,aAAa;IAwCb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY;IAgBZ,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,MAAY;IAGf,MAAM,MAAY;IAGlB,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAG0B;IAEnD,aAAa;IA0Cb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY;IAgBZ,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

package/dist/components/lukso-input/index.js

@@ -1,4 +1,4 @@
-import { a as TailwindElement, y, b } from '../../index-7a686142.js';
+import { a as TailwindElement, y, b } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';
@@ -29,8 +29,10 @@ let LuksoInput = class extends TailwindElement {
     this.description = "";
     this.error = "";
     this.unit = "";
+    this.customClass = "";
     this.isFullWidth = false;
     this.isReadonly = false;
+    this.isDisabled = false;
     this.autofocus = false;
     this.max = void 0;
     this.min = void 0;
@@ -60,6 +62,7 @@ let LuksoInput = class extends TailwindElement {
         data-testid=${this.name ? `input-${this.name}` : "input"}
         accept=${this.accept}
         ?readonly=${this.isReadonly ? true : void 0}
+        ?disabled=${this.isDisabled ? true : void 0}
         class=${customClassMap({
       [this.defaultInputStyles]: true,
       [this.error === "" ? "border-neutral-90" : "border-red-85"]: !this.hasHighlight,
@@ -68,7 +71,8 @@ let LuksoInput = class extends TailwindElement {
       ["rounded-12"]: this.unit === "",
       ["w-full"]: this.isFullWidth,
       ["w-[350px]"]: !this.isFullWidth && this.unit === "",
-      ["w-[300px]"]: !this.isFullWidth && this.unit !== ""
+      ["w-[300px]"]: !this.isFullWidth && this.unit !== "",
+      [this.customClass]: !!this.customClass
     })}
         @focus=${this.handleFocus}
         @change=${this.handleChange}
@@ -238,12 +242,18 @@ __decorateClass([
 __decorateClass([
   e({ type: String })
 ], LuksoInput.prototype, "unit", 2);
+__decorateClass([
+  e({ type: String, attribute: "custom-class" })
+], LuksoInput.prototype, "customClass", 2);
 __decorateClass([
   e({ type: Boolean, attribute: "is-full-width" })
 ], LuksoInput.prototype, "isFullWidth", 2);
 __decorateClass([
   e({ type: Boolean, attribute: "is-readonly" })
 ], LuksoInput.prototype, "isReadonly", 2);
+__decorateClass([
+  e({ type: Boolean, attribute: "is-disabled" })
+], LuksoInput.prototype, "isDisabled", 2);
 __decorateClass([
   e({ type: Boolean })
 ], LuksoInput.prototype, "autofocus", 2);

package/dist/components/lukso-modal/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 

package/dist/components/lukso-modal/index.js

@@ -1,4 +1,4 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 

package/dist/components/lukso-navbar/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');

package/dist/components/lukso-navbar/index.js

@@ -1,4 +1,4 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';

package/dist/components/lukso-profile/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-b44b10d1.cjs');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/components/lukso-profile/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { i } from '../../style-map-290d218c.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/components/lukso-progress/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-b44b10d1.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-progress/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { i } from '../../style-map-290d218c.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-sanitize/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 
 /**

package/dist/components/lukso-sanitize/index.js

@@ -1,4 +1,4 @@
-import { c as b, x, a as TailwindElement, y } from '../../index-7a686142.js';
+import { c as b, x, a as TailwindElement, y } from '../../index-84bddb70.js';
 import { i, t, b as e$1, e as e$2, a as e$3 } from '../../directive-9ec64c08.js';
 
 /**

package/dist/components/lukso-tag/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-b44b10d1.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-tag/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { i } from '../../style-map-290d218c.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-terms/index.cjs

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
-require('../../style-map-0d95bd3c.cjs');
+require('../../style-map-b44b10d1.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

package/dist/components/lukso-terms/index.js

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, y } from '../../index-7a686142.js';
+import { T as TailwindStyledElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
-import '../../style-map-9d612f4e.js';
+import '../../style-map-290d218c.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

package/dist/components/lukso-test/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 
 /**

package/dist/components/lukso-test/index.js

@@ -1,4 +1,4 @@
-import { x as x$2, T as TailwindStyledElement, y } from '../../index-7a686142.js';
+import { x as x$2, T as TailwindStyledElement, y } from '../../index-84bddb70.js';
 import { b as e$3, i as i$3, t as t$3, e as e$4, a as e$5 } from '../../directive-9ec64c08.js';
 
 /**

package/dist/components/lukso-username/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0d95bd3c.cjs');
+const styleMap = require('../../style-map-b44b10d1.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {

package/dist/components/lukso-username/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, y } from '../../index-7a686142.js';
+import { a as TailwindElement, y } from '../../index-84bddb70.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { i } from '../../style-map-290d218c.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {

package/dist/components/lukso-wizard/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-0f13d58e.cjs');
+const shared_tailwindElement_index = require('../../index-17cdeaed.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
@@ -55,10 +55,10 @@ exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.Tai
         ${step.label}
       </div>
       <div
-        class="lukso-wizard-circle bg-pink-95 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        class="lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
           border-[1px] border-solid border-[rgba(255,255,255,0.8)]
           after:block after:absolute after:bottom-[7px] after:w-[calc(100%-16px)] after:ml-[15px] after:h-[2px]
-          after:content:'' after:bg-pink-95 after:shadow-wizard-line"
+          after:content:'' after:bg-neutral-90 after:shadow-wizard-line"
       >
         <div
           class="lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px] ${index.customClassMap(

package/dist/components/lukso-wizard/index.js

@@ -1,4 +1,4 @@
-import { L, x, a as TailwindElement, y } from '../../index-7a686142.js';
+import { L, x, a as TailwindElement, y } from '../../index-84bddb70.js';
 import { b as e, i, t, e as e$1, a as e$2 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
@@ -51,10 +51,10 @@ let LuksoWizard = class extends TailwindElement {
         ${step.label}
       </div>
       <div
-        class="lukso-wizard-circle bg-pink-95 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        class="lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
           border-[1px] border-solid border-[rgba(255,255,255,0.8)]
           after:block after:absolute after:bottom-[7px] after:w-[calc(100%-16px)] after:ml-[15px] after:h-[2px]
-          after:content:'' after:bg-pink-95 after:shadow-wizard-line"
+          after:content:'' after:bg-neutral-90 after:shadow-wizard-line"
       >
         <div
           class="lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px] ${customClassMap(