@lukso/web-components 1.158.0 → 1.160.1

package/dist/components/index.cjs

@@ -18,12 +18,12 @@ const components_luksoMarkdownEditor_index = require('./lukso-markdown-editor/in
 const components_luksoModal_index = require('./lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('../index-CJ6SmSwD.cjs');
+const components_luksoProfile_index = require('../index-DNhzT2hA.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoRadio_index = require('./lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./lukso-radio-group/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('../index-CgUaX5S2.cjs');
+const components_luksoSearch_index = require('../index-C1JF-hTl.cjs');
 const components_luksoSelect_index = require('./lukso-select/index.cjs');
 const components_luksoShare_index = require('./lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./lukso-switch/index.cjs');
@@ -31,9 +31,9 @@ const components_luksoTag_index = require('./lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('../index-1XmcSGot.cjs');
+const components_luksoUsername_index = require('../index-CKjNXRek.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-DVrgVgp0.cjs');
+const shared_tailwindElement_index = require('../index-D4DEFira.cjs');
 require('../axe-C-H1UVi1.cjs');
 
 

package/dist/components/index.js

@@ -14,12 +14,12 @@ export { LuksoMarkdownEditor } from './lukso-markdown-editor/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
 export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoPagination } from './lukso-pagination/index.js';
-export { L as LuksoProfile } from '../index-CP2bxOlA.js';
+export { L as LuksoProfile } from '../index-NKnet_Ow.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoRadio } from './lukso-radio/index.js';
 export { LuksoRadioGroup } from './lukso-radio-group/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
-export { L as LuksoSearch } from '../index-ldATebdp.js';
+export { L as LuksoSearch } from '../index-CDUQ0-Uh.js';
 export { LuksoSelect } from './lukso-select/index.js';
 export { LuksoShare } from './lukso-share/index.js';
 export { LuksoSwitch } from './lukso-switch/index.js';
@@ -27,7 +27,7 @@ export { LuksoTag } from './lukso-tag/index.js';
 export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
-export { L as LuksoUsername } from '../index-Vj-gQHwJ.js';
+export { L as LuksoUsername } from '../index-BSwFyDEC.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-YQoO_Soq.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-B5CXCi6j.js';
 import '../axe-BK9JSROP.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const axe = require('../../axe-C-H1UVi1.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
+import { T as TailwindStyledElement, E, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../axe-BK9JSROP.js';

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-CJ6SmSwD.cjs');
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
+const components_luksoProfile_index = require('../../index-DNhzT2hA.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
 const base = require('../../base-NFGX42U4.cjs');
-const styleMap = require('../../style-map-CZiyZP71.cjs');
+const styleMap = require('../../style-map-nBexjTCa.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const axe = require('../../axe-C-H1UVi1.cjs');
 const isAddress = require('../../isAddress-DYM3mZP7.cjs');
-const index$1 = require('../../index-BhmMhjR9.cjs');
+const index$1 = require('../../index-C9Ins46B.cjs');
 require('../lukso-image/index.cjs');
 
 /**

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

@@ -1,14 +1,14 @@
-import { m as makeBlockie } from '../../index-CP2bxOlA.js';
-import { T as TailwindStyledElement, x, E } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
+import { m as makeBlockie } from '../../index-NKnet_Ow.js';
+import { T as TailwindStyledElement, x, E } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
 import { e } from '../../base-Cl6v8-BZ.js';
-import { o as o$1 } from '../../style-map-A9HLuIu5.js';
+import { o as o$1 } from '../../style-map-CDCcO0mt.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../axe-BK9JSROP.js';
 import { i as isAddress } from '../../isAddress-ZNhN82OL.js';
-import { c as customStyleMap } from '../../index-Fy0gnibp.js';
+import { c as customStyleMap } from '../../index-CKlH1beR.js';
 import '../lukso-image/index.js';
 
 /**

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
+import { a as TailwindElement, x, E } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
 const query = require('../../query-EFiHeHdi.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
+import { a as TailwindElement, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
 import { e } from '../../query-CHb9Ft_d.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';

package/dist/components/lukso-color-picker/index.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const styleMap = require('../../style-map-CZiyZP71.cjs');
+const styleMap = require('../../style-map-nBexjTCa.cjs');
 require('../../tailwind-config.cjs');
 const axe = require('../../axe-C-H1UVi1.cjs');
 require('../lukso-icon/index.cjs');

package/dist/components/lukso-color-picker/index.js

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
+import { T as TailwindStyledElement, E, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { o } from '../../style-map-A9HLuIu5.js';
+import { o } from '../../style-map-CDCcO0mt.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../axe-BK9JSROP.js';
 import '../lukso-icon/index.js';

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-CJ6SmSwD.cjs');
-require('../../index-1XmcSGot.cjs');
+require('../../index-DNhzT2hA.cjs');
+require('../../index-CKjNXRek.cjs');
 const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 
 const debounceFunction = (func, timeout = 100) => {

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
+import { T as TailwindStyledElement, E, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
-import '../../index-CP2bxOlA.js';
-import '../../index-Vj-gQHwJ.js';
+import '../../index-NKnet_Ow.js';
+import '../../index-BSwFyDEC.js';
 import { u as uniqId } from '../../uniq-id-CGUN-pJV.js';
 
 const debounceFunction = (func, timeout = 100) => {

package/dist/components/lukso-dropdown-option/index.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 const style = ":host {\n    display: block\n}";

package/dist/components/lukso-dropdown-option/index.js

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
+import { T as TailwindStyledElement, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 const style = ":host {\n    display: block\n}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
+import { a as TailwindElement, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const unsafeHtml = require('../../unsafe-html-CWvuBYgI.cjs');
-const styleMap = require('../../style-map-CZiyZP71.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const unsafeHtml = require('../../unsafe-html-DHNeIs-4.cjs');
+const styleMap = require('../../style-map-nBexjTCa.cjs');
 
 const style = ":host {\n  position: relative;\n  display: inline-block;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 

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

@@ -1,7 +1,7 @@
-import { x, T as TailwindStyledElement } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { o as o$1 } from '../../unsafe-html-BTdQd0Aj.js';
-import { o } from '../../style-map-A9HLuIu5.js';
+import { x, T as TailwindStyledElement } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { o as o$1 } from '../../unsafe-html-Ci4jmi7b.js';
+import { o } from '../../style-map-CDCcO0mt.js';
 
 const style = ":host {\n  position: relative;\n  display: inline-block;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
-const styleMap = require('../../style-map-CZiyZP71.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
+const styleMap = require('../../style-map-nBexjTCa.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
-import { o } from '../../style-map-A9HLuIu5.js';
+import { a as TailwindElement, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
+import { o } from '../../style-map-CDCcO0mt.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
+import { T as TailwindStyledElement, E, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
 require('../lukso-sanitize/index.cjs');
 
 /**

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

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
+import { T as TailwindStyledElement, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
 import '../lukso-sanitize/index.js';
 
 /**

package/dist/components/lukso-markdown-editor/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-DVrgVgp0.cjs');
-const property = require('../../property-Df-2NJoK.cjs');
-const state = require('../../state-B2ymS5qU.cjs');
+const shared_tailwindElement_index = require('../../index-D4DEFira.cjs');
+const property = require('../../property-dUn0JQiG.cjs');
+const state = require('../../state-CD8hXUlY.cjs');
 const query = require('../../query-EFiHeHdi.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
@@ -204,6 +204,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 const DEFAULT_PREVIEW_BACKGROUND_COLOR = "#f9f9f9";
+const DEFAULT_PREVIEW_TEXT_COLOR = "#374151";
 exports.LuksoMarkdownEditor = class LuksoMarkdownEditor extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
@@ -222,6 +223,7 @@ exports.LuksoMarkdownEditor = class LuksoMarkdownEditor extends shared_tailwindE
     this.rows = 6;
     this.placeholder = "";
     this.previewBackgroundColor = DEFAULT_PREVIEW_BACKGROUND_COLOR;
+    this.previewTextColor = DEFAULT_PREVIEW_TEXT_COLOR;
     this.savedSelectionForPreview = null;
     this.isHeadingDropdownOpen = false;
     this.isColorDropdownOpen = false;
@@ -233,7 +235,6 @@ exports.LuksoMarkdownEditor = class LuksoMarkdownEditor extends shared_tailwindE
     this.alignmentTriggerId = "alignment-dropdown-trigger";
     this.currentSelection = { start: 0, end: 0 };
     this.savedSelection = null;
-    this.defaultColor = "#374151";
     this.activeFormats = {
       bold: false,
       italic: false,
@@ -243,7 +244,7 @@ exports.LuksoMarkdownEditor = class LuksoMarkdownEditor extends shared_tailwindE
       h3: false,
       h4: false,
       color: false,
-      activeColor: this.defaultColor,
+      activeColor: DEFAULT_PREVIEW_TEXT_COLOR,
       unorderedList: false,
       orderedList: false,
       alignment: "left"
@@ -412,7 +413,7 @@ exports.LuksoMarkdownEditor = class LuksoMarkdownEditor extends shared_tailwindE
       // dark gray
       "#000000",
       // black
-      this.defaultColor
+      DEFAULT_PREVIEW_TEXT_COLOR
     ];
     /**
      * Handle input event from the internal textarea component.
@@ -1144,7 +1145,7 @@ exports.LuksoMarkdownEditor = class LuksoMarkdownEditor extends shared_tailwindE
     const hasOrderedList = !!orderedListMatch;
     const colorRegex = /<span style="color: ([^"]+)">/;
     const hasColorWrap = !!(beforeSelection.match(colorRegex) && afterSelection.includes("</span>") || selectedText.match(/^<span style="color: ([^"]+)">(.*)<\/span>$/s));
-    let activeColor = this.defaultColor;
+    let activeColor = DEFAULT_PREVIEW_TEXT_COLOR;
     if (hasColorWrap) {
       const beforeColorMatch = beforeSelection.match(
         /<span style="color: ([^"]+)">([^<]*)$/
@@ -2066,7 +2067,7 @@ ${indent}${nextNumber}. `;
   }
   updated(changedProperties) {
     super.updated(changedProperties);
-    if (changedProperties.has("previewBackgroundColor") && this.isPreview && this.value.trim()) {
+    if ((changedProperties.has("previewBackgroundColor") || changedProperties.has("previewTextColor")) && this.isPreview && this.value.trim()) {
       this.scheduleAccessibilityCheck();
     }
   }
@@ -2557,6 +2558,9 @@ ${indent}${nextNumber}. `;
     if (!this.previewBackgroundColor) {
       this.previewBackgroundColor = DEFAULT_PREVIEW_BACKGROUND_COLOR;
     }
+    if (!this.previewTextColor) {
+      this.previewTextColor = DEFAULT_PREVIEW_TEXT_COLOR;
+    }
     return shared_tailwindElement_index.x`
       <div class=${wrapper()}>
         ${this.labelTemplate()} ${this.descriptionTemplate()}
@@ -2596,7 +2600,7 @@ ${indent}${nextNumber}. `;
                 >
                   <lukso-markdown
                     value=${this.value}
-                    prose-classes="prose prose-base prose-gray"
+                    custom-style=${`color: ${this.previewTextColor};`}
                   ></lukso-markdown>
                   ${this.accessibilityIndicatorTemplate()}
                 </div>`}
@@ -2655,6 +2659,9 @@ __decorateClass([
     reflect: true
   })
 ], exports.LuksoMarkdownEditor.prototype, "previewBackgroundColor", 2);
+__decorateClass([
+  property.n({ type: String, attribute: "preview-text-color", reflect: true })
+], exports.LuksoMarkdownEditor.prototype, "previewTextColor", 2);
 __decorateClass([
   state.r()
 ], exports.LuksoMarkdownEditor.prototype, "savedSelectionForPreview", 2);

package/dist/components/lukso-markdown-editor/index.d.ts

@@ -17,6 +17,7 @@ export declare class LuksoMarkdownEditor extends LuksoMarkdownEditor_base {
     rows: number;
     placeholder: string;
     previewBackgroundColor: string;
+    previewTextColor: string;
     private savedSelectionForPreview;
     private isHeadingDropdownOpen;
     private isColorDropdownOpen;
@@ -28,7 +29,6 @@ export declare class LuksoMarkdownEditor extends LuksoMarkdownEditor_base {
     private readonly alignmentTriggerId;
     private currentSelection;
     private savedSelection;
-    private defaultColor;
     private activeFormats;
     private undoStack;
     private redoStack;

package/dist/components/lukso-markdown-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-markdown-editor/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-markdown-editor/index.ts"],"names":[],"mappings":"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"}

package/dist/components/lukso-markdown-editor/index.js

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-YQoO_Soq.js';
-import { n, t } from '../../property-Dsz7qIbu.js';
-import { r } from '../../state-CcocMKSJ.js';
+import { T as TailwindStyledElement, E, x } from '../../index-B5CXCi6j.js';
+import { n, t } from '../../property-Da9lvmME.js';
+import { r } from '../../state-CtpsBPdH.js';
 import { e } from '../../query-CHb9Ft_d.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
@@ -200,6 +200,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 const DEFAULT_PREVIEW_BACKGROUND_COLOR = "#f9f9f9";
+const DEFAULT_PREVIEW_TEXT_COLOR = "#374151";
 let LuksoMarkdownEditor = class extends TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
@@ -218,6 +219,7 @@ let LuksoMarkdownEditor = class extends TailwindStyledElement(style) {
     this.rows = 6;
     this.placeholder = "";
     this.previewBackgroundColor = DEFAULT_PREVIEW_BACKGROUND_COLOR;
+    this.previewTextColor = DEFAULT_PREVIEW_TEXT_COLOR;
     this.savedSelectionForPreview = null;
     this.isHeadingDropdownOpen = false;
     this.isColorDropdownOpen = false;
@@ -229,7 +231,6 @@ let LuksoMarkdownEditor = class extends TailwindStyledElement(style) {
     this.alignmentTriggerId = "alignment-dropdown-trigger";
     this.currentSelection = { start: 0, end: 0 };
     this.savedSelection = null;
-    this.defaultColor = "#374151";
     this.activeFormats = {
       bold: false,
       italic: false,
@@ -239,7 +240,7 @@ let LuksoMarkdownEditor = class extends TailwindStyledElement(style) {
       h3: false,
       h4: false,
       color: false,
-      activeColor: this.defaultColor,
+      activeColor: DEFAULT_PREVIEW_TEXT_COLOR,
       unorderedList: false,
       orderedList: false,
       alignment: "left"
@@ -408,7 +409,7 @@ let LuksoMarkdownEditor = class extends TailwindStyledElement(style) {
       // dark gray
       "#000000",
       // black
-      this.defaultColor
+      DEFAULT_PREVIEW_TEXT_COLOR
     ];
     /**
      * Handle input event from the internal textarea component.
@@ -1140,7 +1141,7 @@ let LuksoMarkdownEditor = class extends TailwindStyledElement(style) {
     const hasOrderedList = !!orderedListMatch;
     const colorRegex = /<span style="color: ([^"]+)">/;
     const hasColorWrap = !!(beforeSelection.match(colorRegex) && afterSelection.includes("</span>") || selectedText.match(/^<span style="color: ([^"]+)">(.*)<\/span>$/s));
-    let activeColor = this.defaultColor;
+    let activeColor = DEFAULT_PREVIEW_TEXT_COLOR;
     if (hasColorWrap) {
       const beforeColorMatch = beforeSelection.match(
         /<span style="color: ([^"]+)">([^<]*)$/
@@ -2062,7 +2063,7 @@ ${indent}${nextNumber}. `;
   }
   updated(changedProperties) {
     super.updated(changedProperties);
-    if (changedProperties.has("previewBackgroundColor") && this.isPreview && this.value.trim()) {
+    if ((changedProperties.has("previewBackgroundColor") || changedProperties.has("previewTextColor")) && this.isPreview && this.value.trim()) {
       this.scheduleAccessibilityCheck();
     }
   }
@@ -2553,6 +2554,9 @@ ${indent}${nextNumber}. `;
     if (!this.previewBackgroundColor) {
       this.previewBackgroundColor = DEFAULT_PREVIEW_BACKGROUND_COLOR;
     }
+    if (!this.previewTextColor) {
+      this.previewTextColor = DEFAULT_PREVIEW_TEXT_COLOR;
+    }
     return x`
       <div class=${wrapper()}>
         ${this.labelTemplate()} ${this.descriptionTemplate()}
@@ -2592,7 +2596,7 @@ ${indent}${nextNumber}. `;
                 >
                   <lukso-markdown
                     value=${this.value}
-                    prose-classes="prose prose-base prose-gray"
+                    custom-style=${`color: ${this.previewTextColor};`}
                   ></lukso-markdown>
                   ${this.accessibilityIndicatorTemplate()}
                 </div>`}
@@ -2651,6 +2655,9 @@ __decorateClass([
     reflect: true
   })
 ], LuksoMarkdownEditor.prototype, "previewBackgroundColor", 2);
+__decorateClass([
+  n({ type: String, attribute: "preview-text-color", reflect: true })
+], LuksoMarkdownEditor.prototype, "previewTextColor", 2);
 __decorateClass([
   r()
 ], LuksoMarkdownEditor.prototype, "savedSelectionForPreview", 2);