@descope/web-components-ui 1.0.345 → 1.0.347

package/dist/index.esm.js

@@ -2303,7 +2303,7 @@ const ContainerClass = compose(
       hostHeight: { selector: () => ':host', property: 'height' },
       hostWidth: { selector: () => ':host', property: 'width' },
       hostDirection: { selector: () => ':host', property: 'direction' },
-
+      itemsGrow: { selector: () => '::slotted(*)', property: 'flex-grow', fallback: '0' },
       verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
       horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
 
@@ -3660,6 +3660,12 @@ const disableRules = [
   'html_block',
 ];
 
+const decodeHTML = (html) => {
+  const textArea = document.createElement('textarea');
+  textArea.innerHTML = html;
+  return textArea.value;
+};
+
 /* eslint-disable no-param-reassign */
 
 const componentName$C = getComponentName('enriched-text');
@@ -3788,7 +3794,7 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
   }
 
   #initProcessor() {
-    this.processor = new MarkdownIt();
+    this.processor = new MarkdownIt('commonmark', { html: true });
     this.#storeOrigRenderers();
     this.#updateProcessorRules();
     this.#customizeLinkRenderer();
@@ -3808,11 +3814,11 @@ let EnrichedText$2 = class EnrichedText extends createBaseClass({ componentName:
       return;
     }
 
-    let html = this.textContent;
+    let html = decodeHTML(this.innerHTML);
 
     try {
       const tokens = this.processor.parse(html, { references: undefined });
-      html = this.processor.renderer.render(tokens, { breaks: true });
+      html = this.processor.renderer.render(tokens, { html: true, breaks: true });
     } catch (e) {
       // eslint-disable-next-line no-console
       console.warn('Not parsing invalid markdown token');
@@ -3838,7 +3844,10 @@ const EnrichedTextClass = compose(
       fontSize: {},
       fontFamily: {},
       fontWeight: {},
-      fontWeightBold: { selector: () => ':host strong', property: 'font-weight' },
+      fontWeightBold: [
+        { selector: () => ':host strong', property: 'font-weight' },
+        { selector: () => ':host b', property: 'font-weight' },
+      ],
       textColor: { property: 'color' },
       textLineHeight: { property: 'line-height' },
       textAlign: {},
@@ -12527,6 +12536,7 @@ const { shadowColor: shadowColor$1 } = helperRefs$2;
 const container = {
   ...helperTheme$2,
 
+  [compVars$4.itemsGrow]: '0',
   [compVars$4.hostWidth]: '100%',
   [compVars$4.boxShadow]: 'none',
   [compVars$4.backgroundColor]: globalRefs$n.colors.surface.main,