@descope/flow-components 3.11.1 → 3.11.3

package/dist/fm/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.11.1",
+      "buildVersion": "3.11.3",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/fm/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.11.1",
+      "buildVersion": "3.11.3",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/index.cjs.js

@@ -83195,7 +83195,8 @@ function requireIndex_cjs () {
     <slot part="text-wrapper"></slot>
     `;
 
-	    injectStyle(`
+	    injectStyle(
+	      `
       :host {
         display: inline-block;
         line-height: 1em;
@@ -83204,7 +83205,9 @@ function requireIndex_cjs () {
         width: 100%;
         display: inline-block;
       }
-    `, this);
+    `,
+	      this,
+	    );
 	  }
 
 	  get hideWhenEmpty() {
@@ -83222,7 +83225,7 @@ function requireIndex_cjs () {
 	}
 
 	const { host: host$y } = {
-	  host: { selector: () => ':host' }
+	  host: { selector: () => ':host' },
 	};
 
 	const TextClass = compose(
@@ -83231,9 +83234,7 @@ function requireIndex_cjs () {
 	      hostWidth: { ...host$y, property: 'width' },
 	      hostDirection: { ...host$y, property: 'direction' },
 	      fontSize: {},
-	      textColor: [
-	        { property: 'color' }
-	      ],
+	      textColor: [{ property: 'color' }],
 	      textLineHeight: { property: 'line-height' },
 	      textLetterSpacing: { property: 'letter-spacing' },
 	      textShadow: {},
@@ -83247,6 +83248,7 @@ function requireIndex_cjs () {
 	      borderColor: {},
 	    },
 	  }),
+	  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),
 	  draggableMixin$1,
 	  componentNameValidationMixin$1,
 	)(RawText);
@@ -83375,12 +83377,12 @@ function requireIndex_cjs () {
 	  return textArea.value;
 	};
 
-	/* eslint-disable no-param-reassign */
-
-
 	const componentName$1j = getComponentName('enriched-text');
 
-	class EnrichedText extends createBaseClass$1({ componentName: componentName$1j, baseSelector: ':host > div' }) {
+	class EnrichedText extends createBaseClass$1({
+	  componentName: componentName$1j,
+	  baseSelector: ':host > div',
+	}) {
 	  #origLinkRenderer;
 
 	  #origEmRenderer;
@@ -83427,7 +83429,7 @@ function requireIndex_cjs () {
         color: currentColor;
       }
         `,
-	      this
+	      this,
 	    );
 
 	    this.#initProcessor();
