@bexis2/bexis2-core-ui 0.3.1 → 0.3.3

package/dist/css/themes/theme-vintage.css

@@ -1,125 +1,125 @@
-/* https://fonts.google.com/specimen/Abril+Fatface?query=Abril+Fatface&noto.query=Abril */
-@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
-/* https://fonts.google.com/noto/specimen/Noto+Sans?query=sans */
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300&display=swap');
-
-:root {
-	/* =~= Theme Styles =~= */
-	--theme-font-family-base: 'Noto Sans', sans-serif;
-	--theme-font-family-heading: 'Abril Fatface', cursive;
-	--theme-font-color-base: var(--color-primary-900);
-	--theme-font-color-dark: var(--color-primary-100);
-	--theme-rounded-base: 2px;
-	--theme-rounded-container: 4px;
-	--theme-border-base: 1px;
-	/* =~= Theme On-X Colors =~= */
-	--on-primary: 0 0 0;
-	--on-secondary: 0 0 0;
-	--on-tertiary: 0 0 0;
-	--on-success: 0 0 0;
-	--on-warning: 0 0 0;
-	--on-error: 0 0 0;
-	--on-surface: 255 255 255;
-	/* =~= Theme Colors  =~= */
-	/* primary | #ea861a */
-	--color-primary-50: 252 237 221; /* ⬅ #fceddd */
-	--color-primary-100: 251 231 209; /* ⬅ #fbe7d1 */
-	--color-primary-200: 250 225 198; /* ⬅ #fae1c6 */
-	--color-primary-300: 247 207 163; /* ⬅ #f7cfa3 */
-	--color-primary-400: 240 170 95; /* ⬅ #f0aa5f */
-	--color-primary-500: 234 134 26; /* ⬅ #ea861a */
-	--color-primary-600: 211 121 23; /* ⬅ #d37917 */
-	--color-primary-700: 176 101 20; /* ⬅ #b06514 */
-	--color-primary-800: 140 80 16; /* ⬅ #8c5010 */
-	--color-primary-900: 115 66 13; /* ⬅ #73420d */
-	/* secondary | #97cea5 */
-	--color-secondary-50: 239 248 242; /* ⬅ #eff8f2 */
-	--color-secondary-100: 234 245 237; /* ⬅ #eaf5ed */
-	--color-secondary-200: 229 243 233; /* ⬅ #e5f3e9 */
-	--color-secondary-300: 213 235 219; /* ⬅ #d5ebdb */
-	--color-secondary-400: 182 221 192; /* ⬅ #b6ddc0 */
-	--color-secondary-500: 151 206 165; /* ⬅ #97cea5 */
-	--color-secondary-600: 136 185 149; /* ⬅ #88b995 */
-	--color-secondary-700: 113 155 124; /* ⬅ #719b7c */
-	--color-secondary-800: 91 124 99; /* ⬅ #5b7c63 */
-	--color-secondary-900: 74 101 81; /* ⬅ #4a6551 */
-	/* tertiary | #06b6d4 */
-	--color-tertiary-50: 218 244 249; /* ⬅ #daf4f9 */
-	--color-tertiary-100: 205 240 246; /* ⬅ #cdf0f6 */
-	--color-tertiary-200: 193 237 244; /* ⬅ #c1edf4 */
-	--color-tertiary-300: 155 226 238; /* ⬅ #9be2ee */
-	--color-tertiary-400: 81 204 225; /* ⬅ #51cce1 */
-	--color-tertiary-500: 6 182 212; /* ⬅ #06b6d4 */
-	--color-tertiary-600: 5 164 191; /* ⬅ #05a4bf */
-	--color-tertiary-700: 5 137 159; /* ⬅ #05899f */
-	--color-tertiary-800: 4 109 127; /* ⬅ #046d7f */
-	--color-tertiary-900: 3 89 104; /* ⬅ #035968 */
-	/* success | #84cb5d */
-	--color-success-50: 237 247 231; /* ⬅ #edf7e7 */
-	--color-success-100: 230 245 223; /* ⬅ #e6f5df */
-	--color-success-200: 224 242 215; /* ⬅ #e0f2d7 */
-	--color-success-300: 206 234 190; /* ⬅ #ceeabe */
-	--color-success-400: 169 219 142; /* ⬅ #a9db8e */
-	--color-success-500: 132 203 93; /* ⬅ #84cb5d */
-	--color-success-600: 119 183 84; /* ⬅ #77b754 */
-	--color-success-700: 99 152 70; /* ⬅ #639846 */
-	--color-success-800: 79 122 56; /* ⬅ #4f7a38 */
-	--color-success-900: 65 99 46; /* ⬅ #41632e */
-	/* warning | #f2ac23 */
-	--color-warning-50: 253 243 222; /* ⬅ #fdf3de */
-	--color-warning-100: 252 238 211; /* ⬅ #fceed3 */
-	--color-warning-200: 252 234 200; /* ⬅ #fceac8 */
-	--color-warning-300: 250 222 167; /* ⬅ #fadea7 */
-	--color-warning-400: 246 197 101; /* ⬅ #f6c565 */
-	--color-warning-500: 242 172 35; /* ⬅ #f2ac23 */
-	--color-warning-600: 218 155 32; /* ⬅ #da9b20 */
-	--color-warning-700: 182 129 26; /* ⬅ #b6811a */
-	--color-warning-800: 145 103 21; /* ⬅ #916715 */
-	--color-warning-900: 119 84 17; /* ⬅ #775411 */
-	/* error | #d57e78 */
-	--color-error-50: 249 236 235; /* ⬅ #f9eceb */
-	--color-error-100: 247 229 228; /* ⬅ #f7e5e4 */
-	--color-error-200: 245 223 221; /* ⬅ #f5dfdd */
-	--color-error-300: 238 203 201; /* ⬅ #eecbc9 */
-	--color-error-400: 226 165 161; /* ⬅ #e2a5a1 */
-	--color-error-500: 213 126 120; /* ⬅ #d57e78 */
-	--color-error-600: 192 113 108; /* ⬅ #c0716c */
-	--color-error-700: 160 95 90; /* ⬅ #a05f5a */
-	--color-error-800: 128 76 72; /* ⬅ #804c48 */
-	--color-error-900: 104 62 59; /* ⬅ #683e3b */
-	/* surface | #3f3731 */
-	--color-surface-50: 226 225 224; /* ⬅ #e2e1e0 */
-	--color-surface-100: 217 215 214; /* ⬅ #d9d7d6 */
-	--color-surface-200: 207 205 204; /* ⬅ #cfcdcc */
-	--color-surface-300: 178 175 173; /* ⬅ #b2afad */
-	--color-surface-400: 121 115 111; /* ⬅ #79736f */
-	--color-surface-500: 63 55 49; /* ⬅ #3f3731 */
-	--color-surface-600: 57 50 44; /* ⬅ #39322c */
-	--color-surface-700: 47 41 37; /* ⬅ #2f2925 */
-	--color-surface-800: 38 33 29; /* ⬅ #26211d */
-	--color-surface-900: 31 27 24; /* ⬅ #1f1b18 */
-}
-
-[data-theme='vintage'] h1,
-[data-theme='vintage'] h2,
-[data-theme='vintage'] h3,
-[data-theme='vintage'] h4,
-[data-theme='vintage'] h5,
-[data-theme='vintage'] h6 {
-	letter-spacing: 1px;
-}
-
-/* Applied to body with `<body data-theme="vintage">` */
-/* Created with: https://csshero.org/mesher/ */
-[data-theme='vintage'] {
-	/* prettier-ignore */
-	background-image:
-		radial-gradient(at 100% 0%, hsla(135,34%,70%,0.20) 0px, transparent 50%),
-		radial-gradient(at 85% 100%, hsla(31,83%,50%,0.20) 0px, transparent 50%);
-}
-.dark [data-theme='vintage'] {
-	/* prettier-ignore */
-	background-image:
-		radial-gradient(at 100% 0%, hsla(135,34%,70%,0.14) 0px, transparent 50%),
-		radial-gradient(at 85% 100%, hsla(31,83%,50%,0.14) 0px, transparent 50%);
-}
+/* https://fonts.google.com/specimen/Abril+Fatface?query=Abril+Fatface&noto.query=Abril */
+@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
+/* https://fonts.google.com/noto/specimen/Noto+Sans?query=sans */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300&display=swap');
+
+:root {
+	/* =~= Theme Styles =~= */
+	--theme-font-family-base: 'Noto Sans', sans-serif;
+	--theme-font-family-heading: 'Abril Fatface', cursive;
+	--theme-font-color-base: var(--color-primary-900);
+	--theme-font-color-dark: var(--color-primary-100);
+	--theme-rounded-base: 2px;
+	--theme-rounded-container: 4px;
+	--theme-border-base: 1px;
+	/* =~= Theme On-X Colors =~= */
+	--on-primary: 0 0 0;
+	--on-secondary: 0 0 0;
+	--on-tertiary: 0 0 0;
+	--on-success: 0 0 0;
+	--on-warning: 0 0 0;
+	--on-error: 0 0 0;
+	--on-surface: 255 255 255;
+	/* =~= Theme Colors  =~= */
+	/* primary | #ea861a */
+	--color-primary-50: 252 237 221; /* ⬅ #fceddd */
+	--color-primary-100: 251 231 209; /* ⬅ #fbe7d1 */
+	--color-primary-200: 250 225 198; /* ⬅ #fae1c6 */
+	--color-primary-300: 247 207 163; /* ⬅ #f7cfa3 */
+	--color-primary-400: 240 170 95; /* ⬅ #f0aa5f */
+	--color-primary-500: 234 134 26; /* ⬅ #ea861a */
+	--color-primary-600: 211 121 23; /* ⬅ #d37917 */
+	--color-primary-700: 176 101 20; /* ⬅ #b06514 */
+	--color-primary-800: 140 80 16; /* ⬅ #8c5010 */
+	--color-primary-900: 115 66 13; /* ⬅ #73420d */
+	/* secondary | #97cea5 */
+	--color-secondary-50: 239 248 242; /* ⬅ #eff8f2 */
+	--color-secondary-100: 234 245 237; /* ⬅ #eaf5ed */
+	--color-secondary-200: 229 243 233; /* ⬅ #e5f3e9 */
+	--color-secondary-300: 213 235 219; /* ⬅ #d5ebdb */
+	--color-secondary-400: 182 221 192; /* ⬅ #b6ddc0 */
+	--color-secondary-500: 151 206 165; /* ⬅ #97cea5 */
+	--color-secondary-600: 136 185 149; /* ⬅ #88b995 */
+	--color-secondary-700: 113 155 124; /* ⬅ #719b7c */
+	--color-secondary-800: 91 124 99; /* ⬅ #5b7c63 */
+	--color-secondary-900: 74 101 81; /* ⬅ #4a6551 */
+	/* tertiary | #06b6d4 */
+	--color-tertiary-50: 218 244 249; /* ⬅ #daf4f9 */
+	--color-tertiary-100: 205 240 246; /* ⬅ #cdf0f6 */
+	--color-tertiary-200: 193 237 244; /* ⬅ #c1edf4 */
+	--color-tertiary-300: 155 226 238; /* ⬅ #9be2ee */
+	--color-tertiary-400: 81 204 225; /* ⬅ #51cce1 */
+	--color-tertiary-500: 6 182 212; /* ⬅ #06b6d4 */
+	--color-tertiary-600: 5 164 191; /* ⬅ #05a4bf */
+	--color-tertiary-700: 5 137 159; /* ⬅ #05899f */
+	--color-tertiary-800: 4 109 127; /* ⬅ #046d7f */
+	--color-tertiary-900: 3 89 104; /* ⬅ #035968 */
+	/* success | #84cb5d */
+	--color-success-50: 237 247 231; /* ⬅ #edf7e7 */
+	--color-success-100: 230 245 223; /* ⬅ #e6f5df */
+	--color-success-200: 224 242 215; /* ⬅ #e0f2d7 */
+	--color-success-300: 206 234 190; /* ⬅ #ceeabe */
+	--color-success-400: 169 219 142; /* ⬅ #a9db8e */
+	--color-success-500: 132 203 93; /* ⬅ #84cb5d */
+	--color-success-600: 119 183 84; /* ⬅ #77b754 */
+	--color-success-700: 99 152 70; /* ⬅ #639846 */
+	--color-success-800: 79 122 56; /* ⬅ #4f7a38 */
+	--color-success-900: 65 99 46; /* ⬅ #41632e */
+	/* warning | #f2ac23 */
+	--color-warning-50: 253 243 222; /* ⬅ #fdf3de */
+	--color-warning-100: 252 238 211; /* ⬅ #fceed3 */
+	--color-warning-200: 252 234 200; /* ⬅ #fceac8 */
+	--color-warning-300: 250 222 167; /* ⬅ #fadea7 */
+	--color-warning-400: 246 197 101; /* ⬅ #f6c565 */
+	--color-warning-500: 242 172 35; /* ⬅ #f2ac23 */
+	--color-warning-600: 218 155 32; /* ⬅ #da9b20 */
+	--color-warning-700: 182 129 26; /* ⬅ #b6811a */
+	--color-warning-800: 145 103 21; /* ⬅ #916715 */
+	--color-warning-900: 119 84 17; /* ⬅ #775411 */
+	/* error | #d57e78 */
+	--color-error-50: 249 236 235; /* ⬅ #f9eceb */
+	--color-error-100: 247 229 228; /* ⬅ #f7e5e4 */
+	--color-error-200: 245 223 221; /* ⬅ #f5dfdd */
+	--color-error-300: 238 203 201; /* ⬅ #eecbc9 */
+	--color-error-400: 226 165 161; /* ⬅ #e2a5a1 */
+	--color-error-500: 213 126 120; /* ⬅ #d57e78 */
+	--color-error-600: 192 113 108; /* ⬅ #c0716c */
+	--color-error-700: 160 95 90; /* ⬅ #a05f5a */
+	--color-error-800: 128 76 72; /* ⬅ #804c48 */
+	--color-error-900: 104 62 59; /* ⬅ #683e3b */
+	/* surface | #3f3731 */
+	--color-surface-50: 226 225 224; /* ⬅ #e2e1e0 */
+	--color-surface-100: 217 215 214; /* ⬅ #d9d7d6 */
+	--color-surface-200: 207 205 204; /* ⬅ #cfcdcc */
+	--color-surface-300: 178 175 173; /* ⬅ #b2afad */
+	--color-surface-400: 121 115 111; /* ⬅ #79736f */
+	--color-surface-500: 63 55 49; /* ⬅ #3f3731 */
+	--color-surface-600: 57 50 44; /* ⬅ #39322c */
+	--color-surface-700: 47 41 37; /* ⬅ #2f2925 */
+	--color-surface-800: 38 33 29; /* ⬅ #26211d */
+	--color-surface-900: 31 27 24; /* ⬅ #1f1b18 */
+}
+
+[data-theme='vintage'] h1,
+[data-theme='vintage'] h2,
+[data-theme='vintage'] h3,
+[data-theme='vintage'] h4,
+[data-theme='vintage'] h5,
+[data-theme='vintage'] h6 {
+	letter-spacing: 1px;
+}
+
+/* Applied to body with `<body data-theme="vintage">` */
+/* Created with: https://csshero.org/mesher/ */
+[data-theme='vintage'] {
+	/* prettier-ignore */
+	background-image:
+		radial-gradient(at 100% 0%, hsla(135,34%,70%,0.20) 0px, transparent 50%),
+		radial-gradient(at 85% 100%, hsla(31,83%,50%,0.20) 0px, transparent 50%);
+}
+.dark [data-theme='vintage'] {
+	/* prettier-ignore */
+	background-image:
+		radial-gradient(at 100% 0%, hsla(135,34%,70%,0.14) 0px, transparent 50%),
+		radial-gradient(at 85% 100%, hsla(31,83%,50%,0.14) 0px, transparent 50%);
+}

