qc-trousse-sdg 1.4.0-develop.1 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (294) hide show
  1. package/README.md +26 -5
  2. package/dist/css/qc-sdg-design-tokens.min.css +1 -1
  3. package/dist/css/qc-sdg-no-grid.min.css +1 -1
  4. package/dist/css/qc-sdg.min.css +1 -1
  5. package/dist/fonts/open-sans-v43-latin-500.woff2 +0 -0
  6. package/dist/fonts/open-sans-v43-latin-500italic.woff2 +0 -0
  7. package/dist/fonts/open-sans-v43-latin-600.woff2 +0 -0
  8. package/dist/fonts/open-sans-v43-latin-600italic.woff2 +0 -0
  9. package/dist/fonts/open-sans-v43-latin-700.woff2 +0 -0
  10. package/dist/fonts/open-sans-v43-latin-700italic.woff2 +0 -0
  11. package/dist/fonts/open-sans-v43-latin-italic.woff2 +0 -0
  12. package/dist/fonts/open-sans-v43-latin-regular.woff2 +0 -0
  13. package/dist/fonts/roboto-mono-v30-latin-500.woff2 +0 -0
  14. package/dist/fonts/roboto-mono-v30-latin-500italic.woff2 +0 -0
  15. package/dist/fonts/roboto-mono-v30-latin-600.woff2 +0 -0
  16. package/dist/fonts/roboto-mono-v30-latin-600italic.woff2 +0 -0
  17. package/dist/fonts/roboto-mono-v30-latin-700.woff2 +0 -0
  18. package/dist/fonts/roboto-mono-v30-latin-700italic.woff2 +0 -0
  19. package/dist/fonts/roboto-mono-v30-latin-italic.woff2 +0 -0
  20. package/dist/fonts/roboto-mono-v30-latin-regular.woff2 +0 -0
  21. package/dist/fonts/roboto-v48-latin-500.woff2 +0 -0
  22. package/dist/fonts/roboto-v48-latin-500italic.woff2 +0 -0
  23. package/dist/fonts/roboto-v48-latin-600.woff2 +0 -0
  24. package/dist/fonts/roboto-v48-latin-600italic.woff2 +0 -0
  25. package/dist/fonts/roboto-v48-latin-700.woff2 +0 -0
  26. package/dist/fonts/roboto-v48-latin-700italic.woff2 +0 -0
  27. package/dist/fonts/roboto-v48-latin-italic.woff2 +0 -0
  28. package/dist/fonts/roboto-v48-latin-regular.woff2 +0 -0
  29. package/dist/img/icon/adresse.svg +4 -0
  30. package/dist/img/icon/arrow-up.svg +3 -0
  31. package/dist/img/icon/calendar.svg +1 -0
  32. package/dist/img/icon/checkmark.svg +3 -0
  33. package/dist/img/icon/chevron-up-thin.svg +5 -0
  34. package/dist/img/{chevron-white.svg → icon/chevron-up.svg} +1 -1
  35. package/{public/img → dist/img/icon}/clipboard.svg +3 -3
  36. package/dist/img/icon/clock.svg +1 -0
  37. package/dist/img/icon/email.svg +1 -0
  38. package/dist/img/icon/error.svg +1 -0
  39. package/{public/img/exclamation-white.svg → dist/img/icon/exclamation.svg} +2 -2
  40. package/{public/img → dist/img/icon}/external-link.svg +2 -2
  41. package/dist/img/icon/information.svg +1 -0
  42. package/dist/img/icon/ligth-bulb.svg +1 -0
  43. package/{public/img → dist/img/icon}/minus.svg +1 -1
  44. package/dist/img/icon/note.svg +1 -0
  45. package/dist/img/icon/phone.svg +1 -0
  46. package/dist/img/{plus.svg → icon/plus.svg} +1 -1
  47. package/{public/img → dist/img/icon}/question-mark.svg +2 -2
  48. package/dist/img/icon/search-thin.svg +10 -0
  49. package/dist/img/icon/search.svg +1 -0
  50. package/dist/img/icon/success.svg +1 -0
  51. package/dist/img/icon/user.svg +6 -0
  52. package/dist/img/icon/warning.svg +1 -0
  53. package/dist/img/icon/website.svg +1 -0
  54. package/dist/img/icon/xclose.svg +1 -0
  55. package/dist/js/qc-sdg.min.js +1 -1
  56. package/package.json +11 -3
  57. package/playwright.config.ts +79 -0
  58. package/plugins/buildDevDoc.js +36 -0
  59. package/plugins/buildHtmlDoc.js +43 -0
  60. package/plugins/buildTestFixtures.js +37 -0
  61. package/public/css/qc-doc-sdg.css +4 -67
  62. package/public/css/qc-sdg-design-tokens.css +17 -0
  63. package/public/css/qc-sdg-no-grid.css +1991 -1108
  64. package/public/css/qc-sdg.css +1992 -1109
  65. package/public/img/checkmark.svg +3 -0
  66. package/public/img/question.svg +10 -0
  67. package/public/index.html +3104 -1387
  68. package/public/js/qc-doc-sdg.js +40847 -33699
  69. package/public/js/qc-sdg.js +6037 -757
  70. package/rollup.config.js +67 -41
  71. package/scripts/buildImagesMap.js +85 -0
  72. package/scripts/check-release-note.sh +11 -0
  73. package/scripts/compile-doc.sh +4 -0
  74. package/src/doc/_index.html +100 -0
  75. package/src/doc/_nav.html +53 -0
  76. package/src/doc/_test.html +32 -0
  77. package/src/doc/components/Code.svelte +6 -2
  78. package/src/doc/components/TopNav.svelte +8 -9
  79. package/src/doc/components/color-doc.svelte +1 -1
  80. package/src/doc/ejs/layout/index.ejs +129 -0
  81. package/src/doc/qc-doc-sdg.js +1 -2
  82. package/src/doc/scss/components/_code.scss +1 -1
  83. package/src/doc/scss/jQueryUI/_jquery-ui.autocomplete.scss +1 -0
  84. package/src/doc/scss/qc-doc-sdg.scss +1 -1
  85. package/src/doc/scss/settings/_base.scss +4 -0
  86. package/src/sdg/_components.js +9 -2
  87. package/src/sdg/{components → bases}/Icon/Icon.svelte +13 -6
  88. package/src/sdg/bases/Icon/IconDoc.ejs +129 -0
  89. package/src/sdg/{components → bases}/Icon/IconWC.svelte +3 -1
  90. package/src/sdg/bases/Icon/Test/IconEmbeddedTest.html +1 -0
  91. package/src/sdg/bases/Icon/Test/IconEmbeddedTest.svelte +168 -0
  92. package/src/sdg/bases/Icon/Test/iconTest.html +156 -0
  93. package/src/sdg/bases/Icon/_icon.html +254 -0
  94. package/src/sdg/bases/Icon/_icons.scss +47 -0
  95. package/src/sdg/{scss/base → bases/accessibility}/_accessibility.scss +1 -1
  96. package/src/sdg/bases/colors/_colors.html +112 -0
  97. package/src/sdg/bases/figures/_figure.html +16 -0
  98. package/src/sdg/{scss/base → bases/form}/_form.scss +10 -3
  99. package/src/sdg/bases/grid/_grid.html +118 -0
  100. package/src/sdg/bases/headings/_headings.html +18 -0
  101. package/src/sdg/bases/headings/_headings.scss +25 -0
  102. package/src/sdg/{scss/base → bases/layout}/_layout.scss +1 -4
  103. package/src/sdg/bases/links/_links.html +104 -0
  104. package/src/sdg/bases/links/_links.scss +51 -0
  105. package/src/sdg/bases/lists/_lists.html +27 -0
  106. package/src/sdg/bases/separator/_separator.html +7 -0
  107. package/src/sdg/bases/separator/_separator.scss +5 -0
  108. package/src/sdg/bases/shadings/_shadings.html +14 -0
  109. package/src/sdg/{scss/base → bases/shadings}/_shadings.scss +1 -1
  110. package/src/sdg/bases/typography/_font.html +45 -0
  111. package/src/sdg/bases/typography/_fonts.scss +162 -0
  112. package/src/sdg/bases/typography/_paragraph.html +17 -0
  113. package/src/sdg/bases/typography/_paragraph.scss +33 -0
  114. package/src/sdg/components/Alert/Alert.svelte +2 -5
  115. package/src/sdg/components/Alert/AlertWC.svelte +3 -2
  116. package/src/sdg/components/Alert/_alert.html +110 -0
  117. package/src/sdg/{scss/components → components/Alert}/_alert.scss +1 -1
  118. package/src/sdg/components/Button/Button.svelte +50 -0
  119. package/src/sdg/components/Button/ButtonWC.svelte +36 -0
  120. package/src/sdg/components/Button/Test/buttonTest.html +349 -0
  121. package/src/sdg/components/Button/_button.html +186 -0
  122. package/src/sdg/components/Button/_button.scss +202 -0
  123. package/src/sdg/components/CharCount/_charCount.html +7 -0
  124. package/src/sdg/components/Checkbox/Checkbox.svelte +77 -0
  125. package/src/sdg/components/Checkbox/CheckboxWC.svelte +49 -0
  126. package/src/sdg/components/Checkbox/_checkbox.html +86 -0
  127. package/src/sdg/components/Checkbox/_checkbox.scss +70 -0
  128. package/src/sdg/components/Checkbox/updateInput.svelte.js +23 -0
  129. package/src/sdg/components/ChoiceGroup/ChoiceGroup.svelte +56 -0
  130. package/src/sdg/components/ChoiceGroup/ChoiceGroupWC.svelte +47 -0
  131. package/src/sdg/components/ChoiceGroup/Test/ChoiceGroupeEmbededTest.svelte +261 -0
  132. package/src/sdg/components/ChoiceGroup/Test/checkboxEmbeddedTest.html +1 -0
  133. package/src/sdg/components/ChoiceGroup/Test/checkboxTest.html +253 -0
  134. package/src/sdg/components/ChoiceGroup/Test/radiosEmbeddedTest.html +1 -0
  135. package/src/sdg/components/ChoiceGroup/Test/radiosTest.html +185 -0
  136. package/src/sdg/components/ChoiceGroup/ToggleSwitchGroupWC.svelte +56 -0
  137. package/src/sdg/components/ChoiceGroup/_choiceGroup.html +285 -0
  138. package/src/sdg/components/ChoiceGroup/_choiceGroup.scss +32 -0
  139. package/src/sdg/components/ChoiceGroup/_selectionButton.scss +53 -0
  140. package/src/sdg/components/ChoiceGroup/_selectionButtons.html +130 -0
  141. package/src/sdg/components/DropdownList/DropdownList.svelte +394 -0
  142. package/src/sdg/components/DropdownList/DropdownListButton/DropdownListButton.svelte +42 -0
  143. package/src/sdg/components/DropdownList/DropdownListButton/_dropdownListButton.scss +55 -0
  144. package/src/sdg/components/DropdownList/DropdownListItems/DropdownListItems.svelte +110 -0
  145. package/src/sdg/components/DropdownList/DropdownListItems/DropdownListItemsMultiple/DropdownListItemsMultiple.svelte +185 -0
  146. package/src/sdg/components/DropdownList/DropdownListItems/DropdownListItemsMultiple/_dropdownListItemsMultiple.scss +19 -0
  147. package/src/sdg/components/DropdownList/DropdownListItems/DropdownListItemsSingle/DropdownListItemsSingle.svelte +136 -0
  148. package/src/sdg/components/DropdownList/DropdownListItems/DropdownListItemsSingle/_dropdownListItemsSingle.scss +11 -0
  149. package/src/sdg/components/DropdownList/DropdownListItems/_dropdownListItems.scss +67 -0
  150. package/src/sdg/components/DropdownList/SelectWC.svelte +158 -0
  151. package/src/sdg/components/DropdownList/Test/DropdownListEmbeddedTest.svelte +89 -0
  152. package/src/sdg/components/DropdownList/Test/dropdownListEmbeddedTest.html +1 -0
  153. package/src/sdg/components/DropdownList/Test/dropdownListTest.html +194 -0
  154. package/src/sdg/components/DropdownList/Test/dropdownListTestUtils.js +113 -0
  155. package/src/sdg/components/DropdownList/_dropdownList.scss +73 -0
  156. package/src/sdg/components/DropdownList/_select.html +212 -0
  157. package/src/sdg/components/ExternalLink/ExternalLink.svelte +1 -1
  158. package/src/sdg/components/Fieldset/Fieldset.svelte +73 -0
  159. package/src/sdg/components/Fieldset/_fieldset.scss +95 -0
  160. package/src/sdg/components/FormError/FormError.svelte +51 -0
  161. package/src/sdg/components/FormError/_formError.scss +21 -0
  162. package/src/sdg/components/FormfieldRow/_formfieldRow.html +108 -0
  163. package/src/sdg/components/IconButton/IconButton.svelte +1 -1
  164. package/src/sdg/components/IconButton/_iconButton.scss +14 -0
  165. package/src/sdg/components/Label/Label.svelte +28 -0
  166. package/src/sdg/components/Label/LabelText.svelte +4 -0
  167. package/src/sdg/components/Label/_label.scss +19 -0
  168. package/src/sdg/components/Notice/Notice.svelte +1 -2
  169. package/src/sdg/components/Notice/NoticeWC.svelte +3 -0
  170. package/src/sdg/components/Notice/_notice.html +141 -0
  171. package/src/sdg/{scss/components → components/Notice}/_notice.scss +1 -1
  172. package/src/sdg/components/PivFooter/PivFooter.svelte +8 -9
  173. package/src/sdg/components/PivFooter/PivFooterWC.svelte +6 -14
  174. package/src/sdg/components/PivFooter/_pivFooter.html +153 -0
  175. package/src/sdg/{scss/components → components/PivFooter}/_pivFooter.scss +1 -1
  176. package/src/sdg/components/PivHeader/PivHeader.svelte +47 -53
  177. package/src/sdg/components/PivHeader/PivHeaderWC.svelte +9 -20
  178. package/src/sdg/components/PivHeader/Test/pivHeaderEmbeddedTest.html +1 -0
  179. package/src/sdg/components/PivHeader/Test/pivHeaderEmbeddedTest.svelte +28 -0
  180. package/src/sdg/components/PivHeader/Test/pivHeaderTest.html +43 -0
  181. package/src/sdg/components/PivHeader/_pivHeader.html +221 -0
  182. package/src/sdg/{scss/components → components/PivHeader}/_pivHeader.scss +55 -77
  183. package/src/sdg/components/RadioButton/_radioButton.html +24 -0
  184. package/src/sdg/components/RadioButton/_radioButton.scss +29 -0
  185. package/src/sdg/components/SearchBar/SearchBar.svelte +12 -32
  186. package/src/sdg/components/SearchBar/_searchBar.html +125 -0
  187. package/src/sdg/{scss/components → components/SearchBar}/_searchBar.scss +3 -3
  188. package/src/sdg/components/SearchInput/SearchInput.svelte +26 -4
  189. package/src/sdg/components/SearchInput/SearchInputWC.svelte +3 -1
  190. package/src/sdg/components/SearchInput/_searchInput.html +85 -0
  191. package/src/sdg/{scss/components → components/SearchInput}/_searchInput.scss +27 -2
  192. package/src/sdg/components/TextField/Doc/TextFieldDemo.svelte +143 -0
  193. package/src/sdg/components/TextField/Test/TextFieldEmbededTest.svelte +129 -0
  194. package/src/sdg/components/TextField/Test/textFieldEmbeddedTest.html +1 -0
  195. package/src/sdg/components/TextField/Test/textFieldTest.html +121 -0
  196. package/src/sdg/components/TextField/TextField.svelte +173 -0
  197. package/src/sdg/components/TextField/TextFieldWC.svelte +90 -0
  198. package/src/sdg/components/TextField/_textField.html +218 -0
  199. package/src/sdg/components/TextField/_textField.scss +110 -0
  200. package/src/sdg/components/TextField/textFieldUtils.js +19 -0
  201. package/src/sdg/components/ToTop/ToTop.svelte +2 -4
  202. package/src/sdg/components/ToTop/_toTop.html +45 -0
  203. package/src/sdg/{scss/components → components/ToTop}/_toTop.scss +2 -2
  204. package/src/sdg/components/ToggleSwitch/Test/ToggleSwitchEmbeddedTest.svelte +46 -0
  205. package/src/sdg/components/ToggleSwitch/Test/toggleSwitchEmbeddedTest.html +1 -0
  206. package/src/sdg/components/ToggleSwitch/Test/toggleSwitchTest.html +34 -0
  207. package/src/sdg/components/ToggleSwitch/ToggleSwitch.svelte +34 -0
  208. package/src/sdg/components/ToggleSwitch/ToggleSwitchWC.svelte +66 -0
  209. package/src/sdg/components/ToggleSwitch/_toggleSwitch.html +160 -0
  210. package/src/sdg/components/ToggleSwitch/_toggleSwitch.scss +97 -0
  211. package/src/sdg/components/utils.js +81 -1
  212. package/src/sdg/qc-sdg-test.js +6 -0
  213. package/src/sdg/scss/lib/_functions.scss +10 -2
  214. package/src/sdg/scss/lib/_mixins.scss +63 -26
  215. package/src/sdg/scss/qc-sdg.scss +1 -1
  216. package/src/sdg/scss/qc-sgd-no-grid.scss +30 -18
  217. package/src/sdg/scss/settings/_base.scss +5 -33
  218. package/src/sdg/scss/settings/_images.scss +30 -0
  219. package/src/sdg/scss/settings/_tokens.scss +23 -0
  220. package/src/sdg/scss/utilities/_display.scss +1 -1
  221. package/src/sdg/scss/utilities/_states.scss +13 -0
  222. package/tests/button.spec.ts +11 -0
  223. package/tests/choice-group.spec.ts +36 -0
  224. package/tests/dropdown-list.spec.ts +529 -0
  225. package/tests/icon.spec.ts +19 -0
  226. package/tests/pivHeader.spec.ts +22 -0
  227. package/tests/textfield-svelte.spec.ts +28 -0
  228. package/tests/textfield.spec.ts +37 -0
  229. package/tests/toggle-switch.spec.ts +20 -0
  230. package/dist/img/arrow-up-white.svg +0 -3
  231. package/dist/img/chevron-blue.svg +0 -3
  232. package/dist/img/clipboard.svg +0 -8
  233. package/dist/img/error-white.svg +0 -1
  234. package/dist/img/error.svg +0 -1
  235. package/dist/img/exclamation-white.svg +0 -37
  236. package/dist/img/external-link-white.svg +0 -18
  237. package/dist/img/external-link.svg +0 -10
  238. package/dist/img/facebook.svg +0 -6
  239. package/dist/img/information-white.svg +0 -1
  240. package/dist/img/information.svg +0 -1
  241. package/dist/img/linkedin.svg +0 -5
  242. package/dist/img/loupe-piv-fonce.svg +0 -1
  243. package/dist/img/minus.svg +0 -6
  244. package/dist/img/qc-sprite.svg +0 -1
  245. package/dist/img/question-mark.svg +0 -47
  246. package/dist/img/success-white.svg +0 -1
  247. package/dist/img/success.svg +0 -1
  248. package/dist/img/twitter.svg +0 -8
  249. package/dist/img/warning.svg +0 -1
  250. package/dist/img/xclose-blue.svg +0 -6
  251. package/dist/img/xclose-white.svg +0 -1
  252. package/dist/img/youtube.svg +0 -3
  253. package/public/img/ampoule.svg +0 -1
  254. package/public/img/arrow-up-white.svg +0 -3
  255. package/public/img/chevron-blue.svg +0 -3
  256. package/public/img/chevron-white.svg +0 -3
  257. package/public/img/error-white.svg +0 -1
  258. package/public/img/error.svg +0 -1
  259. package/public/img/external-link-white.svg +0 -18
  260. package/public/img/facebook.svg +0 -6
  261. package/public/img/information-white.svg +0 -1
  262. package/public/img/information.svg +0 -1
  263. package/public/img/linkedin.svg +0 -5
  264. package/public/img/logo-piv-footer-mess.png +0 -0
  265. package/public/img/loupe-piv-droite.svg +0 -1
  266. package/public/img/loupe-piv-fonce.svg +0 -1
  267. package/public/img/note.svg +0 -1
  268. package/public/img/piv-bas-MCE-theme-clair.png +0 -0
  269. package/public/img/piv-bas-MCE-theme-sombre.png +0 -0
  270. package/public/img/piv-logo-pied-de-page.svg +0 -37
  271. package/public/img/plus.svg +0 -6
  272. package/public/img/qc-sprite.svg +0 -1
  273. package/public/img/quebec-logo.svg +0 -13
  274. package/public/img/success-white.svg +0 -1
  275. package/public/img/success.svg +0 -1
  276. package/public/img/twitter.svg +0 -8
  277. package/public/img/warning.svg +0 -1
  278. package/public/img/xclose-blue.svg +0 -6
  279. package/public/img/xclose-white.svg +0 -1
  280. package/public/img/youtube.svg +0 -3
  281. package/src/doc/scss/components/_button.scss +0 -61
  282. package/src/sdg/components/PivFooter/_defaultCopyright.svelte +0 -11
  283. package/src/sdg/components/PivHeader/_defaultLinks.svelte +0 -24
  284. package/src/sdg/components/QcCustomElement.js +0 -10
  285. package/src/sdg/scss/base/_fonts.scss +0 -29
  286. package/src/sdg/scss/base/_typography.scss +0 -94
  287. package/src/sdg/scss/components/_icons.scss +0 -169
  288. package/src/sdg/scss/components/_separator.scss +0 -5
  289. /package/dist/img/{loupe-piv-droite.svg → piv-search.svg} +0 -0
  290. /package/src/sdg/{scss/base → bases/colors}/_colors.scss +0 -0
  291. /package/src/sdg/{scss/base → bases/figures}/_figure.scss +0 -0
  292. /package/src/sdg/{scss → bases}/grid/_grid-lib.scss +0 -0
  293. /package/src/sdg/{scss → bases}/grid/_grid.scss +0 -0
  294. /package/src/sdg/{scss/base → bases/lists}/_lists.scss +0 -0
