@public-ui/themes 1.7.0-rc.12 → 1.7.0-rc.14

package/dist/index.mjs

@@ -353,8 +353,8 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
   TagEnum2[TagEnum2["input-checkbox"] = 17] = "input-checkbox";
   TagEnum2[TagEnum2["input-color"] = 18] = "input-color";
   TagEnum2[TagEnum2["input-date"] = 19] = "input-date";
-  TagEnum2[TagEnum2["input-file"] = 20] = "input-file";
-  TagEnum2[TagEnum2["input-email"] = 21] = "input-email";
+  TagEnum2[TagEnum2["input-email"] = 20] = "input-email";
+  TagEnum2[TagEnum2["input-file"] = 21] = "input-file";
   TagEnum2[TagEnum2["input-number"] = 22] = "input-number";
   TagEnum2[TagEnum2["input-password"] = 23] = "input-password";
   TagEnum2[TagEnum2["input-radio"] = 24] = "input-radio";
@@ -372,13 +372,15 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
   TagEnum2[TagEnum2["separator"] = 36] = "separator";
   TagEnum2[TagEnum2["skip-nav"] = 37] = "skip-nav";
   TagEnum2[TagEnum2["spin"] = 38] = "spin";
-  TagEnum2[TagEnum2["symbol"] = 39] = "symbol";
-  TagEnum2[TagEnum2["table"] = 40] = "table";
-  TagEnum2[TagEnum2["tabs"] = 41] = "tabs";
-  TagEnum2[TagEnum2["textarea"] = 42] = "textarea";
-  TagEnum2[TagEnum2["toast"] = 43] = "toast";
-  TagEnum2[TagEnum2["toolbar"] = 44] = "toolbar";
-  TagEnum2[TagEnum2["tooltip"] = 45] = "tooltip";
+  TagEnum2[TagEnum2["split-button"] = 39] = "split-button";
+  TagEnum2[TagEnum2["symbol"] = 40] = "symbol";
+  TagEnum2[TagEnum2["table"] = 41] = "table";
+  TagEnum2[TagEnum2["tabs"] = 42] = "tabs";
+  TagEnum2[TagEnum2["textarea"] = 43] = "textarea";
+  TagEnum2[TagEnum2["toast"] = 44] = "toast";
+  TagEnum2[TagEnum2["toast-container"] = 45] = "toast-container";
+  TagEnum2[TagEnum2["toolbar"] = 46] = "toolbar";
+  TagEnum2[TagEnum2["tooltip"] = 47] = "tooltip";
   return TagEnum2;
 })(TagEnum || {});
 
@@ -4337,6 +4339,19 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
 		-ms-transform: translateX(1em);
 		transform: translateX(1em);
 	}
