From c2f993b68be75bbeaf56206a3933b2b9e69c3815 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Tue, 28 May 2024 15:58:48 +0200
Subject: [PATCH 01/61] Feat: Input Lock Event & Media Card Name (#806)

---
 .../lib/uui-card-media.element.ts             |  2 ++
 .../uui-input-lock/lib/UUIInputLockEvent.ts   | 13 ++++++++++++
 .../lib/uui-input-lock.element.ts             |  3 +++
 .../uui-input-lock/lib/uui-input-lock.test.ts | 20 ++++++++++++++++++-
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 packages/uui-input-lock/lib/UUIInputLockEvent.ts

diff --git a/packages/uui-card-media/lib/uui-card-media.element.ts b/packages/uui-card-media/lib/uui-card-media.element.ts
index 04618a0a2..7c45d721b 100644
--- a/packages/uui-card-media/lib/uui-card-media.element.ts
+++ b/packages/uui-card-media/lib/uui-card-media.element.ts
@@ -174,6 +174,8 @@ export class UUICardMediaElement extends UUICardElement {
         font-size: var(--uui-type-small-size);
         box-sizing: border-box;
         padding: var(--uui-size-2) var(--uui-size-4);
+        text-align: left;
+        word-break: break-word;
       }
 
       :host([disabled]) #open-part {
diff --git a/packages/uui-input-lock/lib/UUIInputLockEvent.ts b/packages/uui-input-lock/lib/UUIInputLockEvent.ts
new file mode 100644
index 000000000..893b3376d
--- /dev/null
+++ b/packages/uui-input-lock/lib/UUIInputLockEvent.ts
@@ -0,0 +1,13 @@
+import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
+import { UUIInputLockElement } from './uui-input-lock.element';
+
+export class UUIInputLockEvent extends UUIEvent<{}, UUIInputLockElement> {
+  public static readonly LOCK_CHANGE: string = 'lock-change';
+
+  constructor(evName: string, eventInit: any | null = {}) {
+    super(evName, {
+      ...{ bubbles: true },
+      ...eventInit,
+    });
+  }
+}
diff --git a/packages/uui-input-lock/lib/uui-input-lock.element.ts b/packages/uui-input-lock/lib/uui-input-lock.element.ts
index aeb42d019..861319df8 100644
--- a/packages/uui-input-lock/lib/uui-input-lock.element.ts
+++ b/packages/uui-input-lock/lib/uui-input-lock.element.ts
@@ -7,6 +7,7 @@ import {
   iconUnlock,
 } from '@umbraco-ui/uui-icon-registry-essential/lib/svgs';
 import { property } from 'lit/decorators.js';
+import { UUIInputLockEvent } from './UUIInputLockEvent';
 
 /**
  * @element uui-input-lock
@@ -37,6 +38,8 @@ export class UUIInputLockElement extends UUIInputElement {
 
   _onLockToggle() {
     this.readonly = this.locked = !this.locked;
+    this.pristine = false;
+    this.dispatchEvent(new UUIInputLockEvent(UUIInputLockEvent.LOCK_CHANGE));
   }
 
   renderIcon() {
diff --git a/packages/uui-input-lock/lib/uui-input-lock.test.ts b/packages/uui-input-lock/lib/uui-input-lock.test.ts
index 2d8486e4f..f75cc750f 100644
--- a/packages/uui-input-lock/lib/uui-input-lock.test.ts
+++ b/packages/uui-input-lock/lib/uui-input-lock.test.ts
@@ -1,9 +1,10 @@
-import { expect, fixture, html } from '@open-wc/testing';
+import { expect, fixture, html, oneEvent } from '@open-wc/testing';
 import { UUIInputElement } from '@umbraco-ui/uui-input/lib';
 import '@umbraco-ui/uui-icon/lib';
 import '@umbraco-ui/uui-button/lib';
 
 import { UUIInputLockElement } from './uui-input-lock.element';
+import { UUIInputLockEvent } from './UUIInputLockEvent';
 
 describe('UUIInputLockElement', () => {
   let element: UUIInputLockElement;
@@ -45,4 +46,21 @@ describe('UUIInputLockElement', () => {
     await toggle.click();
     await expect(element.readonly).to.be.true;
   });
+
+  it('emits lock change event', async () => {
+    const listener = oneEvent(element, UUIInputLockEvent.LOCK_CHANGE, false);
+
+    const toggle = element.shadowRoot?.querySelector(
+      '#lock',
+    ) as HTMLButtonElement;
+    await toggle.click();
+
+    const event = await listener;
+
+    expect(event).to.exist;
+    expect(event.type).to.equal(UUIInputLockEvent.LOCK_CHANGE);
+    expect(event.bubbles).to.be.true;
+    expect(event.composed).to.be.false;
+    expect(event!.target).to.equal(element);
+  });
 });

From 81c0a95a24b6df903f5382cb3b735cfa4a27f381 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:42:40 +0200
Subject: [PATCH 02/61] fix: Hide the native input for boolean elements in
 firefox (#808)

* Hides the boolean input for firefox

* opacity
---
 packages/uui-boolean-input/lib/uui-boolean-input.element.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
index 80e5124e4..4d14dec64 100644
--- a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
+++ b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
@@ -193,6 +193,7 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
       }
 
       label {
+        position: relative;
         cursor: pointer;
         user-select: none;
 
@@ -207,7 +208,7 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
         position: absolute;
         height: 0px;
         width: 0px;
-        margin-top: -4px;
+        opacity: 0;
       }
 
       :host([label-position='left']) label {

From 0faf0ba67b0d9935252345d1af67daf475f37f94 Mon Sep 17 00:00:00 2001
From: Chriztian Steinmeier <greystate@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:44:51 +0200
Subject: [PATCH 03/61] docs: Fix wrong close tag in code samples (#811)

---
 .../uui-color-swatch/lib/uui-color-swatch.story.ts   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/uui-color-swatch/lib/uui-color-swatch.story.ts b/packages/uui-color-swatch/lib/uui-color-swatch.story.ts
index 02be2848d..45a62b70e 100644
--- a/packages/uui-color-swatch/lib/uui-color-swatch.story.ts
+++ b/packages/uui-color-swatch/lib/uui-color-swatch.story.ts
@@ -35,7 +35,7 @@ export const Selectable: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch selectable></uui-color-slider>`,
+        code: `<uui-color-swatch selectable></uui-color-swatch>`,
       },
     },
   },
@@ -57,7 +57,7 @@ export const Disabled: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch disabled></uui-color-slider>`,
+        code: `<uui-color-swatch disabled></uui-color-swatch>`,
       },
     },
   },
@@ -72,7 +72,7 @@ export const DisabledSelected: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch disabled selectable selected></uui-color-slider>`,
+        code: `<uui-color-swatch disabled selectable selected></uui-color-swatch>`,
       },
     },
   },
@@ -87,7 +87,7 @@ export const WithLabel: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch label="This is the most beautiful color I've ever seen" show-label="true"></uui-color-slider>`,
+        code: `<uui-color-swatch label="This is the most beautiful color I've ever seen" show-label="true"></uui-color-swatch>`,
       },
     },
   },
@@ -101,7 +101,7 @@ export const DifferentColorThanValue: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch value="color1" color="green"></uui-color-slider>`,
+        code: `<uui-color-swatch value="color1" color="green"></uui-color-swatch>`,
       },
     },
   },
@@ -114,7 +114,7 @@ export const Transparent: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch color="rgba(53, 68, 177, 0.5)"></uui-color-slider>`,
+        code: `<uui-color-swatch color="rgba(53, 68, 177, 0.5)"></uui-color-swatch>`,
       },
     },
   },

From e85ebe61bc2da7e24ba6294e5b93962998c101cf Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:48:20 +0200
Subject: [PATCH 04/61] build(deps-dev): bump @babel/core from 7.23.9 to 7.24.7
 (#809)

Bumps [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) from 7.23.9 to 7.24.7.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.7/packages/babel-core)

---
updated-dependencies:
- dependency-name: "@babel/core"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 242 ++++++++++++++++++++++++----------------------
 package.json      |   2 +-
 2 files changed, 128 insertions(+), 116 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ca57997c0..fedc78399 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "lit": "^2.8.0"
       },
       "devDependencies": {
-        "@babel/core": "7.23.9",
+        "@babel/core": "7.24.7",
         "@lerna-lite/cli": "3.3.2",
         "@lerna-lite/exec": "3.3.2",
         "@lerna-lite/publish": "3.3.2",
@@ -148,43 +148,43 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
-      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
+      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
       "dev": true,
       "dependencies": {
-        "@babel/highlight": "^7.23.4",
-        "chalk": "^2.4.2"
+        "@babel/highlight": "^7.24.7",
+        "picocolors": "^1.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
-      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz",
+      "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.9.tgz",
-      "integrity": "sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
+      "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.9",
-        "@babel/parser": "^7.23.9",
-        "@babel/template": "^7.23.9",
-        "@babel/traverse": "^7.23.9",
-        "@babel/types": "^7.23.9",
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.24.7",
+        "@babel/helper-compilation-targets": "^7.24.7",
+        "@babel/helper-module-transforms": "^7.24.7",
+        "@babel/helpers": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/template": "^7.24.7",
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -206,14 +206,14 @@
       "dev": true
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
-      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
+      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.23.6",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
+        "@babel/types": "^7.24.7",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^2.5.1"
       },
       "engines": {
@@ -245,13 +245,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
-      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz",
+      "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-validator-option": "^7.23.5",
+        "@babel/compat-data": "^7.24.7",
+        "@babel/helper-validator-option": "^7.24.7",
         "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
@@ -317,33 +317,37 @@
       }
     },
     "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
+      "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
       "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
+      "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.0"
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.22.5",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
+      "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -362,27 +366,29 @@
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.22.15",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
+      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.15"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
-      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz",
+      "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
+        "@babel/helper-environment-visitor": "^7.24.7",
+        "@babel/helper-module-imports": "^7.24.7",
+        "@babel/helper-simple-access": "^7.24.7",
+        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -447,11 +453,13 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
+      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -470,38 +478,39 @@
       }
     },
     "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.22.6",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
+      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
-      "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
+      "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
-      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
+      "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
@@ -522,37 +531,37 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.9.tgz",
-      "integrity": "sha512-87ICKgU5t5SzOT7sBMfCOZQ2rHjRU+Pcb9BoILMYz600W6DkVRLFBPwQ18gwUVvggqXivaUakpnxWQGbpywbBQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.7.tgz",
+      "integrity": "sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.23.9",
-        "@babel/traverse": "^7.23.9",
-        "@babel/types": "^7.23.9"
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
-      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
+      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.9.tgz",
-      "integrity": "sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
+      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -2006,33 +2015,33 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.23.9.tgz",
-      "integrity": "sha512-+xrD2BWLpvHKNmX2QbpdpsBaWnRxahMwJjO+KZk2JOElj5nSmKezyS1B4u+QbHMTX69t4ukm6hh9lsYQ7GHCKA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
+      "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.23.5",
-        "@babel/parser": "^7.23.9",
-        "@babel/types": "^7.23.9"
+        "@babel/code-frame": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.9.tgz",
-      "integrity": "sha512-I/4UJ9vs90OkBtY6iiiTORVMyIhJ4kAVmsKo9KFc8UOxMeUfi2hvtIBsET5u9GizXE6/GFSuKCTNfgCswuEjRg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.9",
-        "@babel/types": "^7.23.9",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
+      "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.24.7",
+        "@babel/helper-environment-visitor": "^7.24.7",
+        "@babel/helper-function-name": "^7.24.7",
+        "@babel/helper-hoist-variables": "^7.24.7",
+        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -2041,13 +2050,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.9.tgz",
-      "integrity": "sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
+      "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-string-parser": "^7.23.4",
-        "@babel/helper-validator-identifier": "^7.22.20",
+        "@babel/helper-string-parser": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
@@ -3148,13 +3157,14 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
+        "@jridgewell/trace-mapping": "^0.3.24"
       },
       "engines": {
         "node": ">=6.0.0"
@@ -3169,9 +3179,10 @@
       }
     },
     "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -3182,9 +3193,10 @@
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.19",
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
diff --git a/package.json b/package.json
index 3c944f621..a6d011f6e 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "lit": "^2.8.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.9",
+    "@babel/core": "7.24.7",
     "@lerna-lite/cli": "3.3.2",
     "@lerna-lite/exec": "3.3.2",
     "@lerna-lite/publish": "3.3.2",

From aab702a5f14c679855b7f936acb38b7a564eb1e4 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:48:32 +0200
Subject: [PATCH 05/61] build(deps-dev): bump esbuild from 0.20.0 to 0.21.5
 (#810)

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.20.0 to 0.21.5.
- [Release notes](https://github.com/evanw/esbuild/releases)
- [Changelog](https://github.com/evanw/esbuild/blob/main/CHANGELOG.md)
- [Commits](https://github.com/evanw/esbuild/compare/v0.20.0...v0.21.5)

---
updated-dependencies:
- dependency-name: esbuild
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 192 +++++++++++++++++++++++-----------------------
 package.json      |   2 +-
 2 files changed, 97 insertions(+), 97 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index fedc78399..295e5745c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,7 +41,7 @@
         "babel-loader": "9.1.3",
         "chromatic": "11.0.0",
         "element-internals-polyfill": "1.3.10",
-        "esbuild": "0.20.0",
+        "esbuild": "0.21.5",
         "eslint": "8.56.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-import-resolver-typescript": "3.6.1",
@@ -2185,9 +2185,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.0.tgz",
-      "integrity": "sha512-fGFDEctNh0CcSwsiRPxiaqX0P5rq+AqE0SRhYGZ4PX46Lg1FNR6oCxJghf8YgY0WQEgQuh3lErUFE4KxLeRmmw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
       "cpu": [
         "ppc64"
       ],
@@ -2201,9 +2201,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.0.tgz",
-      "integrity": "sha512-3bMAfInvByLHfJwYPJRlpTeaQA75n8C/QKpEaiS4HrFWFiJlNI0vzq/zCjBrhAYcPyVPG7Eo9dMrcQXuqmNk5g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
       "cpu": [
         "arm"
       ],
@@ -2217,9 +2217,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.0.tgz",
-      "integrity": "sha512-aVpnM4lURNkp0D3qPoAzSG92VXStYmoVPOgXveAUoQBWRSuQzt51yvSju29J6AHPmwY1BjH49uR29oyfH1ra8Q==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
       "cpu": [
         "arm64"
       ],
@@ -2233,9 +2233,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.0.tgz",
-      "integrity": "sha512-uK7wAnlRvjkCPzh8jJ+QejFyrP8ObKuR5cBIsQZ+qbMunwR8sbd8krmMbxTLSrDhiPZaJYKQAU5Y3iMDcZPhyQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
       "cpu": [
         "x64"
       ],
@@ -2249,9 +2249,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.0.tgz",
-      "integrity": "sha512-AjEcivGAlPs3UAcJedMa9qYg9eSfU6FnGHJjT8s346HSKkrcWlYezGE8VaO2xKfvvlZkgAhyvl06OJOxiMgOYQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
       "cpu": [
         "arm64"
       ],
@@ -2265,9 +2265,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.0.tgz",
-      "integrity": "sha512-bsgTPoyYDnPv8ER0HqnJggXK6RyFy4PH4rtsId0V7Efa90u2+EifxytE9pZnsDgExgkARy24WUQGv9irVbTvIw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
       "cpu": [
         "x64"
       ],
@@ -2281,9 +2281,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.0.tgz",
-      "integrity": "sha512-kQ7jYdlKS335mpGbMW5tEe3IrQFIok9r84EM3PXB8qBFJPSc6dpWfrtsC/y1pyrz82xfUIn5ZrnSHQQsd6jebQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
       "cpu": [
         "arm64"
       ],
@@ -2297,9 +2297,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.0.tgz",
-      "integrity": "sha512-uG8B0WSepMRsBNVXAQcHf9+Ko/Tr+XqmK7Ptel9HVmnykupXdS4J7ovSQUIi0tQGIndhbqWLaIL/qO/cWhXKyQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
       "cpu": [
         "x64"
       ],
@@ -2313,9 +2313,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.0.tgz",
-      "integrity": "sha512-2ezuhdiZw8vuHf1HKSf4TIk80naTbP9At7sOqZmdVwvvMyuoDiZB49YZKLsLOfKIr77+I40dWpHVeY5JHpIEIg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
       "cpu": [
         "arm"
       ],
@@ -2329,9 +2329,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.0.tgz",
-      "integrity": "sha512-uTtyYAP5veqi2z9b6Gr0NUoNv9F/rOzI8tOD5jKcCvRUn7T60Bb+42NDBCWNhMjkQzI0qqwXkQGo1SY41G52nw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
       "cpu": [
         "arm64"
       ],
@@ -2345,9 +2345,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.0.tgz",
-      "integrity": "sha512-c88wwtfs8tTffPaoJ+SQn3y+lKtgTzyjkD8NgsyCtCmtoIC8RDL7PrJU05an/e9VuAke6eJqGkoMhJK1RY6z4w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
       "cpu": [
         "ia32"
       ],
@@ -2361,9 +2361,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.0.tgz",
-      "integrity": "sha512-lR2rr/128/6svngnVta6JN4gxSXle/yZEZL3o4XZ6esOqhyR4wsKyfu6qXAL04S4S5CgGfG+GYZnjFd4YiG3Aw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
       "cpu": [
         "loong64"
       ],
@@ -2377,9 +2377,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.0.tgz",
-      "integrity": "sha512-9Sycc+1uUsDnJCelDf6ZNqgZQoK1mJvFtqf2MUz4ujTxGhvCWw+4chYfDLPepMEvVL9PDwn6HrXad5yOrNzIsQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
       "cpu": [
         "mips64el"
       ],
@@ -2393,9 +2393,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.0.tgz",
-      "integrity": "sha512-CoWSaaAXOZd+CjbUTdXIJE/t7Oz+4g90A3VBCHLbfuc5yUQU/nFDLOzQsN0cdxgXd97lYW/psIIBdjzQIwTBGw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
       "cpu": [
         "ppc64"
       ],
@@ -2409,9 +2409,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.0.tgz",
-      "integrity": "sha512-mlb1hg/eYRJUpv8h/x+4ShgoNLL8wgZ64SUr26KwglTYnwAWjkhR2GpoKftDbPOCnodA9t4Y/b68H4J9XmmPzA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
       "cpu": [
         "riscv64"
       ],
@@ -2425,9 +2425,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.0.tgz",
-      "integrity": "sha512-fgf9ubb53xSnOBqyvWEY6ukBNRl1mVX1srPNu06B6mNsNK20JfH6xV6jECzrQ69/VMiTLvHMicQR/PgTOgqJUQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
       "cpu": [
         "s390x"
       ],
@@ -2441,9 +2441,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.0.tgz",
-      "integrity": "sha512-H9Eu6MGse++204XZcYsse1yFHmRXEWgadk2N58O/xd50P9EvFMLJTQLg+lB4E1cF2xhLZU5luSWtGTb0l9UeSg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
       "cpu": [
         "x64"
       ],
@@ -2457,9 +2457,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.0.tgz",
-      "integrity": "sha512-lCT675rTN1v8Fo+RGrE5KjSnfY0x9Og4RN7t7lVrN3vMSjy34/+3na0q7RIfWDAj0e0rCh0OL+P88lu3Rt21MQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
       "cpu": [
         "x64"
       ],
@@ -2473,9 +2473,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.0.tgz",
-      "integrity": "sha512-HKoUGXz/TOVXKQ+67NhxyHv+aDSZf44QpWLa3I1lLvAwGq8x1k0T+e2HHSRvxWhfJrFxaaqre1+YyzQ99KixoA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
       "cpu": [
         "x64"
       ],
@@ -2489,9 +2489,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.0.tgz",
-      "integrity": "sha512-GDwAqgHQm1mVoPppGsoq4WJwT3vhnz/2N62CzhvApFD1eJyTroob30FPpOZabN+FgCjhG+AgcZyOPIkR8dfD7g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
       "cpu": [
         "x64"
       ],
@@ -2505,9 +2505,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.0.tgz",
-      "integrity": "sha512-0vYsP8aC4TvMlOQYozoksiaxjlvUcQrac+muDqj1Fxy6jh9l9CZJzj7zmh8JGfiV49cYLTorFLxg7593pGldwQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
       "cpu": [
         "arm64"
       ],
@@ -2521,9 +2521,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.0.tgz",
-      "integrity": "sha512-p98u4rIgfh4gdpV00IqknBD5pC84LCub+4a3MO+zjqvU5MVXOc3hqR2UgT2jI2nh3h8s9EQxmOsVI3tyzv1iFg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
       "cpu": [
         "ia32"
       ],
@@ -2537,9 +2537,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.0.tgz",
-      "integrity": "sha512-NgJnesu1RtWihtTtXGFMU5YSE6JyyHPMxCwBZK7a6/8d31GuSo9l0Ss7w1Jw5QnKUawG6UEehs883kcXf5fYwg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
       "cpu": [
         "x64"
       ],
@@ -16792,9 +16792,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.0.tgz",
-      "integrity": "sha512-6iwE3Y2RVYCME1jLpBqq7LQWK3MW6vjV2bZy6gt/WrqkY+WE74Spyc0ThAOYpMtITvnjX09CrC6ym7A/m9mebA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -16804,29 +16804,29 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.20.0",
-        "@esbuild/android-arm": "0.20.0",
-        "@esbuild/android-arm64": "0.20.0",
-        "@esbuild/android-x64": "0.20.0",
-        "@esbuild/darwin-arm64": "0.20.0",
-        "@esbuild/darwin-x64": "0.20.0",
-        "@esbuild/freebsd-arm64": "0.20.0",
-        "@esbuild/freebsd-x64": "0.20.0",
-        "@esbuild/linux-arm": "0.20.0",
-        "@esbuild/linux-arm64": "0.20.0",
-        "@esbuild/linux-ia32": "0.20.0",
-        "@esbuild/linux-loong64": "0.20.0",
-        "@esbuild/linux-mips64el": "0.20.0",
-        "@esbuild/linux-ppc64": "0.20.0",
-        "@esbuild/linux-riscv64": "0.20.0",
-        "@esbuild/linux-s390x": "0.20.0",
-        "@esbuild/linux-x64": "0.20.0",
-        "@esbuild/netbsd-x64": "0.20.0",
-        "@esbuild/openbsd-x64": "0.20.0",
-        "@esbuild/sunos-x64": "0.20.0",
-        "@esbuild/win32-arm64": "0.20.0",
-        "@esbuild/win32-ia32": "0.20.0",
-        "@esbuild/win32-x64": "0.20.0"
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
       }
     },
     "node_modules/esbuild-plugin-alias": {
diff --git a/package.json b/package.json
index a6d011f6e..0a5427959 100644
--- a/package.json
+++ b/package.json
@@ -84,7 +84,7 @@
     "babel-loader": "9.1.3",
     "chromatic": "11.0.0",
     "element-internals-polyfill": "1.3.10",
-    "esbuild": "0.20.0",
+    "esbuild": "0.21.5",
     "eslint": "8.56.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.1",

From 2f1096f71a3cae715db566c083341443dd6205e6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:48:53 +0200
Subject: [PATCH 06/61] build(deps-dev): bump ejs from 3.1.9 to 3.1.10 (#793)

Bumps [ejs](https://github.com/mde/ejs) from 3.1.9 to 3.1.10.
- [Release notes](https://github.com/mde/ejs/releases)
- [Commits](https://github.com/mde/ejs/compare/v3.1.9...v3.1.10)

---
updated-dependencies:
- dependency-name: ejs
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 295e5745c..29c40b165 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16537,9 +16537,9 @@
       "license": "MIT"
     },
     "node_modules/ejs": {
-      "version": "3.1.9",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
-      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
       "dev": true,
       "dependencies": {
         "jake": "^10.8.5"

From ad457328085c57e4beb64faf9712d19f5a38355b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 09:55:34 +0000
Subject: [PATCH 07/61] build(deps-dev): bump braces from 3.0.2 to 3.0.3 (#812)

Bumps [braces](https://github.com/micromatch/braces) from 3.0.2 to 3.0.3.
- [Changelog](https://github.com/micromatch/braces/blob/master/CHANGELOG.md)
- [Commits](https://github.com/micromatch/braces/compare/3.0.2...3.0.3)

---
updated-dependencies:
- dependency-name: braces
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 29c40b165..b29b5b98d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13666,11 +13666,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -18025,9 +18026,10 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -20290,8 +20292,9 @@
     },
     "node_modules/is-number": {
       "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -30482,8 +30485,9 @@
     },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },

From b3fcd2b535ce3d7049739d13a6b56a9cc2036e8a Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 18 Jun 2024 10:56:36 +0200
Subject: [PATCH 08/61] fix: prevent overflow when not hovered (#816)

Co-authored-by: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
---
 packages/uui-menu-item/lib/uui-menu-item.element.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
index 29328580f..c691349d5 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.element.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -508,6 +508,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
         opacity: 0;
         width: 0;
         grid-column-start: 3;
+        overflow: hidden;
       }
       :host(:not([disabled])) #menu-item:hover #actions-container,
       :host(:not([disabled])) #menu-item:focus #actions-container,

From 21ea29bef0a256cba0ba90110e6503af622a1326 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 18 Jun 2024 06:32:45 +0000
Subject: [PATCH 09/61] build(deps-dev): bump ws from 6.2.2 to 6.2.3

Bumps [ws](https://github.com/websockets/ws) from 6.2.2 to 6.2.3.
- [Release notes](https://github.com/websockets/ws/releases)
- [Commits](https://github.com/websockets/ws/compare/6.2.2...6.2.3)

---
updated-dependencies:
- dependency-name: ws
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b29b5b98d..dc61d081d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8659,9 +8659,9 @@
       }
     },
     "node_modules/@storybook/cli/node_modules/ws": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
-      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
       "dev": true,
       "dependencies": {
         "async-limiter": "~1.0.0"
@@ -11489,9 +11489,10 @@
       }
     },
     "node_modules/@web/dev-server-core/node_modules/ws": {
-      "version": "7.5.9",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -11980,9 +11981,9 @@
       }
     },
     "node_modules/@web/dev-server-esbuild/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "dev": true,
       "engines": {
         "node": ">=8.3.0"
@@ -12423,9 +12424,9 @@
       }
     },
     "node_modules/@web/test-runner-playwright/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "dev": true,
       "engines": {
         "node": ">=8.3.0"
@@ -32503,9 +32504,9 @@
       "dev": true
     },
     "node_modules/ws": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
-      "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"

From 12bcd06f978f0937b9d697c4c16f449779038b56 Mon Sep 17 00:00:00 2001
From: Jason Elkin <jasonelkin86@gmail.com>
Date: Tue, 18 Jun 2024 10:21:36 +0100
Subject: [PATCH 10/61] feat(uui-slider): Hide label property + fix error for
 floating point numbers (#813)

* Add ability to hide the value label

* Match decimal places displayed to decimal places in step

* Fix lag

* Fix thumb inner positioning on high DPI displays
---
 packages/uui-slider/lib/uui-slider.element.ts | 38 +++++++++++++++----
 packages/uui-slider/lib/uui-slider.story.ts   |  4 +-
 2 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/packages/uui-slider/lib/uui-slider.element.ts b/packages/uui-slider/lib/uui-slider.element.ts
index d2aa63f20..830be1b86 100644
--- a/packages/uui-slider/lib/uui-slider.element.ts
+++ b/packages/uui-slider/lib/uui-slider.element.ts
@@ -61,6 +61,8 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
    */
   static readonly formAssociated = true;
 
+  #stepDecimalPlaces = 0;
+
   /**
    * Hides the numbers representing the value of each steps. Dots will still be visible
    * @type {boolean}
@@ -70,6 +72,15 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
   @property({ type: Boolean, attribute: 'hide-step-values' })
   hideStepValues = false;
 
+  /**
+   * Hides the value label on the thumb.
+   * @type {boolean}
+   * @attr 'hide-value-label'
+   * @default false
+   */
+  @property({ type: Boolean, attribute: 'hide-value-label' })
+  hideValueLabel = false;
+
   /**
    * This is a minimum value of the input.
    * @type {number}
@@ -95,7 +106,16 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
    * @default 1
    */
   @property({ type: Number })
-  step = 1;
+  public get step() {
+    return this.#step;
+  }
+
+  public set step(value) {
+    this.#step = value;
+    this.#stepDecimalPlaces = (value.toString().split('.')[1] || []).length;
+  }
+
+  #step = 1;
 
   /**
    * This is a value property of the uui-slider.
@@ -117,11 +137,13 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
     let correctedValue = newVal ? parseFloat(newVal as string) : 0;
     correctedValue = Math.min(Math.max(correctedValue, this.min), this.max);
+
     if (this.step > 0) {
       correctedValue = Math.round(correctedValue / this.step) * this.step;
     }
 
-    super.value = correctedValue.toString();
+    super.value = correctedValue.toFixed(this.#stepDecimalPlaces).toString();
+
     this._calculateSliderPosition();
     this.requestUpdate('value', oldVal);
   }
@@ -285,7 +307,9 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
         <div id="track-inner" aria-hidden="true">
           <div id="thumb" style=${styleMap({ left: this._sliderPosition })}>
-            <div id="thumb-label">${this.value}</div>
+            ${this.hideValueLabel
+              ? null
+              : html`<div id="thumb-label">${this.value}</div>`}
           </div>
         </div>
       </div>
@@ -350,6 +374,9 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
       #thumb {
         position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
         top: 2px;
         bottom: 0;
         left: 0;
@@ -362,8 +389,6 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
         background-color: var(--uui-color-surface);
         border: 2px solid var(--uui-color-selected);
-
-        transition: 120ms left ease;
       }
       :host([disabled]) #thumb {
         background-color: var(--uui-color-disabled);
@@ -372,9 +397,6 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
       #thumb:after {
         content: '';
-        position: absolute;
-        top: 2px;
-        left: 2px;
         height: 9px;
         width: 9px;
         border-radius: 50%;
diff --git a/packages/uui-slider/lib/uui-slider.story.ts b/packages/uui-slider/lib/uui-slider.story.ts
index 7ab57aa17..0e296b7a9 100644
--- a/packages/uui-slider/lib/uui-slider.story.ts
+++ b/packages/uui-slider/lib/uui-slider.story.ts
@@ -14,6 +14,7 @@ export default {
     step: 1,
     label: 'Slider label',
     hideStepValues: false,
+    hideValueLabel: false,
     value: 0,
     disabled: false,
   },
@@ -38,7 +39,8 @@ const Template: Story = props => html`
     max=${props.max}
     ?disabled=${props.disabled}
     .value=${props.value}
-    .hideStepValues=${props.hideStepValues}></uui-slider>
+    .hideStepValues=${props.hideStepValues}
+    .hideValueLabel=${props.hideValueLabel}></uui-slider>
 `;
 
 export const AAAOverview = Template.bind({});

From ebeab23bde6bb5c0fe1feab27dd46332296a39dd Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Tue, 28 May 2024 15:58:48 +0200
Subject: [PATCH 11/61] Feat: Input Lock Event & Media Card Name (#806)

---
 .../lib/uui-card-media.element.ts             |  2 ++
 .../uui-input-lock/lib/UUIInputLockEvent.ts   | 13 ++++++++++++
 .../lib/uui-input-lock.element.ts             |  3 +++
 .../uui-input-lock/lib/uui-input-lock.test.ts | 20 ++++++++++++++++++-
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 packages/uui-input-lock/lib/UUIInputLockEvent.ts

diff --git a/packages/uui-card-media/lib/uui-card-media.element.ts b/packages/uui-card-media/lib/uui-card-media.element.ts
index 04618a0a2..7c45d721b 100644
--- a/packages/uui-card-media/lib/uui-card-media.element.ts
+++ b/packages/uui-card-media/lib/uui-card-media.element.ts
@@ -174,6 +174,8 @@ export class UUICardMediaElement extends UUICardElement {
         font-size: var(--uui-type-small-size);
         box-sizing: border-box;
         padding: var(--uui-size-2) var(--uui-size-4);
+        text-align: left;
+        word-break: break-word;
       }
 
       :host([disabled]) #open-part {
diff --git a/packages/uui-input-lock/lib/UUIInputLockEvent.ts b/packages/uui-input-lock/lib/UUIInputLockEvent.ts
new file mode 100644
index 000000000..893b3376d
--- /dev/null
+++ b/packages/uui-input-lock/lib/UUIInputLockEvent.ts
@@ -0,0 +1,13 @@
+import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
+import { UUIInputLockElement } from './uui-input-lock.element';
+
+export class UUIInputLockEvent extends UUIEvent<{}, UUIInputLockElement> {
+  public static readonly LOCK_CHANGE: string = 'lock-change';
+
+  constructor(evName: string, eventInit: any | null = {}) {
+    super(evName, {
+      ...{ bubbles: true },
+      ...eventInit,
+    });
+  }
+}
diff --git a/packages/uui-input-lock/lib/uui-input-lock.element.ts b/packages/uui-input-lock/lib/uui-input-lock.element.ts
index aeb42d019..861319df8 100644
--- a/packages/uui-input-lock/lib/uui-input-lock.element.ts
+++ b/packages/uui-input-lock/lib/uui-input-lock.element.ts
@@ -7,6 +7,7 @@ import {
   iconUnlock,
 } from '@umbraco-ui/uui-icon-registry-essential/lib/svgs';
 import { property } from 'lit/decorators.js';
+import { UUIInputLockEvent } from './UUIInputLockEvent';
 
 /**
  * @element uui-input-lock
@@ -37,6 +38,8 @@ export class UUIInputLockElement extends UUIInputElement {
 
   _onLockToggle() {
     this.readonly = this.locked = !this.locked;
+    this.pristine = false;
+    this.dispatchEvent(new UUIInputLockEvent(UUIInputLockEvent.LOCK_CHANGE));
   }
 
   renderIcon() {
diff --git a/packages/uui-input-lock/lib/uui-input-lock.test.ts b/packages/uui-input-lock/lib/uui-input-lock.test.ts
index 2d8486e4f..f75cc750f 100644
--- a/packages/uui-input-lock/lib/uui-input-lock.test.ts
+++ b/packages/uui-input-lock/lib/uui-input-lock.test.ts
@@ -1,9 +1,10 @@
-import { expect, fixture, html } from '@open-wc/testing';
+import { expect, fixture, html, oneEvent } from '@open-wc/testing';
 import { UUIInputElement } from '@umbraco-ui/uui-input/lib';
 import '@umbraco-ui/uui-icon/lib';
 import '@umbraco-ui/uui-button/lib';
 
 import { UUIInputLockElement } from './uui-input-lock.element';
+import { UUIInputLockEvent } from './UUIInputLockEvent';
 
 describe('UUIInputLockElement', () => {
   let element: UUIInputLockElement;
@@ -45,4 +46,21 @@ describe('UUIInputLockElement', () => {
     await toggle.click();
     await expect(element.readonly).to.be.true;
   });
+
+  it('emits lock change event', async () => {
+    const listener = oneEvent(element, UUIInputLockEvent.LOCK_CHANGE, false);
+
+    const toggle = element.shadowRoot?.querySelector(
+      '#lock',
+    ) as HTMLButtonElement;
+    await toggle.click();
+
+    const event = await listener;
+
+    expect(event).to.exist;
+    expect(event.type).to.equal(UUIInputLockEvent.LOCK_CHANGE);
+    expect(event.bubbles).to.be.true;
+    expect(event.composed).to.be.false;
+    expect(event!.target).to.equal(element);
+  });
 });

From bc310888ef68faf685e0f0c3ac05827381d5ddcd Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:42:40 +0200
Subject: [PATCH 12/61] fix: Hide the native input for boolean elements in
 firefox (#808)

* Hides the boolean input for firefox

* opacity
---
 packages/uui-boolean-input/lib/uui-boolean-input.element.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
index 80e5124e4..4d14dec64 100644
--- a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
+++ b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
@@ -193,6 +193,7 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
       }
 
       label {
+        position: relative;
         cursor: pointer;
         user-select: none;
 
@@ -207,7 +208,7 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
         position: absolute;
         height: 0px;
         width: 0px;
-        margin-top: -4px;
+        opacity: 0;
       }
 
       :host([label-position='left']) label {

From 3cc14e6cf04034b2720cd7988d26cf9ce6f76574 Mon Sep 17 00:00:00 2001
From: Chriztian Steinmeier <greystate@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:44:51 +0200
Subject: [PATCH 13/61] docs: Fix wrong close tag in code samples (#811)

---
 .../uui-color-swatch/lib/uui-color-swatch.story.ts   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/uui-color-swatch/lib/uui-color-swatch.story.ts b/packages/uui-color-swatch/lib/uui-color-swatch.story.ts
index 02be2848d..45a62b70e 100644
--- a/packages/uui-color-swatch/lib/uui-color-swatch.story.ts
+++ b/packages/uui-color-swatch/lib/uui-color-swatch.story.ts
@@ -35,7 +35,7 @@ export const Selectable: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch selectable></uui-color-slider>`,
+        code: `<uui-color-swatch selectable></uui-color-swatch>`,
       },
     },
   },
@@ -57,7 +57,7 @@ export const Disabled: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch disabled></uui-color-slider>`,
+        code: `<uui-color-swatch disabled></uui-color-swatch>`,
       },
     },
   },
@@ -72,7 +72,7 @@ export const DisabledSelected: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch disabled selectable selected></uui-color-slider>`,
+        code: `<uui-color-swatch disabled selectable selected></uui-color-swatch>`,
       },
     },
   },
@@ -87,7 +87,7 @@ export const WithLabel: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch label="This is the most beautiful color I've ever seen" show-label="true"></uui-color-slider>`,
+        code: `<uui-color-swatch label="This is the most beautiful color I've ever seen" show-label="true"></uui-color-swatch>`,
       },
     },
   },
@@ -101,7 +101,7 @@ export const DifferentColorThanValue: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch value="color1" color="green"></uui-color-slider>`,
+        code: `<uui-color-swatch value="color1" color="green"></uui-color-swatch>`,
       },
     },
   },
@@ -114,7 +114,7 @@ export const Transparent: Story = {
   parameters: {
     docs: {
       source: {
-        code: `<uui-color-swatch color="rgba(53, 68, 177, 0.5)"></uui-color-slider>`,
+        code: `<uui-color-swatch color="rgba(53, 68, 177, 0.5)"></uui-color-swatch>`,
       },
     },
   },

From f0a053e858582ac9b14c1eaf50f2d626f3796ba6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:48:20 +0200
Subject: [PATCH 14/61] build(deps-dev): bump @babel/core from 7.23.9 to 7.24.7
 (#809)

Bumps [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) from 7.23.9 to 7.24.7.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.24.7/packages/babel-core)

---
updated-dependencies:
- dependency-name: "@babel/core"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 242 ++++++++++++++++++++++++----------------------
 package.json      |   2 +-
 2 files changed, 128 insertions(+), 116 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ca57997c0..fedc78399 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "lit": "^2.8.0"
       },
       "devDependencies": {
-        "@babel/core": "7.23.9",
+        "@babel/core": "7.24.7",
         "@lerna-lite/cli": "3.3.2",
         "@lerna-lite/exec": "3.3.2",
         "@lerna-lite/publish": "3.3.2",
@@ -148,43 +148,43 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
-      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
+      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
       "dev": true,
       "dependencies": {
-        "@babel/highlight": "^7.23.4",
-        "chalk": "^2.4.2"
+        "@babel/highlight": "^7.24.7",
+        "picocolors": "^1.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
-      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz",
+      "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.9.tgz",
-      "integrity": "sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
+      "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.9",
-        "@babel/parser": "^7.23.9",
-        "@babel/template": "^7.23.9",
-        "@babel/traverse": "^7.23.9",
-        "@babel/types": "^7.23.9",
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.24.7",
+        "@babel/helper-compilation-targets": "^7.24.7",
+        "@babel/helper-module-transforms": "^7.24.7",
+        "@babel/helpers": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/template": "^7.24.7",
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -206,14 +206,14 @@
       "dev": true
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
-      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
+      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.23.6",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
+        "@babel/types": "^7.24.7",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^2.5.1"
       },
       "engines": {
@@ -245,13 +245,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
-      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz",
+      "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-validator-option": "^7.23.5",
+        "@babel/compat-data": "^7.24.7",
+        "@babel/helper-validator-option": "^7.24.7",
         "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
@@ -317,33 +317,37 @@
       }
     },
     "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
+      "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
       "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
+      "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.0"
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.22.5",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
+      "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -362,27 +366,29 @@
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.22.15",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
+      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.15"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
-      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz",
+      "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
+        "@babel/helper-environment-visitor": "^7.24.7",
+        "@babel/helper-module-imports": "^7.24.7",
+        "@babel/helper-simple-access": "^7.24.7",
+        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -447,11 +453,13 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
+      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -470,38 +478,39 @@
       }
     },
     "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.22.6",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
+      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.22.5"
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
-      "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
+      "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
-      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
+      "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
@@ -522,37 +531,37 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.9.tgz",
-      "integrity": "sha512-87ICKgU5t5SzOT7sBMfCOZQ2rHjRU+Pcb9BoILMYz600W6DkVRLFBPwQ18gwUVvggqXivaUakpnxWQGbpywbBQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.7.tgz",
+      "integrity": "sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.23.9",
-        "@babel/traverse": "^7.23.9",
-        "@babel/types": "^7.23.9"
+        "@babel/template": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
-      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
+      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.9.tgz",
-      "integrity": "sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
+      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -2006,33 +2015,33 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.23.9.tgz",
-      "integrity": "sha512-+xrD2BWLpvHKNmX2QbpdpsBaWnRxahMwJjO+KZk2JOElj5nSmKezyS1B4u+QbHMTX69t4ukm6hh9lsYQ7GHCKA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
+      "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.23.5",
-        "@babel/parser": "^7.23.9",
-        "@babel/types": "^7.23.9"
+        "@babel/code-frame": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.9.tgz",
-      "integrity": "sha512-I/4UJ9vs90OkBtY6iiiTORVMyIhJ4kAVmsKo9KFc8UOxMeUfi2hvtIBsET5u9GizXE6/GFSuKCTNfgCswuEjRg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.9",
-        "@babel/types": "^7.23.9",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
+      "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.24.7",
+        "@babel/helper-environment-visitor": "^7.24.7",
+        "@babel/helper-function-name": "^7.24.7",
+        "@babel/helper-hoist-variables": "^7.24.7",
+        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/types": "^7.24.7",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -2041,13 +2050,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.9",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.9.tgz",
-      "integrity": "sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
+      "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-string-parser": "^7.23.4",
-        "@babel/helper-validator-identifier": "^7.22.20",
+        "@babel/helper-string-parser": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
@@ -3148,13 +3157,14 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
+        "@jridgewell/trace-mapping": "^0.3.24"
       },
       "engines": {
         "node": ">=6.0.0"
@@ -3169,9 +3179,10 @@
       }
     },
     "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -3182,9 +3193,10 @@
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.19",
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
diff --git a/package.json b/package.json
index 3c944f621..a6d011f6e 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "lit": "^2.8.0"
   },
   "devDependencies": {
-    "@babel/core": "7.23.9",
+    "@babel/core": "7.24.7",
     "@lerna-lite/cli": "3.3.2",
     "@lerna-lite/exec": "3.3.2",
     "@lerna-lite/publish": "3.3.2",

From c9651e58f8f100f6b4567f87ee7c8317d11690c0 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:48:32 +0200
Subject: [PATCH 15/61] build(deps-dev): bump esbuild from 0.20.0 to 0.21.5
 (#810)

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.20.0 to 0.21.5.
- [Release notes](https://github.com/evanw/esbuild/releases)
- [Changelog](https://github.com/evanw/esbuild/blob/main/CHANGELOG.md)
- [Commits](https://github.com/evanw/esbuild/compare/v0.20.0...v0.21.5)

---
updated-dependencies:
- dependency-name: esbuild
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 192 +++++++++++++++++++++++-----------------------
 package.json      |   2 +-
 2 files changed, 97 insertions(+), 97 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index fedc78399..295e5745c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,7 +41,7 @@
         "babel-loader": "9.1.3",
         "chromatic": "11.0.0",
         "element-internals-polyfill": "1.3.10",
-        "esbuild": "0.20.0",
+        "esbuild": "0.21.5",
         "eslint": "8.56.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-import-resolver-typescript": "3.6.1",
@@ -2185,9 +2185,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.0.tgz",
-      "integrity": "sha512-fGFDEctNh0CcSwsiRPxiaqX0P5rq+AqE0SRhYGZ4PX46Lg1FNR6oCxJghf8YgY0WQEgQuh3lErUFE4KxLeRmmw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
       "cpu": [
         "ppc64"
       ],
@@ -2201,9 +2201,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.0.tgz",
-      "integrity": "sha512-3bMAfInvByLHfJwYPJRlpTeaQA75n8C/QKpEaiS4HrFWFiJlNI0vzq/zCjBrhAYcPyVPG7Eo9dMrcQXuqmNk5g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
       "cpu": [
         "arm"
       ],
@@ -2217,9 +2217,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.0.tgz",
-      "integrity": "sha512-aVpnM4lURNkp0D3qPoAzSG92VXStYmoVPOgXveAUoQBWRSuQzt51yvSju29J6AHPmwY1BjH49uR29oyfH1ra8Q==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
       "cpu": [
         "arm64"
       ],
@@ -2233,9 +2233,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.0.tgz",
-      "integrity": "sha512-uK7wAnlRvjkCPzh8jJ+QejFyrP8ObKuR5cBIsQZ+qbMunwR8sbd8krmMbxTLSrDhiPZaJYKQAU5Y3iMDcZPhyQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
       "cpu": [
         "x64"
       ],
@@ -2249,9 +2249,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.0.tgz",
-      "integrity": "sha512-AjEcivGAlPs3UAcJedMa9qYg9eSfU6FnGHJjT8s346HSKkrcWlYezGE8VaO2xKfvvlZkgAhyvl06OJOxiMgOYQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
       "cpu": [
         "arm64"
       ],
@@ -2265,9 +2265,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.0.tgz",
-      "integrity": "sha512-bsgTPoyYDnPv8ER0HqnJggXK6RyFy4PH4rtsId0V7Efa90u2+EifxytE9pZnsDgExgkARy24WUQGv9irVbTvIw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
       "cpu": [
         "x64"
       ],
@@ -2281,9 +2281,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.0.tgz",
-      "integrity": "sha512-kQ7jYdlKS335mpGbMW5tEe3IrQFIok9r84EM3PXB8qBFJPSc6dpWfrtsC/y1pyrz82xfUIn5ZrnSHQQsd6jebQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
       "cpu": [
         "arm64"
       ],
@@ -2297,9 +2297,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.0.tgz",
-      "integrity": "sha512-uG8B0WSepMRsBNVXAQcHf9+Ko/Tr+XqmK7Ptel9HVmnykupXdS4J7ovSQUIi0tQGIndhbqWLaIL/qO/cWhXKyQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
       "cpu": [
         "x64"
       ],
@@ -2313,9 +2313,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.0.tgz",
-      "integrity": "sha512-2ezuhdiZw8vuHf1HKSf4TIk80naTbP9At7sOqZmdVwvvMyuoDiZB49YZKLsLOfKIr77+I40dWpHVeY5JHpIEIg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
       "cpu": [
         "arm"
       ],
@@ -2329,9 +2329,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.0.tgz",
-      "integrity": "sha512-uTtyYAP5veqi2z9b6Gr0NUoNv9F/rOzI8tOD5jKcCvRUn7T60Bb+42NDBCWNhMjkQzI0qqwXkQGo1SY41G52nw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
       "cpu": [
         "arm64"
       ],
@@ -2345,9 +2345,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.0.tgz",
-      "integrity": "sha512-c88wwtfs8tTffPaoJ+SQn3y+lKtgTzyjkD8NgsyCtCmtoIC8RDL7PrJU05an/e9VuAke6eJqGkoMhJK1RY6z4w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
       "cpu": [
         "ia32"
       ],
@@ -2361,9 +2361,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.0.tgz",
-      "integrity": "sha512-lR2rr/128/6svngnVta6JN4gxSXle/yZEZL3o4XZ6esOqhyR4wsKyfu6qXAL04S4S5CgGfG+GYZnjFd4YiG3Aw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
       "cpu": [
         "loong64"
       ],
@@ -2377,9 +2377,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.0.tgz",
-      "integrity": "sha512-9Sycc+1uUsDnJCelDf6ZNqgZQoK1mJvFtqf2MUz4ujTxGhvCWw+4chYfDLPepMEvVL9PDwn6HrXad5yOrNzIsQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
       "cpu": [
         "mips64el"
       ],
@@ -2393,9 +2393,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.0.tgz",
-      "integrity": "sha512-CoWSaaAXOZd+CjbUTdXIJE/t7Oz+4g90A3VBCHLbfuc5yUQU/nFDLOzQsN0cdxgXd97lYW/psIIBdjzQIwTBGw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
       "cpu": [
         "ppc64"
       ],
@@ -2409,9 +2409,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.0.tgz",
-      "integrity": "sha512-mlb1hg/eYRJUpv8h/x+4ShgoNLL8wgZ64SUr26KwglTYnwAWjkhR2GpoKftDbPOCnodA9t4Y/b68H4J9XmmPzA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
       "cpu": [
         "riscv64"
       ],
@@ -2425,9 +2425,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.0.tgz",
-      "integrity": "sha512-fgf9ubb53xSnOBqyvWEY6ukBNRl1mVX1srPNu06B6mNsNK20JfH6xV6jECzrQ69/VMiTLvHMicQR/PgTOgqJUQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
       "cpu": [
         "s390x"
       ],
@@ -2441,9 +2441,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.0.tgz",
-      "integrity": "sha512-H9Eu6MGse++204XZcYsse1yFHmRXEWgadk2N58O/xd50P9EvFMLJTQLg+lB4E1cF2xhLZU5luSWtGTb0l9UeSg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
       "cpu": [
         "x64"
       ],
@@ -2457,9 +2457,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.0.tgz",
-      "integrity": "sha512-lCT675rTN1v8Fo+RGrE5KjSnfY0x9Og4RN7t7lVrN3vMSjy34/+3na0q7RIfWDAj0e0rCh0OL+P88lu3Rt21MQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
       "cpu": [
         "x64"
       ],
@@ -2473,9 +2473,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.0.tgz",
-      "integrity": "sha512-HKoUGXz/TOVXKQ+67NhxyHv+aDSZf44QpWLa3I1lLvAwGq8x1k0T+e2HHSRvxWhfJrFxaaqre1+YyzQ99KixoA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
       "cpu": [
         "x64"
       ],
@@ -2489,9 +2489,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.0.tgz",
-      "integrity": "sha512-GDwAqgHQm1mVoPppGsoq4WJwT3vhnz/2N62CzhvApFD1eJyTroob30FPpOZabN+FgCjhG+AgcZyOPIkR8dfD7g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
       "cpu": [
         "x64"
       ],
@@ -2505,9 +2505,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.0.tgz",
-      "integrity": "sha512-0vYsP8aC4TvMlOQYozoksiaxjlvUcQrac+muDqj1Fxy6jh9l9CZJzj7zmh8JGfiV49cYLTorFLxg7593pGldwQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
       "cpu": [
         "arm64"
       ],
@@ -2521,9 +2521,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.0.tgz",
-      "integrity": "sha512-p98u4rIgfh4gdpV00IqknBD5pC84LCub+4a3MO+zjqvU5MVXOc3hqR2UgT2jI2nh3h8s9EQxmOsVI3tyzv1iFg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
       "cpu": [
         "ia32"
       ],
@@ -2537,9 +2537,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.0.tgz",
-      "integrity": "sha512-NgJnesu1RtWihtTtXGFMU5YSE6JyyHPMxCwBZK7a6/8d31GuSo9l0Ss7w1Jw5QnKUawG6UEehs883kcXf5fYwg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
       "cpu": [
         "x64"
       ],
@@ -16792,9 +16792,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.20.0",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.0.tgz",
-      "integrity": "sha512-6iwE3Y2RVYCME1jLpBqq7LQWK3MW6vjV2bZy6gt/WrqkY+WE74Spyc0ThAOYpMtITvnjX09CrC6ym7A/m9mebA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -16804,29 +16804,29 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.20.0",
-        "@esbuild/android-arm": "0.20.0",
-        "@esbuild/android-arm64": "0.20.0",
-        "@esbuild/android-x64": "0.20.0",
-        "@esbuild/darwin-arm64": "0.20.0",
-        "@esbuild/darwin-x64": "0.20.0",
-        "@esbuild/freebsd-arm64": "0.20.0",
-        "@esbuild/freebsd-x64": "0.20.0",
-        "@esbuild/linux-arm": "0.20.0",
-        "@esbuild/linux-arm64": "0.20.0",
-        "@esbuild/linux-ia32": "0.20.0",
-        "@esbuild/linux-loong64": "0.20.0",
-        "@esbuild/linux-mips64el": "0.20.0",
-        "@esbuild/linux-ppc64": "0.20.0",
-        "@esbuild/linux-riscv64": "0.20.0",
-        "@esbuild/linux-s390x": "0.20.0",
-        "@esbuild/linux-x64": "0.20.0",
-        "@esbuild/netbsd-x64": "0.20.0",
-        "@esbuild/openbsd-x64": "0.20.0",
-        "@esbuild/sunos-x64": "0.20.0",
-        "@esbuild/win32-arm64": "0.20.0",
-        "@esbuild/win32-ia32": "0.20.0",
-        "@esbuild/win32-x64": "0.20.0"
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
       }
     },
     "node_modules/esbuild-plugin-alias": {
diff --git a/package.json b/package.json
index a6d011f6e..0a5427959 100644
--- a/package.json
+++ b/package.json
@@ -84,7 +84,7 @@
     "babel-loader": "9.1.3",
     "chromatic": "11.0.0",
     "element-internals-polyfill": "1.3.10",
-    "esbuild": "0.20.0",
+    "esbuild": "0.21.5",
     "eslint": "8.56.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.1",

From 172c2cf75b8a2f465aeb27924c2de6f36a913d1e Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:48:53 +0200
Subject: [PATCH 16/61] build(deps-dev): bump ejs from 3.1.9 to 3.1.10 (#793)

Bumps [ejs](https://github.com/mde/ejs) from 3.1.9 to 3.1.10.
- [Release notes](https://github.com/mde/ejs/releases)
- [Commits](https://github.com/mde/ejs/compare/v3.1.9...v3.1.10)

---
updated-dependencies:
- dependency-name: ejs
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 295e5745c..29c40b165 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16537,9 +16537,9 @@
       "license": "MIT"
     },
     "node_modules/ejs": {
-      "version": "3.1.9",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
-      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
       "dev": true,
       "dependencies": {
         "jake": "^10.8.5"

From 13d4b80648c6e643c4e60e40e57456ba31f79632 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 17 Jun 2024 09:55:34 +0000
Subject: [PATCH 17/61] build(deps-dev): bump braces from 3.0.2 to 3.0.3 (#812)

Bumps [braces](https://github.com/micromatch/braces) from 3.0.2 to 3.0.3.
- [Changelog](https://github.com/micromatch/braces/blob/master/CHANGELOG.md)
- [Commits](https://github.com/micromatch/braces/compare/3.0.2...3.0.3)

---
updated-dependencies:
- dependency-name: braces
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 29c40b165..b29b5b98d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13666,11 +13666,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -18025,9 +18026,10 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -20290,8 +20292,9 @@
     },
     "node_modules/is-number": {
       "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -30482,8 +30485,9 @@
     },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },

From 3e3f22a9ae1e6110c71161bc226f4487a6176196 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 18 Jun 2024 10:56:36 +0200
Subject: [PATCH 18/61] fix: prevent overflow when not hovered (#816)

Co-authored-by: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
---
 packages/uui-menu-item/lib/uui-menu-item.element.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
index 29328580f..c691349d5 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.element.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -508,6 +508,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
         opacity: 0;
         width: 0;
         grid-column-start: 3;
+        overflow: hidden;
       }
       :host(:not([disabled])) #menu-item:hover #actions-container,
       :host(:not([disabled])) #menu-item:focus #actions-container,

From ce437fa0a7f056599a314eabc46ac3d7488d38e5 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 18 Jun 2024 06:32:45 +0000
Subject: [PATCH 19/61] build(deps-dev): bump ws from 6.2.2 to 6.2.3

Bumps [ws](https://github.com/websockets/ws) from 6.2.2 to 6.2.3.
- [Release notes](https://github.com/websockets/ws/releases)
- [Commits](https://github.com/websockets/ws/compare/6.2.2...6.2.3)

---
updated-dependencies:
- dependency-name: ws
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b29b5b98d..dc61d081d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8659,9 +8659,9 @@
       }
     },
     "node_modules/@storybook/cli/node_modules/ws": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
-      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
       "dev": true,
       "dependencies": {
         "async-limiter": "~1.0.0"
@@ -11489,9 +11489,10 @@
       }
     },
     "node_modules/@web/dev-server-core/node_modules/ws": {
-      "version": "7.5.9",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -11980,9 +11981,9 @@
       }
     },
     "node_modules/@web/dev-server-esbuild/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "dev": true,
       "engines": {
         "node": ">=8.3.0"
@@ -12423,9 +12424,9 @@
       }
     },
     "node_modules/@web/test-runner-playwright/node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "dev": true,
       "engines": {
         "node": ">=8.3.0"
@@ -32503,9 +32504,9 @@
       "dev": true
     },
     "node_modules/ws": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
-      "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"

From bef030f70bc2b68ccf2c2074aa34c8fa18fea6e8 Mon Sep 17 00:00:00 2001
From: Jason Elkin <jasonelkin86@gmail.com>
Date: Tue, 18 Jun 2024 10:21:36 +0100
Subject: [PATCH 20/61] feat(uui-slider): Hide label property + fix error for
 floating point numbers (#813)

* Add ability to hide the value label

* Match decimal places displayed to decimal places in step

* Fix lag

* Fix thumb inner positioning on high DPI displays
---
 packages/uui-slider/lib/uui-slider.element.ts | 38 +++++++++++++++----
 packages/uui-slider/lib/uui-slider.story.ts   |  4 +-
 2 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/packages/uui-slider/lib/uui-slider.element.ts b/packages/uui-slider/lib/uui-slider.element.ts
index d2aa63f20..830be1b86 100644
--- a/packages/uui-slider/lib/uui-slider.element.ts
+++ b/packages/uui-slider/lib/uui-slider.element.ts
@@ -61,6 +61,8 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
    */
   static readonly formAssociated = true;
 
+  #stepDecimalPlaces = 0;
+
   /**
    * Hides the numbers representing the value of each steps. Dots will still be visible
    * @type {boolean}
@@ -70,6 +72,15 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
   @property({ type: Boolean, attribute: 'hide-step-values' })
   hideStepValues = false;
 
+  /**
+   * Hides the value label on the thumb.
+   * @type {boolean}
+   * @attr 'hide-value-label'
+   * @default false
+   */
+  @property({ type: Boolean, attribute: 'hide-value-label' })
+  hideValueLabel = false;
+
   /**
    * This is a minimum value of the input.
    * @type {number}
@@ -95,7 +106,16 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
    * @default 1
    */
   @property({ type: Number })
-  step = 1;
+  public get step() {
+    return this.#step;
+  }
+
+  public set step(value) {
+    this.#step = value;
+    this.#stepDecimalPlaces = (value.toString().split('.')[1] || []).length;
+  }
+
+  #step = 1;
 
   /**
    * This is a value property of the uui-slider.
@@ -117,11 +137,13 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
     let correctedValue = newVal ? parseFloat(newVal as string) : 0;
     correctedValue = Math.min(Math.max(correctedValue, this.min), this.max);
+
     if (this.step > 0) {
       correctedValue = Math.round(correctedValue / this.step) * this.step;
     }
 
-    super.value = correctedValue.toString();
+    super.value = correctedValue.toFixed(this.#stepDecimalPlaces).toString();
+
     this._calculateSliderPosition();
     this.requestUpdate('value', oldVal);
   }
@@ -285,7 +307,9 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
         <div id="track-inner" aria-hidden="true">
           <div id="thumb" style=${styleMap({ left: this._sliderPosition })}>
-            <div id="thumb-label">${this.value}</div>
+            ${this.hideValueLabel
+              ? null
+              : html`<div id="thumb-label">${this.value}</div>`}
           </div>
         </div>
       </div>
@@ -350,6 +374,9 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
       #thumb {
         position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
         top: 2px;
         bottom: 0;
         left: 0;
@@ -362,8 +389,6 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
         background-color: var(--uui-color-surface);
         border: 2px solid var(--uui-color-selected);
-
-        transition: 120ms left ease;
       }
       :host([disabled]) #thumb {
         background-color: var(--uui-color-disabled);
@@ -372,9 +397,6 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
 
       #thumb:after {
         content: '';
-        position: absolute;
-        top: 2px;
-        left: 2px;
         height: 9px;
         width: 9px;
         border-radius: 50%;
diff --git a/packages/uui-slider/lib/uui-slider.story.ts b/packages/uui-slider/lib/uui-slider.story.ts
index 7ab57aa17..0e296b7a9 100644
--- a/packages/uui-slider/lib/uui-slider.story.ts
+++ b/packages/uui-slider/lib/uui-slider.story.ts
@@ -14,6 +14,7 @@ export default {
     step: 1,
     label: 'Slider label',
     hideStepValues: false,
+    hideValueLabel: false,
     value: 0,
     disabled: false,
   },
@@ -38,7 +39,8 @@ const Template: Story = props => html`
     max=${props.max}
     ?disabled=${props.disabled}
     .value=${props.value}
-    .hideStepValues=${props.hideStepValues}></uui-slider>
+    .hideStepValues=${props.hideStepValues}
+    .hideValueLabel=${props.hideValueLabel}></uui-slider>
 `;
 
 export const AAAOverview = Template.bind({});

From ff7f8bf2e837773d2a73d4ca5eb9b67857b3dd8b Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 18 Jun 2024 11:29:04 +0200
Subject: [PATCH 21/61] v1.8.2

---
 CHANGELOG.md                            | 11 ++++++++
 lerna.json                              |  2 +-
 package-lock.json                       | 34 ++++++++++++-------------
 packages/uui-boolean-input/CHANGELOG.md |  6 +++++
 packages/uui-boolean-input/package.json |  2 +-
 packages/uui-card-media/CHANGELOG.md    |  4 +++
 packages/uui-card-media/package.json    |  2 +-
 packages/uui-checkbox/CHANGELOG.md      |  4 +++
 packages/uui-checkbox/package.json      |  4 +--
 packages/uui-input-lock/CHANGELOG.md    |  4 +++
 packages/uui-input-lock/package.json    |  2 +-
 packages/uui-menu-item/CHANGELOG.md     |  6 +++++
 packages/uui-menu-item/package.json     |  2 +-
 packages/uui-slider/CHANGELOG.md        |  6 +++++
 packages/uui-slider/package.json        |  2 +-
 packages/uui-toggle/CHANGELOG.md        |  4 +++
 packages/uui-toggle/package.json        |  4 +--
 packages/uui/CHANGELOG.md               |  4 +++
 packages/uui/package.json               | 16 ++++++------
 19 files changed, 84 insertions(+), 35 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8c48c7366..365668dcf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+### Bug Fixes
+
+- Hide the native input for boolean elements in firefox ([#808](https://github.com/umbraco/Umbraco.UI/issues/808)) ([81c0a95](https://github.com/umbraco/Umbraco.UI/commit/81c0a95a24b6df903f5382cb3b735cfa4a27f381))
+- prevent overflow when not hovered ([#816](https://github.com/umbraco/Umbraco.UI/issues/816)) ([b3fcd2b](https://github.com/umbraco/Umbraco.UI/commit/b3fcd2b535ce3d7049739d13a6b56a9cc2036e8a))
+
+### Features
+
+- **uui-slider:** Hide label property + fix error for floating point numbers ([#813](https://github.com/umbraco/Umbraco.UI/issues/813)) ([12bcd06](https://github.com/umbraco/Umbraco.UI/commit/12bcd06f978f0937b9d697c4c16f449779038b56))
+
 ## [1.8.1](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0...v1.8.1) (2024-05-24)
 
 **Note:** Version bump only for package uui-monorepo
diff --git a/lerna.json b/lerna.json
index c53470c45..792ce6c7e 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,7 +1,7 @@
 {
   "$schema": "node_modules/@lerna-lite/cli/schemas/lerna-schema.json",
   "packages": ["packages/*"],
-  "version": "1.8.1",
+  "version": "1.8.2",
   "preid": "rc",
   "exact": true,
   "noPush": true,
diff --git a/package-lock.json b/package-lock.json
index dc61d081d..27d85cb4b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32638,7 +32638,7 @@
     },
     "packages/uui": {
       "name": "@umbraco-ui/uui",
-      "version": "1.8.1",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-action-bar": "1.8.0",
@@ -32646,7 +32646,7 @@
         "@umbraco-ui/uui-avatar-group": "1.8.0",
         "@umbraco-ui/uui-badge": "1.8.0",
         "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-boolean-input": "1.8.0",
+        "@umbraco-ui/uui-boolean-input": "1.8.2",
         "@umbraco-ui/uui-box": "1.8.0",
         "@umbraco-ui/uui-breadcrumbs": "1.8.0",
         "@umbraco-ui/uui-button": "1.8.0",
@@ -32655,10 +32655,10 @@
         "@umbraco-ui/uui-card": "1.8.0",
         "@umbraco-ui/uui-card-block-type": "1.8.0",
         "@umbraco-ui/uui-card-content-node": "1.8.0",
-        "@umbraco-ui/uui-card-media": "1.8.0",
+        "@umbraco-ui/uui-card-media": "1.8.2",
         "@umbraco-ui/uui-card-user": "1.8.0",
         "@umbraco-ui/uui-caret": "1.8.0",
-        "@umbraco-ui/uui-checkbox": "1.8.0",
+        "@umbraco-ui/uui-checkbox": "1.8.2",
         "@umbraco-ui/uui-color-area": "1.8.0",
         "@umbraco-ui/uui-color-picker": "1.8.0",
         "@umbraco-ui/uui-color-slider": "1.8.0",
@@ -32679,14 +32679,14 @@
         "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
         "@umbraco-ui/uui-input": "1.8.0",
         "@umbraco-ui/uui-input-file": "1.8.0",
-        "@umbraco-ui/uui-input-lock": "1.8.0",
+        "@umbraco-ui/uui-input-lock": "1.8.2",
         "@umbraco-ui/uui-input-password": "1.8.0",
         "@umbraco-ui/uui-keyboard-shortcut": "1.8.0",
         "@umbraco-ui/uui-label": "1.8.0",
         "@umbraco-ui/uui-loader": "1.8.0",
         "@umbraco-ui/uui-loader-bar": "1.8.0",
         "@umbraco-ui/uui-loader-circle": "1.8.0",
-        "@umbraco-ui/uui-menu-item": "1.8.0",
+        "@umbraco-ui/uui-menu-item": "1.8.2",
         "@umbraco-ui/uui-modal": "1.8.0",
         "@umbraco-ui/uui-pagination": "1.8.0",
         "@umbraco-ui/uui-popover": "1.8.0",
@@ -32705,7 +32705,7 @@
         "@umbraco-ui/uui-ref-node-user": "1.8.0",
         "@umbraco-ui/uui-scroll-container": "1.8.0",
         "@umbraco-ui/uui-select": "1.8.0",
-        "@umbraco-ui/uui-slider": "1.8.0",
+        "@umbraco-ui/uui-slider": "1.8.2",
         "@umbraco-ui/uui-symbol-expand": "1.8.0",
         "@umbraco-ui/uui-symbol-file": "1.8.0",
         "@umbraco-ui/uui-symbol-file-dropzone": "1.8.0",
@@ -32721,7 +32721,7 @@
         "@umbraco-ui/uui-toast-notification": "1.8.0",
         "@umbraco-ui/uui-toast-notification-container": "1.8.0",
         "@umbraco-ui/uui-toast-notification-layout": "1.8.0",
-        "@umbraco-ui/uui-toggle": "1.8.0",
+        "@umbraco-ui/uui-toggle": "1.8.2",
         "@umbraco-ui/uui-visually-hidden": "1.8.0"
       }
     },
@@ -32769,7 +32769,7 @@
     },
     "packages/uui-boolean-input": {
       "name": "@umbraco-ui/uui-boolean-input",
-      "version": "1.8.0",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-base": "1.8.0"
@@ -32846,7 +32846,7 @@
     },
     "packages/uui-card-media": {
       "name": "@umbraco-ui/uui-card-media",
-      "version": "1.8.0",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-base": "1.8.0",
@@ -32875,11 +32875,11 @@
     },
     "packages/uui-checkbox": {
       "name": "@umbraco-ui/uui-checkbox",
-      "version": "1.8.0",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-boolean-input": "1.8.0",
+        "@umbraco-ui/uui-boolean-input": "1.8.2",
         "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
       }
     },
@@ -33070,7 +33070,7 @@
     },
     "packages/uui-input-lock": {
       "name": "@umbraco-ui/uui-input-lock",
-      "version": "1.8.0",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-base": "1.8.0",
@@ -33131,7 +33131,7 @@
     },
     "packages/uui-menu-item": {
       "name": "@umbraco-ui/uui-menu-item",
-      "version": "1.8.0",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-base": "1.8.0",
@@ -33295,7 +33295,7 @@
     },
     "packages/uui-slider": {
       "name": "@umbraco-ui/uui-slider",
-      "version": "1.8.0",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-base": "1.8.0"
@@ -33432,11 +33432,11 @@
     },
     "packages/uui-toggle": {
       "name": "@umbraco-ui/uui-toggle",
-      "version": "1.8.0",
+      "version": "1.8.2",
       "license": "MIT",
       "dependencies": {
         "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-boolean-input": "1.8.0"
+        "@umbraco-ui/uui-boolean-input": "1.8.2"
       }
     },
     "packages/uui-visually-hidden": {
diff --git a/packages/uui-boolean-input/CHANGELOG.md b/packages/uui-boolean-input/CHANGELOG.md
index 7afbed299..a139f8fdc 100644
--- a/packages/uui-boolean-input/CHANGELOG.md
+++ b/packages/uui-boolean-input/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+### Bug Fixes
+
+- Hide the native input for boolean elements in firefox ([#808](https://github.com/umbraco/Umbraco.UI/issues/808)) ([81c0a95](https://github.com/umbraco/Umbraco.UI/commit/81c0a95a24b6df903f5382cb3b735cfa4a27f381))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-boolean-input
diff --git a/packages/uui-boolean-input/package.json b/packages/uui-boolean-input/package.json
index 6060d7d9d..edff00017 100644
--- a/packages/uui-boolean-input/package.json
+++ b/packages/uui-boolean-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-boolean-input",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
diff --git a/packages/uui-card-media/CHANGELOG.md b/packages/uui-card-media/CHANGELOG.md
index a37ee5367..f621d41a2 100644
--- a/packages/uui-card-media/CHANGELOG.md
+++ b/packages/uui-card-media/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+**Note:** Version bump only for package @umbraco-ui/uui-card-media
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-card-media
diff --git a/packages/uui-card-media/package.json b/packages/uui-card-media/package.json
index 3a03a54b9..69e7de578 100644
--- a/packages/uui-card-media/package.json
+++ b/packages/uui-card-media/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-media",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
diff --git a/packages/uui-checkbox/CHANGELOG.md b/packages/uui-checkbox/CHANGELOG.md
index b7ec389d0..2fa993ed4 100644
--- a/packages/uui-checkbox/CHANGELOG.md
+++ b/packages/uui-checkbox/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+**Note:** Version bump only for package @umbraco-ui/uui-checkbox
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-checkbox
diff --git a/packages/uui-checkbox/package.json b/packages/uui-checkbox/package.json
index 48c2d2397..658fe0c10 100644
--- a/packages/uui-checkbox/package.json
+++ b/packages/uui-checkbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-checkbox",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -34,7 +34,7 @@
   ],
   "dependencies": {
     "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-boolean-input": "1.8.0",
+    "@umbraco-ui/uui-boolean-input": "1.8.2",
     "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
   },
   "scripts": {
diff --git a/packages/uui-input-lock/CHANGELOG.md b/packages/uui-input-lock/CHANGELOG.md
index 14ecebb59..328d2f815 100644
--- a/packages/uui-input-lock/CHANGELOG.md
+++ b/packages/uui-input-lock/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+**Note:** Version bump only for package @umbraco-ui/uui-input-lock
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-input-lock
diff --git a/packages/uui-input-lock/package.json b/packages/uui-input-lock/package.json
index 067587811..26ebe792d 100644
--- a/packages/uui-input-lock/package.json
+++ b/packages/uui-input-lock/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-input-lock",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
diff --git a/packages/uui-menu-item/CHANGELOG.md b/packages/uui-menu-item/CHANGELOG.md
index d758dec3a..1a666d66a 100644
--- a/packages/uui-menu-item/CHANGELOG.md
+++ b/packages/uui-menu-item/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+### Bug Fixes
+
+- prevent overflow when not hovered ([#816](https://github.com/umbraco/Umbraco.UI/issues/816)) ([b3fcd2b](https://github.com/umbraco/Umbraco.UI/commit/b3fcd2b535ce3d7049739d13a6b56a9cc2036e8a))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Features
diff --git a/packages/uui-menu-item/package.json b/packages/uui-menu-item/package.json
index 3180e132d..413dd06ac 100644
--- a/packages/uui-menu-item/package.json
+++ b/packages/uui-menu-item/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-menu-item",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
diff --git a/packages/uui-slider/CHANGELOG.md b/packages/uui-slider/CHANGELOG.md
index 2a438406b..1420700d2 100644
--- a/packages/uui-slider/CHANGELOG.md
+++ b/packages/uui-slider/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+### Features
+
+- **uui-slider:** Hide label property + fix error for floating point numbers ([#813](https://github.com/umbraco/Umbraco.UI/issues/813)) ([12bcd06](https://github.com/umbraco/Umbraco.UI/commit/12bcd06f978f0937b9d697c4c16f449779038b56))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Features
diff --git a/packages/uui-slider/package.json b/packages/uui-slider/package.json
index 208ee9dc8..b97e713e9 100644
--- a/packages/uui-slider/package.json
+++ b/packages/uui-slider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-slider",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
diff --git a/packages/uui-toggle/CHANGELOG.md b/packages/uui-toggle/CHANGELOG.md
index 263f45b32..780b9cd80 100644
--- a/packages/uui-toggle/CHANGELOG.md
+++ b/packages/uui-toggle/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+**Note:** Version bump only for package @umbraco-ui/uui-toggle
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-toggle
diff --git a/packages/uui-toggle/package.json b/packages/uui-toggle/package.json
index b56cd6055..b1cc23699 100644
--- a/packages/uui-toggle/package.json
+++ b/packages/uui-toggle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-toggle",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,7 +31,7 @@
   ],
   "dependencies": {
     "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-boolean-input": "1.8.0"
+    "@umbraco-ui/uui-boolean-input": "1.8.2"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui/CHANGELOG.md b/packages/uui/CHANGELOG.md
index 53781c9c9..0c0693e53 100644
--- a/packages/uui/CHANGELOG.md
+++ b/packages/uui/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
+
+**Note:** Version bump only for package @umbraco-ui/uui
+
 ## [1.8.1](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0...v1.8.1) (2024-05-24)
 
 **Note:** Version bump only for package @umbraco-ui/uui
diff --git a/packages/uui/package.json b/packages/uui/package.json
index d4632ce5b..f106972fc 100644
--- a/packages/uui/package.json
+++ b/packages/uui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "license": "MIT",
   "description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.",
   "keywords": [
@@ -42,7 +42,7 @@
     "@umbraco-ui/uui-avatar-group": "1.8.0",
     "@umbraco-ui/uui-badge": "1.8.0",
     "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-boolean-input": "1.8.0",
+    "@umbraco-ui/uui-boolean-input": "1.8.2",
     "@umbraco-ui/uui-box": "1.8.0",
     "@umbraco-ui/uui-breadcrumbs": "1.8.0",
     "@umbraco-ui/uui-button": "1.8.0",
@@ -51,10 +51,10 @@
     "@umbraco-ui/uui-card": "1.8.0",
     "@umbraco-ui/uui-card-block-type": "1.8.0",
     "@umbraco-ui/uui-card-content-node": "1.8.0",
-    "@umbraco-ui/uui-card-media": "1.8.0",
+    "@umbraco-ui/uui-card-media": "1.8.2",
     "@umbraco-ui/uui-card-user": "1.8.0",
     "@umbraco-ui/uui-caret": "1.8.0",
-    "@umbraco-ui/uui-checkbox": "1.8.0",
+    "@umbraco-ui/uui-checkbox": "1.8.2",
     "@umbraco-ui/uui-color-area": "1.8.0",
     "@umbraco-ui/uui-color-picker": "1.8.0",
     "@umbraco-ui/uui-color-slider": "1.8.0",
@@ -75,14 +75,14 @@
     "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
     "@umbraco-ui/uui-input": "1.8.0",
     "@umbraco-ui/uui-input-file": "1.8.0",
-    "@umbraco-ui/uui-input-lock": "1.8.0",
+    "@umbraco-ui/uui-input-lock": "1.8.2",
     "@umbraco-ui/uui-input-password": "1.8.0",
     "@umbraco-ui/uui-keyboard-shortcut": "1.8.0",
     "@umbraco-ui/uui-label": "1.8.0",
     "@umbraco-ui/uui-loader": "1.8.0",
     "@umbraco-ui/uui-loader-bar": "1.8.0",
     "@umbraco-ui/uui-loader-circle": "1.8.0",
-    "@umbraco-ui/uui-menu-item": "1.8.0",
+    "@umbraco-ui/uui-menu-item": "1.8.2",
     "@umbraco-ui/uui-modal": "1.8.0",
     "@umbraco-ui/uui-pagination": "1.8.0",
     "@umbraco-ui/uui-popover": "1.8.0",
@@ -101,7 +101,7 @@
     "@umbraco-ui/uui-ref-node-user": "1.8.0",
     "@umbraco-ui/uui-scroll-container": "1.8.0",
     "@umbraco-ui/uui-select": "1.8.0",
-    "@umbraco-ui/uui-slider": "1.8.0",
+    "@umbraco-ui/uui-slider": "1.8.2",
     "@umbraco-ui/uui-symbol-expand": "1.8.0",
     "@umbraco-ui/uui-symbol-file": "1.8.0",
     "@umbraco-ui/uui-symbol-file-dropzone": "1.8.0",
@@ -117,7 +117,7 @@
     "@umbraco-ui/uui-toast-notification": "1.8.0",
     "@umbraco-ui/uui-toast-notification-container": "1.8.0",
     "@umbraco-ui/uui-toast-notification-layout": "1.8.0",
-    "@umbraco-ui/uui-toggle": "1.8.0",
+    "@umbraco-ui/uui-toggle": "1.8.2",
     "@umbraco-ui/uui-visually-hidden": "1.8.0"
   },
   "scripts": {

From 84b1631d9d8f850918f0b0cb9eccb1ee307309a4 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 24 Jun 2024 01:26:55 +0000
Subject: [PATCH 22/61] build(deps-dev): bump chromatic from 11.0.0 to 11.5.4

Bumps [chromatic](https://github.com/chromaui/chromatic-cli) from 11.0.0 to 11.5.4.
- [Release notes](https://github.com/chromaui/chromatic-cli/releases)
- [Changelog](https://github.com/chromaui/chromatic-cli/blob/main/CHANGELOG.md)
- [Commits](https://github.com/chromaui/chromatic-cli/compare/v11.0.0...v11.5.4)

---
updated-dependencies:
- dependency-name: chromatic
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 12 ++++++------
 package.json      |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 27d85cb4b..98de4bc88 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,7 +39,7 @@
         "@web/test-runner-playwright": "0.11.0",
         "autoprefixer": "10.4.17",
         "babel-loader": "9.1.3",
-        "chromatic": "11.0.0",
+        "chromatic": "11.5.4",
         "element-internals-polyfill": "1.3.10",
         "esbuild": "0.21.5",
         "eslint": "8.56.0",
@@ -14238,9 +14238,9 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.0.0.tgz",
-      "integrity": "sha512-utzRVqdMrpzYwZNf7dHWU0z0/rx6SH/FUVNozQxYHDtQfYUdEj+Ro4OSch5+Wsk2FoUmznJyLkaC2J839z1N7A==",
+      "version": "11.5.4",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.5.4.tgz",
+      "integrity": "sha512-+J+CopeUSyGUIQJsU6X7CfvSmeVBs0j6LZ9AgF4+XTjI4pFmUiUXsTc00rH9x9W1jCppOaqDXv2kqJJXGDK3mA==",
       "dev": true,
       "bin": {
         "chroma": "dist/bin.js",
@@ -14248,8 +14248,8 @@
         "chromatic-cli": "dist/bin.js"
       },
       "peerDependencies": {
-        "@chromatic-com/cypress": "^0.5.2 || ^1.0.0",
-        "@chromatic-com/playwright": "^0.5.2 || ^1.0.0"
+        "@chromatic-com/cypress": "^0.*.* || ^1.0.0",
+        "@chromatic-com/playwright": "^0.*.* || ^1.0.0"
       },
       "peerDependenciesMeta": {
         "@chromatic-com/cypress": {
diff --git a/package.json b/package.json
index 0a5427959..060cc01db 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,7 @@
     "@web/test-runner-playwright": "0.11.0",
     "autoprefixer": "10.4.17",
     "babel-loader": "9.1.3",
-    "chromatic": "11.0.0",
+    "chromatic": "11.5.4",
     "element-internals-polyfill": "1.3.10",
     "esbuild": "0.21.5",
     "eslint": "8.56.0",

From e67251fe05b640e1bc28633326d1eecf45d5add7 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 24 Jun 2024 01:28:26 +0000
Subject: [PATCH 23/61] build(deps-dev): bump github-markdown-css from 5.5.1 to
 5.6.1

Bumps [github-markdown-css](https://github.com/sindresorhus/github-markdown-css) from 5.5.1 to 5.6.1.
- [Release notes](https://github.com/sindresorhus/github-markdown-css/releases)
- [Commits](https://github.com/sindresorhus/github-markdown-css/compare/v5.5.1...v5.6.1)

---
updated-dependencies:
- dependency-name: github-markdown-css
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 98de4bc88..c4f618463 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,7 +52,7 @@
         "eslint-plugin-local-rules": "2.0.1",
         "eslint-plugin-storybook": "0.6.15",
         "eslint-plugin-wc": "2.0.4",
-        "github-markdown-css": "5.5.1",
+        "github-markdown-css": "5.6.1",
         "glob": "8.1.0",
         "husky": "8.0.3",
         "lint-staged": "15.2.2",
@@ -18860,9 +18860,9 @@
       }
     },
     "node_modules/github-markdown-css": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/github-markdown-css/-/github-markdown-css-5.5.1.tgz",
-      "integrity": "sha512-2osyhNgFt7DEHnGHbgIifWawAqlc68gjJiGwO1xNw/S48jivj8kVaocsVkyJqUi3fm7fdYIDi4C6yOtcqR/aEQ==",
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/github-markdown-css/-/github-markdown-css-5.6.1.tgz",
+      "integrity": "sha512-DItLFgHd+s7HQmk63YN4/TdvLeRqk1QP7pPKTTPrDTYoI5x7f/luJWSOZxesmuxBI2srHp8RDyoZd+9WF+WK8Q==",
       "dev": true,
       "engines": {
         "node": ">=10"
diff --git a/package.json b/package.json
index 060cc01db..34c9bf5dc 100644
--- a/package.json
+++ b/package.json
@@ -95,7 +95,7 @@
     "eslint-plugin-local-rules": "2.0.1",
     "eslint-plugin-storybook": "0.6.15",
     "eslint-plugin-wc": "2.0.4",
-    "github-markdown-css": "5.5.1",
+    "github-markdown-css": "5.6.1",
     "glob": "8.1.0",
     "husky": "8.0.3",
     "lint-staged": "15.2.2",

From 82251e202190c7998b22193f064cddc9472975c4 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 1 Jul 2024 01:28:02 +0000
Subject: [PATCH 24/61] build(deps-dev): bump npm-check-updates from 16.10.16
 to 16.14.20

Bumps [npm-check-updates](https://github.com/raineorshine/npm-check-updates) from 16.10.16 to 16.14.20.
- [Release notes](https://github.com/raineorshine/npm-check-updates/releases)
- [Changelog](https://github.com/raineorshine/npm-check-updates/blob/main/CHANGELOG.md)
- [Commits](https://github.com/raineorshine/npm-check-updates/compare/v16.10.16...v16.14.20)

---
updated-dependencies:
- dependency-name: npm-check-updates
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 58 +++++++++++++++++++++++++++++++++++++++--------
 package.json      |  2 +-
 2 files changed, 49 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c4f618463..c95890206 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -56,7 +56,7 @@
         "glob": "8.1.0",
         "husky": "8.0.3",
         "lint-staged": "15.2.2",
-        "npm-check-updates": "16.10.16",
+        "npm-check-updates": "16.14.20",
         "plop": "3.1.2",
         "postcss": "8.4.36",
         "postcss-advanced-variables": "3.0.1",
@@ -10425,6 +10425,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/semver-utils": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@types/semver-utils/-/semver-utils-1.1.3.tgz",
+      "integrity": "sha512-T+YwkslhsM+CeuhYUxyAjWm7mJ5am/K10UX40RuA6k6Lc7eGtq8iY2xOzy7Vq0GOqhl/xZl5l2FwURZMTPTUww==",
+      "dev": true
+    },
     "node_modules/@types/send": {
       "version": "0.17.1",
       "dev": true,
@@ -18414,9 +18420,10 @@
       }
     },
     "node_modules/fp-and-or": {
-      "version": "0.1.3",
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/fp-and-or/-/fp-and-or-0.1.4.tgz",
+      "integrity": "sha512-+yRYRhpnFPWXSly/6V4Lw9IfOV26uu30kynGJ03PW+MnjOEQe45RZ141QcS0aJehYBYA50GfCDnsRbFJdhssRw==",
       "dev": true,
-      "license": "ISC",
       "engines": {
         "node": ">=10"
       }
@@ -24676,16 +24683,18 @@
       }
     },
     "node_modules/npm-check-updates": {
-      "version": "16.10.16",
+      "version": "16.14.20",
+      "resolved": "https://registry.npmjs.org/npm-check-updates/-/npm-check-updates-16.14.20.tgz",
+      "integrity": "sha512-sYbIhun4DrjO7NFOTdvs11nCar0etEhZTsEjL47eM0TuiGMhmYughRCxG2SpGRmGAQ7AkwN7bw2lWzoE7q6yOQ==",
       "dev": true,
-      "license": "Apache-2.0",
       "dependencies": {
+        "@types/semver-utils": "^1.1.1",
         "chalk": "^5.3.0",
         "cli-table3": "^0.6.3",
-        "commander": "^10.0.0",
+        "commander": "^10.0.1",
         "fast-memoize": "^2.5.2",
         "find-up": "5.0.0",
-        "fp-and-or": "^0.1.3",
+        "fp-and-or": "^0.1.4",
         "get-stdin": "^8.0.0",
         "globby": "^11.0.4",
         "hosted-git-info": "^5.1.0",
@@ -24694,6 +24703,7 @@
         "json-parse-helpfulerror": "^1.0.3",
         "jsonlines": "^0.1.1",
         "lodash": "^4.17.21",
+        "make-fetch-happen": "^11.1.1",
         "minimatch": "^9.0.3",
         "p-map": "^4.0.0",
         "pacote": "15.2.0",
@@ -24702,11 +24712,12 @@
         "prompts-ncu": "^3.0.0",
         "rc-config-loader": "^4.1.3",
         "remote-git-tags": "^3.0.0",
-        "rimraf": "^5.0.1",
-        "semver": "^7.5.3",
+        "rimraf": "^5.0.5",
+        "semver": "^7.5.4",
         "semver-utils": "^1.1.4",
         "source-map-support": "^0.5.21",
-        "spawn-please": "^2.0.1",
+        "spawn-please": "^2.0.2",
+        "strip-ansi": "^7.1.0",
         "strip-json-comments": "^5.0.1",
         "untildify": "^4.0.0",
         "update-notifier": "^6.0.2"
@@ -24719,6 +24730,18 @@
         "node": ">=14.14"
       }
     },
+    "node_modules/npm-check-updates/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
     "node_modules/npm-check-updates/node_modules/argparse": {
       "version": "2.0.1",
       "dev": true,
@@ -24847,6 +24870,21 @@
         "node": ">=8"
       }
     },
+    "node_modules/npm-check-updates/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/npm-check-updates/node_modules/strip-json-comments": {
       "version": "5.0.1",
       "dev": true,
diff --git a/package.json b/package.json
index 34c9bf5dc..d424266e1 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
     "glob": "8.1.0",
     "husky": "8.0.3",
     "lint-staged": "15.2.2",
-    "npm-check-updates": "16.10.16",
+    "npm-check-updates": "16.14.20",
     "plop": "3.1.2",
     "postcss": "8.4.36",
     "postcss-advanced-variables": "3.0.1",

From 4320539dc3b327a1993042dedaef95d0b1bc4bd2 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Thu, 4 Jul 2024 12:58:42 +0200
Subject: [PATCH 25/61] fix(uui-form-validation-message): default renderer does
 not support raw HTML (#835)

---
 .../lib/uui-form-validation-message.element.ts              | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/uui-form-validation-message/lib/uui-form-validation-message.element.ts b/packages/uui-form-validation-message/lib/uui-form-validation-message.element.ts
index f1b6ac7f5..215cee81e 100644
--- a/packages/uui-form-validation-message/lib/uui-form-validation-message.element.ts
+++ b/packages/uui-form-validation-message/lib/uui-form-validation-message.element.ts
@@ -4,6 +4,7 @@ import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 
 /**
  * @element uui-form-validation-message
@@ -92,7 +93,10 @@ export class UUIFormValidationMessageElement extends LitElement {
     return html`
       <slot></slot>
       <div id="messages">
-        ${repeat(this._messages, item => html`<div>${item[1]}</div>`)}
+        ${repeat(
+          this._messages,
+          item => html`<div>${unsafeHTML(item[1])}</div>`,
+        )}
         <slot name="message"></slot>
       </div>
     `;

From 7ce49bfd0840fdda250ed66ffdb887b519643caf Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Mon, 8 Jul 2024 14:29:35 +0200
Subject: [PATCH 26/61] docs(uui-card-block-type): add descriptions for slots
 (#834)

* docs: add documentation for slots on the uui-card-block-type element

* docs: expand descriptions for slots
---
 .../uui-card-block-type/lib/uui-card-block-type.element.ts     | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/uui-card-block-type/lib/uui-card-block-type.element.ts b/packages/uui-card-block-type/lib/uui-card-block-type.element.ts
index 872a70ecc..59aeeba1b 100644
--- a/packages/uui-card-block-type/lib/uui-card-block-type.element.ts
+++ b/packages/uui-card-block-type/lib/uui-card-block-type.element.ts
@@ -12,6 +12,9 @@ export type BlockTypeIcon = {
 
 /**
  * @element uui-card-block-type
+ * @slot - slot for the default content area
+ * @slot tag - slot for the tag with support for `<uui-tag>` elements
+ * @slot actions - slot for the actions with support for the `<uui-action-bar>` element
  */
 @defineElement('uui-card-block-type')
 export class UUICardBlockTypeElement extends UUICardElement {

From 23c6d2ccb9d28a1f0c66e142bcf1024384306c48 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 10:50:59 +0200
Subject: [PATCH 27/61] feat: add readonly mode

---
 packages/uui-select/lib/uui-select.element.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/uui-select/lib/uui-select.element.ts b/packages/uui-select/lib/uui-select.element.ts
index a8b8e40be..1cbf312a5 100644
--- a/packages/uui-select/lib/uui-select.element.ts
+++ b/packages/uui-select/lib/uui-select.element.ts
@@ -61,6 +61,15 @@ export class UUISelectElement extends UUIFormControlMixin(LitElement, '') {
   @property({ type: Boolean, reflect: true })
   disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   /**
    * Set to true if the component should have an error state.Property is reflected to the corresponding attribute.
    * @type {boolean}
@@ -226,7 +235,16 @@ export class UUISelectElement extends UUIFormControlMixin(LitElement, '') {
     `;
   }
 
+  private _getDisplayValue() {
+    return (
+      this.options.find(option => option.value === this.value)?.name ||
+      this.value
+    );
+  }
+
   render() {
+    if (this.readonly) return html`<span>${this._getDisplayValue()}</span>`;
+
     return html` <select
       id="native"
       aria-label=${this.label}

From 6cbeca0e1aceaff6fed23771af4aa78c740eb9db Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 10:56:51 +0200
Subject: [PATCH 28/61] docs: update storybook with story for readonly state

---
 packages/uui-select/lib/uui-select.story.ts | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/packages/uui-select/lib/uui-select.story.ts b/packages/uui-select/lib/uui-select.story.ts
index 2a10041c8..5eea55383 100644
--- a/packages/uui-select/lib/uui-select.story.ts
+++ b/packages/uui-select/lib/uui-select.story.ts
@@ -157,6 +157,27 @@ Disabled.parameters = {
   },
 };
 
+export const Readonly: Story = props =>
+  html`<uui-select
+    .options=${preselectedOptions}
+    label="Label"
+    .placeholder=${props.placeholder}
+    .readonly=${props.readonly}></uui-select>`;
+
+Readonly.args = {
+  readonly: true,
+};
+
+Readonly.parameters = {
+  controls: { include: ['readonly'] },
+  docs: {
+    source: {
+      code: `
+<uui-select readonly></uui-select>`,
+    },
+  },
+};
+
 export const Error: Story = props =>
   html`<uui-select
     .options=${options}

From 9379cc17ea6d7327911fa6fd319767eb2b88c7dd Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 12:49:07 +0200
Subject: [PATCH 29/61] feat: implement readonly state for uui-slider

---
 packages/uui-slider/lib/uui-slider.element.ts | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/uui-slider/lib/uui-slider.element.ts b/packages/uui-slider/lib/uui-slider.element.ts
index 830be1b86..26875ada2 100644
--- a/packages/uui-slider/lib/uui-slider.element.ts
+++ b/packages/uui-slider/lib/uui-slider.element.ts
@@ -157,6 +157,15 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
   @property({ type: Boolean, reflect: true })
   disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   /**
    * Label to be used for aria-label and eventually as visual label
    * @type {string}
@@ -296,7 +305,8 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
         .value="${this.value}"
         aria-label="${this.label}"
         step="${+this.step}"
-        ?disabled=${this.disabled}
+        ?disabled=${this.disabled || this.readonly}
+        ?readonly=${this.readonly}
         @input=${this._onInput}
         @change=${this._onChange} />
       <div id="track" aria-hidden="true">
@@ -362,6 +372,7 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
       .track-step {
         fill: var(--uui-color-border);
       }
+
       input:hover ~ #track svg .track-step {
         fill: var(--uui-color-border-emphasis);
       }
@@ -402,6 +413,7 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
         border-radius: 50%;
         background-color: var(--uui-color-selected);
       }
+
       :host([disabled]) #thumb:after {
         background-color: var(--uui-color-disabled);
       }
@@ -457,6 +469,16 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
       :host(:not([pristine]):invalid) #thumb:after {
         background-color: var(--uui-color-danger);
       }
+
+      // readonly
+      :host([readonly]) #thumb {
+        background-color: var(--uui-color-disabled);
+        border-color: var(--uui-color-disabled-standalone);
+      }
+
+      :host([readonly]) #thumb-label {
+        opacity: 1;
+      }
     `,
   ];
 }

From aec19fc129caa6f9614a307bed45f857bb5dfb7f Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 12:49:30 +0200
Subject: [PATCH 30/61] chore: add story for readonly state of uui-slider

---
 packages/uui-slider/lib/uui-slider.story.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/uui-slider/lib/uui-slider.story.ts b/packages/uui-slider/lib/uui-slider.story.ts
index 0e296b7a9..eac712fc9 100644
--- a/packages/uui-slider/lib/uui-slider.story.ts
+++ b/packages/uui-slider/lib/uui-slider.story.ts
@@ -17,6 +17,7 @@ export default {
     hideValueLabel: false,
     value: 0,
     disabled: false,
+    readonly: false,
   },
   argTypes: {
     label: {
@@ -38,6 +39,7 @@ const Template: Story = props => html`
     min=${props.min}
     max=${props.max}
     ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
     .value=${props.value}
     .hideStepValues=${props.hideStepValues}
     .hideValueLabel=${props.hideValueLabel}></uui-slider>
@@ -72,3 +74,8 @@ export const Disabled = Template.bind({});
 Disabled.args = {
   disabled: true,
 };
+
+export const Readonly = Template.bind({});
+Readonly.args = {
+  readonly: true,
+};

From 78ebbdde6e8622e1048b760c4727e5f19a397ab1 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:05:18 +0200
Subject: [PATCH 31/61] feat: readonly state for boolean base class

---
 .../lib/uui-boolean-input.element.ts            | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
index 4d14dec64..c5b0dbb0e 100644
--- a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
+++ b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
@@ -85,6 +85,15 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
   @property({ type: Boolean, reflect: true })
   disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   @query('#input')
   protected _input!: HTMLInputElement;
 
@@ -176,7 +185,7 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
           id="input"
           type="checkbox"
           @change="${this._onInputChange}"
-          .disabled=${this.disabled}
+          .disabled=${this.disabled || this.readonly}
           .checked=${this.checked}
           aria-checked="${this.checked ? 'true' : 'false'}"
           aria-label=${this.label}
@@ -196,7 +205,6 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
         position: relative;
         cursor: pointer;
         user-select: none;
-
         display: flex;
         flex-wrap: nowrap;
         align-items: center;
@@ -204,6 +212,11 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
         gap: var(--uui-size-3);
       }
 
+      :host([readonly]) label {
+        cursor: text;
+        user-select: auto;
+      }
+
       input {
         position: absolute;
         height: 0px;

From 5e3cbdcc785aa9954a727d28af90f06d3ca1625c Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:06:05 +0200
Subject: [PATCH 32/61] feat: readonly state for checkbox

---
 packages/uui-checkbox/lib/uui-checkbox.element.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/uui-checkbox/lib/uui-checkbox.element.ts b/packages/uui-checkbox/lib/uui-checkbox.element.ts
index 68abcc709..e752c4299 100644
--- a/packages/uui-checkbox/lib/uui-checkbox.element.ts
+++ b/packages/uui-checkbox/lib/uui-checkbox.element.ts
@@ -86,9 +86,11 @@ export class UUICheckboxElement extends UUIBooleanInputElement {
       input:checked:not([disabled]) + #ticker {
         border-color: var(--uui-color-selected);
       }
+
       label:hover input:checked:not([disabled]) + #ticker {
         border-color: var(--uui-color-selected-emphasis);
       }
+
       label:focus input:checked + #ticker {
         border-color: var(--uui-color-selected-emphasis);
       }
@@ -144,7 +146,10 @@ export class UUICheckboxElement extends UUIBooleanInputElement {
           var(--uui-color-focus);
       }
 
-      :host(:not([disabled])) label:active input:checked + #ticker::before {
+      :host(:not([disabled], [readonly]))
+        label:active
+        input:checked
+        + #ticker::before {
         /** Stretch when mouse down */
         transform: scale(0.9);
       }

From a7001f530e780236c0af67e164ea89700bbaa78c Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:06:19 +0200
Subject: [PATCH 33/61] docs: readonly state for checkbox

---
 .../uui-checkbox/lib/uui-checkbox.story.ts     | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/uui-checkbox/lib/uui-checkbox.story.ts b/packages/uui-checkbox/lib/uui-checkbox.story.ts
index 53f55f226..6cf6e8bf8 100644
--- a/packages/uui-checkbox/lib/uui-checkbox.story.ts
+++ b/packages/uui-checkbox/lib/uui-checkbox.story.ts
@@ -15,6 +15,7 @@ export default {
     label: 'label',
     labelPosition: 'right',
     disabled: false,
+    readonly: false,
     checked: false,
     '--uui-checkbox-size': '18px',
   },
@@ -42,6 +43,7 @@ export const AAAOverview: Story = props => html`
     .label=${props.label}
     .labelPosition=${props.labelPosition}
     ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
     ?checked=${props.checked}
     >${props.slot}</uui-checkbox
   >
@@ -157,3 +159,19 @@ Disabled.parameters = {
     },
   },
 };
+
+export const Readonly: Story = props => html`
+  <uui-checkbox
+    ?readonly=${props.readonly}
+    .label=${'Readonly'}
+    checked></uui-checkbox>
+`;
+Readonly.args = { readonly: true };
+Readonly.parameters = {
+  controls: { include: ['readonly'] },
+  docs: {
+    source: {
+      code: `<uui-checkbox label="Readonly" checked readonly></uui-checkbox>`,
+    },
+  },
+};

From c7565b91fc9d74ac105b91e6b9c1b7114187430f Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:06:31 +0200
Subject: [PATCH 34/61] feat: readonly state for toggle

---
 packages/uui-toggle/lib/uui-toggle.element.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/uui-toggle/lib/uui-toggle.element.ts b/packages/uui-toggle/lib/uui-toggle.element.ts
index 6eaff94e4..b7c5145e8 100644
--- a/packages/uui-toggle/lib/uui-toggle.element.ts
+++ b/packages/uui-toggle/lib/uui-toggle.element.ts
@@ -72,6 +72,7 @@ export class UUIToggleElement extends UUIBooleanInputElement {
           var(--uui-toggle-border-color, var(--uui-color-border-standalone));
         font-size: calc(var(--uui-toggle-size) * 0.6);
       }
+
       label:hover input:not([disabled]) ~ #slider {
         border-color: var(
           --uui-toggle-border-color-hover,
@@ -82,6 +83,7 @@ export class UUIToggleElement extends UUIBooleanInputElement {
           var(--uui-color-border)
         );
       }
+
       label:focus #slider {
         border-color: var(
           --uui-toggle-border-color-focus,
@@ -92,12 +94,15 @@ export class UUIToggleElement extends UUIBooleanInputElement {
           var(--uui-color-surface-emphasis)
         );
       }
+
       input:checked ~ #slider {
         background-color: var(--uui-color-selected);
       }
+
       label:hover input:checked:not([disabled]) ~ #slider {
         background-color: var(--uui-color-selected-emphasis);
       }
+
       label:focus input:checked ~ #slider {
         background-color: var(--uui-color-selected-emphasis);
       }
@@ -123,6 +128,7 @@ export class UUIToggleElement extends UUIBooleanInputElement {
         right: calc(var(--uui-toggle-size) * 0.5);
         color: var(--uui-color-interactive);
       }
+
       input:checked ~ #slider #icon-checked {
         color: var(--uui-color-selected-contrast);
       }
@@ -153,7 +159,7 @@ export class UUIToggleElement extends UUIBooleanInputElement {
           var(--uui-color-focus);
       }
 
-      :host(:not([disabled])) label:active #slider::after {
+      :host(:not([disabled], [readonly])) label:active #slider::after {
         /** Stretch when mouse down */
         width: calc(1.06 * var(--uui-toggle-size));
       }

From 0e63e0bcf4cb7941bbbafb44b9a28ea479aa07f3 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:06:56 +0200
Subject: [PATCH 35/61] docs: readonly state for toggle

---
 packages/uui-toggle/lib/uui-toggle.story.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/uui-toggle/lib/uui-toggle.story.ts b/packages/uui-toggle/lib/uui-toggle.story.ts
index a3796d87b..fddd2bf82 100644
--- a/packages/uui-toggle/lib/uui-toggle.story.ts
+++ b/packages/uui-toggle/lib/uui-toggle.story.ts
@@ -15,6 +15,7 @@ export default {
     label: 'label',
     labelPosition: 'right',
     disabled: false,
+    readonly: false,
     checked: false,
     '--uui-toggle-size': '18px',
     '--uui-toggle-switch-width': '36px',
@@ -38,6 +39,7 @@ export const AAAOverview: Story = props => html`
     .label=${props.label}
     .labelPosition=${props.labelPosition}
     ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
     ?checked=${props.checked}
     >${props.slot}</uui-toggle
   >
@@ -150,3 +152,16 @@ Disabled.parameters = {
     },
   },
 };
