@salesforcedevs/dx-components 1.3.167-alpha → 1.3.167-alpha-01

package/lwc.config.json

@@ -41,6 +41,7 @@
         "dx/filterMenu",
         "dx/footer",
         "dx/formattedDateTime",
+        "dx/formattedRichText",
         "dx/grid",
         "dx/groupText",
         "dx/header",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.167-alpha",
+    "version": "1.3.167-alpha-01",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/codeBlock/codeBlock.ts

@@ -6,7 +6,7 @@ import {
     setLocalStorageData
 } from "@sfdocs-internal/wires";
 import { track as gtmTrack } from "dxUtils/analytics";
-import prism from "../../dxUtils/prismjs/prismjs";
+import prism from "dxUtils/prismjs";
 
 // Used por remove enclosing <pre> tag's (if occurs)
 const preTagRegexp: RegExp = /^<pre.*?>(.*)<\/pre>$/is;

package/src/modules/dx/dropdown/dropdown.ts

@@ -8,7 +8,7 @@ import { LightningElement, api, track } from "lwc";
 import cx from "classnames";
 import get from "lodash.get";
 import { toJson } from "dxUtils/normalizers";
-import { deepmapOptions } from "../../dxUtils/options/options";
+import { deepmapOptions } from "dxUtils/options";
 
 interface DropdownOption extends OptionWithNested {
     // link that gets shown as a highlighted link at end of option group

package/src/modules/dx/faq/faq.html

@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <h2 class="faq-title dx-text-display-4">{title}</h2>
-        <div class="faq-content">
+        <div class="faq-content" part="content">
             <template iterator:it={options}>
                 <details key={it.value.title} open={it.first}>
                     <summary class="dx-text-display-7">

package/src/modules/dx/featuredContentHeader/featuredContentHeader.css

@@ -494,21 +494,6 @@ dx-image-and-label {
         margin-bottom: calc(var(--dx-c-bottom-image-height) * -0.72);
     }
 
-    .dx-text-display-6 {
-        font-size: var(--dx-g-text-xl);
-    }
-
-    .dx-text-display-2 {
-        font-size: var(--dx-g-text-2xl);
-        line-height: var(--dx-g-spacing-2xl);
-    }
-
-    .dx-text-body-1 {
-        font-size: var(--dx-g-text-base);
-        letter-spacing: 0;
-        line-height: var(--dx-g-spacing-lg);
-    }
-
     .buttons {
         flex-direction: column;
     }
@@ -543,6 +528,23 @@ dx-image-and-label {
     }
 }
 
+@media screen and (max-width: 768px) {
+    .dx-text-display-6 {
+        font-size: var(--dx-g-text-xl);
+    }
+    
+    .dx-text-display-2 {
+        font-size: var(--dx-g-text-2xl);
+        line-height: var(--dx-g-spacing-2xl);
+    }
+    
+    .dx-text-body-1 {
+        font-size: var(--dx-g-text-base);
+        letter-spacing: 0;
+        line-height: var(--dx-g-spacing-lg);
+    }
+}
+
 @media screen and (max-width: 600px) {
     .img-placement_below .image-container {
         margin-bottom: calc(var(--dx-c-bottom-image-height) * -0.8);

package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { OptionWithNested } from "typings/custom";
-import { deepmapOptions } from "../../dxUtils/options/options";
+import { deepmapOptions } from "dxUtils/options";
 
 export default class HeaderMobileNavMenu extends LightningElement {
     @api open: boolean = false;

package/src/modules/dx/searchResults/searchResults.ts

@@ -5,7 +5,7 @@ import {
     CONTENT_TYPE_LABELS,
     CONTENT_TYPE_ICONS
 } from "dxConstants/contentTypes";
-import { getContentTypeColorVariables } from "../../dxUtils/contentTypes/contentTypes";
+import { getContentTypeColorVariables } from "dxUtils/contentTypes";
 
 interface CoveoSearch {
     state: typeof CoveoSDK.state;

package/src/modules/dx/section/section.css

@@ -116,7 +116,7 @@
     }
 }
 
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: 768px) {
     :host {
         --dx-c-section-padding-vertical: 80px;
     }
@@ -130,20 +130,26 @@
     }
 
     .label {
-        font-size: 16px;
+        font-size: var(--dx-g-text-base);
         letter-spacing: -0.2px;
         line-height: 20px;
     }
 
     .subtitle {
-        font-size: 16px;
+        font-size: var(--dx-g-text-base);
         letter-spacing: 0;
         line-height: 24px;
     }
 
     .heading {
-        font-size: 32px;
+        font-size: var(--dx-g-text-2xl);
         letter-spacing: -0.6px;
         line-height: 40px;
     }
+
+    .heading.dx-text-display-4 {
+        font-size: var(--dx-g-text-xl);
+        letter-spacing: -0.6px;
+        line-height: 32px;
+    }
 }

package/src/modules/dx/typeBadge/typeBadge.ts

@@ -18,7 +18,7 @@ import {
     getContentTypeColorScope,
     isContentType,
     getContentTypeColorVariables
-} from "../../dxUtils/contentTypes/contentTypes";
+} from "dxUtils/contentTypes";
 
 export default class TypeBadge extends LightningElement {
     @api size: TypeBadgeSize = "default";