DS import changes

cfgov/unprocessed/apps/ask-cfpb/js/Autocomplete.js

@@ -2,7 +2,7 @@ import {
   EventObserver,
   checkDom,
   setInitFlag,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import throttle from 'lodash.throttle';
 
 // Class constants

cfgov/unprocessed/apps/cfpb-chart-builder/js/charts/GeoMap.js

@@ -1,4 +1,4 @@
-import { EventObserver } from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver } from '@cfpb/cfpb-design-system';
 import Highcharts from 'highcharts/highmaps';
 import accessibility from 'highcharts/modules/accessibility';
 import colorRange from '../utils/color-range';

cfgov/unprocessed/apps/cfpb-chart-builder/js/charts/LineChartComparison.js

@@ -1,7 +1,7 @@
 import Highcharts from 'highcharts/highstock';
 import accessibility from 'highcharts/modules/accessibility';
 import { processDelinquencies } from '../utils/process-json';
-import { EventObserver } from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver } from '@cfpb/cfpb-design-system';
 
 accessibility(Highcharts);
 

cfgov/unprocessed/apps/filing-instruction-guide/js/fig-search.js

@@ -4,7 +4,7 @@
 import { addEventListenerToSelector } from '../../../apps/analytics-gtm/js/util/analytics-util';
 import { analyticsSendEvent } from '@cfpb/cfpb-analytics';
 import search from 'ctrl-f';
-import { varsBreakpoints } from '@cfpb/cfpb-design-system/src/index.js';
+import { varsBreakpoints } from '@cfpb/cfpb-design-system';
 import { scrollIntoViewWithOffset } from './fig-sidenav-utils.js';
 
 let secondaryNav;