+
+export const Readonly: Story = props => html`
+  <uui-toggle ?readonly=${props.readonly} label="Readonly" checked></uui-toggle>
+`;
+Readonly.args = { readonly: true };
+Readonly.parameters = {
+  controls: { include: ['readonly'] },
+  docs: {
+    source: {
+      code: `<uui-toggle readonly>Readonly</uui-toggle>`,
+    },
+  },
+};

From 9918cc33e3f8a37e1142d614fdd0bba119d072da Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Mon, 24 Jun 2024 18:55:41 +0200
Subject: [PATCH 36/61] prevent the slider from shrinking when label contains a
 long string

---
 packages/uui-toggle/lib/uui-toggle.element.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/uui-toggle/lib/uui-toggle.element.ts b/packages/uui-toggle/lib/uui-toggle.element.ts
index b7c5145e8..70ca33956 100644
--- a/packages/uui-toggle/lib/uui-toggle.element.ts
+++ b/packages/uui-toggle/lib/uui-toggle.element.ts
@@ -60,6 +60,8 @@ export class UUIToggleElement extends UUIBooleanInputElement {
         display: flex;
         align-items: center;
 
+        flex-shrink: 0;
+
         width: var(--uui-toggle-switch-width);
         height: var(--uui-toggle-size);
         border-radius: 100px;

From 07a4019177c752f0b780bdf0444fe109af790ac4 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 15:58:52 +0200
Subject: [PATCH 37/61] docs: add story for readonly uui-range-slider

---
 packages/uui-range-slider/lib/uui-range-slider.story.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/uui-range-slider/lib/uui-range-slider.story.ts b/packages/uui-range-slider/lib/uui-range-slider.story.ts
index fc4b9f3aa..a91c63967 100644
--- a/packages/uui-range-slider/lib/uui-range-slider.story.ts
+++ b/packages/uui-range-slider/lib/uui-range-slider.story.ts
@@ -17,6 +17,7 @@ export default {
     maxGap: undefined,
     value: '0,20',
     disabled: false,
+    readonly: false,
     error: false,
     hideStepValues: false,
     label: 'range',
@@ -41,6 +42,7 @@ const Template: Story = props => html`
       max-gap=${ifDefined(props.maxGap)}
       value=${ifDefined(props.value)}
       ?disabled=${props.disabled}
+      ?readonly=${props.readonly}
       ?error=${props.error}
       ?hide-step-values="${props.hideStepValues}"
       label="${props.label}"></uui-range-slider>
@@ -59,3 +61,8 @@ export const Disabled = Template.bind({});
 Disabled.args = {
   disabled: true,
 };
+
+export const Readonly = Template.bind({});
+Readonly.args = {
+  readonly: true,
+};

From e720227cc92f21d631bdaaadaafa9ecc03ff13da Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 15:59:49 +0200
Subject: [PATCH 38/61] feat: implement readonly for uui-range-slider

---
 .../lib/uui-range-slider.element.ts           | 34 ++++++++++++++++---
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/packages/uui-range-slider/lib/uui-range-slider.element.ts b/packages/uui-range-slider/lib/uui-range-slider.element.ts
index 2569a58e1..9774374c7 100644
--- a/packages/uui-range-slider/lib/uui-range-slider.element.ts
+++ b/packages/uui-range-slider/lib/uui-range-slider.element.ts
@@ -46,6 +46,15 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
   @property({ type: Boolean, reflect: true })
   disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   /**
    * Sets the minimum allowed value.
    * @type {number}
@@ -488,6 +497,7 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
   /** Mouse Event */
   private _onMouseDown = (e: MouseEvent) => {
     if (this.disabled) return;
+    if (this.readonly) return;
 
     const target = e.composedPath()[0];
     if (target === this._outerTrack) return;
@@ -554,6 +564,8 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
   /** Input Events */
   private _onLowInput(e: Event) {
     if (this.disabled) e.preventDefault();
+    if (this.readonly) e.preventDefault();
+
     this._currentFocus = this._inputLow;
     const newValue = Number((e.target as HTMLInputElement).value);
 
@@ -563,6 +575,8 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
 
   private _onHighInput(e: Event) {
     if (this.disabled) e.preventDefault();
+    if (this.readonly) e.preventDefault();
+
     this._currentFocus = this._inputHigh;
     const newValue = Number((e.target as HTMLInputElement).value);
 
@@ -675,7 +689,7 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
         step=${this._step}
         .value=${this._lowInputValue.toString()}
         aria-label="${this.label} low-end value"
-        ?disabled="${this.disabled}"
+        ?disabled="${this.disabled || this.readonly}"
         @input=${this._onLowInput}
         @change=${this._onLowChange} />
       <input
@@ -687,7 +701,7 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
         step="${this._step}"
         .value=${this._highInputValue.toString()}
         aria-label="${this.label} high-end value"
-        ?disabled="${this.disabled}"
+        ?disabled="${this.disabled || this.readonly}"
         @input=${this._onHighInput}
         @change=${this._onHighChange} />
     </div>`;
@@ -744,7 +758,8 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
         z-index: ${Z_INDEX.CENTER};
       }
 
-      :host([disabled]) #inner-color-thumb {
+      :host([disabled]) #inner-color-thumb,
+      :host([readonly]) #inner-color-thumb {
         cursor: default;
       }
 
