@salesforcedevs/mrkt-components 1.3.84 → 1.3.85

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/mrkt-components",
-    "version": "1.3.84",
+    "version": "1.3.85",
     "description": "Marketing Lightning web components for DSC",
     "license": "MIT",
     "engines": {
@@ -15,5 +15,5 @@
     "devDependencies": {
         "@types/classnames": "^2.2.10"
     },
-    "gitHead": "09b7aafdaf3a75bf49ecf7691fb51378e6a9c332"
+    "gitHead": "6b738627c2fefd4e639f1def42cdc4d4a44c7171"
 }

package/src/modules/mrkt/ctaSection/ctaSection.html

@@ -1,7 +1,7 @@
 <template>
     <div class={className}>
         <div class="text-container">
-            <h2 class="dx-text-heading-5">{title}</h2>
+            <h2 class="dx-text-display-8">{title}</h2>
             <span if:true={subtitle} class="subtitle dx-text-body-2">
                 {subtitle}
             </span>

package/src/modules/mrkt/noCodeSection/noCodeSection.html

@@ -6,7 +6,7 @@
             alt=""
         />
         <div class="content">
-            <h3 class="content-title dx-text-heading-3">{title}</h3>
+            <h3 class="content-title dx-text-display-4">{title}</h3>
             <p class="content-body">{body}</p>
         </div>
         <img class="image" src={imgSrc} alt={imgAlt} />

package/src/modules/mrkt/sectionHeader/sectionHeader.html

@@ -15,7 +15,7 @@
                 sprite={iconSprite}
                 background-size="large"
             ></dx-icon-badge>
-            <h2 if:true={title} class="title dx-text-heading-2b">{title}</h2>
+            <h2 if:true={title} class="title dx-text-display-3">{title}</h2>
             <span if:true={subtitle} class="subtitle dx-text-body-1">
                 {subtitle}
             </span>

package/src/modules/mrkt/subNavBar/subNavBar.ts

@@ -80,7 +80,7 @@ export default class SubNavBar extends MatchMediaElement {
         ...item,
         className: cx(
             "nav-item",
-            "dx-text-heading-6",
+            "dx-text-display-8",
             this.activeHash === item?.link?.href && "active"
         )
     });

package/src/modules/mrkt/tdxSection/tdxSection.html

@@ -1,10 +1,10 @@
 <template>
     <div class="container">
         <div class="content">
-            <h3 class="content-title dx-text-heading-2b">{title}</h3>
-            <h4 class="dx-text-heading-4">{subtitle}</h4>
+            <h3 class="content-title dx-text-display-3">{title}</h3>
+            <h4 class="dx-text-display-6">{subtitle}</h4>
             <p class="content-body">{body}</p>
-            <p class="content-info dx-text-heading-6">{info}</p>
+            <p class="content-info dx-text-display-8">{info}</p>
             <dx-button href={buttonHref}>{buttonLabel}</dx-button>
         </div>
         <div class="image-container">

package/src/modules/mrkt/threeColListSection/threeColListSection.html

@@ -11,7 +11,7 @@
                             background-color={item.iconBackgroundColor}
                             background-size="large"
                         ></dx-icon-badge>
-                        <h3 class="title dx-text-heading-4b">{item.title}</h3>
+                        <h3 class="title dx-text-display-7">{item.title}</h3>
                         <span class="subtitle dx-text-body-2">
                             {item.subtitle}
                         </span>

package/src/modules/mrkt/twoColListSection/twoColListSection.html

@@ -10,7 +10,7 @@
                         background-color={item.iconBackgroundColor}
                         background-size="large"
                     ></dx-icon-badge>
-                    <h3 class="title dx-text-heading-4b">{item.title}</h3>
+                    <h3 class="title dx-text-display-7">{item.title}</h3>
                     <span class="subtitle dx-text-body-2">{item.subtitle}</span>
                 </div>
             </template>

package/src/modules/mrkt/twoColPanelSection/twoColPanelSection.html

@@ -26,7 +26,7 @@
         </dx-modal>
         <div class="text-container">
             <span class="subtitle dx-text-label-4">{subtitle}</span>
-            <h2 class="title dx-text-heading-3">{title}</h2>
+            <h2 class="title dx-text-display-4">{title}</h2>
             <p class="body dx-text-body-2">{body}</p>
             <div class="cta-group">
                 <dx-button

package/src/modules/mrkt/twoColSection/twoColSection.html

@@ -2,7 +2,7 @@
     <div class={className}>
         <img src={imgSrc} alt={imgAlt} />
         <div class="text-container">
-            <h2 class="dx-text-heading-4">{title}</h2>
+            <h2 class="dx-text-display-6">{title}</h2>
             <span class="dx-text-body-2">{subtitle}</span>
         </div>
     </div>