@bexis2/bexis2-core-ui 0.0.18 → 0.0.19

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

@@ -0,0 +1,121 @@
+/* https://fonts.google.com/specimen/Playfair+Display?query=playfair&noto.query=Abril */
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+:root {
+	/* =~= Theme Styles =~= */
+	--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+		'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+	--theme-font-family-heading: 'Playfair Display', serif;
+	--theme-font-color-base: var(--color-surface-900);
+	--theme-font-color-dark: var(--color-secondary-100);
+	--theme-rounded-base: 16px;
+	--theme-rounded-container: 16px;
+	--theme-border-base: 3px;
+	/* =~= Theme On-X Colors =~= */
+	--on-primary: 0 0 0;
+	--on-secondary: 255 255 255;
+	--on-tertiary: 255 255 255;
+	--on-success: 0 0 0;
+	--on-warning: 0 0 0;
+	--on-error: 255 255 255;
+	--on-surface: 0 0 0;
+	/* =~= Theme Colors  =~= */
+	/* primary | #86d0cb */
+	--color-primary-50: 237 248 247; /* ⬅ #edf8f7 */
+	--color-primary-100: 231 246 245; /* ⬅ #e7f6f5 */
+	--color-primary-200: 225 243 242; /* ⬅ #e1f3f2 */
+	--color-primary-300: 207 236 234; /* ⬅ #cfecea */
+	--color-primary-400: 170 222 219; /* ⬅ #aadedb */
+	--color-primary-500: 134 208 203; /* ⬅ #86d0cb */
+	--color-primary-600: 121 187 183; /* ⬅ #79bbb7 */
+	--color-primary-700: 101 156 152; /* ⬅ #659c98 */
+	--color-primary-800: 80 125 122; /* ⬅ #507d7a */
+	--color-primary-900: 66 102 99; /* ⬅ #426663 */
+	/* secondary | #213355 */
+	--color-secondary-50: 222 224 230; /* ⬅ #dee0e6 */
+	--color-secondary-100: 211 214 221; /* ⬅ #d3d6dd */
+	--color-secondary-200: 200 204 213; /* ⬅ #c8ccd5 */
+	--color-secondary-300: 166 173 187; /* ⬅ #a6adbb */
+	--color-secondary-400: 100 112 136; /* ⬅ #647088 */
+	--color-secondary-500: 33 51 85; /* ⬅ #213355 */
+	--color-secondary-600: 30 46 77; /* ⬅ #1e2e4d */
+	--color-secondary-700: 25 38 64; /* ⬅ #192640 */
+	--color-secondary-800: 20 31 51; /* ⬅ #141f33 */
+	--color-secondary-900: 16 25 42; /* ⬅ #10192a */
+	/* tertiary | #ff3d00 */
+	--color-tertiary-50: 255 226 217; /* ⬅ #ffe2d9 */
+	--color-tertiary-100: 255 216 204; /* ⬅ #ffd8cc */
+	--color-tertiary-200: 255 207 191; /* ⬅ #ffcfbf */
+	--color-tertiary-300: 255 177 153; /* ⬅ #ffb199 */
+	--color-tertiary-400: 255 119 77; /* ⬅ #ff774d */
+	--color-tertiary-500: 255 61 0; /* ⬅ #ff3d00 */
+	--color-tertiary-600: 230 55 0; /* ⬅ #e63700 */
+	--color-tertiary-700: 191 46 0; /* ⬅ #bf2e00 */
+	--color-tertiary-800: 153 37 0; /* ⬅ #992500 */
+	--color-tertiary-900: 125 30 0; /* ⬅ #7d1e00 */
+	/* success | #06e5a2 */
+	--color-success-50: 218 251 241; /* ⬅ #dafbf1 */
+	--color-success-100: 205 250 236; /* ⬅ #cdfaec */
+	--color-success-200: 193 249 232; /* ⬅ #c1f9e8 */
+	--color-success-300: 155 245 218; /* ⬅ #9bf5da */
+	--color-success-400: 81 237 190; /* ⬅ #51edbe */
+	--color-success-500: 6 229 162; /* ⬅ #06e5a2 */
+	--color-success-600: 5 206 146; /* ⬅ #05ce92 */
+	--color-success-700: 5 172 122; /* ⬅ #05ac7a */
+	--color-success-800: 4 137 97; /* ⬅ #048961 */
+	--color-success-900: 3 112 79; /* ⬅ #03704f */
+	/* warning | #eae557 */
+	--color-warning-50: 252 251 230; /* ⬅ #fcfbe6 */
+	--color-warning-100: 251 250 221; /* ⬅ #fbfadd */
+	--color-warning-200: 250 249 213; /* ⬅ #faf9d5 */
+	--color-warning-300: 247 245 188; /* ⬅ #f7f5bc */
+	--color-warning-400: 240 237 137; /* ⬅ #f0ed89 */
+	--color-warning-500: 234 229 87; /* ⬅ #eae557 */
+	--color-warning-600: 211 206 78; /* ⬅ #d3ce4e */
+	--color-warning-700: 176 172 65; /* ⬅ #b0ac41 */
+	--color-warning-800: 140 137 52; /* ⬅ #8c8934 */
+	--color-warning-900: 115 112 43; /* ⬅ #73702b */
+	/* error | #d24646 */
+	--color-error-50: 248 227 227; /* ⬅ #f8e3e3 */
+	--color-error-100: 246 218 218; /* ⬅ #f6dada */
+	--color-error-200: 244 209 209; /* ⬅ #f4d1d1 */
+	--color-error-300: 237 181 181; /* ⬅ #edb5b5 */
+	--color-error-400: 224 126 126; /* ⬅ #e07e7e */
+	--color-error-500: 210 70 70; /* ⬅ #d24646 */
+	--color-error-600: 189 63 63; /* ⬅ #bd3f3f */
+	--color-error-700: 158 53 53; /* ⬅ #9e3535 */
+	--color-error-800: 126 42 42; /* ⬅ #7e2a2a */
+	--color-error-900: 103 34 34; /* ⬅ #672222 */
+	/* surface | #25d1d4 */
+	--color-surface-50: 222 248 249; /* ⬅ #def8f9 */
+	--color-surface-100: 211 246 246; /* ⬅ #d3f6f6 */
+	--color-surface-200: 201 244 244; /* ⬅ #c9f4f4 */
+	--color-surface-300: 168 237 238; /* ⬅ #a8edee */
+	--color-surface-400: 102 223 225; /* ⬅ #66dfe1 */
+	--color-surface-500: 37 209 212; /* ⬅ #25d1d4 */
+	--color-surface-600: 33 188 191; /* ⬅ #21bcbf */
+	--color-surface-700: 28 157 159; /* ⬅ #1c9d9f */
+	--color-surface-800: 22 125 127; /* ⬅ #167d7f */
+	--color-surface-900: 18 102 104; /* ⬅ #126668 */
+}
+
+[data-theme='seafoam'] h1,
+[data-theme='seafoam'] h2,
+[data-theme='seafoam'] h3,
+[data-theme='seafoam'] h4,
+[data-theme='seafoam'] h5,
+[data-theme='seafoam'] h6 {
+	font-weight: bold;
+	font-style: italic;
+	letter-spacing: 1px;
+}
+
+/* #213253 | #08847c */
+/* Applied to body with `<body data-theme="seafoam">` */
+/* Created with: https://csshero.org/mesher/ */
+[data-theme='seafoam'] {
+	background: linear-gradient(0deg, rgba(203, 221, 254, 0.75) 0%, rgba(163, 209, 206, 0.75) 100%);
+}
+.dark [data-theme='seafoam'] {
+	background: linear-gradient(0deg, rgba(33, 50, 83, 1) 0%, rgba(8, 132, 124, 1) 100%);
+}

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