@@ -757,10 +772,12 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
       #inner-color-thumb:focus .color {
         background-color: var(--color-focus);
       }
+
       #inner-color-thumb:hover .color,
       #inner-color-thumb .color.active {
         background-color: var(--color-hover);
       }
+
       #inner-color-thumb:hover .color {
         height: 5px;
         background-color: var(--color-hover);
@@ -892,6 +909,10 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
         color: var(--uui-palette-mine-grey);
       }
 
+      :host([readonly]) .thumb-values {
+        opacity: 1;
+      }
+
       #range-slider:hover .thumb-values {
         opacity: 1;
       }
@@ -914,7 +935,9 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
           inset 0 0 0 2px var(--color-interactive),
           inset 0 0 0 4px var(--uui-color-surface);
       }
-      :host([disabled]) input::-webkit-slider-thumb {
+
+      :host([disabled]) input::-webkit-slider-thumb,
+      :host([readonly]) input::-webkit-slider-thumb {
         cursor: default;
       }
 
@@ -958,7 +981,8 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
           inset 0 0 0 2px var(--color-interactive),
           inset 0 0 0 4px var(--uui-color-surface);
       }
-      :host([disabled]) input::-moz-range-thumb {
+      :host([disabled]) input::-moz-range-thumb,
+      :host([readonly]) input::-moz-range-thumb {
         cursor: default;
       }
 

From 5b2d81b077e98fd9b00bfad49f6f25cb63fc58f4 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 25 Jun 2024 13:26:23 +0200
Subject: [PATCH 39/61] don't expand on hover

---
 packages/uui-range-slider/lib/uui-range-slider.element.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/uui-range-slider/lib/uui-range-slider.element.ts b/packages/uui-range-slider/lib/uui-range-slider.element.ts
index 9774374c7..8511ff274 100644
--- a/packages/uui-range-slider/lib/uui-range-slider.element.ts
+++ b/packages/uui-range-slider/lib/uui-range-slider.element.ts
@@ -778,7 +778,7 @@ export class UUIRangeSliderElement extends UUIFormControlMixin(LitElement, '') {
         background-color: var(--color-hover);
       }
 
-      #inner-color-thumb:hover .color {
+      :host(:not([readonly])) #inner-color-thumb:hover .color {
         height: 5px;
         background-color: var(--color-hover);
       }

