@forsakringskassan/docs-generator 2.38.3 → 2.38.5

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@forsakringskassan/docs-generator",
3
- "version": "2.38.3",
3
+ "version": "2.38.5",
4
4
  "description": "Documentation generator",
5
5
  "keywords": [
6
6
  "documentation"
@@ -1,19 +1,19 @@
1
1
  <div class="cookie-warning">
2
2
  <!-- [html-validate-disable-next heading-level, no-unused-disable -- allowed sectioning root] -->
3
- <h1>Kakor på webbplatsen</h1>
4
- <p>
5
- Vi använder kakor (cookies) för att webbplatsen ska fungera så bra som möjligt för dig.<br />
6
- Vi använder också kakor för webbanalys för att göra webbplatsen bättre.
7
- </p>
8
- <p>Godkänner du att vi också använder kakor för webbanalys?</p>
3
+ <h1>{{ $t('cookie-warning.title') }}</h1>
4
+ <p>{{ $t('cookie-warning.message') }}</p>
5
+ <p>{{ $t('cookie-warning.accept') }}</p>
9
6
 
10
- <div class="button-group">
11
- <button id="consent-all-button" class="button button-group__item button--primary" type="button">
12
- Ja, jag godkänner alla kakor
7
+ <div class="cookie-warning__button-group">
8
+ <button id="consent-all-button" class="cookie-warning__button cookie-warning__button--primary" type="button">
9
+ {{ $t('cookie-warning.consent-all') }}
13
10
  </button>
14
-
15
- <button id="consent-functional-button" class="button button-group__item button--secondary" type="button">
16
- Nej, jag godkänner bara nödvändiga kakor
11
+ <button
12
+ id="consent-functional-button"
13
+ class="cookie-warning__button cookie-warning__button--secondary"
14
+ type="button"
15
+ >
16
+ {{ $t('cookie-warning.consent-functional') }}
17
17
  </button>
18
18
  </div>
19
19
  </div>
@@ -1,25 +1,35 @@
1
- <dialog id="search-dialog">
1
+ <dialog class="docs-modal" id="search-dialog">
2
+ <div class="docs-modal__header">
3
+ <h1 class="docs-modal__title" id="search-dialog-title">{{ $t('search.title') }}</h1>
4
+ <button type="button" class="docs-modal__close">
5
+ <span>{{ $t('modal.close') }}</span>
6
+ <svg class="icon" focusable="false" aria-hidden="true">
7
+ <use xlink:href="#docs-icon-close"></use>
8
+ </svg>
9
+ </button>
10
+ </div>
11
+
2
12
  <!-- [html-validate-disable-next wcag/h32 -- handled via script] -->
3
- <form id="search-form">
4
- <div class="text-field">
5
- <label for="search-field" class="label">{{ $t('search.title') }}</label>
6
- <div class="text-field__input-wrapper">
7
- <div class="text-field__icon-wrapper">
8
- <input
9
- autofocus
10
- autocomplete="off"
11
- autocapitalize="off"
12
- autocorrect="off"
13
- id="search-field"
14
- type="text"
15
- class="text-field__input"
16
- maxlength="50"
17
- placeholder="{{ $t('search.placeholder') }}"
18
- />
19
- </div>
20
- </div>
21
- </div>
22
- <div id="search-results"></div>
13
+ <form class="docs-modal__body" id="search-form">
14
+ <input
15
+ autofocus
16
+ autocomplete="off"
17
+ autocapitalize="off"
18
+ autocorrect="off"
19
+ id="search-field"
20
+ type="search"
21
+ class="docs-search-dialog__input"
22
+ maxlength="50"
23
+ placeholder="{{ $t('search.placeholder') }}"
24
+ aria-labelledby="search-dialog-title"
25
+ />
26
+ <ul class="docs-search-result__list" id="search-results"></ul>
23
27
  <p>{{ $t('search.instructions') }}</p>
24
28
  </form>
25
29
  </dialog>
30
+
31
+ <template id="search-result-item">
32
+ <li class="docs-search-result__item">
33
+ <a class="docs-search-result__link"></a>
34
+ </li>
35
+ </template>
@@ -1,28 +1,7 @@
1
1
  <div class="toolbar__item">
2
2
  <form id="version">
3
3
  <button type="submit" class="anchor">
4
- <span id="version-info" class="version"> Byt version </span>
4
+ <span id="version-info" class="version">{{ $t("selectable-version.button") }} </span>
5
5
  </button>
6
6
  </form>
7
-
8
- <dialog id="version-dialog">
9
- <div id="version-dialog-head">
10
- <h1>Välj version</h1>
11
- <button type="button" class="button button--discrete button--discrete--black">
12
- <span>Stäng</span>
13
- <svg class="button__icon icon" focusable="false" aria-hidden>
14
- <use xlink:href="#docs-icon-close"></use>
15
- </svg>
16
- </button>
17
- </div>
18
- <div id="version-list">
19
- <p>Var god vänta, laddar versionsdata...</p>
20
- </div>
21
- </dialog>
22
7
  </div>
23
-
24
- <template id="version-list-item">
25
- <li class="list__item">
26
- <a class="list__item__itempane">template</a>
27
- </li>
28
- </template>
@@ -40,5 +40,18 @@
40
40
  class="i"
41
41
  ></path>
42
42
  </symbol>
43
+ <symbol id="docs-icon-code" viewBox="0 0 512 512">
44
+ <path
45
+ fill="currentColor"
46
+ d="M200 354L102 256L200 158L171 128L43 256L171 384L200 354ZM312 354L410 256L312 158L341 128L469 256L341 384L312 354Z"
47
+ />
48
+ </symbol>
49
+ <!--!Font Awesome Free 6.4.2 -->
50
+ <symbol id="docs-icon-fullscreen" viewBox="0 0 448 512">
51
+ <path
52
+ fill="currentColor"
53
+ d="M160 64c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V64zM32 320c-17.7 0-32 14.3-32 32s14.3 32 32 32H96v64c0 17.7 14.3 32 32 32s32-14.3 32-32V352c0-17.7-14.3-32-32-32H32zM352 64c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H352V64zM320 320c-17.7 0-32 14.3-32 32v96c0 17.7 14.3 32 32 32s32-14.3 32-32V384h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320z"
54
+ />
55
+ </symbol>
43
56
  </svg>
44
57
  </div>
@@ -0,0 +1,20 @@
1
+ <dialog class="docs-modal" id="version-dialog">
2
+ <div class="docs-modal__header">
3
+ <h1 class="docs-modal__title">{{ $t("selectable-version.title") }}</h1>
4
+ <button type="button" class="docs-modal__close">
5
+ <span>{{ $t("modal.close") }}</span>
6
+ <svg class="icon" focusable="false" aria-hidden="true">
7
+ <use xlink:href="#docs-icon-close"></use>
8
+ </svg>
9
+ </button>
10
+ </div>
11
+ <div class="docs-modal__body" id="version-list">
12
+ <p>{{ $t("selectable-version.loading") }}</p>
13
+ </div>
14
+ </dialog>
15
+
16
+ <template id="version-list-item">
17
+ <li class="docs-selectable-version__item">
18
+ <a class="docs-selectable-version__link"></a>
19
+ </li>
20
+ </template>