@@ -0,0 +1,115 @@
+/* A New Years inspired theme. */
+
+/* https://fonts.google.com/specimen/Quicksand?query=Quicksand */
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
+
+:root {
+	/* =~= Theme Properties =~= */
+	--theme-font-family-base: system-ui;
+	--theme-font-family-heading: 'Quicksand', sans-serif;
+	--theme-font-color-base: var(--color-surface-500);
+	--theme-font-color-dark: var(--color-surface-200);
+	--theme-rounded-base: 12px;
+	--theme-rounded-container: 12px;
+	--theme-border-base: 0px;
+	/* =~= Theme On-X Colors =~= */
+	--on-primary: 0 0 0;
+	--on-secondary: 255 255 255;
+	--on-tertiary: 255 255 255;
+	--on-success: 0 0 0;
+	--on-warning: 0 0 0;
+	--on-error: 255 255 255;
+	--on-surface: 255 255 255;
+	/* =~= Theme Colors  =~= */
+	/* primary | #40b09d */
+	--color-primary-50: 226 243 240; /* ⬅ #e2f3f0 */
+	--color-primary-100: 217 239 235; /* ⬅ #d9efeb */
+	--color-primary-200: 207 235 231; /* ⬅ #cfebe7 */
+	--color-primary-300: 179 223 216; /* ⬅ #b3dfd8 */
+	--color-primary-400: 121 200 186; /* ⬅ #79c8ba */
+	--color-primary-500: 64 176 157; /* ⬅ #40b09d */
+	--color-primary-600: 58 158 141; /* ⬅ #3a9e8d */
+	--color-primary-700: 48 132 118; /* ⬅ #308476 */
+	--color-primary-800: 38 106 94; /* ⬅ #266a5e */
+	--color-primary-900: 31 86 77; /* ⬅ #1f564d */
+	/* secondary | #d7a12d */
+	--color-secondary-50: 249 241 224; /* ⬅ #f9f1e0 */
+	--color-secondary-100: 247 236 213; /* ⬅ #f7ecd5 */
+	--color-secondary-200: 245 232 203; /* ⬅ #f5e8cb */
+	--color-secondary-300: 239 217 171; /* ⬅ #efd9ab */
+	--color-secondary-400: 227 189 108; /* ⬅ #e3bd6c */
+	--color-secondary-500: 215 161 45; /* ⬅ #d7a12d */
+	--color-secondary-600: 194 145 41; /* ⬅ #c29129 */
+	--color-secondary-700: 161 121 34; /* ⬅ #a17922 */
+	--color-secondary-800: 129 97 27; /* ⬅ #81611b */
+	--color-secondary-900: 105 79 22; /* ⬅ #694f16 */
+	/* tertiary | #411d96 */
+	--color-tertiary-50: 227 221 239; /* ⬅ #e3ddef */
+	--color-tertiary-100: 217 210 234; /* ⬅ #d9d2ea */
+	--color-tertiary-200: 208 199 229; /* ⬅ #d0c7e5 */
+	--color-tertiary-300: 179 165 213; /* ⬅ #b3a5d5 */
+	--color-tertiary-400: 122 97 182; /* ⬅ #7a61b6 */
+	--color-tertiary-500: 65 29 150; /* ⬅ #411d96 */
+	--color-tertiary-600: 59 26 135; /* ⬅ #3b1a87 */
+	--color-tertiary-700: 49 22 113; /* ⬅ #311671 */
+	--color-tertiary-800: 39 17 90; /* ⬅ #27115a */
+	--color-tertiary-900: 32 14 74; /* ⬅ #200e4a */
+	/* success | #aad765 */
+	--color-success-50: 242 249 232; /* ⬅ #f2f9e8 */
+	--color-success-100: 238 247 224; /* ⬅ #eef7e0 */
+	--color-success-200: 234 245 217; /* ⬅ #eaf5d9 */
+	--color-success-300: 221 239 193; /* ⬅ #ddefc1 */
+	--color-success-400: 196 227 147; /* ⬅ #c4e393 */
+	--color-success-500: 170 215 101; /* ⬅ #aad765 */
+	--color-success-600: 153 194 91; /* ⬅ #99c25b */
+	--color-success-700: 128 161 76; /* ⬅ #80a14c */
+	--color-success-800: 102 129 61; /* ⬅ #66813d */
+	--color-success-900: 83 105 49; /* ⬅ #536931 */
+	/* warning | #e1ca84 */
+	--color-warning-50: 251 247 237; /* ⬅ #fbf7ed */
+	--color-warning-100: 249 244 230; /* ⬅ #f9f4e6 */
+	--color-warning-200: 248 242 224; /* ⬅ #f8f2e0 */
+	--color-warning-300: 243 234 206; /* ⬅ #f3eace */
+	--color-warning-400: 234 218 169; /* ⬅ #eadaa9 */
+	--color-warning-500: 225 202 132; /* ⬅ #e1ca84 */
+	--color-warning-600: 203 182 119; /* ⬅ #cbb677 */
+	--color-warning-700: 169 152 99; /* ⬅ #a99863 */
+	--color-warning-800: 135 121 79; /* ⬅ #87794f */
+	--color-warning-900: 110 99 65; /* ⬅ #6e6341 */
+	/* error | #e1565d */
+	--color-error-50: 251 230 231; /* ⬅ #fbe6e7 */
+	--color-error-100: 249 221 223; /* ⬅ #f9dddf */
+	--color-error-200: 248 213 215; /* ⬅ #f8d5d7 */
+	--color-error-300: 243 187 190; /* ⬅ #f3bbbe */
+	--color-error-400: 234 137 142; /* ⬅ #ea898e */
+	--color-error-500: 225 86 93; /* ⬅ #e1565d */
+	--color-error-600: 203 77 84; /* ⬅ #cb4d54 */
+	--color-error-700: 169 65 70; /* ⬅ #a94146 */
+	--color-error-800: 135 52 56; /* ⬅ #873438 */
+	--color-error-900: 110 42 46; /* ⬅ #6e2a2e */
+	/* surface | #0f233e */
+	--color-surface-50: 219 222 226; /* ⬅ #dbdee2 */
+	--color-surface-100: 207 211 216; /* ⬅ #cfd3d8 */
+	--color-surface-200: 195 200 207; /* ⬅ #c3c8cf */
+	--color-surface-300: 159 167 178; /* ⬅ #9fa7b2 */
+	--color-surface-400: 87 101 120; /* ⬅ #576578 */
+	--color-surface-500: 15 35 62; /* ⬅ #0f233e */
+	--color-surface-600: 14 32 56; /* ⬅ #0e2038 */
+	--color-surface-700: 11 26 47; /* ⬅ #0b1a2f */
+	--color-surface-800: 9 21 37; /* ⬅ #091525 */
+	--color-surface-900: 7 17 30; /* ⬅ #07111e */
+}
+
+/* Applied to body with `<body data-theme="seasonal">` */
+[data-theme='seasonal'] {
+	/* prettier-ignore */
+	background-image:
+		radial-gradient(at 22% 100%, hsla(39,68%,50%,0.23) 0px, transparent 50%),
+		radial-gradient(at 80% 100%, hsla(189,100%,56%,0.33) 0px, transparent 50%);
+}
+.dark [data-theme='seasonal'] {
+	/* prettier-ignore */
+	background-image:
+		radial-gradient(at 22% 0%, hsla(39,68%,50%,0.15) 0px, transparent 50%),
+		radial-gradient(at 80% 0%, hsla(189,100%,56%,0.15) 0px, transparent 50%);
+}

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