@@ -83462,11 +83464,23 @@ function requireIndex_cjs () {
 
 	  // We're overriding the rule for em with single underscore to perform as underline. (_underline_)
 	  customUnderlineRenderer() {
-	    this.processor.renderer.rules.em_open = (tokens, idx, options, env, self) => {
+	    this.processor.renderer.rules.em_open = (
+	      tokens,
+	      idx,
+	      options,
+	      env,
+	      self,
+	    ) => {
 	      if (tokens[idx].markup === '_') tokens[idx].tag = 'u';
 	      return this.#origEmRenderer(tokens, idx, options, env, self);
 	    };
-	    this.processor.renderer.rules.em_close = (tokens, idx, options, env, self) => {
+	    this.processor.renderer.rules.em_close = (
+	      tokens,
+	      idx,
+	      options,
+	      env,
+	      self,
+	    ) => {
 	      if (tokens[idx].markup === '_') tokens[idx].tag = 'u';
 	      return this.#origEmRenderer(tokens, idx, options, env, self);
 	    };
@@ -83474,7 +83488,13 @@ function requireIndex_cjs () {
 
 	  #customizeLinkRenderer() {
 	    if (this.linkTargetBlank) {
-	      this.processor.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+	      this.processor.renderer.rules.link_open = (
+	        tokens,
+	        idx,
+	        options,
+	        env,
+	        self,
+	      ) => {
 	        // Add a new `target` attribute, or replace the value of the existing one.
 	        tokens[idx].attrSet('target', '_blank');
 	        // Pass the token to the default renderer.
@@ -83499,11 +83519,13 @@ function requireIndex_cjs () {
 	  #storeOrigRenderers() {
 	    const defaultLinkRenderer = (tokens, idx, options, _, self) =>
 	      self.renderToken(tokens, idx, options);
-	    this.#origLinkRenderer = this.processor.renderer.rules.link_open || defaultLinkRenderer;
+	    this.#origLinkRenderer =
+	      this.processor.renderer.rules.link_open || defaultLinkRenderer;
 
 	    const defaultStrongRenderer = (tokens, idx, options, _, self) =>
 	      self.renderToken(tokens, idx, options);
-	    this.#origEmRenderer = this.processor.renderer.rules.em_open || defaultStrongRenderer;
+	    this.#origEmRenderer =
+	      this.processor.renderer.rules.em_open || defaultStrongRenderer;
 	  }
 
 	  #initProcessor() {
@@ -83537,9 +83559,11 @@ function requireIndex_cjs () {
 
 	    try {
 	      const tokens = this.processor.parse(html, { references: undefined });
-	      html = this.processor.renderer.render(tokens, { html: true, breaks: true });
-	    } catch (e) {
-	      // eslint-disable-next-line no-console
+	      html = this.processor.renderer.render(tokens, {
+	        html: true,
+	        breaks: true,
+	      });
+	    } catch {
 	      console.warn('Not parsing invalid markdown token');
 	    }
 
@@ -83560,7 +83584,11 @@ function requireIndex_cjs () {
 	  createStyleMixin$1({
 	    mappings: {
 	      hostWidth: { selector: () => ':host', property: 'width' },
-	      hostDisplay: { selector: () => ':host', property: 'display', fallback: 'inline-block' },
+	      hostDisplay: {
+	        selector: () => ':host',
+	        property: 'display',
+	        fallback: 'inline-block',
+	      },
 	      hostDirection: { selector: () => ':host', property: 'direction' },
 	      fontSize: {},
 	      fontFamily: {},
@@ -83574,15 +83602,19 @@ function requireIndex_cjs () {
 	      textAlign: {},
 	      linkColor: { selector: 'a', property: 'color' },
 	      linkTextDecoration: { selector: 'a', property: 'text-decoration' },
-	      linkHoverTextDecoration: { selector: 'a:hover', property: 'text-decoration' },
+	      linkHoverTextDecoration: {
+	        selector: 'a:hover',
+	        property: 'text-decoration',
+	      },
 	      minHeight: {},
 	      minWidth: {},
 	    },
 	  }),
 	  createStyleMixin$1({ componentNameOverride: getComponentName('link') }),
 	  createStyleMixin$1({ componentNameOverride: getComponentName('text') }),
+	  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),
 	  draggableMixin$1,
-	  componentNameValidationMixin$1
+	  componentNameValidationMixin$1,
 	)(EnrichedText);
 
 	const componentName$1i = getComponentName('link');
@@ -83685,6 +83717,7 @@ function requireIndex_cjs () {
 	      cursor: anchor,
 	    },
 	  }),
+	  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),
 	  draggableMixin$1,
 	  componentNameValidationMixin$1,
 	)(RawLink);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.11.1",
+  "version": "3.11.3",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -93,11 +93,11 @@
     "typescript": "^6.0.0",
     "webpack": "^5.74.0",
     "webpack-cli": "^7.0.0",
-    "webpack-dev-server": "5.2.3",
+    "webpack-dev-server": "5.2.4",
     "webpack-subresource-integrity": "5.2.0-rc.1"
   },
   "dependencies": {
-    "@descope/web-components-ui": "3.11.1"
+    "@descope/web-components-ui": "3.11.3"
   },
   "peerDependencies": {
     "react": ">= 18"