Merge pull request #699 from GSA/add-uswds-js

add uswds js
GSA · Sep 5, 2024 · cd0a6d8 · cd0a6d8
2 parents 9dbc7a0 + 46ca5bb
commit cd0a6d8
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 22 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -15,6 +15,5 @@ export const parameters = {
     },
   },
 };
-// import "!style-loader!css-loader!sass-loader!../scss/sam-styles/index.scss";
+import '../node_modules/@uswds/uswds/dist/js/uswds.min.js';
 import "../sam-styles/index.scss";
-
diff --git a/sam-styles/packages/components/accordion/accordion.stories.js b/sam-styles/packages/components/accordion/accordion.stories.js
@@ -17,9 +17,9 @@ export default {
             Accordion Button
         </button>
     </h2>
-    <!--div id="b-a1" class="usa-accordion__content">
+    <div id="b-a1" class="usa-accordion__content" hidden>
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
-    </div-->
+    </div>
 
     <h2 class="usa-accordion__heading">
         <button class="usa-accordion__button " aria-expanded="true" aria-controls="b-a2">
@@ -35,27 +35,27 @@ export default {
             Accordion Button
         </button>
     </h2>
-    <!--div id="b-a3" class="usa-accordion__content">
+    <div id="b-a3" class="usa-accordion__content" hidden>
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
-    </div-->
+    </div>
 
     <h2 class="usa-accordion__heading">
         <button class="usa-accordion__button " aria-expanded="false" aria-controls="b-a4">
             Accordion Button
         </button>
     </h2>
-    <!--div id="b-a4" class="usa-accordion__content">
+    <div id="b-a4" class="usa-accordion__content" hidden>
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
-    </div-->
+    </div>
 
     <h2 class="usa-accordion__heading">
         <button class="usa-accordion__button " aria-expanded="false" aria-controls="b-a5">
             Accordion Button
         </button>
     </h2>
-    <!--div id="b-a5" class="usa-accordion__content">
+    <div id="b-a5" class="usa-accordion__content" hidden>
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
-    </div-->
+    </div>
 
 </div>`;
   };

diff --git a/sam-styles/packages/components/accordion/templates/multiselectable.html b/sam-styles/packages/components/accordion/templates/multiselectable.html
@@ -1,47 +1,47 @@
-<div class="usa-accordion usa-accordion--bordered" aria-multiselectable="true">
+<div class="usa-accordion usa-accordion--bordered" aria-multiselectable="true" data-allow-multiple>
 
     <h2 class="usa-accordion__heading">
-        <button class="usa-accordion__button  border-top-1px border-base-light " aria-expanded="false" aria-controls="b-a1">
+        <button class="usa-accordion__button  border-top-1px border-base-light " aria-expanded="true" aria-controls="m-a1">
             Accordion Button
         </button>
     </h2>
-    <!--div id="b-a1" class="usa-accordion__content">
+    <div id="m-a1" class="usa-accordion__content" >
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
-    </div-->
+    </div>
 
     <h2 class="usa-accordion__heading">
-        <button class="usa-accordion__button " aria-expanded="true" aria-controls="b-a2">
+        <button class="usa-accordion__button " aria-expanded="false" aria-controls="m-a2">
             Accordion Button
         </button>
     </h2>
-    <div id="b-a2" class="usa-accordion__content">
+    <div id="m-a2" class="usa-accordion__content" hidden>
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
     </div>
 
     <h2 class="usa-accordion__heading">
-        <button class="usa-accordion__button " aria-expanded="true" aria-controls="b-a3">
+        <button class="usa-accordion__button " aria-expanded="false" aria-controls="m-a3">
             Accordion Button
         </button>
     </h2>
-    <div id="b-a3" class="usa-accordion__content">
+    <div id="m-a3" class="usa-accordion__content" hidden>
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
     </div>
 
     <h2 class="usa-accordion__heading">
-        <button class="usa-accordion__button " aria-expanded="true" aria-controls="b-a4">
+        <button class="usa-accordion__button " aria-expanded="true" aria-controls="m-a4">
             Accordion Button
         </button>
     </h2>
-    <div id="b-a4" class="usa-accordion__content">
+    <div id="m-a4" class="usa-accordion__content">
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
     </div>
 
     <h2 class="usa-accordion__heading">
-        <button class="usa-accordion__button " aria-expanded="true" aria-controls="b-a5">
+        <button class="usa-accordion__button " aria-expanded="false" aria-controls="m-a5">
             Accordion Button
         </button>
     </h2>
-    <div id="b-a5" class="usa-accordion__content">
+    <div id="m-a5" class="usa-accordion__content" hidden>
         <p>Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.</p>
     </div>