package/README.md CHANGED
@@ -300,11 +300,32 @@ Dans la version 1.3.0, il suffit d'importer `qc-sdg-lib.scss` pour bénéficier
300
300
  ```
301
301
 
302
302
  ## Historique
303
- - develop:
304
- - Passage à svelte 5 ;
305
- - Organisation des composants par dossier ;
306
- - Séparation des composants en deux : un composant svelte et un composant web (suffixé WC). De cette façon, quand la trousse est utilisée comme dépendance dans un projet svelte, il est possible d'importer des composants svelte de la trousse sans que cela redéclare un custom element ;
307
- - correction d'un bug dans le composant lien externe lorsqu'il contient un retour à la ligne ;
303
+ - 1.4.1:
304
+ - Correction de bugs :
305
+ - https://github.com/Quebecca/qc_trousse_sdg/issues/16
306
+ - https://github.com/Quebecca/qc_trousse_sdg/issues/15
307
+ - 1.4.0:
308
+ - Ajout de composants :
309
+ - boutons radios et cases à cocher ;
310
+ - boutons de sélection ;
311
+ - commutateur ;
312
+ - champ texte ;
313
+ - champ de recherche ;
314
+ - bouton ;
315
+ - liste déroulante ;
316
+ - icône ;
317
+ - Correction de bugs:
318
+ - correction d'un bug visuel avec le bandeau PIV en basse résolution ;
319
+ - correction d'un bug dans le composant lien externe lorsqu'il contient un retour à la ligne ;
320
+ - correction dans le composant lien externe pour gérer les débordements des chaînes très longues (par exemple les url) ;
321
+ - Réorganisation du code :
322
+ - Passage à svelte 5 ;
323
+ - Organisation des composants par dossier ;
324
+ - Séparation des composants en deux : un composant svelte et un composant web (suffixé WC). De cette façon, quand la trousse est utilisée comme dépendance dans un projet svelte, il est possible d'importer des composants svelte de la trousse sans que cela redéclare un _custom element_ ;
325
+ - Ajout de tests playwright ;
326
+ - Ajout de scripts pour le versionnage du projet (liés à npm version);
327
+ - 1.3.3 :
328
+ - PR dependabot
308
329
  - 1.3.2 :
309
330
  - modification de la couleur de focus des liens du bandeau PIV ;
310
331
  - 1.3.1 :
package/dist/css/qc-sdg-design-tokens.min.css CHANGED
@@ -1 +1 @@
1
- :root{--qc-font-family-roboto:Roboto,sans-serif;--qc-font-family-open-sans:Open Sans,sans-serif;--qc-font-family-roboto-mono:Roboto Mono,monospace;--qc-font-family-content:var(--qc-font-family-open-sans);--qc-font-family-header:var(--qc-font-family-roboto);--qc-font-family-code:var(--qc-font-family-roboto-mono);--qc-font-size-root-percent:62.5%;--qc-font-size-h6:1.6rem;--qc-font-size-h5:1.9rem;--qc-font-size-h4:2.1rem;--qc-font-size-h3:2.8rem;--qc-font-size-h2:3.6rem;--qc-font-size-h1:4.8rem;--qc-font-size-90:1.4rem;--qc-font-size-100:1.6rem;--qc-font-size-120:1.8rem;--qc-font-size-200:2.2rem;--qc-font-size-sm:var(--qc-font-size-90);--qc-font-size-md:var(--qc-font-size-100);--qc-font-size-lg:var(--qc-font-size-120);--qc-font-size-xl:var(--qc-font-size-200);--qc-font-size-content:var(--qc-font-size-md);--qc-font-weight-regular:400;--qc-font-weight-medium:500;--qc-font-weight-semi-bold:600;--qc-font-weight-bold:700;--qc-font-weight-header-regular:var(--qc-font-weight-regular);--qc-font-weight-header-medium:var(--qc-font-weight-medium);--qc-font-weight-header-bold:var(--qc-font-weight-bold);--qc-font-weight-content-regular:var(--qc-font-weight-regular);--qc-font-weight-content-medium:var(--qc-font-weight-semi-bold);--qc-font-weight-content-bold:var(--qc-font-weight-bold);--qc-line-height-h6:2rem;--qc-line-height-h5:2.4rem;--qc-line-height-h4:2.4rem;--qc-line-height-h3:3.2rem;--qc-line-height-h2:4rem;--qc-line-height-h1:5.6rem;--qc-line-height-90:2rem;--qc-line-height-100:2.4rem;--qc-line-height-120:2.8rem;--qc-line-height-200:3.2rem;--qc-line-height-sm:var(--qc-line-height-90);--qc-line-height-md:var(--qc-line-height-100);--qc-line-height-lg:var(--qc-line-height-120);--qc-line-height-xl:var(--qc-line-height-200);--qc-line-height-content:var(--qc-line-height-md);--qc-max-content-width:825px;--qc-color-white:#fff;--qc-color-white-rgb:255,255,255;--qc-color-blue-extra-pale:var(--qc-color-blue-pale);--qc-color-blue-pale:#dae6f0;--qc-color-blue-pale-rgb:218,230,240;--qc-color-blue-light:#4a98d9;--qc-color-blue-light-rgb:74,152,217;--qc-color-blue-regular_light:#2586d6;--qc-color-blue-regular_light-rgb:37,134,214;--qc-color-blue-regular:#1472bf;--qc-color-blue-regular-rgb:20,114,191;--qc-color-blue-piv:#095797;--qc-color-blue-piv-rgb:9,87,151;--qc-color-blue-medium:#19406c;--qc-color-blue-medium-rgb:25,64,108;--qc-color-blue-dark:#223654;--qc-color-blue-dark-rgb:34,54,84;--qc-color-purple:#6b4fa1;--qc-color-purple-rgb:107,79,161;--qc-color-grey-extra-pale:var(--qc-color-grey-pale);--qc-color-grey-pale:#f1f1f2;--qc-color-grey-pale-rgb:241,241,242;--qc-color-grey-light:#c5cad2;--qc-color-grey-light-rgb:197,202,210;--qc-color-grey-regular:#8893a2;--qc-color-grey-regular-rgb:136,147,162;--qc-color-grey-medium:#6b778a;--qc-color-grey-medium-rgb:107,119,138;--qc-color-grey-dark:#4e5662;--qc-color-grey-dark-rgb:78,86,98;--qc-color-pink-pale:#ffdbd6;--qc-color-pink-pale-rgb:255,219,214;--qc-color-pink-regular:#e58271;--qc-color-pink-regular-rgb:229,130,113;--qc-color-red-pale:var(--qc-color-pink-pale);--qc-color-red-light:var(--qc-color-pink-regular);--qc-color-red-regular:#cb381f;--qc-color-red-regular-rgb:203,56,31;--qc-color-red-dark:#692519;--qc-color-red-dark-rgb:105,37,25;--qc-color-green-pale:#d7f0bb;--qc-color-green-pale-rgb:215,240,187;--qc-color-green-regular:#4f813d;--qc-color-green-regular-rgb:79,129,61;--qc-color-green-dark:#2c4024;--qc-color-green-dark-rgb:44,64,36;--qc-color-yellow-pale:#f8e69a;--qc-color-yellow-pale-rgb:248,230,154;--qc-color-yellow-regular:#e0ad03;--qc-color-yellow-regular-rgb:224,173,3;--qc-color-yellow-dark:#ad781c;--qc-color-yellow-dark-rgb:173,120,28;--qc-color-background:var(--qc-color-white);--qc-color-text-primary:var(--qc-color-blue-dark);--qc-color-accent:var(--qc-color-pink-regular);--qc-color-success:var(--qc-color-green-regular);--qc-color-error:var(--qc-color-red-regular);--qc-color-danger:var(--qc-color-red-dark);--qc-color-link-text:var(--qc-color-blue-piv);--qc-color-link-hover:var(--qc-color-blue-piv);--qc-color-link-visited:var(--qc-color-purple);--qc-color-link-active:var(--qc-color-red-regular);--qc-color-link-focus-outline:var(--qc-color-blue-light);--qc-color-formfield-border:var(--qc-color-grey-medium);--qc-color-formfield-focus-border:var(--qc-color-blue-dark);--qc-color-formfield-focus-outline:var(--qc-color-blue-light);--qc-color-searchinput-icon:var(--qc-color-blue-piv);--qc-color-box_shadow:rgba(var(--qc-color-blue-dark-rgb), 0.24);--qc-box_shadow-0-color:var(--qc-color-grey-light);--qc-box_shadow-1-blur:4px;--qc-box_shadow-1-offset:1px;--qc-box_shadow-2-blur:8px;--qc-box_shadow-2-offset:2px;--qc-box_shadow-3-blur:16px;--qc-box_shadow-3-offset:4px;--qc-box_shadow-4-blur:24px;--qc-box_shadow-4-offset:6px;--qc-spacer-xs:.8rem;--qc-spacer-sm:1.6rem;--qc-spacer-md:2.4rem;--qc-spacer-lg:4.8rem;--qc-spacer-xl:9.6rem;--qc-spacer-section:var(--qc-spacer-xl);--qc-spacer-h1-mt:7.2rem;--qc-spacer-h1-mb:3.2rem;--qc-spacer-h2-mt:7.2rem;--qc-spacer-h2-mb:var(--qc-spacer-sm);--qc-spacer-h3-mt:var(--qc-spacer-lg);--qc-spacer-h3-mb:var(--qc-spacer-xs);--qc-spacer-h4-mt:var(--qc-spacer-lg);--qc-spacer-h4-mb:var(--qc-spacer-xs);--qc-spacer-h5-mt:var(--qc-spacer-md);--qc-spacer-h5-mb:0;--qc-spacer-h6-mt:var(--qc-spacer-md);--qc-spacer-h6-mb:0;--qc-spacer-content-block-mb:var(--qc-spacer-md);--qc-spacer-list-pl:var(--qc-spacer-sm);--qc-spacer-list-item-mb:var(--qc-spacer-sm);--qc-grid-gutter:32px;--qc-grid-breakpoint-xs:0;--qc-grid-breakpoint-sm:768px;--qc-grid-breakpoint-md:992px;--qc-grid-breakpoint-lg:1200px;--qc-grid-container-max-width-sm:768px;--qc-grid-container-max-width-md:992px;--qc-grid-container-max-width-lg:1200px}@media(max-width: 1199.98px){:root{--qc-font-size-h3:2.5rem;--qc-font-size-h2:2.8rem;--qc-font-size-h1:3.6rem;--qc-line-height-h2:3.2rem;--qc-line-height-h1:4rem;--qc-spacer-h2-mt:4.8rem;--qc-spacer-h2-mb:.8rem;--qc-grid-gutter:24px}}@media(max-width: 991.98px){:root{--qc-grid-gutter:16px}}.qc-dark-theme,:root.qc-dark-theme{--qc-color-white:#121519;--qc-color-white-rgb:18,21,25;--qc-color-blue-pale:#162b47;--qc-color-blue-pale-rgb:22,43,71;--qc-color-blue-light:#0078cc;--qc-color-blue-light-rgb:0,120,204;--qc-color-blue-regular:#3b95e1;--qc-color-blue-regular-rgb:59,149,225;--qc-color-blue-piv:#72b2eb;--qc-color-blue-piv-rgb:114,178,235;--qc-color-blue-medium:#adcdeb;--qc-color-blue-medium-rgb:173,205,235;--qc-color-blue-dark:#c6dbee;--qc-color-blue-dark-rgb:198,219,238;--qc-color-purple:#b3a5d4;--qc-color-purple-rgb:179,165,212;--qc-color-grey-pale:#1c2025;--qc-color-grey-pale-rgb:28,32,37;--qc-color-grey-light:#3b424c;--qc-color-grey-light-rgb:59,66,76;--qc-color-grey-regular:#6a7688;--qc-color-grey-regular-rgb:106,118,136;--qc-color-grey-medium:#8590a8;--qc-color-grey-medium-rgb:133,144,168;--qc-color-grey-dark:#a7acbc;--qc-color-grey-dark-rgb:167,172,188;--qc-color-pink-pale:#4f180e;--qc-color-pink-pale-rgb:79,24,14;--qc-color-pink-regular:#bb3a23;--qc-color-pink-regular-rgb:187,58,35;--qc-color-red-regular:#f26049;--qc-color-red-regular-rgb:242,96,73;--qc-color-red-dark:#f3bcb6;--qc-color-red-dark-rgb:243,188,182;--qc-color-green-pale:#1e2f17;--qc-color-green-pale-rgb:30,47,23;--qc-color-green-regular:#6e9c57;--qc-color-green-regular-rgb:110,156,87;--qc-color-green-dark:#b0d493;--qc-color-green-dark-rgb:176,212,147;--qc-color-yellow-pale:#3f240c;--qc-color-yellow-pale-rgb:63,36,12;--qc-color-yellow-regular:#6d4512;--qc-color-yellow-regular-rgb:109,69,18;--qc-color-yellow-dark:#ac7900;--qc-color-yellow-dark-rgb:172,121,0;--qc-color-text-primary:#d7d8dd;--qc-color-text-primary-rgb:215,216,221;--qc-color-accent:#f17b6c;--qc-color-accent-rgb:241,123,108}
1
+ :root{--qc-font-family-roboto:Roboto,sans-serif;--qc-font-family-open-sans:Open Sans,sans-serif;--qc-font-family-roboto-mono:Roboto Mono,monospace;--qc-font-family-content:var(--qc-font-family-open-sans);--qc-font-family-header:var(--qc-font-family-roboto);--qc-font-family-code:var(--qc-font-family-roboto-mono);--qc-font-size-root-percent:62.5%;--qc-font-size-h6:1.6rem;--qc-font-size-h5:1.9rem;--qc-font-size-h4:2.1rem;--qc-font-size-h3:2.8rem;--qc-font-size-h2:3.6rem;--qc-font-size-h1:4.8rem;--qc-font-size-90:1.4rem;--qc-font-size-100:1.6rem;--qc-font-size-120:1.8rem;--qc-font-size-200:2.2rem;--qc-font-size-sm:var(--qc-font-size-90);--qc-font-size-md:var(--qc-font-size-100);--qc-font-size-lg:var(--qc-font-size-120);--qc-font-size-xl:var(--qc-font-size-200);--qc-font-size-content:var(--qc-font-size-md);--qc-font-weight-regular:400;--qc-font-weight-medium:500;--qc-font-weight-semi-bold:600;--qc-font-weight-bold:700;--qc-font-weight-header-regular:var(--qc-font-weight-regular);--qc-font-weight-header-medium:var(--qc-font-weight-medium);--qc-font-weight-header-bold:var(--qc-font-weight-bold);--qc-font-weight-content-regular:var(--qc-font-weight-regular);--qc-font-weight-content-medium:var(--qc-font-weight-semi-bold);--qc-font-weight-content-bold:var(--qc-font-weight-bold);--qc-line-height-h6:2rem;--qc-line-height-h5:2.4rem;--qc-line-height-h4:2.4rem;--qc-line-height-h3:3.2rem;--qc-line-height-h2:4rem;--qc-line-height-h1:5.6rem;--qc-line-height-90:2rem;--qc-line-height-100:2.4rem;--qc-line-height-120:2.8rem;--qc-line-height-200:3.2rem;--qc-line-height-sm:var(--qc-line-height-90);--qc-line-height-md:var(--qc-line-height-100);--qc-line-height-lg:var(--qc-line-height-120);--qc-line-height-xl:var(--qc-line-height-200);--qc-line-height-content:var(--qc-line-height-md);--qc-max-content-width:825px;--qc-color-white:#fff;--qc-color-white-rgb:255,255,255;--qc-color-blue-extra-pale:var(--qc-color-blue-pale);--qc-color-blue-pale:#dae6f0;--qc-color-blue-pale-rgb:218,230,240;--qc-color-blue-light:#4a98d9;--qc-color-blue-light-rgb:74,152,217;--qc-color-blue-regular_light:#2586d6;--qc-color-blue-regular_light-rgb:37,134,214;--qc-color-blue-regular:#1472bf;--qc-color-blue-regular-rgb:20,114,191;--qc-color-blue-piv:#095797;--qc-color-blue-piv-rgb:9,87,151;--qc-color-blue-medium:#19406c;--qc-color-blue-medium-rgb:25,64,108;--qc-color-blue-dark:#223654;--qc-color-blue-dark-rgb:34,54,84;--qc-color-purple:#6b4fa1;--qc-color-purple-rgb:107,79,161;--qc-color-grey-extra-pale:var(--qc-color-grey-pale);--qc-color-grey-pale:#f1f1f2;--qc-color-grey-pale-rgb:241,241,242;--qc-color-grey-light:#c5cad2;--qc-color-grey-light-rgb:197,202,210;--qc-color-grey-regular:#8893a2;--qc-color-grey-regular-rgb:136,147,162;--qc-color-grey-medium:#6b778a;--qc-color-grey-medium-rgb:107,119,138;--qc-color-grey-dark:#4e5662;--qc-color-grey-dark-rgb:78,86,98;--qc-color-pink-pale:#ffdbd6;--qc-color-pink-pale-rgb:255,219,214;--qc-color-pink-regular:#e58271;--qc-color-pink-regular-rgb:229,130,113;--qc-color-red-pale:var(--qc-color-pink-pale);--qc-color-red-light:var(--qc-color-pink-regular);--qc-color-red-regular_light:#eb705a;--qc-color-red-regular_light-rgb:235,112,90;--qc-color-red-regular:#cb381f;--qc-color-red-regular-rgb:203,56,31;--qc-color-red-medium:#b52e16;--qc-color-red-medium-rgb:181,46,22;--qc-color-red-dark:#692519;--qc-color-red-dark-rgb:105,37,25;--qc-color-green-pale:#d7f0bb;--qc-color-green-pale-rgb:215,240,187;--qc-color-green-regular:#4f813d;--qc-color-green-regular-rgb:79,129,61;--qc-color-green-dark:#2c4024;--qc-color-green-dark-rgb:44,64,36;--qc-color-yellow-pale:#f8e69a;--qc-color-yellow-pale-rgb:248,230,154;--qc-color-yellow-regular:#e0ad03;--qc-color-yellow-regular-rgb:224,173,3;--qc-color-yellow-dark:#ad781c;--qc-color-yellow-dark-rgb:173,120,28;--qc-color-background:var(--qc-color-white);--qc-color-text-primary:var(--qc-color-blue-dark);--qc-color-accent:var(--qc-color-pink-regular);--qc-color-success:var(--qc-color-green-regular);--qc-color-error:var(--qc-color-red-regular);--qc-color-danger:var(--qc-color-red-dark);--qc-color-link-text:var(--qc-color-blue-piv);--qc-color-link-hover:var(--qc-color-blue-piv);--qc-color-link-visited:var(--qc-color-purple);--qc-color-link-active:var(--qc-color-red-regular);--qc-color-link-focus-outline:var(--qc-color-blue-light);--qc-color-formfield-border:var(--qc-color-grey-medium);--qc-color-formfield-focus-border:var(--qc-color-blue-dark);--qc-color-formfield-focus-outline:var(--qc-color-blue-light);--qc-color-searchinput-icon:var(--qc-color-blue-piv);--qc-color-box_shadow:rgba(var(--qc-color-blue-dark-rgb), 0.24);--qc-box_shadow-0-color:var(--qc-color-grey-light);--qc-box_shadow-1-blur:4px;--qc-box_shadow-1-offset:1px;--qc-box_shadow-2-blur:8px;--qc-box_shadow-2-offset:2px;--qc-box_shadow-3-blur:16px;--qc-box_shadow-3-offset:4px;--qc-box_shadow-4-blur:24px;--qc-box_shadow-4-offset:6px;--qc-spacer-xs:.8rem;--qc-spacer-sm:1.6rem;--qc-spacer-md:2.4rem;--qc-spacer-lg:4.8rem;--qc-spacer-xl:9.6rem;--qc-spacer-section:var(--qc-spacer-xl);--qc-spacer-h1-mt:7.2rem;--qc-spacer-h1-mb:3.2rem;--qc-spacer-h2-mt:7.2rem;--qc-spacer-h2-mb:var(--qc-spacer-sm);--qc-spacer-h3-mt:var(--qc-spacer-lg);--qc-spacer-h3-mb:var(--qc-spacer-xs);--qc-spacer-h4-mt:var(--qc-spacer-lg);--qc-spacer-h4-mb:var(--qc-spacer-xs);--qc-spacer-h5-mt:var(--qc-spacer-md);--qc-spacer-h5-mb:0;--qc-spacer-h6-mt:var(--qc-spacer-md);--qc-spacer-h6-mb:0;--qc-spacer-content-block-mb:var(--qc-spacer-md);--qc-spacer-list-pl:var(--qc-spacer-sm);--qc-spacer-list-item-mb:var(--qc-spacer-sm);--qc-size-max-width-xs:6.3rem;--qc-size-max-width-sm:15.6rem;--qc-size-max-width-md:24.9rem;--qc-size-max-width-lg:52.8rem;--qc-size-max-width-xl:82.5rem;--qc-size-input-max-width:var(--qc-size-max-width-md);--qc-size-textarea-max-width:var(--qc-size-max-width-lg);--qc-size-textarea-min-height:10.8rem;--qc-size-search-bar-max-width:64rem;--qc-grid-gutter:32px;--qc-grid-breakpoint-xs:0;--qc-grid-breakpoint-sm:768px;--qc-grid-breakpoint-md:992px;--qc-grid-breakpoint-lg:1200px;--qc-grid-container-max-width-sm:768px;--qc-grid-container-max-width-md:992px;--qc-grid-container-max-width-lg:1200px}@media(max-width: 1199.98px){:root{--qc-font-size-h3:2.5rem;--qc-font-size-h2:2.8rem;--qc-font-size-h1:3.6rem;--qc-line-height-h2:3.2rem;--qc-line-height-h1:4rem;--qc-spacer-h2-mt:4.8rem;--qc-spacer-h2-mb:.8rem;--qc-grid-gutter:24px}}@media(max-width: 991.98px){:root{--qc-grid-gutter:16px}}.qc-dark-theme,:root.qc-dark-theme{--qc-color-white:#121519;--qc-color-white-rgb:18,21,25;--qc-color-blue-pale:#162b47;--qc-color-blue-pale-rgb:22,43,71;--qc-color-blue-light:#0078cc;--qc-color-blue-light-rgb:0,120,204;--qc-color-blue-regular:#3b95e1;--qc-color-blue-regular-rgb:59,149,225;--qc-color-blue-piv:#72b2eb;--qc-color-blue-piv-rgb:114,178,235;--qc-color-blue-medium:#adcdeb;--qc-color-blue-medium-rgb:173,205,235;--qc-color-blue-dark:#c6dbee;--qc-color-blue-dark-rgb:198,219,238;--qc-color-purple:#b3a5d4;--qc-color-purple-rgb:179,165,212;--qc-color-grey-pale:#1c2025;--qc-color-grey-pale-rgb:28,32,37;--qc-color-grey-light:#3b424c;--qc-color-grey-light-rgb:59,66,76;--qc-color-grey-regular:#6a7688;--qc-color-grey-regular-rgb:106,118,136;--qc-color-grey-medium:#8590a8;--qc-color-grey-medium-rgb:133,144,168;--qc-color-grey-dark:#a7acbc;--qc-color-grey-dark-rgb:167,172,188;--qc-color-pink-pale:#4f180e;--qc-color-pink-pale-rgb:79,24,14;--qc-color-pink-regular:#bb3a23;--qc-color-pink-regular-rgb:187,58,35;--qc-color-red-regular_light:#d34027;--qc-color-red-regular_light-rgb:211,64,39;--qc-color-red-regular:#f26049;--qc-color-red-regular-rgb:242,96,73;--qc-color-red-medium:#f19387;--qc-color-red-medium-rgb:241,147,135;--qc-color-red-dark:#f3bcb6;--qc-color-red-dark-rgb:243,188,182;--qc-color-green-pale:#1e2f17;--qc-color-green-pale-rgb:30,47,23;--qc-color-green-regular:#6e9c57;--qc-color-green-regular-rgb:110,156,87;--qc-color-green-dark:#b0d493;--qc-color-green-dark-rgb:176,212,147;--qc-color-yellow-pale:#3f240c;--qc-color-yellow-pale-rgb:63,36,12;--qc-color-yellow-regular:#6d4512;--qc-color-yellow-regular-rgb:109,69,18;--qc-color-yellow-dark:#ac7900;--qc-color-yellow-dark-rgb:172,121,0;--qc-color-text-primary:#d7d8dd;--qc-color-text-primary-rgb:215,216,221;--qc-color-accent:#f17b6c;--qc-color-accent-rgb:241,123,108}