@descope/web-components-ui 1.0.345 → 1.0.347

package/dist/cjs/index.cjs.js

@@ -4565,7 +4565,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' }],
 
@@ -4620,6 +4620,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,
@@ -4983,6 +4984,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');
@@ -5111,7 +5118,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();
@@ -5131,11 +5138,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');
@@ -5161,7 +5168,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: {},