fix: format

public-ui · Oct 23, 2023 · 95a93d3 · 95a93d3
1 parent a6771a7
commit 95a93d3
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 33 deletions.
diff --git a/packages/themes/zoll/src/v3/components/alert.ts b/packages/themes/zoll/src/v3/components/alert.ts
@@ -1,4 +1,4 @@
-import { css } from "../cssTag";
+import { css } from '../cssTag';
 
 export default css`
 	kol-alert-wc {
@@ -151,31 +151,31 @@ export default css`
 	}
 
 	kol-icon::part(icon) {
-		font-family: "Font Awesome 6 Free";
+		font-family: 'Font Awesome 6 Free';
 		font-weight: 900;
 	}
 
 	.default kol-icon::part(icon)::before {
-		content: "\\f05a";
+		content: '\\f05a';
 	}
 
 	.error kol-icon::part(icon)::before {
-		content: "\\f06a";
+		content: '\\f06a';
 	}
 
 	.info kol-icon::part(icon)::before {
-		content: "\\f0eb";
+		content: '\\f0eb';
 	}
 
 	.success kol-icon::part(icon)::before {
-		content: "\\f058";
+		content: '\\f058';
 	}
 
 	.warning kol-icon::part(icon)::before {
-		content: "\\f071";
+		content: '\\f071';
 	}
 
 	.close button kol-icon::part(icon)::before {
-		content: "\\f00d";
+		content: '\\f00d';
 	}
 `;
diff --git a/packages/themes/zoll/src/v3/components/button.ts b/packages/themes/zoll/src/v3/components/button.ts
@@ -1,4 +1,4 @@
-import { css } from "../cssTag";
+import { css } from '../cssTag';
 
 export default css`
 	/* BASE */