package/dist/models/Models.d.ts

@@ -87,7 +87,9 @@ export interface TableConfig<T> {
     toggle?: boolean;
     fitToScreen?: boolean;
     height?: null | number;
+    rowHeight?: number;
     columns?: Columns;
+    exportable?: boolean;
     pageSizes?: number[];
     defaultPageSize?: number;
     optionsComponent?: typeof SvelteComponent;

package/dist/services/BaseCaller.js

@@ -1,16 +1,16 @@
-// Implementations for all the calls for the pokemon endpoints.
-//import Api from "./Api";
-import { host } from '../stores/apiStores';
-
-// go to a internal action
-export const goTo = async (url, intern = true) => {
-	if (intern == true) {
-		// go to inside bexis2
-		if (window != null && host != null && url != null) {
-			window.open(host + url, '_self')?.focus();
-		}
-	} // go to a external page
-	else {
-		window.open(url, '_blank')?.focus();
-	}
-};
+// Implementations for all the calls for the pokemon endpoints.
+//import Api from "./Api";
+import { host } from '../stores/apiStores';
+
+// go to a internal action
+export const goTo = async (url, intern = true) => {
+	if (intern == true) {
+		// go to inside bexis2
+		if (window != null && host != null && url != null) {
+			window.open(host + url, '_self')?.focus();
+		}
+	} // go to a external page
+	else {
+		window.open(url, '_blank')?.focus();
+	}
+};

package/dist/stores/pageStores.js

@@ -149,7 +149,7 @@ function createNotificationStore() {
                 btnStyle: btnStyle
             });
             notificationStore.subscribe((value) => {
-                "";
+                ('');
             });
         },
         // cleans, sets, and schows the notification (all you need ;))

