Merge branch 'develop' into 6251--feature-shortkey-ermglichen-bei-too…

…ltips
public-ui · Oct 29, 2024 · 8bb05de · 8bb05de
2 parents 7ec5b86 + 9770927
commit 8bb05de
Show file tree

Hide file tree

Showing 286 changed files with 1,160 additions and 932 deletions.
diff --git a/lerna.json b/lerna.json
@@ -23,5 +23,5 @@
 		"packages/tools/visual-tests"
 	],
 	"useNx": true,
-	"version": "2.1.9-rc.0"
+	"version": "2.1.9"
 }
diff --git a/packages/adapters/angular/v15/package.json b/packages/adapters/angular/v15/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/angular-v15",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/angular/v16/package.json b/packages/adapters/angular/v16/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/angular-v16",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/angular/v17/package.json b/packages/adapters/angular/v17/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/angular-v17",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/angular/v18/package.json b/packages/adapters/angular/v18/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/angular-v18",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/hydrate/package.json b/packages/adapters/hydrate/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/hydrate",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/preact/package.json b/packages/adapters/preact/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/preact",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/react-standalone/package.json b/packages/adapters/react-standalone/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/react-standalone",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/react/package.json b/packages/adapters/react/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/react",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/solid/package.json b/packages/adapters/solid/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/solid",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/adapters/vue/package.json b/packages/adapters/vue/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/vue",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/components",
-	"version": "2.1.9-rc.0",
+	"version": "2.1.9",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": {

diff --git a/packages/components/src/components/@shared/_kol-alert-mixin.scss b/packages/components/src/components/@shared/_kol-alert-mixin.scss
@@ -1,3 +1,4 @@
+@import '../@shared/mixins';
 @import '../style';
 @import '../host-display-block';
 
@@ -18,7 +19,7 @@
 
 		.close {
 			/* Visible with forced colors */
-			outline: transparent solid 1px;
+			outline: transparent solid rem(1);
 		}
 	}
 }
diff --git a/packages/components/src/components/@shared/_kol-table-stateless-mixin.scss b/packages/components/src/components/@shared/_kol-table-stateless-mixin.scss
@@ -1,3 +1,4 @@
+@import '../@shared/mixins';
 @import '../style';
 @import '../host-display-block';
 
