@salesforcedevs/dx-components 1.3.66-alpha-031 → 1.3.66-alpha-032

package/lwc.config.json

@@ -98,6 +98,7 @@
         "dxUtils/analytics",
         "dxUtils/async",
         "dxUtils/constants",
+        "dxUtils/contentTypes",
         "dxUtils/coveo",
         "dxUtils/dates",
         "dxUtils/highlight",

package/package.json

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

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

@@ -2,7 +2,7 @@ import { LightningElement, api, track } from "lwc";
 import type * as CoveoSDK from "coveo-search-ui";
 import { track as trackGTM } from "dxUtils/analytics";
 import { CONTENT_TYPE_LABELS } from "dxConstants/contentTypes";
-import { getContentTypeColorVariables } from "dxUtilsInternal/contentTypes";
+import { getContentTypeColorVariables } from "dxUtils/contentTypes";
 
 interface CoveoSearch {
     state: typeof CoveoSDK.state;

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

@@ -14,7 +14,7 @@ import {
     isContentType,
     getContentTypeColorScope,
     getContentTypeColorVariables
-} from "dxUtilsInternal/contentTypes";
+} from "dxUtils/contentTypes";
 import {
     CONTENT_TYPE_LABELS,
     CONTENT_TYPE_ICONS

package/src/modules/dxUtils/contentTypes/contentTypes.ts

@@ -0,0 +1,30 @@
+import { CONTENT_TYPES } from "dxConstants/contentTypes";
+import { BRANDS } from "dxConstants/brands";
+import { ContentType } from "typings/custom";
+import { buildStyleColorVariables } from "dxUtils/css";
+
+export const isBrand = (id: string): boolean => {
+    return BRANDS.includes(id as ContentType);
+};
+
+export const isContentType = (id: string): boolean => {
+    return CONTENT_TYPES.includes(id as ContentType);
+};
+
+export const getContentTypeColorScope = (id: string): string | null => {
+    if (isContentType(id)) {
+        return "content-type";
+    }
+    if (isBrand(id)) {
+        return "brand";
+    }
+    return null;
+};
+
+export const getContentTypeColorVariables = (id: string): string => {
+  const scope = getContentTypeColorScope(id);
+  return buildStyleColorVariables({
+    background: `--dx-g-${scope}-${id}-color-background`,
+    color: `--dx-g-${scope}-${id}-color`
+});
+}