Add lang query string to storybook iframe (#288)

src/en/components/breadcrumbs/code.md

@@ -31,7 +31,7 @@ Add a new breadcrumbs link to the breadcrumbs component by using the `<gcds-brea
 
 <iframe
   title="Overview of gcds-breadcrumbs properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&id=components-breadcrumbs--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&id=components-breadcrumbs--events-properties&lang=en"
   width="1200"
   height="1150"
   style="display: block; margin: 0 auto;"

src/en/components/button/code.md

@@ -22,7 +22,7 @@ Use a button for important actions a person using a product can initiate.
 
 <iframe
   title="Overview of gcds-button properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-button--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-button--events-properties&lang=en"
   width="1200"
   height="1800"
   style="display: block; margin: 0 auto;"

src/en/components/card/code.md

@@ -22,7 +22,7 @@ When you have more than 1 card on a page:
 
 <iframe
   title="Overview of gcds-card properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-card--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-card--events-properties&lang=en"
   width="1200"
   height="1900"
   style="display: block; margin: 0 auto;"

src/en/components/checkbox/code.md

@@ -31,7 +31,7 @@ Use a checkbox with a [fieldset]({{ links.fieldset }}) when you are expecting th
 
 <iframe
   title="Overview of gcds-checkbox properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-checkbox--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-checkbox--events-properties&lang=en"
   width="1200"
   height="1950"
   style="display: block; margin: 0 auto;"

src/en/components/container/code.md

@@ -43,7 +43,7 @@ Containers are not centered automatically. To centre a container on a page, add
 
 <iframe
   title="Overview of gcds-container properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-container--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-container--events-properties&lang=en"
   width="1200"
   height="1500"
   style="display: block; margin: 0 auto;"

src/en/components/data-table/code.md

@@ -14,7 +14,7 @@ tags: ['datatableEN', 'code']
 
 <iframe
   title="iframeTitle"
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-data-table--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-data-table--events-properties&lang=en"
   width="1200"
   height="1650"
   style="display: block; margin: 0 auto;"

src/en/components/date-modified/code.md

@@ -21,7 +21,7 @@ Use the date modified component to identify the date a web page was last updated
 
 <iframe
   title="Overview of gcds-date-modified properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-date-modified--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-date-modified--events-properties&lang=en"
   width="1200"
   height="1100"
   style="display: block; margin: 0 auto;"

src/en/components/details/code.md

@@ -34,7 +34,7 @@ To help a reader's experience accessing details content:
 
 <iframe
   title="Overview of gcds-details properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-details--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-details--events-properties&lang=en"
   width="1200"
   height="1050"
   style="display: block; margin: 0 auto;"

src/en/components/error-message/code.md

@@ -40,7 +40,7 @@ A person who receives an error message needs to:
 
 <iframe
   title="Overview of gcds-error-message properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-error-message--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-error-message--events-properties&lang=en"
   width="1200"
   height="1000"
   style="display: block; margin: 0 auto;"

src/en/components/error-summary/code.md

@@ -36,7 +36,7 @@ Opt to make your error heading more specific by using the `heading` attributes.
 
 <iframe
   title="Overview of gcds-error-summary properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-error-summary--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-error-summary--events-properties&lang=en"
   width="1200"
   height="1600"
   style="display: block; margin: 0 auto;"

src/en/components/fieldset/code.md

@@ -35,7 +35,7 @@ The fieldset will only validate [checkbox]({{ links.checkbox }}) and [radio butt
 
 <iframe
   title="Overview of gcds-fieldset properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-fieldset--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-fieldset--events-properties&lang=en"
   width="1200"
   height="2300"
   style="display: block; margin: 0 auto;"

src/en/components/file-uploader/code.md

@@ -26,7 +26,7 @@ Define the file types the file uploader accepts using the `accept` attribute.
 
 <iframe
   title="Overview of gcds-file-uploader properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-file-uploader--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-file-uploader--events-properties&lang=en"
   width="1200"
   height="1850"
   style="display: block; margin: 0 auto;"

src/en/components/footer/code.md

@@ -68,7 +68,7 @@ Opt to include the contextual band to add up to three footer links for your prod
 
 <iframe
   title="Overview of gcds-footer properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-footer--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-footer--events-properties&lang=en"
   width="1200"
   height="2150"
   style="display: block; margin: 0 auto;"

src/en/components/grid/code.md

@@ -137,7 +137,7 @@ Mobile
 
 <iframe
   title="Overview of gcds-grid properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-grid--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-grid--events-properties&lang=en"
   width="1200"
   height="2250"
   style="display: block; margin: 0 auto;"

src/en/components/header/code.md

@@ -41,7 +41,7 @@ Use this header landmark to communicate a Government of Canada digital service o
 
 <iframe
   title="Overview of gcds-header properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-header--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-header--events-properties&lang=en"
   width="1200"
   height="1600"
   style="display: block; margin: 0 auto;"

src/en/components/heading/code.md

@@ -45,7 +45,7 @@ Heading levels follow a sequential, hierarchical order: higher levels have large
 
 <iframe
   title="Overview of gcds-heading properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-heading--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-heading--events-properties&lang=en"
   width="1200"
   height="1300"
   style="display: block; margin: 0 auto;"

src/en/components/image/code.md

@@ -14,7 +14,7 @@ tags: ['imageEN', 'code']
 
 <iframe
   title="iframeTitle"
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-image--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-image--events-properties&lang=en"
   width="1200"
   height="1650"
   style="display: block; margin: 0 auto;"

src/en/components/input/code.md

@@ -25,7 +25,7 @@ Use an input to ask for information short, one-line response.
 
 <iframe
   title="Overview of gcds-input properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-input--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-input--events-properties&lang=en"
   width="1200"
   height="2075"
   style="display: block; margin: 0 auto;"

src/en/components/language-toggle/code.md

@@ -23,7 +23,7 @@ Note: If using the header component, the language toggle can be assigned using t
 
 <iframe
   title="Overview of gcds-footer properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-language-toggle--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-language-toggle--events-properties&lang=en"
   width="1200"
   height="850"
   style="display: block; margin: 0 auto;"

src/en/components/link/code.md

@@ -40,7 +40,7 @@ Note: Only files with URLs of the same origin as the website will be downloaded
 
 <iframe
   title="Overview of gcds-link properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-link--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-link--events-properties&lang=en"
   width="1200"
   height="1300"
   style="display: block; margin: 0 auto;"

src/en/components/pagination/code.md

@@ -86,7 +86,7 @@ url = {
 
 <iframe
   title="Overview of gcds-pagination properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-pagination--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-pagination--events-properties&lang=en"
   width="1200"
   height="1500"
   style="display: block; margin: 0 auto;"

src/en/components/radio/code.md

@@ -24,7 +24,7 @@ The radio helps users to make a choice by limiting their options.
 
 <iframe
   title="Overview of gcds-radio properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-radio--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-radio--events-properties&lang=en"
   width="1200"
   height="1770"
   style="display: block; margin: 0 auto;"

src/en/components/screenreader-content/code.md

@@ -14,7 +14,7 @@ tags: ['screenreadercontentEN', 'code']
 
 <iframe
   title="iframeTitle"
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-screenreader-content--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-screenreader-content--events-properties&lang=en"
   width="1200"
   height="1650"
   style="display: block; margin: 0 auto;"

src/en/components/search/code.md

@@ -30,7 +30,7 @@ Use the search component so people can find information based on keywords.
 
 <iframe
   title="Overview of gcds-search properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-search--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-search--events-properties&lang=en"
   width="1200"
   height="1150"
   style="display: block; margin: 0 auto;"

src/en/components/select/code.md

@@ -24,7 +24,7 @@ Use the `default-value` attribute to set the first option in the select list. Th
 
 <iframe
   title="Overview of gcds-select properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-select--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-select--events-properties&lang=en"
   width="1200"
   height="2200"
   style="display: block; margin: 0 auto;"

src/en/components/side-navigation/code.md

@@ -24,7 +24,7 @@ If using breadcrumbs, align the content hierarchy in both sets of links, so the
 
 <iframe
   title="Overview of gcds-side-nav properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-side-navigation--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-side-navigation--events-properties&lang=en"
   width="1200"
   height="1800"
   style="display: block; margin: 0 auto;"

src/en/components/signature/code.md

@@ -29,7 +29,7 @@ Use the signature type in the site's <gcds-link href="{{ links.header }}">header
 
 <iframe
   title="Overview of gcds-side-nav properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-signature--events-properties#events--properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-signature--events-properties#events--properties&lang=en"
   width="1200"
   height="1100"
   style="display: block; margin: 0 auto;"

src/en/components/stepper/code.md

@@ -20,7 +20,7 @@ Use the `current-step` attribute to indicate the step that the user is on and th
 
 <iframe
   title="Overview of gcds-stepper properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-stepper--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-stepper--events-properties&lang=en"
   width="1200"
   height="950"
   style="display: block; margin: 0 auto;"

src/en/components/text/code.md

@@ -40,7 +40,7 @@ Text displays non-heading content with matching GC Design System styles to provi
 
 <iframe
   title="Overview of gcds-text properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-text--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-text--events-properties&lang=en"
   width="1200"
   height="1350"
   style="display: block; margin: 0 auto;"

src/en/components/textarea/code.md

@@ -29,7 +29,7 @@ The text area gives users the option to provide the information they want to sha
 
 <iframe
   title="Overview of gcds-textarea properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-textarea--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-textarea--events-properties&lang=en"
   width="1200"
   height="2050"
   style="display: block; margin: 0 auto;"

src/en/components/theme-and-topic-menu/code.md

@@ -22,7 +22,7 @@ Add the theme and topic menu directly to the <gcds-link href="{{ links.header }}
 
 <iframe
   title="Overview of gcds-topic-menu properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-theme-and-topic-menu--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-theme-and-topic-menu--events-properties&lang=en"
   width="1200"
   height="1850"
   style="display: block; margin: 0 auto;"

src/en/components/top-navigation/code.md

@@ -26,7 +26,7 @@ Use a top navigation to help a person find their way around your web page or sit
 
 <iframe
   title="Overview of gcds-top-nav properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-top-navigation--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-top-navigation--events-properties&lang=en"
   width="1200"
   height="1850"
   style="display: block; margin: 0 auto;"

src/fr/composants/Case-a-cocher/code.md

@@ -31,7 +31,7 @@ Utilisez une case à cocher avec un [jeu de champs]({{ links.fieldset }}) lorsqu
 
 <iframe
   title="Survol des propriétés et des évènements relatifs à gcds-checkbox."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-checkbox--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-checkbox--events-properties&lang=fr"
   width="1200"
   height="1950"
   style="display: block; margin: 0 auto;"

src/fr/composants/Chemin-de-navigation/code.md

@@ -31,7 +31,7 @@ Ajoutez un nouveau lien au composant Chemin de navigation à l'aide du composant
 
 <iframe
   title="Survol des propriétés et des évènements relatifs à gcds-breadcrumbs."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&id=components-breadcrumbs--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&id=components-breadcrumbs--events-properties&lang=fr"
   width="1200"
   height="1150"
   style="display: block; margin: 0 auto;"

src/fr/composants/barre-de-navigation-laterale/code.md

@@ -24,7 +24,7 @@ Si vous utilisez un composant Chemin de navigation, uniformisez la hiérarchie d
 
 <iframe
   title="Survol des propriétés et des évènements relatifs à gcds-side-nav."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-side-navigation--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-side-navigation--events-properties&lang=fr"
   width="1200"
   height="1800"
   style="display: block; margin: 0 auto;"

src/fr/composants/barre-de-navigation-superieure/code.md

@@ -26,7 +26,7 @@ Utilisez une barre de navigation supérieure pour aider une personne à se repé
 
 <iframe
   title="Survol des propriétés et des évènements relatifs à gcds-top-nav."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-top-navigation--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-top-navigation--events-properties&lang=fr"
   width="1200"
   height="1850"
   style="display: block; margin: 0 auto;"

src/fr/composants/bascule-de-langue/code.md

@@ -23,7 +23,7 @@ Remarque : Si vous utilisez le composant En-tête, la bascule de langue peut êt
 
 <iframe
   title="Overview of gcds-lang-toggle properties and events."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-language-toggle--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-language-toggle--events-properties&lang=fr"
   width="1200"
   height="850"
   style="display: block; margin: 0 auto;"

src/fr/composants/boite/code.md

@@ -43,7 +43,7 @@ Les boîtes ne sont pas automatiquement centrées. Pour centrer une boîte sur u
 
 <iframe
   title="Survol des propriétés et des évènements relatifs à gcds-container."
-  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-container--events-properties"
+  src="https://cds-snc.github.io/gcds-components/iframe.html?viewMode=docs&demo=true&singleStory=true&id=components-container--events-properties&lang=fr"
   width="1200"
   height="1500"
   style="display: block; margin: 0 auto;"