@descope/flow-components 3.3.2 → 3.3.4

package/dist/fm/mf-manifest.json

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

package/dist/fm/mf-stats.json

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

package/dist/index.cjs.js

@@ -82883,6 +82883,7 @@ function requireIndex_cjs () {
 	      hostDirection: { ...host$x, property: 'direction' },
 	      fontSize: {},
 	      fontFamily: {},
+	      fontWeight: {},
 
 	      cursor: {},
 	      backgroundColor: {},
@@ -82897,7 +82898,10 @@ function requireIndex_cjs () {
 	      borderStyle: {},
 	      borderWidth: {},
 
-	      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
+	      verticalPadding: [
+	        { property: 'padding-top' },
+	        { property: 'padding-bottom' },
+	      ],
 	      horizontalPadding: [
 	        { property: 'padding-right', fallback: '0.875em' },
 	        { property: 'padding-left', fallback: '0.875em' },
@@ -82905,9 +82909,9 @@ function requireIndex_cjs () {
 
 	      labelTextColor: { property: 'color' },
 	      iconColor: {
-			selector: () => `::slotted(*)`,
-			property: IconClass.cssVarList.fill
-		  },
+	        selector: () => `::slotted(*)`,
+	        property: IconClass.cssVarList.fill,
+	      },
 	      labelTextDecoration: { ...label$a, property: 'text-decoration' },
 	      labelSpacing: { ...label$a, property: 'gap' },
 	      textAlign: { ...label$a, property: 'justify-content', fallback: 'center' },
@@ -82920,7 +82924,7 @@ function requireIndex_cjs () {
 	  }),
 	  clickableMixin,
 	  draggableMixin$1,
-	  componentNameValidationMixin$1
+	  componentNameValidationMixin$1,
 	)(
 	  createProxy$1({
 	    slots: ['', 'prefix', 'label', 'suffix'],
@@ -82946,7 +82950,7 @@ function requireIndex_cjs () {
 		`,
 	    excludeAttrsSync: ['tabindex', 'class', 'style'],
 	    componentName: componentName$1i,
-	  })
+	  }),
 	);
 
 	const { color, fontSize } = ButtonClass.cssVarList;
@@ -82993,12 +82997,16 @@ function requireIndex_cjs () {
 	  surface: globalRefs$H.colors.surface,
 	};
 
-	const [helperTheme$7, helperRefs$7, helperVars$6] = createHelperVars$1({ mode }, componentName$1i);
+	const [helperTheme$7, helperRefs$7, helperVars$6] = createHelperVars$1(
+	  { mode },
+	  componentName$1i,
+	);
 
 	const button = {
 	  ...helperTheme$7,
 
 	  [compVars$9.fontFamily]: globalRefs$H.fonts.font1.family,
+	  [compVars$9.fontWeight]: '400',
 
 	  [compVars$9.cursor]: 'pointer',
 	  [compVars$9.hostHeight]: '3em',
@@ -83521,7 +83529,16 @@ function requireIndex_cjs () {
 
 	const componentName$1f = getComponentName('link');
 
-	class RawLink extends createBaseClass$1({ componentName: componentName$1f, baseSelector: ':host a' }) {
+	const observedAttrs$6 = ['href', 'readonly'];
+
+	class RawLink extends createBaseClass$1({
+	  componentName: componentName$1f,
+	  baseSelector: ':host a',
+	}) {
+	  static get observedAttributes() {
+	    return observedAttrs$6.concat(super.observedAttributes || []);
+	  }
+
 	  constructor() {
 	    super();
 
@@ -83554,10 +83571,12 @@ function requireIndex_cjs () {
       white-space: nowrap;
     }
       `,
-	      this
+	      this,
 	    );
 
-	    forwardAttrs(this, this.shadowRoot.querySelector('a'), {
+	    this.anchor = this.shadowRoot.querySelector('a');
+
+	    forwardAttrs(this, this.anchor, {
 	      includeAttrs: ['href', 'target', 'tooltip'],
 	      mapAttrs: {
 	        tooltip: 'title',
@@ -83567,6 +83586,16 @@ function requireIndex_cjs () {
 	    forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {
 	      includeAttrs: ['mode', 'variant'],
 	    });
+
+	    this.anchor.addEventListener('click', (e) => {
+	      if (this.readOnly) {
+	        e.preventDefault();
+	      }
+	    });
+	  }
+
+	  get readOnly() {
+	    return this.getAttribute('readonly') === 'true';
 	  }
 	}
 
@@ -83586,7 +83615,11 @@ function requireIndex_cjs () {
 	      hostWidth: { ...host$v, property: 'width' },
 	      hostDirection: { ...text$2, property: 'direction' },
 	      textAlign: wrapper$1,
-	      textDecoration: { ...link$3, property: 'text-decoration', fallback: 'none' },
+	      textDecoration: {
+	        ...link$3,
+	        property: 'text-decoration',
+	        fallback: 'none',
+	      },
 	      textColor: [
 	        { ...anchor, property: 'color' },
 	        { ...text$2, property: TextClass.cssVarList.textColor },
@@ -83595,7 +83628,7 @@ function requireIndex_cjs () {
 	    },
 	  }),
 	  draggableMixin$1,
-	  componentNameValidationMixin$1
+	  componentNameValidationMixin$1,
 	)(RawLink);
 
 	const globalRefs$F = getThemeRefs$1(globals);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -97,7 +97,7 @@
     "webpack-subresource-integrity": "5.2.0-rc.1"
   },
   "dependencies": {
-    "@descope/web-components-ui": "3.3.2"
+    "@descope/web-components-ui": "3.3.4"
   },
   "peerDependencies": {
     "react": ">= 18"