@forsakringskassan/docs-generator 2.38.4 → 2.38.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/docs-generator",
-  "version": "2.38.4",
+  "version": "2.38.6",
   "description": "Documentation generator",
   "keywords": [
     "documentation"

package/templates/partials/cookie-warning.html

@@ -1,19 +1,19 @@
 <div class="cookie-warning">
     <!-- [html-validate-disable-next heading-level, no-unused-disable -- allowed sectioning root] -->
-    <h1>Kakor på webbplatsen</h1>
-    <p>
-        Vi använder kakor (cookies) för att webbplatsen ska fungera så bra som möjligt för dig.<br />
-        Vi använder också kakor för webbanalys för att göra webbplatsen bättre.
-    </p>
-    <p>Godkänner du att vi också använder kakor för webbanalys?</p>
+    <h1>{{ $t('cookie-warning.title') }}</h1>
+    <p>{{ $t('cookie-warning.message') }}</p>
+    <p>{{ $t('cookie-warning.accept') }}</p>
 
-    <div class="button-group">
-        <button id="consent-all-button" class="button button-group__item button--primary" type="button">
-            Ja, jag godkänner alla kakor
+    <div class="cookie-warning__button-group">
+        <button id="consent-all-button" class="cookie-warning__button cookie-warning__button--primary" type="button">
+            {{ $t('cookie-warning.consent-all') }}
         </button>
-
-        <button id="consent-functional-button" class="button button-group__item button--secondary" type="button">
-            Nej, jag godkänner bara nödvändiga kakor
+        <button
+            id="consent-functional-button"
+            class="cookie-warning__button cookie-warning__button--secondary"
+            type="button"
+        >
+            {{ $t('cookie-warning.consent-functional') }}
         </button>
     </div>
 </div>

package/templates/partials/search-dialog.html

@@ -1,25 +1,35 @@
-<dialog id="search-dialog">
+<dialog class="docs-modal" id="search-dialog">
+    <div class="docs-modal__header">
+        <h1 class="docs-modal__title" id="search-dialog-title">{{ $t('search.title') }}</h1>
+        <button type="button" class="docs-modal__close">
+            <span>{{ $t('modal.close') }}</span>
+            <svg class="icon" focusable="false" aria-hidden="true">
+                <use xlink:href="#docs-icon-close"></use>
+            </svg>
+        </button>
+    </div>
+
     <!-- [html-validate-disable-next wcag/h32 -- handled via script] -->
-    <form id="search-form">
-        <div class="text-field">
-            <label for="search-field" class="label">{{ $t('search.title') }}</label>
-            <div class="text-field__input-wrapper">
-                <div class="text-field__icon-wrapper">
-                    <input
-                        autofocus
-                        autocomplete="off"
-                        autocapitalize="off"
-                        autocorrect="off"
-                        id="search-field"
-                        type="text"
-                        class="text-field__input"
-                        maxlength="50"
-                        placeholder="{{ $t('search.placeholder') }}"
-                    />
-                </div>
-            </div>
-        </div>
-        <div id="search-results"></div>
+    <form class="docs-modal__body" id="search-form">
+        <input
+            autofocus
+            autocomplete="off"
+            autocapitalize="off"
+            autocorrect="off"
+            id="search-field"
+            type="search"
+            class="docs-search-dialog__input"
+            maxlength="50"
+            placeholder="{{ $t('search.placeholder') }}"
+            aria-labelledby="search-dialog-title"
+        />
+        <ul class="docs-search-result__list" id="search-results"></ul>
         <p>{{ $t('search.instructions') }}</p>
     </form>
 </dialog>
+
+<template id="search-result-item">
+    <li class="docs-search-result__item">
+        <a class="docs-search-result__link"></a>
+    </li>
+</template>

package/templates/partials/selectable-version.html

@@ -1,28 +1,7 @@
 <div class="toolbar__item">
     <form id="version">
         <button type="submit" class="anchor">
-            <span id="version-info" class="version"> Byt version </span>
+            <span id="version-info" class="version">{{ $t("selectable-version.button") }} </span>
         </button>
     </form>
-
-    <dialog id="version-dialog">
-        <div id="version-dialog-head">
-            <h1>Välj version</h1>
-            <button type="button" class="button button--discrete button--discrete--black">
-                <span>Stäng</span>
-                <svg class="button__icon icon" focusable="false" aria-hidden>
-                    <use xlink:href="#docs-icon-close"></use>
-                </svg>
-            </button>
-        </div>
-        <div id="version-list">
-            <p>Var god vänta, laddar versionsdata...</p>
-        </div>
-    </dialog>
 </div>
-
-<template id="version-list-item">
-    <li class="list__item">
-        <a class="list__item__itempane">template</a>
-    </li>
-</template>

package/templates/partials/version-modal.html

@@ -0,0 +1,20 @@
+<dialog class="docs-modal" id="version-dialog">
+    <div class="docs-modal__header">
+        <h1 class="docs-modal__title">{{ $t("selectable-version.title") }}</h1>
+        <button type="button" class="docs-modal__close">
+            <span>{{ $t("modal.close") }}</span>
+            <svg class="icon" focusable="false" aria-hidden="true">
+                <use xlink:href="#docs-icon-close"></use>
+            </svg>
+        </button>
+    </div>
+    <div class="docs-modal__body" id="version-list">
+        <p>{{ $t("selectable-version.loading") }}</p>
+    </div>
+</dialog>
+
+<template id="version-list-item">
+    <li class="docs-selectable-version__item">
+        <a class="docs-selectable-version__link"></a>
+    </li>
+</template>