Release@main

lerna.json

@@ -1,7 +1,7 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "npmClient": "npm",
-  "version": "1.28.0",
+  "version": "1.28.1-beta.0",
   "command": {
     "version": {
       "allowBranch": ["main", "next", "development"],

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-components-react",
-  "version": "1.28.0",
+  "version": "1.28.1-beta.0",
   "description": "A basic set of components to use with Studio Experiences",
   "homepage": "https://github.com/contentful/experience-builder/tree/next/packages/components#readme",
   "repository": {

packages/components/src/components/Text/Text.css

@@ -1,3 +1,7 @@
 .cf-text {
   white-space: pre-line;
 }
+
+.cf-text-link .cf-text {
+  margin: 0;
+}

packages/components/src/components/Text/Text.cy.tsx

@@ -26,7 +26,7 @@ describe('Text', () => {
     cy.mount(
       <Text value="My Text" data-foo="bar">
         Children text
-      </Text>
+      </Text>,
     );
     cy.get('p').should('have.attr', 'data-foo', 'bar');
   });
@@ -40,4 +40,14 @@ describe('Text', () => {
     cy.mount(<Text value="My Text" />);
     cy.get('p').should('have.class', 'cf-text');
   });
+
+  it('has a wrapping anchor tag with the class "cf-text-link" when a url is provided', () => {
+    cy.mount(<Text value="My Text" url="#link" />);
+    cy.get('a').should('have.class', 'cf-text-link');
+  });
+
+  it('when className and url are provided, the className should be added to the anchor tag', () => {
+    cy.mount(<Text value="My Text" className="custom-class" url="#link" />);
+    cy.get('a').should('have.class', 'custom-class');
+  });
 });

packages/components/src/components/Text/Text.tsx

@@ -83,6 +83,20 @@ export const Text: React.FC<TextProps> = ({
   onClick,
   ...props
 }) => {
+  const Tag = as;
+
+  if (url) {
+    return (
+      <a
+        className={combineClasses('cf-text-link', className)}
+        href={url}
+        {...(target ? { target } : {})}
+        {...props}>
+        <Tag className="cf-text">{value ? value : children}</Tag>
+      </a>
+    );
+  }
+
   const handleClick = (event: React.MouseEvent<HTMLElement>) => {
     if (onNavigate && url) {
       event.preventDefault();
@@ -91,9 +105,7 @@ export const Text: React.FC<TextProps> = ({
     onClick && onClick(event);
   };
 
-  const Tag = as;
-
-  const textAsTag = (
+  return (
     <Tag
       className={combineClasses('cf-text', className)}
       onClick={handleClick}
@@ -103,14 +115,4 @@ export const Text: React.FC<TextProps> = ({
       {value ? value : children}
     </Tag>
   );
-
-  if (!url) {
-    return textAsTag;
-  }
-
-  return (
-    <a className="cf-text-link" href={url} {...(target ? { target } : {})}>
-      {textAsTag}
-    </a>
-  );
 };

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-core",
-  "version": "1.28.0",
+  "version": "1.28.1-beta.0",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",

packages/create-contentful-studio-experiences/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-contentful-studio-experiences",
-  "version": "1.28.0",
+  "version": "1.28.1-beta.0",
   "description": "A CLI tool to get up and running with Contentful Studio Experiences quickly",
   "homepage": "https://github.com/contentful/experience-builder/tree/next/packages/create-contentful-studio-experiences#readme",
   "repository": {

packages/experience-builder-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.28.0",
+  "version": "1.28.1-beta.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "typings": "./dist/src/index.d.ts",

packages/validators/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-validators",
-  "version": "1.28.0",
+  "version": "1.28.1-beta.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

packages/visual-editor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-visual-editor-react",
-  "version": "1.28.0",
+  "version": "1.28.1-beta.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",