@lo-tek/interfaces 0.0.0 → 0.38.0

package/web-types.json

@@ -0,0 +1,800 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "name": "@lo-tek/interfaces",
+  "version": "0.38.0",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "name": "lt-field",
+          "description": "Wires label, field, help text and error text together: sets `aria-describedby` and `aria-invalid` on the control and an id on the help text and the error text. Never writes an id on the control: the template writes `for` and `id`, or wraps the field in the label. The field is invalid when the error text is there without `hidden`. Exists for markup produced without JavaScript. When the markup is produced with JavaScript, use `lt.field()` instead.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/field/",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "The control is disabled.",
+              "value": {
+                "kind": "no-value"
+              }
+            },
+            {
+              "name": "optional",
+              "description": "The field is optional, and the label says so.",
+              "value": {
+                "kind": "no-value"
+              }
+            },
+            {
+              "name": "described-by",
+              "description": "Extra ids to include in `aria-describedby`, separated by spaces.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            }
+          ]
+        },
+        {
+          "name": "lt-tabs",
+          "description": "Tab list. The tabs are links to the panels in an `.lt-tabs__list`, so without JavaScript the list is a table of contents; `role=\"tab\"` on anything other than a link is not a tab. The component adds keyboard and focus handling, sets roles and wiring, gives each panel its tab's name, makes only the selected panel a tab stop, and hides the rest with `hidden=\"until-found\"`, so find in page and links into a panel reach them. Each selection is written to the URL. It never writes an id on a tab or a panel. When the page loads, the selected tab is the one with `aria-selected` from the server, otherwise the one the URL points to, otherwise the first one not hidden with `hidden`. Under `server-controlled` the URL never selects.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/tabs/",
+          "attributes": [
+            {
+              "name": "server-controlled",
+              "description": "The server decides which tab is selected. The component does not put the user's selection back after an update from the server, and the URL selects no tab. A click and find in page select the tab until the server responds.",
+              "value": {
+                "kind": "no-value"
+              }
+            },
+            {
+              "name": "activation",
+              "description": "What the arrow keys do. By default they select the tab at once.",
+              "value": {
+                "kind": "plain",
+                "type": "enum"
+              },
+              "values": [
+                {
+                  "name": "manual",
+                  "description": "The arrow keys only move focus, and Enter or Space selects. For when a panel's content takes time to load."
+                },
+                {
+                  "name": "automatic",
+                  "description": "The arrow keys select the tab, the same as without the attribute."
+                }
+              ]
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "tab-select",
+                "description": "The user selected a tab. `index` counts from 0.\n\n`detail`: `{ index: number }`"
+              }
+            ]
+          }
+        },
+        {
+          "name": "lt-error-summary",
+          "description": "Error summary. Moves focus to the box when it appears, and to the control when a link in the list is followed.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/error-summary/",
+          "attributes": [
+            {
+              "name": "data-autofocus",
+              "description": "Whether focus moves to the box when it appears. On by default.",
+              "value": {
+                "kind": "plain",
+                "type": "enum"
+              },
+              "values": [
+                {
+                  "name": "false",
+                  "description": "Leave focus where it is."
+                },
+                {
+                  "name": "true",
+                  "description": "Move focus, the same as without the attribute. Anything other than \"false\" moves focus."
+                }
+              ]
+            },
+            {
+              "name": "hidden",
+              "description": "The box is hidden. The server removes the attribute when the form fails, and the component then moves focus.",
+              "value": {
+                "kind": "no-value"
+              }
+            }
+          ]
+        },
+        {
+          "name": "lt-popover",
+          "description": "A panel that hangs from a button and closes itself. A button and a panel with the class `lt-popover` and an id from the template; the component sets `popover` and `aria-controls` where the markup came without them, but never the id.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/popover/",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "The panel is open. The server can send the attribute to open the panel.",
+              "value": {
+                "kind": "no-value"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "Which edge of the button the panel hangs from.",
+              "value": {
+                "kind": "plain",
+                "type": "enum"
+              },
+              "values": [
+                {
+                  "name": "bottom-start",
+                  "description": "Below the button, along the start edge. The default."
+                },
+                {
+                  "name": "bottom-end",
+                  "description": "Below the button, along the end edge."
+                },
+                {
+                  "name": "top-start",
+                  "description": "Above the button, along the start edge."
+                },
+                {
+                  "name": "top-end",
+                  "description": "Above the button, along the end edge."
+                }
+              ]
+            },
+            {
+              "name": "server-controlled",
+              "description": "The server decides whether the panel is open. The component does not put `open` back when an update from the server removes it.",
+              "value": {
+                "kind": "no-value"
+              }
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "popover-toggle",
+                "description": "The user opened or closed the panel, or `show()`, `hide()` or `toggle()` was called. Setting `open` as a property or attribute dispatches no event.\n\n`detail`: `{ open: boolean }`"
+              }
+            ]
+          }
+        },
+        {
+          "name": "lt-suggestion",
+          "description": "Field with a suggestion list. A `<label for>`, an `<input id>`, an `.lt-suggestion__list` with `<li>` items and a `[role=status]` are enough; the component sets the roles and the wiring where the markup came without them, and gives the list and the options ids. The field never gets an id from the component. Filters as the user types, moves the highlight with the arrow keys and announces the number of matches.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/suggestion/",
+          "attributes": [
+            {
+              "name": "prefiltered",
+              "description": "The app has already filtered the list, so the component leaves it as it is. Needed when the app's filter is something other than \"the text contains the search term\".",
+              "value": {
+                "kind": "no-value"
+              }
+            },
+            {
+              "name": "count-none",
+              "description": "The announcement for no matches. The default is \"No matches\".",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "count-zero",
+              "description": "The announcement in the plural form `zero`, for languages that have it. `{n}` is the number.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "count-one",
+              "description": "The announcement for one match. `{n}` is the number.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "count-two",
+              "description": "The announcement in the plural form `two`, for languages that have it. `{n}` is the number.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "count-few",
+              "description": "The announcement in the plural form `few`, for languages that have it. `{n}` is the number.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "count-many",
+              "description": "The announcement in the plural form `many`, for languages that have it. `{n}` is the number.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "count-other",
+              "description": "The announcement for every other count, and the fallback when a form is missing. `{n}` is the number.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "server-controlled",
+              "description": "The server decides whether the list is expanded and which option is highlighted. The component does not put them back after an update from the server.",
+              "value": {
+                "kind": "no-value"
+              }
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "suggestion-select",
+                "description": "The user chose a suggestion. `label` is the text, `value` the code from `data-value`, or the text when the option has none. The field also gets `input` and `change`, as if the user had typed it.\n\n`detail`: `{ value: string, label: string }`"
+              }
+            ]
+          }
+        },
+        {
+          "name": "lt-dialog",
+          "description": "Makes a `<dialog class=\"lt-dialog\">` modal with `showModal()`, for servers that cannot call it themselves. The host around the dialog. Gives the dialog its name from the first heading outside `lt-dialog__body` when neither `aria-labelledby` nor `aria-label` is there.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/dialog/",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "The dialog is open. For the server to show it, `open` must be on `<dialog>` too.",
+              "value": {
+                "kind": "no-value"
+              }
+            },
+            {
+              "name": "server-controlled",
+              "description": "When an update from the server removes `open` from `<dialog>` while the dialog is open, the component closes it and dispatches `dialog-toggle`, instead of putting `open` back.",
+              "value": {
+                "kind": "no-value"
+              }
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "dialog-toggle",
+                "description": "The dialog opened or closed. `returnValue` is the value of the button that closed it, or an empty string.\n\n`detail`: `{ open: boolean, returnValue: string }`"
+              }
+            ]
+          }
+        },
+        {
+          "name": "lt-toast",
+          "description": "A queue of short messages in the corner of the screen. The messages are created from script with `show(text, { color, duration })`.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/toast/",
+          "attributes": [
+            {
+              "name": "duration",
+              "description": "Milliseconds before a message disappears. The default is 6000, and 0 keeps the messages.",
+              "value": {
+                "kind": "plain",
+                "type": "number"
+              }
+            },
+            {
+              "name": "label",
+              "description": "Text that tells screen readers what the region is for.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "close-label",
+              "description": "What the close button in each message is called for screen readers. The default is \"Close message\".",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "toast-dismiss",
+                "description": "A message was closed, by the user, because its time ran out, or with `dismiss()`. `clear()` dispatches none."
+              }
+            ]
+          }
+        },
+        {
+          "name": "lt-session-timeout",
+          "description": "Warns before a signed-in session expires, and counts down. The renderer writes the dialog and the text inside the element: a `<dialog>` with `.lt-session-timeout__count` for the number, `[role=status]` for the announcement and the buttons in a `<form method=\"dialog\">`. Dispatches `session-warn` when the dialog opens, `session-extend` when the user wants to continue, `session-logout` when the user logs out, `session-expired` when time is up, and `session-activity` at most once per `activity-interval` while the user is active, so the app can keep the server session alive.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/",
+          "attributes": [
+            {
+              "name": "warn-at",
+              "description": "Seconds without activity before the warning appears.",
+              "value": {
+                "kind": "plain",
+                "type": "number"
+              }
+            },
+            {
+              "name": "expires-at",
+              "description": "Seconds without activity before the session expires.",
+              "value": {
+                "kind": "plain",
+                "type": "number"
+              }
+            },
+            {
+              "name": "activity-interval",
+              "description": "Seconds between each `session-activity` while the user is active. Default 60.",
+              "value": {
+                "kind": "plain",
+                "type": "number"
+              }
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "session-warn",
+                "description": "The warning opened."
+              },
+              {
+                "name": "session-extend",
+                "description": "The session continues: the user closed the warning with a button other than log out or with Escape, or the app called `extend()`."
+              },
+              {
+                "name": "session-logout",
+                "description": "The user chose to log out."
+              },
+              {
+                "name": "session-expired",
+                "description": "Time is up."
+              },
+              {
+                "name": "session-activity",
+                "description": "The user is active. Dispatched at most once per `activity-interval`, so the app can keep the server session alive."
+              }
+            ]
+          }
+        },
+        {
+          "name": "lt-connection-status",
+          "description": "Tells the user when the connection to the server is lost. The app reports with `reportFailure()` and `reportSuccess()`.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/connection-status/",
+          "attributes": [
+            {
+              "name": "offline-text",
+              "description": "The text when the connection is lost.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            },
+            {
+              "name": "online-text",
+              "description": "The text when it comes back.",
+              "value": {
+                "kind": "plain",
+                "type": "text"
+              }
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "connection-lost",
+                "description": "The connection is lost."
+              },
+              {
+                "name": "connection-restored",
+                "description": "The connection is back."
+              }
+            ]
+          }
+        }
+      ]
+    },
+    "css": {
+      "classes": [
+        {
+          "name": "lt-accordion",
+          "description": "**Accordion**\n\nA panel that can be expanded, built on details and summary. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/accordion/"
+        },
+        {
+          "name": "lt-accordion__content",
+          "description": "**Accordion**\n\nA panel that can be expanded, built on details and summary. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/accordion/"
+        },
+        {
+          "name": "lt-alert",
+          "description": "**Alert**\n\nA message about the whole page or the whole form. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/alert/"
+        },
+        {
+          "name": "lt-alert__title",
+          "description": "**Alert**\n\nA message about the whole page or the whole form. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/alert/"
+        },
+        {
+          "name": "lt-avatar",
+          "description": "**Avatar**\n\nProfile picture or initials. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/avatar/"
+        },
+        {
+          "name": "lt-avatar-stack",
+          "description": "**Avatar**\n\nProfile picture or initials. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/avatar/"
+        },
+        {
+          "name": "lt-badge",
+          "description": "**Badge**\n\nCompact status badge. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/badge/"
+        },
+        {
+          "name": "lt-breadcrumbs",
+          "description": "**Breadcrumbs**\n\nA breadcrumb trail that shows where on the site the user is. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/breadcrumbs/"
+        },
+        {
+          "name": "lt-button",
+          "description": "**Button**\n\nA button for actions. CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/button/"
+        },
+        {
+          "name": "lt-card",
+          "description": "**Card**\n\nA box that groups content that belongs together. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/card/"
+        },
+        {
+          "name": "lt-card__title",
+          "description": "**Card**\n\nA box that groups content that belongs together. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/card/"
+        },
+        {
+          "name": "lt-checkbox",
+          "description": "**Checkbox**\n\nA checkbox for a choice that stands on its own. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/checkbox/"
+        },
+        {
+          "name": "lt-checkbox-row",
+          "description": "**Checkbox**\n\nA checkbox for a choice that stands on its own. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/checkbox/"
+        },
+        {
+          "name": "lt-divider",
+          "description": "**Divider**\n\nA line between parts of the content. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/divider/"
+        },
+        {
+          "name": "lt-error-text",
+          "description": "**Error Text**\n\nError message below a form field. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/error-text/"
+        },
+        {
+          "name": "lt-fieldset",
+          "description": "**Fieldset**\n\nA group of controls with a shared label. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/fieldset/"
+        },
+        {
+          "name": "lt-legend",
+          "description": "**Fieldset**\n\nA group of controls with a shared label. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/fieldset/"
+        },
+        {
+          "name": "lt-file-upload",
+          "description": "**File Upload**\n\nA field for uploading files. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/file-upload/"
+        },
+        {
+          "name": "lt-file-upload-list",
+          "description": "**File Upload**\n\nA field for uploading files. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/file-upload/"
+        },
+        {
+          "name": "lt-heading",
+          "description": "**Heading**\n\nHeadings in six sizes, independent of level. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/heading/"
+        },
+        {
+          "name": "lt-help-text",
+          "description": "**Help Text**\n\nExplanatory text below a form field. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/help-text/"
+        },
+        {
+          "name": "lt-icon",
+          "description": "**Icon**\n\nAn icon from the app's own set, as large as the text around it. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/icon/"
+        },
+        {
+          "name": "lt-input",
+          "description": "**Input**\n\nA text field for forms, with states for valid and invalid. CSS component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/input/"
+        },
+        {
+          "name": "lt-label",
+          "description": "**Label**\n\nA label for form fields, with marking of required and optional. A CSS component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/label/"
+        },
+        {
+          "name": "lt-link",
+          "description": "**Link**\n\nLink style for navigation in running text. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/link/"
+        },
+        {
+          "name": "lt-list",
+          "description": "**List**\n\nBulleted lists, numbered lists and lists without bullets. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/list/"
+        },
+        {
+          "name": "lt-pagination",
+          "description": "**Pagination**\n\nPage navigation for long lists. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/pagination/"
+        },
+        {
+          "name": "lt-pagination__gap",
+          "description": "**Pagination**\n\nPage navigation for long lists. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/pagination/"
+        },
+        {
+          "name": "lt-paragraph",
+          "description": "**Paragraph**\n\nBody text and lead paragraphs with a limited line length. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/paragraph/"
+        },
+        {
+          "name": "lt-progress",
+          "description": "**Progress**\n\nA progress bar for something that has an end. CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/progress/"
+        },
+        {
+          "name": "lt-radio",
+          "description": "**Radio**\n\nRadio buttons for one choice among several. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/radio/"
+        },
+        {
+          "name": "lt-radio-row",
+          "description": "**Radio**\n\nRadio buttons for one choice among several. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/radio/"
+        },
+        {
+          "name": "lt-search",
+          "description": "**Search**\n\nA search field with a magnifying glass. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/search/"
+        },
+        {
+          "name": "lt-search-row",
+          "description": "**Search**\n\nA search field with a magnifying glass. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/search/"
+        },
+        {
+          "name": "lt-select",
+          "description": "**Select**\n\nA dropdown list. CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/select/"
+        },
+        {
+          "name": "lt-skeleton",
+          "description": "**Skeleton**\n\nA placeholder that shows the shape of content being loaded. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/skeleton/"
+        },
+        {
+          "name": "lt-skip-link",
+          "description": "**Skip Link**\n\nA link that skips past the menu to the main content. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/skip-link/"
+        },
+        {
+          "name": "lt-spinner",
+          "description": "**Spinner**\n\nA wait indicator for something in progress. CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/spinner/"
+        },
+        {
+          "name": "lt-sr-only",
+          "description": "**Sr Only**\n\nText only screen readers get. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/sr-only/"
+        },
+        {
+          "name": "lt-switch",
+          "description": "**Switch**\n\nA switch for a setting that takes effect immediately. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/switch/"
+        },
+        {
+          "name": "lt-switch-row",
+          "description": "**Switch**\n\nA switch for a setting that takes effect immediately. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/switch/"
+        },
+        {
+          "name": "lt-table",
+          "description": "**Table**\n\nA table for data in rows and columns. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/table/"
+        },
+        {
+          "name": "lt-table__sort",
+          "description": "**Table**\n\nA table for data in rows and columns. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/table/"
+        },
+        {
+          "name": "lt-table-scroll",
+          "description": "**Table**\n\nA table for data in rows and columns. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/table/"
+        },
+        {
+          "name": "lt-tag",
+          "description": "**Tag**\n\nA tag for topics and filters. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/tag/"
+        },
+        {
+          "name": "lt-textarea",
+          "description": "**Textarea**\n\nA multi-line text field. A CSS component with one class and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/textarea/"
+        },
+        {
+          "name": "lt-toggle-group",
+          "description": "**Toggle Group**\n\nA group where one option is selected at a time. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/toggle-group/"
+        },
+        {
+          "name": "lt-toggle-group__option",
+          "description": "**Toggle Group**\n\nA group where one option is selected at a time. A CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/toggle-group/"
+        },
+        {
+          "name": "lt-tooltip",
+          "description": "**Tooltip**\n\nA small help text shown on hover and focus. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/tooltip/"
+        },
+        {
+          "name": "lt-tooltip__bubble",
+          "description": "**Tooltip**\n\nA small help text shown on hover and focus. CSS component with two classes and no JavaScript.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/tooltip/"
+        },
+        {
+          "name": "lt-dialog",
+          "description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for servers that cannot call showModal().",
+          "doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
+        },
+        {
+          "name": "lt-dialog__body",
+          "description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for servers that cannot call showModal().",
+          "doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
+        },
+        {
+          "name": "lt-dialog__title",
+          "description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for servers that cannot call showModal().",
+          "doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
+        },
+        {
+          "name": "lt-dialog__footer",
+          "description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for servers that cannot call showModal().",
+          "doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
+        },
+        {
+          "name": "lt-dialog__header",
+          "description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for servers that cannot call showModal().",
+          "doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
+        },
+        {
+          "name": "lt-dialog__subtitle",
+          "description": "**Dialog**\n\nModal dialog built on the native dialog element. Six classes and no JavaScript, with an optional component for servers that cannot call showModal().",
+          "doc-url": "https://lo-tek.sobernetics.no/components/dialog/"
+        },
+        {
+          "name": "lt-error-summary",
+          "description": "**Error Summary**\n\nCollects the errors in a form and takes the user to the field that failed. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/error-summary/"
+        },
+        {
+          "name": "lt-error-summary__title",
+          "description": "**Error Summary**\n\nCollects the errors in a form and takes the user to the field that failed. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/error-summary/"
+        },
+        {
+          "name": "lt-popover",
+          "description": "**Popover**\n\nPanel that hangs below a button and closes itself. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/popover/"
+        },
+        {
+          "name": "lt-session-timeout",
+          "description": "**Session Timeout**\n\nWarns before a logged-in session expires, and counts down. You write the dialog, the component keeps the time.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/"
+        },
+        {
+          "name": "lt-session-timeout__dialog",
+          "description": "**Session Timeout**\n\nWarns before a logged-in session expires, and counts down. You write the dialog, the component keeps the time.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/"
+        },
+        {
+          "name": "lt-session-timeout__title",
+          "description": "**Session Timeout**\n\nWarns before a logged-in session expires, and counts down. You write the dialog, the component keeps the time.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/"
+        },
+        {
+          "name": "lt-session-timeout__text",
+          "description": "**Session Timeout**\n\nWarns before a logged-in session expires, and counts down. You write the dialog, the component keeps the time.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/"
+        },
+        {
+          "name": "lt-session-timeout__count",
+          "description": "**Session Timeout**\n\nWarns before a logged-in session expires, and counts down. You write the dialog, the component keeps the time.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/"
+        },
+        {
+          "name": "lt-session-timeout__actions",
+          "description": "**Session Timeout**\n\nWarns before a logged-in session expires, and counts down. You write the dialog, the component keeps the time.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/session-timeout/"
+        },
+        {
+          "name": "lt-suggestion__list",
+          "description": "**Suggestion**\n\nField with a suggestion list that narrows as the user types. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/suggestion/"
+        },
+        {
+          "name": "lt-suggestion__option",
+          "description": "**Suggestion**\n\nField with a suggestion list that narrows as the user types. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/suggestion/"
+        },
+        {
+          "name": "lt-suggestion__value",
+          "description": "**Suggestion**\n\nField with a suggestion list that narrows as the user types. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/suggestion/"
+        },
+        {
+          "name": "lt-suggestion__empty",
+          "description": "**Suggestion**\n\nField with a suggestion list that narrows as the user types. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/suggestion/"
+        },
+        {
+          "name": "lt-tabs__list",
+          "description": "**Tabs**\n\nTab list of links to their panels. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/tabs/"
+        },
+        {
+          "name": "lt-tabs__panel",
+          "description": "**Tabs**\n\nTab list of links to their panels. Frame component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/tabs/"
+        },
+        {
+          "name": "lt-connection-status",
+          "description": "**Connection Status**\n\nTells the user when the connection to the server is gone. Standalone component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/connection-status/"
+        },
+        {
+          "name": "lt-connection-status__bar",
+          "description": "**Connection Status**\n\nTells the user when the connection to the server is gone. Standalone component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/connection-status/"
+        },
+        {
+          "name": "lt-toast",
+          "description": "**Toast**\n\nA queue of short messages in the corner of the screen. Standalone component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/toast/"
+        },
+        {
+          "name": "lt-toast__message",
+          "description": "**Toast**\n\nA queue of short messages in the corner of the screen. Standalone component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/toast/"
+        },
+        {
+          "name": "lt-toast__close",
+          "description": "**Toast**\n\nA queue of short messages in the corner of the screen. Standalone component.",
+          "doc-url": "https://lo-tek.sobernetics.no/components/toast/"
+        },
+        {
+          "name": "lt-theme-control",
+          "description": "**Customising**\n\nChange colours, shape and size in LO-TEK without losing the changes on the next upgrade.",
+          "doc-url": "https://lo-tek.sobernetics.no/customising/"
+        }
+      ]
+    }
+  }
+}