@@ -0,0 +1,118 @@
+/* https://fonts.google.com/specimen/Lato?query=lato&noto.query=Abril */
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
+
+:root {
+	/* =~= Theme Properties =~= */
+	--theme-font-family-base: system-ui;
+	--theme-font-family-heading: system-ui;
+	--theme-font-color-base: 0 0 0;
+	--theme-font-color-dark: 255 255 255;
+	--theme-rounded-base: 9999px;
+	--theme-rounded-container: 8px;
+	--theme-border-base: 1px;
+	/* =~= Theme On-X Colors =~= */
+	--on-primary: 0 0 0;
+	--on-secondary: 255 255 255;
+	--on-tertiary: 0 0 0;
+	--on-success: 0 0 0;
+	--on-warning: 0 0 0;
+	--on-error: 255 255 255;
+	--on-surface: 255 255 255;
+	/* =~= Theme Colors  =~= */
+	/* primary | #0FBA81 */
+	--color-primary-50: 219 245 236; /* ⬅ #dbf5ec */
+	--color-primary-100: 207 241 230; /* ⬅ #cff1e6 */
+	--color-primary-200: 195 238 224; /* ⬅ #c3eee0 */
+	--color-primary-300: 159 227 205; /* ⬅ #9fe3cd */
+	--color-primary-400: 87 207 167; /* ⬅ #57cfa7 */
+	--color-primary-500: 15 186 129; /* ⬅ #0FBA81 */
+	--color-primary-600: 14 167 116; /* ⬅ #0ea774 */
+	--color-primary-700: 11 140 97; /* ⬅ #0b8c61 */
+	--color-primary-800: 9 112 77; /* ⬅ #09704d */
+	--color-primary-900: 7 91 63; /* ⬅ #075b3f */
+	/* secondary | #4F46E5 */
+	--color-secondary-50: 229 227 251; /* ⬅ #e5e3fb */
+	--color-secondary-100: 220 218 250; /* ⬅ #dcdafa */
+	--color-secondary-200: 211 209 249; /* ⬅ #d3d1f9 */
+	--color-secondary-300: 185 181 245; /* ⬅ #b9b5f5 */
+	--color-secondary-400: 132 126 237; /* ⬅ #847eed */
+	--color-secondary-500: 79 70 229; /* ⬅ #4F46E5 */
+	--color-secondary-600: 71 63 206; /* ⬅ #473fce */
+	--color-secondary-700: 59 53 172; /* ⬅ #3b35ac */
+	--color-secondary-800: 47 42 137; /* ⬅ #2f2a89 */
+	--color-secondary-900: 39 34 112; /* ⬅ #272270 */
+	/* tertiary | #0EA5E9 */
+	--color-tertiary-50: 219 242 252; /* ⬅ #dbf2fc */
+	--color-tertiary-100: 207 237 251; /* ⬅ #cfedfb */
+	--color-tertiary-200: 195 233 250; /* ⬅ #c3e9fa */
+	--color-tertiary-300: 159 219 246; /* ⬅ #9fdbf6 */
+	--color-tertiary-400: 86 192 240; /* ⬅ #56c0f0 */
+	--color-tertiary-500: 14 165 233; /* ⬅ #0EA5E9 */
+	--color-tertiary-600: 13 149 210; /* ⬅ #0d95d2 */
+	--color-tertiary-700: 11 124 175; /* ⬅ #0b7caf */
+	--color-tertiary-800: 8 99 140; /* ⬅ #08638c */
+	--color-tertiary-900: 7 81 114; /* ⬅ #075172 */
+	/* success | #84cc16 */
+	--color-success-50: 237 247 220; /* ⬅ #edf7dc */
+	--color-success-100: 230 245 208; /* ⬅ #e6f5d0 */
+	--color-success-200: 224 242 197; /* ⬅ #e0f2c5 */
+	--color-success-300: 206 235 162; /* ⬅ #ceeba2 */
+	--color-success-400: 169 219 92; /* ⬅ #a9db5c */
+	--color-success-500: 132 204 22; /* ⬅ #84cc16 */
+	--color-success-600: 119 184 20; /* ⬅ #77b814 */
+	--color-success-700: 99 153 17; /* ⬅ #639911 */
+	--color-success-800: 79 122 13; /* ⬅ #4f7a0d */
+	--color-success-900: 65 100 11; /* ⬅ #41640b */
+	/* warning | #EAB308 */
+	--color-warning-50: 252 244 218; /* ⬅ #fcf4da */
+	--color-warning-100: 251 240 206; /* ⬅ #fbf0ce */
+	--color-warning-200: 250 236 193; /* ⬅ #faecc1 */
+	--color-warning-300: 247 225 156; /* ⬅ #f7e19c */
+	--color-warning-400: 240 202 82; /* ⬅ #f0ca52 */
+	--color-warning-500: 234 179 8; /* ⬅ #EAB308 */
+	--color-warning-600: 211 161 7; /* ⬅ #d3a107 */
+	--color-warning-700: 176 134 6; /* ⬅ #b08606 */
+	--color-warning-800: 140 107 5; /* ⬅ #8c6b05 */
+	--color-warning-900: 115 88 4; /* ⬅ #735804 */
+	/* error | #D41976 */
+	--color-error-50: 249 221 234; /* ⬅ #f9ddea */
+	--color-error-100: 246 209 228; /* ⬅ #f6d1e4 */
+	--color-error-200: 244 198 221; /* ⬅ #f4c6dd */
+	--color-error-300: 238 163 200; /* ⬅ #eea3c8 */
+	--color-error-400: 225 94 159; /* ⬅ #e15e9f */
+	--color-error-500: 212 25 118; /* ⬅ #D41976 */
+	--color-error-600: 191 23 106; /* ⬅ #bf176a */
+	--color-error-700: 159 19 89; /* ⬅ #9f1359 */
+	--color-error-800: 127 15 71; /* ⬅ #7f0f47 */
+	--color-error-900: 104 12 58; /* ⬅ #680c3a */
+	/* surface | #495a8f */
+	--color-surface-50: 228 230 238; /* ⬅ #e4e6ee */
+	--color-surface-100: 219 222 233; /* ⬅ #dbdee9 */
+	--color-surface-200: 210 214 227; /* ⬅ #d2d6e3 */
+	--color-surface-300: 182 189 210; /* ⬅ #b6bdd2 */
+	--color-surface-400: 128 140 177; /* ⬅ #808cb1 */
+	--color-surface-500: 73 90 143; /* ⬅ #495a8f */
+	--color-surface-600: 66 81 129; /* ⬅ #425181 */
+	--color-surface-700: 55 68 107; /* ⬅ #37446b */
+	--color-surface-800: 44 54 86; /* ⬅ #2c3656 */
+	--color-surface-900: 36 44 70; /* ⬅ #242c46 */
+}
+
+/* Headings */
+[data-theme='skeleton'] h1,
+[data-theme='skeleton'] h2,
+[data-theme='skeleton'] h3,
+[data-theme='skeleton'] h4,
+[data-theme='skeleton'] h5,
+[data-theme='skeleton'] h6 {
+	font-weight: bold;
+}
+
+/* Applied to body with `<body data-theme="skeleton">` */
+/* Created with: https://csshero.org/mesher/ */
+/* prettier-ignore */
+[data-theme='skeleton'] {
+	background-image:
+			radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%),
+			radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);
+}

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