diff --git a/packages/themes/zoll/src/v3/components/checkbox.ts b/packages/themes/zoll/src/v3/components/checkbox.ts
@@ -1,4 +1,4 @@
-import { css } from "../cssTag";
+import { css } from '../cssTag';
 
 export default css`
 	:host {
@@ -26,7 +26,7 @@ export default css`
 		color: var(--color-rot);
 	}
 	kol-input.required label > span::after {
-		content: "*";
+		content: '*';
 		padding-left: 0.125em;
 	}
 	.input {
@@ -37,10 +37,10 @@ export default css`
 		background-color: white;
 		margin: 0;
 		&:before {
-			content: "";
+			content: '';
 		}
 	}
-	kol-input.error input[type="checkbox"] {
+	kol-input.error input[type='checkbox'] {
 		border: 2px solid var(--color-rot);
 	}
 	kol-input:not(.disabled) :is(.input, label) {
@@ -74,7 +74,7 @@ export default css`
 	kol-input.default {
 		grid-template-columns: calc(6 * var(--spacing)) auto;
 	}
-	.default input[type="checkbox"] {
+	.default input[type='checkbox'] {
 		border-radius: 0.25em;
 		border: 2px solid var(--color-neutral-dark);
 		height: calc(6 * var(--spacing));
@@ -112,7 +112,7 @@ export default css`
 	kol-input.switch {
 		grid-template-columns: calc(13 * var(--spacing)) auto;
 	}
-	.switch input[type="checkbox"] {
+	.switch input[type='checkbox'] {
 		background: var(--color-grau-50);
 		border-color: transparent;
 		border-radius: var(--a11y-min-size);
@@ -122,7 +122,7 @@ export default css`
 		transition: outline-offset 0.25s linear;
 		width: 3.2em;
 	}
-	.switch input[type="checkbox"]::before {
+	.switch input[type='checkbox']::before {
 		background-color: white;
 		border-radius: 50%;
 		height: 1.2em;
@@ -131,18 +131,18 @@ export default css`
 		top: calc(0.25em - 2px);
 		width: 1.2em;
 	}
-	.switch:not(.disabled):hover input[type="checkbox"],
-	.switch:not(.disabled):focus-within input[type="checkbox"] {
+	.switch:not(.disabled):hover input[type='checkbox'],
+	.switch:not(.disabled):focus-within input[type='checkbox'] {
 		outline: 0.125rem solid var(--color-blau-dark);
 		outline-offset: 0.125rem;
 	}
-	.switch input[type="checkbox"]:checked {
+	.switch input[type='checkbox']:checked {
 		background: var(--color-blau);
 	}
-	.switch input[type="checkbox"]:checked::before {
+	.switch input[type='checkbox']:checked::before {
 		transform: translateX(1.5em);
 	}
-	.switch input[type="checkbox"]:indeterminate:before {
+	.switch input[type='checkbox']:indeterminate:before {
 		transform: translateX(0.75em);
 	}
 	.switch .icon {
@@ -153,12 +153,12 @@ export default css`
 			font-weight: 700;
 		}
 	}
-	.switch:has(input[type="checkbox"]:not(:checked, :indeterminate)) .icon {
+	.switch:has(input[type='checkbox']:not(:checked, :indeterminate)) .icon {
 		opacity: 0; /* Avoid display: none because it breaks the transform-animation */
 	}
 
 	/* BUTTON */
 	kol-input.button {
-		grid-template-areas: "input label" "error error" "hint hint";
+		grid-template-areas: 'input label' 'error error' 'hint hint';
 	}
 `;
diff --git a/packages/themes/zoll/src/v3/components/details.ts b/packages/themes/zoll/src/v3/components/details.ts
@@ -1,4 +1,4 @@
-import { css } from "../cssTag";
+import { css } from '../cssTag';
 
 export default css`
 	details > summary {

diff --git a/packages/themes/zoll/src/v3/components/radio.ts b/packages/themes/zoll/src/v3/components/radio.ts
@@ -1,4 +1,4 @@
-import { css } from "../cssTag";
+import { css } from '../cssTag';
 
 export default css`
 	/* ALL INPUT, SELECT, TEXTAREA */
@@ -24,7 +24,7 @@ export default css`
 		text-decoration: underline;
 	}
 	.required legend > span::after {
-		content: "*";
+		content: '*';
 		padding-left: 0.125em;
 	}
 	input {
@@ -58,7 +58,7 @@ export default css`
 		align-items: center;
 		gap: 0.75rem;
 	}
-	fieldset div input[type="radio"] {
+	fieldset div input[type='radio'] {
 		appearance: none;
 		transition: 0.5s;
 		border-radius: 100% !important; /* important to enforce during shared :focus style */
@@ -67,14 +67,14 @@ export default css`
 		width: calc(6 * var(--spacing));
 		border-color: var(--color-grau-30);
 	}
-	kol-input:not(.disabled):hover input[type="radio"],
-	kol-input:focus-within input[type="radio"] {
+	kol-input:not(.disabled):hover input[type='radio'],
+	kol-input:focus-within input[type='radio'] {
 		border-color: var(--color-neutral-dark-correct);
 	}
-	.error input[type="radio"] {
+	.error input[type='radio'] {
 		border-color: var(--color-rot);
 	}
-	fieldset div input[type="radio"]:checked:before {
+	fieldset div input[type='radio']:checked:before {
 		box-shadow: 0 0 0.1rem black;
 		background-color: var(--color-blau);
 	}

diff --git a/packages/themes/zoll/src/v3/components/tabs.ts b/packages/themes/zoll/src/v3/components/tabs.ts
@@ -1,4 +1,4 @@
-import { css } from "../cssTag";
+import { css } from '../cssTag';
 
 export default css`
 	kol-button-group-wc {
@@ -19,7 +19,7 @@ export default css`
 		}
 	}
 	kol-button-wc button.selected,
-	kol-button-wc[aria-selected="true"] button {
+	kol-button-wc[aria-selected='true'] button {
 		border-bottom-color: var(--color-blau);
 	}
 	button:disabled {