package/dist/themes/theme-bexis2.js

@@ -2,98 +2,111 @@ 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": "255 255 255",
-        "--theme-rounded-base": "4px",
-        "--theme-rounded-container": "4px",
-        "--theme-border-base": "1px",
+        '--theme-font-family-base': `system-ui`,
+        '--theme-font-family-heading': `system-ui`,
+        '--theme-font-color-base': 'var(--color-surface-900)',
+        '--theme-font-color-dark': '255 255 255',
+        '--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",
+        '--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": "227 243 241",
-        "--color-primary-100": "218 240 236",
-        "--color-primary-200": "209 236 232",
-        "--color-primary-300": "181 224 217",
-        "--color-primary-400": "125 201 189",
-        "--color-primary-500": "69 178 161",
-        "--color-primary-600": "62 160 145",
-        "--color-primary-700": "52 134 121",
-        "--color-primary-800": "41 107 97",
-        "--color-primary-900": "34 87 79",
-        // secondary | #ff9700 
-        "--color-secondary-50": "255 239 217",
-        "--color-secondary-100": "255 234 204",
-        "--color-secondary-200": "255 229 191",
-        "--color-secondary-300": "255 213 153",
-        "--color-secondary-400": "255 182 77",
-        "--color-secondary-500": "255 151 0",
-        "--color-secondary-600": "230 136 0",
-        "--color-secondary-700": "191 113 0",
-        "--color-secondary-800": "153 91 0",
-        "--color-secondary-900": "125 74 0",
-        // tertiary | #bee1da 
-        "--color-tertiary-50": "245 251 249",
-        "--color-tertiary-100": "242 249 248",
-        "--color-tertiary-200": "239 248 246",
-        "--color-tertiary-300": "229 243 240",
-        "--color-tertiary-400": "210 234 229",
-        "--color-tertiary-500": "190 225 218",
-        "--color-tertiary-600": "171 203 196",
-        "--color-tertiary-700": "143 169 164",
-        "--color-tertiary-800": "114 135 131",
-        "--color-tertiary-900": "93 110 107",
-        // success | #4BB543 
-        "--color-success-50": "228 244 227",
-        "--color-success-100": "219 240 217",
-        "--color-success-200": "210 237 208",
-        "--color-success-300": "183 225 180",
-        "--color-success-400": "129 203 123",
-        "--color-success-500": "75 181 67",
-        "--color-success-600": "68 163 60",
-        "--color-success-700": "56 136 50",
-        "--color-success-800": "45 109 40",
-        "--color-success-900": "37 89 33",
-        // warning | #EAB308 
-        "--color-warning-50": "252 244 218",
-        "--color-warning-100": "251 240 206",
-        "--color-warning-200": "250 236 193",
-        "--color-warning-300": "247 225 156",
-        "--color-warning-400": "240 202 82",
-        "--color-warning-500": "234 179 8",
-        "--color-warning-600": "211 161 7",
-        "--color-warning-700": "176 134 6",
-        "--color-warning-800": "140 107 5",
-        "--color-warning-900": "115 88 4",
-        // error | #FF0000 
-        "--color-error-50": "255 217 217",
-        "--color-error-100": "255 204 204",
-        "--color-error-200": "255 191 191",
-        "--color-error-300": "255 153 153",
-        "--color-error-400": "255 77 77",
-        "--color-error-500": "255 0 0",
-        "--color-error-600": "230 0 0",
-        "--color-error-700": "191 0 0",
-        "--color-error-800": "153 0 0",
-        "--color-error-900": "125 0 0",
-        // surface | #c7c7c7 
-        "--color-surface-50": "247 247 247",
-        "--color-surface-100": "244 244 244",
-        "--color-surface-200": "241 241 241",
-        "--color-surface-300": "233 233 233",
-        "--color-surface-400": "216 216 216",
-        "--color-surface-500": "199 199 199",
-        "--color-surface-600": "179 179 179",
-        "--color-surface-700": "149 149 149",
-        "--color-surface-800": "119 119 119",
-        "--color-surface-900": "98 98 98", // #626262
+        // primary | #45b2a1
+        '--color-primary-50': '227 243 241',
+        '--color-primary-100': '218 240 236',
+        '--color-primary-200': '209 236 232',
+        '--color-primary-300': '181 224 217',
+        '--color-primary-400': '125 201 189',
+        '--color-primary-500': '69 178 161',
+        '--color-primary-600': '62 160 145',
+        '--color-primary-700': '52 134 121',
+        '--color-primary-800': '41 107 97',
+        '--color-primary-900': '34 87 79',
+        // secondary | #ff9700
+        '--color-secondary-50': '255 239 217',
+        '--color-secondary-100': '255 234 204',
+        '--color-secondary-200': '255 229 191',
+        '--color-secondary-300': '255 213 153',
+        '--color-secondary-400': '255 182 77',
+        '--color-secondary-500': '255 151 0',
+        '--color-secondary-600': '230 136 0',
+        '--color-secondary-700': '191 113 0',
+        '--color-secondary-800': '153 91 0',
+        '--color-secondary-900': '125 74 0',
+        // tertiary | #bee1da
+        '--color-tertiary-50': '245 251 249',
+        '--color-tertiary-100': '242 249 248',
+        '--color-tertiary-200': '239 248 246',
+        '--color-tertiary-300': '229 243 240',
+        '--color-tertiary-400': '210 234 229',
+        '--color-tertiary-500': '190 225 218',
+        '--color-tertiary-600': '171 203 196',
+        '--color-tertiary-700': '143 169 164',
+        '--color-tertiary-800': '114 135 131',
+        '--color-tertiary-900': '93 110 107',
+        // success | #4BB543
+        '--color-success-50': '228 244 227',
+        '--color-success-100': '219 240 217',
+        '--color-success-200': '210 237 208',
+        '--color-success-300': '183 225 180',
+        '--color-success-400': '129 203 123',
+        '--color-success-500': '75 181 67',
+        '--color-success-600': '68 163 60',
+        '--color-success-700': '56 136 50',
+        '--color-success-800': '45 109 40',
+        '--color-success-900': '37 89 33',
+        // warning | #EAB308
+        '--color-warning-50': '252 244 218',
+        '--color-warning-100': '251 240 206',
+        '--color-warning-200': '250 236 193',
+        '--color-warning-300': '247 225 156',
+        '--color-warning-400': '240 202 82',
+        '--color-warning-500': '234 179 8',
+        '--color-warning-600': '211 161 7',
+        '--color-warning-700': '176 134 6',
+        '--color-warning-800': '140 107 5',
+        '--color-warning-900': '115 88 4',
+        // error | #FF0000
+        '--color-error-50': '255 217 217',
+        '--color-error-100': '255 204 204',
+        '--color-error-200': '255 191 191',
+        '--color-error-300': '255 153 153',
+        '--color-error-400': '255 77 77',
+        '--color-error-500': '255 0 0',
+        '--color-error-600': '230 0 0',
+        '--color-error-700': '191 0 0',
+        '--color-error-800': '153 0 0',
+        '--color-error-900': '125 0 0',
+        // surface | #c7c7c7
+        '--color-surface-50': '247 247 247',
+        '--color-surface-100': '244 244 244',
+        '--color-surface-200': '241 241 241',
+        '--color-surface-300': '233 233 233',
+        '--color-surface-400': '216 216 216',
+        '--color-surface-500': '199 199 199',
+        '--color-surface-600': '179 179 179',
+        '--color-surface-700': '149 149 149',
+        '--color-surface-800': '119 119 119',
+        '--color-surface-900': '98 98 98' // #626262
+    },
+    properties_dark: {
+        // surface | #2e2e2e
+        '--color-surface-50': '224 224 224',
+        '--color-surface-100': '213 213 213',
+        '--color-surface-200': '203 203 203',
+        '--color-surface-300': '171 171 171',
+        '--color-surface-400': '109 109 109',
+        '--color-surface-500': '46 46 46',
+        '--color-surface-600': '41 41 41',
+        '--color-surface-700': '35 35 35',
+        '--color-surface-800': '28 28 28',
+        '--color-surface-900': '23 23 23' // #171717
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "private": false,
   "scripts": {
     "dev": "vite dev",
@@ -74,7 +74,7 @@
     "delay": "^6.0.0",
     "dotenv": "^16.3.1",
     "eslint4b-prebuilt": "^6.7.2",
-    "highlight.js": "^11.8.0",
+    "highlight.js": "^11.9.0",
     "highlightjs-svelte": "^1.0.6",
     "svelte": "^3.54.0",
     "svelte-codemirror-editor": "^1.1.0",

package/src/lib/TableView.svelte

@@ -1 +1 @@
-<h1>table</h1>
+<h1>table</h1>

package/src/lib/components/CodeEditor/CodeEditor.svelte

@@ -9,7 +9,7 @@
 	import { lintGutter, linter } from '@codemirror/lint';
 	import { json, jsonParseLinter } from '@codemirror/lang-json';
 	import { oneDark } from '@codemirror/theme-one-dark';
-	import { Modal, getModalStore} from '@skeletonlabs/skeleton';
+	import { Modal, getModalStore } from '@skeletonlabs/skeleton';
 	const modalStore = getModalStore();
 	import { faMoon, faSave, faSun } from '@fortawesome/free-regular-svg-icons';
 	import { faArrowRotateLeft, faXmark } from '@fortawesome/free-solid-svg-icons';

package/src/lib/components/ListView.svelte

@@ -1,11 +1,11 @@
-<script lang="ts">
-	type x = {
-		name: string;
-	};
-
-	let result: x = { name: 'david' };
-</script>
-
-<h1>MyList</h1>
-{result.name}
-<b>from bexis-lib</b>
+<script lang="ts">
+	type x = {
+		name: string;
+	};
+
+	let result: x = { name: 'david' };
+</script>
+
+<h1>MyList</h1>
+{result.name}
+<b>from bexis-lib</b>