@public-ui/components 1.1.10-rc.1 → 1.1.10-rc.2
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/custom-elements.json +1 -1
- package/jest-test-results.json +1 -1
- package/package.json +1 -1
- package/www/index.html +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/components",
|
|
3
|
-
"version": "1.1.10-rc.
|
|
3
|
+
"version": "1.1.10-rc.2",
|
|
4
4
|
"description": "Das Components-Modul beinhaltet alle zur Komponenten-Bibliothek gehörenden Webcomponents.",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
6
6
|
"homepage": "https://public-ui.github.io",
|
package/www/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html dir="ltr" lang="de"><head> <meta charset="utf-8"> <title>BIK BITV-Test | KoliBri</title> <meta name="description" content="Auf der Seite werden alle KoliBri-Komponenten für den BIK BITV-Test dargestellt."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' *.jsdelivr.net " /> --> <script type="module" src="build/kolibri.esm.js"></script> <script nomodule="" src="build/kolibri.js"></script> <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="assets/fontawesome-free/v5/css/all.css"> <link rel="stylesheet" href="assets/fontawesome-free/v6/css/all.css"> <link rel="stylesheet" href="assets/icofont/icofont.css"> <link rel="stylesheet" href="assets/bund/bund.css"> <link rel="stylesheet" href="assets/roboto/roboto.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="assets/themes/bamf.css"> <link rel="stylesheet" href="assets/themes/bmf.css"> <link rel="stylesheet" href="assets/themes/bzst.css"> <link rel="stylesheet" href="assets/themes/itzbund.css"> <link rel="stylesheet" href="assets/themes/mapz.css"> <link rel="stylesheet" href="assets/style.css"> <meta name="robots" content="noindex"> <meta name="kolibri" content="dev-mode=true,color-contrast-analysis=false"> </head> <body data-theme="mapz" data-theme-cache="true" data-theme-reset="true"> <header class="container"> <!-- <kol-all></kol-all> --> <div class="row"> <div class="col-12"> <kol-kolibri style="display: block; width: 150px;"></kol-kolibri> </div> <div class="col-12"> <kol-heading>BIK BITV-Test</kol-heading> </div> <div class="gap-2 col-12 d-flex"> <kol-version _version="1.1.10-rc.
|
|
1
|
+
<!doctype html><html dir="ltr" lang="de"><head> <meta charset="utf-8"> <title>BIK BITV-Test | KoliBri</title> <meta name="description" content="Auf der Seite werden alle KoliBri-Komponenten für den BIK BITV-Test dargestellt."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' *.jsdelivr.net " /> --> <script type="module" src="build/kolibri.esm.js"></script> <script nomodule="" src="build/kolibri.js"></script> <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="assets/fontawesome-free/v5/css/all.css"> <link rel="stylesheet" href="assets/fontawesome-free/v6/css/all.css"> <link rel="stylesheet" href="assets/icofont/icofont.css"> <link rel="stylesheet" href="assets/bund/bund.css"> <link rel="stylesheet" href="assets/roboto/roboto.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="assets/themes/bamf.css"> <link rel="stylesheet" href="assets/themes/bmf.css"> <link rel="stylesheet" href="assets/themes/bzst.css"> <link rel="stylesheet" href="assets/themes/itzbund.css"> <link rel="stylesheet" href="assets/themes/mapz.css"> <link rel="stylesheet" href="assets/style.css"> <meta name="robots" content="noindex"> <meta name="kolibri" content="dev-mode=true,color-contrast-analysis=false"> </head> <body data-theme="mapz" data-theme-cache="true" data-theme-reset="true"> <header class="container"> <!-- <kol-all></kol-all> --> <div class="row"> <div class="col-12"> <kol-kolibri style="display: block; width: 150px;"></kol-kolibri> </div> <div class="col-12"> <kol-heading>BIK BITV-Test</kol-heading> </div> <div class="gap-2 col-12 d-flex"> <kol-version _version="1.1.10-rc.2"></kol-version> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test"></kol-badge> <kol-badge _color="#f0f" _label="Test"></kol-badge> <kol-badge _color="#0bf" _label="Test"></kol-badge> <kol-badge _label="Content-Security-Policy" _icon="check" _color="#300"></kol-badge> </div> <div class="col-12"> <kol-details _summary="Sternchenhinweise" _open=""> <p>* Gibt an, dass der BIK BITV-Test noch Verbesserungsvorschläge beinhaltet.</p> </kol-details> </div> <p> Bookmarklet: <a href="javascript:(function(){var d=document,id='phltsbkmklt',el=d.getElementById(id),f=d.querySelectorAll('iframe'),i=0,l=f.length;if(el){function removeFromShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.getElementById(id).remove();removeFromShadows(el.shadowRoot);}}}el.remove();if(l){for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementById(id).remove();removeFromShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}}removeFromShadows(d);}else{s=d.createElement('style');s.id=id;s.appendChild(d.createTextNode('*{line-height:1.5 !important;letter-spacing:0.12em !important;word-spacing:0.16em !important;}p{margin-bottom:2em !important;}'));function applyToShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.appendChild(s.cloneNode(true));applyToShadows(el.shadowRoot);}}}d.getElementsByTagName('head')[0].appendChild(s);for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementsByTagName('head')[0].appendChild(s.cloneNode(true));applyToShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}applyToShadows(d);}})();"> Text Spacing </a> </p> <div class="py-2 col-12"> <kol-alert _type="info" _level="2" _heading="Hinweise an das A11y-Test-Team" class="pb-2"> <p>Liebe Tester:innen bitte lest vor dem 9. BIK BITV-Test folgende Hinweise.</p> <kol-heading _level="3">Refactoring Eingabefelder</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben ein umfangreiches Refactoring an den Eingabefeldern vorgenommen, um die Developer Experience deutlich zu verbessern. Hierzu wurde alle
|
|
2
2
|
Eingabefeldtypen gemäß der <kol-link _href="https://www.w3.org/TR/2010/WD-html5-20101019/the-input-element.html" _target="w3c"> W3C-Klassifizierung</kol-link> separiert.<br> Durch die Überarbeitung der Eingabefelder wurden jetzt auch noch mehr Eingabefeldtypen umgesetzt: <code>checkbox</code>, <code>color</code>, <code>date</code>, <code>datetime-local</code>, <code>email</code>, <code>file</code>, <code>month</code>, <code>number</code>, <code>radio, password</code>, <code>range</code>, <code>search</code>, <code>text</code>, <code>tel</code>, <code>time</code>, <code>url</code> und <code>week</code> <br> Darüber hinaus wurde das Label eines Eingabefeldes flexibler gemacht. Es kann jetzt im Label individuelles <kol-abbr _title="Hypertext-Markup-Language">HTML</kol-abbr> verwendet werden. Wodurch auch Links oder andere Anforderungen am Label umgesetzt
|
|
3
3
|
werden können. </kol-details> </p> <kol-heading _level="3">Refactoring Icon</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben festgestellt, dass wir mit einer einzigen Icon-Font nicht flexibel genug aufgestellt sind. Daher haben wir eine noch generischere
|
|
4
4
|
Icon-Komponente umgesetzt, der nun egal ist, welche Icon-Font es verwendet. Es stellt, aber unabhängig davon weiterhin sicher, dass Icons für
|