Update accordion to use Login Design System

app/assets/javascripts/assets.js.erb

@@ -3,9 +3,6 @@ window.LoginGov.assets = {};
 
 <% keys = [
   'clock.svg',
-  'plus.svg',
-  'minus.svg',
-  'up-carat-thin.svg',
   'close-white-alt.svg'
 ] %>
 

app/assets/javascripts/i18n-strings.js.erb

@@ -54,19 +54,7 @@ window.LoginGov = window.LoginGov || {};
   'doc_auth.forms.choose_file',
   'doc_auth.headings.upload_front',
   'doc_auth.headings.upload_back',
-  'image_description.accordian_plus_buttom',
-  'image_description.accordian_minus_buttom',
-  'users.personal_key.close',
-  'doc_auth.tips.title',
-  'doc_auth.tips.title_more',
-  'doc_auth.tips.header_text',
-  'doc_auth.tips.text1',
-  'doc_auth.tips.text2',
-  'doc_auth.tips.text3',
-  'doc_auth.tips.text4',
-  'doc_auth.tips.text5',
-  'doc_auth.tips.text6',
-  'doc_auth.tips.text7'
+  'users.personal_key.close'
 ] %>
 
 window.LoginGov.I18n = {

app/assets/stylesheets/components/all.scss

@@ -21,7 +21,6 @@
 @import 'personal-key';
 @import 'position';
 @import 'tooltip';
-@import 'accordion';
 @import 'util';
 @import 'verification-badge';
 @import 'spinner';

app/assets/stylesheets/print.scss

@@ -3,8 +3,7 @@
   footer,
   .btn,
   .btn-border,
-  .ico,
-  .accordion {
+  .ico {
     display: none;
   }
 }

app/helpers/accordion_helper.rb

@@ -1,5 +1,5 @@
 module AccordionHelper
-  # Options hash values: wrapper_css, hide_header, hide_close_link
+  # Options hash values: heading_level, hide_close_link
   def accordion(target_id, header_text, options = {}, &block)
     locals = {
       target_id: target_id,

app/javascript/app/components/index.js

@@ -1,22 +1,10 @@
 import focusTrapProxy from './focus-trap-proxy';
 import modal from './modal';
-import Accordion from './accordion';
 
 window.LoginGov = window.LoginGov || {};
 const { LoginGov } = window;
 const trapModal = modal(focusTrapProxy);
 
 LoginGov.Modal = trapModal;
 
-document.addEventListener('DOMContentLoaded', () => {
-  const elements = document.querySelectorAll('.accordion');
-
-  LoginGov.accordions = [].slice.call(elements).map((element) => {
-    const accordion = new Accordion(element);
-    accordion.setup();
-
-    return accordion;
-  });
-});
-
 export { trapModal as Modal };

app/views/idv/doc_auth/back_image.html.erb

@@ -8,8 +8,7 @@
   <%= t('doc_auth.headings.upload_back') %>
 </h1>
 
-<%= accordion('totp-info', t('doc_auth.tips.title_html'),
-  wrapper_css: 'my2 col-12 fs-16p') do %>
+<%= accordion('totp-info', t('doc_auth.tips.title_html')) do %>
   <%= render 'idv/doc_auth/tips_and_sample' %>
   <div class='center'>
     <%= image_tag(asset_url('state-id-sample-back.jpg'), height: 338, width: 450) %>