@bexis2/bexis2-core-ui 0.4.98 → 0.4.99

package/dist/components/form/Checkbox.svelte

@@ -1,17 +1,27 @@
 <script>import InputContainer from "./InputContainer.svelte";
 export let id = "";
 export let label = "";
+export let title = "";
 export let checked = false;
 export let valid;
 export let invalid;
 export let required;
 export let feedback;
 export let description = "";
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 </script>
 
+
 <InputContainer {label} {feedback} {required} {description}>
 	<input
 		{id}
+		{title}
 		class="input variant-form-material bg-zinc-50 dark:bg-zinc-50"
 		type="checkbox"
 		class:input-success={valid}

package/dist/components/form/Checkbox.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         id?: string;
         label?: string;
+        title?: string;
         checked?: boolean;
         valid: boolean;
         invalid: boolean;

package/dist/components/form/CheckboxKvPList.svelte

@@ -3,19 +3,28 @@ export let id;
 export let source;
 export let target;
 export let title;
+export let label;
 export let description = "";
 export let key;
 export let help = false;
 export let vertical = false;
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 let required = false;
 export let feedback;
 </script>
 
-<InputContainer {id} label={title} {feedback} {required} {help} {description}>
+<InputContainer {id} {label} {feedback} {required} {help} {description}>
 	<div class="flex gap-2" class:flex-col={vertical}>
 		{#each source as item}
 			<label class="flex items-center space-x-2" for={item.key}>
 				<input
+				 {title}
 					class="checkbox"
 					type="checkbox"
 					bind:group={target}

package/dist/components/form/CheckboxKvPList.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         source: any;
         target: any;
         title: any;
+        label: any;
         description?: string;
         key: any;
         help?: boolean;

package/dist/components/form/CheckboxList.svelte

@@ -2,13 +2,21 @@
 export let source;
 export let target;
 export let title;
+export let label;
 export let description = "";
 export let key;
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 export let required = false;
 export let feedback;
 </script>
 
-<InputContainer label={title} {feedback} {required} {description}>
+<InputContainer {label} {feedback} {required} {description}>
 	{#each source as item}
 		<label class="flex items-center space-x-2" for={item}>
 			<input class="checkbox" type="checkbox" bind:group={target} value={item} id={item} />

package/dist/components/form/CheckboxList.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
         source: any;
         target: any;
         title: any;
+        label: any;
         description?: string;
         key: any;
         required?: boolean;

package/dist/components/form/DateInput.svelte

@@ -1,6 +1,7 @@
 <script>import InputContainer from "./InputContainer.svelte";
 export let id = "";
 export let label = "";
+export let title = "";
 export let value = "";
 export let valid = false;
 export let invalid = false;
@@ -11,6 +12,13 @@ export let disabled = false;
 export let description = "";
 export let showDescription = false;
 export let showIcon = false;
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 </script>
 
 <InputContainer
@@ -27,6 +35,7 @@ export let showIcon = false;
 >
 	<input
 		{id}
+		{title}
 		class="input variant-form-material bg-zinc-50 dark:bg-zinc-700 placeholder:text-gray-400"
 		type="date"
 		class:input-success={valid}

package/dist/components/form/DateInput.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         id?: string;
         label?: string;
+        title?: string;
         value?: string;
         valid?: boolean;
         invalid?: boolean;

package/dist/components/form/DatePickerInput.svelte

@@ -4,6 +4,7 @@ import InputContainer from "./InputContainer.svelte";
 import SveltyPicker from "svelty-picker";
 export let id = "";
 export let label = "";
+export let title = "";
 export let value = "";
 export let valid = false;
 export let invalid = false;
@@ -31,6 +32,13 @@ if (mode === "datetime" && (format === "yyyy-mm-dd" || displayFormat === "yyyy-m
 if (mode === "datetime") {
   width = "w-64";
 }
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 </script>
 
 <InputContainer

package/dist/components/form/DatePickerInput.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         id?: string;
         label?: string;
+        title?: string;
         value?: string;
         valid?: boolean;
         invalid?: boolean;

package/dist/components/form/Dropdown.svelte

@@ -5,6 +5,7 @@
 	export let source;
 	export let target;
 	export let title;
+	export	let label;
 	export let valid = false;
 	export let invalid = false;
 	export let feedback = [''];
@@ -27,11 +28,21 @@
 	function updatedTarget(value) {
 		target = value;
 	}
+
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
+
 </script>
 
 <InputContainer
 	{id}
-	label={title}
+	{label}
 	{feedback}
 	{required}
 	{help}
@@ -43,6 +54,7 @@
 >
 	<select
 		{id}
+		{title}
 		class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		class:input-success={valid}
 		class:input-error={invalid}

package/dist/components/form/Dropdown.svelte.d.ts

@@ -5,6 +5,7 @@ export default class Dropdown extends SvelteComponent<{
     id: any;
     target: any;
     title: any;
+    label: any;
     source: any;
     description?: string | undefined;
     showDescription?: boolean | undefined;
@@ -32,6 +33,7 @@ declare const __propDef: {
         id: any;
         target: any;
         title: any;
+        label: any;
         source: any;
         description?: string | undefined;
         showDescription?: boolean | undefined;

package/dist/components/form/DropdownKvP.svelte

@@ -5,6 +5,7 @@
 	export let source;
 	export let target;
 	export let title;
+	export let label;
 	export let valid = false;
 	export let invalid = false;
 	export let feedback = [''];
@@ -36,11 +37,20 @@
 			target = id;
 		}
 	}
+
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
 </script>
 
 <InputContainer
 	{id}
-	label={title}
+	{label}
 	{feedback}
 	{required}
 	{help}
@@ -52,6 +62,7 @@
 >
 	<select
 		{id}
+		{title}
 		class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		class:input-success={valid}
 		class:input-error={invalid}

package/dist/components/form/DropdownKvP.svelte.d.ts

@@ -5,6 +5,7 @@ export default class DropdownKvP extends SvelteComponent<{
     id: any;
     target: any;
     title: any;
+    label: any;
     source: any;
     description?: string | undefined;
     showDescription?: boolean | undefined;
@@ -33,6 +34,7 @@ declare const __propDef: {
         id: any;
         target: any;
         title: any;
+        label: any;
         source: any;
         description?: string | undefined;
         showDescription?: boolean | undefined;

package/dist/components/form/MultiSelect.svelte

@@ -9,6 +9,7 @@
 	export let target;
 	export let id;
 	export let title;
+	export	let label;
 	export let itemId = 'value';
 	export let itemLabel = 'label';
 	export let itemGroup = '';
@@ -30,6 +31,15 @@
 
 	let isLoaded = false;
 
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
+
 	$: value = '';
 	$: updateTarget(value);
 	$: (target, setValue(target));
@@ -303,7 +313,7 @@
 
 <InputContainer
 	{id}
-	label={title}
+	{label}
 	{feedback}
 	{required}
 	{help}

package/dist/components/form/MultiSelect.svelte.d.ts

@@ -5,6 +5,7 @@ export default class MultiSelect extends SvelteComponent<{
     id: any;
     target: any;
     title: any;
+    label: any;
     source: any;
     description?: string | undefined;
     showDescription?: boolean | undefined;
@@ -49,6 +50,7 @@ declare const __propDef: {
         id: any;
         target: any;
         title: any;
+        label: any;
         source: any;
         description?: string | undefined;
         showDescription?: boolean | undefined;

package/dist/components/form/NumberInput.svelte

@@ -3,6 +3,7 @@ import { helpStore } from "../../stores/pageStores";
 import { convertServerColumns } from "../Table/utils";
 export let id = "";
 export let label = "";
+export let title = "";
 export let value = "";
 export let valid = false;
 export let invalid = false;
@@ -16,6 +17,13 @@ export let showDescription = false;
 export let showIcon = false;
 export let min = void 0;
 export let max = void 0;
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 $: if (max != void 0 && parseInt(value) > max) {
   value = max.toString();
 }
@@ -38,6 +46,7 @@ $: if (min != void 0 && parseInt(value) < min) {
 >
 	<input
 		{id}
+		{title}
 		class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		type="number"
 		class:input-success={valid}

package/dist/components/form/NumberInput.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         id?: string;
         label?: string;
+        title?: string;
         value?: string;
         valid?: boolean;
         invalid?: boolean;

package/dist/components/form/TextArea.svelte

@@ -1,6 +1,7 @@
 <script>import InputContainer from "./InputContainer.svelte";
 export let id = "";
 export let label = "";
+export let title = "";
 export let value = "";
 export let valid = false;
 export let invalid = false;
@@ -12,6 +13,13 @@ export let disabled = false;
 export let description = "";
 export let showDescription = false;
 export let showIcon = false;
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 </script>
 
 <InputContainer
@@ -28,6 +36,7 @@ export let showIcon = false;
 >
 	<textarea
 		{id}
+		{title}
 		class="textarea variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		class:input-success={valid}
 		class:input-error={invalid}

package/dist/components/form/TextArea.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         id?: string;
         label?: string;
+        title?: string;
         value?: string;
         valid?: boolean;
         invalid?: boolean;

package/dist/components/form/TextInput.svelte

@@ -1,6 +1,7 @@
 <script>import InputContainer from "./InputContainer.svelte";
 export let id = "";
 export let label = "";
+export let title = "";
 export let value = "";
 export let valid = false;
 export let invalid = false;
@@ -12,6 +13,13 @@ export let disabled = false;
 export let description = "";
 export let showDescription = false;
 export let showIcon = false;
+$: {
+  if ((!label || label.trim() === "") && title && title.trim() !== "") {
+    label = title;
+  } else if ((!title || title.trim() === "") && label && label.trim() !== "") {
+    title = label;
+  }
+}
 </script>
 
 <InputContainer
@@ -28,6 +36,7 @@ export let showIcon = false;
 >
 	<input
 		{id}
+		{title}
 		class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		type="text"
 		class:input-success={valid}

package/dist/components/form/TextInput.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         id?: string;
         label?: string;
+        title?: string;
         value?: string;
         valid?: boolean;
         invalid?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bexis2/bexis2-core-ui",
-	"version": "0.4.98",
+	"version": "0.4.99",
 	"private": false,
 	"description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
 	"keywords": [

package/src/lib/components/form/Checkbox.svelte

@@ -3,6 +3,7 @@
 
 	export let id: string = '';
 	export let label: string = '';
+	export let title: string = '';
 	export let checked: boolean = false;
 
 	export let valid: boolean;
@@ -10,11 +11,24 @@
 	export let required: boolean;
 	export let feedback: [];
 	export let description: string = '';
+
+$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
+
+
 </script>
 
+
 <InputContainer {label} {feedback} {required} {description}>
 	<input
 		{id}
+		{title}
 		class="input variant-form-material bg-zinc-50 dark:bg-zinc-50"
 		type="checkbox"
 		class:input-success={valid}

package/src/lib/components/form/CheckboxKvPList.svelte

@@ -5,20 +5,30 @@
 	export let source;
 	export let target;
 	export let title;
+	export let label
 	export let description = '';
 	export let key;
 	export let help = false;
 	export let vertical = false;
 
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
 	let required = false;
 	export let feedback: [];
 </script>
 
-<InputContainer {id} label={title} {feedback} {required} {help} {description}>
+<InputContainer {id} {label} {feedback} {required} {help} {description}>
 	<div class="flex gap-2" class:flex-col={vertical}>
 		{#each source as item}
 			<label class="flex items-center space-x-2" for={item.key}>
 				<input
+				 {title}
 					class="checkbox"
 					type="checkbox"
 					bind:group={target}

package/src/lib/components/form/CheckboxList.svelte

@@ -4,14 +4,24 @@
 	export let source;
 	export let target;
 	export let title;
+	export let label;
 	export let description = '';
 	export let key;
 
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
+
 	export let required = false;
 	export let feedback: [];
 </script>
 
-<InputContainer label={title} {feedback} {required} {description}>
+<InputContainer {label} {feedback} {required} {description}>
 	{#each source as item}
 		<label class="flex items-center space-x-2" for={item}>
 			<input class="checkbox" type="checkbox" bind:group={target} value={item} id={item} />

package/src/lib/components/form/DateInput.svelte

@@ -3,6 +3,7 @@
 
 	export let id: string = '';
 	export let label: string = '';
+	export let title: string = '';
 	export let value: string = '';
 	export let valid: boolean = false;
 	export let invalid: boolean = false;
@@ -13,6 +14,16 @@
 	export let description: string = '';
 	export let showDescription: boolean = false;
 	export let showIcon: boolean = false;
+
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
+
 </script>
 
 <InputContainer
@@ -29,6 +40,7 @@
 >
 	<input
 		{id}
+		{title}
 		class="input variant-form-material bg-zinc-50 dark:bg-zinc-700 placeholder:text-gray-400"
 		type="date"
 		class:input-success={valid}

package/src/lib/components/form/DatePickerInput.svelte

@@ -6,6 +6,7 @@
 
 	export let id: string = '';
 	export let label: string = '';
+	export let title: string = '';
 	export let value: string = '';
 	export let valid: boolean = false;
 	export let invalid: boolean = false;
@@ -37,6 +38,15 @@
 	if (mode === 'datetime') {
 		width = 'w-64';
 	}
+
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
 </script>
 
 <InputContainer

package/src/lib/components/form/Dropdown.svelte

@@ -5,6 +5,7 @@
 	export let source;
 	export let target;
 	export let title;
+	export	let label;
 	export let valid = false;
 	export let invalid = false;
 	export let feedback = [''];
@@ -27,11 +28,21 @@
 	function updatedTarget(value) {
 		target = value;
 	}
+
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
+
 </script>
 
 <InputContainer
 	{id}
-	label={title}
+	{label}
 	{feedback}
 	{required}
 	{help}
@@ -43,6 +54,7 @@
 >
 	<select
 		{id}
+		{title}
 		class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		class:input-success={valid}
 		class:input-error={invalid}

package/src/lib/components/form/DropdownKvP.svelte

@@ -5,6 +5,7 @@
 	export let source;
 	export let target;
 	export let title;
+	export let label;
 	export let valid = false;
 	export let invalid = false;
 	export let feedback = [''];
@@ -36,11 +37,20 @@
 			target = id;
 		}
 	}
+
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
 </script>
 
 <InputContainer
 	{id}
-	label={title}
+	{label}
 	{feedback}
 	{required}
 	{help}
@@ -52,6 +62,7 @@
 >
 	<select
 		{id}
+		{title}
 		class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		class:input-success={valid}
 		class:input-error={invalid}

package/src/lib/components/form/MultiSelect.svelte

@@ -9,6 +9,7 @@
 	export let target;
 	export let id;
 	export let title;
+	export	let label;
 	export let itemId = 'value';
 	export let itemLabel = 'label';
 	export let itemGroup = '';
@@ -30,6 +31,15 @@
 
 	let isLoaded = false;
 
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
+
 	$: value = '';
 	$: updateTarget(value);
 	$: (target, setValue(target));
@@ -303,7 +313,7 @@
 
 <InputContainer
 	{id}
-	label={title}
+	{label}
 	{feedback}
 	{required}
 	{help}

package/src/lib/components/form/NumberInput.svelte

@@ -5,6 +5,7 @@
 
 	export let id: string = '';
 	export let label: string = '';
+	export let title: string = '';
 	export let value: string = '';
 
 	export let valid: boolean = false;
@@ -20,6 +21,14 @@
 	export let min: number | undefined = undefined;
 	export let max: number | undefined = undefined;
 
+	$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+	
 	// Diese Zeile wird jedes Mal ausgeführt, wenn sich "menge" ändert
 	$: if (max != undefined && parseInt(value) > max) {
 		value = max.toString();
@@ -44,6 +53,7 @@
 >
 	<input
 		{id}
+		{title}
 		class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		type="number"
 		class:input-success={valid}

package/src/lib/components/form/TextArea.svelte

@@ -3,6 +3,7 @@
 
 	export let id: string = '';
 	export let label: string = '';
+	export	let title: string = '';
 	export let value: string = '';
 
 	export let valid: boolean = false;
@@ -15,6 +16,14 @@
 	export let description: string = '';
 	export let showDescription: boolean = false;
 	export let showIcon: boolean = false;
+
+		$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
 </script>
 
 <InputContainer
@@ -31,6 +40,7 @@
 >
 	<textarea
 		{id}
+		{title}
 		class="textarea variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		class:input-success={valid}
 		class:input-error={invalid}

package/src/lib/components/form/TextInput.svelte

@@ -3,6 +3,7 @@
 
 	export let id: string = '';
 	export let label: string = '';
+	export	let title: string = '';
 	export let value: string = '';
 	export let valid: boolean = false;
 	export let invalid: boolean = false;
@@ -14,6 +15,15 @@
 	export let description: string = '';
 	export let showDescription: boolean = false;
 	export let showIcon: boolean = false;
+
+$: {
+	if ((!label || label.trim() === '') && title && title.trim() !== '') {
+		label = title;
+	} else if ((!title || title.trim() === '') && label && label.trim() !== '') {
+		title = label;
+	}
+}
+
 </script>
 
 <InputContainer
@@ -30,6 +40,7 @@
 >
 	<input
 		{id}
+		{title}
 		class="input variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
 		type="text"
 		class:input-success={valid}

package/dist/css/themes/theme-bexis2.css_old

@@ -1,100 +0,0 @@
-[data-theme='bexis2theme'] {
-	/* =~= Theme Properties =~= */
-	--base-font-family: system-ui;
-	--base-font-color: var(--color-surface-900);
-	--base-font-color-dark: 255 255 255;
-	/*--theme-rounded-base: 4px;
-	--theme-rounded-container: 4px;
-	--theme-border-base: 1px;*/
-	--radius-base: 4px;
-	--radius-container: 4px;
-	--default-border-width: 1px;
-	--default-divide-width: 1px;
-	--default-ring-width: 1px;
-	/* =~= Theme On-X Colors =~= */
-	--on-primary: 255 255 255;
-	--on-secondary: 255 255 255;
-	--on-tertiary: 0 0 0;
-	--on-success: 255 255 255;
-	--on-warning: 255 255 255;
-	--on-error: 255 255 255;
-	--on-surface: 0 0 0;
-	/* =~= Theme Colors  =~= */
-	/* primary | #45b2a1 */
-	--color-primary-50: #e3f3f1;
-	--color-primary-100: #daf0ec;
-	--color-primary-200: #d1ece8;
-	--color-primary-300: #b5e0d9;
-	--color-primary-400: #7dc9bd;
-	--color-primary-500: #45b2a1;
-	--color-primary-600: #3ea091;
-	--color-primary-700: #348679;
-	--color-primary-800: #296b61;
-	--color-primary-900: #22574f;
-	/* secondary | #ff9700 */
-	--color-secondary-50: #ffefd9;
-	--color-secondary-100: #ffeacc;
-	--color-secondary-200: #ffe5bf;
-	--color-secondary-300: #ffd599;
-	--color-secondary-400: #ffb64d;
-	--color-secondary-500: #ff9700;
-	--color-secondary-600: #e68800;
-	--color-secondary-700: #bf7100;
-	--color-secondary-800: #995b00;
-	--color-secondary-900: #7d4a00;
-	/* tertiary | #bee1da */
-	--color-tertiary-50: #f5fbf9;
-	--color-tertiary-100: #f2f9f8;
-	--color-tertiary-200: #eff8f6;
-	--color-tertiary-300: #e5f3f0;
-	--color-tertiary-400: #d2eae5;
-	--color-tertiary-500: #bee1da;
-	--color-tertiary-600: #abcbc4;
-	--color-tertiary-700: #8fa9a4;
-	--color-tertiary-800: #728783;
-	--color-tertiary-900: #5d6e6b;
-	/* success | #4BB543 */
-	--color-success-50: #e4f4e3;
-	--color-success-100: #dbf0d9;
-	--color-success-200: #d2edd0;
-	--color-success-300: #b7e1b4;
-	--color-success-400: #81cb7b;
-	--color-success-500: #4bb543;
-	--color-success-600: #44a33c;
-	--color-success-700: #388832;
-	--color-success-800: #2d6d28;
-	--color-success-900: #255921;
-	/* warning | #EAB308 */
-	--color-warning-50: #fcf4da;
-	--color-warning-100: #fbf0ce;
-	--color-warning-200: #faecc1;
-	--color-warning-300: #f7e19c;
-	--color-warning-400: #f0ca52;
-	--color-warning-500: #eab308;
-	--color-warning-600: #d3a107;
-	--color-warning-700: #b08606;
-	--color-warning-800: #8c6b05;
-	--color-warning-900: #735804;
-	/* error | #FF0000 */
-	--color-error-50: #ffd9d9;
-	--color-error-100: #ffcccc;
-	--color-error-200: #ffbfbf;
-	--color-error-300: #ff9999;
-	--color-error-400: #ff4d4d;
-	--color-error-500: #ff0000;
-	--color-error-600: #e60000;
-	--color-error-700: #bf0000;
-	--color-error-800: #990000;
-	--color-error-900: #7d0000;
-	/* surface | #c7c7c7 */
-	--color-surface-50: #f7f7f7;
-	--color-surface-100: #f4f4f4;
-	--color-surface-200: #f1f1f1;
-	--color-surface-300: #e9e9e9;
-	--color-surface-400: #d8d8d8;
-	--color-surface-500: #c7c7c7;
-	--color-surface-600: #b3b3b3;
-	--color-surface-700: #959595;
-	--color-surface-800: #777777;
-	--color-surface-900: #626262;
-}

package/dist/themes/theme-bexis2 copy.d.ts

@@ -1,2 +0,0 @@
-import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
-export declare const bexis2theme: CustomThemeConfig;

package/dist/themes/theme-bexis2 copy.js

@@ -1,112 +0,0 @@
-export const bexis2theme = {
-    name: 'bexis2theme',
-    properties: {
-        // =~= Theme Properties =~=
-        '--theme-font-family-base': `system-ui`,
-        '--theme-font-family-heading': `system-ui`,
-        '--theme-font-color-base': 'var(--color-surface-900)',
-        '--theme-font-color-dark': '#ffffff',
-        '--theme-rounded-base': '4px',
-        '--theme-rounded-container': '4px',
-        '--theme-border-base': '1px',
-        // =~= Theme On-X Colors =~=
-        '--on-primary': '255 255 255',
-        '--on-secondary': '255 255 255',
-        '--on-tertiary': '0 0 0',
-        '--on-success': '255 255 255',
-        '--on-warning': '255 255 255',
-        '--on-error': '255 255 255',
-        '--on-surface': '255 255 255',
-        // =~= Theme Colors  =~=
-        // primary | #45b2a1
-        '--color-primary-50': '#e3f3f1',
-        '--color-primary-100': '#daf0ec',
-        '--color-primary-200': '#d1ece8',
-        '--color-primary-300': '#b5e0d9',
-        '--color-primary-400': '#7dc9bd',
-        '--color-primary-500': '#45b2a1',
-        '--color-primary-600': '#3ea091',
-        '--color-primary-700': '#348679',
-        '--color-primary-800': '#296b61',
-        '--color-primary-900': '#22574f',
-        // secondary | #ff9700
-        '--color-secondary-50': '#ffefd9',
-        '--color-secondary-100': '#ffeacc',
-        '--color-secondary-200': '#ffe5bf',
-        '--color-secondary-300': '#ffd599',
-        '--color-secondary-400': '#ffb64d',
-        '--color-secondary-500': '#ff9700',
-        '--color-secondary-600': '#e68800',
-        '--color-secondary-700': '#bf7100',
-        '--color-secondary-800': '#995b00',
-        '--color-secondary-900': '#7d4a00',
-        // tertiary | #bee1da
-        '--color-tertiary-50': '#f5fbf9',
-        '--color-tertiary-100': '#f2f9f8',
-        '--color-tertiary-200': '#eff8f6',
-        '--color-tertiary-300': '#e5f3f0',
-        '--color-tertiary-400': '#d2eae5',
-        '--color-tertiary-500': '#bee1da',
-        '--color-tertiary-600': '#abcbc4',
-        '--color-tertiary-700': '#8fa9a4',
-        '--color-tertiary-800': '#728783',
-        '--color-tertiary-900': '#5d6e6b',
-        // success | #4BB543
-        '--color-success-50': '#e4f4e3',
-        '--color-success-100': '#dbf0d9',
-        '--color-success-200': '#d2edd0',
-        '--color-success-300': '#b7e1b4',
-        '--color-success-400': '#81cb7b',
-        '--color-success-500': '#4bb543',
-        '--color-success-600': '#44a33c',
-        '--color-success-700': '#388832',
-        '--color-success-800': '#2d6d28',
-        '--color-success-900': '#255921',
-        // warning | #EAB308
-        '--color-warning-50': '#fcf4da',
-        '--color-warning-100': '#fbf0ce',
-        '--color-warning-200': '#faecc1',
-        '--color-warning-300': '#f7e19c',
-        '--color-warning-400': '#f0ca52',
-        '--color-warning-500': '#eab308',
-        '--color-warning-600': '#d3a107',
-        '--color-warning-700': '#b08606',
-        '--color-warning-800': '#8c6b05',
-        '--color-warning-900': '#735804',
-        // error | #FF0000
-        '--color-error-50': '#ffd9d9',
-        '--color-error-100': '#ffcccc',
-        '--color-error-200': '#ffbfbf',
-        '--color-error-300': '#ff9999',
-        '--color-error-400': '#ff4d4d',
-        '--color-error-500': '#ff0000',
-        '--color-error-600': '#e60000',
-        '--color-error-700': '#bf0000',
-        '--color-error-800': '#990000',
-        '--color-error-900': '#7d0000',
-        // surface | #c7c7c7
-        '--color-surface-50': '#f7f7f7',
-        '--color-surface-100': '#f4f4f4',
-        '--color-surface-200': '#f1f1f1',
-        '--color-surface-300': '#e9e9e9',
-        '--color-surface-400': '#d8d8d8',
-        '--color-surface-500': '#c7c7c7',
-        '--color-surface-600': '#b3b3b3',
-        '--color-surface-700': '#959595',
-        '--color-surface-800': '#777777',
-        '--color-surface-900': '#626262'
-    },
-    properties_dark: {
-        // surface | #2e2e2e
-        '--color-surface-50': '#e0e0e0',
-        '--color-surface-100': '#d5d5d5',
-        '--color-surface-200': '#cbcbcb',
-        '--color-surface-300': '#ababab',
-        '--color-surface-400': '#6d6d6d',
-        '--color-surface-500': '#2e2e2e',
-        '--color-surface-600': '#292929',
-        '--color-surface-700': '#232323',
-        '--color-surface-800': '#1c1c1c',
-        '--color-surface-900': '#171717'
-    }
-};

package/src/lib/css/themes/theme-bexis2.css_old

@@ -1,100 +0,0 @@
-[data-theme='bexis2theme'] {
-	/* =~= Theme Properties =~= */
-	--base-font-family: system-ui;
-	--base-font-color: var(--color-surface-900);
-	--base-font-color-dark: 255 255 255;
-	/*--theme-rounded-base: 4px;
-	--theme-rounded-container: 4px;
-	--theme-border-base: 1px;*/
-	--radius-base: 4px;
-	--radius-container: 4px;
-	--default-border-width: 1px;
-	--default-divide-width: 1px;
-	--default-ring-width: 1px;
-	/* =~= Theme On-X Colors =~= */
-	--on-primary: 255 255 255;
-	--on-secondary: 255 255 255;
-	--on-tertiary: 0 0 0;
-	--on-success: 255 255 255;
-	--on-warning: 255 255 255;
-	--on-error: 255 255 255;
-	--on-surface: 0 0 0;
-	/* =~= Theme Colors  =~= */
-	/* primary | #45b2a1 */
-	--color-primary-50: #e3f3f1;
-	--color-primary-100: #daf0ec;
-	--color-primary-200: #d1ece8;
-	--color-primary-300: #b5e0d9;
-	--color-primary-400: #7dc9bd;
-	--color-primary-500: #45b2a1;
-	--color-primary-600: #3ea091;
-	--color-primary-700: #348679;
-	--color-primary-800: #296b61;
-	--color-primary-900: #22574f;
-	/* secondary | #ff9700 */
-	--color-secondary-50: #ffefd9;
-	--color-secondary-100: #ffeacc;
-	--color-secondary-200: #ffe5bf;
-	--color-secondary-300: #ffd599;
-	--color-secondary-400: #ffb64d;
-	--color-secondary-500: #ff9700;
-	--color-secondary-600: #e68800;
-	--color-secondary-700: #bf7100;
-	--color-secondary-800: #995b00;
-	--color-secondary-900: #7d4a00;
-	/* tertiary | #bee1da */
-	--color-tertiary-50: #f5fbf9;
-	--color-tertiary-100: #f2f9f8;
-	--color-tertiary-200: #eff8f6;
-	--color-tertiary-300: #e5f3f0;
-	--color-tertiary-400: #d2eae5;
-	--color-tertiary-500: #bee1da;
-	--color-tertiary-600: #abcbc4;
-	--color-tertiary-700: #8fa9a4;
-	--color-tertiary-800: #728783;
-	--color-tertiary-900: #5d6e6b;
-	/* success | #4BB543 */
-	--color-success-50: #e4f4e3;
-	--color-success-100: #dbf0d9;
-	--color-success-200: #d2edd0;
-	--color-success-300: #b7e1b4;
-	--color-success-400: #81cb7b;
-	--color-success-500: #4bb543;
-	--color-success-600: #44a33c;
-	--color-success-700: #388832;
-	--color-success-800: #2d6d28;
-	--color-success-900: #255921;
-	/* warning | #EAB308 */
-	--color-warning-50: #fcf4da;
-	--color-warning-100: #fbf0ce;
-	--color-warning-200: #faecc1;
-	--color-warning-300: #f7e19c;
-	--color-warning-400: #f0ca52;
-	--color-warning-500: #eab308;
-	--color-warning-600: #d3a107;
-	--color-warning-700: #b08606;
-	--color-warning-800: #8c6b05;
-	--color-warning-900: #735804;
-	/* error | #FF0000 */
-	--color-error-50: #ffd9d9;
-	--color-error-100: #ffcccc;
-	--color-error-200: #ffbfbf;
-	--color-error-300: #ff9999;
-	--color-error-400: #ff4d4d;
-	--color-error-500: #ff0000;
-	--color-error-600: #e60000;
-	--color-error-700: #bf0000;
-	--color-error-800: #990000;
-	--color-error-900: #7d0000;
-	/* surface | #c7c7c7 */
-	--color-surface-50: #f7f7f7;
-	--color-surface-100: #f4f4f4;
-	--color-surface-200: #f1f1f1;
-	--color-surface-300: #e9e9e9;
-	--color-surface-400: #d8d8d8;
-	--color-surface-500: #c7c7c7;
-	--color-surface-600: #b3b3b3;
-	--color-surface-700: #959595;
-	--color-surface-800: #777777;
-	--color-surface-900: #626262;
-}

package/src/lib/themes/theme-bexis2 copy.ts

@@ -1,114 +0,0 @@
-import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
-
-export const bexis2theme: CustomThemeConfig = {
-	name: 'bexis2theme',
-	properties: {
-		// =~= Theme Properties =~=
-		'--theme-font-family-base': `system-ui`,
-		'--theme-font-family-heading': `system-ui`,
-		'--theme-font-color-base': 'var(--color-surface-900)',
-		'--theme-font-color-dark': '#ffffff',
-		'--theme-rounded-base': '4px',
-		'--theme-rounded-container': '4px',
-		'--theme-border-base': '1px',
-		// =~= Theme On-X Colors =~=
-		'--on-primary': '255 255 255',
-		'--on-secondary': '255 255 255',
-		'--on-tertiary': '0 0 0',
-		'--on-success': '255 255 255',
-		'--on-warning': '255 255 255',
-		'--on-error': '255 255 255',
-		'--on-surface': '255 255 255',
-		// =~= Theme Colors  =~=
-		// primary | #45b2a1
-		'--color-primary-50': '#e3f3f1',
-		'--color-primary-100': '#daf0ec',
-		'--color-primary-200': '#d1ece8',
-		'--color-primary-300': '#b5e0d9',
-		'--color-primary-400': '#7dc9bd',
-		'--color-primary-500': '#45b2a1',
-		'--color-primary-600': '#3ea091',
-		'--color-primary-700': '#348679',
-		'--color-primary-800': '#296b61',
-		'--color-primary-900': '#22574f',
-		// secondary | #ff9700
-		'--color-secondary-50': '#ffefd9',
-		'--color-secondary-100': '#ffeacc',
-		'--color-secondary-200': '#ffe5bf',
-		'--color-secondary-300': '#ffd599',
-		'--color-secondary-400': '#ffb64d',
-		'--color-secondary-500': '#ff9700',
-		'--color-secondary-600': '#e68800',
-		'--color-secondary-700': '#bf7100',
-		'--color-secondary-800': '#995b00',
-		'--color-secondary-900': '#7d4a00',
-		// tertiary | #bee1da
-		'--color-tertiary-50': '#f5fbf9',
-		'--color-tertiary-100': '#f2f9f8',
-		'--color-tertiary-200': '#eff8f6',
-		'--color-tertiary-300': '#e5f3f0',
-		'--color-tertiary-400': '#d2eae5',
-		'--color-tertiary-500': '#bee1da',
-		'--color-tertiary-600': '#abcbc4',
-		'--color-tertiary-700': '#8fa9a4',
-		'--color-tertiary-800': '#728783',
-		'--color-tertiary-900': '#5d6e6b',
-		// success | #4BB543
-		'--color-success-50': '#e4f4e3',
-		'--color-success-100': '#dbf0d9',
-		'--color-success-200': '#d2edd0',
-		'--color-success-300': '#b7e1b4',
-		'--color-success-400': '#81cb7b',
-		'--color-success-500': '#4bb543',
-		'--color-success-600': '#44a33c',
-		'--color-success-700': '#388832',
-		'--color-success-800': '#2d6d28',
-		'--color-success-900': '#255921',
-		// warning | #EAB308
-		'--color-warning-50': '#fcf4da',
-		'--color-warning-100': '#fbf0ce',
-		'--color-warning-200': '#faecc1',
-		'--color-warning-300': '#f7e19c',
-		'--color-warning-400': '#f0ca52',
-		'--color-warning-500': '#eab308',
-		'--color-warning-600': '#d3a107',
-		'--color-warning-700': '#b08606',
-		'--color-warning-800': '#8c6b05',
-		'--color-warning-900': '#735804',
-		// error | #FF0000
-		'--color-error-50': '#ffd9d9',
-		'--color-error-100': '#ffcccc',
-		'--color-error-200': '#ffbfbf',
-		'--color-error-300': '#ff9999',
-		'--color-error-400': '#ff4d4d',
-		'--color-error-500': '#ff0000',
-		'--color-error-600': '#e60000',
-		'--color-error-700': '#bf0000',
-		'--color-error-800': '#990000',
-		'--color-error-900': '#7d0000',
-		// surface | #c7c7c7
-		'--color-surface-50': '#f7f7f7',
-		'--color-surface-100': '#f4f4f4',
-		'--color-surface-200': '#f1f1f1',
-		'--color-surface-300': '#e9e9e9',
-		'--color-surface-400': '#d8d8d8',
-		'--color-surface-500': '#c7c7c7',
-		'--color-surface-600': '#b3b3b3',
-		'--color-surface-700': '#959595',
-		'--color-surface-800': '#777777',
-		'--color-surface-900': '#626262'
-	},
-	properties_dark: {
-		// surface | #2e2e2e
-		'--color-surface-50': '#e0e0e0',
-		'--color-surface-100': '#d5d5d5',
-		'--color-surface-200': '#cbcbcb',
-		'--color-surface-300': '#ababab',
-		'--color-surface-400': '#6d6d6d',
-		'--color-surface-500': '#2e2e2e',
-		'--color-surface-600': '#292929',
-		'--color-surface-700': '#232323',
-		'--color-surface-800': '#1c1c1c',
-		'--color-surface-900': '#171717'
-	}
-};