+	.switch {
+		& .icon {
+			width: 1.25em;
+			height: 1.25em;
+			left: 2px;
+		}
+		&:has(input:checked) .icon {
+			transform: translate(2em, -50%);
+		}
+		&:has(input:indeterminate) .icon {
+			transform: translate(1em, -50%);
+		}
+	}
 	.disabled {
 		opacity: 0.33;
 	}`,
@@ -9835,9 +9850,7 @@ const BMF = KoliBri.createTheme("bmf", {
 	:host > span {
 		border-radius: 0.3125rem;
 		display: inline-flex;
-		font-size: 1em;
 		font-style: normal;
-		line-height: 1.25rem;
 	}
 	:host > span.smart-button {
 		align-items: center;
@@ -10252,7 +10265,7 @@ const BMF = KoliBri.createTheme("bmf", {
 	:host > div.open > kol-heading-wc button kol-icon::part(icon)::before {
 		content: "\\f078";
 	}
-	:host > div.close > kol-heading-wc button kol-icon::part(icon)::before {
+	:host > div:not(.open) > kol-heading-wc button kol-icon::part(icon)::before {
 		content: "\\f054";
 	}
 	:host > div {
@@ -10529,13 +10542,14 @@ const BMF = KoliBri.createTheme("bmf", {
 		justify-items: left;
 		width: 100%;
 		min-height: 44px;
-		gap: 0.4em;
 	}
 	:host kol-input.default {
 		grid-template-columns: 1.5rem auto;
+		gap: 0.4em;
 	}
 	:host kol-input.switch {
 		grid-template-columns: 3.5rem auto;
+		gap: 0.4em;
 	}
 	:host kol-input > div.input {
 		display: inherit;
@@ -10700,18 +10714,26 @@ const BMF = KoliBri.createTheme("bmf", {
 		-ms-transform: translateX(1em);
 		transform: translateX(1em);
 	}
+	.switch {
+		& .icon {
+			width: 1.25em;
+			height: 1.25em;
+			left: 2px;
+			color: #000;
+		}
+		&:has(input:checked) .icon {
+			transform: translate(2em, -50%);
+		}
+		&:has(input:indeterminate) .icon {
+			transform: translate(1em, -50%);
+		}
+	}
 	:host .disabled {
 		opacity: 0.33;
 	}
+
 	:host kol-input.button {
-		cursor: inherit;
-		display: grid;
-		column-gap: 0;
-		grid-template-columns: 32px auto;
-		grid-template-areas:
-			"error error"
-			"input label"
-			"hint hint";
+		row-gap: 0.5rem;
 	}
 
 	:host kol-input.button.checked > .input,
@@ -10719,12 +10741,7 @@ const BMF = KoliBri.createTheme("bmf", {
 		background-color: var(--color-ice);
 	}
 
-	:host kol-input.button > .error {
-		grid-area: error;
-	}
-
 	:host kol-input.button > label {
-		grid-area: label;
 		background-color: var(--color-silver);
 		border-top-right-radius: var(--border-radius);
 		border-bottom-right-radius: var(--border-radius);
@@ -10736,7 +10753,6 @@ const BMF = KoliBri.createTheme("bmf", {
 	}
 
 	:host kol-input.button > .input {
-		grid-area: input;
 		background-color: var(--color-silver);
 		border-top-left-radius: var(--border-radius);
 		border-bottom-left-radius: var(--border-radius);
@@ -10745,13 +10761,13 @@ const BMF = KoliBri.createTheme("bmf", {
 		place-content: center;
 	}
 
-	:host kol-input.button > .hint {
-		grid-area: hint;
-	}
-
 	:host kol-input.button > .input > div {
 		display: flex;
 	}
+
+	:host kol-input.button .icon {
+		height: auto;
+	}
 `,
   "KOL-INPUT-RADIO": `/* INPUT */
 	kol-input {
@@ -10887,26 +10903,13 @@ const BMF = KoliBri.createTheme("bmf", {
 	fieldset div label {
 		padding-left: 0;
 	}`,
