Merge branch 'develop' into 6167-todo-remove-samples-to-template-repo…

…sitory # Conflicts: # packages/samples/angular/package.json # packages/samples/library/app/package.json # packages/samples/library/components/adapters/angular/package.json # packages/samples/library/components/adapters/react/package.json # packages/samples/library/components/adapters/vue/package.json # packages/samples/library/components/package.json # packages/samples/library/schema/package.json # packages/samples/library/theme/package.json # packages/samples/ssr/package.json # packages/samples/vite/package.json # pnpm-lock.yaml
public-ui · Mar 8, 2024 · 68c02c1 · 68c02c1
2 parents 05b9fee + a3931ea
commit 68c02c1
Show file tree

Hide file tree

Showing 180 changed files with 7,791 additions and 3,797 deletions.
diff --git a/package.json b/package.json
@@ -39,11 +39,11 @@
 		"lint-staged": "15.2.2",
 		"npm-check-updates": "16.14.15",
 		"npm-run-all": "4.1.5",
-		"pnpm": "8.15.3",
+		"pnpm": "8.15.4",
 		"prettier": "3.2.5",
 		"rimraf": "3.0.2",
 		"ts-node": "10.9.2",
 		"ts-prune": "0.10.3",
-		"typescript": "5.3.3"
+		"typescript": "5.4.2"
 	}
 }
