@public-ui/themes 1.7.0-rc.11 → 1.7.0-rc.13

package/dist/index.cjs

@@ -4339,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;
 	}`,
@@ -4619,10 +4632,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
 		background-color: white;
 		border-radius: 0.3125rem;
 	}
+	kol-input .counter {
+		order: 3;
+	}
 	kol-input kol-alert.error {
 		margin-bottom: 0.4em;
 		margin-top: 0.2em;
-		order: 3;
+		order: 4;
 	}
 	input,
 	select,
@@ -6923,9 +6939,6 @@ const BZSt = KoliBri.createTheme("bzst", {
   "KOL-TEXTAREA": `kol-input {
 		gap: 0.4em;
 	}
-	kol-input .error {
-		order: 3;
-	}
 	kol-input label {
 		font-weight: 700;
 		order: 1;
@@ -6933,8 +6946,14 @@ const BZSt = KoliBri.createTheme("bzst", {
 	kol-input .input {
 		order: 2;
 	}
-	kol-input .hint {
+	kol-input .counter {
+		order: 3;
+	}
+	kol-input .error {
 		order: 4;
+	}
+	kol-input .hint {
+		order: 5;
 		font-size: 0.875em;
 		font-style: italic;
 	}
@@ -10696,6 +10715,20 @@ 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;
 	}
@@ -19175,8 +19208,11 @@ const DEFAULT = KoliBri.createTheme("default", {
 		kol-input .input {
 			order: 3;
 		}
-		kol-input .hint {
+		kol-input .counter {
 			order: 4;
+		}
+		kol-input .hint {
+			order: 5;
 			font-size: 0.9rem;
 			font-style: italic;
 		}
@@ -20257,6 +20293,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;
 		}
@@ -22128,6 +22179,9 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		order: 4;
 		align-items: center;
 	}
+	.counter {
+		order: 5;
+	}
 	input::placeholder,
 	textarea::placeholder {
 		color: var(--color-grey-50);
@@ -23542,6 +23596,9 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		order: 4;
 		align-items: center;
 	}
+	kol-input .counter {
+		order: 5;
+	}
 	input::placeholder,
 	textarea::placeholder {
 		color: var(--color-grey-50);
@@ -25216,11 +25273,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 {
@@ -35851,6 +35910,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		border-width: 2px;
 		order: 2;
 	}
+	kol-input .counter {
+		order: 3;
+	}
 	kol-input:hover > .input {
 		border-color: var(--kolibri-color-secondary);
 	}
@@ -35861,10 +35923,10 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		margin-right: 0.75em;
 	}
 	kol-input > .error {
-		order: 3;
+		order: 4;
 	}
 	kol-input > .hint {
-		order: 4;
+		order: 5;
 		font-size: 0.875em;
 	}
 	input,
@@ -36069,6 +36131,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;
 	}`,
@@ -53598,6 +53663,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;
 	}`,
@@ -54053,14 +54121,17 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 		border-radius: 0.25rem;
 		order: 2;
 	}
+	kol-input .counter {
+		order: 3;
+	}
+	kol-input > kol-alert.error {
+		order: 4;
+	}
 	kol-input > span.hint {
 		color: var(--color-grau-60);
 		font-style: italic;
-		order: 4;
+		order: 5;
 		font-size: 0.8rem;
-	}
-	kol-input > kol-alert.error {
-		order: 3;
 	}`,
   "KOL-INDENTED-TEXT": `:host > div {
 		background: white;

package/dist/index.mjs

@@ -4337,6 +4337,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;
 	}`,
@@ -4617,10 +4630,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
 		background-color: white;
 		border-radius: 0.3125rem;
 	}
+	kol-input .counter {
+		order: 3;
+	}
 	kol-input kol-alert.error {
 		margin-bottom: 0.4em;
 		margin-top: 0.2em;
-		order: 3;
+		order: 4;
 	}
 	input,
 	select,
@@ -6921,9 +6937,6 @@ const BZSt = KoliBri.createTheme("bzst", {
   "KOL-TEXTAREA": `kol-input {
 		gap: 0.4em;
 	}
-	kol-input .error {
-		order: 3;
-	}
 	kol-input label {
 		font-weight: 700;
 		order: 1;
@@ -6931,8 +6944,14 @@ const BZSt = KoliBri.createTheme("bzst", {
 	kol-input .input {
 		order: 2;
 	}
-	kol-input .hint {
+	kol-input .counter {
+		order: 3;
+	}
+	kol-input .error {
 		order: 4;
+	}
+	kol-input .hint {
+		order: 5;
 		font-size: 0.875em;
 		font-style: italic;
 	}
@@ -10694,6 +10713,20 @@ 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;
 	}
@@ -19173,8 +19206,11 @@ const DEFAULT = KoliBri.createTheme("default", {
 		kol-input .input {
 			order: 3;
 		}
-		kol-input .hint {
+		kol-input .counter {
 			order: 4;
+		}
+		kol-input .hint {
+			order: 5;
 			font-size: 0.9rem;
 			font-style: italic;
 		}
@@ -20255,6 +20291,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;
 		}
@@ -22126,6 +22177,9 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
 		order: 4;
 		align-items: center;
 	}
+	.counter {
+		order: 5;
+	}
 	input::placeholder,
 	textarea::placeholder {
 		color: var(--color-grey-50);
@@ -23540,6 +23594,9 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
 		order: 4;
 		align-items: center;
 	}
+	kol-input .counter {
+		order: 5;
+	}
 	input::placeholder,
 	textarea::placeholder {
 		color: var(--color-grey-50);
@@ -25214,11 +25271,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 {
@@ -35849,6 +35908,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		border-width: 2px;
 		order: 2;
 	}
+	kol-input .counter {
+		order: 3;
+	}
 	kol-input:hover > .input {
 		border-color: var(--kolibri-color-secondary);
 	}
@@ -35859,10 +35921,10 @@ const MAPZ = KoliBri.createTheme("mapz", {
 		margin-right: 0.75em;
 	}
 	kol-input > .error {
-		order: 3;
+		order: 4;
 	}
 	kol-input > .hint {
-		order: 4;
+		order: 5;
 		font-size: 0.875em;
 	}
 	input,
@@ -36067,6 +36129,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;
 	}`,
@@ -53596,6 +53661,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;
 	}`,
@@ -54051,14 +54119,17 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
 		border-radius: 0.25rem;
 		order: 2;
 	}
+	kol-input .counter {
+		order: 3;
+	}
+	kol-input > kol-alert.error {
+		order: 4;
+	}
 	kol-input > span.hint {
 		color: var(--color-grau-60);
 		font-style: italic;
-		order: 4;
+		order: 5;
 		font-size: 0.8rem;
-	}
-	kol-input > kol-alert.error {
-		order: 3;
 	}`,
   "KOL-INDENTED-TEXT": `:host > div {
 		background: white;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/themes",
-	"version": "1.7.0-rc.11",
+	"version": "1.7.0-rc.13",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": "https://github.com/public-ui/kolibri",
@@ -48,17 +48,17 @@
 		"prepack": "unbuild"
 	},
 	"devDependencies": {
-		"@public-ui/schema": "1.7.0-rc.11",
+		"@public-ui/schema": "1.7.0-rc.13",
 		"@types/node": "ts5.1",
-		"@typescript-eslint/eslint-plugin": "6.7.0",
-		"@typescript-eslint/parser": "6.7.0",
+		"@typescript-eslint/eslint-plugin": "6.7.2",
+		"@typescript-eslint/parser": "6.7.2",
 		"eslint": "8.49.0",
 		"eslint-plugin-no-loops": "0.3.0",
 		"typescript": "5.2.2",
 		"unbuild": "1.2.1"
 	},
 	"peerDependencies": {
-		"@public-ui/components": "1.7.0-rc.11"
+		"@public-ui/components": "1.7.0-rc.13"
 	},
 	"sideEffects": false,
 	"type": "module",