diff --git a/lerna.json b/lerna.json index 82a283543f..0b32df5eb9 100644 --- a/lerna.json +++ b/lerna.json @@ -29,5 +29,5 @@ "packages/tools/visual-tests" ], "useNx": true, - "version": "2.0.0-rc.7" + "version": "2.0.0-rc.8" } diff --git a/packages/adapters/angular/v11/package.json b/packages/adapters/angular/v11/package.json index 12b6cc7082..bb89f12dc9 100644 --- a/packages/adapters/angular/v11/package.json +++ b/packages/adapters/angular/v11/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/angular-v11", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -66,7 +66,7 @@ "@angular/compiler": "11.2.14", "@angular/compiler-cli": "11.2.14", "@angular/core": "11.2.14", - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts4.1", @@ -80,7 +80,7 @@ }, "peerDependencies": { "@angular/core": "^11", - "@public-ui/components": "2.0.0-rc.7" + "@public-ui/components": "2.0.0-rc.8" }, "files": [ "dist" diff --git a/packages/adapters/angular/v12/package.json b/packages/adapters/angular/v12/package.json index d782b23da7..9ce51aafab 100644 --- a/packages/adapters/angular/v12/package.json +++ b/packages/adapters/angular/v12/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/angular-v12", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -66,7 +66,7 @@ "@angular/compiler": "12.2.17", "@angular/compiler-cli": "12.2.17", "@angular/core": "12.2.17", - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts4.3", @@ -80,7 +80,7 @@ }, "peerDependencies": { "@angular/core": "^12", - "@public-ui/components": "2.0.0-rc.7" + "@public-ui/components": "2.0.0-rc.8" }, "files": [ "dist" diff --git a/packages/adapters/angular/v13/package.json b/packages/adapters/angular/v13/package.json index f349f5dbdb..152a831ee4 100644 --- a/packages/adapters/angular/v13/package.json +++ b/packages/adapters/angular/v13/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/angular-v13", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -66,7 +66,7 @@ "@angular/compiler": "13.4.0", "@angular/compiler-cli": "13.4.0", "@angular/core": "13.4.0", - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts4.6", @@ -80,7 +80,7 @@ }, "peerDependencies": { "@angular/core": "^13", - "@public-ui/components": "2.0.0-rc.7" + "@public-ui/components": "2.0.0-rc.8" }, "files": [ "dist" diff --git a/packages/adapters/angular/v14/package.json b/packages/adapters/angular/v14/package.json index e45d803e7a..41d4e0988f 100644 --- a/packages/adapters/angular/v14/package.json +++ b/packages/adapters/angular/v14/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/angular-v14", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -66,7 +66,7 @@ "@angular/compiler": "14.3.0", "@angular/compiler-cli": "14.3.0", "@angular/core": "14.3.0", - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts4.8", @@ -80,7 +80,7 @@ }, "peerDependencies": { "@angular/core": "^14", - "@public-ui/components": "2.0.0-rc.7" + "@public-ui/components": "2.0.0-rc.8" }, "files": [ "dist" diff --git a/packages/adapters/angular/v15/package.json b/packages/adapters/angular/v15/package.json index 9458fe41dd..b4f195f09a 100644 --- 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.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -66,7 +66,7 @@ "@angular/compiler": "15.2.10", "@angular/compiler-cli": "15.2.10", "@angular/core": "15.2.10", - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts4.9", @@ -80,7 +80,7 @@ }, "peerDependencies": { "@angular/core": "^15", - "@public-ui/components": "2.0.0-rc.7" + "@public-ui/components": "2.0.0-rc.8" }, "files": [ "dist" diff --git a/packages/adapters/angular/v16/package.json b/packages/adapters/angular/v16/package.json index e72420daef..10fd4b5318 100644 --- 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.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -66,7 +66,7 @@ "@angular/compiler": "16.2.11", "@angular/compiler-cli": "16.2.11", "@angular/core": "16.2.11", - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts5.1", @@ -80,7 +80,7 @@ }, "peerDependencies": { "@angular/core": "^16", - "@public-ui/components": "2.0.0-rc.7" + "@public-ui/components": "2.0.0-rc.8" }, "files": [ "dist" diff --git a/packages/adapters/hydrate/package.json b/packages/adapters/hydrate/package.json index 85ee124448..00b34c8c8b 100644 --- a/packages/adapters/hydrate/package.json +++ b/packages/adapters/hydrate/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/hydrate", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -46,11 +46,11 @@ "prepack": "npm run build" }, "devDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "rimraf": "3.0.2" }, "peerDependencies": { - "@public-ui/components": "2.0.0-rc.7" + "@public-ui/components": "2.0.0-rc.8" }, "sideEffects": false, "type": "commonjs", diff --git a/packages/adapters/preact/package.json b/packages/adapters/preact/package.json index 826bc0fb2b..97d42e26b8 100644 --- a/packages/adapters/preact/package.json +++ b/packages/adapters/preact/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/preact", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -46,10 +46,10 @@ "prepack": "unbuild" }, "dependencies": { - "@public-ui/react": "2.0.0-rc.7" + "@public-ui/react": "2.0.0-rc.8" }, "devDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "react": "18.2.0", "react-dom": "18.2.0", "typescript": "5.2.2", diff --git a/packages/adapters/react-standalone/kolibri-rock's.html b/packages/adapters/react-standalone/kolibri-rock's.html index f059f57a5e..367cde0a26 100644 --- a/packages/adapters/react-standalone/kolibri-rock's.html +++ b/packages/adapters/react-standalone/kolibri-rock's.html @@ -10,8 +10,8 @@ - - + + @@ -23,7 +23,7 @@
diff --git a/packages/adapters/react-standalone/package.json b/packages/adapters/react-standalone/package.json index ce6d9aca0f..f2e65a8f8f 100644 --- 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.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -47,12 +47,12 @@ "prepack": "pnpm build" }, "devDependencies": { - "@public-ui/react": "2.0.0-rc.7", + "@public-ui/react": "2.0.0-rc.8", "cpy-cli": "5.0.0", "rimraf": "3.0.2" }, "peerDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "react": ">=16.14.0", "react-dom": ">=16.14.0" }, diff --git a/packages/adapters/react/package.json b/packages/adapters/react/package.json index 7965966f4f..c87aaa70f8 100644 --- a/packages/adapters/react/package.json +++ b/packages/adapters/react/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/react", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -46,7 +46,7 @@ "prepack": "unbuild" }, "devDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts5.1", @@ -59,7 +59,7 @@ "unbuild": "1.2.1" }, "peerDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "react": ">=16.14.0", "react-dom": ">=16.14.0" }, diff --git a/packages/adapters/solid/package.json b/packages/adapters/solid/package.json index 46f95a3c38..a970a69d69 100644 --- a/packages/adapters/solid/package.json +++ b/packages/adapters/solid/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/solid", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -46,7 +46,7 @@ "prepack": "unbuild" }, "devDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts5.1", @@ -56,7 +56,7 @@ "unbuild": "1.2.1" }, "peerDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "solid-js": ">=1.2.0" }, "sideEffects": false, diff --git a/packages/adapters/vue/package.json b/packages/adapters/vue/package.json index 689a634a01..bdff15b140 100644 --- a/packages/adapters/vue/package.json +++ b/packages/adapters/vue/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/vue", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -47,7 +47,7 @@ }, "devDependencies": { "@babel/types": "7.23.0", - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "@types/minimatch": "5.1.2", "@types/minimist": "1.2.4", "@types/node": "ts5.1", @@ -57,7 +57,7 @@ "vue": "3.3.7" }, "peerDependencies": { - "@public-ui/components": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", "vue": ">=3" }, "sideEffects": false, diff --git a/packages/components/package.json b/packages/components/package.json index 812778f0ab..769d1b6bc6 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@public-ui/components", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", @@ -69,7 +69,7 @@ "dependencies": { "@a11y-ui/core": "1.0.7", "@floating-ui/dom": "1.5.3", - "@public-ui/schema": "2.0.0-rc.7", + "@public-ui/schema": "2.0.0-rc.8", "i18next": "23.6.0", "markdown-it": "13.0.2" }, diff --git a/packages/components/src/components/accordion/component.tsx b/packages/components/src/components/accordion/component.tsx index c25d937177..c2a5c28be8 100644 --- a/packages/components/src/components/accordion/component.tsx +++ b/packages/components/src/components/accordion/component.tsx @@ -1,6 +1,6 @@ // https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml -import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core'; +import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core'; import { HeadingLevel } from '../../types/heading-level'; import { LabelPropType, validateLabel } from '../../types/props/label'; @@ -8,6 +8,7 @@ import { OpenPropType, validateOpen } from '../../types/props/open'; import { featureHint } from '../../utils/a11y.tipps'; import { nonce } from '../../utils/dev.utils'; import { setState } from '../../utils/prop.validators'; +import { propagateFocus } from '../../utils/reuse'; import { watchHeadingLevel } from '../heading/validation'; import { API, KoliBriAccordionCallbacks, States } from './types'; @@ -30,8 +31,13 @@ featureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`); shadow: true, }) export class KolAccordion implements API { + @Element() private readonly host?: HTMLKolDetailsElement; private readonly nonce = nonce(); + private readonly catchRef = (ref?: HTMLKolButtonWcElement) => { + propagateFocus(this.host, ref); + }; + public render(): JSX.Element { return ( @@ -43,7 +49,8 @@ export class KolAccordion implements API { > { - this.ref = ref; - propagateFocus(this.host, this.ref); + propagateFocus(this.host, ref); }; public render(): JSX.Element { diff --git a/packages/components/src/components/button/shadow.tsx b/packages/components/src/components/button/shadow.tsx index 4c697abbfa..6e166e0105 100644 --- a/packages/components/src/components/button/shadow.tsx +++ b/packages/components/src/components/button/shadow.tsx @@ -24,11 +24,9 @@ import { AccessKeyPropType } from '../../types/props/access-key'; }) export class KolButton implements Props { @Element() private readonly host?: HTMLKolButtonElement; - private ref?: HTMLKolButtonWcElement; private readonly catchRef = (ref?: HTMLKolButtonWcElement) => { - this.ref = ref; - propagateFocus(this.host, this.ref); + propagateFocus(this.host, ref); }; public render(): JSX.Element { diff --git a/packages/components/src/components/details/component.tsx b/packages/components/src/components/details/component.tsx index f43d93aa7e..cf8781ecf8 100644 --- a/packages/components/src/components/details/component.tsx +++ b/packages/components/src/components/details/component.tsx @@ -6,6 +6,7 @@ import { tryToDispatchKoliBriEvent } from '../../utils/events'; import { setState } from '../../utils/prop.validators'; import DetailsAnimationController from './DetailsAnimationController'; import { API, EventCallbacks, States } from './types'; +import { propagateFocus } from '../../utils/reuse'; /** * @slot - Der Inhalt, der in der Detailbeschreibung angezeigt wird. @@ -23,6 +24,11 @@ export class KolDetails implements API { private summaryElement?: HTMLElement; private contentElement?: HTMLElement; + private readonly catchRef = (ref?: HTMLElement) => { + this.summaryElement = ref; + propagateFocus(this.host, this.summaryElement); + }; + public render(): JSX.Element { return ( @@ -32,11 +38,11 @@ export class KolDetails implements API { }} onToggle={this.handleToggle} > - (this.summaryElement = element)}> + {this.state._label} -
(this.contentElement = element)}> +
(this.contentElement = element)}> diff --git a/packages/components/src/components/details/test/html.mock.ts b/packages/components/src/components/details/test/html.mock.ts index 7601c7563f..137c8e18a0 100644 --- a/packages/components/src/components/details/test/html.mock.ts +++ b/packages/components/src/components/details/test/html.mock.ts @@ -31,7 +31,7 @@ export const getDetailsHtml = ( ${props._label}
-
+
diff --git a/packages/components/src/components/image/style.css b/packages/components/src/components/image/style.css index 3589a3a56d..ee4adecc0a 100644 --- a/packages/components/src/components/image/style.css +++ b/packages/components/src/components/image/style.css @@ -1,4 +1,7 @@ @layer kol-component { + :host { + display: inline-block; + } img { max-height: 100%; max-width: 100%; diff --git a/packages/components/src/components/input-checkbox/component.tsx b/packages/components/src/components/input-checkbox/component.tsx index cc04c31090..f9b68c31a2 100644 --- a/packages/components/src/components/input-checkbox/component.tsx +++ b/packages/components/src/components/input-checkbox/component.tsx @@ -31,11 +31,9 @@ import { InternalUnderlinedAccessKey } from '../span/InternalUnderlinedAccessKey }) export class KolInputCheckbox implements API { @Element() private readonly host?: HTMLKolInputCheckboxElement; - private ref?: HTMLInputElement; private readonly catchRef = (ref?: HTMLInputElement) => { - this.ref = ref; - propagateFocus(this.host, this.ref); + propagateFocus(this.host, ref); }; public render(): JSX.Element { @@ -53,7 +51,7 @@ export class KolInputCheckbox implements API { }} data-role={this.state._variant === 'button' ? 'button' : undefined} onKeyPress={this.state._variant === 'button' ? this.onChange : undefined} - tabIndex={this.state._variant === 'button' ? 0 : undefined} + tabIndex={this.state._variant === 'button' && !this.state._disabled ? 0 : undefined} _accessKey={this.state._accessKey} _alert={this.state._alert} _disabled={this.state._disabled} diff --git a/packages/components/src/components/input-radio/component.tsx b/packages/components/src/components/input-radio/component.tsx index f69365d26a..89ad7ef9f9 100644 --- a/packages/components/src/components/input-radio/component.tsx +++ b/packages/components/src/components/input-radio/component.tsx @@ -32,11 +32,9 @@ import { InternalUnderlinedAccessKey } from '../span/InternalUnderlinedAccessKey }) export class KolInputRadio implements API { @Element() private readonly host?: HTMLKolInputRadioElement; - private ref?: HTMLInputElement; private readonly catchRef = (ref?: HTMLInputElement) => { - this.ref = ref; - propagateFocus(this.host, this.ref); + propagateFocus(this.host, ref); }; public render(): JSX.Element { diff --git a/packages/components/src/components/link-button/component.tsx b/packages/components/src/components/link-button/component.tsx index bc130c7c32..44ac156832 100644 --- a/packages/components/src/components/link-button/component.tsx +++ b/packages/components/src/components/link-button/component.tsx @@ -25,11 +25,9 @@ import { AccessKeyPropType } from '../../types/props/access-key'; }) export class KolLinkButton implements Props { @Element() private readonly host?: HTMLKolLinkButtonElement; - private ref?: HTMLKolLinkWcElement; private readonly catchRef = (ref?: HTMLKolLinkWcElement) => { - this.ref = ref; - propagateFocus(this.host, this.ref); + propagateFocus(this.host, ref); }; public render(): JSX.Element { diff --git a/packages/components/src/components/link/shadow.tsx b/packages/components/src/components/link/shadow.tsx index 02e962906a..b383f1382e 100644 --- a/packages/components/src/components/link/shadow.tsx +++ b/packages/components/src/components/link/shadow.tsx @@ -23,11 +23,9 @@ import { AccessKeyPropType } from '../../types/props/access-key'; }) export class KolLink implements LinkProps { @Element() private readonly host?: HTMLKolLinkElement; - private ref?: HTMLKolLinkWcElement; private readonly catchRef = (ref?: HTMLKolLinkWcElement) => { - this.ref = ref; - propagateFocus(this.host, this.ref); + propagateFocus(this.host, ref); }; public render(): JSX.Element { diff --git a/packages/components/src/components/logo/style.css b/packages/components/src/components/logo/style.css index ba8e853753..0942931b8c 100644 --- a/packages/components/src/components/logo/style.css +++ b/packages/components/src/components/logo/style.css @@ -1,7 +1,7 @@ @import url(../style.css); @layer kol-component { :host { - display: block; + display: inline-block; } text { diff --git a/packages/components/src/index.html b/packages/components/src/index.html index ddb91ec45d..c80cf2dd90 100644 --- a/packages/components/src/index.html +++ b/packages/components/src/index.html @@ -238,7 +238,7 @@
- +
@@ -2188,8 +2188,8 @@
- - + +
diff --git a/packages/components/src/utils/dev.utils.ts b/packages/components/src/utils/dev.utils.ts index f961f0b264..eead503895 100644 --- a/packages/components/src/utils/dev.utils.ts +++ b/packages/components/src/utils/dev.utils.ts @@ -134,7 +134,7 @@ export const initKoliBri = (): void => { | . ' | .-. | | | ,--. | .-. \\ | .--' ,--. | |\\ \\ | '-' | | | | | | '--' / | | | | \`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--' - 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0-rc.7 + 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0-rc.8 `, { forceLog: true, diff --git a/packages/create-kolibri/package.json b/packages/create-kolibri/package.json index ac8ba988f3..b0de2a0489 100644 --- a/packages/create-kolibri/package.json +++ b/packages/create-kolibri/package.json @@ -1,6 +1,6 @@ { "name": "create-kolibri", - "version": "2.0.0-rc.7", + "version": "2.0.0-rc.8", "license": "EUPL-1.2", "homepage": "https://public-ui.github.io", "repository": "https://github.com/public-ui/kolibri", diff --git a/packages/create-kolibri/templates/angular-app/package.json b/packages/create-kolibri/templates/angular-app/package.json index 3f9718549f..679650f5f6 100644 --- a/packages/create-kolibri/templates/angular-app/package.json +++ b/packages/create-kolibri/templates/angular-app/package.json @@ -29,9 +29,9 @@ "@angular/forms": "16.2.2", "@angular/platform-browser": "16.2.2", "@angular/platform-browser-dynamic": "16.2.2", - "@public-ui/angular-v16": "2.0.0-rc.7", - "@public-ui/components": "2.0.0-rc.7", - "@public-ui/themes": "2.0.0-rc.7", + "@public-ui/angular-v16": "2.0.0-rc.8", + "@public-ui/components": "2.0.0-rc.8", + "@public-ui/themes": "2.0.0-rc.8", "zone.js": "0.13.1" }, "devDependencies": { diff --git a/packages/create-kolibri/templates/astro-app/package.json b/packages/create-kolibri/templates/astro-app/package.json index 2306443f57..ad674833d7 100644 --- a/packages/create-kolibri/templates/astro-app/package.json +++ b/packages/create-kolibri/templates/astro-app/package.json @@ -26,9 +26,9 @@ "@astrojs/react": "1.2.2", "@astrojs/preact": "1.2.0", "@leanup/stack": "1.3.39", - "@public-ui/components": "2.0.0-rc.7", - "@public-ui/react": "2.0.0-rc.7", - "@public-ui/themes": "2.0.0-rc.7", + "@public-ui/components": "2.0.0-rc.8", + "@public-ui/react": "2.0.0-rc.8", + "@public-ui/themes": "2.0.0-rc.8", "@types/react": "18.0.26", "@types/node": "18.11.17", "@types/react-dom": "18.0.9", diff --git a/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro b/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro index 164d29f784..6be8654d88 100644 --- a/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro +++ b/packages/create-kolibri/templates/astro-app/src/layouts/MainLayout.astro @@ -21,9 +21,9 @@ import Search from '../components/Search';