@magento/venia-ui 9.3.0-beta.1 → 9.4.0-beta.1

package/lib/components/ProductFullDetail/CustomAttributes/__tests__/__snapshots__/customAttributes.spec.js.snap

@@ -2,9 +2,6 @@
 
 exports[`#CustomAttributes renders with custom attributes visible on front only 1`] = `
 <div>
-  <p>
-    Details
-  </p>
   <ul>
     <li>
       <mock-AttributeType

package/lib/components/ProductFullDetail/CustomAttributes/customAttributes.js

@@ -1,6 +1,5 @@
 import React, { useMemo } from 'react';
 import { array, shape, string } from 'prop-types';
-import { FormattedMessage } from 'react-intl';
 
 import { useStyle } from '@magento/venia-ui/lib/classify';
 
@@ -10,7 +9,7 @@ import defaultClasses from './customAttributes.module.css';
 export const IS_VISIBLE_ON_FRONT = 'PRODUCT_DETAILS_PAGE';
 
 const CustomAttributes = props => {
-    const { customAttributes } = props;
+    const { customAttributes, showLabels } = props;
     const classes = useStyle(defaultClasses, props.classes);
 
     const list = useMemo(
@@ -26,7 +25,10 @@ const CustomAttributes = props => {
                             key={currentAttribute.attribute_metadata.uid}
                             className={classes.listItem}
                         >
-                            <AttributeType data={currentAttribute} />
+                            <AttributeType
+                                showLabels={showLabels}
+                                data={currentAttribute}
+                            />
                         </li>
                     );
 
@@ -35,7 +37,7 @@ const CustomAttributes = props => {
 
                 return previousAttribute;
             }, []),
-        [classes, customAttributes]
+        [classes, customAttributes, showLabels]
     );
 
     if (list.length === 0) {
@@ -44,12 +46,6 @@ const CustomAttributes = props => {
 
     return (
         <div className={classes.root}>
-            <p className={classes.title}>
-                <FormattedMessage
-                    id={'customAttributes.title'}
-                    defaultMessage={'Details'}
-                />
-            </p>
             <ul className={classes.list}>{list}</ul>
         </div>
     );

package/lib/components/ProductFullDetail/CustomAttributes/customAttributes.module.css

@@ -1,9 +1,4 @@
 .root {
-    composes: mt-8 from global;
-}
-
-.title {
-    composes: font-semibold from global;
 }
 
 .list {