From 33f171ee6d8e69509f49f42c022e3f987cc03301 Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Mon, 8 Jul 2024 14:34:10 +0200
Subject: [PATCH 40/61] bug(uui-select): Use css vars for background and text
 color (#827)

---
 packages/uui-select/lib/uui-select.element.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/uui-select/lib/uui-select.element.ts b/packages/uui-select/lib/uui-select.element.ts
index 1cbf312a5..6b269defe 100644
--- a/packages/uui-select/lib/uui-select.element.ts
+++ b/packages/uui-select/lib/uui-select.element.ts
@@ -23,6 +23,7 @@ declare global {
  * @fires change - when the user changes value
  * @cssprop --uui-select-height - Height of the element
  * @cssprop --uui-select-font-size - Font size of the element
+ * @cssprop --uui-select-text-color - Color of the text
  * @cssprop --uui-select-padding-y - Padding on the y axis
  * @cssprop --uui-select-padding-x - Padding on the x axis
  * @cssprop --uui-select-border-color - Border color
@@ -30,6 +31,7 @@ declare global {
  * @cssprop --uui-select-selected-option-background-color - Background color of the selected option
  * @cssprop --uui-select-selected-option-color - Color of the selected option
  * @cssprop --uui-select-outline-color - Outline color
+ * @cssprop --uui-select-background-color - Background color
  * @cssprop --uui-select-disabled-background-color - Background color when disabled
  * @extends UUIFormControlMixin
  */
@@ -282,13 +284,17 @@ export class UUISelectElement extends UUIFormControlMixin(LitElement, '') {
         height: var(--uui-select-height, var(--uui-size-11));
         padding: var(--uui-select-padding-y, var(--uui-size-1))
           var(--uui-select-padding-x, var(--uui-size-2));
-        color: currentColor;
+        color: var(--uui-select-text-color, var(--uui-color-text));
         box-sizing: border-box;
         border-radius: 0;
         border: 1px solid
           var(--uui-select-border-color, var(--uui-color-border));
         transition: all 150ms ease;
         width: 100%;
+        background-color: var(
+          --uui-select-background-color,
+          var(--uui-color-surface)
+        );
       }
 
       #native:focus {

From d37861c759730fc40a7842bb4736735ba0454f22 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 25 Jun 2024 15:46:46 +0200
Subject: [PATCH 41/61] feat: implement readonly mode for uui-ref-node

---
 .../uui-ref-node/lib/uui-ref-node.element.ts  | 38 +++++++++++++------
 packages/uui-ref/lib/uui-ref.element.ts       |  9 +++++
 2 files changed, 35 insertions(+), 12 deletions(-)

diff --git a/packages/uui-ref-node/lib/uui-ref-node.element.ts b/packages/uui-ref-node/lib/uui-ref-node.element.ts
index c5340e781..c55390898 100644
--- a/packages/uui-ref-node/lib/uui-ref-node.element.ts
+++ b/packages/uui-ref-node/lib/uui-ref-node.element.ts
@@ -85,14 +85,18 @@ export class UUIRefNodeElement extends UUIRefElement {
 
   #renderContent() {
     return html`
-      <span id="icon">
-        <slot name="icon" @slotchange=${this.#onSlotIconChange}></slot>
-        ${this._iconSlotHasContent === false ? this.#renderFallbackIcon() : ''}
+      <span id="content">
+        <span id="icon">
+          <slot name="icon" @slotchange=${this.#onSlotIconChange}></slot>
+          ${this._iconSlotHasContent === false
+            ? this.#renderFallbackIcon()
+            : ''}
+        </span>
+        <div id="info">
+          <div id="name">${this.name}</div>
+          ${this.renderDetail()}
+        </div>
       </span>
-      <div id="info">
-        <div id="name">${this.name}</div>
-        ${this.renderDetail()}
-      </div>
     `;
   }
 
@@ -125,7 +129,7 @@ export class UUIRefNodeElement extends UUIRefElement {
 
   public render() {
     return html`
-      ${this.href ? this.#renderLink() : this.#renderButton()}
+      ${this.#renderSomething()}
       <!-- Select border must be right after #open-part -->
       <div id="select-border"></div>
 
@@ -135,6 +139,14 @@ export class UUIRefNodeElement extends UUIRefElement {
     `;
   }
 
+  #renderSomething() {
+    if (this.readonly) {
+      return html`${this.#renderContent()}`;
+    } else {
+      return this.href ? this.#renderLink() : this.#renderButton();
+    }
+  }
+
   static styles = [
     ...UUIRefElement.styles,
     css`
@@ -143,15 +155,17 @@ export class UUIRefNodeElement extends UUIRefElement {
         padding: calc(var(--uui-size-2) + 1px);
       }
 
-      #open-part {
-        text-decoration: none;
-        color: inherit;
+      #content {
         align-self: stretch;
         line-height: normal;
-
         display: flex;
         position: relative;
         align-items: center;
+      }
+
+      #open-part {
+        color: inherit;
+        text-decoration: none;
         cursor: pointer;
       }
 
diff --git a/packages/uui-ref/lib/uui-ref.element.ts b/packages/uui-ref/lib/uui-ref.element.ts
index 73af0f7d3..1e2e1195c 100644
--- a/packages/uui-ref/lib/uui-ref.element.ts
+++ b/packages/uui-ref/lib/uui-ref.element.ts
@@ -31,6 +31,15 @@ export class UUIRefElement extends SelectOnlyMixin(
   @property({ type: Boolean, reflect: true })
   disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   /**
    * Set to true to display error state
    * @type {boolean}

From e168d1060e5ba77adf73a80eb2684f447cd76e18 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 25 Jun 2024 15:47:08 +0200
Subject: [PATCH 42/61] docs: add story for readonly mode

---
 .../uui-ref-node/lib/uui-ref-node.story.ts    | 29 ++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/packages/uui-ref-node/lib/uui-ref-node.story.ts b/packages/uui-ref-node/lib/uui-ref-node.story.ts
index e4ce5d4b3..35b608511 100644
--- a/packages/uui-ref-node/lib/uui-ref-node.story.ts
+++ b/packages/uui-ref-node/lib/uui-ref-node.story.ts
@@ -36,7 +36,8 @@ const Template: Story = props => html`
     ?selectable=${props.selectable}
     ?selectOnly=${props.selectOnly}
     ?error=${props.error}
-    ?disabled=${props.disabled}>
+    ?disabled=${props.disabled}
+    ?readonly=${props.readonly}>
     <uui-tag size="s" slot="tag" color="positive">Published</uui-tag>
     <uui-action-bar slot="actions"
       ><uui-button label="delete"
@@ -201,6 +202,32 @@ Disabled.parameters = {
   },
 };
 
+export const Readonly: Story = props => html`
+  <uui-ref-node
+    ?readonly="${props.readonly}"
+    name="Rabbit Suit Product Page"
+    detail="path/to/nowhere">
+  </uui-ref-node>
+`;
+
+Readonly.args = {
+  readonly: true,
+};
+
+Readonly.parameters = {
+  docs: {
+    source: {
+      code: `
+<uui-ref-node
+  readonly
+  name="Rabbit Suit Product Page"
+  detail="path/to/nowhere">
+</uui-ref-node>
+    `,
+    },
+  },
+};
+
 const listOfNodeNames: string[] = ArrayOfUmbracoWords(10);
 export const Listed: Story = () => html`
   <uui-ref-list>

From 35bc22de593d3f251d47d384bcb49c22c37e76e3 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:57:43 +0200
Subject: [PATCH 43/61] add headlines to make it more clear that there are 2
 groups

---
 packages/uui-radio/lib/uui-radio.story.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/uui-radio/lib/uui-radio.story.ts b/packages/uui-radio/lib/uui-radio.story.ts
index fc6425518..4a5319b18 100644
--- a/packages/uui-radio/lib/uui-radio.story.ts
+++ b/packages/uui-radio/lib/uui-radio.story.ts
@@ -69,12 +69,14 @@ Checked.parameters = {
 };
 
 export const RadioGroup: Story = () => html`
+  <h5>Group 1</h5>
   <uui-radio-group name="radioGroup">
     <uui-radio value="1">Option 1</uui-radio>
     <uui-radio value="2" disabled>Option 2</uui-radio>
     <uui-radio value="3">Option 3</uui-radio>
   </uui-radio-group>
 
+  <h5>Group 2</h5>
   <uui-radio-group name="f331672b-e6f3-4b73-8b44-67a51a24f296">
     <uui-radio
       value="Prolific - I live and breathe Umbraco."
@@ -114,12 +116,14 @@ RadioGroup.parameters = {
   docs: {
     source: {
       code: `
+<h5>Group 1</h5>
 <uui-radio-group name="radioGroup">
   <uui-radio value="1">Option 1</uui-radio>
   <uui-radio value="2" disabled>Option 2</uui-radio>
   <uui-radio value="3">Option 3</uui-radio>
 </uui-radio-group>
 
+<h5>Group 2</h5>
 <uui-radio-group name="f331672b-e6f3-4b73-8b44-67a51a24f296">
   <uui-radio
       value="Prolific - I live and breathe Umbraco."

From dbad401a25ac8e7a8bfe1374dfcd36a131e24ef4 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:58:08 +0200
Subject: [PATCH 44/61] docs: add readonly story

---
 packages/uui-radio/lib/uui-radio.story.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/uui-radio/lib/uui-radio.story.ts b/packages/uui-radio/lib/uui-radio.story.ts
index 4a5319b18..b6562a01d 100644
--- a/packages/uui-radio/lib/uui-radio.story.ts
+++ b/packages/uui-radio/lib/uui-radio.story.ts
@@ -12,6 +12,7 @@ export default {
     label: 'label',
     checked: false,
     disabled: false,
+    readonly: false,
   },
   argTypes: {
     slot: { control: { type: 'text' } },
@@ -27,6 +28,7 @@ export const AAAOverview: Story = props =>
     .label=${props.label}
     .name=${props.name}
     ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
     ?checked=${props.checked}
     >${props.slot}</uui-radio
   >`;
@@ -50,6 +52,24 @@ Disabled.parameters = {
   },
 };
 
+export const Readonly: Story = props =>
+  html` <uui-radio value="1" ?readonly=${props.readonly}>Readonly</uui-radio>`;
+
+Readonly.args = {
+  readonly: true,
+};
+
+Readonly.parameters = {
+  controls: { include: ['readonly'] },
+  docs: {
+    source: {
+      code: `
+<uui-radio value="1" readonly>Readonly</uui-radio>
+`,
+    },
+  },
+};
+
 export const Checked: Story = props =>
   html` <uui-radio value="1" ?checked=${props.checked}>Checked</uui-radio>`;
 

From 201917e24a77ddbf2c0faaa884bae7b1204923c5 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:58:32 +0200
Subject: [PATCH 45/61] feat: readonly state for uui-radio

---
 packages/uui-radio/lib/uui-radio.element.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/uui-radio/lib/uui-radio.element.ts b/packages/uui-radio/lib/uui-radio.element.ts
index 5491e9154..e9968f1aa 100644
--- a/packages/uui-radio/lib/uui-radio.element.ts
+++ b/packages/uui-radio/lib/uui-radio.element.ts
@@ -81,6 +81,15 @@ export class UUIRadioElement extends LitElement {
   }
   private _disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   constructor() {
     super();
     this.addEventListener('mousedown', this.#hideFocusOutline);
@@ -162,7 +171,7 @@ export class UUIRadioElement extends LitElement {
         name=${this.name}
         value=${this.value}
         .checked=${this.checked}
-        .disabled=${this.disabled}
+        .disabled=${this.disabled || this.readonly}
         @change=${this._onChange} />
       <div id="button"></div>
       <div id="label">

From 6a5f63667d1d9f274753e25305447a8f9c5d5d63 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 14:59:47 +0200
Subject: [PATCH 46/61] feat: readonly state for uui-radio-group

---
 .../uui-radio/lib/uui-radio-group.element.ts  | 43 ++++++++++++++++---
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/packages/uui-radio/lib/uui-radio-group.element.ts b/packages/uui-radio/lib/uui-radio-group.element.ts
index c35784c4d..78ff05dec 100644
--- a/packages/uui-radio/lib/uui-radio-group.element.ts
+++ b/packages/uui-radio/lib/uui-radio-group.element.ts
@@ -35,6 +35,15 @@ export class UUIRadioGroupElement extends UUIFormControlMixin(LitElement, '') {
   @property({ type: Boolean, reflect: true })
   disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   get value() {
     return super.value;
   }
@@ -121,6 +130,10 @@ export class UUIRadioGroupElement extends UUIFormControlMixin(LitElement, '') {
     this._radioElements?.forEach(el => (el.disabled = value));
   }
 
+  private _setReadonlyOnRadios(value: boolean) {
+    this._radioElements?.forEach(el => (el.readonly = value));
+  }
+
   private _handleSlotChange(e: Event) {
     e.stopPropagation();
     // TODO: make sure to diff new and old ones to only add and remove event listeners on relevant elements.
@@ -152,10 +165,15 @@ export class UUIRadioGroupElement extends UUIFormControlMixin(LitElement, '') {
     });
 
     this._setNameOnRadios(this.name);
+
     if (this.disabled) {
       this._setDisableOnRadios(true);
     }
 
+    if (this.readonly) {
+      this._setReadonlyOnRadios(true);
+    }
+
     const checkedRadios = this._radioElements.filter(el => el.checked === true);
 
     if (checkedRadios.length > 1) {
@@ -172,13 +190,18 @@ export class UUIRadioGroupElement extends UUIFormControlMixin(LitElement, '') {
     }
 
     if (checkedRadios.length === 1) {
-      this.value = checkedRadios[0].value;
-      this._selected = this._radioElements.indexOf(checkedRadios[0]);
-      if (checkedRadios[0].disabled === false) {
+      const firstCheckedRadio = checkedRadios[0];
+      this.value = firstCheckedRadio.value;
+      this._selected = this._radioElements.indexOf(firstCheckedRadio);
+
+      if (
+        firstCheckedRadio.disabled === false &&
+        firstCheckedRadio.readonly === false
+      ) {
         this._radioElements.forEach(el => {
           el.makeUnfocusable();
         });
-        checkedRadios[0].makeFocusable();
+        firstCheckedRadio.makeFocusable();
       } else {
         this._makeFirstEnabledFocusable();
       }
@@ -206,12 +229,16 @@ export class UUIRadioGroupElement extends UUIFormControlMixin(LitElement, '') {
     let i = this._selected === null ? 0 : 1; //If we have something selected we will skip checking it self.
     while (i < len) {
       let checkIndex = (origin + i * direction) % len;
+      const radioElement = this._radioElements[checkIndex];
+
       if (checkIndex < 0) {
         checkIndex += len;
       }
-      if (this._radioElements[checkIndex].disabled === false) {
-        return this._radioElements[checkIndex];
+
+      if (radioElement.disabled === false && radioElement.readonly === false) {
+        return radioElement;
       }
+
       i++;
     }
     return null;
@@ -281,6 +308,10 @@ export class UUIRadioGroupElement extends UUIFormControlMixin(LitElement, '') {
       this._setDisableOnRadios(this.disabled);
     }
 
+    if (_changedProperties.has('readonly')) {
+      this._setReadonlyOnRadios(this.readonly);
+    }
+
     if (_changedProperties.has('name')) {
       this._setNameOnRadios(_changedProperties.get('name') as string);
     }

From cf81c2d991b25eae7728bef2f6581d43e9367448 Mon Sep 17 00:00:00 2001
From: AndyLongShout <andrew.long@shoutdigital.com>
Date: Mon, 8 Jul 2024 13:39:36 +0100
Subject: [PATCH 47/61] feat: add `rel` property to relevant elements to
 override default behavior (#814)

* 721 property added for rel to allow

* 721 fix tab close tag
---
 .../lib/uui-button-inline-create.element.ts   | 14 ++++++-
 packages/uui-button/lib/uui-button.element.ts | 14 ++++++-
 packages/uui-button/lib/uui-button.story.ts   |  6 ++-
 packages/uui-button/lib/uui-button.test.ts    | 20 +++++++++-
 .../lib/uui-card-block-type.element.ts        |  5 ++-
 .../lib/uui-card-block-type.story.ts          | 39 ++++++++++++-------
 .../lib/uui-card-content-node.element.ts      |  5 ++-
 .../lib/uui-card-content-node.story.ts        |  3 +-
 .../lib/uui-card-media.element.ts             |  5 ++-
 .../lib/uui-card-media.story.ts               |  3 +-
 .../lib/uui-card-user.element.ts              |  5 ++-
 .../uui-card-user/lib/uui-card-user.story.ts  |  3 +-
 packages/uui-card/lib/uui-card.element.ts     |  9 +++++
 .../lib/uui-menu-item.element.ts              | 14 ++++++-
 .../uui-menu-item/lib/uui-menu-item.story.ts  | 10 +++--
 .../uui-menu-item/lib/uui-menu-item.test.ts   | 20 +++++++++-
 .../uui-ref-node/lib/uui-ref-node.element.ts  | 14 ++++++-
 .../uui-ref-node/lib/uui-ref-node.story.ts    |  1 +
 packages/uui-tabs/lib/uui-tab.element.ts      | 14 ++++++-
 packages/uui-tabs/lib/uui-tab.test.ts         | 21 +++++++++-
 20 files changed, 192 insertions(+), 33 deletions(-)

diff --git a/packages/uui-button-inline-create/lib/uui-button-inline-create.element.ts b/packages/uui-button-inline-create/lib/uui-button-inline-create.element.ts
index 42cc963d9..882198ab1 100644
--- a/packages/uui-button-inline-create/lib/uui-button-inline-create.element.ts
+++ b/packages/uui-button-inline-create/lib/uui-button-inline-create.element.ts
@@ -56,6 +56,15 @@ export class UUIButtonInlineCreateElement extends LitElement {
   @property({ type: String })
   public target?: '_blank' | '_parent' | '_self' | '_top';
 
+  /**
+   * Set the rel attribute for an anchor tag, only used when using href.
+   * @type {string}
+   * @attr
+   * @default undefined
+   */
+  @property({ type: String })
+  public rel?: string;
+
   private _onMouseMove(e: MouseEvent) {
     this._position = (this.vertical ? e.offsetY : e.offsetX) - 5;
   }
@@ -98,7 +107,10 @@ export class UUIButtonInlineCreateElement extends LitElement {
       href=${ifDefined(this.href)}
       target=${ifDefined(this.target || undefined)}
       rel=${ifDefined(
-        this.target === '_blank' ? 'noopener noreferrer' : undefined,
+        this.rel ||
+          ifDefined(
+            this.target === '_blank' ? 'noopener noreferrer' : undefined,
+          ),
       )}
       aria-label=${this.label ? this.label : 'create new element'}>
       ${this.#renderContent()}
diff --git a/packages/uui-button/lib/uui-button.element.ts b/packages/uui-button/lib/uui-button.element.ts
index a1fe9b35f..09b153b9b 100644
--- a/packages/uui-button/lib/uui-button.element.ts
+++ b/packages/uui-button/lib/uui-button.element.ts
@@ -126,6 +126,15 @@ export class UUIButtonElement extends UUIFormControlMixin(
   @property({ type: String })
   public target?: '_blank' | '_parent' | '_self' | '_top';
 
+  /**
+   * Set the rel attribute for an anchor tag, only used when using href.
+   * @type {string}
+   * @attr
+   * @default undefined
+   */
+  @property({ type: String })
+  public rel?: string;
+
   @query('#button')
   protected _button!: HTMLInputElement;
 
@@ -229,7 +238,10 @@ export class UUIButtonElement extends UUIFormControlMixin(
             href=${ifDefined(!this.disabled ? this.href : undefined)}
             target=${ifDefined(this.target || undefined)}
             rel=${ifDefined(
-              this.target === '_blank' ? 'noopener noreferrer' : undefined,
+              this.rel ||
+                ifDefined(
+                  this.target === '_blank' ? 'noopener noreferrer' : undefined,
+                ),
             )}>
             ${this.renderState()} ${this.renderLabel()}
             <slot name="extra"></slot>
diff --git a/packages/uui-button/lib/uui-button.story.ts b/packages/uui-button/lib/uui-button.story.ts
index 492799395..86a8a4d91 100644
--- a/packages/uui-button/lib/uui-button.story.ts
+++ b/packages/uui-button/lib/uui-button.story.ts
@@ -17,6 +17,7 @@ export default {
   args: {
     href: undefined,
     target: undefined,
+    rel: undefined,
     look: 'default',
     color: 'default',
     type: undefined,
@@ -104,6 +105,7 @@ const Template: Story = props => {
       .state=${props.state}
       .href=${props.href}
       .target=${props.target}
+      .rel=${props.rel}
       look=${props.look}
       color=${props.color}
       label=${props.label}
@@ -339,6 +341,7 @@ export const AnchorTag = Template.bind({});
 AnchorTag.args = {
   href: 'https://www.umbraco.com/',
   target: '_blank',
+  rel: 'noopener noreferrer',
   look: 'primary',
 };
 AnchorTag.parameters = {
@@ -349,7 +352,8 @@ AnchorTag.parameters = {
           look="primary"
           label="Open umbraco.com"
           href="http://www.umbraco.com/"
-          target="_blank">
+          target="_blank"
+          rel="noopener noreferrer">
         </uui-button>
       `.strings,
     },
diff --git a/packages/uui-button/lib/uui-button.test.ts b/packages/uui-button/lib/uui-button.test.ts
index 152949e8d..e0559e0f5 100644
--- a/packages/uui-button/lib/uui-button.test.ts
+++ b/packages/uui-button/lib/uui-button.test.ts
@@ -100,6 +100,10 @@ describe('UuiButton', () => {
     it('has a target property', () => {
       expect(element).to.have.property('target');
     });
+
+    it('has a rel property', () => {
+      expect(element).to.have.property('rel');
+    });
   });
 
   describe('template', () => {
@@ -249,7 +253,7 @@ describe('UuiButton', () => {
       expect(anchorElement.getAttribute('target')).to.be.equal('_self');
     });
 
-    it('when target is _blank rel is set.', async () => {
+    it('when target is _blank and rel is not defined rel attribute is set.', async () => {
       element.target = '_blank';
       await elementUpdated(element);
       expect(anchorElement.getAttribute('target')).to.be.equal('_blank');
@@ -257,5 +261,19 @@ describe('UuiButton', () => {
         'noopener noreferrer',
       );
     });
+
+    it('when rel is applied to anchor tag.', async () => {
+      element.rel = 'noreferrer';
+      await elementUpdated(element);
+      expect(anchorElement.getAttribute('rel')).to.be.equal('noreferrer');
+    });
+
+    it('when target is _blank and rel is defined rel attribute is set.', async () => {
+      element.target = '_blank';
+      element.rel = 'noopener';
+      await elementUpdated(element);
+      expect(anchorElement.getAttribute('target')).to.be.equal('_blank');
+      expect(anchorElement.getAttribute('rel')).to.be.equal('noopener');
+    });
   });
 });
diff --git a/packages/uui-card-block-type/lib/uui-card-block-type.element.ts b/packages/uui-card-block-type/lib/uui-card-block-type.element.ts
index 59aeeba1b..20d12f746 100644
--- a/packages/uui-card-block-type/lib/uui-card-block-type.element.ts
+++ b/packages/uui-card-block-type/lib/uui-card-block-type.element.ts
@@ -73,7 +73,10 @@ export class UUICardBlockTypeElement extends UUICardElement {
         href=${ifDefined(!this.disabled ? this.href : undefined)}
         target=${ifDefined(this.target || undefined)}
         rel=${ifDefined(
-          this.target === '_blank' ? 'noopener noreferrer' : undefined,
+          this.rel ||
+            ifDefined(
+              this.target === '_blank' ? 'noopener noreferrer' : undefined,
+            ),
         )}>
         <strong>${this.name}</strong><small>${this.description}</small>
       </a>
diff --git a/packages/uui-card-block-type/lib/uui-card-block-type.story.ts b/packages/uui-card-block-type/lib/uui-card-block-type.story.ts
index 266d06ecb..4aa0af36c 100644
--- a/packages/uui-card-block-type/lib/uui-card-block-type.story.ts
+++ b/packages/uui-card-block-type/lib/uui-card-block-type.story.ts
@@ -51,7 +51,8 @@ export const AAAOverview: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
   </uui-card-block-type>
 `;
@@ -77,7 +78,8 @@ export const Description: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
   </uui-card-block-type>
 `;
@@ -102,7 +104,8 @@ export const Tag: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
     <uui-tag slot="tag" size="s" color="danger">Trashed</uui-tag>
   </uui-card-block-type>
@@ -126,7 +129,8 @@ export const Actions: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
 
     <uui-action-bar slot="actions">
@@ -154,7 +158,8 @@ export const Background: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
   </uui-card-block-type>
 `;
@@ -179,7 +184,8 @@ export const Image: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     <img
       src="https://umbraco.com/media/v5gf3w2a/umbraco-toolkit-wide.svg"
       alt="" />
@@ -206,7 +212,8 @@ export const Error: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
   </uui-card-block-type>
 `;
@@ -229,7 +236,8 @@ export const Selectable: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
   </uui-card-block-type>
 `;
@@ -252,7 +260,8 @@ export const Selected: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
   </uui-card-block-type>
 `;
@@ -275,7 +284,8 @@ export const Multiple: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon('rgba(0,0,0,0.5)')}
   </uui-card-block-type>
   <uui-card-block-type
@@ -287,7 +297,8 @@ export const Multiple: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon('red')}
   </uui-card-block-type>
   <uui-card-block-type
@@ -299,7 +310,8 @@ export const Multiple: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon('rgba(11, 229, 255, 0.5)')}
   </uui-card-block-type>
 `;
@@ -324,7 +336,8 @@ export const Disabled: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${renderWandIcon()}
   </uui-card-block-type>
 `;
diff --git a/packages/uui-card-content-node/lib/uui-card-content-node.element.ts b/packages/uui-card-content-node/lib/uui-card-content-node.element.ts
index 52054b821..e0bc56d86 100644
--- a/packages/uui-card-content-node/lib/uui-card-content-node.element.ts
+++ b/packages/uui-card-content-node/lib/uui-card-content-node.element.ts
@@ -62,7 +62,10 @@ export class UUICardContentNodeElement extends UUICardElement {
       href=${ifDefined(!this.disabled ? this.href : undefined)}
       target=${ifDefined(this.target || undefined)}
       rel=${ifDefined(
-        this.target === '_blank' ? 'noopener noreferrer' : undefined,
+        this.rel ||
+          ifDefined(
+            this.target === '_blank' ? 'noopener noreferrer' : undefined,
+          ),
       )}>
       <span id="icon">
         <slot name="icon" @slotchange=${this._onSlotIconChange}></slot>
diff --git a/packages/uui-card-content-node/lib/uui-card-content-node.story.ts b/packages/uui-card-content-node/lib/uui-card-content-node.story.ts
index e09a3486d..832b06b17 100644
--- a/packages/uui-card-content-node/lib/uui-card-content-node.story.ts
+++ b/packages/uui-card-content-node/lib/uui-card-content-node.story.ts
@@ -48,7 +48,8 @@ export const AAAOverview: Story = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     <uui-tag size="s" slot="tag" color="positive">Published</uui-tag>
     ${cardContent}
   </uui-card-content-node>
diff --git a/packages/uui-card-media/lib/uui-card-media.element.ts b/packages/uui-card-media/lib/uui-card-media.element.ts
index 7c45d721b..a1b625a89 100644
--- a/packages/uui-card-media/lib/uui-card-media.element.ts
+++ b/packages/uui-card-media/lib/uui-card-media.element.ts
@@ -89,7 +89,10 @@ export class UUICardMediaElement extends UUICardElement {
         href=${ifDefined(!this.disabled ? this.href : undefined)}
         target=${ifDefined(this.target || undefined)}
         rel=${ifDefined(
-          this.target === '_blank' ? 'noopener noreferrer' : undefined,
+          this.rel ||
+            ifDefined(
+              this.target === '_blank' ? 'noopener noreferrer' : undefined,
+            ),
         )}>
         <!--
         TODO: Implement when pop-out is ready
diff --git a/packages/uui-card-media/lib/uui-card-media.story.ts b/packages/uui-card-media/lib/uui-card-media.story.ts
index c082a9297..50836c401 100644
--- a/packages/uui-card-media/lib/uui-card-media.story.ts
+++ b/packages/uui-card-media/lib/uui-card-media.story.ts
@@ -28,7 +28,8 @@ export const AAAOverview: Story = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}></uui-card-media>
+    target=${props.target}
+    rel=${props.rel}></uui-card-media>
 `;
 AAAOverview.storyName = 'Overview';
 
diff --git a/packages/uui-card-user/lib/uui-card-user.element.ts b/packages/uui-card-user/lib/uui-card-user.element.ts
index a04d8379f..e6dc71267 100644
--- a/packages/uui-card-user/lib/uui-card-user.element.ts
+++ b/packages/uui-card-user/lib/uui-card-user.element.ts
@@ -55,7 +55,10 @@ export class UUICardUserElement extends UUICardElement {
       href=${ifDefined(!this.disabled ? this.href : undefined)}
       target=${ifDefined(this.target || undefined)}
       rel=${ifDefined(
-        this.target === '_blank' ? 'noopener noreferrer' : undefined,
+        this.rel ||
+          ifDefined(
+            this.target === '_blank' ? 'noopener noreferrer' : undefined,
+          ),
       )}>
       <span>${this.name}</span>
     </a>`;
diff --git a/packages/uui-card-user/lib/uui-card-user.story.ts b/packages/uui-card-user/lib/uui-card-user.story.ts
index 04d27909a..41732c46d 100644
--- a/packages/uui-card-user/lib/uui-card-user.story.ts
+++ b/packages/uui-card-user/lib/uui-card-user.story.ts
@@ -36,7 +36,8 @@ const Template: StoryFn = props => html`
     ?error=${props.error}
     ?disabled=${props.disabled}
     href=${props.href}
-    target=${props.target}>
+    target=${props.target}
+    rel=${props.rel}>
     ${cardContent}
   </uui-card-user>
 `;
diff --git a/packages/uui-card/lib/uui-card.element.ts b/packages/uui-card/lib/uui-card.element.ts
index 1e73a18e7..2543f43f2 100644
--- a/packages/uui-card/lib/uui-card.element.ts
+++ b/packages/uui-card/lib/uui-card.element.ts
@@ -55,6 +55,15 @@ export class UUICardElement extends SelectOnlyMixin(
   @property({ type: String })
   public target?: '_blank' | '_parent' | '_self' | '_top';
 
+  /**
+   * Set the rel attribute for an anchor tag, only used when using href.
+   * @type {string}
+   * @attr
+   * @default undefined
+   */
+  @property({ type: String })
+  public rel?: string;
+
   // This is deprecated - use href instead
   protected handleOpenClick(e: Event) {
     if (this.disabled) return;
diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
index c691349d5..6b9b484b4 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.element.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -93,6 +93,15 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
   @property({ type: String })
   public target?: '_blank' | '_parent' | '_self' | '_top';
 
+  /**
+   * Set the rel attribute for an anchor tag, only used when using href.
+   * @type {string}
+   * @attr
+   * @default undefined
+   */
+  @property({ type: String })
+  public rel?: string;
+
   /**
    * Sets the selection mode.
    * @type {string}
@@ -170,7 +179,10 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
       href=${ifDefined(this.href)}
       target=${ifDefined(this.target || undefined)}
       rel=${ifDefined(
-        this.target === '_blank' ? 'noopener noreferrer' : undefined,
+        this.rel ||
+          ifDefined(
+            this.target === '_blank' ? 'noopener noreferrer' : undefined,
+          ),
       )}
       @click=${this._onLabelClicked}
       ?disabled=${this.disabled}
diff --git a/packages/uui-menu-item/lib/uui-menu-item.story.ts b/packages/uui-menu-item/lib/uui-menu-item.story.ts
index 9241f78c6..2ba87dfc0 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.story.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.story.ts
@@ -29,6 +29,7 @@ export default {
     selectable: false,
     href: undefined,
     target: undefined,
+    rel: undefined,
     selectMode: undefined,
   },
   argTypes: {
@@ -326,7 +327,8 @@ export const WithIcon = (props: any) => html`
           ?active=${props.active}
           ?selectable=${props.selectable}
           href=${props.href}
-          target=${props.target}>
+          target=${props.target}
+          rel=${props.rel}>
           <uui-icon slot="icon" name=${menuItem.icon}></uui-icon>
         </uui-menu-item>
       `,
@@ -357,7 +359,8 @@ export const AnchorTag = (props: any) => html`
       ?active=${props.active}
       ?selectable=${props.selectable}
       href=${props.href}
-      target=${props.target}>
+      target=${props.target}
+      rel=${props.rel}>
       <uui-icon slot="icon" name="document"></uui-icon>
     </uui-menu-item>
   </uui-icon-registry-essential>
@@ -412,7 +415,8 @@ export const FlatStructure: Story = (props: any) => html`
       ?active=${props.active}
       ?selectable=${props.selectable}
       href=${props.href}
-      target=${props.target}>
+      target=${props.target}
+      rel=${props.rel}>
     </uui-menu-item>
   </uui-icon-registry-essential>
 `;
diff --git a/packages/uui-menu-item/lib/uui-menu-item.test.ts b/packages/uui-menu-item/lib/uui-menu-item.test.ts
index a2c20eed8..a996b2f61 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.test.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.test.ts
@@ -65,6 +65,10 @@ describe('UUIMenuItemElement', () => {
       expect(element).to.have.property('target');
     });
 
+    it('has a rel property', () => {
+      expect(element).to.have.property('rel');
+    });
+
     it('has a select-mode property', () => {
       expect(element).to.have.property('selectMode');
     });
@@ -342,7 +346,7 @@ describe('UUIMenuItemElement', () => {
       expect(labelElement.getAttribute('target')).to.be.equal('_self');
     });
 
-    it('when target is _blank rel is set.', async () => {
+    it('when target is _blank and rel is not defined rel attribute is set.', async () => {
       element.target = '_blank';
       await elementUpdated(element);
       expect(labelElement.getAttribute('target')).to.be.equal('_blank');
@@ -350,5 +354,19 @@ describe('UUIMenuItemElement', () => {
         'noopener noreferrer',
       );
     });
+
+    it('when rel is applied to anchor tag.', async () => {
+      element.rel = 'noreferrer';
+      await elementUpdated(element);
+      expect(labelElement.getAttribute('rel')).to.be.equal('noreferrer');
+    });
+
+    it('when target is _blank and rel is defined rel attribute is set.', async () => {
+      element.target = '_blank';
+      element.rel = 'noopener';
+      await elementUpdated(element);
+      expect(labelElement.getAttribute('target')).to.be.equal('_blank');
+      expect(labelElement.getAttribute('rel')).to.be.equal('noopener');
+    });
   });
 });
diff --git a/packages/uui-ref-node/lib/uui-ref-node.element.ts b/packages/uui-ref-node/lib/uui-ref-node.element.ts
index c55390898..4b3d9aea1 100644
--- a/packages/uui-ref-node/lib/uui-ref-node.element.ts
+++ b/packages/uui-ref-node/lib/uui-ref-node.element.ts
@@ -55,6 +55,15 @@ export class UUIRefNodeElement extends UUIRefElement {
   @property({ type: String })
   public target?: '_blank' | '_parent' | '_self' | '_top';
 
+  /**
+   * Set the rel attribute for an anchor tag, only used when using href.
+   * @type {string}
+   * @attr
+   * @default undefined
+   */
+  @property({ type: String })
+  public rel?: string;
+
   @state()
   private _iconSlotHasContent = false;
 
@@ -107,7 +116,10 @@ export class UUIRefNodeElement extends UUIRefElement {
       href=${ifDefined(!this.disabled ? this.href : undefined)}
       target=${ifDefined(this.target || undefined)}
       rel=${ifDefined(
-        this.target === '_blank' ? 'noopener noreferrer' : undefined,
+        this.rel ||
+          ifDefined(
+            this.target === '_blank' ? 'noopener noreferrer' : undefined,
+          ),
       )}>
       ${this.#renderContent()}
     </a>`;
diff --git a/packages/uui-ref-node/lib/uui-ref-node.story.ts b/packages/uui-ref-node/lib/uui-ref-node.story.ts
index 35b608511..d4b637bc7 100644
--- a/packages/uui-ref-node/lib/uui-ref-node.story.ts
+++ b/packages/uui-ref-node/lib/uui-ref-node.story.ts
@@ -33,6 +33,7 @@ const Template: Story = props => html`
     detail="${props.detail}"
     href="https://github.com/$%7Bprops.href%7D"
     target="${props.target}"
+    rel="${props.rel}"
     ?selectable=${props.selectable}
     ?selectOnly=${props.selectOnly}
     ?error=${props.error}
diff --git a/packages/uui-tabs/lib/uui-tab.element.ts b/packages/uui-tabs/lib/uui-tab.element.ts
index 1e3c17fee..346f2973a 100644
--- a/packages/uui-tabs/lib/uui-tab.element.ts
+++ b/packages/uui-tabs/lib/uui-tab.element.ts
@@ -46,6 +46,15 @@ export class UUITabElement extends ActiveMixin(LabelMixin('', LitElement)) {
   @property({ type: String })
   public target?: '_blank' | '_parent' | '_self' | '_top';
 
+  /**
+   * Set the rel attribute for an anchor tag, only used when using href.
+   * @type {string}
+   * @attr
+   * @default undefined
+   */
+  @property({ type: String })
+  public rel?: string;
+
   /**
    * Set the visual orientation of this tab, this changes the look and placement of the active indication.
    * @type {string}
@@ -75,7 +84,10 @@ export class UUITabElement extends ActiveMixin(LabelMixin('', LitElement)) {
             href=${ifDefined(!this.disabled ? this.href : undefined)}
             target=${ifDefined(this.target || undefined)}
             rel=${ifDefined(
-              this.target === '_blank' ? 'noopener noreferrer' : undefined,
+              this.rel ||
+                ifDefined(
+                  this.target === '_blank' ? 'noopener noreferrer' : undefined,
+                ),
             )}
             role="tab">
             <slot name="icon"></slot>
diff --git a/packages/uui-tabs/lib/uui-tab.test.ts b/packages/uui-tabs/lib/uui-tab.test.ts
index 13e1caf92..39dbff65d 100644
--- a/packages/uui-tabs/lib/uui-tab.test.ts
+++ b/packages/uui-tabs/lib/uui-tab.test.ts
@@ -34,6 +34,10 @@ describe('UuiTab', () => {
     it('has a target property', () => {
       expect(element).to.have.property('target');
     });
+
+    it('has a rel property', () => {
+      expect(element).to.have.property('rel');
+    });
   });
 
   describe('template', () => {
@@ -111,8 +115,7 @@ describe('UuiTab', () => {
       await elementUpdated(element);
       expect(anchorElement.getAttribute('target')).to.be.equal('_self');
     });
-
-    it('when target is _blank rel is set.', async () => {
+    it('when target is _blank and rel is not defined rel attribute is set.', async () => {
       element.target = '_blank';
       await elementUpdated(element);
       expect(anchorElement.getAttribute('target')).to.be.equal('_blank');
@@ -120,5 +123,19 @@ describe('UuiTab', () => {
         'noopener noreferrer',
       );
     });
+
+    it('when rel is applied to anchor tag.', async () => {
+      element.rel = 'noreferrer';
+      await elementUpdated(element);
+      expect(anchorElement.getAttribute('rel')).to.be.equal('noreferrer');
+    });
+
+    it('when target is _blank and rel is defined rel attribute is set.', async () => {
+      element.target = '_blank';
+      element.rel = 'noopener';
+      await elementUpdated(element);
+      expect(anchorElement.getAttribute('target')).to.be.equal('_blank');
+      expect(anchorElement.getAttribute('rel')).to.be.equal('noopener');
+    });
   });
 });

From 2b038610fd4bbc9635c3769d8d70fd11b962e13e Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 25 Jun 2024 14:04:24 +0200
Subject: [PATCH 48/61] feat: implement readonly for uui-combobox

---
 .../uui-combobox/lib/uui-combobox.element.ts  | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/uui-combobox/lib/uui-combobox.element.ts b/packages/uui-combobox/lib/uui-combobox.element.ts
index a421a7518..ee42e8b0a 100644
--- a/packages/uui-combobox/lib/uui-combobox.element.ts
+++ b/packages/uui-combobox/lib/uui-combobox.element.ts
@@ -7,7 +7,7 @@ import {
 } from '@umbraco-ui/uui-combobox-list/lib';
 import { iconRemove } from '@umbraco-ui/uui-icon-registry-essential/lib/svgs';
 import type { UUIPopoverContainerElement } from '@umbraco-ui/uui-popover-container/lib';
-import { css, html, LitElement } from 'lit';
+import { css, html, LitElement, nothing } from 'lit';
 import {
   property,
   query,
@@ -103,6 +103,15 @@ export class UUIComboboxElement extends UUIFormControlMixin(LitElement, '') {
   @property({ type: Boolean, reflect: true })
   disabled = false;
 
+  /**
+   * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+   * @type {boolean}
+   * @attr
+   * @default false
+   */
+  @property({ type: Boolean, reflect: true })
+  readonly = false;
+
   @query('#combobox-input')
   private _input!: HTMLInputElement;
 
@@ -239,11 +248,13 @@ export class UUIComboboxElement extends UUIFormControlMixin(LitElement, '') {
   };
 
   #onToggle = () => {
+    if (this.readonly) return;
     this.open = !this.open;
   };
 
   #onOpen = () => {
     if (this.open) return;
+    if (this.readonly) return;
     this.open = true;
   };
 
@@ -298,12 +309,13 @@ export class UUIComboboxElement extends UUIFormControlMixin(LitElement, '') {
       .value=${this._displayValue}
       autocomplete="off"
       .disabled=${this.disabled}
+      .readonly=${this.readonly}
       popovertarget="combobox-popover"
       @click=${this.#onToggle}
       @input=${this.#onInput}
       @keydown=${this.#onKeyDown}>
       <slot name="input-prepend" slot="prepend"></slot>
-      ${this.disabled ? '' : this.#renderClearButton()}
+      ${this.#renderClearButton()}
       <div id="expand-symbol-wrapper" slot="append">
         <uui-symbol-expand .open=${this._isOpen}></uui-symbol-expand>
       </div>
@@ -312,6 +324,9 @@ export class UUIComboboxElement extends UUIFormControlMixin(LitElement, '') {
   };
 
   #renderClearButton = () => {
+    if (this.disabled) return nothing;
+    if (this.readonly) return nothing;
+
     return this.value || this.search
       ? html`<uui-button
           id="clear-button"

From f2a8b75cade6da0f92114465803c347d9a92bc55 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 25 Jun 2024 14:04:52 +0200
Subject: [PATCH 49/61] docs: add story for readonly uui-combobox

---
 .../uui-combobox/lib/uui-combobox.story.ts    | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/uui-combobox/lib/uui-combobox.story.ts b/packages/uui-combobox/lib/uui-combobox.story.ts
index 1985614e9..4d8a36910 100644
--- a/packages/uui-combobox/lib/uui-combobox.story.ts
+++ b/packages/uui-combobox/lib/uui-combobox.story.ts
@@ -113,6 +113,7 @@ const Template: StoryFn = props => {
     valueMod,
     renderMod,
     disabled,
+    readonly,
     value,
   } = props;
 
@@ -131,6 +132,7 @@ const Template: StoryFn = props => {
       @search=${handleSearch}
       style="width: 250px"
       .disabled=${disabled}
+      .readonly=${readonly}
       .value=${value}>
       <uui-combobox-list>
         ${repeat(filter(options, search), (option: any, index: number) =>
@@ -210,6 +212,36 @@ Disabled.parameters = {
   },
 };
 
+export const Readonly: StoryFn = Template.bind({});
+Readonly.args = {
+  options: fruits,
+  filter: basicFilter,
+  readonly: true,
+  value: 'banana',
+};
+Readonly.parameters = {
+  docs: {
+    source: {
+      code: `
+<uui-combobox style="width: 250px" readonly>
+  <uui-combobox-list>
+    <uui-combobox-list-option style="padding: 8px">
+      apple
+    </uui-combobox-list-option>
+    <uui-combobox-list-option style="padding: 8px">
+      orange
+    </uui-combobox-list-option>
+    <uui-combobox-list-option style="padding: 8px">
+      lemon
+    </uui-combobox-list-option>
+    ...
+  </uui-combobox-list>
+</uui-combobox>
+  `,
+    },
+  },
+};
+
 export const CustomValue: StoryFn = Template.bind({});
 CustomValue.args = {
   options: fruits,

From 43a7528b70620786de691572be8171553e086af5 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Mon, 8 Jul 2024 14:41:27 +0200
Subject: [PATCH 50/61] fix(uui-input-lock): the UUIInputLockEvent is not
 exported (#836)

---
 packages/uui-input-lock/lib/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/uui-input-lock/lib/index.ts b/packages/uui-input-lock/lib/index.ts
index c4758a1df..d36103ff7 100644
--- a/packages/uui-input-lock/lib/index.ts
+++ b/packages/uui-input-lock/lib/index.ts
@@ -1 +1,2 @@
 export * from './uui-input-lock.element';
+export * from './UUIInputLockEvent';

From 8433a951b7057eac55dc853271f857d19d8ded04 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 8 Jul 2024 01:31:02 +0000
Subject: [PATCH 51/61] build(deps-dev): bump glob from 8.1.0 to 10.4.3

Bumps [glob](https://github.com/isaacs/node-glob) from 8.1.0 to 10.4.3.
- [Changelog](https://github.com/isaacs/node-glob/blob/main/changelog.md)
- [Commits](https://github.com/isaacs/node-glob/compare/v8.1.0...v10.4.3)

---
updated-dependencies:
- dependency-name: glob
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 377 +++++++++-------------------------------------
 package.json      |   2 +-
 2 files changed, 73 insertions(+), 306 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c95890206..bdc3f4b05 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,7 +53,7 @@
         "eslint-plugin-storybook": "0.6.15",
         "eslint-plugin-wc": "2.0.4",
         "github-markdown-css": "5.6.1",
-        "glob": "8.1.0",
+        "glob": "10.4.3",
         "husky": "8.0.3",
         "lint-staged": "15.2.2",
         "npm-check-updates": "16.14.20",
@@ -2790,8 +2790,9 @@
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "string-width": "^5.1.2",
         "string-width-cjs": "npm:string-width@^4.2.0",
@@ -2806,8 +2807,9 @@
     },
     "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
       "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -2817,8 +2819,9 @@
     },
     "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
       "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -2828,13 +2831,15 @@
     },
     "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
       "version": "9.2.2",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
     },
     "node_modules/@isaacs/cliui/node_modules/string-width": {
       "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -2849,8 +2854,9 @@
     },
     "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
       "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -2863,8 +2869,9 @@
     },
     "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
       "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -3395,28 +3402,6 @@
         "node": ">=14.14"
       }
     },
-    "node_modules/@lerna-lite/core/node_modules/glob": {
-      "version": "10.3.12",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz",
-      "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.6",
-        "minimatch": "^9.0.1",
-        "minipass": "^7.0.4",
-        "path-scurry": "^1.10.2"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@lerna-lite/core/node_modules/globby": {
       "version": "14.0.1",
       "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.1.tgz",
@@ -3927,28 +3912,6 @@
         "node": ">=14.14"
       }
     },
-    "node_modules/@lerna-lite/publish/node_modules/glob": {
-      "version": "10.3.12",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz",
-      "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.6",
-        "minimatch": "^9.0.1",
-        "minipass": "^7.0.4",
-        "path-scurry": "^1.10.2"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@lerna-lite/publish/node_modules/hosted-git-info": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
@@ -4874,28 +4837,6 @@
         "node": "^16.14.0 || >=18.0.0"
       }
     },
-    "node_modules/@npmcli/arborist/node_modules/glob": {
-      "version": "10.3.12",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz",
-      "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.6",
-        "minimatch": "^9.0.1",
-        "minipass": "^7.0.4",
-        "path-scurry": "^1.10.2"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@npmcli/arborist/node_modules/hosted-git-info": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
@@ -5343,28 +5284,6 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
-    "node_modules/@npmcli/map-workspaces/node_modules/glob": {
-      "version": "10.3.12",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz",
-      "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.6",
-        "minimatch": "^9.0.1",
-        "minipass": "^7.0.4",
-        "path-scurry": "^1.10.2"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@npmcli/metavuln-calculator": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/@npmcli/metavuln-calculator/-/metavuln-calculator-7.0.0.tgz",
@@ -5544,28 +5463,6 @@
         "node": "^16.14.0 || >=18.0.0"
       }
     },
-    "node_modules/@npmcli/metavuln-calculator/node_modules/glob": {
-      "version": "10.3.12",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz",
-      "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.6",
-        "minimatch": "^9.0.1",
-        "minipass": "^7.0.4",
-        "path-scurry": "^1.10.2"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@npmcli/metavuln-calculator/node_modules/hosted-git-info": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
@@ -5937,28 +5834,6 @@
         "node": "^16.14.0 || >=18.0.0"
       }
     },
-    "node_modules/@npmcli/package-json/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@npmcli/package-json/node_modules/hosted-git-info": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
@@ -6382,8 +6257,9 @@
     },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "engines": {
         "node": ">=14"
@@ -9269,28 +9145,6 @@
         "@esbuild/win32-x64": "0.18.20"
       }
     },
-    "node_modules/@storybook/core-common/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@storybook/core-common/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -13864,27 +13718,6 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
-    "node_modules/cacache/node_modules/glob": {
-      "version": "10.3.4",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.0.3",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/cjs/src/bin.js"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/cacache/node_modules/lru-cache": {
       "version": "7.18.3",
       "dev": true,
@@ -18885,18 +18718,23 @@
       "dev": true
     },
     "node_modules/glob": {
-      "version": "8.1.0",
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.3.tgz",
+      "integrity": "sha512-Q38SGlYRpVtDBPSWEylRyctn7uDeTp4NQERTLiCT1FqA9JXPYWqAVmQU6qh4r/zMM5ehxTcbaO8EjhWnvEhmyg==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^5.0.1",
-        "once": "^1.3.0"
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -18920,14 +18758,18 @@
       "dev": true
     },
     "node_modules/glob/node_modules/minimatch": {
-      "version": "5.1.6",
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/global-dirs": {
@@ -20663,15 +20505,15 @@
       }
     },
     "node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.1.tgz",
+      "integrity": "sha512-U23pQPDnmYybVkYjObcuYMk43VRlMLLqLI+RdZy8s8WV8WsxO9SnqSroKaluuvcNOdCAlauKszDwd+umbot5Mg==",
       "dev": true,
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -21454,28 +21296,6 @@
         "node": "^16.14.0 || >=18.0.0"
       }
     },
-    "node_modules/libnpmaccess/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/libnpmaccess/node_modules/hosted-git-info": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
@@ -21731,28 +21551,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/libnpmpublish/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/libnpmpublish/node_modules/hosted-git-info": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz",
@@ -23865,9 +23663,9 @@
       }
     },
     "node_modules/minipass": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
-      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
       "dev": true,
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -25673,6 +25471,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
+      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
+      "dev": true
+    },
     "node_modules/package-json/node_modules/lru-cache": {
       "version": "6.0.0",
       "dev": true,
@@ -25979,28 +25783,28 @@
       }
     },
     "node_modules/path-scurry": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.2.tgz",
-      "integrity": "sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">=16 || 14 >=14.18"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz",
-      "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.0.tgz",
+      "integrity": "sha512-bfJaPTuEiTYBu+ulDaeQ0F+uLmlfFkMgXj4cbwfuMSjgObGMzb55FMMbDvbRU0fAHZ4sLGkz2mKwcMg8Dvm8Ww==",
       "dev": true,
       "engines": {
-        "node": "14 || >=16.14"
+        "node": ">=18"
       }
     },
     "node_modules/path-to-regexp": {
@@ -27920,27 +27724,6 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
-    "node_modules/read-package-json/node_modules/glob": {
-      "version": "10.3.4",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.0.3",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/cjs/src/bin.js"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/read-pkg": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-8.1.0.tgz",
@@ -28840,28 +28623,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/rimraf/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/rollup": {
       "version": "4.9.6",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.6.tgz",
@@ -29876,8 +29637,9 @@
     "node_modules/string-width-cjs": {
       "name": "string-width",
       "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -29889,13 +29651,15 @@
     },
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -29969,8 +29733,9 @@
     "node_modules/strip-ansi-cjs": {
       "name": "strip-ansi",
       "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -32294,8 +32059,9 @@
     "node_modules/wrap-ansi-cjs": {
       "name": "wrap-ansi",
       "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -32310,8 +32076,9 @@
     },
     "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
       "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
diff --git a/package.json b/package.json
index d424266e1..521363f36 100644
--- a/package.json
+++ b/package.json
@@ -96,7 +96,7 @@
     "eslint-plugin-storybook": "0.6.15",
     "eslint-plugin-wc": "2.0.4",
     "github-markdown-css": "5.6.1",
-    "glob": "8.1.0",
+    "glob": "10.4.3",
     "husky": "8.0.3",
     "lint-staged": "15.2.2",
     "npm-check-updates": "16.14.20",

From 65ea485a68666e2372c2178032419c4e5d7f2d4f Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 9 Jul 2024 11:38:41 +0200
Subject: [PATCH 52/61] test: mute a lot of warnings that do not matter

---
 web-test-runner.config.mjs | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/web-test-runner.config.mjs b/web-test-runner.config.mjs
index 198c34cb5..56e024954 100644
--- a/web-test-runner.config.mjs
+++ b/web-test-runner.config.mjs
@@ -1,6 +1,11 @@
 import { esbuildPlugin } from '@web/dev-server-esbuild';
 import { playwrightLauncher } from '@web/test-runner-playwright';
 
+const silencedLogs = [
+  'Lit is in dev mode.',
+  'Multiple versions of Lit loaded.',
+];
+
 /** @type {import('@web/test-runner').TestRunnerConfig} */
 export default {
   nodeResolve: true,
@@ -11,6 +16,14 @@ export default {
     playwrightLauncher({ product: 'firefox' }),
     playwrightLauncher({ product: 'webkit' }),
   ],
+  filterBrowserLogs(log) {
+    for (const arg of log.args) {
+      if (typeof arg === 'string' && silencedLogs.some(l => arg.includes(l))) {
+        return false;
+      }
+    }
+    return true;
+  },
   testRunnerHtml: testFramework =>
     `<html>
       <head>

From 089430af5845ec6cbd19115c73c6806bf846dae2 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 9 Jul 2024 11:45:33 +0200
Subject: [PATCH 53/61] test: fix label and symbol warnings

---
 .../uui-card-media/lib/uui-card-media.test.ts     |  5 ++++-
 .../lib/uui-color-picker.element.ts               |  1 +
 .../uui-color-picker/lib/uui-color-picker.test.ts | 15 ++++++++++++++-
 packages/uui-combobox/lib/uui-combobox.test.ts    |  1 +
 .../uui-file-preview/lib/uui-file-preview.test.ts |  5 ++++-
 .../uui-input-file/lib/uui-input-file.test.ts     |  7 ++++++-
 .../lib/uui-symbol-file-thumbnail.test.ts         |  3 ++-
 packages/uui-tabs/lib/uui-tabs.test.ts            |  1 +
 8 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/packages/uui-card-media/lib/uui-card-media.test.ts b/packages/uui-card-media/lib/uui-card-media.test.ts
index d6d48dcee..902c483fa 100644
--- a/packages/uui-card-media/lib/uui-card-media.test.ts
+++ b/packages/uui-card-media/lib/uui-card-media.test.ts
@@ -8,7 +8,6 @@ import {
 import '@umbraco-ui/uui-symbol-folder/lib';
 import '@umbraco-ui/uui-symbol-file/lib';
 import { UUICardMediaElement } from './uui-card-media.element';
-import '.';
 import { UUICardEvent } from '@umbraco-ui/uui-card/lib';
 import { UUISelectableEvent } from '@umbraco-ui/uui-base/lib/events';
 
@@ -21,6 +20,10 @@ describe('UUICardMediaElement', () => {
     `);
   });
 
+  it('is defined with its own instance', () => {
+    expect(element).to.be.instanceOf(UUICardMediaElement);
+  });
+
   it('passes the a11y audit', async () => {
     await expect(element).shadowDom.to.be.accessible();
   });
diff --git a/packages/uui-color-picker/lib/uui-color-picker.element.ts b/packages/uui-color-picker/lib/uui-color-picker.element.ts
index 8f02a8695..c46d63bc7 100644
--- a/packages/uui-color-picker/lib/uui-color-picker.element.ts
+++ b/packages/uui-color-picker/lib/uui-color-picker.element.ts
@@ -518,6 +518,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
     return html`<uui-color-swatches
       id="swatches"
       class="color-picker__swatches"
+      label="Swatches"
       ?disabled=${this.disabled}
       @change=${this.handleColorSwatchChange}>
       ${this.swatches.map(
diff --git a/packages/uui-color-picker/lib/uui-color-picker.test.ts b/packages/uui-color-picker/lib/uui-color-picker.test.ts
index a55fa8dc5..1b1528c95 100644
--- a/packages/uui-color-picker/lib/uui-color-picker.test.ts
+++ b/packages/uui-color-picker/lib/uui-color-picker.test.ts
@@ -1,11 +1,24 @@
 import { html, fixture, expect } from '@open-wc/testing';
 import { UUIColorPickerElement } from './uui-color-picker.element';
 
+import '@umbraco-ui/uui-icon/lib';
+import '@umbraco-ui/uui-icon-registry-essential/lib';
+import '@umbraco-ui/uui-input/lib';
+import '@umbraco-ui/uui-button/lib';
+import '@umbraco-ui/uui-button-group/lib';
+import '@umbraco-ui/uui-color-swatches/lib';
+import '@umbraco-ui/uui-color-swatch/lib';
+import '@umbraco-ui/uui-color-area/lib';
+import '@umbraco-ui/uui-color-slider/lib';
+import '@umbraco-ui/uui-popover-container/lib';
+
 describe('UUIColorPickerElement', () => {
   let element: UUIColorPickerElement;
 
   beforeEach(async () => {
-    element = await fixture(html` <uui-color-picker></uui-color-picker> `);
+    element = await fixture(html`
+      <uui-color-picker label="Color picker"></uui-color-picker>
+    `);
   });
 
   it('is defined with its own instance', () => {
diff --git a/packages/uui-combobox/lib/uui-combobox.test.ts b/packages/uui-combobox/lib/uui-combobox.test.ts
index 69c003221..62ad53fe1 100644
--- a/packages/uui-combobox/lib/uui-combobox.test.ts
+++ b/packages/uui-combobox/lib/uui-combobox.test.ts
@@ -14,6 +14,7 @@ import '@umbraco-ui/uui-button/lib';
 import '@umbraco-ui/uui-scroll-container/lib';
 import '@umbraco-ui/uui-input/lib';
 import '@umbraco-ui/uui-popover-container/lib';
+import '@umbraco-ui/uui-symbol-expand/lib';
 
 describe('UUIComboboxElement', () => {
   let element: UUIComboboxElement;
diff --git a/packages/uui-file-preview/lib/uui-file-preview.test.ts b/packages/uui-file-preview/lib/uui-file-preview.test.ts
index 8a515de98..4794260e5 100644
--- a/packages/uui-file-preview/lib/uui-file-preview.test.ts
+++ b/packages/uui-file-preview/lib/uui-file-preview.test.ts
@@ -1,6 +1,9 @@
 import { html, fixture, expect } from '@open-wc/testing';
 import { UUIFilePreviewElement } from './uui-file-preview.element';
-import '.';
+
+import '@umbraco-ui/uui-symbol-file/lib';
+import '@umbraco-ui/uui-symbol-folder/lib';
+import '@umbraco-ui/uui-symbol-file-thumbnail/lib';
 
 describe('UUIFilePreviewElement', () => {
   let element: UUIFilePreviewElement;
diff --git a/packages/uui-input-file/lib/uui-input-file.test.ts b/packages/uui-input-file/lib/uui-input-file.test.ts
index aef2d7a1f..0de4127b3 100644
--- a/packages/uui-input-file/lib/uui-input-file.test.ts
+++ b/packages/uui-input-file/lib/uui-input-file.test.ts
@@ -1,6 +1,11 @@
 import { html, fixture, expect } from '@open-wc/testing';
 import { UUIInputFileElement } from './uui-input-file.element';
-import '.';
+
+import '@umbraco-ui/uui-icon/lib';
+import '@umbraco-ui/uui-file-dropzone/lib';
+import '@umbraco-ui/uui-button/lib';
+import '@umbraco-ui/uui-action-bar/lib';
+import '@umbraco-ui/uui-file-preview/lib';
 
 describe('UUIInputFileElement', () => {
   let element: UUIInputFileElement;
diff --git a/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.test.ts b/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.test.ts
index 7a05cda12..fd7e27da5 100644
--- a/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.test.ts
+++ b/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.test.ts
@@ -1,6 +1,7 @@
 import { html, fixture, expect } from '@open-wc/testing';
 import { UUISymbolFileThumbnailElement } from './uui-symbol-file-thumbnail.element';
-import '.';
+
+import '@umbraco-ui/uui-icon/lib';
 
 describe('UUISymbolFileThumbnailElement', () => {
   let element: UUISymbolFileThumbnailElement;
diff --git a/packages/uui-tabs/lib/uui-tabs.test.ts b/packages/uui-tabs/lib/uui-tabs.test.ts
index a1c1f51ba..a73c50b63 100644
--- a/packages/uui-tabs/lib/uui-tabs.test.ts
+++ b/packages/uui-tabs/lib/uui-tabs.test.ts
@@ -5,6 +5,7 @@ import { UUITabElement } from './uui-tab.element';
 
 import '@umbraco-ui/uui-button/lib';
 import '@umbraco-ui/uui-popover-container/lib';
+import '@umbraco-ui/uui-symbol-more/lib';
 
 describe('UuiTab', () => {
   let element: UUITabGroupElement;

From dc7594d30112b390acb998a65eda84d7832af30d Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Tue, 9 Jul 2024 12:58:41 +0200
Subject: [PATCH 54/61] feat: dropzone should support folder upload (#841)

* Feature: dropzone now supports folder upload

* fix: stop requiring a symbol and just import it

* test: add tests for drag and drop

* fix: only support files

---------

Co-authored-by: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
---
 .../lib/UUIFileDropzoneEvent.ts               |   7 +-
 .../lib/uui-file-dropzone.element.ts          | 147 ++++++++++++------
 .../lib/uui-file-dropzone.test.ts             |  53 ++++++-
 3 files changed, 155 insertions(+), 52 deletions(-)

diff --git a/packages/uui-file-dropzone/lib/UUIFileDropzoneEvent.ts b/packages/uui-file-dropzone/lib/UUIFileDropzoneEvent.ts
index fc063479d..36f80c763 100644
--- a/packages/uui-file-dropzone/lib/UUIFileDropzoneEvent.ts
+++ b/packages/uui-file-dropzone/lib/UUIFileDropzoneEvent.ts
@@ -1,8 +1,11 @@
 import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
-import { UUIFileDropzoneElement } from './uui-file-dropzone.element';
+import {
+  UUIFileDropzoneElement,
+  UUIFileFolder,
+} from './uui-file-dropzone.element';
 
 export class UUIFileDropzoneEvent extends UUIEvent<
-  { files: File[] },
+  { files: File[]; folders: UUIFileFolder[] },
   UUIFileDropzoneElement
 > {
   public static readonly CHANGE: string = 'change';
diff --git a/packages/uui-file-dropzone/lib/uui-file-dropzone.element.ts b/packages/uui-file-dropzone/lib/uui-file-dropzone.element.ts
index 3b24ecb5b..be4a61267 100644
--- a/packages/uui-file-dropzone/lib/uui-file-dropzone.element.ts
+++ b/packages/uui-file-dropzone/lib/uui-file-dropzone.element.ts
@@ -3,7 +3,14 @@ import { css, html, LitElement } from 'lit';
 import { query, property } from 'lit/decorators.js';
 import { UUIFileDropzoneEvent } from './UUIFileDropzoneEvent';
 import { LabelMixin } from '@umbraco-ui/uui-base/lib/mixins';
-import { demandCustomElement } from '@umbraco-ui/uui-base/lib/utils';
+
+import '@umbraco-ui/uui-symbol-file-dropzone/lib';
+
+export interface UUIFileFolder {
+  folderName: string;
+  folders: UUIFileFolder[];
+  files: File[];
+}
 
 /**
  * @element uui-file-dropzone
@@ -66,6 +73,13 @@ export class UUIFileDropzoneElement extends LabelMixin('', LitElement) {
     return this._accept;
   }
 
+  @property({
+    type: Boolean,
+    reflect: true,
+    attribute: 'disallow-folder-upload',
+  })
+  public disallowFolderUpload: boolean = false;
+
   /**
    * Allows for multiple files to be selected.
    * @type {boolean}
@@ -92,64 +106,95 @@ export class UUIFileDropzoneElement extends LabelMixin('', LitElement) {
     this.addEventListener('drop', this._onDrop, false);
   }
 
-  connectedCallback(): void {
-    super.connectedCallback();
-    demandCustomElement(this, 'uui-symbol-file-dropzone');
-  }
-
-  private async _getAllFileEntries(
-    dataTransferItemList: DataTransferItemList,
-  ): Promise<File[]> {
-    const fileEntries: File[] = [];
+  private async _getAllEntries(dataTransferItemList: DataTransferItemList) {
     // Use BFS to traverse entire directory/file structure
     const queue = [...dataTransferItemList];
 
-    while (queue.length > 0) {
-      const entry = queue.shift()!;
+    const folders: UUIFileFolder[] = [];
+    const files: File[] = [];
+
+    for (const entry of queue) {
+      if (entry?.kind !== 'file') continue;
 
-      if (entry.kind === 'file') {
+      if (entry.type) {
+        // Entry is a file
         const file = entry.getAsFile();
         if (!file) continue;
         if (this._isAccepted(file)) {
-          fileEntries.push(file);
+          files.push(file);
+        }
+      } else if (!this.disallowFolderUpload) {
+        // Entry is a directory
+        const dir = this._getEntry(entry);
+
+        if (dir) {
+          const structure = await this._mkdir(dir);
+          folders.push(structure);
         }
-      } else if (entry.kind === 'directory') {
-        if ('webkitGetAsEntry' in entry === false) continue;
-        const directory = entry.webkitGetAsEntry()! as FileSystemDirectoryEntry;
-        queue.push(
-          ...(await this._readAllDirectoryEntries(directory.createReader())),
-        );
       }
     }
-
-    return fileEntries;
+    return { files, folders };
   }
 
-  // Get all the entries (files or sub-directories) in a directory
-  // by calling readEntries until it returns empty array
-  private async _readAllDirectoryEntries(
-    directoryReader: FileSystemDirectoryReader,
-  ) {
-    const entries: any = [];
-    let readEntries: any = await this._readEntriesPromise(directoryReader);
-    while (readEntries.length > 0) {
-      entries.push(...readEntries);
-      readEntries = await this._readEntriesPromise(directoryReader);
+  /**
+   * Get the directory entry from a DataTransferItem.
+   * @remark Supports both WebKit and non-WebKit browsers.
+   */
+  private _getEntry(entry: DataTransferItem): FileSystemDirectoryEntry | null {
+    let dir: FileSystemDirectoryEntry | null = null;
+
+    if ('webkitGetAsEntry' in entry) {
+      dir = entry.webkitGetAsEntry() as FileSystemDirectoryEntry;
+    } else if ('getAsEntry' in entry) {
+      // non-WebKit browsers may rename webkitGetAsEntry to getAsEntry. MDN recommends looking for both.
+      dir = (entry as any).getAsEntry();
     }
-    return entries;
+
+    return dir;
   }
 
-  private async _readEntriesPromise(
-    directoryReader: FileSystemDirectoryReader,
-  ) {
-    return new Promise((resolve, reject) => {
-      try {
-        directoryReader.readEntries(resolve, reject);
-      } catch (err) {
-        console.log(err);
-        reject(err);
-      }
-    });
+  // Make directory structure
+  private async _mkdir(
+    entry: FileSystemDirectoryEntry,
+  ): Promise<UUIFileFolder> {
+    const reader = entry.createReader();
+    const folders: UUIFileFolder[] = [];
+    const files: File[] = [];
+
+    const readEntries = (reader: FileSystemDirectoryReader) => {
+      return new Promise<void>((resolve, reject) => {
+        reader.readEntries(async entries => {
+          if (!entries.length) {
+            resolve();
+            return;
+          }
+
+          for (const en of entries) {
+            if (en.isFile) {
+              const file = await this._getAsFile(en as FileSystemFileEntry);
+              if (this._isAccepted(file)) {
+                files.push(file);
+              }
+            } else if (en.isDirectory) {
+              const directory = await this._mkdir(
+                en as FileSystemDirectoryEntry,
+              );
+              folders.push(directory);
+            }
+          }
+
+          // readEntries only reads up to 100 entries at a time. It is on purpose we call readEntries recursively.
+          readEntries(reader);
+
+          resolve();
+        }, reject);
+      });
+    };
+
+    await readEntries(reader);
+
+    const result: UUIFileFolder = { folderName: entry.name, folders, files };
+    return result;
   }
 
   private _isAccepted(file: File) {
@@ -184,6 +229,10 @@ export class UUIFileDropzoneElement extends LabelMixin('', LitElement) {
     return false;
   }
 
+  private async _getAsFile(fileEntry: FileSystemFileEntry): Promise<File> {
+    return new Promise((resolve, reject) => fileEntry.file(resolve, reject));
+  }
+
   private async _onDrop(e: DragEvent) {
     e.preventDefault();
     this._dropzone.classList.remove('hover');
@@ -191,15 +240,17 @@ export class UUIFileDropzoneElement extends LabelMixin('', LitElement) {
     const items = e.dataTransfer?.items;
 
     if (items) {
-      let result = await this._getAllFileEntries(items);
+      const fileSystemResult = await this._getAllEntries(items);
 
-      if (this.multiple === false && result.length) {
-        result = [result[0]];
+      if (this.multiple === false && fileSystemResult.files.length) {
+        fileSystemResult.files = [fileSystemResult.files[0]];
       }
 
+      this._getAllEntries(items);
+
       this.dispatchEvent(
         new UUIFileDropzoneEvent(UUIFileDropzoneEvent.CHANGE, {
-          detail: { files: result },
+          detail: fileSystemResult,
         }),
       );
     }
diff --git a/packages/uui-file-dropzone/lib/uui-file-dropzone.test.ts b/packages/uui-file-dropzone/lib/uui-file-dropzone.test.ts
index acc17d59c..1e97ce49e 100644
--- a/packages/uui-file-dropzone/lib/uui-file-dropzone.test.ts
+++ b/packages/uui-file-dropzone/lib/uui-file-dropzone.test.ts
@@ -1,12 +1,14 @@
 import { html, fixture, expect } from '@open-wc/testing';
 import { UUIFileDropzoneElement } from './uui-file-dropzone.element';
-import '.';
+import { UUIFileDropzoneEvent } from './UUIFileDropzoneEvent';
 
 describe('UUIFileDropzoneElement', () => {
   let element: UUIFileDropzoneElement;
 
   beforeEach(async () => {
-    element = await fixture(html` <uui-file-dropzone></uui-file-dropzone> `);
+    element = await fixture(html`
+      <uui-file-dropzone label="Dropzone"></uui-file-dropzone>
+    `);
   });
 
   it('is defined with its own instance', () => {
@@ -16,4 +18,51 @@ describe('UUIFileDropzoneElement', () => {
   it('passes the a11y audit', async () => {
     await expect(element).shadowDom.to.be.accessible();
   });
+
+  describe('dragover', () => {
+    it('supports dropping a single file', done => {
+      const file1 = new File([''], 'file1.txt', { type: 'text/plain' });
+      const file2 = new File([''], 'file2.txt', { type: 'text/plain' });
+      const dataTransfer = new DataTransfer();
+      dataTransfer.items.add(file1);
+      dataTransfer.items.add(file2);
+
+      element.addEventListener('change', e => {
+        const { files, folders } = (e as UUIFileDropzoneEvent).detail;
+        expect(files.length, 'There should be one file uploaded').to.equal(1);
+        expect(folders.length, 'There should be no folders uploaded').to.equal(
+          0,
+        );
+        done();
+      });
+
+      element.dispatchEvent(new DragEvent('drop', { dataTransfer }));
+    });
+
+    it('can drop multiple files', done => {
+      const file1 = new File([''], 'file1.txt', { type: 'text/plain' });
+      const file2 = new File([''], 'file2.txt', { type: 'text/plain' });
+      const dataTransfer = new DataTransfer();
+      dataTransfer.items.add(file1);
+      dataTransfer.items.add(file2);
+
+      element.multiple = true;
+
+      element.addEventListener('change', e => {
+        const { files, folders } = (e as UUIFileDropzoneEvent).detail;
+        expect(files.length, 'There should be two files uploaded').to.equal(2);
+        expect(folders.length, 'There should be no folders uploaded').to.equal(
+          0,
+        );
+        done();
+      });
+
+      element.dispatchEvent(new DragEvent('drop', { dataTransfer }));
+    });
+
+    it('can drop a folder with multiple files', () => {
+      // TODO: Need to find a way to simulate a folder drop
+      expect(true).to.equal(true);
+    });
+  });
 });

From b0461b6bbcc5413f7eb4e59d7f0bdfc4be1020ec Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 9 Jul 2024 15:09:53 +0200
Subject: [PATCH 55/61] fix: ensure that empty text nodes do not make the label
 mixin think it is non-empty

---
 packages/uui-base/lib/mixins/LabelMixin.ts | 17 +++++++++++++----
 packages/uui-button/lib/uui-button.test.ts | 13 +++++++++++++
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/packages/uui-base/lib/mixins/LabelMixin.ts b/packages/uui-base/lib/mixins/LabelMixin.ts
index 424f3795e..f4d90e923 100644
--- a/packages/uui-base/lib/mixins/LabelMixin.ts
+++ b/packages/uui-base/lib/mixins/LabelMixin.ts
@@ -47,10 +47,19 @@ export const LabelMixin = <T extends Constructor<LitElement>>(
     @state()
     private _labelSlotHasContent = false;
 
-    private labelSlotChanged(e: any): void {
-      this._labelSlotHasContent =
-        (e.target as HTMLSlotElement).assignedNodes({ flatten: true }).length >
-        0;
+    private labelSlotChanged(e: Event): void {
+      const nodes = (e.target as HTMLSlotElement).assignedNodes();
+
+      if (!nodes.length) {
+        this._labelSlotHasContent = false;
+        return;
+      }
+
+      // If some nodes are not TEXT_NODE, or if one of the nodes is not empty, set the slot as having content
+      this._labelSlotHasContent = nodes.some(
+        node =>
+          node.nodeType !== Node.TEXT_NODE || !!node.textContent?.trim().length,
+      );
     }
 
     /**
diff --git a/packages/uui-button/lib/uui-button.test.ts b/packages/uui-button/lib/uui-button.test.ts
index e0559e0f5..25eb06e7f 100644
--- a/packages/uui-button/lib/uui-button.test.ts
+++ b/packages/uui-button/lib/uui-button.test.ts
@@ -119,6 +119,19 @@ describe('UuiButton', () => {
       const slot = element.shadowRoot!.querySelector('button')!;
       expect(slot).to.exist;
     });
+    it('label property is used when no default slot is provided', async () => {
+      const element = await fixture(
+        html` <uui-button label="My label"> &nbsp; </uui-button>`,
+      );
+      expect(element.shadowRoot?.textContent).to.include('My label');
+    });
+    it('default slot takes precedence over label property', async () => {
+      element.label = 'My label';
+      await elementUpdated(element);
+      const slot = element.shadowRoot!.querySelector('slot')!;
+      expect(slot.assignedNodes().length).to.equal(1);
+      expect(slot.assignedNodes()[0].textContent).to.equal('Hello uui-button');
+    });
   });
 
   describe('events', () => {

From 48ba4c90f5130807babbd254d5be6950b77801a4 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Tue, 9 Jul 2024 15:10:16 +0200
Subject: [PATCH 56/61] docs: change stories to reflect the possibility that
 empty text nodes are valid

---
 packages/uui-button/lib/uui-button.story.ts | 6 +++---
 packages/uui-toggle/lib/uui-toggle.story.ts | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/uui-button/lib/uui-button.story.ts b/packages/uui-button/lib/uui-button.story.ts
index 86a8a4d91..8d8513995 100644
--- a/packages/uui-button/lib/uui-button.story.ts
+++ b/packages/uui-button/lib/uui-button.story.ts
@@ -108,9 +108,9 @@ const Template: Story = props => {
       .rel=${props.rel}
       look=${props.look}
       color=${props.color}
-      label=${props.label}
-      >${props.content}</uui-button
-    >
+      label=${props.label}>
+      ${props.slot}
+    </uui-button>
   `;
 };
 
diff --git a/packages/uui-toggle/lib/uui-toggle.story.ts b/packages/uui-toggle/lib/uui-toggle.story.ts
index fddd2bf82..3470ca8e1 100644
--- a/packages/uui-toggle/lib/uui-toggle.story.ts
+++ b/packages/uui-toggle/lib/uui-toggle.story.ts
@@ -40,9 +40,9 @@ export const AAAOverview: Story = props => html`
     .labelPosition=${props.labelPosition}
     ?disabled=${props.disabled}
     ?readonly=${props.readonly}
-    ?checked=${props.checked}
-    >${props.slot}</uui-toggle
-  >
+    ?checked=${props.checked}>
+    ${props.slot}
+  </uui-toggle>
 `;
 AAAOverview.storyName = 'Overview';
 

From c45ac4001a53f123804c2a11923e290e9ff5da10 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Wed, 10 Jul 2024 13:04:09 +0200
Subject: [PATCH 57/61] feat(uui-color-picker): allow the value to be empty
 (#842)

* Bugfix: Allow the UUI Color Picker value to be undefined...

* dispatching events

* start with alpha 0

* remove state, update inputvalue when deselecting swatch

* dont dispatch if color did not change

---------

Co-authored-by: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
---
 .../lib/uui-color-picker.element.ts           | 83 ++++++++++---------
 .../lib/uui-color-picker.story.ts             | 14 ++++
 2 files changed, 58 insertions(+), 39 deletions(-)

diff --git a/packages/uui-color-picker/lib/uui-color-picker.element.ts b/packages/uui-color-picker/lib/uui-color-picker.element.ts
index c46d63bc7..d5a664e09 100644
--- a/packages/uui-color-picker/lib/uui-color-picker.element.ts
+++ b/packages/uui-color-picker/lib/uui-color-picker.element.ts
@@ -64,15 +64,17 @@ type UUIColorPickerSize = 'small' | 'medium' | 'large';
  */
 @defineElement('uui-color-picker')
 export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
-  @query('[part="input"]') _input!: UUIInputElement;
-  @query('.color-picker__preview') _previewButton!: HTMLButtonElement;
-  @query('#swatches') _swatches!: UUIColorSwatchesElement;
+  @query('[part="input"]') private _input!: UUIInputElement;
+  @query('.color-picker__preview') private _previewButton!: HTMLButtonElement;
+  @query('#swatches') private _swatches!: UUIColorSwatchesElement;
+
+  private _value: string = '';
 
   @state() private inputValue = '';
   @state() private hue = 0;
   @state() private saturation = 0;
   @state() private lightness = 0;
-  @state() private alpha = 100;
+  @state() private alpha = 0;
   @state() private _colord: Colord = colord('hsl(0, 0%, 0%)');
 
   /**
@@ -81,7 +83,16 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
    * @type {string}
    * @default ''
    **/
-  @property() value = '';
+  @property()
+  set value(value: string) {
+    if (this.value !== value) {
+      this.setColor(value);
+    }
+    this._value = value;
+  }
+  get value(): string {
+    return this._value;
+  }
 
   /**
    * The format to use for the display value. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA
@@ -176,12 +187,6 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
   connectedCallback(): void {
     super.connectedCallback();
 
-    if (this.value) {
-      this.setColor(this.value);
-    } else {
-      this.setColor('#000');
-    }
-
     demandCustomElement(this, 'uui-icon');
     demandCustomElement(this, 'uui-icon-registry-essential');
     demandCustomElement(this, 'uui-input');
@@ -291,31 +296,22 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
   }
 
   handleInputChange(event: CustomEvent) {
+    event.stopImmediatePropagation();
     this._swatches?.resetSelection();
 
-    const target = event.target as HTMLInputElement;
-
-    if (target.value) {
-      this.setColor(target.value);
-      target.value = this.value;
-    } else {
-      this.setColor('#000');
-    }
-
-    event.stopPropagation();
+    this.inputValue = this._input.value as string;
+    this.setColor(this.inputValue);
   }
 
   handleInputKeyDown(event: KeyboardEvent) {
+    event.stopImmediatePropagation();
     if (event.key === 'Enter') {
-      if (this.inputValue) {
-        this.setColor(this.inputValue);
-        this._swatches?.resetSelection();
-
-        this.inputValue = this.value;
-        setTimeout(() => this._input.select());
-      } else {
-        this.setColor('#000');
-      }
+      this._swatches?.resetSelection();
+
+      this.inputValue = this._input.value as string;
+      this.setColor(this.inputValue);
+
+      setTimeout(() => this._input.select());
     }
   }
 
@@ -323,13 +319,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
     event.stopImmediatePropagation();
 
     const target = event.target as UUIColorSwatchElement;
-
-    if (target.value) {
-      this.setColor(target.value);
-    } else {
-      //reset to black
-      this.setColor('#000');
-    }
+    this.setColor(target.value);
   }
 
   handleCopy() {
@@ -360,6 +350,20 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
   }
 
   setColor(colorString: string | HslaColor) {
+    if (colorString === this.value) return;
+
+    if (!colorString) {
+      this.alpha = 0;
+      this.inputValue = '';
+      this._value = colorString;
+
+      this.dispatchEvent(
+        new UUIColorPickerChangeEvent(UUIColorPickerChangeEvent.CHANGE),
+      );
+
+      return true;
+    }
+
     const colord = new Colord(colorString);
 
     const { h, s, l, a } = colord.toHsl();
@@ -383,6 +387,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
     this.dispatchEvent(
       new UUIColorPickerChangeEvent(UUIColorPickerChangeEvent.CHANGE),
     );
+
     return true;
   }
 
@@ -412,7 +417,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
 
   private _syncValues() {
     this.inputValue = this.getFormattedValue(this.format);
-    this.value = this.inputValue;
+    this._value = this.inputValue;
   }
 
   private _renderColorPicker() {
@@ -530,7 +535,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
   }
 
   private _renderPreviewButton() {
-    return html` <button
+    return html`<button
         type="button"
         part="trigger"
         aria-label="${this.label || 'Open Color picker'}"
diff --git a/packages/uui-color-picker/lib/uui-color-picker.story.ts b/packages/uui-color-picker/lib/uui-color-picker.story.ts
index 7beb48b59..efda631ad 100644
--- a/packages/uui-color-picker/lib/uui-color-picker.story.ts
+++ b/packages/uui-color-picker/lib/uui-color-picker.story.ts
@@ -46,6 +46,7 @@ const meta: Meta<UUIColorPickerElement> = {
     swatches: defaultSwatches,
     format: 'hex',
     size: 'medium',
+    value: '#000000',
   },
   argTypes: {
     format: {
@@ -77,6 +78,19 @@ type Story = StoryObj<UUIColorPickerElement>;
 
 export const Overview: Story = {};
 
+export const EmptyValue: Story = {
+  args: {
+    value: '',
+  },
+  parameters: {
+    docs: {
+      source: {
+        code: `<uui-color-picker></uui-color-picker>`,
+      },
+    },
+  },
+};
+
 export const Inline: Story = {
   args: {
     inline: true,

From 0e885887d15da9b431e67b16e2e58b8a106baa28 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Thu, 11 Jul 2024 10:06:49 +0200
Subject: [PATCH 58/61] docs(uui-css): add link to vite and re-arrange the
 styles property

---
 packages/uui-css/README.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/uui-css/README.md b/packages/uui-css/README.md
index 9bd2ccde2..4c39f9378 100644
--- a/packages/uui-css/README.md
+++ b/packages/uui-css/README.md
@@ -45,7 +45,7 @@ npm i @umbraco-ui/uui-css
 
 ## Usage
 
-For a build system like _Vite_, the styling could be included like this if you want to control the styling and variables with the build system:
+For a build system like [Vite](https://vitejs.dev/), the styling could be included like this if you want to control the styling and variables with the build system:
 
 ```ts
 // app.ts
@@ -89,7 +89,7 @@ Using the custom properties:
 Full example:
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <link
@@ -146,13 +146,6 @@ import { UUITextStyles } from '@umbraco-ui/uui-css';
 
 @customElement('my-element')
 export class MyElement extends LitElement {
-  static styles = [
-    UUITextStyles,
-    css`
-      /* your css goes here */
-    `,
-  ];
-
   render() {
     return html`
       <div class="uui-text">
@@ -160,6 +153,13 @@ export class MyElement extends LitElement {
       </div>
     `;
   }
+
+  static styles = [
+    UUITextStyles,
+    css`
+      /* your css goes here */
+    `,
+  ];
 }
 
 declare global {

From ae77bbbdb31d31adad3864127a1efc58257d48c0 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Thu, 11 Jul 2024 10:08:23 +0200
Subject: [PATCH 59/61] build: do not ignore README updates for release

---
 lerna.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lerna.json b/lerna.json
index 792ce6c7e..b40821368 100644
--- a/lerna.json
+++ b/lerna.json
@@ -14,5 +14,5 @@
       "verifyAccess": false
     }
   },
-  "ignoreChanges": ["**/*.story.ts", "**/*.test.ts", "**/*.md"]
+  "ignoreChanges": ["**/*.story.ts", "**/*.test.ts", "**/*.md", "!**/README.md"]
 }

From bc694564ea5edc13fb229df10d5ee8244d2d2890 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Thu, 11 Jul 2024 10:09:51 +0200
Subject: [PATCH 60/61] build: only ignore CHANGELOG.md files for versioning

---
 lerna.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lerna.json b/lerna.json
index b40821368..6e6318e51 100644
--- a/lerna.json
+++ b/lerna.json
@@ -14,5 +14,5 @@
       "verifyAccess": false
     }
   },
-  "ignoreChanges": ["**/*.story.ts", "**/*.test.ts", "**/*.md", "!**/README.md"]
+  "ignoreChanges": ["**/*.story.ts", "**/*.test.ts", "**/CHANGELOG.md"]
 }

From e3e398e07b6ff9874aa0656cb7767df42f58a4ce Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Thu, 11 Jul 2024 10:10:32 +0200
Subject: [PATCH 61/61] v1.9.0-rc.0

---
 CHANGELOG.md                                  |  30 +
 lerna.json                                    |   2 +-
 package-lock.json                             | 620 +++++++++---------
 packages/uui-action-bar/CHANGELOG.md          |   4 +
 packages/uui-action-bar/package.json          |   6 +-
 packages/uui-avatar-group/CHANGELOG.md        |   4 +
 packages/uui-avatar-group/package.json        |   6 +-
 packages/uui-avatar/CHANGELOG.md              |   4 +
 packages/uui-avatar/package.json              |   4 +-
 packages/uui-badge/CHANGELOG.md               |   4 +
 packages/uui-badge/package.json               |   4 +-
 packages/uui-base/CHANGELOG.md                |   6 +
 packages/uui-base/package.json                |   2 +-
 packages/uui-boolean-input/CHANGELOG.md       |  10 +
 packages/uui-boolean-input/package.json       |   4 +-
 packages/uui-box/CHANGELOG.md                 |   4 +
 packages/uui-box/package.json                 |   6 +-
 packages/uui-breadcrumbs/CHANGELOG.md         |   4 +
 packages/uui-breadcrumbs/package.json         |   4 +-
 packages/uui-button-group/CHANGELOG.md        |   4 +
 packages/uui-button-group/package.json        |   4 +-
 .../uui-button-inline-create/CHANGELOG.md     |   6 +
 .../uui-button-inline-create/package.json     |   4 +-
 packages/uui-button/CHANGELOG.md              |  10 +
 packages/uui-button/package.json              |   6 +-
 packages/uui-card-block-type/CHANGELOG.md     |   6 +
 packages/uui-card-block-type/package.json     |   6 +-
 packages/uui-card-content-node/CHANGELOG.md   |   6 +
 packages/uui-card-content-node/package.json   |   8 +-
 packages/uui-card-media/CHANGELOG.md          |   6 +
 packages/uui-card-media/package.json          |  10 +-
 packages/uui-card-user/CHANGELOG.md           |   6 +
 packages/uui-card-user/package.json           |   8 +-
 packages/uui-card/CHANGELOG.md                |   6 +
 packages/uui-card/package.json                |   4 +-
 packages/uui-caret/CHANGELOG.md               |   4 +
 packages/uui-caret/package.json               |   4 +-
 packages/uui-checkbox/CHANGELOG.md            |   6 +
 packages/uui-checkbox/package.json            |   8 +-
 packages/uui-color-area/CHANGELOG.md          |   4 +
 packages/uui-color-area/package.json          |   4 +-
 packages/uui-color-picker/CHANGELOG.md        |   6 +
 packages/uui-color-picker/package.json        |   6 +-
 packages/uui-color-slider/CHANGELOG.md        |   4 +
 packages/uui-color-slider/package.json        |   4 +-
 packages/uui-color-swatch/CHANGELOG.md        |   4 +
 packages/uui-color-swatch/package.json        |   6 +-
 packages/uui-color-swatches/CHANGELOG.md      |   4 +
 packages/uui-color-swatches/package.json      |   6 +-
 packages/uui-combobox-list/CHANGELOG.md       |   4 +
 packages/uui-combobox-list/package.json       |   4 +-
 packages/uui-combobox/CHANGELOG.md            |   6 +
 packages/uui-combobox/package.json            |  16 +-
 packages/uui-css/CHANGELOG.md                 |   4 +
 packages/uui-css/package.json                 |   2 +-
 packages/uui-dialog-layout/CHANGELOG.md       |   4 +
 packages/uui-dialog-layout/package.json       |   4 +-
 packages/uui-dialog/CHANGELOG.md              |   4 +
 packages/uui-dialog/package.json              |   6 +-
 packages/uui-file-dropzone/CHANGELOG.md       |   6 +
 packages/uui-file-dropzone/package.json       |   6 +-
 packages/uui-file-preview/CHANGELOG.md        |   4 +
 packages/uui-file-preview/package.json        |  10 +-
 packages/uui-form-layout-item/CHANGELOG.md    |   4 +
 packages/uui-form-layout-item/package.json    |   6 +-
 .../uui-form-validation-message/CHANGELOG.md  |   6 +
 .../uui-form-validation-message/package.json  |   4 +-
 packages/uui-form/CHANGELOG.md                |   4 +
 packages/uui-form/package.json                |   4 +-
 .../uui-icon-registry-essential/CHANGELOG.md  |   4 +
 .../uui-icon-registry-essential/package.json  |   6 +-
 packages/uui-icon-registry/CHANGELOG.md       |   4 +
 packages/uui-icon-registry/package.json       |   6 +-
 packages/uui-icon/CHANGELOG.md                |   4 +
 packages/uui-icon/package.json                |   4 +-
 packages/uui-input-file/CHANGELOG.md          |   4 +
 packages/uui-input-file/package.json          |  14 +-
 packages/uui-input-lock/CHANGELOG.md          |   6 +
 packages/uui-input-lock/package.json          |  10 +-
 packages/uui-input-password/CHANGELOG.md      |   4 +
 packages/uui-input-password/package.json      |   8 +-
 packages/uui-input/CHANGELOG.md               |   4 +
 packages/uui-input/package.json               |   4 +-
 packages/uui-keyboard-shortcut/CHANGELOG.md   |   4 +
 packages/uui-keyboard-shortcut/package.json   |   4 +-
 packages/uui-label/CHANGELOG.md               |   4 +
 packages/uui-label/package.json               |   4 +-
 packages/uui-loader-bar/CHANGELOG.md          |   4 +
 packages/uui-loader-bar/package.json          |   4 +-
 packages/uui-loader-circle/CHANGELOG.md       |   4 +
 packages/uui-loader-circle/package.json       |   4 +-
 packages/uui-loader/CHANGELOG.md              |   4 +
 packages/uui-loader/package.json              |   4 +-
 packages/uui-menu-item/CHANGELOG.md           |  10 +
 packages/uui-menu-item/package.json           |   8 +-
 packages/uui-modal/CHANGELOG.md               |   4 +
 packages/uui-modal/package.json               |   4 +-
 packages/uui-pagination/CHANGELOG.md          |   4 +
 packages/uui-pagination/package.json          |   8 +-
 packages/uui-popover-container/CHANGELOG.md   |   4 +
 packages/uui-popover-container/package.json   |   4 +-
 packages/uui-popover/CHANGELOG.md             |   4 +
 packages/uui-popover/package.json             |   4 +-
 packages/uui-progress-bar/CHANGELOG.md        |   4 +
 packages/uui-progress-bar/package.json        |   4 +-
 packages/uui-radio/CHANGELOG.md               |   7 +
 packages/uui-radio/package.json               |   4 +-
 packages/uui-range-slider/CHANGELOG.md        |   6 +
 packages/uui-range-slider/package.json        |   4 +-
 packages/uui-ref-list/CHANGELOG.md            |   4 +
 packages/uui-ref-list/package.json            |   4 +-
 packages/uui-ref-node-data-type/CHANGELOG.md  |   4 +
 packages/uui-ref-node-data-type/package.json  |   6 +-
 .../uui-ref-node-document-type/CHANGELOG.md   |   4 +
 .../uui-ref-node-document-type/package.json   |   6 +-
 packages/uui-ref-node-form/CHANGELOG.md       |   4 +
 packages/uui-ref-node-form/package.json       |   6 +-
 packages/uui-ref-node-member/CHANGELOG.md     |   4 +
 packages/uui-ref-node-member/package.json     |   6 +-
 packages/uui-ref-node-package/CHANGELOG.md    |   4 +
 packages/uui-ref-node-package/package.json    |   6 +-
 packages/uui-ref-node-user/CHANGELOG.md       |   4 +
 packages/uui-ref-node-user/package.json       |   6 +-
 packages/uui-ref-node/CHANGELOG.md            |   7 +
 packages/uui-ref-node/package.json            |   8 +-
 packages/uui-ref/CHANGELOG.md                 |   6 +
 packages/uui-ref/package.json                 |   4 +-
 packages/uui-scroll-container/CHANGELOG.md    |   4 +
 packages/uui-scroll-container/package.json    |   4 +-
 packages/uui-select/CHANGELOG.md              |   6 +
 packages/uui-select/package.json              |   4 +-
 packages/uui-slider/CHANGELOG.md              |   7 +
 packages/uui-slider/package.json              |   4 +-
 packages/uui-symbol-expand/CHANGELOG.md       |   4 +
 packages/uui-symbol-expand/package.json       |   4 +-
 .../uui-symbol-file-dropzone/CHANGELOG.md     |   4 +
 .../uui-symbol-file-dropzone/package.json     |   4 +-
 .../uui-symbol-file-thumbnail/CHANGELOG.md    |   4 +
 .../uui-symbol-file-thumbnail/package.json    |   4 +-
 packages/uui-symbol-file/CHANGELOG.md         |   4 +
 packages/uui-symbol-file/package.json         |   4 +-
 packages/uui-symbol-folder/CHANGELOG.md       |   4 +
 packages/uui-symbol-folder/package.json       |   4 +-
 packages/uui-symbol-lock/CHANGELOG.md         |   4 +
 packages/uui-symbol-lock/package.json         |   4 +-
 packages/uui-symbol-more/CHANGELOG.md         |   4 +
 packages/uui-symbol-more/package.json         |   4 +-
 packages/uui-symbol-sort/CHANGELOG.md         |   4 +
 packages/uui-symbol-sort/package.json         |   4 +-
 packages/uui-table/CHANGELOG.md               |   4 +
 packages/uui-table/package.json               |   4 +-
 packages/uui-tabs/CHANGELOG.md                |   6 +
 packages/uui-tabs/package.json                |  10 +-
 packages/uui-tag/CHANGELOG.md                 |   4 +
 packages/uui-tag/package.json                 |   4 +-
 packages/uui-textarea/CHANGELOG.md            |   4 +
 packages/uui-textarea/package.json            |   4 +-
 .../CHANGELOG.md                              |   4 +
 .../package.json                              |   6 +-
 .../CHANGELOG.md                              |   4 +
 .../package.json                              |   6 +-
 packages/uui-toast-notification/CHANGELOG.md  |   4 +
 packages/uui-toast-notification/package.json  |  12 +-
 packages/uui-toggle/CHANGELOG.md              |   6 +
 packages/uui-toggle/package.json              |   6 +-
 packages/uui-visually-hidden/CHANGELOG.md     |   4 +
 packages/uui-visually-hidden/package.json     |   4 +-
 packages/uui/CHANGELOG.md                     |   4 +
 packages/uui/package.json                     | 166 ++---
 169 files changed, 1044 insertions(+), 619 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 365668dcf..c9800face 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Bug Fixes
+
+- ensure that empty text nodes do not make the label mixin think it is non-empty ([b0461b6](https://github.com/umbraco/Umbraco.UI/commit/b0461b6bbcc5413f7eb4e59d7f0bdfc4be1020ec))
+- Hide the native input for boolean elements in firefox ([#808](https://github.com/umbraco/Umbraco.UI/issues/808)) ([bc31088](https://github.com/umbraco/Umbraco.UI/commit/bc310888ef68faf685e0f0c3ac05827381d5ddcd))
+- Hide the native input for boolean elements in firefox ([#808](https://github.com/umbraco/Umbraco.UI/issues/808)) ([81c0a95](https://github.com/umbraco/Umbraco.UI/commit/81c0a95a24b6df903f5382cb3b735cfa4a27f381))
+- prevent overflow when not hovered ([#816](https://github.com/umbraco/Umbraco.UI/issues/816)) ([3e3f22a](https://github.com/umbraco/Umbraco.UI/commit/3e3f22a9ae1e6110c71161bc226f4487a6176196))
+- prevent overflow when not hovered ([#816](https://github.com/umbraco/Umbraco.UI/issues/816)) ([b3fcd2b](https://github.com/umbraco/Umbraco.UI/commit/b3fcd2b535ce3d7049739d13a6b56a9cc2036e8a))
+- **uui-form-validation-message:** default renderer does not support raw HTML ([#835](https://github.com/umbraco/Umbraco.UI/issues/835)) ([4320539](https://github.com/umbraco/Umbraco.UI/commit/4320539dc3b327a1993042dedaef95d0b1bc4bd2))
+- **uui-input-lock:** the UUIInputLockEvent is not exported ([#836](https://github.com/umbraco/Umbraco.UI/issues/836)) ([43a7528](https://github.com/umbraco/Umbraco.UI/commit/43a7528b70620786de691572be8171553e086af5))
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+- add readonly mode ([23c6d2c](https://github.com/umbraco/Umbraco.UI/commit/23c6d2ccb9d28a1f0c66e142bcf1024384306c48))
+- dropzone should support folder upload ([#841](https://github.com/umbraco/Umbraco.UI/issues/841)) ([dc7594d](https://github.com/umbraco/Umbraco.UI/commit/dc7594d30112b390acb998a65eda84d7832af30d))
+- implement readonly for uui-combobox ([2b03861](https://github.com/umbraco/Umbraco.UI/commit/2b038610fd4bbc9635c3769d8d70fd11b962e13e))
+- implement readonly for uui-range-slider ([e720227](https://github.com/umbraco/Umbraco.UI/commit/e720227cc92f21d631bdaaadaafa9ecc03ff13da))
+- implement readonly mode for uui-ref-node ([d37861c](https://github.com/umbraco/Umbraco.UI/commit/d37861c759730fc40a7842bb4736735ba0454f22))
+- implement readonly state for uui-slider ([9379cc1](https://github.com/umbraco/Umbraco.UI/commit/9379cc17ea6d7327911fa6fd319767eb2b88c7dd))
+- readonly state for boolean base class ([78ebbdd](https://github.com/umbraco/Umbraco.UI/commit/78ebbdde6e8622e1048b760c4727e5f19a397ab1))
+- readonly state for checkbox ([5e3cbdc](https://github.com/umbraco/Umbraco.UI/commit/5e3cbdcc785aa9954a727d28af90f06d3ca1625c))
+- readonly state for toggle ([c7565b9](https://github.com/umbraco/Umbraco.UI/commit/c7565b91fc9d74ac105b91e6b9c1b7114187430f))
+- readonly state for uui-radio ([201917e](https://github.com/umbraco/Umbraco.UI/commit/201917e24a77ddbf2c0faaa884bae7b1204923c5))
+- readonly state for uui-radio-group ([6a5f636](https://github.com/umbraco/Umbraco.UI/commit/6a5f63667d1d9f274753e25305447a8f9c5d5d63))
+- **uui-color-picker:** allow the value to be empty ([#842](https://github.com/umbraco/Umbraco.UI/issues/842)) ([c45ac40](https://github.com/umbraco/Umbraco.UI/commit/c45ac4001a53f123804c2a11923e290e9ff5da10))
+- **uui-slider:** Hide label property + fix error for floating point numbers ([#813](https://github.com/umbraco/Umbraco.UI/issues/813)) ([bef030f](https://github.com/umbraco/Umbraco.UI/commit/bef030f70bc2b68ccf2c2074aa34c8fa18fea6e8))
+- **uui-slider:** Hide label property + fix error for floating point numbers ([#813](https://github.com/umbraco/Umbraco.UI/issues/813)) ([12bcd06](https://github.com/umbraco/Umbraco.UI/commit/12bcd06f978f0937b9d697c4c16f449779038b56))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 ### Bug Fixes
diff --git a/lerna.json b/lerna.json
index 6e6318e51..ca3d97ba6 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,7 +1,7 @@
 {
   "$schema": "node_modules/@lerna-lite/cli/schemas/lerna-schema.json",
   "packages": ["packages/*"],
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "preid": "rc",
   "exact": true,
   "noPush": true,
diff --git a/package-lock.json b/package-lock.json
index bdc3f4b05..6f5bbb1a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32443,130 +32443,130 @@
     },
     "packages/uui": {
       "name": "@umbraco-ui/uui",
-      "version": "1.8.2",
-      "license": "MIT",
-      "dependencies": {
-        "@umbraco-ui/uui-action-bar": "1.8.0",
-        "@umbraco-ui/uui-avatar": "1.8.0",
-        "@umbraco-ui/uui-avatar-group": "1.8.0",
-        "@umbraco-ui/uui-badge": "1.8.0",
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-boolean-input": "1.8.2",
-        "@umbraco-ui/uui-box": "1.8.0",
-        "@umbraco-ui/uui-breadcrumbs": "1.8.0",
-        "@umbraco-ui/uui-button": "1.8.0",
-        "@umbraco-ui/uui-button-group": "1.8.0",
-        "@umbraco-ui/uui-button-inline-create": "1.8.0",
-        "@umbraco-ui/uui-card": "1.8.0",
-        "@umbraco-ui/uui-card-block-type": "1.8.0",
-        "@umbraco-ui/uui-card-content-node": "1.8.0",
-        "@umbraco-ui/uui-card-media": "1.8.2",
-        "@umbraco-ui/uui-card-user": "1.8.0",
-        "@umbraco-ui/uui-caret": "1.8.0",
-        "@umbraco-ui/uui-checkbox": "1.8.2",
-        "@umbraco-ui/uui-color-area": "1.8.0",
-        "@umbraco-ui/uui-color-picker": "1.8.0",
-        "@umbraco-ui/uui-color-slider": "1.8.0",
-        "@umbraco-ui/uui-color-swatch": "1.8.0",
-        "@umbraco-ui/uui-color-swatches": "1.8.0",
-        "@umbraco-ui/uui-combobox": "1.8.0",
-        "@umbraco-ui/uui-combobox-list": "1.8.0",
-        "@umbraco-ui/uui-css": "1.8.0",
-        "@umbraco-ui/uui-dialog": "1.8.0",
-        "@umbraco-ui/uui-dialog-layout": "1.8.0",
-        "@umbraco-ui/uui-file-dropzone": "1.8.0",
-        "@umbraco-ui/uui-file-preview": "1.8.0",
-        "@umbraco-ui/uui-form": "1.8.0",
-        "@umbraco-ui/uui-form-layout-item": "1.8.1",
-        "@umbraco-ui/uui-form-validation-message": "1.8.1",
-        "@umbraco-ui/uui-icon": "1.8.0",
-        "@umbraco-ui/uui-icon-registry": "1.8.0",
-        "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
-        "@umbraco-ui/uui-input": "1.8.0",
-        "@umbraco-ui/uui-input-file": "1.8.0",
-        "@umbraco-ui/uui-input-lock": "1.8.2",
-        "@umbraco-ui/uui-input-password": "1.8.0",
-        "@umbraco-ui/uui-keyboard-shortcut": "1.8.0",
-        "@umbraco-ui/uui-label": "1.8.0",
-        "@umbraco-ui/uui-loader": "1.8.0",
-        "@umbraco-ui/uui-loader-bar": "1.8.0",
-        "@umbraco-ui/uui-loader-circle": "1.8.0",
-        "@umbraco-ui/uui-menu-item": "1.8.2",
-        "@umbraco-ui/uui-modal": "1.8.0",
-        "@umbraco-ui/uui-pagination": "1.8.0",
-        "@umbraco-ui/uui-popover": "1.8.0",
-        "@umbraco-ui/uui-popover-container": "1.8.0",
-        "@umbraco-ui/uui-progress-bar": "1.8.0",
-        "@umbraco-ui/uui-radio": "1.8.0",
-        "@umbraco-ui/uui-range-slider": "1.8.0",
-        "@umbraco-ui/uui-ref": "1.8.0",
-        "@umbraco-ui/uui-ref-list": "1.8.0",
-        "@umbraco-ui/uui-ref-node": "1.8.0",
-        "@umbraco-ui/uui-ref-node-data-type": "1.8.0",
-        "@umbraco-ui/uui-ref-node-document-type": "1.8.0",
-        "@umbraco-ui/uui-ref-node-form": "1.8.0",
-        "@umbraco-ui/uui-ref-node-member": "1.8.0",
-        "@umbraco-ui/uui-ref-node-package": "1.8.0",
-        "@umbraco-ui/uui-ref-node-user": "1.8.0",
-        "@umbraco-ui/uui-scroll-container": "1.8.0",
-        "@umbraco-ui/uui-select": "1.8.0",
-        "@umbraco-ui/uui-slider": "1.8.2",
-        "@umbraco-ui/uui-symbol-expand": "1.8.0",
-        "@umbraco-ui/uui-symbol-file": "1.8.0",
-        "@umbraco-ui/uui-symbol-file-dropzone": "1.8.0",
-        "@umbraco-ui/uui-symbol-file-thumbnail": "1.8.0",
-        "@umbraco-ui/uui-symbol-folder": "1.8.0",
-        "@umbraco-ui/uui-symbol-lock": "1.8.0",
-        "@umbraco-ui/uui-symbol-more": "1.8.0",
-        "@umbraco-ui/uui-symbol-sort": "1.8.0",
-        "@umbraco-ui/uui-table": "1.8.0",
-        "@umbraco-ui/uui-tabs": "1.8.0",
-        "@umbraco-ui/uui-tag": "1.8.0",
-        "@umbraco-ui/uui-textarea": "1.8.0",
-        "@umbraco-ui/uui-toast-notification": "1.8.0",
-        "@umbraco-ui/uui-toast-notification-container": "1.8.0",
-        "@umbraco-ui/uui-toast-notification-layout": "1.8.0",
-        "@umbraco-ui/uui-toggle": "1.8.2",
-        "@umbraco-ui/uui-visually-hidden": "1.8.0"
+      "version": "1.9.0-rc.0",
+      "license": "MIT",
+      "dependencies": {
+        "@umbraco-ui/uui-action-bar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-avatar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-avatar-group": "1.9.0-rc.0",
+        "@umbraco-ui/uui-badge": "1.9.0-rc.0",
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-boolean-input": "1.9.0-rc.0",
+        "@umbraco-ui/uui-box": "1.9.0-rc.0",
+        "@umbraco-ui/uui-breadcrumbs": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button-group": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button-inline-create": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card-block-type": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card-content-node": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card-media": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card-user": "1.9.0-rc.0",
+        "@umbraco-ui/uui-caret": "1.9.0-rc.0",
+        "@umbraco-ui/uui-checkbox": "1.9.0-rc.0",
+        "@umbraco-ui/uui-color-area": "1.9.0-rc.0",
+        "@umbraco-ui/uui-color-picker": "1.9.0-rc.0",
+        "@umbraco-ui/uui-color-slider": "1.9.0-rc.0",
+        "@umbraco-ui/uui-color-swatch": "1.9.0-rc.0",
+        "@umbraco-ui/uui-color-swatches": "1.9.0-rc.0",
+        "@umbraco-ui/uui-combobox": "1.9.0-rc.0",
+        "@umbraco-ui/uui-combobox-list": "1.9.0-rc.0",
+        "@umbraco-ui/uui-css": "1.9.0-rc.0",
+        "@umbraco-ui/uui-dialog": "1.9.0-rc.0",
+        "@umbraco-ui/uui-dialog-layout": "1.9.0-rc.0",
+        "@umbraco-ui/uui-file-dropzone": "1.9.0-rc.0",
+        "@umbraco-ui/uui-file-preview": "1.9.0-rc.0",
+        "@umbraco-ui/uui-form": "1.9.0-rc.0",
+        "@umbraco-ui/uui-form-layout-item": "1.9.0-rc.0",
+        "@umbraco-ui/uui-form-validation-message": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0",
+        "@umbraco-ui/uui-input": "1.9.0-rc.0",
+        "@umbraco-ui/uui-input-file": "1.9.0-rc.0",
+        "@umbraco-ui/uui-input-lock": "1.9.0-rc.0",
+        "@umbraco-ui/uui-input-password": "1.9.0-rc.0",
+        "@umbraco-ui/uui-keyboard-shortcut": "1.9.0-rc.0",
+        "@umbraco-ui/uui-label": "1.9.0-rc.0",
+        "@umbraco-ui/uui-loader": "1.9.0-rc.0",
+        "@umbraco-ui/uui-loader-bar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-loader-circle": "1.9.0-rc.0",
+        "@umbraco-ui/uui-menu-item": "1.9.0-rc.0",
+        "@umbraco-ui/uui-modal": "1.9.0-rc.0",
+        "@umbraco-ui/uui-pagination": "1.9.0-rc.0",
+        "@umbraco-ui/uui-popover": "1.9.0-rc.0",
+        "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
+        "@umbraco-ui/uui-progress-bar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-radio": "1.9.0-rc.0",
+        "@umbraco-ui/uui-range-slider": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-list": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node-data-type": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node-document-type": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node-form": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node-member": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node-package": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node-user": "1.9.0-rc.0",
+        "@umbraco-ui/uui-scroll-container": "1.9.0-rc.0",
+        "@umbraco-ui/uui-select": "1.9.0-rc.0",
+        "@umbraco-ui/uui-slider": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-expand": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-file": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-file-dropzone": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-file-thumbnail": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-folder": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-lock": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-more": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-sort": "1.9.0-rc.0",
+        "@umbraco-ui/uui-table": "1.9.0-rc.0",
+        "@umbraco-ui/uui-tabs": "1.9.0-rc.0",
+        "@umbraco-ui/uui-tag": "1.9.0-rc.0",
+        "@umbraco-ui/uui-textarea": "1.9.0-rc.0",
+        "@umbraco-ui/uui-toast-notification": "1.9.0-rc.0",
+        "@umbraco-ui/uui-toast-notification-container": "1.9.0-rc.0",
+        "@umbraco-ui/uui-toast-notification-layout": "1.9.0-rc.0",
+        "@umbraco-ui/uui-toggle": "1.9.0-rc.0",
+        "@umbraco-ui/uui-visually-hidden": "1.9.0-rc.0"
       }
     },
     "packages/uui-action-bar": {
       "name": "@umbraco-ui/uui-action-bar",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-button-group": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button-group": "1.9.0-rc.0"
       }
     },
     "packages/uui-avatar": {
       "name": "@umbraco-ui/uui-avatar",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-avatar-group": {
       "name": "@umbraco-ui/uui-avatar-group",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-avatar": "1.8.0",
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-avatar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-badge": {
       "name": "@umbraco-ui/uui-badge",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-base": {
       "name": "@umbraco-ui/uui-base",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "peerDependencies": {
         "lit": ">=2.8.0"
@@ -32574,191 +32574,191 @@
     },
     "packages/uui-boolean-input": {
       "name": "@umbraco-ui/uui-boolean-input",
-      "version": "1.8.2",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-box": {
       "name": "@umbraco-ui/uui-box",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-css": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-css": "1.9.0-rc.0"
       }
     },
     "packages/uui-breadcrumbs": {
       "name": "@umbraco-ui/uui-breadcrumbs",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-button": {
       "name": "@umbraco-ui/uui-button",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
       }
     },
     "packages/uui-button-group": {
       "name": "@umbraco-ui/uui-button-group",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-button-inline-create": {
       "name": "@umbraco-ui/uui-button-inline-create",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-card": {
       "name": "@umbraco-ui/uui-card",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-card-block-type": {
       "name": "@umbraco-ui/uui-card-block-type",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-card": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card": "1.9.0-rc.0"
       }
     },
     "packages/uui-card-content-node": {
       "name": "@umbraco-ui/uui-card-content-node",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-card": "1.8.0",
-        "@umbraco-ui/uui-icon": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0"
       }
     },
     "packages/uui-card-media": {
       "name": "@umbraco-ui/uui-card-media",
-      "version": "1.8.2",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-card": "1.8.0",
-        "@umbraco-ui/uui-symbol-file": "1.8.0",
-        "@umbraco-ui/uui-symbol-folder": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-file": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-folder": "1.9.0-rc.0"
       }
     },
     "packages/uui-card-user": {
       "name": "@umbraco-ui/uui-card-user",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-avatar": "1.8.0",
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-card": "1.8.0"
+        "@umbraco-ui/uui-avatar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-card": "1.9.0-rc.0"
       }
     },
     "packages/uui-caret": {
       "name": "@umbraco-ui/uui-caret",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-checkbox": {
       "name": "@umbraco-ui/uui-checkbox",
-      "version": "1.8.2",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-boolean-input": "1.8.2",
-        "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-boolean-input": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
       }
     },
     "packages/uui-color-area": {
       "name": "@umbraco-ui/uui-color-area",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
         "colord": "^2.9.3"
       }
     },
     "packages/uui-color-picker": {
       "name": "@umbraco-ui/uui-color-picker",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-popover-container": "1.8.0",
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
         "colord": "^2.9.3"
       }
     },
     "packages/uui-color-slider": {
       "name": "@umbraco-ui/uui-color-slider",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-color-swatch": {
       "name": "@umbraco-ui/uui-color-swatch",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0",
         "colord": "^2.9.3"
       }
     },
     "packages/uui-color-swatches": {
       "name": "@umbraco-ui/uui-color-swatches",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-color-swatch": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-color-swatch": "1.9.0-rc.0"
       }
     },
     "packages/uui-combobox": {
       "name": "@umbraco-ui/uui-combobox",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-button": "1.8.0",
-        "@umbraco-ui/uui-combobox-list": "1.8.0",
-        "@umbraco-ui/uui-icon": "1.8.0",
-        "@umbraco-ui/uui-popover-container": "1.8.0",
-        "@umbraco-ui/uui-scroll-container": "1.8.0",
-        "@umbraco-ui/uui-symbol-expand": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button": "1.9.0-rc.0",
+        "@umbraco-ui/uui-combobox-list": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+        "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
+        "@umbraco-ui/uui-scroll-container": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-expand": "1.9.0-rc.0"
       }
     },
     "packages/uui-combobox-list": {
       "name": "@umbraco-ui/uui-combobox-list",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-css": {
       "name": "@umbraco-ui/uui-css",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "peerDependencies": {
         "lit": ">=2.8.0"
@@ -32766,490 +32766,490 @@
     },
     "packages/uui-dialog": {
       "name": "@umbraco-ui/uui-dialog",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-css": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-css": "1.9.0-rc.0"
       }
     },
     "packages/uui-dialog-layout": {
       "name": "@umbraco-ui/uui-dialog-layout",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-file-dropzone": {
       "name": "@umbraco-ui/uui-file-dropzone",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-symbol-file-dropzone": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-file-dropzone": "1.9.0-rc.0"
       }
     },
     "packages/uui-file-preview": {
       "name": "@umbraco-ui/uui-file-preview",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-symbol-file": "1.8.0",
-        "@umbraco-ui/uui-symbol-file-thumbnail": "1.8.0",
-        "@umbraco-ui/uui-symbol-folder": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-file": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-file-thumbnail": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-folder": "1.9.0-rc.0"
       }
     },
     "packages/uui-form": {
       "name": "@umbraco-ui/uui-form",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-form-layout-item": {
       "name": "@umbraco-ui/uui-form-layout-item",
-      "version": "1.8.1",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-form-validation-message": "1.8.1"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-form-validation-message": "1.9.0-rc.0"
       }
     },
     "packages/uui-form-validation-message": {
       "name": "@umbraco-ui/uui-form-validation-message",
-      "version": "1.8.1",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-icon": {
       "name": "@umbraco-ui/uui-icon",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-icon-registry": {
       "name": "@umbraco-ui/uui-icon-registry",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-icon": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0"
       }
     },
     "packages/uui-icon-registry-essential": {
       "name": "@umbraco-ui/uui-icon-registry-essential",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-icon-registry": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry": "1.9.0-rc.0"
       }
     },
     "packages/uui-input": {
       "name": "@umbraco-ui/uui-input",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-input-file": {
       "name": "@umbraco-ui/uui-input-file",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-action-bar": "1.8.0",
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-button": "1.8.0",
-        "@umbraco-ui/uui-file-dropzone": "1.8.0",
-        "@umbraco-ui/uui-icon": "1.8.0",
-        "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+        "@umbraco-ui/uui-action-bar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button": "1.9.0-rc.0",
+        "@umbraco-ui/uui-file-dropzone": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
       }
     },
     "packages/uui-input-lock": {
       "name": "@umbraco-ui/uui-input-lock",
-      "version": "1.8.2",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-button": "1.8.0",
-        "@umbraco-ui/uui-icon": "1.8.0",
-        "@umbraco-ui/uui-input": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+        "@umbraco-ui/uui-input": "1.9.0-rc.0"
       }
     },
     "packages/uui-input-password": {
       "name": "@umbraco-ui/uui-input-password",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
-        "@umbraco-ui/uui-input": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0",
+        "@umbraco-ui/uui-input": "1.9.0-rc.0"
       }
     },
     "packages/uui-keyboard-shortcut": {
       "name": "@umbraco-ui/uui-keyboard-shortcut",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-label": {
       "name": "@umbraco-ui/uui-label",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-loader": {
       "name": "@umbraco-ui/uui-loader",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-loader-bar": {
       "name": "@umbraco-ui/uui-loader-bar",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-loader-circle": {
       "name": "@umbraco-ui/uui-loader-circle",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-menu-item": {
       "name": "@umbraco-ui/uui-menu-item",
-      "version": "1.8.2",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-loader-bar": "1.8.0",
-        "@umbraco-ui/uui-symbol-expand": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-loader-bar": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-expand": "1.9.0-rc.0"
       }
     },
     "packages/uui-modal": {
       "name": "@umbraco-ui/uui-modal",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-pagination": {
       "name": "@umbraco-ui/uui-pagination",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-button": "1.8.0",
-        "@umbraco-ui/uui-button-group": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button-group": "1.9.0-rc.0"
       }
     },
     "packages/uui-popover": {
       "name": "@umbraco-ui/uui-popover",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-popover-container": {
       "name": "@umbraco-ui/uui-popover-container",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-progress-bar": {
       "name": "@umbraco-ui/uui-progress-bar",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-radio": {
       "name": "@umbraco-ui/uui-radio",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-range-slider": {
       "name": "@umbraco-ui/uui-range-slider",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref": {
       "name": "@umbraco-ui/uui-ref",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-list": {
       "name": "@umbraco-ui/uui-ref-list",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-node": {
       "name": "@umbraco-ui/uui-ref-node",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-icon": "1.8.0",
-        "@umbraco-ui/uui-ref": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-node-data-type": {
       "name": "@umbraco-ui/uui-ref-node-data-type",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-ref-node": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-node-document-type": {
       "name": "@umbraco-ui/uui-ref-node-document-type",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-ref-node": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-node-form": {
       "name": "@umbraco-ui/uui-ref-node-form",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-ref-node": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-node-member": {
       "name": "@umbraco-ui/uui-ref-node-member",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-ref-node": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-node-package": {
       "name": "@umbraco-ui/uui-ref-node-package",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-ref-node": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
       }
     },
     "packages/uui-ref-node-user": {
       "name": "@umbraco-ui/uui-ref-node-user",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-ref-node": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
       }
     },
     "packages/uui-scroll-container": {
       "name": "@umbraco-ui/uui-scroll-container",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-select": {
       "name": "@umbraco-ui/uui-select",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-slider": {
       "name": "@umbraco-ui/uui-slider",
-      "version": "1.8.2",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-expand": {
       "name": "@umbraco-ui/uui-symbol-expand",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-file": {
       "name": "@umbraco-ui/uui-symbol-file",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-file-dropzone": {
       "name": "@umbraco-ui/uui-symbol-file-dropzone",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-file-thumbnail": {
       "name": "@umbraco-ui/uui-symbol-file-thumbnail",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-folder": {
       "name": "@umbraco-ui/uui-symbol-folder",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-lock": {
       "name": "@umbraco-ui/uui-symbol-lock",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-more": {
       "name": "@umbraco-ui/uui-symbol-more",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-symbol-sort": {
       "name": "@umbraco-ui/uui-symbol-sort",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-table": {
       "name": "@umbraco-ui/uui-table",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-tabs": {
       "name": "@umbraco-ui/uui-tabs",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-button": "1.8.0",
-        "@umbraco-ui/uui-popover-container": "1.8.0",
-        "@umbraco-ui/uui-symbol-more": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button": "1.9.0-rc.0",
+        "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
+        "@umbraco-ui/uui-symbol-more": "1.9.0-rc.0"
       }
     },
     "packages/uui-tag": {
       "name": "@umbraco-ui/uui-tag",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-textarea": {
       "name": "@umbraco-ui/uui-textarea",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     },
     "packages/uui-toast-notification": {
       "name": "@umbraco-ui/uui-toast-notification",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-button": "1.8.0",
-        "@umbraco-ui/uui-css": "1.8.0",
-        "@umbraco-ui/uui-icon": "1.8.0",
-        "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-button": "1.9.0-rc.0",
+        "@umbraco-ui/uui-css": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+        "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
       }
     },
     "packages/uui-toast-notification-container": {
       "name": "@umbraco-ui/uui-toast-notification-container",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-toast-notification": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-toast-notification": "1.9.0-rc.0"
       }
     },
     "packages/uui-toast-notification-layout": {
       "name": "@umbraco-ui/uui-toast-notification-layout",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-css": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-css": "1.9.0-rc.0"
       }
     },
     "packages/uui-toggle": {
       "name": "@umbraco-ui/uui-toggle",
-      "version": "1.8.2",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0",
-        "@umbraco-ui/uui-boolean-input": "1.8.2"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0",
+        "@umbraco-ui/uui-boolean-input": "1.9.0-rc.0"
       }
     },
     "packages/uui-visually-hidden": {
       "name": "@umbraco-ui/uui-visually-hidden",
-      "version": "1.8.0",
+      "version": "1.9.0-rc.0",
       "license": "MIT",
       "dependencies": {
-        "@umbraco-ui/uui-base": "1.8.0"
+        "@umbraco-ui/uui-base": "1.9.0-rc.0"
       }
     }
   }
diff --git a/packages/uui-action-bar/CHANGELOG.md b/packages/uui-action-bar/CHANGELOG.md
index 13f7f2fd6..7beb859b0 100644
--- a/packages/uui-action-bar/CHANGELOG.md
+++ b/packages/uui-action-bar/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-action-bar
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-action-bar
diff --git a/packages/uui-action-bar/package.json b/packages/uui-action-bar/package.json
index 4ad704d2c..021240127 100644
--- a/packages/uui-action-bar/package.json
+++ b/packages/uui-action-bar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-action-bar",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-button-group": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button-group": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-avatar-group/CHANGELOG.md b/packages/uui-avatar-group/CHANGELOG.md
index 5ef642ad2..9dc51ea12 100644
--- a/packages/uui-avatar-group/CHANGELOG.md
+++ b/packages/uui-avatar-group/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-avatar-group
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-avatar-group
diff --git a/packages/uui-avatar-group/package.json b/packages/uui-avatar-group/package.json
index 227664273..e7e0edee1 100644
--- a/packages/uui-avatar-group/package.json
+++ b/packages/uui-avatar-group/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-avatar-group",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-avatar": "1.8.0",
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-avatar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-avatar/CHANGELOG.md b/packages/uui-avatar/CHANGELOG.md
index 0bc6d6d91..c4c2e7b31 100644
--- a/packages/uui-avatar/CHANGELOG.md
+++ b/packages/uui-avatar/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-avatar
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-avatar
diff --git a/packages/uui-avatar/package.json b/packages/uui-avatar/package.json
index 319fe0259..eb3b304b1 100644
--- a/packages/uui-avatar/package.json
+++ b/packages/uui-avatar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-avatar",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "description": "An avatar web component for displaying user avatars.",
   "keywords": [
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-badge/CHANGELOG.md b/packages/uui-badge/CHANGELOG.md
index 58ddae5b6..fb850a286 100644
--- a/packages/uui-badge/CHANGELOG.md
+++ b/packages/uui-badge/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-badge
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-badge
diff --git a/packages/uui-badge/package.json b/packages/uui-badge/package.json
index d2cc93c13..5f399d9b6 100644
--- a/packages/uui-badge/package.json
+++ b/packages/uui-badge/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-badge",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "description": "A badge to notify that there is something that requires attention of the user.",
   "keywords": [
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-base/CHANGELOG.md b/packages/uui-base/CHANGELOG.md
index c8074df4c..58e6a0f71 100644
--- a/packages/uui-base/CHANGELOG.md
+++ b/packages/uui-base/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Bug Fixes
+
+- ensure that empty text nodes do not make the label mixin think it is non-empty ([b0461b6](https://github.com/umbraco/Umbraco.UI/commit/b0461b6bbcc5413f7eb4e59d7f0bdfc4be1020ec))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Features
diff --git a/packages/uui-base/package.json b/packages/uui-base/package.json
index de507bd03..88638794b 100644
--- a/packages/uui-base/package.json
+++ b/packages/uui-base/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-base",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
diff --git a/packages/uui-boolean-input/CHANGELOG.md b/packages/uui-boolean-input/CHANGELOG.md
index a139f8fdc..e83087e24 100644
--- a/packages/uui-boolean-input/CHANGELOG.md
+++ b/packages/uui-boolean-input/CHANGELOG.md
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Bug Fixes
+
+- Hide the native input for boolean elements in firefox ([#808](https://github.com/umbraco/Umbraco.UI/issues/808)) ([bc31088](https://github.com/umbraco/Umbraco.UI/commit/bc310888ef68faf685e0f0c3ac05827381d5ddcd))
+
+### Features
+
+- readonly state for boolean base class ([78ebbdd](https://github.com/umbraco/Umbraco.UI/commit/78ebbdde6e8622e1048b760c4727e5f19a397ab1))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 ### Bug Fixes
diff --git a/packages/uui-boolean-input/package.json b/packages/uui-boolean-input/package.json
index edff00017..572ab948e 100644
--- a/packages/uui-boolean-input/package.json
+++ b/packages/uui-boolean-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-boolean-input",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-box/CHANGELOG.md b/packages/uui-box/CHANGELOG.md
index 4595460cc..163fde3a2 100644
--- a/packages/uui-box/CHANGELOG.md
+++ b/packages/uui-box/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-box
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-box
diff --git a/packages/uui-box/package.json b/packages/uui-box/package.json
index f75600a9a..7f6b18cbc 100644
--- a/packages/uui-box/package.json
+++ b/packages/uui-box/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-box",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "description": "A box web component for grouping elements",
   "keywords": [
@@ -29,8 +29,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-css": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-css": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-breadcrumbs/CHANGELOG.md b/packages/uui-breadcrumbs/CHANGELOG.md
index 7613a7ef3..d34227b15 100644
--- a/packages/uui-breadcrumbs/CHANGELOG.md
+++ b/packages/uui-breadcrumbs/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-breadcrumbs
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Bug Fixes
diff --git a/packages/uui-breadcrumbs/package.json b/packages/uui-breadcrumbs/package.json
index 06ee411b0..ddfa6f681 100644
--- a/packages/uui-breadcrumbs/package.json
+++ b/packages/uui-breadcrumbs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-breadcrumbs",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -32,7 +32,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-button-group/CHANGELOG.md b/packages/uui-button-group/CHANGELOG.md
index e8135a9bd..0c3b31dd9 100644
--- a/packages/uui-button-group/CHANGELOG.md
+++ b/packages/uui-button-group/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-button-group
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-button-group
diff --git a/packages/uui-button-group/package.json b/packages/uui-button-group/package.json
index 915d8ee6b..a457ccc8f 100644
--- a/packages/uui-button-group/package.json
+++ b/packages/uui-button-group/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-button-group",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "description": "An element to group buttons.",
   "keywords": [
@@ -31,7 +31,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-button-inline-create/CHANGELOG.md b/packages/uui-button-inline-create/CHANGELOG.md
index 735457d4d..736bc4c67 100644
--- a/packages/uui-button-inline-create/CHANGELOG.md
+++ b/packages/uui-button-inline-create/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-button-inline-create
diff --git a/packages/uui-button-inline-create/package.json b/packages/uui-button-inline-create/package.json
index f6540ed04..2010b4467 100644
--- a/packages/uui-button-inline-create/package.json
+++ b/packages/uui-button-inline-create/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-button-inline-create",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-button/CHANGELOG.md b/packages/uui-button/CHANGELOG.md
index 78f726955..820ac6503 100644
--- a/packages/uui-button/CHANGELOG.md
+++ b/packages/uui-button/CHANGELOG.md
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Bug Fixes
+
+- ensure that empty text nodes do not make the label mixin think it is non-empty ([b0461b6](https://github.com/umbraco/Umbraco.UI/commit/b0461b6bbcc5413f7eb4e59d7f0bdfc4be1020ec))
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-button
diff --git a/packages/uui-button/package.json b/packages/uui-button/package.json
index bb249ed86..365378319 100644
--- a/packages/uui-button/package.json
+++ b/packages/uui-button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-button",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "description": "All-round button, Umbraco backoffice style.",
   "keywords": [
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-card-block-type/CHANGELOG.md b/packages/uui-card-block-type/CHANGELOG.md
index b13d78ccb..6c677ea41 100644
--- a/packages/uui-card-block-type/CHANGELOG.md
+++ b/packages/uui-card-block-type/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-card-block-type
diff --git a/packages/uui-card-block-type/package.json b/packages/uui-card-block-type/package.json
index 15b64c48d..214bc24a1 100644
--- a/packages/uui-card-block-type/package.json
+++ b/packages/uui-card-block-type/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-block-type",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-card": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-card-content-node/CHANGELOG.md b/packages/uui-card-content-node/CHANGELOG.md
index 82a15675b..9e97e0206 100644
--- a/packages/uui-card-content-node/CHANGELOG.md
+++ b/packages/uui-card-content-node/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-card-content-node
diff --git a/packages/uui-card-content-node/package.json b/packages/uui-card-content-node/package.json
index d87d18a86..eb3641682 100644
--- a/packages/uui-card-content-node/package.json
+++ b/packages/uui-card-content-node/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-content-node",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-card": "1.8.0",
-    "@umbraco-ui/uui-icon": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-card-media/CHANGELOG.md b/packages/uui-card-media/CHANGELOG.md
index f621d41a2..af21bfe74 100644
--- a/packages/uui-card-media/CHANGELOG.md
+++ b/packages/uui-card-media/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 **Note:** Version bump only for package @umbraco-ui/uui-card-media
diff --git a/packages/uui-card-media/package.json b/packages/uui-card-media/package.json
index 69e7de578..4a5838123 100644
--- a/packages/uui-card-media/package.json
+++ b/packages/uui-card-media/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-media",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-card": "1.8.0",
-    "@umbraco-ui/uui-symbol-file": "1.8.0",
-    "@umbraco-ui/uui-symbol-folder": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-file": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-folder": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-card-user/CHANGELOG.md b/packages/uui-card-user/CHANGELOG.md
index 3739f68c7..f678e508b 100644
--- a/packages/uui-card-user/CHANGELOG.md
+++ b/packages/uui-card-user/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-card-user
diff --git a/packages/uui-card-user/package.json b/packages/uui-card-user/package.json
index ae76c5134..f5d853d01 100644
--- a/packages/uui-card-user/package.json
+++ b/packages/uui-card-user/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card-user",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,9 +31,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-avatar": "1.8.0",
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-card": "1.8.0"
+    "@umbraco-ui/uui-avatar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-card/CHANGELOG.md b/packages/uui-card/CHANGELOG.md
index 837b29fc5..3c5963114 100644
--- a/packages/uui-card/CHANGELOG.md
+++ b/packages/uui-card/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-card
diff --git a/packages/uui-card/package.json b/packages/uui-card/package.json
index c020bb17a..b2a623fb1 100644
--- a/packages/uui-card/package.json
+++ b/packages/uui-card/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-caret/CHANGELOG.md b/packages/uui-caret/CHANGELOG.md
index 87474c5ba..fb7c24304 100644
--- a/packages/uui-caret/CHANGELOG.md
+++ b/packages/uui-caret/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-caret
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-caret
diff --git a/packages/uui-caret/package.json b/packages/uui-caret/package.json
index 27b499473..dcf4c4652 100644
--- a/packages/uui-caret/package.json
+++ b/packages/uui-caret/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-caret",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-checkbox/CHANGELOG.md b/packages/uui-checkbox/CHANGELOG.md
index 2fa993ed4..35136de5c 100644
--- a/packages/uui-checkbox/CHANGELOG.md
+++ b/packages/uui-checkbox/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- readonly state for checkbox ([5e3cbdc](https://github.com/umbraco/Umbraco.UI/commit/5e3cbdcc785aa9954a727d28af90f06d3ca1625c))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 **Note:** Version bump only for package @umbraco-ui/uui-checkbox
diff --git a/packages/uui-checkbox/package.json b/packages/uui-checkbox/package.json
index 658fe0c10..dcb1582d5 100644
--- a/packages/uui-checkbox/package.json
+++ b/packages/uui-checkbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-checkbox",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -33,9 +33,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-boolean-input": "1.8.2",
-    "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-boolean-input": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-color-area/CHANGELOG.md b/packages/uui-color-area/CHANGELOG.md
index c4e0123b1..b4893fbf5 100644
--- a/packages/uui-color-area/CHANGELOG.md
+++ b/packages/uui-color-area/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-color-area
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-color-area
diff --git a/packages/uui-color-area/package.json b/packages/uui-color-area/package.json
index 0d9bfafe9..0c19aaa78 100644
--- a/packages/uui-color-area/package.json
+++ b/packages/uui-color-area/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-color-area",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
     "colord": "^2.9.3"
   },
   "scripts": {
diff --git a/packages/uui-color-picker/CHANGELOG.md b/packages/uui-color-picker/CHANGELOG.md
index 41e75e64d..ff6baf635 100644
--- a/packages/uui-color-picker/CHANGELOG.md
+++ b/packages/uui-color-picker/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- **uui-color-picker:** allow the value to be empty ([#842](https://github.com/umbraco/Umbraco.UI/issues/842)) ([c45ac40](https://github.com/umbraco/Umbraco.UI/commit/c45ac4001a53f123804c2a11923e290e9ff5da10))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-color-picker
diff --git a/packages/uui-color-picker/package.json b/packages/uui-color-picker/package.json
index 25d086c1d..7bc62eab5 100644
--- a/packages/uui-color-picker/package.json
+++ b/packages/uui-color-picker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-color-picker",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-popover-container": "1.8.0",
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
     "colord": "^2.9.3"
   },
   "scripts": {
diff --git a/packages/uui-color-slider/CHANGELOG.md b/packages/uui-color-slider/CHANGELOG.md
index 33d0f9c97..807344344 100644
--- a/packages/uui-color-slider/CHANGELOG.md
+++ b/packages/uui-color-slider/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-color-slider
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-color-slider
diff --git a/packages/uui-color-slider/package.json b/packages/uui-color-slider/package.json
index 91e34aa77..2cf4b73a7 100644
--- a/packages/uui-color-slider/package.json
+++ b/packages/uui-color-slider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-color-slider",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-color-swatch/CHANGELOG.md b/packages/uui-color-swatch/CHANGELOG.md
index 175e6cf9e..6ded52a37 100644
--- a/packages/uui-color-swatch/CHANGELOG.md
+++ b/packages/uui-color-swatch/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-color-swatch
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-color-swatch
diff --git a/packages/uui-color-swatch/package.json b/packages/uui-color-swatch/package.json
index 84b198443..1d4f3cf2e 100644
--- a/packages/uui-color-swatch/package.json
+++ b/packages/uui-color-swatch/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-color-swatch",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0",
     "colord": "^2.9.3"
   },
   "scripts": {
diff --git a/packages/uui-color-swatches/CHANGELOG.md b/packages/uui-color-swatches/CHANGELOG.md
index c4d828c09..c35b42c20 100644
--- a/packages/uui-color-swatches/CHANGELOG.md
+++ b/packages/uui-color-swatches/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-color-swatches
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-color-swatches
diff --git a/packages/uui-color-swatches/package.json b/packages/uui-color-swatches/package.json
index 524ed8c3f..ea97a0a1e 100644
--- a/packages/uui-color-swatches/package.json
+++ b/packages/uui-color-swatches/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-color-swatches",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-color-swatch": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-color-swatch": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-combobox-list/CHANGELOG.md b/packages/uui-combobox-list/CHANGELOG.md
index e9dc1f53b..966b3c297 100644
--- a/packages/uui-combobox-list/CHANGELOG.md
+++ b/packages/uui-combobox-list/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-combobox-list
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-combobox-list
diff --git a/packages/uui-combobox-list/package.json b/packages/uui-combobox-list/package.json
index 2f1b60e22..0ac62605c 100644
--- a/packages/uui-combobox-list/package.json
+++ b/packages/uui-combobox-list/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-combobox-list",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-combobox/CHANGELOG.md b/packages/uui-combobox/CHANGELOG.md
index 6fbf019fd..1f2c1db76 100644
--- a/packages/uui-combobox/CHANGELOG.md
+++ b/packages/uui-combobox/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- implement readonly for uui-combobox ([2b03861](https://github.com/umbraco/Umbraco.UI/commit/2b038610fd4bbc9635c3769d8d70fd11b962e13e))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-combobox
diff --git a/packages/uui-combobox/package.json b/packages/uui-combobox/package.json
index 96d2dbb39..d7729d797 100644
--- a/packages/uui-combobox/package.json
+++ b/packages/uui-combobox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-combobox",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,13 +30,13 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-button": "1.8.0",
-    "@umbraco-ui/uui-combobox-list": "1.8.0",
-    "@umbraco-ui/uui-icon": "1.8.0",
-    "@umbraco-ui/uui-popover-container": "1.8.0",
-    "@umbraco-ui/uui-scroll-container": "1.8.0",
-    "@umbraco-ui/uui-symbol-expand": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button": "1.9.0-rc.0",
+    "@umbraco-ui/uui-combobox-list": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+    "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
+    "@umbraco-ui/uui-scroll-container": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-expand": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-css/CHANGELOG.md b/packages/uui-css/CHANGELOG.md
index 6146155df..006fb7053 100644
--- a/packages/uui-css/CHANGELOG.md
+++ b/packages/uui-css/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-css
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-css
diff --git a/packages/uui-css/package.json b/packages/uui-css/package.json
index deb66718b..57fa90721 100644
--- a/packages/uui-css/package.json
+++ b/packages/uui-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-css",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
diff --git a/packages/uui-dialog-layout/CHANGELOG.md b/packages/uui-dialog-layout/CHANGELOG.md
index 5389d805f..2073eecb1 100644
--- a/packages/uui-dialog-layout/CHANGELOG.md
+++ b/packages/uui-dialog-layout/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-dialog-layout
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-dialog-layout
diff --git a/packages/uui-dialog-layout/package.json b/packages/uui-dialog-layout/package.json
index 51601b53c..a8a8cbe22 100644
--- a/packages/uui-dialog-layout/package.json
+++ b/packages/uui-dialog-layout/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-dialog-layout",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-dialog/CHANGELOG.md b/packages/uui-dialog/CHANGELOG.md
index bad9edee4..2e5baf38a 100644
--- a/packages/uui-dialog/CHANGELOG.md
+++ b/packages/uui-dialog/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-dialog
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-dialog
diff --git a/packages/uui-dialog/package.json b/packages/uui-dialog/package.json
index f0f717724..7489c69bf 100644
--- a/packages/uui-dialog/package.json
+++ b/packages/uui-dialog/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-dialog",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-css": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-css": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-file-dropzone/CHANGELOG.md b/packages/uui-file-dropzone/CHANGELOG.md
index 54f72c5a8..37e566bfa 100644
--- a/packages/uui-file-dropzone/CHANGELOG.md
+++ b/packages/uui-file-dropzone/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- dropzone should support folder upload ([#841](https://github.com/umbraco/Umbraco.UI/issues/841)) ([dc7594d](https://github.com/umbraco/Umbraco.UI/commit/dc7594d30112b390acb998a65eda84d7832af30d))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-file-dropzone
diff --git a/packages/uui-file-dropzone/package.json b/packages/uui-file-dropzone/package.json
index 5ecf2283f..99d6307e0 100644
--- a/packages/uui-file-dropzone/package.json
+++ b/packages/uui-file-dropzone/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-file-dropzone",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-symbol-file-dropzone": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-file-dropzone": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-file-preview/CHANGELOG.md b/packages/uui-file-preview/CHANGELOG.md
index 0c177cc1d..f3e2dc2cd 100644
--- a/packages/uui-file-preview/CHANGELOG.md
+++ b/packages/uui-file-preview/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-file-preview
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-file-preview
diff --git a/packages/uui-file-preview/package.json b/packages/uui-file-preview/package.json
index 9cc1eeff5..d467ab082 100644
--- a/packages/uui-file-preview/package.json
+++ b/packages/uui-file-preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-file-preview",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-symbol-file": "1.8.0",
-    "@umbraco-ui/uui-symbol-file-thumbnail": "1.8.0",
-    "@umbraco-ui/uui-symbol-folder": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-file": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-file-thumbnail": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-folder": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-form-layout-item/CHANGELOG.md b/packages/uui-form-layout-item/CHANGELOG.md
index 781a0caba..fd7189222 100644
--- a/packages/uui-form-layout-item/CHANGELOG.md
+++ b/packages/uui-form-layout-item/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-form-layout-item
+
 ## [1.8.1](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0...v1.8.1) (2024-05-24)
 
 **Note:** Version bump only for package @umbraco-ui/uui-form-layout-item
diff --git a/packages/uui-form-layout-item/package.json b/packages/uui-form-layout-item/package.json
index 8107638f0..c1aa28847 100644
--- a/packages/uui-form-layout-item/package.json
+++ b/packages/uui-form-layout-item/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-form-layout-item",
-  "version": "1.8.1",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-form-validation-message": "1.8.1"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-form-validation-message": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-form-validation-message/CHANGELOG.md b/packages/uui-form-validation-message/CHANGELOG.md
index f443e2c3c..13cba9fd1 100644
--- a/packages/uui-form-validation-message/CHANGELOG.md
+++ b/packages/uui-form-validation-message/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Bug Fixes
+
+- **uui-form-validation-message:** default renderer does not support raw HTML ([#835](https://github.com/umbraco/Umbraco.UI/issues/835)) ([4320539](https://github.com/umbraco/Umbraco.UI/commit/4320539dc3b327a1993042dedaef95d0b1bc4bd2))
+
 ## [1.8.1](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0...v1.8.1) (2024-05-24)
 
 **Note:** Version bump only for package @umbraco-ui/uui-form-validation-message
diff --git a/packages/uui-form-validation-message/package.json b/packages/uui-form-validation-message/package.json
index 0d4b1f97f..5249e5a7a 100644
--- a/packages/uui-form-validation-message/package.json
+++ b/packages/uui-form-validation-message/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-form-validation-message",
-  "version": "1.8.1",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-form/CHANGELOG.md b/packages/uui-form/CHANGELOG.md
index 51da264dc..2515c9fb2 100644
--- a/packages/uui-form/CHANGELOG.md
+++ b/packages/uui-form/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-form
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-form
diff --git a/packages/uui-form/package.json b/packages/uui-form/package.json
index 4ce3944b5..8350ed810 100644
--- a/packages/uui-form/package.json
+++ b/packages/uui-form/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-form",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-icon-registry-essential/CHANGELOG.md b/packages/uui-icon-registry-essential/CHANGELOG.md
index 46bc11dbc..2868fdd40 100644
--- a/packages/uui-icon-registry-essential/CHANGELOG.md
+++ b/packages/uui-icon-registry-essential/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-icon-registry-essential
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-icon-registry-essential
diff --git a/packages/uui-icon-registry-essential/package.json b/packages/uui-icon-registry-essential/package.json
index 5640e31d8..37c306332 100644
--- a/packages/uui-icon-registry-essential/package.json
+++ b/packages/uui-icon-registry-essential/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-icon-registry-essential",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-icon-registry": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-icon-registry/CHANGELOG.md b/packages/uui-icon-registry/CHANGELOG.md
index 7b16f847e..4f8b377f2 100644
--- a/packages/uui-icon-registry/CHANGELOG.md
+++ b/packages/uui-icon-registry/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-icon-registry
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-icon-registry
diff --git a/packages/uui-icon-registry/package.json b/packages/uui-icon-registry/package.json
index 4d169085d..d67a66d0d 100644
--- a/packages/uui-icon-registry/package.json
+++ b/packages/uui-icon-registry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-icon-registry",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-icon": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-icon/CHANGELOG.md b/packages/uui-icon/CHANGELOG.md
index dfcdf5e35..387a9a813 100644
--- a/packages/uui-icon/CHANGELOG.md
+++ b/packages/uui-icon/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-icon
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-icon
diff --git a/packages/uui-icon/package.json b/packages/uui-icon/package.json
index 2aba128e2..513cb8037 100644
--- a/packages/uui-icon/package.json
+++ b/packages/uui-icon/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-icon",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-input-file/CHANGELOG.md b/packages/uui-input-file/CHANGELOG.md
index 3bb2a957f..a0ecba73d 100644
--- a/packages/uui-input-file/CHANGELOG.md
+++ b/packages/uui-input-file/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-input-file
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Features
diff --git a/packages/uui-input-file/package.json b/packages/uui-input-file/package.json
index 10e4fdfb9..053715c1c 100644
--- a/packages/uui-input-file/package.json
+++ b/packages/uui-input-file/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-input-file",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,12 +30,12 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-action-bar": "1.8.0",
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-button": "1.8.0",
-    "@umbraco-ui/uui-file-dropzone": "1.8.0",
-    "@umbraco-ui/uui-icon": "1.8.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+    "@umbraco-ui/uui-action-bar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button": "1.9.0-rc.0",
+    "@umbraco-ui/uui-file-dropzone": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-input-lock/CHANGELOG.md b/packages/uui-input-lock/CHANGELOG.md
index 328d2f815..6973945a2 100644
--- a/packages/uui-input-lock/CHANGELOG.md
+++ b/packages/uui-input-lock/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Bug Fixes
+
+- **uui-input-lock:** the UUIInputLockEvent is not exported ([#836](https://github.com/umbraco/Umbraco.UI/issues/836)) ([43a7528](https://github.com/umbraco/Umbraco.UI/commit/43a7528b70620786de691572be8171553e086af5))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 **Note:** Version bump only for package @umbraco-ui/uui-input-lock
diff --git a/packages/uui-input-lock/package.json b/packages/uui-input-lock/package.json
index 26ebe792d..d5c6dc76b 100644
--- a/packages/uui-input-lock/package.json
+++ b/packages/uui-input-lock/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-input-lock",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-button": "1.8.0",
-    "@umbraco-ui/uui-icon": "1.8.0",
-    "@umbraco-ui/uui-input": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+    "@umbraco-ui/uui-input": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-input-password/CHANGELOG.md b/packages/uui-input-password/CHANGELOG.md
index 8050d3b6b..25b495f65 100644
--- a/packages/uui-input-password/CHANGELOG.md
+++ b/packages/uui-input-password/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-input-password
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-input-password
diff --git a/packages/uui-input-password/package.json b/packages/uui-input-password/package.json
index 68c8ecc3a..217ce7fc7 100644
--- a/packages/uui-input-password/package.json
+++ b/packages/uui-input-password/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-input-password",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
-    "@umbraco-ui/uui-input": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0",
+    "@umbraco-ui/uui-input": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-input/CHANGELOG.md b/packages/uui-input/CHANGELOG.md
index f889a7517..15f34f3e7 100644
--- a/packages/uui-input/CHANGELOG.md
+++ b/packages/uui-input/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-input
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-input
diff --git a/packages/uui-input/package.json b/packages/uui-input/package.json
index 41d463c73..073ddd7fb 100644
--- a/packages/uui-input/package.json
+++ b/packages/uui-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-input",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,7 +31,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-keyboard-shortcut/CHANGELOG.md b/packages/uui-keyboard-shortcut/CHANGELOG.md
index cc109d791..17e6ee2a5 100644
--- a/packages/uui-keyboard-shortcut/CHANGELOG.md
+++ b/packages/uui-keyboard-shortcut/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-keyboard-shortcut
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-keyboard-shortcut
diff --git a/packages/uui-keyboard-shortcut/package.json b/packages/uui-keyboard-shortcut/package.json
index 5d317e196..bb511323d 100644
--- a/packages/uui-keyboard-shortcut/package.json
+++ b/packages/uui-keyboard-shortcut/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-keyboard-shortcut",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-label/CHANGELOG.md b/packages/uui-label/CHANGELOG.md
index ad77686e2..b4c65f1f0 100644
--- a/packages/uui-label/CHANGELOG.md
+++ b/packages/uui-label/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-label
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-label
diff --git a/packages/uui-label/package.json b/packages/uui-label/package.json
index 8026fe01c..802403c4d 100644
--- a/packages/uui-label/package.json
+++ b/packages/uui-label/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-label",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-loader-bar/CHANGELOG.md b/packages/uui-loader-bar/CHANGELOG.md
index bd188af2b..869074e72 100644
--- a/packages/uui-loader-bar/CHANGELOG.md
+++ b/packages/uui-loader-bar/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-loader-bar
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-loader-bar
diff --git a/packages/uui-loader-bar/package.json b/packages/uui-loader-bar/package.json
index e3062dbe6..54bd99832 100644
--- a/packages/uui-loader-bar/package.json
+++ b/packages/uui-loader-bar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-loader-bar",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-loader-circle/CHANGELOG.md b/packages/uui-loader-circle/CHANGELOG.md
index 492b830a7..896e11bc6 100644
--- a/packages/uui-loader-circle/CHANGELOG.md
+++ b/packages/uui-loader-circle/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-loader-circle
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-loader-circle
diff --git a/packages/uui-loader-circle/package.json b/packages/uui-loader-circle/package.json
index ceaf8fee9..9c713fc1d 100644
--- a/packages/uui-loader-circle/package.json
+++ b/packages/uui-loader-circle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-loader-circle",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-loader/CHANGELOG.md b/packages/uui-loader/CHANGELOG.md
index 86d32f728..d44ecc15f 100644
--- a/packages/uui-loader/CHANGELOG.md
+++ b/packages/uui-loader/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-loader
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-loader
diff --git a/packages/uui-loader/package.json b/packages/uui-loader/package.json
index 304133f19..a88c01f83 100644
--- a/packages/uui-loader/package.json
+++ b/packages/uui-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-loader",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-menu-item/CHANGELOG.md b/packages/uui-menu-item/CHANGELOG.md
index 1a666d66a..921d62ac2 100644
--- a/packages/uui-menu-item/CHANGELOG.md
+++ b/packages/uui-menu-item/CHANGELOG.md
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Bug Fixes
+
+- prevent overflow when not hovered ([#816](https://github.com/umbraco/Umbraco.UI/issues/816)) ([3e3f22a](https://github.com/umbraco/Umbraco.UI/commit/3e3f22a9ae1e6110c71161bc226f4487a6176196))
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 ### Bug Fixes
diff --git a/packages/uui-menu-item/package.json b/packages/uui-menu-item/package.json
index 413dd06ac..c089f6aea 100644
--- a/packages/uui-menu-item/package.json
+++ b/packages/uui-menu-item/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-menu-item",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-loader-bar": "1.8.0",
-    "@umbraco-ui/uui-symbol-expand": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-loader-bar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-expand": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-modal/CHANGELOG.md b/packages/uui-modal/CHANGELOG.md
index 09f294fe4..96ca04a7c 100644
--- a/packages/uui-modal/CHANGELOG.md
+++ b/packages/uui-modal/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-modal
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-modal
diff --git a/packages/uui-modal/package.json b/packages/uui-modal/package.json
index 11dec8b2b..02585e9e4 100644
--- a/packages/uui-modal/package.json
+++ b/packages/uui-modal/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-modal",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-pagination/CHANGELOG.md b/packages/uui-pagination/CHANGELOG.md
index cef873487..911738dbc 100644
--- a/packages/uui-pagination/CHANGELOG.md
+++ b/packages/uui-pagination/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-pagination
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-pagination
diff --git a/packages/uui-pagination/package.json b/packages/uui-pagination/package.json
index 30aed895c..704a9f065 100644
--- a/packages/uui-pagination/package.json
+++ b/packages/uui-pagination/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-pagination",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-button": "1.8.0",
-    "@umbraco-ui/uui-button-group": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button-group": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-popover-container/CHANGELOG.md b/packages/uui-popover-container/CHANGELOG.md
index db3b19259..3f2c76737 100644
--- a/packages/uui-popover-container/CHANGELOG.md
+++ b/packages/uui-popover-container/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-popover-container
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-popover-container
diff --git a/packages/uui-popover-container/package.json b/packages/uui-popover-container/package.json
index b61e6ffc4..1819a9762 100644
--- a/packages/uui-popover-container/package.json
+++ b/packages/uui-popover-container/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-popover-container",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-popover/CHANGELOG.md b/packages/uui-popover/CHANGELOG.md
index 0d08988ea..fa83f7e4d 100644
--- a/packages/uui-popover/CHANGELOG.md
+++ b/packages/uui-popover/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-popover
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-popover
diff --git a/packages/uui-popover/package.json b/packages/uui-popover/package.json
index 1dbc6989c..6961042c0 100644
--- a/packages/uui-popover/package.json
+++ b/packages/uui-popover/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-popover",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-progress-bar/CHANGELOG.md b/packages/uui-progress-bar/CHANGELOG.md
index e741b4a99..b3122a65f 100644
--- a/packages/uui-progress-bar/CHANGELOG.md
+++ b/packages/uui-progress-bar/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-progress-bar
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-progress-bar
diff --git a/packages/uui-progress-bar/package.json b/packages/uui-progress-bar/package.json
index e7fc52a52..7e6fd1596 100644
--- a/packages/uui-progress-bar/package.json
+++ b/packages/uui-progress-bar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-progress-bar",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-radio/CHANGELOG.md b/packages/uui-radio/CHANGELOG.md
index 85054f045..abefc40ec 100644
--- a/packages/uui-radio/CHANGELOG.md
+++ b/packages/uui-radio/CHANGELOG.md
@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- readonly state for uui-radio ([201917e](https://github.com/umbraco/Umbraco.UI/commit/201917e24a77ddbf2c0faaa884bae7b1204923c5))
+- readonly state for uui-radio-group ([6a5f636](https://github.com/umbraco/Umbraco.UI/commit/6a5f63667d1d9f274753e25305447a8f9c5d5d63))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Features
diff --git a/packages/uui-radio/package.json b/packages/uui-radio/package.json
index 6a0a5ed84..4c9b953c2 100644
--- a/packages/uui-radio/package.json
+++ b/packages/uui-radio/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-radio",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -33,7 +33,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-range-slider/CHANGELOG.md b/packages/uui-range-slider/CHANGELOG.md
index eb241d57a..44f2cabd6 100644
--- a/packages/uui-range-slider/CHANGELOG.md
+++ b/packages/uui-range-slider/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- implement readonly for uui-range-slider ([e720227](https://github.com/umbraco/Umbraco.UI/commit/e720227cc92f21d631bdaaadaafa9ecc03ff13da))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Features
diff --git a/packages/uui-range-slider/package.json b/packages/uui-range-slider/package.json
index 1d92d2534..32166b745 100644
--- a/packages/uui-range-slider/package.json
+++ b/packages/uui-range-slider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-range-slider",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-list/CHANGELOG.md b/packages/uui-ref-list/CHANGELOG.md
index b2335f2ac..25b4f1b7f 100644
--- a/packages/uui-ref-list/CHANGELOG.md
+++ b/packages/uui-ref-list/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-ref-list
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-list
diff --git a/packages/uui-ref-list/package.json b/packages/uui-ref-list/package.json
index 88be1c64c..6be3af913 100644
--- a/packages/uui-ref-list/package.json
+++ b/packages/uui-ref-list/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-list",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-node-data-type/CHANGELOG.md b/packages/uui-ref-node-data-type/CHANGELOG.md
index 42d20b58b..9805d3fd3 100644
--- a/packages/uui-ref-node-data-type/CHANGELOG.md
+++ b/packages/uui-ref-node-data-type/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-ref-node-data-type
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-node-data-type
diff --git a/packages/uui-ref-node-data-type/package.json b/packages/uui-ref-node-data-type/package.json
index e1b2f9e6b..79234f25e 100644
--- a/packages/uui-ref-node-data-type/package.json
+++ b/packages/uui-ref-node-data-type/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-node-data-type",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-ref-node": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-node-document-type/CHANGELOG.md b/packages/uui-ref-node-document-type/CHANGELOG.md
index f63b71cdb..a434b3e7c 100644
--- a/packages/uui-ref-node-document-type/CHANGELOG.md
+++ b/packages/uui-ref-node-document-type/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-ref-node-document-type
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-node-document-type
diff --git a/packages/uui-ref-node-document-type/package.json b/packages/uui-ref-node-document-type/package.json
index 9e199cd2d..f8722d033 100644
--- a/packages/uui-ref-node-document-type/package.json
+++ b/packages/uui-ref-node-document-type/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-node-document-type",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-ref-node": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-node-form/CHANGELOG.md b/packages/uui-ref-node-form/CHANGELOG.md
index cd92b6fc3..a4ebaa639 100644
--- a/packages/uui-ref-node-form/CHANGELOG.md
+++ b/packages/uui-ref-node-form/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-ref-node-form
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-node-form
diff --git a/packages/uui-ref-node-form/package.json b/packages/uui-ref-node-form/package.json
index aa64be811..44140a972 100644
--- a/packages/uui-ref-node-form/package.json
+++ b/packages/uui-ref-node-form/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-node-form",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-ref-node": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-node-member/CHANGELOG.md b/packages/uui-ref-node-member/CHANGELOG.md
index 3c179ca5a..79e85764f 100644
--- a/packages/uui-ref-node-member/CHANGELOG.md
+++ b/packages/uui-ref-node-member/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-ref-node-member
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-node-member
diff --git a/packages/uui-ref-node-member/package.json b/packages/uui-ref-node-member/package.json
index b33005497..895eaf00a 100644
--- a/packages/uui-ref-node-member/package.json
+++ b/packages/uui-ref-node-member/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-node-member",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-ref-node": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-node-package/CHANGELOG.md b/packages/uui-ref-node-package/CHANGELOG.md
index b3d2dabd1..39fb972bc 100644
--- a/packages/uui-ref-node-package/CHANGELOG.md
+++ b/packages/uui-ref-node-package/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-ref-node-package
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-node-package
diff --git a/packages/uui-ref-node-package/package.json b/packages/uui-ref-node-package/package.json
index ff503be29..784646805 100644
--- a/packages/uui-ref-node-package/package.json
+++ b/packages/uui-ref-node-package/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-node-package",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-ref-node": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-node-user/CHANGELOG.md b/packages/uui-ref-node-user/CHANGELOG.md
index 4e5b5d99a..9c8a4f86c 100644
--- a/packages/uui-ref-node-user/CHANGELOG.md
+++ b/packages/uui-ref-node-user/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-ref-node-user
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-node-user
diff --git a/packages/uui-ref-node-user/package.json b/packages/uui-ref-node-user/package.json
index 72f73fbb3..352d95958 100644
--- a/packages/uui-ref-node-user/package.json
+++ b/packages/uui-ref-node-user/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-node-user",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-ref-node": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref-node/CHANGELOG.md b/packages/uui-ref-node/CHANGELOG.md
index 29b041549..7fbe19e01 100644
--- a/packages/uui-ref-node/CHANGELOG.md
+++ b/packages/uui-ref-node/CHANGELOG.md
@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+- implement readonly mode for uui-ref-node ([d37861c](https://github.com/umbraco/Umbraco.UI/commit/d37861c759730fc40a7842bb4736735ba0454f22))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref-node
diff --git a/packages/uui-ref-node/package.json b/packages/uui-ref-node/package.json
index 4404d17f5..77049f932 100644
--- a/packages/uui-ref-node/package.json
+++ b/packages/uui-ref-node/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref-node",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-icon": "1.8.0",
-    "@umbraco-ui/uui-ref": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-ref/CHANGELOG.md b/packages/uui-ref/CHANGELOG.md
index 55b549148..cb402841a 100644
--- a/packages/uui-ref/CHANGELOG.md
+++ b/packages/uui-ref/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- implement readonly mode for uui-ref-node ([d37861c](https://github.com/umbraco/Umbraco.UI/commit/d37861c759730fc40a7842bb4736735ba0454f22))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-ref
diff --git a/packages/uui-ref/package.json b/packages/uui-ref/package.json
index 7dc6354bc..18fdf087a 100644
--- a/packages/uui-ref/package.json
+++ b/packages/uui-ref/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-ref",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-scroll-container/CHANGELOG.md b/packages/uui-scroll-container/CHANGELOG.md
index 482088ffd..e4dcc9387 100644
--- a/packages/uui-scroll-container/CHANGELOG.md
+++ b/packages/uui-scroll-container/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-scroll-container
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-scroll-container
diff --git a/packages/uui-scroll-container/package.json b/packages/uui-scroll-container/package.json
index 2b22ce1a3..f9a94968d 100644
--- a/packages/uui-scroll-container/package.json
+++ b/packages/uui-scroll-container/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-scroll-container",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-select/CHANGELOG.md b/packages/uui-select/CHANGELOG.md
index 6776ce2d4..5b3930f73 100644
--- a/packages/uui-select/CHANGELOG.md
+++ b/packages/uui-select/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add readonly mode ([23c6d2c](https://github.com/umbraco/Umbraco.UI/commit/23c6d2ccb9d28a1f0c66e142bcf1024384306c48))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-select
diff --git a/packages/uui-select/package.json b/packages/uui-select/package.json
index 7ea3f73af..ab88db5f4 100644
--- a/packages/uui-select/package.json
+++ b/packages/uui-select/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-select",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-slider/CHANGELOG.md b/packages/uui-slider/CHANGELOG.md
index 1420700d2..d9852b4b3 100644
--- a/packages/uui-slider/CHANGELOG.md
+++ b/packages/uui-slider/CHANGELOG.md
@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- implement readonly state for uui-slider ([9379cc1](https://github.com/umbraco/Umbraco.UI/commit/9379cc17ea6d7327911fa6fd319767eb2b88c7dd))
+- **uui-slider:** Hide label property + fix error for floating point numbers ([#813](https://github.com/umbraco/Umbraco.UI/issues/813)) ([bef030f](https://github.com/umbraco/Umbraco.UI/commit/bef030f70bc2b68ccf2c2074aa34c8fa18fea6e8))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 ### Features
diff --git a/packages/uui-slider/package.json b/packages/uui-slider/package.json
index b97e713e9..c4d8c2fea 100644
--- a/packages/uui-slider/package.json
+++ b/packages/uui-slider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-slider",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,7 +31,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-expand/CHANGELOG.md b/packages/uui-symbol-expand/CHANGELOG.md
index 30cee6414..22c3a7353 100644
--- a/packages/uui-symbol-expand/CHANGELOG.md
+++ b/packages/uui-symbol-expand/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-expand
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-expand
diff --git a/packages/uui-symbol-expand/package.json b/packages/uui-symbol-expand/package.json
index 96aeea77b..84996e8a1 100644
--- a/packages/uui-symbol-expand/package.json
+++ b/packages/uui-symbol-expand/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-expand",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-file-dropzone/CHANGELOG.md b/packages/uui-symbol-file-dropzone/CHANGELOG.md
index 7e3a62b13..0cd23bf03 100644
--- a/packages/uui-symbol-file-dropzone/CHANGELOG.md
+++ b/packages/uui-symbol-file-dropzone/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-file-dropzone
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-file-dropzone
diff --git a/packages/uui-symbol-file-dropzone/package.json b/packages/uui-symbol-file-dropzone/package.json
index 11f4d90e2..7ef9fe46c 100644
--- a/packages/uui-symbol-file-dropzone/package.json
+++ b/packages/uui-symbol-file-dropzone/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-file-dropzone",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-file-thumbnail/CHANGELOG.md b/packages/uui-symbol-file-thumbnail/CHANGELOG.md
index 0cf72ed58..423f982c2 100644
--- a/packages/uui-symbol-file-thumbnail/CHANGELOG.md
+++ b/packages/uui-symbol-file-thumbnail/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-file-thumbnail
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-file-thumbnail
diff --git a/packages/uui-symbol-file-thumbnail/package.json b/packages/uui-symbol-file-thumbnail/package.json
index db8f588fb..72692cf80 100644
--- a/packages/uui-symbol-file-thumbnail/package.json
+++ b/packages/uui-symbol-file-thumbnail/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-file-thumbnail",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-file/CHANGELOG.md b/packages/uui-symbol-file/CHANGELOG.md
index c65066349..fbe1dd37f 100644
--- a/packages/uui-symbol-file/CHANGELOG.md
+++ b/packages/uui-symbol-file/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-file
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-file
diff --git a/packages/uui-symbol-file/package.json b/packages/uui-symbol-file/package.json
index b7c4b451a..cfcd91120 100644
--- a/packages/uui-symbol-file/package.json
+++ b/packages/uui-symbol-file/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-file",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -33,7 +33,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-folder/CHANGELOG.md b/packages/uui-symbol-folder/CHANGELOG.md
index e75090f5d..d4ab5d49c 100644
--- a/packages/uui-symbol-folder/CHANGELOG.md
+++ b/packages/uui-symbol-folder/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-folder
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-folder
diff --git a/packages/uui-symbol-folder/package.json b/packages/uui-symbol-folder/package.json
index 8a2d5de91..aba9cc02c 100644
--- a/packages/uui-symbol-folder/package.json
+++ b/packages/uui-symbol-folder/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-folder",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -33,7 +33,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-lock/CHANGELOG.md b/packages/uui-symbol-lock/CHANGELOG.md
index 1aa54c9a0..f365f1f1b 100644
--- a/packages/uui-symbol-lock/CHANGELOG.md
+++ b/packages/uui-symbol-lock/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-lock
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-lock
diff --git a/packages/uui-symbol-lock/package.json b/packages/uui-symbol-lock/package.json
index 98e30bed7..1999a5226 100644
--- a/packages/uui-symbol-lock/package.json
+++ b/packages/uui-symbol-lock/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-lock",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-more/CHANGELOG.md b/packages/uui-symbol-more/CHANGELOG.md
index 896253f94..89c2e7629 100644
--- a/packages/uui-symbol-more/CHANGELOG.md
+++ b/packages/uui-symbol-more/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-more
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-more
diff --git a/packages/uui-symbol-more/package.json b/packages/uui-symbol-more/package.json
index f6fadacc0..38f362ad6 100644
--- a/packages/uui-symbol-more/package.json
+++ b/packages/uui-symbol-more/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-more",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-symbol-sort/CHANGELOG.md b/packages/uui-symbol-sort/CHANGELOG.md
index e0affea59..834e6e026 100644
--- a/packages/uui-symbol-sort/CHANGELOG.md
+++ b/packages/uui-symbol-sort/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-symbol-sort
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-symbol-sort
diff --git a/packages/uui-symbol-sort/package.json b/packages/uui-symbol-sort/package.json
index bf2fc2b8b..e774c7d56 100644
--- a/packages/uui-symbol-sort/package.json
+++ b/packages/uui-symbol-sort/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-symbol-sort",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-table/CHANGELOG.md b/packages/uui-table/CHANGELOG.md
index 9a3f685a2..67acdb011 100644
--- a/packages/uui-table/CHANGELOG.md
+++ b/packages/uui-table/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-table
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-table
diff --git a/packages/uui-table/package.json b/packages/uui-table/package.json
index 200cf5c2c..ab898c6e4 100644
--- a/packages/uui-table/package.json
+++ b/packages/uui-table/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-table",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-tabs/CHANGELOG.md b/packages/uui-tabs/CHANGELOG.md
index 2d09d0adb..bc79700c2 100644
--- a/packages/uui-tabs/CHANGELOG.md
+++ b/packages/uui-tabs/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- add `rel` property to relevant elements to override default behavior ([#814](https://github.com/umbraco/Umbraco.UI/issues/814)) ([cf81c2d](https://github.com/umbraco/Umbraco.UI/commit/cf81c2d991b25eae7728bef2f6581d43e9367448))
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-tabs
diff --git a/packages/uui-tabs/package.json b/packages/uui-tabs/package.json
index 5280b395a..515dc8863 100644
--- a/packages/uui-tabs/package.json
+++ b/packages/uui-tabs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-tabs",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-button": "1.8.0",
-    "@umbraco-ui/uui-popover-container": "1.8.0",
-    "@umbraco-ui/uui-symbol-more": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button": "1.9.0-rc.0",
+    "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-more": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-tag/CHANGELOG.md b/packages/uui-tag/CHANGELOG.md
index 56cd0063a..9ca41f4e8 100644
--- a/packages/uui-tag/CHANGELOG.md
+++ b/packages/uui-tag/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-tag
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Bug Fixes
diff --git a/packages/uui-tag/package.json b/packages/uui-tag/package.json
index 3329f2bd8..7bc5141fc 100644
--- a/packages/uui-tag/package.json
+++ b/packages/uui-tag/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-tag",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,7 +31,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-textarea/CHANGELOG.md b/packages/uui-textarea/CHANGELOG.md
index 7ef3c565d..60a504ede 100644
--- a/packages/uui-textarea/CHANGELOG.md
+++ b/packages/uui-textarea/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-textarea
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 ### Features
diff --git a/packages/uui-textarea/package.json b/packages/uui-textarea/package.json
index 6026f48fe..f29ebaec1 100644
--- a/packages/uui-textarea/package.json
+++ b/packages/uui-textarea/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-textarea",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -31,7 +31,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-toast-notification-container/CHANGELOG.md b/packages/uui-toast-notification-container/CHANGELOG.md
index c8a6ddd41..93be1d7f0 100644
--- a/packages/uui-toast-notification-container/CHANGELOG.md
+++ b/packages/uui-toast-notification-container/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-toast-notification-container
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-toast-notification-container
diff --git a/packages/uui-toast-notification-container/package.json b/packages/uui-toast-notification-container/package.json
index 6d1db7b0a..d472f0953 100644
--- a/packages/uui-toast-notification-container/package.json
+++ b/packages/uui-toast-notification-container/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-toast-notification-container",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-toast-notification": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-toast-notification": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-toast-notification-layout/CHANGELOG.md b/packages/uui-toast-notification-layout/CHANGELOG.md
index 6b2a52e81..9d414d0db 100644
--- a/packages/uui-toast-notification-layout/CHANGELOG.md
+++ b/packages/uui-toast-notification-layout/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-toast-notification-layout
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-toast-notification-layout
diff --git a/packages/uui-toast-notification-layout/package.json b/packages/uui-toast-notification-layout/package.json
index d5701b2da..1a34baaf8 100644
--- a/packages/uui-toast-notification-layout/package.json
+++ b/packages/uui-toast-notification-layout/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-toast-notification-layout",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-css": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-css": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-toast-notification/CHANGELOG.md b/packages/uui-toast-notification/CHANGELOG.md
index 74b931853..54df32846 100644
--- a/packages/uui-toast-notification/CHANGELOG.md
+++ b/packages/uui-toast-notification/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-toast-notification
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-toast-notification
diff --git a/packages/uui-toast-notification/package.json b/packages/uui-toast-notification/package.json
index aa369fd8b..e7b31731a 100644
--- a/packages/uui-toast-notification/package.json
+++ b/packages/uui-toast-notification/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-toast-notification",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,11 +30,11 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-button": "1.8.0",
-    "@umbraco-ui/uui-css": "1.8.0",
-    "@umbraco-ui/uui-icon": "1.8.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button": "1.9.0-rc.0",
+    "@umbraco-ui/uui-css": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-toggle/CHANGELOG.md b/packages/uui-toggle/CHANGELOG.md
index 780b9cd80..135c0dc84 100644
--- a/packages/uui-toggle/CHANGELOG.md
+++ b/packages/uui-toggle/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+### Features
+
+- readonly state for toggle ([c7565b9](https://github.com/umbraco/Umbraco.UI/commit/c7565b91fc9d74ac105b91e6b9c1b7114187430f))
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 **Note:** Version bump only for package @umbraco-ui/uui-toggle
diff --git a/packages/uui-toggle/package.json b/packages/uui-toggle/package.json
index b1cc23699..f467528c0 100644
--- a/packages/uui-toggle/package.json
+++ b/packages/uui-toggle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-toggle",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-boolean-input": "1.8.2"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-boolean-input": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui-visually-hidden/CHANGELOG.md b/packages/uui-visually-hidden/CHANGELOG.md
index 8dc993240..865378530 100644
--- a/packages/uui-visually-hidden/CHANGELOG.md
+++ b/packages/uui-visually-hidden/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui-visually-hidden
+
 # [1.8.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.0-rc.3...v1.8.0) (2024-05-23)
 
 **Note:** Version bump only for package @umbraco-ui/uui-visually-hidden
diff --git a/packages/uui-visually-hidden/package.json b/packages/uui-visually-hidden/package.json
index 7eac98eed..d1f25b039 100644
--- a/packages/uui-visually-hidden/package.json
+++ b/packages/uui-visually-hidden/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-visually-hidden",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
diff --git a/packages/uui/CHANGELOG.md b/packages/uui/CHANGELOG.md
index 0c0693e53..91e2a54c9 100644
--- a/packages/uui/CHANGELOG.md
+++ b/packages/uui/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.9.0-rc.0](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.9.0-rc.0) (2024-07-11)
+
+**Note:** Version bump only for package @umbraco-ui/uui
+
 ## [1.8.2](https://github.com/umbraco/Umbraco.UI/compare/v1.8.1...v1.8.2) (2024-06-18)
 
 **Note:** Version bump only for package @umbraco-ui/uui
diff --git a/packages/uui/package.json b/packages/uui/package.json
index f106972fc..44dd3f778 100644
--- a/packages/uui/package.json
+++ b/packages/uui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui",
-  "version": "1.8.2",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "description": "The full Umbraco UI Library. The package includes and registers all UUI Web Components.",
   "keywords": [
@@ -37,88 +37,88 @@
     "vscode-html-custom-data.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-action-bar": "1.8.0",
-    "@umbraco-ui/uui-avatar": "1.8.0",
-    "@umbraco-ui/uui-avatar-group": "1.8.0",
-    "@umbraco-ui/uui-badge": "1.8.0",
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-boolean-input": "1.8.2",
-    "@umbraco-ui/uui-box": "1.8.0",
-    "@umbraco-ui/uui-breadcrumbs": "1.8.0",
-    "@umbraco-ui/uui-button": "1.8.0",
-    "@umbraco-ui/uui-button-group": "1.8.0",
-    "@umbraco-ui/uui-button-inline-create": "1.8.0",
-    "@umbraco-ui/uui-card": "1.8.0",
-    "@umbraco-ui/uui-card-block-type": "1.8.0",
-    "@umbraco-ui/uui-card-content-node": "1.8.0",
-    "@umbraco-ui/uui-card-media": "1.8.2",
-    "@umbraco-ui/uui-card-user": "1.8.0",
-    "@umbraco-ui/uui-caret": "1.8.0",
-    "@umbraco-ui/uui-checkbox": "1.8.2",
-    "@umbraco-ui/uui-color-area": "1.8.0",
-    "@umbraco-ui/uui-color-picker": "1.8.0",
-    "@umbraco-ui/uui-color-slider": "1.8.0",
-    "@umbraco-ui/uui-color-swatch": "1.8.0",
-    "@umbraco-ui/uui-color-swatches": "1.8.0",
-    "@umbraco-ui/uui-combobox": "1.8.0",
-    "@umbraco-ui/uui-combobox-list": "1.8.0",
-    "@umbraco-ui/uui-css": "1.8.0",
-    "@umbraco-ui/uui-dialog": "1.8.0",
-    "@umbraco-ui/uui-dialog-layout": "1.8.0",
-    "@umbraco-ui/uui-file-dropzone": "1.8.0",
-    "@umbraco-ui/uui-file-preview": "1.8.0",
-    "@umbraco-ui/uui-form": "1.8.0",
-    "@umbraco-ui/uui-form-layout-item": "1.8.1",
-    "@umbraco-ui/uui-form-validation-message": "1.8.1",
-    "@umbraco-ui/uui-icon": "1.8.0",
-    "@umbraco-ui/uui-icon-registry": "1.8.0",
-    "@umbraco-ui/uui-icon-registry-essential": "1.8.0",
-    "@umbraco-ui/uui-input": "1.8.0",
-    "@umbraco-ui/uui-input-file": "1.8.0",
-    "@umbraco-ui/uui-input-lock": "1.8.2",
-    "@umbraco-ui/uui-input-password": "1.8.0",
-    "@umbraco-ui/uui-keyboard-shortcut": "1.8.0",
-    "@umbraco-ui/uui-label": "1.8.0",
-    "@umbraco-ui/uui-loader": "1.8.0",
-    "@umbraco-ui/uui-loader-bar": "1.8.0",
-    "@umbraco-ui/uui-loader-circle": "1.8.0",
-    "@umbraco-ui/uui-menu-item": "1.8.2",
-    "@umbraco-ui/uui-modal": "1.8.0",
-    "@umbraco-ui/uui-pagination": "1.8.0",
-    "@umbraco-ui/uui-popover": "1.8.0",
-    "@umbraco-ui/uui-popover-container": "1.8.0",
-    "@umbraco-ui/uui-progress-bar": "1.8.0",
-    "@umbraco-ui/uui-radio": "1.8.0",
-    "@umbraco-ui/uui-range-slider": "1.8.0",
-    "@umbraco-ui/uui-ref": "1.8.0",
-    "@umbraco-ui/uui-ref-list": "1.8.0",
-    "@umbraco-ui/uui-ref-node": "1.8.0",
-    "@umbraco-ui/uui-ref-node-data-type": "1.8.0",
-    "@umbraco-ui/uui-ref-node-document-type": "1.8.0",
-    "@umbraco-ui/uui-ref-node-form": "1.8.0",
-    "@umbraco-ui/uui-ref-node-member": "1.8.0",
-    "@umbraco-ui/uui-ref-node-package": "1.8.0",
-    "@umbraco-ui/uui-ref-node-user": "1.8.0",
-    "@umbraco-ui/uui-scroll-container": "1.8.0",
-    "@umbraco-ui/uui-select": "1.8.0",
-    "@umbraco-ui/uui-slider": "1.8.2",
-    "@umbraco-ui/uui-symbol-expand": "1.8.0",
-    "@umbraco-ui/uui-symbol-file": "1.8.0",
-    "@umbraco-ui/uui-symbol-file-dropzone": "1.8.0",
-    "@umbraco-ui/uui-symbol-file-thumbnail": "1.8.0",
-    "@umbraco-ui/uui-symbol-folder": "1.8.0",
-    "@umbraco-ui/uui-symbol-lock": "1.8.0",
-    "@umbraco-ui/uui-symbol-more": "1.8.0",
-    "@umbraco-ui/uui-symbol-sort": "1.8.0",
-    "@umbraco-ui/uui-table": "1.8.0",
-    "@umbraco-ui/uui-tabs": "1.8.0",
-    "@umbraco-ui/uui-tag": "1.8.0",
-    "@umbraco-ui/uui-textarea": "1.8.0",
-    "@umbraco-ui/uui-toast-notification": "1.8.0",
-    "@umbraco-ui/uui-toast-notification-container": "1.8.0",
-    "@umbraco-ui/uui-toast-notification-layout": "1.8.0",
-    "@umbraco-ui/uui-toggle": "1.8.2",
-    "@umbraco-ui/uui-visually-hidden": "1.8.0"
+    "@umbraco-ui/uui-action-bar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-avatar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-avatar-group": "1.9.0-rc.0",
+    "@umbraco-ui/uui-badge": "1.9.0-rc.0",
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-boolean-input": "1.9.0-rc.0",
+    "@umbraco-ui/uui-box": "1.9.0-rc.0",
+    "@umbraco-ui/uui-breadcrumbs": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button-group": "1.9.0-rc.0",
+    "@umbraco-ui/uui-button-inline-create": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card-block-type": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card-content-node": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card-media": "1.9.0-rc.0",
+    "@umbraco-ui/uui-card-user": "1.9.0-rc.0",
+    "@umbraco-ui/uui-caret": "1.9.0-rc.0",
+    "@umbraco-ui/uui-checkbox": "1.9.0-rc.0",
+    "@umbraco-ui/uui-color-area": "1.9.0-rc.0",
+    "@umbraco-ui/uui-color-picker": "1.9.0-rc.0",
+    "@umbraco-ui/uui-color-slider": "1.9.0-rc.0",
+    "@umbraco-ui/uui-color-swatch": "1.9.0-rc.0",
+    "@umbraco-ui/uui-color-swatches": "1.9.0-rc.0",
+    "@umbraco-ui/uui-combobox": "1.9.0-rc.0",
+    "@umbraco-ui/uui-combobox-list": "1.9.0-rc.0",
+    "@umbraco-ui/uui-css": "1.9.0-rc.0",
+    "@umbraco-ui/uui-dialog": "1.9.0-rc.0",
+    "@umbraco-ui/uui-dialog-layout": "1.9.0-rc.0",
+    "@umbraco-ui/uui-file-dropzone": "1.9.0-rc.0",
+    "@umbraco-ui/uui-file-preview": "1.9.0-rc.0",
+    "@umbraco-ui/uui-form": "1.9.0-rc.0",
+    "@umbraco-ui/uui-form-layout-item": "1.9.0-rc.0",
+    "@umbraco-ui/uui-form-validation-message": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry": "1.9.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.9.0-rc.0",
+    "@umbraco-ui/uui-input": "1.9.0-rc.0",
+    "@umbraco-ui/uui-input-file": "1.9.0-rc.0",
+    "@umbraco-ui/uui-input-lock": "1.9.0-rc.0",
+    "@umbraco-ui/uui-input-password": "1.9.0-rc.0",
+    "@umbraco-ui/uui-keyboard-shortcut": "1.9.0-rc.0",
+    "@umbraco-ui/uui-label": "1.9.0-rc.0",
+    "@umbraco-ui/uui-loader": "1.9.0-rc.0",
+    "@umbraco-ui/uui-loader-bar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-loader-circle": "1.9.0-rc.0",
+    "@umbraco-ui/uui-menu-item": "1.9.0-rc.0",
+    "@umbraco-ui/uui-modal": "1.9.0-rc.0",
+    "@umbraco-ui/uui-pagination": "1.9.0-rc.0",
+    "@umbraco-ui/uui-popover": "1.9.0-rc.0",
+    "@umbraco-ui/uui-popover-container": "1.9.0-rc.0",
+    "@umbraco-ui/uui-progress-bar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-radio": "1.9.0-rc.0",
+    "@umbraco-ui/uui-range-slider": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-list": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node-data-type": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node-document-type": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node-form": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node-member": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node-package": "1.9.0-rc.0",
+    "@umbraco-ui/uui-ref-node-user": "1.9.0-rc.0",
+    "@umbraco-ui/uui-scroll-container": "1.9.0-rc.0",
+    "@umbraco-ui/uui-select": "1.9.0-rc.0",
+    "@umbraco-ui/uui-slider": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-expand": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-file": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-file-dropzone": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-file-thumbnail": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-folder": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-lock": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-more": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-sort": "1.9.0-rc.0",
+    "@umbraco-ui/uui-table": "1.9.0-rc.0",
+    "@umbraco-ui/uui-tabs": "1.9.0-rc.0",
+    "@umbraco-ui/uui-tag": "1.9.0-rc.0",
+    "@umbraco-ui/uui-textarea": "1.9.0-rc.0",
+    "@umbraco-ui/uui-toast-notification": "1.9.0-rc.0",
+    "@umbraco-ui/uui-toast-notification-container": "1.9.0-rc.0",
+    "@umbraco-ui/uui-toast-notification-layout": "1.9.0-rc.0",
+    "@umbraco-ui/uui-toggle": "1.9.0-rc.0",
+    "@umbraco-ui/uui-visually-hidden": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",