@@ -33,9 +34,9 @@
 
 		.table:has(.focus-element:focus) {
 			/* @see https://remysharp.com/til/css/focus-ring-default-styles */
-			outline: 5px auto Highlight;
-			outline: 5px auto -webkit-focus-ring-color;
-			outline-offset: 2px;
+			outline: rem(5) auto Highlight;
+			outline: rem(5) auto -webkit-focus-ring-color;
+			outline-offset: rem(2);
 		}
 
 		.table-sort-button .button {
@@ -120,14 +121,14 @@
 				align-items: center;
 				justify-content: center;
 				background-color: rgb(255, 255, 255);
-				border-width: 2px;
+				border-width: rem(2);
 				line-height: 1.5;
 				transition: all 0.5s ease 0s;
 			}
 
 			input[type='radio'] {
 				display: flex;
-				border-width: 2px;
+				border-width: rem(2);
 				border-radius: 100%;
 				height: 1.5em;
 				min-height: 1.5em;

diff --git a/packages/components/src/components/a11y.scss b/packages/components/src/components/a11y.scss
@@ -6,7 +6,7 @@
 		/*
 		 * Minimum size of interactive elements.
 		 */
-		--a11y-min-size: 44px;
+		--a11y-min-size: #{rem(44)};
 		/*
 		 * No element should be used without a background and font color whose contrast ratio has
 		 * not been checked. By initially setting the background color to white and the font color
@@ -40,7 +40,7 @@
 	}
 
 	/*
-	 * All interactive elements should have a minimum size of 44px.
+	 * All interactive elements should have a minimum size of rem(44).
 	 */
 	/* input:not([type='checkbox'], [type='radio'], [type='range']), */
 	/* option, */
@@ -88,9 +88,9 @@
 .visually-hidden {
 	clip: rect(0 0 0 0);
 	clip-path: inset(50%);
-	height: 1px;
+	height: rem(1);
 	overflow: hidden;
 	position: absolute;
 	white-space: nowrap;
-	width: 1px;
+	width: rem(1);
 }
diff --git a/packages/components/src/components/accordion/style.scss b/packages/components/src/components/accordion/style.scss
@@ -1,7 +1,7 @@
-@use '../@shared/mixins';
-@use '../style';
-@use '../host-display-block';
-@use '../../functional-components/Collapsible/collapsible.scss';
+@import '../@shared/mixins';
+@import '../style';
+@import '../host-display-block';
+@import '../../functional-components/Collapsible/collapsible';
 
 @layer kol-component {
 	:host {

diff --git a/packages/components/src/components/alert/style.scss b/packages/components/src/components/alert/style.scss
@@ -1,5 +1,5 @@
 @import '../@shared/mixins';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 @import '../style';
 
 @layer kol-component {

diff --git a/packages/components/src/components/avatar/style.scss b/packages/components/src/components/avatar/style.scss
@@ -11,10 +11,10 @@
 		border-radius: 50%;
 		overflow: hidden;
 		/* Visible with forced colors  */
-		outline: transparent solid 1px;
+		outline: transparent solid rem(1);
 		/*theme?*/
-		width: 100px;
-		height: 100px;
+		width: rem(100);
+		height: rem(100);
 	}
 
 	.image {
@@ -30,6 +30,6 @@
 		justify-content: center;
 		/*theme?*/
 		background-color: #d3d3d3;
-		font-size: 40px;
+		font-size: rem(40);
 	}
 }
diff --git a/packages/components/src/components/badge/style.scss b/packages/components/src/components/badge/style.scss
@@ -11,7 +11,7 @@
 		display: inline-flex;
 		place-items: center;
 		/* Visible with forced colors  */
-		outline: transparent solid 1px;
+		outline: transparent solid rem(1);
 	}
 
 	:host > span > .kol-button-wc button {

diff --git a/packages/components/src/components/button.scss b/packages/components/src/components/button.scss
@@ -1,5 +1,5 @@
-@import '@shared/mixins';
-@import 'style';
+@import './@shared/mixins';
+@import './style';
 
 @layer kol-component {
 	:host {

diff --git a/packages/components/src/components/card/style.scss b/packages/components/src/components/card/style.scss
@@ -10,7 +10,7 @@
 		height: 100%;
 		position: relative;
 		/* Visible with forced colors  */
-		outline: transparent solid 1px;
+		outline: transparent solid rem(1);
 	}
 
 	.close {

diff --git a/packages/components/src/components/details/style.scss b/packages/components/src/components/details/style.scss
@@ -1,7 +1,7 @@
-@use '../@shared/mixins';
-@use '../style';
-@use '../host-display-block';
-@use '../../functional-components/Collapsible/collapsible.scss';
+@import '../@shared/mixins';
+@import '../style';
+@import '../host-display-block';
+@import '../../functional-components/Collapsible/collapsible';
 
 @layer kol-component {
 	:host {

diff --git a/packages/components/src/components/form/style.scss b/packages/components/src/components/form/style.scss
@@ -1,6 +1,6 @@
 @import '../@shared/mixins';
 @import '../input-line';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 @import '../link';
 
 @include kol-alert-styles;

diff --git a/packages/components/src/components/input-checkbox/checkbox.scss b/packages/components/src/components/input-checkbox/checkbox.scss
@@ -21,8 +21,8 @@
 		}
 
 		& .checkbox-input-element {
-			width: 22px;
-			height: 22px;
+			width: rem(22);
+			height: rem(22);
 		}
 	}
 }
diff --git a/packages/components/src/components/input-checkbox/common.scss b/packages/components/src/components/input-checkbox/common.scss
@@ -60,7 +60,7 @@
 
 	input {
 		border-style: solid;
-		border-width: 2px;
+		border-width: rem(2);
 		line-height: 1.5;
 	}
 

diff --git a/packages/components/src/components/input-checkbox/style.scss b/packages/components/src/components/input-checkbox/style.scss
@@ -1,8 +1,8 @@
 @import '../input';
-@import 'common';
-@import 'button';
-@import 'checkbox';
-@import 'switch';
-@import '../@shared/kol-alert-mixin.scss';
+@import './common';
+@import './button';
+@import './checkbox';
+@import './switch';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
diff --git a/packages/components/src/components/input-checkbox/switch.scss b/packages/components/src/components/input-checkbox/switch.scss
@@ -14,8 +14,8 @@
 	.switch input[type='checkbox']::before {
 		background-color: #000;
 		height: 1.2em;
-		left: calc(0.25em - 2px);
-		top: calc(0.25em - 2px);
+		left: calc(0.25em - rem(2));
+		top: calc(0.25em - rem(2));
 		position: absolute;
 		transition: 0.5s;
 		width: 1.2em;
@@ -39,7 +39,7 @@
 		position: absolute;
 		z-index: 1;
 		top: 50%;
-		left: 4px;
+		left: rem(4);
 		transform: translate(0, -50%);
 		transition: 0.5s;
 		color: #000;

diff --git a/packages/components/src/components/input-color/style.scss b/packages/components/src/components/input-color/style.scss
@@ -1,6 +1,6 @@
 @import '../@shared/mixins';
 @import '../input-line';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
 

diff --git a/packages/components/src/components/input-date/style.scss b/packages/components/src/components/input-date/style.scss
@@ -1,6 +1,6 @@
 @import '../@shared/mixins';
 @import '../input-line';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
 

diff --git a/packages/components/src/components/input-email/style.scss b/packages/components/src/components/input-email/style.scss
@@ -1,6 +1,6 @@
 @import '../@shared/mixins';
 @import '../input-line';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
 

diff --git a/packages/components/src/components/input-file/style.scss b/packages/components/src/components/input-file/style.scss
@@ -1,6 +1,6 @@
 @import '../@shared/mixins';
 @import '../input-line';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
 

diff --git a/packages/components/src/components/input-line.scss b/packages/components/src/components/input-line.scss
@@ -1,4 +1,4 @@
-@import 'input';
+@import './input';
 
 @layer kol-component {
 	.kol-input {

diff --git a/packages/components/src/components/input-number/style.scss b/packages/components/src/components/input-number/style.scss
@@ -1,6 +1,6 @@
 @import '../@shared/mixins';
 @import '../input-line';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
 

diff --git a/packages/components/src/components/input-password/style.scss b/packages/components/src/components/input-password/style.scss
@@ -1,6 +1,6 @@
 @import '../@shared/mixins';
 @import '../input-line';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
 
@@ -15,6 +15,6 @@
 	}
 
 	.kol-tooltip-wc {
-		--kol-tooltip-width: rem(160);
+		--kol-tooltip-width: #{rem(160)};
 	}
 }
diff --git a/packages/components/src/components/input-radio/style.scss b/packages/components/src/components/input-radio/style.scss
@@ -1,12 +1,12 @@
 @import '../@shared/mixins';
 @import '../input';
-@import '../@shared/kol-alert-mixin.scss';
+@import '../@shared/kol-alert-mixin';
 
 @include kol-alert-styles;
 
 @layer kol-component {
 	:host {
-		--border-width: 2px;
+		--border-width: #{rem(2)};
 		--input-size: 1.5em;
 		font-size: rem(16);
 	}