diff --git a/packages/adapters/angular/v17/package.json b/packages/adapters/angular/v17/package.json
@@ -63,9 +63,9 @@
 		"import": "./dist/index.js"
 	},
 	"devDependencies": {
-		"@angular/compiler": "17.2.1",
-		"@angular/compiler-cli": "17.2.1",
-		"@angular/core": "17.2.1",
+		"@angular/compiler": "17.2.4",
+		"@angular/compiler-cli": "17.2.4",
+		"@angular/core": "17.2.4",
 		"@public-ui/components": "2.0.8",
 		"@types/minimatch": "5.1.2",
 		"@types/minimist": "1.2.5",

diff --git a/packages/adapters/react/README.md b/packages/adapters/react/README.md
@@ -39,7 +39,8 @@ register(DEFAULT, defineCustomElements)
 Then, you can import any component from `@public-ui/react` and render it within React components:
 
 ```tsx
-import React, { FC } from 'react';
+import React from 'react';
+import type { FC } from 'react';
 import { KolButton } from '@public-ui/react';
 
 export default (): FC => <KolButton _label="Hello World" />;

diff --git a/packages/adapters/react/package.json b/packages/adapters/react/package.json
@@ -51,8 +51,8 @@
 		"@types/minimist": "1.2.5",
 		"@types/node": "ts5.3",
 		"@types/normalize-package-data": "2.4.4",
-		"@types/react": "18.2.57",
-		"@types/react-dom": "18.2.19",
+		"@types/react": "18.2.64",
+		"@types/react-dom": "18.2.21",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
 		"typescript": "5.3.3",

diff --git a/packages/adapters/vue/package.json b/packages/adapters/vue/package.json
@@ -46,15 +46,15 @@
 		"prepack": "unbuild"
 	},
 	"devDependencies": {
-		"@babel/types": "7.23.9",
+		"@babel/types": "7.24.0",
 		"@public-ui/components": "2.0.8",
 		"@types/minimatch": "5.1.2",
 		"@types/minimist": "1.2.5",
 		"@types/node": "ts5.3",
 		"@types/normalize-package-data": "2.4.4",
 		"typescript": "5.3.3",
 		"unbuild": "1.2.1",
-		"vue": "3.4.19"
+		"vue": "3.4.21"
 	},
 	"peerDependencies": {
 		"@public-ui/components": "2.0.8",

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -69,15 +69,15 @@
 	"dependencies": {
 		"@floating-ui/dom": "1.6.3",
 		"@public-ui/schema": "2.0.8",
-		"adopted-style-sheets": "1.1.3",
-		"i18next": "23.9.0",
+		"adopted-style-sheets": "1.1.4",
+		"i18next": "23.10.0",
 		"markdown-it": "14.0.0"
 	},
 	"devDependencies": {
 		"@stencil/angular-output-target": "0.8.4",
-		"@stencil/core": "4.12.3",
+		"@stencil/core": "4.12.5",
 		"@stencil/postcss": "2.1.0",
-		"@stencil/sass": "3.0.9",
+		"@stencil/sass": "3.0.10",
 		"@stencil/react-output-target": "0.5.3",
 		"@stencil/solid-output-target": "file:node_martin/stencil-solid-output-target-0.0.1.tgz",
 		"@stencil/vue-output-target": "0.8.7",
@@ -87,31 +87,31 @@
 		"@types/node": "ts5.3",
 		"@types/pug": "2.0.10",
 		"@types/twig": "1.12.16",
-		"@typescript-eslint/eslint-plugin": "7.0.2",
-		"@typescript-eslint/parser": "7.0.2",
-		"autoprefixer": "10.4.17",
+		"@typescript-eslint/eslint-plugin": "7.1.1",
+		"@typescript-eslint/parser": "7.1.1",
+		"autoprefixer": "10.4.18",
 		"color-rgba": "2.4.0",
 		"cross-env": "7.0.3",
 		"clsx": "2.1.0",
-		"cssnano": "6.0.3",
-		"eslint": "8.56.0",
+		"cssnano": "6.1.0",
+		"eslint": "8.57.0",
 		"eslint-plugin-html": "8.0.0",
-		"eslint-plugin-jsdoc": "48.1.0",
+		"eslint-plugin-jsdoc": "48.2.1",
 		"eslint-plugin-json": "3.1.0",
 		"eslint-plugin-jsx-a11y": "6.8.0",
 		"eslint-plugin-no-loops": "0.3.0",
-		"eslint-plugin-react": "7.33.2",
+		"eslint-plugin-react": "7.34.0",
 		"jest": "26.6.3",
-		"knip": "5.0.1",
-		"lighthouse": "11.5.0",
+		"knip": "5.0.3",
+		"lighthouse": "11.6.0",
 		"mustache": "4.2.0",
 		"postcss": "8.4.35",
 		"postcss-sorting": "8.0.2",
 		"prettier": "2.8.8",
 		"pug": "3.0.2",
 		"rimraf": "5.0.5",
 		"stencil-awesome-test": "1.0.6",
-		"terser": "5.27.2",
+		"terser": "5.29.1",
 		"tslib": "2.6.2",
 		"twig": "1.17.1",
 		"typescript": "5.3.3"

diff --git a/packages/components/src/components/@shared/form-field-msg.tsx b/packages/components/src/components/@shared/form-field-msg.tsx
@@ -10,7 +10,7 @@ type FormFieldMsgProps = {
 };
 
 export const FormFieldMsg: FunctionalComponent<FormFieldMsgProps> = ({ _alert, _error, _hideError, _id }) => (
-	<kol-alert
+	<kol-alert-wc
 		/**
 		 * This message is read out by screen readers if the input field
 		 * refers to the message using the <code>aria-describedby</code>
@@ -27,5 +27,5 @@ export const FormFieldMsg: FunctionalComponent<FormFieldMsgProps> = ({ _alert, _
 		}}
 	>
 		{_error}
-	</kol-alert>
+	</kol-alert-wc>
 );
diff --git a/packages/components/src/components/@shared/kol-alert-mixin.scss b/packages/components/src/components/@shared/kol-alert-mixin.scss
@@ -0,0 +1,24 @@
+@import '../style';
+@import '../host-display-block';
+
+@mixin kol-alert-styles {
+	@layer kol-component {
+		.kol-alert-wc {
+			display: grid;
+		}
+
+		.kol-alert-wc .heading {
+			display: flex;
+			place-items: center;
+		}
+
+		.kol-alert-wc .heading > div {
+			flex-grow: 1;
+		}
+
+		.close {
+			/* Visible with forced colors */
+			outline: transparent solid 1px;
+		}
+	}
+}
diff --git a/packages/components/src/components/alert/style.scss b/packages/components/src/components/alert/style.scss
@@ -1,22 +1,3 @@
-@import '../style';
-@import '../host-display-block';
+@import '../@shared/kol-alert-mixin.scss';
 
-@layer kol-component {
-	.kol-alert-wc {
-		display: grid;
-	}
-
-	.kol-alert-wc .heading {
-		display: flex;
-		place-items: center;
-	}
-
-	.kol-alert-wc .heading > div {
-		flex-grow: 1;
-	}
-
-	.close {
-		/* Visible with forced colors */
-		outline: transparent solid 1px;
-	}
-}
+@include kol-alert-styles;
diff --git a/packages/components/src/components/input-checkbox/checkbox.scss b/packages/components/src/components/input-checkbox/checkbox.scss
@@ -15,6 +15,7 @@
 			position: absolute;
 			z-index: 1;
 		}
+
 		&:not(.checked):not(.indeterminate) .icon::part(icon) {
 			display: none;
 		}

diff --git a/packages/components/src/components/input-checkbox/style.scss b/packages/components/src/components/input-checkbox/style.scss
@@ -3,3 +3,6 @@
 @import 'button';
 @import 'checkbox';
 @import 'switch';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
diff --git a/packages/components/src/components/input-color/style.scss b/packages/components/src/components/input-color/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 	div.input {

diff --git a/packages/components/src/components/input-date/style.scss b/packages/components/src/components/input-date/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 	.kol-input-number {

diff --git a/packages/components/src/components/input-email/style.scss b/packages/components/src/components/input-email/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 }
diff --git a/packages/components/src/components/input-file/style.scss b/packages/components/src/components/input-file/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 	label input[type='file']::-webkit-file-upload-button {

diff --git a/packages/components/src/components/input-number/style.scss b/packages/components/src/components/input-number/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 }
diff --git a/packages/components/src/components/input-password/style.scss b/packages/components/src/components/input-password/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 }
diff --git a/packages/components/src/components/input-radio/style.scss b/packages/components/src/components/input-radio/style.scss
@@ -1,4 +1,7 @@
 @import '../input';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 	:host {

diff --git a/packages/components/src/components/input-range/style.scss b/packages/components/src/components/input-range/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 	.inputs-wrapper {

diff --git a/packages/components/src/components/input-text/style.scss b/packages/components/src/components/input-text/style.scss
@@ -1,4 +1,7 @@
 @import '../input-line';
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
 
 @layer kol-component {
 }
diff --git a/packages/components/src/components/input/style.scss b/packages/components/src/components/input/style.scss
@@ -0,0 +1,3 @@
+@import '../@shared/kol-alert-mixin.scss';
+
+@include kol-alert-styles;
diff --git a/packages/create-kolibri/package.json b/packages/create-kolibri/package.json
@@ -98,7 +98,7 @@
 	},
 	"devDependencies": {
 		"@types/node": "ts5.3",
-		"knip": "5.0.2",
+		"knip": "5.0.3",
 		"prettier": "3.2.5",
 		"rimraf": "3.0.2",
 		"tsup": "8.0.2",

diff --git a/packages/create-kolibri/templates/angular-app/package.json b/packages/create-kolibri/templates/angular-app/package.json
@@ -40,7 +40,7 @@
 		"@ngtools/webpack": "17.2.1",
 		"@unocss/preset-mini": "0.47.6",
 		"@unocss/webpack": "0.47.6",
-		"chromedriver": "122.0.3",
+		"chromedriver": "122.0.4",
 		"cpy-cli": "5.0.0",
 		"knip": "5.0.2",
 		"eslint-plugin-jsx-a11y": "6.8.0",

diff --git a/packages/create-kolibri/templates/astro-app/package.json b/packages/create-kolibri/templates/astro-app/package.json
@@ -33,7 +33,7 @@
 		"@types/node": "18.11.17",
 		"@types/react-dom": "18.0.9",
 		"astro": "1.7.2",
-		"chromedriver": "121.0.0",
+		"chromedriver": "122.0.4",
 		"cpy-cli": "5.0.0",
 		"nightwatch-axe-verbose": "2.3.0",
 		"npm-check-updates": "16.6.0",

diff --git a/packages/create-kolibri/templates/preact-app/package.json b/packages/create-kolibri/templates/preact-app/package.json
@@ -36,7 +36,7 @@
 		"@leanup/stack-webpack": "1.3.49",
 		"@unocss/preset-mini": "0.47.6",
 		"@unocss/webpack": "0.47.6",
-		"chromedriver": "122.0.3",
+		"chromedriver": "122.0.4",
 		"cpy-cli": "5.0.0",
 		"knip": "5.0.2",
 		"eslint-plugin-jsx-a11y": "6.8.0",

diff --git a/packages/create-kolibri/templates/react-app/package.json b/packages/create-kolibri/templates/react-app/package.json
@@ -39,7 +39,7 @@
 		"@types/react-dom": "18.2.19",
 		"@unocss/preset-mini": "0.58.5",
 		"@unocss/webpack": "0.58.5",
-		"chromedriver": "122.0.3",
+		"chromedriver": "122.0.4",
 		"cpy-cli": "5.0.0",
 		"eslint-plugin-jsx-a11y": "6.8.0",
 		"eslint-plugin-react": "7.33.2",

diff --git a/packages/create-kolibri/templates/solid-app/package.json b/packages/create-kolibri/templates/solid-app/package.json
@@ -37,7 +37,7 @@
 		"@leanup/stack-webpack": "1.3.49",
 		"@unocss/preset-mini": "0.47.6",
 		"@unocss/webpack": "0.47.6",
-		"chromedriver": "121.0.0",
+		"chromedriver": "122.0.4",
 		"cpy-cli": "4.2.0",
 		"nightwatch-axe-verbose": "2.3.0",
 		"npm-check-updates": "16.6.0",

diff --git a/packages/create-kolibri/templates/vue-app/package.json b/packages/create-kolibri/templates/vue-app/package.json
@@ -36,7 +36,7 @@
 		"@leanup/stack-vue3": "1.3.49",
 		"@unocss/preset-mini": "0.58.5",
 		"@unocss/webpack": "0.58.5",
-		"chromedriver": "122.0.3",
+		"chromedriver": "122.0.4",
 		"cpy-cli": "5.0.0",
 		"npm-check-updates": "16.14.15",
 		"npm-run-all": "4.1.5",

diff --git a/packages/designer/package.json b/packages/designer/package.json
@@ -34,7 +34,7 @@
 		"@public-ui/components": "2.0.8",
 		"@public-ui/solid": "2.0.8",
 		"@public-ui/themes": "2.0.8",
-		"adopted-style-sheets": "1.1.3",
+		"adopted-style-sheets": "1.1.4",
 		"monaco-editor": "0.46.0",
 		"monaco-editor-webpack-plugin": "7.1.0",
 		"prettier": "2.8.8",
@@ -50,14 +50,14 @@
 		"@unocss/preset-mini": "0.58.5",
 		"@unocss/webpack": "0.58.5",
 		"ajv": "8.12.0",
-		"chromedriver": "121.0.2",
+		"chromedriver": "122.0.4",
 		"cpy-cli": "5.0.0",
 		"depcheck": "1.4.7",
 		"eslint-plugin-jsx-a11y": "6.8.0",
 		"eslint-plugin-no-loops": "0.3.0",
 		"nightwatch-axe-verbose": "2.3.0",
 		"npm-run-all": "4.1.5",
-		"playwright": "1.41.2",
+		"playwright": "1.42.1",
 		"react-dev-utils": "12.0.1",
 		"rimraf": "3.0.2",
 		"ts-prune": "0.10.3",
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		@import '../@shared/kol-alert-mixin.scss';

		@include kol-alert-styles;