@@ -0,0 +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%);
+}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import ListView from './components/ListView.svelte';
+import TableView from './TableView.svelte';
+import FileIcon from './components/File/FileIcon.svelte';
+import FileInfo from './components/File/FileInfo.svelte';
+import FileUploader from './components/File/FileUploader.svelte';
+export { ListView, TableView, FileInfo, FileIcon, FileUploader };
+export { Api } from './services/Api.js';
+export { host, username, password, setApiConfig } from './stores/apistore.js';
+export type { user, FileUploaderModel } from './models/Models.js';

package/dist/index.js

@@ -0,0 +1,9 @@
+// Reexport your entry components here
+import ListView from './components/ListView.svelte';
+import TableView from './TableView.svelte';
+import FileIcon from './components/File/FileIcon.svelte';
+import FileInfo from './components/File/FileInfo.svelte';
+import FileUploader from './components/File/FileUploader.svelte';
+export { ListView, TableView, FileInfo, FileIcon, FileUploader };
+export { Api } from './services/Api.js';
+export { host, username, password, setApiConfig } from './stores/apistore.js';

package/dist/models/Models.d.ts

@@ -0,0 +1,31 @@
+export interface FileInfo {
+    name: string;
+    type: string;
+    length: number;
+    description: string;
+    validationHash: string;
+}
+export interface FileUploaderModel {
+    accept: string[];
+    existingFiles: FileInfo[];
+    descriptionType: number;
+    multiple: boolean;
+    maxSize: number;
+    lastModification: Date;
+}
+export interface Files {
+    accepted: Blob[];
+    rejected: Blob[];
+}
+export type user = {
+    name: string;
+};
+export interface FileObj {
+    path: string;
+    lastModified: number;
+    lastModifiedDate: Date;
+    name: string;
+    size: number;
+    type: string;
+    webkitRelativePath: string;
+}

