@salesforcedevs/dx-components 0.24.2 → 0.25.0

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

@@ -1,7 +1,7 @@
 import { LightningElement, api, wire, track } from "lwc";
 import { CodeBlockTheme, CodeBlockLanguage } from "typings/custom";
 import cx from "classnames";
-import Prism from "utils/prismjs";
+import Prism from "utils-internal/prismjs";
 import {
     getLocalStorageData,
     setLocalStorageData

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

@@ -1,8 +1,8 @@
 import Dropdown from "dx/dropdown";
 import DropdownOption from "dx/dropdownOption";
 import Popover from "dx/popover";
-import { getOptionsCount } from "utils/options";
-import { createRenderComponent } from "utils/tests";
+import { getOptionsCount } from "utils-internal/options";
+import { createRenderComponent } from "utils-internal/tests";
 import mockNestedOptions from "./mockNestedOptions";
 import mockProps from "./mockProps";
 
@@ -14,15 +14,13 @@ describe(TAG, () => {
         it("renders all options when open", () => {
             const component = render({ ...mockProps, open: true });
 
-            const menuDiv: HTMLElement = component.shadowRoot.querySelector(
-                ".menu_list"
-            );
+            const menuDiv: HTMLElement =
+                component.shadowRoot.querySelector(".menu_list");
             expect(menuDiv).not.toBeNull();
             expect(menuDiv.getAttribute("role")).toBe("menu");
 
-            const options = component.shadowRoot.querySelectorAll(
-                "dx-dropdown-option"
-            );
+            const options =
+                component.shadowRoot.querySelectorAll("dx-dropdown-option");
             expect(options.length).toEqual(mockProps.options.length);
             return expect(component).toBeAccessible();
         });
@@ -66,17 +64,15 @@ describe(TAG, () => {
 
         it("renders with menu-offset-small and menu-hidden", () => {
             const component = render({ offset: "small", options: [] });
-            const popover: Popover = component.shadowRoot.querySelector(
-                "dx-popover"
-            );
+            const popover: Popover =
+                component.shadowRoot.querySelector("dx-popover");
             expect(popover).not.toBeNull();
 
             expect(popover.classList).toContain("menu-offset-small");
             expect(popover.classList).toContain("menu-hidden");
 
-            const options = component.shadowRoot.querySelectorAll(
-                "dx-dropdown-option"
-            );
+            const options =
+                component.shadowRoot.querySelectorAll("dx-dropdown-option");
             expect(options).toHaveLength(0);
 
             return expect(component).toBeAccessible();
@@ -95,9 +91,8 @@ describe(TAG, () => {
             const popover = component.shadowRoot.querySelector("dx-popover");
             popover.addEventListener("close", mockClose);
 
-            const option = component.shadowRoot.querySelector(
-                "dx-dropdown-option"
-            );
+            const option =
+                component.shadowRoot.querySelector("dx-dropdown-option");
             const id = option.option.id;
             option.dispatchEvent(new CustomEvent("select", { detail: id }));
 
@@ -117,9 +112,8 @@ describe(TAG, () => {
             const popover = component.shadowRoot.querySelector("dx-popover");
             popover.addEventListener("close", mockClose);
 
-            const option: DropdownOption = component.shadowRoot.querySelector(
-                "dx-dropdown-option"
-            );
+            const option: DropdownOption =
+                component.shadowRoot.querySelector("dx-dropdown-option");
             const id = option.option.id;
             option.dispatchEvent(new CustomEvent("select", { detail: id }));
 
@@ -161,9 +155,8 @@ describe(TAG, () => {
             );
             expect(component.focusedValue).toBe(mockProps.value);
 
-            const popover: HTMLElement = component.shadowRoot.querySelector(
-                "dx-popover"
-            );
+            const popover: HTMLElement =
+                component.shadowRoot.querySelector("dx-popover");
             expect(popover).not.toBeNull();
             popover.dispatchEvent(new CustomEvent("close"));
             expect(component.focusedValue).toBeNull();

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

@@ -1,8 +1,8 @@
 import { Option, PopperPlacement } from "typings/custom";
 import { LightningElement, api, track } from "lwc";
 import cx from "classnames";
-import { deepmapOptions } from "utils/options";
 import get from "lodash.get";
+import { deepmapOptions } from "utils-internal/options";
 import { toJson } from "utils/normalizers";
 
 interface DropdownOption extends Option {
@@ -29,10 +29,11 @@ export default class Dropdown extends LightningElement {
     @api small?: boolean = false;
     @api openOnHover?: boolean = false; // dropdown opens/closes with hover
     @api width?: string | null = null;
-    @api fullWidth?: boolean | null; @api navItemLabel: string | null = null;
+    @api fullWidth?: boolean | null;
+    @api navItemLabel: string | null = null;
 
     // props forwarded to dropdown option
-    @api analyticsEvent: string | null = null
+    @api analyticsEvent: string | null = null;
 
     @api
     get options() {
@@ -165,9 +166,8 @@ export default class Dropdown extends LightningElement {
             ? this.findOptionElementIndex(this.value)
             : 0;
 
-        const optionToFocus: any = this.optionsElements[
-            defaultIndex < 0 ? 0 : defaultIndex
-        ];
+        const optionToFocus: any =
+            this.optionsElements[defaultIndex < 0 ? 0 : defaultIndex];
         if (optionToFocus) {
             optionToFocus.focus();
             this._focusedValue = optionToFocus.option.id;

package/src/modules/dx/dropdownOption/__tests__/dropdownOption.test.ts

@@ -1,5 +1,5 @@
 import DropdownOption from "dx/dropdownOption";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import { MOCK_BUTTON_PROPS, MOCK_LINK_PROPS } from "./mockProps";
 import * as instrumentation from "dx/instrumentation";
 

package/src/modules/dx/emptyState/__tests__/emptyState.test.ts

@@ -1,5 +1,5 @@
 import EmptyState from "dx/emptyState";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-empty-state";

package/src/modules/dx/feature/__tests__/feature.test.ts

@@ -1,5 +1,5 @@
 import Feature from "dx/feature";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-feature";
@@ -10,10 +10,11 @@ const dataCodeSample = {
     label: "Featured Demo",
     buttonHref: "https://github.com/trailheadapps/ebikes-lwc",
     buttonLabel: "Explore on Github",
-    imageSrc: "https://d12fd6m9xo0jeo.cloudfront.net/0953ee82-173a-484d-b4f4-7467bce5e200.jpg",
+    imageSrc:
+        "https://d12fd6m9xo0jeo.cloudfront.net/0953ee82-173a-484d-b4f4-7467bce5e200.jpg",
     isExternalLink: "true",
     variant: "display"
-}
+};
 
 describe(TAG, () => {
     it("renders an accessible feature with description on the left by default", () => {
@@ -42,9 +43,9 @@ describe(TAG, () => {
         const sectionEl = element.shadowRoot.querySelector("section");
         expect(sectionEl).not.toBeNull();
         expect(sectionEl.className).toBe("description-left");
-        const imgContainer = element.shadowRoot.querySelector(".image-container");
+        const imgContainer =
+            element.shadowRoot.querySelector(".image-container");
         expect(imgContainer).not.toBe(null);
         return expect(element).toBeAccessible();
     });
-
 });

package/src/modules/dx/featureGrid/__tests__/featureGrid.test.ts

@@ -1,6 +1,6 @@
 // This test requires a wrapper component that's not exposed in the build.
-import FeatureGridTest from "tests/featureGridTest";
-import { createRenderComponent } from "utils/tests";
+import FeatureGridTest from "test-components/featureGridTest";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-feature-grid";
 const render = createRenderComponent(TAG, FeatureGridTest);

package/src/modules/dx/featuredContentHeader/__tests__/featuredContentHeader.test.ts

@@ -1,6 +1,6 @@
 import FeaturedContentHeader from "dx/featuredContentHeader";
 import ImageAndLabel from "dx/imageAndLabel";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps, { blogPodcastMock } from "./mockProps";
 
 const TAG = "dx-featured-content-header";
@@ -20,15 +20,12 @@ const testHeadingAttributes = (
 describe(TAG, () => {
     it("renders", () => {
         const element = render(mockProps);
-        const renderedLabel: HTMLElement = element.shadowRoot.querySelector(
-            ".label"
-        );
-        const renderedTitle: HTMLElement = element.shadowRoot.querySelector(
-            ".title"
-        );
-        const renderedBody: HTMLElement = element.shadowRoot.querySelector(
-            "span"
-        );
+        const renderedLabel: HTMLElement =
+            element.shadowRoot.querySelector(".label");
+        const renderedTitle: HTMLElement =
+            element.shadowRoot.querySelector(".title");
+        const renderedBody: HTMLElement =
+            element.shadowRoot.querySelector("span");
 
         expect(renderedLabel).not.toBeNull();
         expect(renderedLabel.textContent).toEqual(mockProps.label);
@@ -81,9 +78,8 @@ describe(TAG, () => {
     it("renders authors", () => {
         const element = render(mockProps);
 
-        const optionsListComponent: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-            "dx-image-and-label"
-        );
+        const optionsListComponent: Array<HTMLElement> =
+            element.shadowRoot.querySelectorAll("dx-image-and-label");
         expect(optionsListComponent).toHaveLength(mockProps.authors.length);
 
         return expect(element).toBeAccessible();
@@ -92,9 +88,8 @@ describe(TAG, () => {
     it("specifies authors image", () => {
         const element = render(blogPodcastMock);
 
-        const optionsListComponent: Array<ImageAndLabel> = element.shadowRoot.querySelectorAll(
-            "dx-image-and-label"
-        );
+        const optionsListComponent: Array<ImageAndLabel> =
+            element.shadowRoot.querySelectorAll("dx-image-and-label");
         expect(optionsListComponent).toHaveLength(
             blogPodcastMock.authors.length
         );
@@ -110,9 +105,8 @@ describe(TAG, () => {
     it("fallbacks in imgSrc if avatar_urls is not defined", () => {
         const element = render(mockProps);
 
-        const optionsListComponent: Array<ImageAndLabel> = element.shadowRoot.querySelectorAll(
-            "dx-image-and-label"
-        );
+        const optionsListComponent: Array<ImageAndLabel> =
+            element.shadowRoot.querySelectorAll("dx-image-and-label");
         expect(optionsListComponent).toHaveLength(
             blogPodcastMock.authors.length
         );
@@ -135,9 +129,8 @@ describe(TAG, () => {
 
         const element = render({ ...mockProps, authors });
 
-        const optionsListComponent: Array<ImageAndLabel> = element.shadowRoot.querySelectorAll(
-            "dx-image-and-label"
-        );
+        const optionsListComponent: Array<ImageAndLabel> =
+            element.shadowRoot.querySelectorAll("dx-image-and-label");
 
         expect(optionsListComponent).toHaveLength(0);
 
@@ -156,24 +149,18 @@ describe(TAG, () => {
             title: "test"
         });
 
-        const renderedContainer: HTMLElement = element.shadowRoot.querySelector(
-            ".container"
-        );
-        const renderedLabel: HTMLElement = element.shadowRoot.querySelector(
-            ".label"
-        );
-        const renderedTitleLink: HTMLElement = element.shadowRoot.querySelector(
-            ".title a"
-        );
-        const renderedBody: HTMLElement = element.shadowRoot.querySelector(
-            "span"
-        );
-        const renderedImage: HTMLElement = element.shadowRoot.querySelector(
-            "img"
-        );
-        const renderedImageLabel: HTMLElement = element.shadowRoot.querySelector(
-            "dx-image-and-label"
-        );
+        const renderedContainer: HTMLElement =
+            element.shadowRoot.querySelector(".container");
+        const renderedLabel: HTMLElement =
+            element.shadowRoot.querySelector(".label");
+        const renderedTitleLink: HTMLElement =
+            element.shadowRoot.querySelector(".title a");
+        const renderedBody: HTMLElement =
+            element.shadowRoot.querySelector("span");
+        const renderedImage: HTMLElement =
+            element.shadowRoot.querySelector("img");
+        const renderedImageLabel: HTMLElement =
+            element.shadowRoot.querySelector("dx-image-and-label");
 
         expect(renderedContainer.className).toBe(
             "container img-placement_below variant_dark"

package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { LightningSlotElement } from "typings/custom";
-import { isSlotEmpty } from "utils/slot";
+import { isSlotEmpty } from "utils-internal/slot";
 import { toJson } from "utils/normalizers";
 import { ImageAndLabel } from "../imageAndLabel";
 import svgs from "./svgs";

package/src/modules/dx/featuresList/__tests__/featuresList.test.ts

@@ -1,5 +1,5 @@
 import FeaturesList from "dx/featuresList";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-features-list";
@@ -9,21 +9,18 @@ describe(TAG, () => {
     it("renders", () => {
         const element = render(mockProps);
 
-        const container: HTMLElement = element.shadowRoot.querySelector(
-            ".container"
-        );
-        const renderedTitle: HTMLElement = element.shadowRoot.querySelector(
-            "h2"
-        );
+        const container: HTMLElement =
+            element.shadowRoot.querySelector(".container");
+        const renderedTitle: HTMLElement =
+            element.shadowRoot.querySelector("h2");
 
         expect(renderedTitle).not.toBeNull();
         expect(container).not.toBeNull();
 
         expect(renderedTitle.textContent).toEqual(mockProps.title);
 
-        const optionListComponent: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-            ".option"
-        );
+        const optionListComponent: Array<HTMLElement> =
+            element.shadowRoot.querySelectorAll(".option");
         expect(optionListComponent).toHaveLength(mockProps.options.length);
 
         return expect(element).toBeAccessible();
@@ -37,9 +34,8 @@ describe(TAG, () => {
             options: JSON.stringify(optionsListParameter)
         });
 
-        const optionListComponent: Array<HTMLElement> = element.shadowRoot.querySelectorAll(
-            ".option"
-        );
+        const optionListComponent: Array<HTMLElement> =
+            element.shadowRoot.querySelectorAll(".option");
         expect(optionListComponent).toHaveLength(element.options.length);
 
         return expect(element).toBeAccessible();

package/src/modules/dx/footer/__tests__/footer.test.ts

@@ -1,5 +1,5 @@
 import Footer from "dx/footer";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import { socialLinks, termsLinks, generalLinksRaw } from "../links";
 import mockLocales from "./mockLocales";
 

package/src/modules/dx/footerOption/__tests__/footerOption.test.ts

@@ -1,5 +1,5 @@
 import FooterOption from "dx/footerOption";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import { MOCK_BUTTON_PROPS } from "./mockProps";
 
 const TAG = "dx-footer-option";

package/src/modules/dx/formattedDateTime/__tests__/formattedDateTime.test.ts

@@ -1,6 +1,6 @@
 /* eslint-disable jest/no-mocks-import */
 import FormattedDateTime from "dx/formattedDateTime";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 const TAG = "dx-formatted-date-time";
 const render = createRenderComponent(TAG, FormattedDateTime);

package/src/modules/dx/grid/__tests__/grid.test.ts

@@ -1,5 +1,5 @@
 import Grid from "dx/grid";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-grid";
 const render = createRenderComponent(TAG, Grid);

package/src/modules/dx/groupBio/__tests__/groupBio.test.ts

@@ -1,5 +1,5 @@
 import GroupBio from "dx/groupBio";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-group-bio";

package/src/modules/dx/groupText/__tests__/groupText.test.ts

@@ -1,5 +1,5 @@
 import GroupText from "dx/groupText";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 import Button from "dx/button";
 
@@ -20,20 +20,17 @@ describe(TAG, () => {
         const element = render(mockProps);
 
         const el: HTMLElement = element.shadowRoot.querySelector(".text-group");
-        const titleEl: HTMLElement = element.shadowRoot.querySelector(
-            ".text-group .title"
-        );
+        const titleEl: HTMLElement =
+            element.shadowRoot.querySelector(".text-group .title");
         const titleAriaLevel = titleEl.getAttribute("aria-level");
         const labelEl: HTMLElement = element.shadowRoot.querySelector(".label");
         const subtitleEl: HTMLElement = element.shadowRoot.querySelector(
             ".text-group span.subtitle"
         );
-        const formattedDateTimeEl: HTMLElement = element.shadowRoot.querySelector(
-            "dx-formatted-date-time"
-        );
-        const bodyEl: HTMLElement = element.shadowRoot.querySelector(
-            ".text-group .body"
-        );
+        const formattedDateTimeEl: HTMLElement =
+            element.shadowRoot.querySelector("dx-formatted-date-time");
+        const bodyEl: HTMLElement =
+            element.shadowRoot.querySelector(".text-group .body");
         const buttonGroupEl: HTMLElement = element.shadowRoot.querySelector(
             ".text-group .button-group"
         );
@@ -61,9 +58,8 @@ describe(TAG, () => {
         const ariaLevel = "1";
         const element = render({ ...mockProps, titleAriaLevel: ariaLevel });
 
-        const titleEl: HTMLElement = element.shadowRoot.querySelector(
-            ".text-group .title"
-        );
+        const titleEl: HTMLElement =
+            element.shadowRoot.querySelector(".text-group .title");
         const titleAriaLevel = titleEl.getAttribute("aria-level");
 
         expect(titleAriaLevel).toEqual(ariaLevel);

package/src/modules/dx/groupText/groupText.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { LightningSlotElement, Link } from "typings/custom";
-import { isSlotEmpty } from "utils/slot";
+import { isSlotEmpty } from "utils-internal/slot";
 import { toJson } from "utils/normalizers";
 
 type OptionalLink = Link | null;

package/src/modules/dx/header/__tests__/header.test.ts

@@ -2,14 +2,14 @@ import Button from "dx/button";
 import Dropdown from "dx/dropdown";
 import Header from "dx/header";
 import Icon from "dx/icon";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
+import { ANALYTICS_INFO } from "utils-internal/headerBase";
+import { track } from "dx/instrumentation";
 import {
     mockPropsDevelopers,
     mockPropsEmployees,
     mockPropsNoNavigation
 } from "./mockProps";
-import { track } from "dx/instrumentation";
-import { ANALYTICS_INFO } from "utils/headerBase";
 
 const TAG = "dx-header";
 const render = createRenderComponent(TAG, Header);

package/src/modules/dx/header/__tests__/mockProps.ts

@@ -13,7 +13,7 @@ import {
     mockNavAnalytics
 } from "./mockNavs";
 import mockNavDevelopers from "./mockNavDevelopers";
-import { coveoHeaderConfig } from "../../../utils/coveo/coveo";
+import { coveoHeaderConfig } from "../../../utils-internal/coveo/coveo";
 
 const versions = JSON.stringify([
     {

package/src/modules/dx/header/header.ts

@@ -1,5 +1,5 @@
 import { api } from "lwc";
-import { HeaderBase } from "utils/headerBase";
+import { HeaderBase } from "utils-internal/headerBase";
 import { toJson } from "utils/normalizers";
 import type { Option } from "typings/custom";
 

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

@@ -1,6 +1,6 @@
 import HeaderMobileNavMenu from "dx/headerMobileNavMenu";
-import { createRenderComponent } from "utils/tests";
-import { getOptionsCount } from "utils/options";
+import { createRenderComponent } from "utils-internal/tests";
+import { getOptionsCount } from "utils-internal/options";
 import navItems from "../../header/__tests__/mockNavDevelopers";
 
 const TAG = "dx-header-mobile-nav-menu";

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

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

package/src/modules/dx/headerMobileNavMenuOption/__tests__/headerMobileNavMenuOption.test.ts

@@ -1,5 +1,5 @@
 import HeaderMobileNavMenuOption from "dx/headerMobileNavMenuOption";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-header-mobile-nav-menu-option";
 const render = createRenderComponent(TAG, HeaderMobileNavMenuOption);

package/src/modules/dx/headerNav/__tests__/headerNav.test.ts

@@ -1,5 +1,5 @@
 import HeaderNav from "dx/headerNav";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import navItems from "../../header/__tests__/mockNavArchitects";
 const TAG = "dx-header-nav";
 

package/src/modules/dx/headerSearch/__tests__/headerSearch.test.ts

@@ -4,8 +4,8 @@ import Button from "dx/button";
 import Dropdown from "dx/dropdown";
 import HeaderSearch from "dx/headerSearch";
 import { PopoverRequestCloseType } from "typings/custom";
-import { createRenderComponent } from "utils/tests";
-import { coveoHeaderConfig } from "utils/coveo";
+import { createRenderComponent } from "utils-internal/tests";
+import { coveoHeaderConfig } from "utils-internal/coveo";
 import { MOCK_SUGGESTIONS } from "./mockData";
 import mockProps from "./mockProps";
 

package/src/modules/dx/headerSearch/__tests__/mockProps.ts

@@ -1,4 +1,4 @@
-import { coveoHeaderConfig } from "utils/coveo";
+import { coveoHeaderConfig } from "utils-internal/coveo";
 
 export default {
     mobile: false,

package/src/modules/dx/headerSearch/headerSearch.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { PopoverRequestCloseType, Option } from "typings/custom";
-import { buildSearchEngine } from "utils/coveo";
+import { buildSearchEngine } from "utils-internal/coveo";
 import {
     StandaloneSearchBox as StandaloneSearchBoxType,
     StandaloneSearchBoxState,

package/src/modules/dx/helmet/__tests__/helmet.test.ts

@@ -1,5 +1,5 @@
 import Helmet from "dx/helmet";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import { HelmetVariant } from "typings/custom";
 
 const TAG = "dx-helmet";
@@ -10,9 +10,8 @@ describe("dx-helmet", () => {
         const title = "Super Cool Title";
         const component = render({ title });
 
-        const titleSpan: HTMLElement = component.shadowRoot.querySelector(
-            ".home-link-title"
-        );
+        const titleSpan: HTMLElement =
+            component.shadowRoot.querySelector(".home-link-title");
         expect(titleSpan.textContent).toBe(title);
 
         const links: HTMLElement[] = component.shadowRoot.querySelectorAll("a");

package/src/modules/dx/hr/__tests__/hr.test.ts

@@ -1,5 +1,5 @@
 import Hr from "dx/hr";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import {
     separator as separatorProps,
     heading as headingProps,

package/src/modules/dx/icon/__tests__/icon.test.ts

@@ -1,5 +1,5 @@
 import Icon from "dx/icon";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-icon";
 const render = createRenderComponent(TAG, Icon);

package/src/modules/dx/icon/icon.ts

@@ -1,6 +1,6 @@
 import { LightningElement, api } from "lwc";
 import { IconSprite, IconSize, IconSymbol } from "typings/custom";
-import { toDxColor } from "utils/css";
+import { toDxColor } from "utils-internal/css";
 
 const fetches = new Map<string, Promise<any>>();
 

package/src/modules/dx/iconBadge/__tests__/iconBadge.test.ts

@@ -1,5 +1,5 @@
 import IconBadge from "dx/iconBadge";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 
 const TAG = "dx-icon-badge";
 const render = createRenderComponent(TAG, IconBadge);

package/src/modules/dx/iconBadge/iconBadge.ts

@@ -1,7 +1,7 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import { IconSprite, IconSymbol, IconBadgeShape } from "typings/custom";
-import { toDxColor } from "utils/css";
+import { toDxColor } from "utils-internal/css";
 
 const validShapes = ["square", "circle"];
 

package/src/modules/dx/imageAndLabel/__tests__/imageAndLabel.test.ts

@@ -1,5 +1,5 @@
 import ImageAndLabel from "dx/imageAndLabel";
-import { createRenderComponent } from "utils/tests";
+import { createRenderComponent } from "utils-internal/tests";
 import mockProps from "./mockProps";
 
 const TAG = "dx-image-and-label";