-  "KOL-TOAST": `:host > div {
-		position: fixed;
-		top: 0;
-		right: 0;
-		width: 100%;
-		height: 0;
-		z-index: 200;
-	}
-	:host > div > kol-alert {
-		display: block;
-		margin-left: auto;
-		margin-right: unset;
-		padding: 2rem;
-		max-width: 440px;
-	}
-	:host > div > kol-button-wc {
-		top: 0;
-		position: relative;
-		display: block;
-		width: 1em;
+  "KOL-TOAST-CONTAINER": `:host {
+		top: 1rem;
+		right: 1rem;
+		width: 440px;
+	}`,
+  "KOL-TOAST": `.toast {
+		margin-top: 1rem;
 	}`,
   "KOL-TABS": `button:disabled {
 		opacity: 0.5;
@@ -18471,6 +18474,9 @@ const BMF = KoliBri.createTheme("bmf", {
 		border-color: var(--color-ocean);
 		color: var(--color-white);
 		cursor: pointer;
+	}`,
+  "KOL-SPLIT-BUTTON": `.popover {
+		background: #fff;
 	}`
 });
 
@@ -19480,12 +19486,12 @@ const DEFAULT = KoliBri.createTheme("default", {
   "KOL-BADGE": css`
 		:host {
 			display: inline-block;
+			font-size: inherit;
 		}
 		:host > span {
 			border-radius: var(--border-radius);
 			display: inline-flex;
 			font-style: normal;
-			line-height: 1.25rem;
 		}
 		:host > span.smart-button {
 			align-items: center;
@@ -20115,6 +20121,9 @@ const DEFAULT = KoliBri.createTheme("default", {
 		:host kol-input.switch {
 			grid-template-columns: 3.5rem auto;
 		}
+		:host kol-input.button {
+			gap: 0.4rem 0;
+		}
 		:host kol-input > div.input {
 			display: inherit;
 			min-height: var(--a11y-min-size);
@@ -20264,6 +20273,21 @@ const DEFAULT = KoliBri.createTheme("default", {
 		:host kol-input.switch input[type='checkbox']:indeterminate:before {
 			transform: translateX(1em);
 		}
+		.switch {
+			& .icon {
+				width: 1.25em;
+				height: 1.25em;
+				left: 2px;
+			}
+
+			&:has(input:checked) .icon {
+				transform: translate(2em, -50%);
+			}
+
+			&:has(input:indeterminate) .icon {
+				transform: translate(1em, -50%);
+			}
+		}
 		:host .disabled {
 			opacity: 0.33;
 		}
@@ -20397,27 +20421,16 @@ const DEFAULT = KoliBri.createTheme("default", {
 			padding-left: 0;
 		}
 	`,
-  "KOL-TOAST": css`
-		:host > div {
-			position: fixed;
-			top: 0;
-			right: 0;
-			width: 100%;
-			height: 0;
-			z-index: 200;
-		}
-		:host > div > kol-alert {
-			display: block;
-			margin-left: auto;
-			margin-right: unset;
-			padding: 2rem;
-			max-width: 750px;
+  "KOL-TOAST-CONTAINER": css`
+		:host {
+			top: 1rem;
+			right: 1rem;
+			width: 440px;
 		}
-		:host > div > kol-button-wc {
-			top: 0;
-			position: relative;
-			display: block;
-			width: 1rem;
+	`,
+  "KOL-TOAST": css`
+		.toast {
+			margin-top: 1rem;
 		}
 	`,
   "KOL-TABS": css`
@@ -20878,7 +20891,10 @@ const DEFAULT = KoliBri.createTheme("default", {
 			color: var(--color-light);
 			cursor: pointer;
 		}
-	`
+	`,
+  "KOL-SPLIT-BUTTON": `.popover {
+		background: #fff;
+	}`
 });
 
 const ECL_EC = KoliBri.createTheme("ecl-ec", {
@@ -21036,7 +21052,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		outline: 2px solid var(--color-blue);
 		outline-offset: -2px;
 	}
-	div[part="content"] {
+	.content {
 		padding: var(--spacing-s) var(--spacing-m);
 	}`,
   "KOL-INDENTED-TEXT": `:host > div {
@@ -21235,7 +21251,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-blue-130);
 	}`,
   "KOL-BADGE": `:host > span {
-		font: normal normal var(--font-weight) 0.875rem/1em var(--font-family);
+		font: normal normal var(--font-weight) 1em var(--font-family);
 		padding: calc(0.5rem - 1px) calc(0.75rem - 1px);
 		text-transform: uppercase;
 	}`,
@@ -21517,6 +21533,13 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	kol-input {
 		gap: var(--spacing-xs);
 	}
+	.button {
+		gap: var(--spacing-xs) 0;
+		grid-template-areas:
+			"input label"
+			"hint hint"
+			"error error";
+	}
 	kol-input > .input {
 		order: 2;
 	}
@@ -21541,7 +21564,6 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px;
 		outline: none;
 	}
 	input,
@@ -21569,6 +21591,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -21621,6 +21644,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
   "KOL-INPUT-RADIO": `fieldset {
 		border: 0;
 		gap: 0.5rem;
+		flex-wrap: wrap;
 	}
 	.input-slot {
 		gap: 0.25rem;
@@ -21637,6 +21661,13 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	fieldset kol-input {
 		order: 4;
 	}
+	.radio-input-wrapper {
+    display: flex;
+		align-items: center;
+	}
+	.radio-label {
+		padding-left: 0.5rem;
+	}
 	input[type="radio"] {
 		border: 2px solid var(--color-grey-75);
 	}
@@ -21679,6 +21710,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		font-size: 0.875em;
 		margin-left: calc(-1 * var(--spacing-xs));
 		order: 1;
+		width: 100%;
 	}
 	.hint {
 		font-size: 0.875rem;
@@ -21770,6 +21802,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -21794,7 +21827,6 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -21822,6 +21854,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -21846,7 +21879,6 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -21874,6 +21906,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -21898,7 +21931,6 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -21926,6 +21958,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -21950,7 +21983,6 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -21978,6 +22010,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -22054,7 +22087,6 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -22082,6 +22114,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -22106,7 +22139,6 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -22134,6 +22166,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	.counter {
 		order: 5;
@@ -22318,6 +22351,24 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		border-color: var(--color-blue);
 		color: var(--color-white);
 		cursor: pointer;
+	}`,
+  "KOL-SPLIT-BUTTON": `.popover {
+		background: #fff;
+	}`,
+  "KOL-TOAST-CONTAINER": `:host {
+		top: 1rem;
+		right: 1rem;
+		width: 440px;
+	}`,
+  "KOL-TOAST": `:host {
+		display: block;
+	}
+	.toast {
+		background: #fff;
+		margin-top: 1rem;
+	}
+	.alert {
+		display: block;
 	}`
 });
 
@@ -22367,6 +22418,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		--color-grey-110: #222732;
 		--color-grey-100: #262b38;
 		--color-grey-80: #515560;
+		--color-grey-75: #515560;
 		--color-grey-60: #7d8088;
 		--color-grey-40: #a8aaaf;
 		--color-grey-20: #d4d5d7;
@@ -22580,7 +22632,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	.open .headline button kol-icon::part(icon)::before {
 		content: "\\f077";
 	}
-	.close .headline button kol-icon::part(icon)::before {
+	:not(.open) .headline button kol-icon::part(icon)::before {
 		content: "\\f078";
 	}
 	.content,
@@ -23083,6 +23135,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	kol-input {
 		gap: var(--spacing-xs);
 	}
+	.button {
+		gap: var(--spacing-xs) 0;
+		grid-template-areas:
+			"input label"
+			"hint hint"
+			"error error";
+	}
 	kol-input > .input {
 		order: 2;
 	}
@@ -23107,7 +23166,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px;
 		outline: none;
 	}
 	input,
@@ -23135,6 +23193,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -23211,7 +23270,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -23239,6 +23297,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -23263,7 +23322,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -23291,6 +23349,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -23315,7 +23374,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -23343,6 +23401,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -23367,7 +23426,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px;
 		outline: none;
 	}
 	input,
@@ -23395,6 +23453,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -23419,7 +23478,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px;
 		outline: none;
 	}
 	input,
@@ -23447,6 +23505,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -23471,7 +23530,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -23499,6 +23557,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	input::placeholder,
 	textarea::placeholder {
@@ -23523,7 +23582,6 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	select,
 	textarea {
 		border: none;
-		margin: 1px 0.5em;
 		outline: none;
 	}
 	input,
@@ -23551,6 +23609,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		color: var(--color-grey);
 		order: 4;
 		align-items: center;
+		padding: 1px 0.5em;
 	}
 	kol-input .counter {
 		order: 5;
@@ -23724,9 +23783,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
   "KOL-INPUT-RADIO": `fieldset {
 		border: 0;
 		gap: 0.5rem;
-	}
-	.input-slot {
-		gap: 0.25rem;
+		flex-wrap: wrap;
 	}
 	fieldset kol-alert {
 		order: 1;
@@ -23740,8 +23797,16 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 	fieldset kol-input {
 		order: 4;
 	}
+	.radio-input-wrapper {
+    display: flex;
+		align-items: center;
+	}
+	.radio-label {
+		padding-left: 0.5rem;
+	}
 	input[type="radio"] {
-		border: 2px solid var(--color-grey-75);
+		outline: 2px solid var(--color-grey-75);
+		outline-offset: 2px;
 	}
 	input[type="radio"]:before {
 		display: none;
@@ -23751,8 +23816,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		border-width: 7px;
 	}
 	input[type="radio"]:focus {
-		outline: 2px solid var(--color-blue);
-		outline-offset: 2px;
+		outline-color: var(--color-blue);
 	}
 	input[type="radio"]:not(:disabled):hover {
 		border-color: var(--color-blue);
@@ -23782,11 +23846,15 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		font-size: 0.875em;
 		margin-left: calc(-1 * var(--spacing-xs));
 		order: 1;
+		width: 100%;
 	}
 	.hint {
 		font-size: 0.875rem;
 		order: 4;
 	}`,
+  "KOL-INPUT-RANGE": `.inputs-wrapper {
+		gap: 1rem;
+	}`,
   "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
 		border-radius: 4px;
 		gap: 0.5rem;
@@ -23795,6 +23863,24 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		background-color: #0e47cb;
 		color: #fff;
 		cursor: pointer;
+	}`,
+  "KOL-SPLIT-BUTTON": `.popover {
+		background: #fff;
+	}`,
+  "KOL-TOAST-CONTAINER": `:host {
+		top: 1rem;
+		right: 1rem;
+		width: 440px;
+	}`,
+  "KOL-TOAST": `:host {
+		display: block;
+	}
+	.toast {
+		background: #fff;
+		margin-top: 1rem;
+	}
+	.alert {
+		display: block;
 	}`
 });
 
@@ -24528,6 +24614,9 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 	:host .default {
 		border-color: var(--color-anthrazit);
 	}
+	.heading {
+		gap: 0.5rem;
+	}
 	.default .heading-icon {
 		background-color: var(--color-anthrazit);
 	}
@@ -24601,7 +24690,6 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 	:host > span {
 		border-radius: 0.3125rem;
 		display: inline-flex;
-		line-height: 1.25rem;
 	}
 	:host > span kol-button-wc {
 		border-left: 1px solid rgba(0, 0, 0, 0.25);
@@ -24914,6 +25002,9 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 		font-size: inherit;
 		line-height: inherit;
 	}
+	.content {
+		padding: 0.5rem;
+	}
 	:host > div > kol-heading-wc button kol-icon::part(close)::before {
 		font-family: "Font Awesome 6 Free";
 		content: "\\f077";
@@ -25123,9 +25214,16 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 	kol-input.default {
 		grid-template-columns: calc(6 * 2 * var(--spacing)) auto;
 	}
-	kol-input.switch {
+	.switch {
 		grid-template-columns: calc(13 * 2 * var(--spacing)) auto;
 	}
+	.button {
+		gap: 0.5rem 0;
+		grid-template-areas:
+			"input label"
+			"hint hint"
+			"error error";
+	}
 	kol-input > div.input {
 		display: inline-flex;
 		order: 1;
@@ -25229,11 +25327,13 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 		transform: translateX(0.75em);
 		background-color: var(--color-petrol);
 	}
+	.switch:has(input:not(:checked), input:indeterminate) .icon {
+		color: #fff;
+	}
 	.disabled {
 		opacity: 0.33;
 	}
-	.default kol-icon,
-	.switch kol-icon {
+	.default kol-icon {
 		display: none;
 	}
 	kol-input span.hint {
@@ -25282,8 +25382,10 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 		border: 0px;
 		margin: 0px;
 		padding: 0px;
-		display: grid;
-		gap: 0.25em;
+		flex-wrap: wrap;
+	}
+	fieldset.horizontal {
+		gap: 1rem;
 	}
 	fieldset legend {
 		display: block;
@@ -25324,28 +25426,22 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 		background-color: var(--color-input-bg-default);
 		border-color: #999;
 		cursor: not-allowed;
-	}`,
-  "KOL-TOAST": `:host > div {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 0;
-		z-index: 200;
 	}
-	:host > div > kol-alert {
-		display: block;
-		margin: auto;
-		padding: 1rem;
-		max-width: 750px;
-	}
-	:host > div > kol-button-wc {
-		top: 0;
-		position: relative;
-		display: block;
-		margin: auto;
-		width: 1em;
+	kol-alert {
+		width: 100%:
 	}`,
+  "KOL-TOAST-CONTAINER": `:host {
+		top: 1rem;
+		width: 750px;
+		left: 50%;
+		transform: translateX(-50%);
+	}`,
+  "KOL-TOAST": `
+		.toast {
+			background: #fff;
+			margin-top: 1rem;
+		}
+	`,
   "KOL-TABS": `:host > div {
 		display: block;
 		width: 100%;
@@ -25514,6 +25610,9 @@ const ITZBund = KoliBri.createTheme("itzbund", {
 		border-color: var(--color-petrol);
 		color: var(--color-weiss);
 		cursor: pointer;
+	}`,
+  "KOL-SPLIT-BUTTON": `.popover {
+		background: #fff;
 	}`
 });
 
@@ -35982,6 +36081,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
 	kol-input.switch {
 		grid-template-columns: calc(13 * var(--spacing)) auto;
 	}
+	.button {
+		gap: 0.5rem 0;
+	}
 	kol-input > div.input {
 		display: inline-flex;
 		order: 1;
@@ -36085,6 +36187,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		transform: translateX(0.75em);
 		background-color: var(--kolibri-color-primary);
 	}
+	.switch:has(input:not(:checked), input:indeterminate) .icon {
+		color: #fff;
+	}
 	.disabled {
 		opacity: 0.33;
 	}`,
@@ -36530,6 +36635,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		font-weight: inherit;
 		font-size: inherit;
 		line-height: inherit;
+	}
+	.content {
+		padding: 0.5rem;
 	}`,
   "KOL-CARD": `:host > div {
 		border-color: var(--kolibri-border-color);
@@ -36554,7 +36662,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		padding: 0.5rem;
 	}
 	:host div.content {
-		padding: 0;
+		padding: 0.5rem;
 	}
 	:host div.content,
 	:host div.content + div.footer {
@@ -36817,28 +36925,18 @@ const MAPZ = KoliBri.createTheme("mapz", {
 	:host > div.tabs-align-right > div {
 		border-radius: 0.25rem 0 0 0.25rem;
 	}`,
-  "KOL-TOAST": `:host > div {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 0;
-		z-index: 200;
-	}
-	:host > div > kol-alert {
-		background-color: white;
-		border-radius: var(--kolibri-border-radius);
-		display: block;
-		margin: 1rem auto;
-		max-width: 750px;
-	}
-	:host > div > kol-button-wc {
-		top: 0;
-		position: relative;
-		display: block;
-		margin: auto;
-		width: 1em;
+  "KOL-TOAST-CONTAINER": `:host {
+		top: 1rem;
+		width: 750px;
+		left: 50%;
+		transform: translateX(-50%);
 	}`,
+  "KOL-TOAST": `
+		.toast {
+			background: #fff;
+			margin-top: 1rem;
+		}
+	`,
   "KOL-NAV": `:host > div {
 		gap: var(--spacing);
 	}
@@ -52688,6 +52786,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		border-color: var(--kolibri-border-color);
 		color: white;
 		cursor: pointer;
+	}`,
+  "KOL-SPLIT-BUTTON": `.popover {
+		background: #fff;
 	}`
 });
 
@@ -52790,7 +52891,6 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 	:host > span {
 		border-radius: 0.3125rem;
 		display: inline-flex;
-		line-height: 1.25rem;
 	}
 	:host > span kol-span-wc {
 		padding: 0.25rem 0.5rem;
@@ -53019,13 +53119,13 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 	}
 	th[data-sort="sort-NOS"] kol-button::part(icon)::before,
 	th[data-sort="sort-undefined"] kol-button::part(icon)::before {
-		content: "\f0dc";
+		content: "\\f0dc";
 	}
 	th[data-sort="sort-ASC"] kol-button::part(icon)::before {
-		content: "\f0de";
+		content: "\\f0de";
 	}
 	th[data-sort="sort-DESC"] kol-button::part(icon)::before {
-		content: "\f0dd";
+		content: "\\f0dd";
 	}`,
   "KOL-ACCORDION": `:host > div {
 		border-color: var(--border-color);
@@ -53065,7 +53165,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 	:host > div.open > kol-heading-wc button kol-icon::part(icon)::before {
 		content: "\\f077";
 	}
-	:host > div.close > kol-heading-wc button kol-icon::part(icon)::before {
+	:host > div:not(.open) > kol-heading-wc button kol-icon::part(icon)::before {
 		content: "\\f078";
 	}`,
   "KOL-ALERT": `kol-alert-wc {
@@ -53135,7 +53235,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 		display: flex;
 		gap: var(--spacing);
 		flex-grow: 1;
-		align-items: flex-start;
+		align-items: center;
 	}
 	.msg .heading > div {
 		display: flex;
@@ -53215,8 +53315,11 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 		border-radius: var(--border-radius);
 		border-style: solid;
 		border-width: 1px;
+		background: #fff;
 	}
-	:host > div .header {
+	:host > div .header,
+	.content,
+	.footer {
 		padding: 1.5rem;
 	}`,
   "KOL-BUTTON": `:host > kol-button-wc > button > kol-span-wc,
@@ -53443,27 +53546,18 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 		padding: 0.75rem 1rem;
 		text-decoration: underline;
 	}`,
-  "KOL-TOAST": `:host > div {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 0;
-		z-index: 200;
-	}
-	:host > div > kol-alert {
-		display: block;
-		margin: auto;
-		padding: 1rem;
-		max-width: 750px;
-	}
-	:host > div > kol-button-wc {
-		top: 0;
-		position: relative;
-		display: block;
-		margin: auto;
-		width: 1em;
+  "KOL-TOAST-CONTAINER": `:host {
+		top: 1rem;
+		width: 750px;
+		left: 50%;
+		transform: translateX(-50%);
 	}`,
+  "KOL-TOAST": `
+		.toast {
+			background: #fff;
+			margin-top: 1rem;
+		}
+	`,
   "KOL-PROGRESS": `svg line:first-child,
 	svg circle:first-child {
 		stroke: var(--color-neutral);
@@ -53510,6 +53604,13 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 	kol-input.switch {
 		grid-template-columns: calc(13 * var(--spacing)) auto;
 	}
+	.button {
+		grid-template-areas:
+			"input label"
+			"hint hint"
+			"error error";
+		gap: 0.5rem 0;
+	}
 	kol-input > div.input {
 		display: inline-flex;
 		order: 1;
@@ -53614,6 +53715,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 		transform: translateX(0.75em);
 		background-color: white;
 	}
+	.switch:has(input:not(:checked, :indeterminate)) .icon {
+		color: #fff;
+	}
 	.disabled {
 		opacity: 0.33;
 	}`,
@@ -53698,6 +53802,13 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 	fieldset kol-input {
 		order: 2;
 	}
+	.radio-input-wrapper {
+    display: flex;
+		align-items: center;
+	}
+	.radio-label {
+		padding-left: 0.5rem;
+	}
 	.disabled {
 		opacity: 0.33;
 	}
@@ -61313,6 +61424,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 		border-color: var(--color-blau-dark);
 		color: white;
 		cursor: pointer;
+	}`,
+  "KOL-SPLIT-BUTTON": `.popover {
+		background: #fff;
 	}`
 });