package/dist/models/Models.js

@@ -0,0 +1 @@
+export {};

package/dist/services/Api.d.ts

@@ -0,0 +1,7 @@
+export declare const Api: {
+    get: (url: any, request?: string) => Promise<import("axios").AxiosResponse<any, any>>;
+    delete: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+    post: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+    put: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+    patch: (url: any, request: any) => Promise<import("axios").AxiosResponse<any, any>>;
+};

package/dist/services/Api.js

@@ -0,0 +1,44 @@
+// Api.js
+import axios from "axios";
+import { host, username, password } from "../stores/apistore";
+console.log("setup axios");
+// implement a method to execute all the request from here.
+const apiRequest = (method, url, request) => {
+    // Create a instance of axios to use the same base url.
+    const axiosAPI = axios.create({
+        baseURL: host
+    });
+    const headers = {
+        authorization: 'Basic ' + btoa(username + ":" + password)
+    };
+    //using the axios instance to perform the request that received from each http method
+    return axiosAPI({
+        method,
+        url,
+        data: request,
+        headers
+    }).then(res => {
+        return Promise.resolve(res);
+    })
+        .catch(err => {
+        return Promise.reject(err);
+    });
+};
+// function to execute the http get request
+const get = (url, request = "") => apiRequest("get", url, request);
+// function to execute the http delete request
+const deleteRequest = (url, request) => apiRequest("delete", url, request);
+// function to execute the http post request
+const post = (url, request) => apiRequest("post", url, request);
+// function to execute the http put request
+const put = (url, request) => apiRequest("put", url, request);
+// function to execute the http path request
+const patch = (url, request) => apiRequest("patch", url, request);
+// expose your method to other services or actions
+export const Api = {
+    get,
+    delete: deleteRequest,
+    post,
+    put,
+    patch
+};

