@bexis2/bexis2-core-ui 0.4.87 → 0.4.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/dist/TableView.svelte.d.ts +0 -2
- package/dist/components/CodeEditor/CodeEditor.svelte.d.ts +1 -4
- package/dist/components/Facets/Facets.svelte.d.ts +0 -2
- package/dist/components/Facets/ShowMore.svelte.d.ts +0 -2
- package/dist/components/File/FileIcon.svelte.d.ts +0 -2
- package/dist/components/File/FileInfo.svelte.d.ts +0 -2
- package/dist/components/File/FileUploader.svelte.d.ts +0 -2
- package/dist/components/ListView.svelte.d.ts +0 -2
- package/dist/components/Table/ColumnsMenu.svelte.d.ts +0 -2
- package/dist/components/Table/Table.svelte.d.ts +0 -2
- package/dist/components/Table/TableContent.svelte.d.ts +0 -2
- package/dist/components/Table/TableFilter.svelte.d.ts +0 -2
- package/dist/components/Table/TableFilterServer.svelte.d.ts +0 -2
- package/dist/components/Table/TablePagination.svelte.d.ts +0 -2
- package/dist/components/Table/TablePaginationServer.svelte.d.ts +0 -2
- package/dist/components/form/Checkbox.svelte.d.ts +0 -2
- package/dist/components/form/CheckboxKvPList.svelte.d.ts +0 -2
- package/dist/components/form/CheckboxList.svelte.d.ts +0 -2
- package/dist/components/form/DateInput.svelte.d.ts +0 -2
- package/dist/components/form/Dropdown.svelte.d.ts +0 -2
- package/dist/components/form/DropdownKvP.svelte.d.ts +0 -2
- package/dist/components/form/InputContainer.svelte.d.ts +0 -2
- package/dist/components/form/MultiSelect.svelte +7 -7
- package/dist/components/form/MultiSelect.svelte.d.ts +0 -2
- package/dist/components/form/NumberInput.svelte.d.ts +0 -2
- package/dist/components/form/TextArea.svelte.d.ts +0 -2
- package/dist/components/form/TextInput.svelte.d.ts +0 -2
- package/dist/components/page/Alert.svelte.d.ts +0 -2
- package/dist/components/page/BackToTop.svelte.d.ts +0 -2
- package/dist/components/page/Docs.svelte.d.ts +0 -2
- package/dist/components/page/ErrorMessage.svelte.d.ts +0 -2
- package/dist/components/page/Footer.svelte.d.ts +0 -2
- package/dist/components/page/GoToTop.svelte.d.ts +0 -2
- package/dist/components/page/Header.svelte.d.ts +0 -2
- package/dist/components/page/HelpPopUp.svelte.d.ts +0 -2
- package/dist/components/page/Notification.svelte.d.ts +0 -2
- package/dist/components/page/Page.svelte.d.ts +0 -2
- package/dist/components/page/Spinner.svelte.d.ts +0 -2
- package/dist/components/page/TablePlaceholder.svelte.d.ts +0 -2
- package/dist/components/page/breadcrumb/Breadcrumb.svelte.d.ts +0 -2
- package/dist/components/page/menu/Menu.svelte.d.ts +0 -2
- package/dist/components/page/menu/MenuAccountBar.svelte.d.ts +0 -2
- package/dist/components/page/menu/MenuBar.svelte.d.ts +0 -2
- package/dist/components/page/menu/MenuItem.svelte.d.ts +0 -2
- package/dist/components/page/menu/MenuSublist.svelte.d.ts +0 -2
- package/dist/components/page/menu/SettingsBar.svelte.d.ts +0 -2
- package/dist/components/toggle/Toggle.svelte.d.ts +1 -3
- package/dist/services/Api.d.ts +5 -5
- package/package.json +1 -1
- package/src/lib/components/form/MultiSelect.svelte +7 -7
- package/dist/css/themes/theme-bexis2.css_old +0 -100
- package/dist/themes/theme-bexis2 copy.d.ts +0 -2
- package/dist/themes/theme-bexis2 copy.js +0 -112
- package/src/lib/css/themes/theme-bexis2.css_old +0 -100
- package/src/lib/themes/theme-bexis2 copy.ts +0 -114
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# bexis-core-ui
|
|
2
|
-
## 0.4.87
|
|
2
|
+
## 0.4.87/88
|
|
3
3
|
- Input
|
|
4
4
|
- add show description to all form components
|
|
5
5
|
|
|
@@ -22,7 +22,6 @@
|
|
|
22
22
|
- MultiSelect
|
|
23
23
|
- fix itemGroup was not working
|
|
24
24
|
|
|
25
|
-
|
|
26
25
|
## 0.4.83
|
|
27
26
|
- InputContainer
|
|
28
27
|
- error message position and basic styling of input fields
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import type { ThemeSpec } from 'svelte-codemirror-editor';
|
|
3
2
|
declare const __propDef: {
|
|
4
3
|
props: {
|
|
5
4
|
id: string;
|
|
@@ -11,7 +10,7 @@ declare const __propDef: {
|
|
|
11
10
|
toggle?: boolean;
|
|
12
11
|
actions?: boolean;
|
|
13
12
|
isValid?: boolean;
|
|
14
|
-
styles?:
|
|
13
|
+
styles?: any;
|
|
15
14
|
};
|
|
16
15
|
events: {
|
|
17
16
|
cancel: CustomEvent<any>;
|
|
@@ -24,8 +23,6 @@ declare const __propDef: {
|
|
|
24
23
|
id: string;
|
|
25
24
|
};
|
|
26
25
|
};
|
|
27
|
-
exports?: {} | undefined;
|
|
28
|
-
bindings?: string | undefined;
|
|
29
26
|
};
|
|
30
27
|
export type CodeEditorProps = typeof __propDef.props;
|
|
31
28
|
export type CodeEditorEvents = typeof __propDef.events;
|
|
@@ -10,8 +10,6 @@ declare const __propDef: {
|
|
|
10
10
|
[evt: string]: CustomEvent<any>;
|
|
11
11
|
};
|
|
12
12
|
slots: {};
|
|
13
|
-
exports?: {} | undefined;
|
|
14
|
-
bindings?: string | undefined;
|
|
15
13
|
};
|
|
16
14
|
export type ShowMoreProps = typeof __propDef.props;
|
|
17
15
|
export type ShowMoreEvents = typeof __propDef.events;
|
|
@@ -19,8 +19,6 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
-
exports?: {} | undefined;
|
|
23
|
-
bindings?: string | undefined;
|
|
24
22
|
};
|
|
25
23
|
export type FileUploaderProps = typeof __propDef.props;
|
|
26
24
|
export type FileUploaderEvents = typeof __propDef.events;
|
|
@@ -12,8 +12,6 @@ declare const __propDef: {
|
|
|
12
12
|
[evt: string]: CustomEvent<any>;
|
|
13
13
|
};
|
|
14
14
|
slots: {};
|
|
15
|
-
exports?: {} | undefined;
|
|
16
|
-
bindings?: string | undefined;
|
|
17
15
|
};
|
|
18
16
|
export type ColumnsMenuProps = typeof __propDef.props;
|
|
19
17
|
export type ColumnsMenuEvents = typeof __propDef.events;
|
|
@@ -10,8 +10,6 @@ declare const __propDef: {
|
|
|
10
10
|
[evt: string]: CustomEvent<any>;
|
|
11
11
|
};
|
|
12
12
|
slots: {};
|
|
13
|
-
exports?: {} | undefined;
|
|
14
|
-
bindings?: string | undefined;
|
|
15
13
|
};
|
|
16
14
|
export type TableContentProps = typeof __propDef.props;
|
|
17
15
|
export type TableContentEvents = typeof __propDef.events;
|
|
@@ -14,8 +14,6 @@ declare const __propDef: {
|
|
|
14
14
|
[evt: string]: CustomEvent<any>;
|
|
15
15
|
};
|
|
16
16
|
slots: {};
|
|
17
|
-
exports?: {} | undefined;
|
|
18
|
-
bindings?: string | undefined;
|
|
19
17
|
};
|
|
20
18
|
export type TableFilterProps = typeof __propDef.props;
|
|
21
19
|
export type TableFilterEvents = typeof __propDef.events;
|
|
@@ -15,8 +15,6 @@ declare const __propDef: {
|
|
|
15
15
|
[evt: string]: CustomEvent<any>;
|
|
16
16
|
};
|
|
17
17
|
slots: {};
|
|
18
|
-
exports?: {} | undefined;
|
|
19
|
-
bindings?: string | undefined;
|
|
20
18
|
};
|
|
21
19
|
export type TableFilterServerProps = typeof __propDef.props;
|
|
22
20
|
export type TableFilterServerEvents = typeof __propDef.events;
|
|
@@ -10,8 +10,6 @@ declare const __propDef: {
|
|
|
10
10
|
[evt: string]: CustomEvent<any>;
|
|
11
11
|
};
|
|
12
12
|
slots: {};
|
|
13
|
-
exports?: {} | undefined;
|
|
14
|
-
bindings?: string | undefined;
|
|
15
13
|
};
|
|
16
14
|
export type TablePaginationProps = typeof __propDef.props;
|
|
17
15
|
export type TablePaginationEvents = typeof __propDef.events;
|
|
@@ -12,8 +12,6 @@ declare const __propDef: {
|
|
|
12
12
|
[evt: string]: CustomEvent<any>;
|
|
13
13
|
};
|
|
14
14
|
slots: {};
|
|
15
|
-
exports?: {} | undefined;
|
|
16
|
-
bindings?: string | undefined;
|
|
17
15
|
};
|
|
18
16
|
export type TablePaginationServerProps = typeof __propDef.props;
|
|
19
17
|
export type TablePaginationServerEvents = typeof __propDef.events;
|
|
@@ -17,8 +17,6 @@ declare const __propDef: {
|
|
|
17
17
|
[evt: string]: CustomEvent<any>;
|
|
18
18
|
};
|
|
19
19
|
slots: {};
|
|
20
|
-
exports?: {} | undefined;
|
|
21
|
-
bindings?: string | undefined;
|
|
22
20
|
};
|
|
23
21
|
export type CheckboxProps = typeof __propDef.props;
|
|
24
22
|
export type CheckboxEvents = typeof __propDef.events;
|
|
@@ -15,8 +15,6 @@ declare const __propDef: {
|
|
|
15
15
|
[evt: string]: CustomEvent<any>;
|
|
16
16
|
};
|
|
17
17
|
slots: {};
|
|
18
|
-
exports?: {} | undefined;
|
|
19
|
-
bindings?: string | undefined;
|
|
20
18
|
};
|
|
21
19
|
export type CheckboxKvPListProps = typeof __propDef.props;
|
|
22
20
|
export type CheckboxKvPListEvents = typeof __propDef.events;
|
|
@@ -13,8 +13,6 @@ declare const __propDef: {
|
|
|
13
13
|
[evt: string]: CustomEvent<any>;
|
|
14
14
|
};
|
|
15
15
|
slots: {};
|
|
16
|
-
exports?: {} | undefined;
|
|
17
|
-
bindings?: string | undefined;
|
|
18
16
|
};
|
|
19
17
|
export type CheckboxListProps = typeof __propDef.props;
|
|
20
18
|
export type CheckboxListEvents = typeof __propDef.events;
|
|
@@ -19,8 +19,6 @@ declare const __propDef: {
|
|
|
19
19
|
[evt: string]: CustomEvent<any>;
|
|
20
20
|
};
|
|
21
21
|
slots: {};
|
|
22
|
-
exports?: {} | undefined;
|
|
23
|
-
bindings?: string | undefined;
|
|
24
22
|
};
|
|
25
23
|
export type DateInputProps = typeof __propDef.props;
|
|
26
24
|
export type DateInputEvents = typeof __propDef.events;
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
$: target, setValue(target);
|
|
35
35
|
|
|
36
36
|
let groupBy;
|
|
37
|
-
$: groupBy;
|
|
37
|
+
$: groupBy = itemGroup ? (item) => item[itemGroup] : undefined;
|
|
38
38
|
|
|
39
39
|
const dispatch = createEventDispatcher();
|
|
40
40
|
|
|
@@ -121,17 +121,17 @@
|
|
|
121
121
|
value = items;
|
|
122
122
|
}
|
|
123
123
|
//console.log(value);
|
|
124
|
-
if (itemGroup) {
|
|
125
|
-
|
|
126
|
-
}
|
|
124
|
+
// if (itemGroup) {
|
|
125
|
+
// groupBy = (item) => item[itemGroup];
|
|
126
|
+
// }
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
if (complexSource && complexTarget && isMulti) {
|
|
130
130
|
value = t;
|
|
131
131
|
isLoaded = true;
|
|
132
|
-
if (itemGroup) {
|
|
133
|
-
|
|
134
|
-
}
|
|
132
|
+
// if (itemGroup) {
|
|
133
|
+
// groupBy = (item) => item[itemGroup];
|
|
134
|
+
// }
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
//b) simple liust and simple model
|
|
@@ -23,8 +23,6 @@ declare const __propDef: {
|
|
|
23
23
|
[evt: string]: CustomEvent<any>;
|
|
24
24
|
};
|
|
25
25
|
slots: {};
|
|
26
|
-
exports?: {} | undefined;
|
|
27
|
-
bindings?: string | undefined;
|
|
28
26
|
};
|
|
29
27
|
export type NumberInputProps = typeof __propDef.props;
|
|
30
28
|
export type NumberInputEvents = typeof __propDef.events;
|
|
@@ -21,8 +21,6 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
-
exports?: {} | undefined;
|
|
25
|
-
bindings?: string | undefined;
|
|
26
24
|
};
|
|
27
25
|
export type TextAreaProps = typeof __propDef.props;
|
|
28
26
|
export type TextAreaEvents = typeof __propDef.events;
|
|
@@ -21,8 +21,6 @@ declare const __propDef: {
|
|
|
21
21
|
[evt: string]: CustomEvent<any>;
|
|
22
22
|
};
|
|
23
23
|
slots: {};
|
|
24
|
-
exports?: {} | undefined;
|
|
25
|
-
bindings?: string | undefined;
|
|
26
24
|
};
|
|
27
25
|
export type TextInputProps = typeof __propDef.props;
|
|
28
26
|
export type TextInputEvents = typeof __propDef.events;
|
|
@@ -7,8 +7,6 @@ declare const __propDef: {
|
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
8
8
|
};
|
|
9
9
|
slots: {};
|
|
10
|
-
exports?: {} | undefined;
|
|
11
|
-
bindings?: string | undefined;
|
|
12
10
|
};
|
|
13
11
|
export type ErrorMessageProps = typeof __propDef.props;
|
|
14
12
|
export type ErrorMessageEvents = typeof __propDef.events;
|
|
@@ -10,8 +10,6 @@ declare const __propDef: {
|
|
|
10
10
|
[evt: string]: CustomEvent<any>;
|
|
11
11
|
};
|
|
12
12
|
slots: {};
|
|
13
|
-
exports?: {} | undefined;
|
|
14
|
-
bindings?: string | undefined;
|
|
15
13
|
};
|
|
16
14
|
export type SpinnerProps = typeof __propDef.props;
|
|
17
15
|
export type SpinnerEvents = typeof __propDef.events;
|
|
@@ -8,8 +8,6 @@ declare const __propDef: {
|
|
|
8
8
|
[evt: string]: CustomEvent<any>;
|
|
9
9
|
};
|
|
10
10
|
slots: {};
|
|
11
|
-
exports?: {} | undefined;
|
|
12
|
-
bindings?: string | undefined;
|
|
13
11
|
};
|
|
14
12
|
export type TablePlaceholderProps = typeof __propDef.props;
|
|
15
13
|
export type TablePlaceholderEvents = typeof __propDef.events;
|
|
@@ -8,8 +8,6 @@ declare const __propDef: {
|
|
|
8
8
|
[evt: string]: CustomEvent<any>;
|
|
9
9
|
};
|
|
10
10
|
slots: {};
|
|
11
|
-
exports?: {} | undefined;
|
|
12
|
-
bindings?: string | undefined;
|
|
13
11
|
};
|
|
14
12
|
export type MenuAccountBarProps = typeof __propDef.props;
|
|
15
13
|
export type MenuAccountBarEvents = typeof __propDef.events;
|
|
@@ -8,8 +8,6 @@ declare const __propDef: {
|
|
|
8
8
|
[evt: string]: CustomEvent<any>;
|
|
9
9
|
};
|
|
10
10
|
slots: {};
|
|
11
|
-
exports?: {} | undefined;
|
|
12
|
-
bindings?: string | undefined;
|
|
13
11
|
};
|
|
14
12
|
export type MenuSublistProps = typeof __propDef.props;
|
|
15
13
|
export type MenuSublistEvents = typeof __propDef.events;
|
|
@@ -8,8 +8,6 @@ declare const __propDef: {
|
|
|
8
8
|
[evt: string]: CustomEvent<any>;
|
|
9
9
|
};
|
|
10
10
|
slots: {};
|
|
11
|
-
exports?: {} | undefined;
|
|
12
|
-
bindings?: string | undefined;
|
|
13
11
|
};
|
|
14
12
|
export type SettingsBarProps = typeof __propDef.props;
|
|
15
13
|
export type SettingsBarEvents = typeof __propDef.events;
|
|
@@ -14,7 +14,7 @@ declare const __propDef: {
|
|
|
14
14
|
rounded?: CssClasses | undefined;
|
|
15
15
|
};
|
|
16
16
|
events: {
|
|
17
|
-
click:
|
|
17
|
+
click: MouseEvent;
|
|
18
18
|
keydown: KeyboardEvent;
|
|
19
19
|
keyup: KeyboardEvent;
|
|
20
20
|
keypress: KeyboardEvent;
|
|
@@ -22,8 +22,6 @@ declare const __propDef: {
|
|
|
22
22
|
[evt: string]: CustomEvent<any>;
|
|
23
23
|
};
|
|
24
24
|
slots: {};
|
|
25
|
-
exports?: undefined;
|
|
26
|
-
bindings?: undefined;
|
|
27
25
|
};
|
|
28
26
|
export type ToggleProps = typeof __propDef.props;
|
|
29
27
|
export type ToggleEvents = typeof __propDef.events;
|
package/dist/services/Api.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const Api: {
|
|
2
|
-
get: (url: any, request?: string, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any
|
|
3
|
-
delete: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any
|
|
4
|
-
post: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any
|
|
5
|
-
put: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any
|
|
6
|
-
patch: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any
|
|
2
|
+
get: (url: any, request?: string, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
3
|
+
delete: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
4
|
+
post: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
5
|
+
put: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
6
|
+
patch: (url: any, request: any, headers?: {}, config?: {}) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
7
7
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bexis2/bexis2-core-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.88",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
|
|
6
6
|
"keywords": [
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
$: target, setValue(target);
|
|
35
35
|
|
|
36
36
|
let groupBy;
|
|
37
|
-
$: groupBy;
|
|
37
|
+
$: groupBy = itemGroup ? (item) => item[itemGroup] : undefined;
|
|
38
38
|
|
|
39
39
|
const dispatch = createEventDispatcher();
|
|
40
40
|
|
|
@@ -121,17 +121,17 @@
|
|
|
121
121
|
value = items;
|
|
122
122
|
}
|
|
123
123
|
//console.log(value);
|
|
124
|
-
if (itemGroup) {
|
|
125
|
-
|
|
126
|
-
}
|
|
124
|
+
// if (itemGroup) {
|
|
125
|
+
// groupBy = (item) => item[itemGroup];
|
|
126
|
+
// }
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
if (complexSource && complexTarget && isMulti) {
|
|
130
130
|
value = t;
|
|
131
131
|
isLoaded = true;
|
|
132
|
-
if (itemGroup) {
|
|
133
|
-
|
|
134
|
-
}
|
|
132
|
+
// if (itemGroup) {
|
|
133
|
+
// groupBy = (item) => item[itemGroup];
|
|
134
|
+
// }
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
//b) simple liust and simple model
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
[data-theme='bexis2theme'] {
|
|
2
|
-
/* =~= Theme Properties =~= */
|
|
3
|
-
--base-font-family: system-ui;
|
|
4
|
-
--base-font-color: var(--color-surface-900);
|
|
5
|
-
--base-font-color-dark: 255 255 255;
|
|
6
|
-
/*--theme-rounded-base: 4px;
|
|
7
|
-
--theme-rounded-container: 4px;
|
|
8
|
-
--theme-border-base: 1px;*/
|
|
9
|
-
--radius-base: 4px;
|
|
10
|
-
--radius-container: 4px;
|
|
11
|
-
--default-border-width: 1px;
|
|
12
|
-
--default-divide-width: 1px;
|
|
13
|
-
--default-ring-width: 1px;
|
|
14
|
-
/* =~= Theme On-X Colors =~= */
|
|
15
|
-
--on-primary: 255 255 255;
|
|
16
|
-
--on-secondary: 255 255 255;
|
|
17
|
-
--on-tertiary: 0 0 0;
|
|
18
|
-
--on-success: 255 255 255;
|
|
19
|
-
--on-warning: 255 255 255;
|
|
20
|
-
--on-error: 255 255 255;
|
|
21
|
-
--on-surface: 0 0 0;
|
|
22
|
-
/* =~= Theme Colors =~= */
|
|
23
|
-
/* primary | #45b2a1 */
|
|
24
|
-
--color-primary-50: #e3f3f1;
|
|
25
|
-
--color-primary-100: #daf0ec;
|
|
26
|
-
--color-primary-200: #d1ece8;
|
|
27
|
-
--color-primary-300: #b5e0d9;
|
|
28
|
-
--color-primary-400: #7dc9bd;
|
|
29
|
-
--color-primary-500: #45b2a1;
|
|
30
|
-
--color-primary-600: #3ea091;
|
|
31
|
-
--color-primary-700: #348679;
|
|
32
|
-
--color-primary-800: #296b61;
|
|
33
|
-
--color-primary-900: #22574f;
|
|
34
|
-
/* secondary | #ff9700 */
|
|
35
|
-
--color-secondary-50: #ffefd9;
|
|
36
|
-
--color-secondary-100: #ffeacc;
|
|
37
|
-
--color-secondary-200: #ffe5bf;
|
|
38
|
-
--color-secondary-300: #ffd599;
|
|
39
|
-
--color-secondary-400: #ffb64d;
|
|
40
|
-
--color-secondary-500: #ff9700;
|
|
41
|
-
--color-secondary-600: #e68800;
|
|
42
|
-
--color-secondary-700: #bf7100;
|
|
43
|
-
--color-secondary-800: #995b00;
|
|
44
|
-
--color-secondary-900: #7d4a00;
|
|
45
|
-
/* tertiary | #bee1da */
|
|
46
|
-
--color-tertiary-50: #f5fbf9;
|
|
47
|
-
--color-tertiary-100: #f2f9f8;
|
|
48
|
-
--color-tertiary-200: #eff8f6;
|
|
49
|
-
--color-tertiary-300: #e5f3f0;
|
|
50
|
-
--color-tertiary-400: #d2eae5;
|
|
51
|
-
--color-tertiary-500: #bee1da;
|
|
52
|
-
--color-tertiary-600: #abcbc4;
|
|
53
|
-
--color-tertiary-700: #8fa9a4;
|
|
54
|
-
--color-tertiary-800: #728783;
|
|
55
|
-
--color-tertiary-900: #5d6e6b;
|
|
56
|
-
/* success | #4BB543 */
|
|
57
|
-
--color-success-50: #e4f4e3;
|
|
58
|
-
--color-success-100: #dbf0d9;
|
|
59
|
-
--color-success-200: #d2edd0;
|
|
60
|
-
--color-success-300: #b7e1b4;
|
|
61
|
-
--color-success-400: #81cb7b;
|
|
62
|
-
--color-success-500: #4bb543;
|
|
63
|
-
--color-success-600: #44a33c;
|
|
64
|
-
--color-success-700: #388832;
|
|
65
|
-
--color-success-800: #2d6d28;
|
|
66
|
-
--color-success-900: #255921;
|
|
67
|
-
/* warning | #EAB308 */
|
|
68
|
-
--color-warning-50: #fcf4da;
|
|
69
|
-
--color-warning-100: #fbf0ce;
|
|
70
|
-
--color-warning-200: #faecc1;
|
|
71
|
-
--color-warning-300: #f7e19c;
|
|
72
|
-
--color-warning-400: #f0ca52;
|
|
73
|
-
--color-warning-500: #eab308;
|
|
74
|
-
--color-warning-600: #d3a107;
|
|
75
|
-
--color-warning-700: #b08606;
|
|
76
|
-
--color-warning-800: #8c6b05;
|
|
77
|
-
--color-warning-900: #735804;
|
|
78
|
-
/* error | #FF0000 */
|
|
79
|
-
--color-error-50: #ffd9d9;
|
|
80
|
-
--color-error-100: #ffcccc;
|
|
81
|
-
--color-error-200: #ffbfbf;
|
|
82
|
-
--color-error-300: #ff9999;
|
|
83
|
-
--color-error-400: #ff4d4d;
|
|
84
|
-
--color-error-500: #ff0000;
|
|
85
|
-
--color-error-600: #e60000;
|
|
86
|
-
--color-error-700: #bf0000;
|
|
87
|
-
--color-error-800: #990000;
|
|
88
|
-
--color-error-900: #7d0000;
|
|
89
|
-
/* surface | #c7c7c7 */
|
|
90
|
-
--color-surface-50: #f7f7f7;
|
|
91
|
-
--color-surface-100: #f4f4f4;
|
|
92
|
-
--color-surface-200: #f1f1f1;
|
|
93
|
-
--color-surface-300: #e9e9e9;
|
|
94
|
-
--color-surface-400: #d8d8d8;
|
|
95
|
-
--color-surface-500: #c7c7c7;
|
|
96
|
-
--color-surface-600: #b3b3b3;
|
|
97
|
-
--color-surface-700: #959595;
|
|
98
|
-
--color-surface-800: #777777;
|
|
99
|
-
--color-surface-900: #626262;
|
|
100
|
-
}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
export const bexis2theme = {
|
|
2
|
-
name: 'bexis2theme',
|
|
3
|
-
properties: {
|
|
4
|
-
// =~= Theme Properties =~=
|
|
5
|
-
'--theme-font-family-base': `system-ui`,
|
|
6
|
-
'--theme-font-family-heading': `system-ui`,
|
|
7
|
-
'--theme-font-color-base': 'var(--color-surface-900)',
|
|
8
|
-
'--theme-font-color-dark': '#ffffff',
|
|
9
|
-
'--theme-rounded-base': '4px',
|
|
10
|
-
'--theme-rounded-container': '4px',
|
|
11
|
-
'--theme-border-base': '1px',
|
|
12
|
-
// =~= Theme On-X Colors =~=
|
|
13
|
-
'--on-primary': '255 255 255',
|
|
14
|
-
'--on-secondary': '255 255 255',
|
|
15
|
-
'--on-tertiary': '0 0 0',
|
|
16
|
-
'--on-success': '255 255 255',
|
|
17
|
-
'--on-warning': '255 255 255',
|
|
18
|
-
'--on-error': '255 255 255',
|
|
19
|
-
'--on-surface': '255 255 255',
|
|
20
|
-
// =~= Theme Colors =~=
|
|
21
|
-
// primary | #45b2a1
|
|
22
|
-
'--color-primary-50': '#e3f3f1',
|
|
23
|
-
'--color-primary-100': '#daf0ec',
|
|
24
|
-
'--color-primary-200': '#d1ece8',
|
|
25
|
-
'--color-primary-300': '#b5e0d9',
|
|
26
|
-
'--color-primary-400': '#7dc9bd',
|
|
27
|
-
'--color-primary-500': '#45b2a1',
|
|
28
|
-
'--color-primary-600': '#3ea091',
|
|
29
|
-
'--color-primary-700': '#348679',
|
|
30
|
-
'--color-primary-800': '#296b61',
|
|
31
|
-
'--color-primary-900': '#22574f',
|
|
32
|
-
// secondary | #ff9700
|
|
33
|
-
'--color-secondary-50': '#ffefd9',
|
|
34
|
-
'--color-secondary-100': '#ffeacc',
|
|
35
|
-
'--color-secondary-200': '#ffe5bf',
|
|
36
|
-
'--color-secondary-300': '#ffd599',
|
|
37
|
-
'--color-secondary-400': '#ffb64d',
|
|
38
|
-
'--color-secondary-500': '#ff9700',
|
|
39
|
-
'--color-secondary-600': '#e68800',
|
|
40
|
-
'--color-secondary-700': '#bf7100',
|
|
41
|
-
'--color-secondary-800': '#995b00',
|
|
42
|
-
'--color-secondary-900': '#7d4a00',
|
|
43
|
-
// tertiary | #bee1da
|
|
44
|
-
'--color-tertiary-50': '#f5fbf9',
|
|
45
|
-
'--color-tertiary-100': '#f2f9f8',
|
|
46
|
-
'--color-tertiary-200': '#eff8f6',
|
|
47
|
-
'--color-tertiary-300': '#e5f3f0',
|
|
48
|
-
'--color-tertiary-400': '#d2eae5',
|
|
49
|
-
'--color-tertiary-500': '#bee1da',
|
|
50
|
-
'--color-tertiary-600': '#abcbc4',
|
|
51
|
-
'--color-tertiary-700': '#8fa9a4',
|
|
52
|
-
'--color-tertiary-800': '#728783',
|
|
53
|
-
'--color-tertiary-900': '#5d6e6b',
|
|
54
|
-
// success | #4BB543
|
|
55
|
-
'--color-success-50': '#e4f4e3',
|
|
56
|
-
'--color-success-100': '#dbf0d9',
|
|
57
|
-
'--color-success-200': '#d2edd0',
|
|
58
|
-
'--color-success-300': '#b7e1b4',
|
|
59
|
-
'--color-success-400': '#81cb7b',
|
|
60
|
-
'--color-success-500': '#4bb543',
|
|
61
|
-
'--color-success-600': '#44a33c',
|
|
62
|
-
'--color-success-700': '#388832',
|
|
63
|
-
'--color-success-800': '#2d6d28',
|
|
64
|
-
'--color-success-900': '#255921',
|
|
65
|
-
// warning | #EAB308
|
|
66
|
-
'--color-warning-50': '#fcf4da',
|
|
67
|
-
'--color-warning-100': '#fbf0ce',
|
|
68
|
-
'--color-warning-200': '#faecc1',
|
|
69
|
-
'--color-warning-300': '#f7e19c',
|
|
70
|
-
'--color-warning-400': '#f0ca52',
|
|
71
|
-
'--color-warning-500': '#eab308',
|
|
72
|
-
'--color-warning-600': '#d3a107',
|
|
73
|
-
'--color-warning-700': '#b08606',
|
|
74
|
-
'--color-warning-800': '#8c6b05',
|
|
75
|
-
'--color-warning-900': '#735804',
|
|
76
|
-
// error | #FF0000
|
|
77
|
-
'--color-error-50': '#ffd9d9',
|
|
78
|
-
'--color-error-100': '#ffcccc',
|
|
79
|
-
'--color-error-200': '#ffbfbf',
|
|
80
|
-
'--color-error-300': '#ff9999',
|
|
81
|
-
'--color-error-400': '#ff4d4d',
|
|
82
|
-
'--color-error-500': '#ff0000',
|
|
83
|
-
'--color-error-600': '#e60000',
|
|
84
|
-
'--color-error-700': '#bf0000',
|
|
85
|
-
'--color-error-800': '#990000',
|
|
86
|
-
'--color-error-900': '#7d0000',
|
|
87
|
-
// surface | #c7c7c7
|
|
88
|
-
'--color-surface-50': '#f7f7f7',
|
|
89
|
-
'--color-surface-100': '#f4f4f4',
|
|
90
|
-
'--color-surface-200': '#f1f1f1',
|
|
91
|
-
'--color-surface-300': '#e9e9e9',
|
|
92
|
-
'--color-surface-400': '#d8d8d8',
|
|
93
|
-
'--color-surface-500': '#c7c7c7',
|
|
94
|
-
'--color-surface-600': '#b3b3b3',
|
|
95
|
-
'--color-surface-700': '#959595',
|
|
96
|
-
'--color-surface-800': '#777777',
|
|
97
|
-
'--color-surface-900': '#626262'
|
|
98
|
-
},
|
|
99
|
-
properties_dark: {
|
|
100
|
-
// surface | #2e2e2e
|
|
101
|
-
'--color-surface-50': '#e0e0e0',
|
|
102
|
-
'--color-surface-100': '#d5d5d5',
|
|
103
|
-
'--color-surface-200': '#cbcbcb',
|
|
104
|
-
'--color-surface-300': '#ababab',
|
|
105
|
-
'--color-surface-400': '#6d6d6d',
|
|
106
|
-
'--color-surface-500': '#2e2e2e',
|
|
107
|
-
'--color-surface-600': '#292929',
|
|
108
|
-
'--color-surface-700': '#232323',
|
|
109
|
-
'--color-surface-800': '#1c1c1c',
|
|
110
|
-
'--color-surface-900': '#171717'
|
|
111
|
-
}
|
|
112
|
-
};
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
[data-theme='bexis2theme'] {
|
|
2
|
-
/* =~= Theme Properties =~= */
|
|
3
|
-
--base-font-family: system-ui;
|
|
4
|
-
--base-font-color: var(--color-surface-900);
|
|
5
|
-
--base-font-color-dark: 255 255 255;
|
|
6
|
-
/*--theme-rounded-base: 4px;
|
|
7
|
-
--theme-rounded-container: 4px;
|
|
8
|
-
--theme-border-base: 1px;*/
|
|
9
|
-
--radius-base: 4px;
|
|
10
|
-
--radius-container: 4px;
|
|
11
|
-
--default-border-width: 1px;
|
|
12
|
-
--default-divide-width: 1px;
|
|
13
|
-
--default-ring-width: 1px;
|
|
14
|
-
/* =~= Theme On-X Colors =~= */
|
|
15
|
-
--on-primary: 255 255 255;
|
|
16
|
-
--on-secondary: 255 255 255;
|
|
17
|
-
--on-tertiary: 0 0 0;
|
|
18
|
-
--on-success: 255 255 255;
|
|
19
|
-
--on-warning: 255 255 255;
|
|
20
|
-
--on-error: 255 255 255;
|
|
21
|
-
--on-surface: 0 0 0;
|
|
22
|
-
/* =~= Theme Colors =~= */
|
|
23
|
-
/* primary | #45b2a1 */
|
|
24
|
-
--color-primary-50: #e3f3f1;
|
|
25
|
-
--color-primary-100: #daf0ec;
|
|
26
|
-
--color-primary-200: #d1ece8;
|
|
27
|
-
--color-primary-300: #b5e0d9;
|
|
28
|
-
--color-primary-400: #7dc9bd;
|
|
29
|
-
--color-primary-500: #45b2a1;
|
|
30
|
-
--color-primary-600: #3ea091;
|
|
31
|
-
--color-primary-700: #348679;
|
|
32
|
-
--color-primary-800: #296b61;
|
|
33
|
-
--color-primary-900: #22574f;
|
|
34
|
-
/* secondary | #ff9700 */
|
|
35
|
-
--color-secondary-50: #ffefd9;
|
|
36
|
-
--color-secondary-100: #ffeacc;
|
|
37
|
-
--color-secondary-200: #ffe5bf;
|
|
38
|
-
--color-secondary-300: #ffd599;
|
|
39
|
-
--color-secondary-400: #ffb64d;
|
|
40
|
-
--color-secondary-500: #ff9700;
|
|
41
|
-
--color-secondary-600: #e68800;
|
|
42
|
-
--color-secondary-700: #bf7100;
|
|
43
|
-
--color-secondary-800: #995b00;
|
|
44
|
-
--color-secondary-900: #7d4a00;
|
|
45
|
-
/* tertiary | #bee1da */
|
|
46
|
-
--color-tertiary-50: #f5fbf9;
|
|
47
|
-
--color-tertiary-100: #f2f9f8;
|
|
48
|
-
--color-tertiary-200: #eff8f6;
|
|
49
|
-
--color-tertiary-300: #e5f3f0;
|
|
50
|
-
--color-tertiary-400: #d2eae5;
|
|
51
|
-
--color-tertiary-500: #bee1da;
|
|
52
|
-
--color-tertiary-600: #abcbc4;
|
|
53
|
-
--color-tertiary-700: #8fa9a4;
|
|
54
|
-
--color-tertiary-800: #728783;
|
|
55
|
-
--color-tertiary-900: #5d6e6b;
|
|
56
|
-
/* success | #4BB543 */
|
|
57
|
-
--color-success-50: #e4f4e3;
|
|
58
|
-
--color-success-100: #dbf0d9;
|
|
59
|
-
--color-success-200: #d2edd0;
|
|
60
|
-
--color-success-300: #b7e1b4;
|
|
61
|
-
--color-success-400: #81cb7b;
|
|
62
|
-
--color-success-500: #4bb543;
|
|
63
|
-
--color-success-600: #44a33c;
|
|
64
|
-
--color-success-700: #388832;
|
|
65
|
-
--color-success-800: #2d6d28;
|
|
66
|
-
--color-success-900: #255921;
|
|
67
|
-
/* warning | #EAB308 */
|
|
68
|
-
--color-warning-50: #fcf4da;
|
|
69
|
-
--color-warning-100: #fbf0ce;
|
|
70
|
-
--color-warning-200: #faecc1;
|
|
71
|
-
--color-warning-300: #f7e19c;
|
|
72
|
-
--color-warning-400: #f0ca52;
|
|
73
|
-
--color-warning-500: #eab308;
|
|
74
|
-
--color-warning-600: #d3a107;
|
|
75
|
-
--color-warning-700: #b08606;
|
|
76
|
-
--color-warning-800: #8c6b05;
|
|
77
|
-
--color-warning-900: #735804;
|
|
78
|
-
/* error | #FF0000 */
|
|
79
|
-
--color-error-50: #ffd9d9;
|
|
80
|
-
--color-error-100: #ffcccc;
|
|
81
|
-
--color-error-200: #ffbfbf;
|
|
82
|
-
--color-error-300: #ff9999;
|
|
83
|
-
--color-error-400: #ff4d4d;
|
|
84
|
-
--color-error-500: #ff0000;
|
|
85
|
-
--color-error-600: #e60000;
|
|
86
|
-
--color-error-700: #bf0000;
|
|
87
|
-
--color-error-800: #990000;
|
|
88
|
-
--color-error-900: #7d0000;
|
|
89
|
-
/* surface | #c7c7c7 */
|
|
90
|
-
--color-surface-50: #f7f7f7;
|
|
91
|
-
--color-surface-100: #f4f4f4;
|
|
92
|
-
--color-surface-200: #f1f1f1;
|
|
93
|
-
--color-surface-300: #e9e9e9;
|
|
94
|
-
--color-surface-400: #d8d8d8;
|
|
95
|
-
--color-surface-500: #c7c7c7;
|
|
96
|
-
--color-surface-600: #b3b3b3;
|
|
97
|
-
--color-surface-700: #959595;
|
|
98
|
-
--color-surface-800: #777777;
|
|
99
|
-
--color-surface-900: #626262;
|
|
100
|
-
}
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
|
|
2
|
-
|
|
3
|
-
export const bexis2theme: CustomThemeConfig = {
|
|
4
|
-
name: 'bexis2theme',
|
|
5
|
-
properties: {
|
|
6
|
-
// =~= Theme Properties =~=
|
|
7
|
-
'--theme-font-family-base': `system-ui`,
|
|
8
|
-
'--theme-font-family-heading': `system-ui`,
|
|
9
|
-
'--theme-font-color-base': 'var(--color-surface-900)',
|
|
10
|
-
'--theme-font-color-dark': '#ffffff',
|
|
11
|
-
'--theme-rounded-base': '4px',
|
|
12
|
-
'--theme-rounded-container': '4px',
|
|
13
|
-
'--theme-border-base': '1px',
|
|
14
|
-
// =~= Theme On-X Colors =~=
|
|
15
|
-
'--on-primary': '255 255 255',
|
|
16
|
-
'--on-secondary': '255 255 255',
|
|
17
|
-
'--on-tertiary': '0 0 0',
|
|
18
|
-
'--on-success': '255 255 255',
|
|
19
|
-
'--on-warning': '255 255 255',
|
|
20
|
-
'--on-error': '255 255 255',
|
|
21
|
-
'--on-surface': '255 255 255',
|
|
22
|
-
// =~= Theme Colors =~=
|
|
23
|
-
// primary | #45b2a1
|
|
24
|
-
'--color-primary-50': '#e3f3f1',
|
|
25
|
-
'--color-primary-100': '#daf0ec',
|
|
26
|
-
'--color-primary-200': '#d1ece8',
|
|
27
|
-
'--color-primary-300': '#b5e0d9',
|
|
28
|
-
'--color-primary-400': '#7dc9bd',
|
|
29
|
-
'--color-primary-500': '#45b2a1',
|
|
30
|
-
'--color-primary-600': '#3ea091',
|
|
31
|
-
'--color-primary-700': '#348679',
|
|
32
|
-
'--color-primary-800': '#296b61',
|
|
33
|
-
'--color-primary-900': '#22574f',
|
|
34
|
-
// secondary | #ff9700
|
|
35
|
-
'--color-secondary-50': '#ffefd9',
|
|
36
|
-
'--color-secondary-100': '#ffeacc',
|
|
37
|
-
'--color-secondary-200': '#ffe5bf',
|
|
38
|
-
'--color-secondary-300': '#ffd599',
|
|
39
|
-
'--color-secondary-400': '#ffb64d',
|
|
40
|
-
'--color-secondary-500': '#ff9700',
|
|
41
|
-
'--color-secondary-600': '#e68800',
|
|
42
|
-
'--color-secondary-700': '#bf7100',
|
|
43
|
-
'--color-secondary-800': '#995b00',
|
|
44
|
-
'--color-secondary-900': '#7d4a00',
|
|
45
|
-
// tertiary | #bee1da
|
|
46
|
-
'--color-tertiary-50': '#f5fbf9',
|
|
47
|
-
'--color-tertiary-100': '#f2f9f8',
|
|
48
|
-
'--color-tertiary-200': '#eff8f6',
|
|
49
|
-
'--color-tertiary-300': '#e5f3f0',
|
|
50
|
-
'--color-tertiary-400': '#d2eae5',
|
|
51
|
-
'--color-tertiary-500': '#bee1da',
|
|
52
|
-
'--color-tertiary-600': '#abcbc4',
|
|
53
|
-
'--color-tertiary-700': '#8fa9a4',
|
|
54
|
-
'--color-tertiary-800': '#728783',
|
|
55
|
-
'--color-tertiary-900': '#5d6e6b',
|
|
56
|
-
// success | #4BB543
|
|
57
|
-
'--color-success-50': '#e4f4e3',
|
|
58
|
-
'--color-success-100': '#dbf0d9',
|
|
59
|
-
'--color-success-200': '#d2edd0',
|
|
60
|
-
'--color-success-300': '#b7e1b4',
|
|
61
|
-
'--color-success-400': '#81cb7b',
|
|
62
|
-
'--color-success-500': '#4bb543',
|
|
63
|
-
'--color-success-600': '#44a33c',
|
|
64
|
-
'--color-success-700': '#388832',
|
|
65
|
-
'--color-success-800': '#2d6d28',
|
|
66
|
-
'--color-success-900': '#255921',
|
|
67
|
-
// warning | #EAB308
|
|
68
|
-
'--color-warning-50': '#fcf4da',
|
|
69
|
-
'--color-warning-100': '#fbf0ce',
|
|
70
|
-
'--color-warning-200': '#faecc1',
|
|
71
|
-
'--color-warning-300': '#f7e19c',
|
|
72
|
-
'--color-warning-400': '#f0ca52',
|
|
73
|
-
'--color-warning-500': '#eab308',
|
|
74
|
-
'--color-warning-600': '#d3a107',
|
|
75
|
-
'--color-warning-700': '#b08606',
|
|
76
|
-
'--color-warning-800': '#8c6b05',
|
|
77
|
-
'--color-warning-900': '#735804',
|
|
78
|
-
// error | #FF0000
|
|
79
|
-
'--color-error-50': '#ffd9d9',
|
|
80
|
-
'--color-error-100': '#ffcccc',
|
|
81
|
-
'--color-error-200': '#ffbfbf',
|
|
82
|
-
'--color-error-300': '#ff9999',
|
|
83
|
-
'--color-error-400': '#ff4d4d',
|
|
84
|
-
'--color-error-500': '#ff0000',
|
|
85
|
-
'--color-error-600': '#e60000',
|
|
86
|
-
'--color-error-700': '#bf0000',
|
|
87
|
-
'--color-error-800': '#990000',
|
|
88
|
-
'--color-error-900': '#7d0000',
|
|
89
|
-
// surface | #c7c7c7
|
|
90
|
-
'--color-surface-50': '#f7f7f7',
|
|
91
|
-
'--color-surface-100': '#f4f4f4',
|
|
92
|
-
'--color-surface-200': '#f1f1f1',
|
|
93
|
-
'--color-surface-300': '#e9e9e9',
|
|
94
|
-
'--color-surface-400': '#d8d8d8',
|
|
95
|
-
'--color-surface-500': '#c7c7c7',
|
|
96
|
-
'--color-surface-600': '#b3b3b3',
|
|
97
|
-
'--color-surface-700': '#959595',
|
|
98
|
-
'--color-surface-800': '#777777',
|
|
99
|
-
'--color-surface-900': '#626262'
|
|
100
|
-
},
|
|
101
|
-
properties_dark: {
|
|
102
|
-
// surface | #2e2e2e
|
|
103
|
-
'--color-surface-50': '#e0e0e0',
|
|
104
|
-
'--color-surface-100': '#d5d5d5',
|
|
105
|
-
'--color-surface-200': '#cbcbcb',
|
|
106
|
-
'--color-surface-300': '#ababab',
|
|
107
|
-
'--color-surface-400': '#6d6d6d',
|
|
108
|
-
'--color-surface-500': '#2e2e2e',
|
|
109
|
-
'--color-surface-600': '#292929',
|
|
110
|
-
'--color-surface-700': '#232323',
|
|
111
|
-
'--color-surface-800': '#1c1c1c',
|
|
112
|
-
'--color-surface-900': '#171717'
|
|
113
|
-
}
|
|
114
|
-
};
|