@@ -89,7 +89,7 @@
 
 /**
  * Initialize the ctrl-f search modal.
  * @param {SecondaryNav} secondaryNavArg - A SecondaryNav instance.
  */
 function init(secondaryNavArg) {
   secondaryNav = secondaryNavArg;

cfgov/unprocessed/apps/filing-instruction-guide/js/fig-sidenav.js

@@ -1,7 +1,7 @@
 /* istanbul ignore file */
 /* Cypress tests cover all the UI interactions on this page. */
 
-import { varsBreakpoints } from '@cfpb/cfpb-design-system/src/index.js';
+import { varsBreakpoints } from '@cfpb/cfpb-design-system';
 
 import { addEventListenerToSelector } from '../../../apps/analytics-gtm/js/util/analytics-util';
 import { analyticsSendEvent } from '@cfpb/cfpb-analytics';
@@ -53,7 +53,7 @@
 
 /**
  * init - Initialize everything on page load.
  * @param {SecondaryNav} secondaryNavArg - A SecondaryNav instance.
  */
 const init = (secondaryNavArg) => {
   figSidenavUtilsInit();

cfgov/unprocessed/apps/financial-well-being/js/fwb-results.js

@@ -1,5 +1,5 @@
 import { analyticsSendEvent } from '@cfpb/cfpb-analytics';
-import { Expandable } from '@cfpb/cfpb-design-system/src/index.js';
+import { Expandable } from '@cfpb/cfpb-design-system';
 
 let buttonsDom;
 

cfgov/unprocessed/apps/form-explainer/js/FormExplainer.js

@@ -1,6 +1,6 @@
 import { scrollIntoView } from '../../../js/modules/util/scroll.js';
 import DT from './dom-tools.js';
-import { ExpandableGroup } from '@cfpb/cfpb-design-system/src/index.js';
+import { ExpandableGroup } from '@cfpb/cfpb-design-system';
 
 const CSS = {
   HAS_ATTENTION: 'has-attention',

cfgov/unprocessed/apps/owning-a-home/js/explore-rates/Slider.js

@@ -1,5 +1,5 @@
 // Required modules.
-import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system/src/index.js';
+import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system';
 import rangesliderJs from 'rangeslider-js';
 
 const BASE_CLASS = 'a-range';

cfgov/unprocessed/apps/paying-for-college/js/college-costs/CostsGroup.js

@@ -6,7 +6,7 @@ import {
   FlyoutMenu,
   MaxHeightTransition,
   EventObserver,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 
 const BASE_CLASS = 'o-costs-group';
 

cfgov/unprocessed/apps/prepaid-agreements/js/common.js

@@ -1,2 +1,2 @@
-import { ExpandableGroup } from '@cfpb/cfpb-design-system/src/index.js';
+import { ExpandableGroup } from '@cfpb/cfpb-design-system';
 ExpandableGroup.init();

cfgov/unprocessed/apps/regulations3k/js/index.js

@@ -1,5 +1,5 @@
 import { handleContentClick, handleNavClick } from './analytics.js';
-import { Expandable } from '@cfpb/cfpb-design-system/src/index.js';
+import { Expandable } from '@cfpb/cfpb-design-system';
 
 const navHeader = document.querySelector('.o-regs3k-navigation__header');
 const navItems = document.querySelector('.o-regs3k-sections');
@@ -37,7 +37,7 @@
     navigator.serviceWorker
       .register('/regulations3k-service-worker.js')
       .catch((err) => {
         console.error('Error during service worker registration:', err);
       });
   }
   if (navHeader) {

cfgov/unprocessed/apps/regulations3k/js/search.js

@@ -1,4 +1,4 @@
-import { behaviorAttach } from '@cfpb/cfpb-design-system/src/index.js';
+import { behaviorAttach } from '@cfpb/cfpb-design-system';
 import {
   getSearchValues,
   serializeFormFields,

cfgov/unprocessed/apps/rural-or-underserved-tool/js/address-utils.js

@@ -1,6 +1,6 @@
 import { addEl, getEl, getEls, removeClass } from './dom-tools.js';
 
-import PLUS_ROUND_ICON from '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons/plus-round.svg';
+import PLUS_ROUND_ICON from '@cfpb/cfpb-design-system/icons/plus-round.svg';
 
 /**
  * Checks whether an address is a duplicate to that in an array of addresses.

cfgov/unprocessed/apps/rural-or-underserved-tool/js/common.js

@@ -2,7 +2,7 @@
    Common application-wide scripts for rural-or-underserved-tool.
    ========================================================================== */
 
-import { ExpandableGroup } from '@cfpb/cfpb-design-system/src/index.js';
+import { ExpandableGroup } from '@cfpb/cfpb-design-system';
 import * as addressUtils from './address-utils.js';
 import callCensus from './call-census.js';
 import contentControl from './content-control.js';

cfgov/unprocessed/apps/rural-or-underserved-tool/js/show-map.js

@@ -9,8 +9,8 @@ import {
   getNextEls,
 } from './dom-tools.js';
 
-import PLUS_ROUND_ICON from '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons/plus-round.svg';
-import MINUS_ROUND_ICON from '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons/minus-round.svg';
+import PLUS_ROUND_ICON from '@cfpb/cfpb-design-system/icons/plus-round.svg';
+import MINUS_ROUND_ICON from '@cfpb/cfpb-design-system/icons/minus-round.svg';
 
 const MAPBOX_JS_URL = 'https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.js';
 const MAPBOX_CSS_URL = 'https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.css';

cfgov/unprocessed/apps/tccp/js/index.js

@@ -1,6 +1,6 @@
 import tippy from 'tippy.js';
 import { analyticsSendEvent } from '@cfpb/cfpb-analytics';
-import { behaviorAttach } from '@cfpb/cfpb-design-system/src/index.js';
+import { behaviorAttach } from '@cfpb/cfpb-design-system';
 
 import orderingDropdown from './ordering';
 import webStorageProxy from '../../../js/modules/util/web-storage-proxy';

cfgov/unprocessed/apps/teachers-digital-platform/js/AtomicComponent.js

@@ -14,7 +14,7 @@ import {
   EventObserver,
   instantiateAll,
   setInitFlag,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import Delegate from 'ftdomdelegate';
 
 const TAG_NAME = 'div';

cfgov/unprocessed/apps/teachers-digital-platform/js/BaseTransition.js

@@ -2,7 +2,7 @@
 // design-system to isolate TDP expandable customizations.
 
 // Required modules.
-import { EventObserver } from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver } from '@cfpb/cfpb-design-system';
 
 /**
  * BaseTransition

cfgov/unprocessed/apps/teachers-digital-platform/js/Expandable.js

@@ -6,7 +6,7 @@
    ========================================================================== */
 
 import AtomicComponent from './AtomicComponent.js';
-import { EventObserver } from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver } from '@cfpb/cfpb-design-system';
 import ExpandableTransition from './ExpandableTransition.js';
 
 const eventObserver = new EventObserver();

cfgov/unprocessed/apps/teachers-digital-platform/js/ExpandableFacetTransition.js

@@ -1,5 +1,5 @@
 import BaseTransition from './BaseTransition.js';
-import { EventObserver } from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver } from '@cfpb/cfpb-design-system';
 
 // Exported constants.
 const CLASSES = {

cfgov/unprocessed/apps/teachers-digital-platform/js/ExpandableTransition.js

@@ -1,6 +1,6 @@
 // Required modules.
 import BaseTransition from './BaseTransition.js';
-import { EventObserver } from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver } from '@cfpb/cfpb-design-system';
 
 // Exported constants.
 const CLASSES = {

cfgov/unprocessed/apps/teachers-digital-platform/js/search.js

@@ -1,4 +1,4 @@
-import { behaviorAttach } from '@cfpb/cfpb-design-system/src/index.js';
+import { behaviorAttach } from '@cfpb/cfpb-design-system';
 import {
   getSearchValues,
   serializeFormFields,

cfgov/unprocessed/js/modules/TabTrigger.js

@@ -1,4 +1,4 @@
-import { EventObserver } from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver } from '@cfpb/cfpb-design-system';
 
 /**
  * TabTrigger

cfgov/unprocessed/js/modules/footer-button.js

@@ -5,7 +5,7 @@
    scrolltop-animation-without-jquery
    ========================================================================== */
 
-import { behaviorAttach } from '@cfpb/cfpb-design-system/src/index.js';
+import { behaviorAttach } from '@cfpb/cfpb-design-system';
 
 /**
  * Set up event handler for button to scroll to top of page.

cfgov/unprocessed/js/modules/util/breakpoint-state.js

@@ -2,7 +2,7 @@
    Get Breakpoint State
    ========================================================================== */
 
-import { varsBreakpoints } from '@cfpb/cfpb-design-system/src/index.js';
+import { varsBreakpoints } from '@cfpb/cfpb-design-system';
 
 /**
  * @returns {number} The base font size set on the body element.

cfgov/unprocessed/js/modules/util/validators.js

@@ -4,7 +4,7 @@
    ========================================================================== */
 
 // Required Modules
-import { isEmpty } from '@cfpb/cfpb-design-system/src/index.js';
+import { isEmpty } from '@cfpb/cfpb-design-system';
 
 const ERROR_MESSAGES = {
   EMAIL: {

cfgov/unprocessed/js/molecules/GlobalSearch.js

@@ -5,7 +5,7 @@ import {
   EventObserver,
   FlyoutMenu,
   MoveTransition,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import { TabTrigger } from '../modules/TabTrigger.js';
 
 const BASE_CLASS = 'm-global-search';

cfgov/unprocessed/js/molecules/Notification.js

@@ -1,7 +1,7 @@
-import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system/src/index.js';
-import SUCCESS_ICON from '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons/approved-round.svg';
-import WARNING_ICON from '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons/warning-round.svg';
-import ERROR_ICON from '@cfpb/cfpb-design-system/src/components/cfpb-icons/icons/error-round.svg';
+import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system';
+import SUCCESS_ICON from '@cfpb/cfpb-design-system/icons/approved-round.svg';
+import WARNING_ICON from '@cfpb/cfpb-design-system/icons/warning-round.svg';
+import ERROR_ICON from '@cfpb/cfpb-design-system/icons/error-round.svg';
 
 /**
  * Constants for the state of this Notification.

cfgov/unprocessed/js/organisms/AudioPlayer.js

@@ -1,4 +1,4 @@
-import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system/src/index.js';
+import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system';
 import { analyticsSendEvent } from '@cfpb/cfpb-analytics';
 
 const BASE_CLASS = 'o-audio-player';

cfgov/unprocessed/js/organisms/FeaturedContentModule.js

@@ -2,7 +2,7 @@
    Featured Content Module Class
    ========================================================================== */
 
-import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system/src/index.js';
+import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system';
 import VideoPlayer from './VideoPlayer.js';
 
 const BASE_CLASS = 'o-featured-content-module';

cfgov/unprocessed/js/organisms/FilterableListControls.js

@@ -5,7 +5,7 @@ import {
   instantiateAll,
   Expandable,
   Multiselect,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import { analyticsSendEvent } from '@cfpb/cfpb-analytics';
 import FormModel from '../modules/util/FormModel.js';
 

cfgov/unprocessed/js/organisms/Footer.js

@@ -2,7 +2,7 @@ import {
   checkDom,
   instantiateAll,
   setInitFlag,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import { init as footerButtonInit } from '../modules/footer-button.js';
 
 const BASE_CLASS = 'o-footer';

cfgov/unprocessed/js/organisms/FormSubmit.js

@@ -4,7 +4,7 @@ import {
   AlphaTransition,
   BaseTransition,
   EventObserver,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import Notification from '../molecules/Notification.js';
 import { scrollIntoView } from '../modules/util/scroll.js';
 

cfgov/unprocessed/js/organisms/Header.js

@@ -1,4 +1,4 @@
-import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system/src/index.js';
+import { checkDom, setInitFlag } from '@cfpb/cfpb-design-system';
 import { GlobalSearch } from '../molecules/GlobalSearch.js';
 import { MegaMenu } from '../organisms/MegaMenu.js';
 

cfgov/unprocessed/js/organisms/MegaMenu.js

@@ -5,7 +5,7 @@ import {
   EventObserver,
   FlyoutMenu,
   MoveTransition,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import { MegaMenuDesktop } from '../organisms/MegaMenuDesktop.js';
 import { MegaMenuMobile } from '../organisms/MegaMenuMobile.js';
 import { TabTrigger } from '../modules/TabTrigger.js';

cfgov/unprocessed/js/organisms/MegaMenuDesktop.js

@@ -1,8 +1,5 @@
 import { bfs } from '../modules/util/tree-traversal.js';
-import {
-  EventObserver,
-  MoveTransition,
-} from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver, MoveTransition } from '@cfpb/cfpb-design-system';
 
 /**
  * MegaMenuDesktop

cfgov/unprocessed/js/organisms/MegaMenuMobile.js

@@ -1,8 +1,5 @@
 import { bfs } from '../modules/util/tree-traversal.js';
-import {
-  EventObserver,
-  MoveTransition,
-} from '@cfpb/cfpb-design-system/src/index.js';
+import { EventObserver, MoveTransition } from '@cfpb/cfpb-design-system';
 
 /**
  * MegaMenuMobile

cfgov/unprocessed/js/organisms/SecondaryNav.js

@@ -10,7 +10,7 @@ import {
   MaxHeightTransition,
   EventObserver,
   FlyoutMenu,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 
 const BASE_CLASS = 'o-secondary-nav';
 

cfgov/unprocessed/js/organisms/VideoPlayer.js

@@ -6,7 +6,7 @@ import {
   checkDom,
   setInitFlag,
   EventObserver,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 import { formatTimestamp } from '../modules/util/strings.js';
 import youTubeAPI from '../modules/youtube-api.js';
 

cfgov/unprocessed/js/routes/credit-cards/single.js

@@ -1,3 +1,3 @@
-import { Expandable } from '@cfpb/cfpb-design-system/src/index.js';
+import { Expandable } from '@cfpb/cfpb-design-system';
 
 Expandable.init(document.querySelector('#ccagrsearch_helper-container'));

cfgov/unprocessed/js/routes/data-research/prepaid-accounts/search-agreements/index.js

@@ -1,7 +1,7 @@
 import {
   Multiselect,
   SummaryMinimal,
-} from '@cfpb/cfpb-design-system/src/index.js';
+} from '@cfpb/cfpb-design-system';
 
 Multiselect.init();
 SummaryMinimal.init();

cfgov/unprocessed/js/routes/on-demand/audio-player.js

@@ -3,6 +3,6 @@
    ========================================================================== */
 
 import AudioPlayer from '../../organisms/AudioPlayer';
-import { instantiateAll } from '@cfpb/cfpb-design-system/src/index.js';
+import { instantiateAll } from '@cfpb/cfpb-design-system';
 
 instantiateAll('audio', AudioPlayer);

cfgov/unprocessed/js/routes/on-demand/expandable-group.js

@@ -2,5 +2,5 @@
    Scripts for Expandable Group organism.
    ========================================================================== */
 
-import { ExpandableGroup } from '@cfpb/cfpb-design-system/src/index.js';
+import { ExpandableGroup } from '@cfpb/cfpb-design-system';
 ExpandableGroup.init();

cfgov/unprocessed/js/routes/on-demand/expandable.js

@@ -2,5 +2,5 @@
    Scripts for Expandable Molecule.
    ========================================================================== */
 
-import { Expandable } from '@cfpb/cfpb-design-system/src/index.js';
+import { Expandable } from '@cfpb/cfpb-design-system';
 Expandable.init();

cfgov/unprocessed/js/routes/on-demand/featured-content-module.js

@@ -3,6 +3,6 @@
    ========================================================================== */
 
 import FeaturedContentModule from '../../organisms/FeaturedContentModule';
-import { instantiateAll } from '@cfpb/cfpb-design-system/src/index.js';
+import { instantiateAll } from '@cfpb/cfpb-design-system';
 
 instantiateAll(`.${FeaturedContentModule.BASE_CLASS}`, FeaturedContentModule);

cfgov/unprocessed/js/routes/on-demand/summary.js

@@ -1,2 +1,2 @@
-import { Summary } from '@cfpb/cfpb-design-system/src/index.js';
+import { Summary } from '@cfpb/cfpb-design-system';
 Summary.init();

cfgov/unprocessed/js/routes/on-demand/video-player.js

@@ -3,6 +3,6 @@
    ========================================================================== */
 
 import VideoPlayer from '../../organisms/VideoPlayer';
-import { instantiateAll } from '@cfpb/cfpb-design-system/src/index.js';
+import { instantiateAll } from '@cfpb/cfpb-design-system';
 
 instantiateAll(`.${VideoPlayer.BASE_CLASS}`, VideoPlayer);

eslint.config.js

@@ -51,6 +51,7 @@ export default [
     // Some plugins are automatically included.
     // plugins: {},
     rules: {
+      'import/no-unresolved': 0,
       'jsdoc/require-hyphen-before-param-description': ['warn', 'always'],
       'no-console': ['warn'],
       'no-use-before-define': ['error', 'nofunc'],

package.json

@@ -19,7 +19,7 @@
   "dependencies": {
     "@cfpb/browserslist-config": "0.0.3",
     "@cfpb/cfpb-analytics": "0.3.2",
-    "@cfpb/cfpb-design-system": "3.5.0",
+    "@cfpb/cfpb-design-system": "3.6.2",
     "@csstools/postcss-sass": "5.1.1",
     "@csstools/sass-import-resolve": "1.0.0",
     "autoprefixer": "10.4.20",