package/dist/stores/apistore.d.ts

@@ -0,0 +1,4 @@
+export declare let host: string;
+export declare let username: string;
+export declare let password: string;
+export declare function setApiConfig(_host: string, _user: string, _pw: string): void;

package/dist/stores/apistore.js

@@ -0,0 +1,22 @@
+import { writable } from 'svelte/store';
+export let host = "window.location.origin";
+export let username = "";
+export let password = "";
+const hostStore = writable(""); //writable(window.location.origin);
+const usernameStore = writable("");
+const passwordStore = writable("");
+hostStore.subscribe(value => {
+    host = value;
+});
+usernameStore.subscribe(value => {
+    username = value;
+});
+passwordStore.subscribe(value => {
+    password = value;
+});
+export function setApiConfig(_host, _user, _pw) {
+    console.log("overwrite settings");
+    hostStore.update(h => h = _host);
+    usernameStore.update(u => u = _user);
+    passwordStore.update(p => p = _pw);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "private": false,
   "scripts": {
     "dev": "vite dev",
@@ -51,6 +51,10 @@
   "directories": {
     "test": "tests"
   },
+  "files": [
+    "dist",
+    "src"
+  ],
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.2.1",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",

package/.eslintignore

@@ -1,13 +0,0 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
-package-lock.json
-yarn.lock