qc-trousse-sdg 1.3.0-develop.1 → 1.3.0-develop.3

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 (11) hide show
  1. package/dist/css/qc-sdg-no-grid.min.css +1 -1
  2. package/dist/css/qc-sdg.min.css +1 -1
  3. package/package.json +1 -1
  4. package/public/css/qc-sdg-no-grid.css +9 -4
  5. package/public/css/qc-sdg.css +9 -4
  6. package/public/index.html +18 -9
  7. package/public/js/qc-doc-sdg.js +1 -1
  8. package/src/sdg/_components.js +9 -0
  9. package/src/sdg/_dark-theme.js +4 -0
  10. package/src/sdg/qc-sdg.js +2 -13
  11. package/src/sdg/scss/base/_lists.scss +8 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qc-trousse-sdg",
3
- "version": "1.3.0-develop.1",
3
+ "version": "1.3.0-develop.3",
4
4
  "description": "Trousse de développement du Système de design gouvernemental du Québec",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/public/css/qc-sdg-no-grid.css CHANGED
@@ -695,20 +695,25 @@ figcaption p {
695
695
  margin-bottom: 0;
696
696
  }
697
697
 
698
- ul {
698
+ ol, ul {
699
699
  max-inline-size: var(--qc-max-content-width);
700
- list-style: disc;
701
700
  margin-top: 0;
702
701
  margin-bottom: var(--qc-spacer-content-block-mb);
703
702
  padding-left: var(--qc-spacer-list-pl);
704
703
  }
705
- ul li {
704
+ ol li, ul li {
706
705
  margin-bottom: var(--qc-spacer-list-item-mb);
707
706
  margin-top: var(--qc-spacer-list-item-mb);
708
707
  }
709
- ul ul {
708
+ ol ol, ol ul, ul ol, ul ul {
710
709
  margin-top: 0;
711
710
  margin-bottom: 0;
711
+ }
712
+
713
+ ul {
714
+ list-style: disc;
715
+ }
716
+ ul ul {
712
717
  list-style: circle;
713
718
  }
714
719
 
package/public/css/qc-sdg.css CHANGED
@@ -695,20 +695,25 @@ figcaption p {
695
695
  margin-bottom: 0;
696
696
  }
697
697
 
698
- ul {
698
+ ol, ul {
699
699
  max-inline-size: var(--qc-max-content-width);
700
- list-style: disc;
701
700
  margin-top: 0;
702
701
  margin-bottom: var(--qc-spacer-content-block-mb);
703
702
  padding-left: var(--qc-spacer-list-pl);
704
703
  }
705
- ul li {
704
+ ol li, ul li {
706
705
  margin-bottom: var(--qc-spacer-list-item-mb);
707
706
  margin-top: var(--qc-spacer-list-item-mb);
708
707
  }
709
- ul ul {
708
+ ol ol, ol ul, ul ol, ul ul {
710
709
  margin-top: 0;
711
710
  margin-bottom: 0;
711
+ }
712
+
713
+ ul {
714
+ list-style: disc;
715
+ }
716
+ ul ul {
712
717
  list-style: circle;
713
718
  }
714
719
 
package/public/index.html CHANGED
@@ -400,22 +400,31 @@
400
400
 
401
401
  <!-- liste -->
402
402
  <h2 id="liste">Liste</h2>
403
- <qc-doc-exemple caption="Exemple de liste simple">
404
- <p>Lorem ipsum dolor sit amet
405
- <ul>
403
+ <qc-doc-exemple caption="Exemple de listes">
404
+
405
+ <ul>
406
+ <li>Élément de liste 1</li>
407
+ <li>Élément de liste 2</li>
408
+ <li>Élément de liste 3
409
+ <ul>
410
+ <li>Élément de liste 3.1</li>
411
+ <li>Élément de liste 3.2</li>
412
+ </ul>
413
+ </li>
414
+ <li>Élément de liste 4</li>
415
+ </ul>
416
+ <ol>
406
417
  <li>Élément de liste 1</li>
407
418
  <li>Élément de liste 2</li>
408
419
  <li>Élément de liste 3
409
- <ul>
420
+ <ol>
410
421
  <li>Élément de liste 3.1</li>
411
422
  <li>Élément de liste 3.2</li>
412
- </ul>
423
+ </ol>
413
424
  </li>
414
425
  <li>Élément de liste 4</li>
415
- </ul>
416
- </p>
417
-
418
- <p>Lorem ipsum dolor sit amet</p>
426
+ </ol>
427
+ <p>Lorem ipsum dolor sit amet</p>
419
428
  </qc-doc-exemple>
420
429
 
421
430
  <qc-doc-exemple caption="Exemple de liste simple de définition">
package/public/js/qc-doc-sdg.js CHANGED
@@ -69953,7 +69953,7 @@
69953
69953
  customElements.define("qc-doc-exemple", create_custom_element(Exemple, {"caption":{"attribute":"caption"},"codeTargetId":{"attribute":"code-target-id"},"hideCode":{"attribute":"hide-code","type":"Boolean"},"rawCode":{"attribute":"raw-code"}}, [], [], false));
69954
69954
 
69955
69955
  if (document.getElementById("version")) {
69956
- document.getElementById("version").textContent = `v1.3.0-develop.1`;
69956
+ document.getElementById("version").textContent = `v1.3.0-develop.3`;
69957
69957
  }
69958
69958
 
69959
69959
  // Show maskable "general alert" component
package/src/sdg/_components.js ADDED
@@ -0,0 +1,9 @@
1
+ export * from './components/notice.svelte'
2
+ export * from './components/PivHeader/pivHeader.svelte'
3
+ export * from './components/pivFooter.svelte'
4
+ export * from './components/alert.svelte'
5
+ export * from './components/toTop.svelte'
6
+ export * from './components/externalLink.svelte'
7
+ export * from './components/SearchBar/searchBar.svelte'
8
+ export * from './components/SearchInput/SearchInput.svelte'
9
+ export * from './components/Icon.svelte'
package/src/sdg/_dark-theme.js ADDED
@@ -0,0 +1,4 @@
1
+ const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
2
+ if (isDarkMode) {
3
+ document.documentElement.classList.add('qc-dark-theme')
4
+ }
package/src/sdg/qc-sdg.js CHANGED
@@ -1,15 +1,4 @@
1
- export * from './components/notice.svelte'
2
- export * from './components/PivHeader/pivHeader.svelte'
3
- export * from './components/pivFooter.svelte'
4
- export * from './components/alert.svelte'
5
- export * from './components/toTop.svelte'
6
- export * from './components/externalLink.svelte'
7
- export * from './components/SearchBar/searchBar.svelte'
8
- export * from './components/SearchInput/SearchInput.svelte'
9
- export * from './components/Icon.svelte'
1
+ import "./_components"
2
+ import "./_dark-theme"
10
3
  import './scss/qc-sdg.scss' ;
11
4
 
12
- const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
13
- if (isDarkMode) {
14
- document.documentElement.classList.add('qc-dark-theme')
15
- }
package/src/sdg/scss/base/_lists.scss CHANGED
@@ -1,8 +1,7 @@
1
1
  @use "qc-sdg-lib" as *;
2
2
 
3
- ul {
3
+ ol,ul {
4
4
  max-inline-size: token-value(max-content-width);
5
- list-style: disc;
6
5
  margin-top: 0;
7
6
  margin-bottom: token-value(spacer content-block mb);
8
7
  padding-left: token-value(spacer list pl);
@@ -10,9 +9,15 @@ ul {
10
9
  margin-bottom: token-value(spacer list-item mb);
11
10
  margin-top: token-value(spacer list-item mb);
12
11
  }
13
- ul {
12
+ ol,ul {
14
13
  margin-top: 0;
15
14
  margin-bottom: 0;
15
+
16
+ }
17
+ }
18
+ ul {
19
+ list-style: disc;
20
+ ul {
16
21
  list-style: circle;
17
22
  }
18
23
  }