@bexis2/bexis2-core-ui 0.3.0 → 0.3.2
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 +5 -0
- package/dist/TableView.svelte +1 -1
- package/dist/components/File/FileIcon.svelte +45 -45
- package/dist/components/File/FileInfo.svelte +13 -13
- package/dist/components/ListView.svelte +5 -5
- package/dist/components/form/Checkbox.svelte +13 -13
- package/dist/components/form/CheckboxKvPList.svelte +16 -16
- package/dist/components/form/CheckboxList.svelte +10 -10
- package/dist/components/form/DateInput.svelte +14 -14
- package/dist/components/form/DropdownKvP.svelte +54 -54
- package/dist/components/form/NumberInput.svelte +15 -15
- package/dist/components/form/TextArea.svelte +14 -14
- package/dist/components/form/TextInput.svelte +15 -15
- package/dist/components/page/Alert.svelte +28 -28
- package/dist/components/page/BackToTop.svelte +30 -30
- package/dist/components/page/Docs.svelte +22 -22
- package/dist/components/page/ErrorMessage.svelte +8 -8
- package/dist/components/page/Footer.svelte +5 -5
- package/dist/components/page/Header.svelte +5 -5
- package/dist/components/page/HelpPopUp.svelte +30 -30
- package/dist/components/page/PageCaller.js +19 -19
- package/dist/components/page/Spinner.svelte +14 -14
- package/dist/components/page/menu/MenuDataCaller.js +10 -10
- package/dist/css/core.ui.postcss +17 -17
- package/dist/css/themes/theme-bexis2.css +96 -96
- package/dist/css/themes/theme-crimson.css +101 -101
- package/dist/css/themes/theme-gold-nouveau.css +140 -140
- package/dist/css/themes/theme-hamlindigo.css +112 -112
- package/dist/css/themes/theme-modern.css +127 -127
- package/dist/css/themes/theme-rocket.css +119 -119
- package/dist/css/themes/theme-sahara.css +128 -128
- package/dist/css/themes/theme-seafoam.css +122 -122
- package/dist/css/themes/theme-seasonal.css +115 -115
- package/dist/css/themes/theme-skeleton.css +118 -118
- package/dist/css/themes/theme-vintage.css +125 -125
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/dist/services/BaseCaller.js +16 -16
- package/dist/stores/pageStores.js +1 -1
- package/dist/themes/theme-bexis2.d.ts +1 -1
- package/dist/themes/theme-bexis2.js +93 -93
- package/package.json +1 -1
- package/src/lib/TableView.svelte +1 -1
- package/src/lib/components/CodeEditor/CodeEditor.svelte +1 -1
- package/src/lib/components/ListView.svelte +11 -11
- package/src/lib/components/Table/filter.ts +141 -141
- package/src/lib/components/file/FileIcon.svelte +45 -45
- package/src/lib/components/file/FileInfo.svelte +13 -13
- package/src/lib/components/form/Checkbox.svelte +24 -24
- package/src/lib/components/form/CheckboxKvPList.svelte +29 -29
- package/src/lib/components/form/CheckboxList.svelte +21 -21
- package/src/lib/components/form/DateInput.svelte +27 -27
- package/src/lib/components/form/DropdownKvP.svelte +54 -54
- package/src/lib/components/form/NumberInput.svelte +30 -30
- package/src/lib/components/form/TextArea.svelte +28 -28
- package/src/lib/components/form/TextInput.svelte +28 -28
- package/src/lib/components/page/Alert.svelte +41 -41
- package/src/lib/components/page/BackToTop.svelte +30 -30
- package/src/lib/components/page/Docs.svelte +46 -46
- package/src/lib/components/page/ErrorMessage.svelte +10 -10
- package/src/lib/components/page/Footer.svelte +18 -18
- package/src/lib/components/page/Header.svelte +18 -18
- package/src/lib/components/page/HelpPopUp.svelte +72 -72
- package/src/lib/components/page/Notification.svelte +42 -47
- package/src/lib/components/page/Page.svelte +0 -1
- package/src/lib/components/page/PageCaller.js +19 -19
- package/src/lib/components/page/Spinner.svelte +20 -20
- package/src/lib/components/page/menu/MenuDataCaller.js +10 -10
- package/src/lib/css/core.ui.postcss +17 -17
- package/src/lib/css/themes/theme-bexis2.css +96 -96
- package/src/lib/css/themes/theme-crimson.css +101 -101
- package/src/lib/css/themes/theme-gold-nouveau.css +140 -140
- package/src/lib/css/themes/theme-hamlindigo.css +112 -112
- package/src/lib/css/themes/theme-modern.css +127 -127
- package/src/lib/css/themes/theme-rocket.css +119 -119
- package/src/lib/css/themes/theme-sahara.css +128 -128
- package/src/lib/css/themes/theme-seafoam.css +122 -122
- package/src/lib/css/themes/theme-seasonal.css +115 -115
- package/src/lib/css/themes/theme-skeleton.css +118 -118
- package/src/lib/css/themes/theme-vintage.css +125 -125
- package/src/lib/index.ts +5 -0
- package/src/lib/models/Page.ts +40 -40
- package/src/lib/services/Api.ts +55 -55
- package/src/lib/services/BaseCaller.js +16 -16
- package/src/lib/stores/apiStores.ts +34 -34
- package/src/lib/stores/pageStores.ts +4 -3
- package/src/lib/themes/theme-bexis2.ts +95 -97
package/src/lib/services/Api.ts
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
// Api.js
|
|
2
|
-
import axios from 'axios';
|
|
3
|
-
import { host, username, password } from '../stores/apiStores';
|
|
4
|
-
|
|
5
|
-
console.log('setup axios');
|
|
6
|
-
|
|
7
|
-
// implement a method to execute all the request from here.
|
|
8
|
-
const apiRequest = (method, url, request) => {
|
|
9
|
-
// Create a instance of axios to use the same base url.
|
|
10
|
-
const axiosAPI = axios.create({
|
|
11
|
-
baseURL: host
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
const headers = {
|
|
15
|
-
authorization: 'Basic ' + btoa(username + ':' + password)
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
//using the axios instance to perform the request that received from each http method
|
|
19
|
-
return axiosAPI({
|
|
20
|
-
method,
|
|
21
|
-
url,
|
|
22
|
-
data: request,
|
|
23
|
-
headers
|
|
24
|
-
})
|
|
25
|
-
.then((res) => {
|
|
26
|
-
return Promise.resolve(res);
|
|
27
|
-
})
|
|
28
|
-
.catch((err) => {
|
|
29
|
-
return Promise.reject(err);
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
// function to execute the http get request
|
|
34
|
-
const get = (url, request = '') => apiRequest('get', url, request);
|
|
35
|
-
|
|
36
|
-
// function to execute the http delete request
|
|
37
|
-
const deleteRequest = (url, request) => apiRequest('delete', url, request);
|
|
38
|
-
|
|
39
|
-
// function to execute the http post request
|
|
40
|
-
const post = (url, request) => apiRequest('post', url, request);
|
|
41
|
-
|
|
42
|
-
// function to execute the http put request
|
|
43
|
-
const put = (url, request) => apiRequest('put', url, request);
|
|
44
|
-
|
|
45
|
-
// function to execute the http path request
|
|
46
|
-
const patch = (url, request) => apiRequest('patch', url, request);
|
|
47
|
-
|
|
48
|
-
// expose your method to other services or actions
|
|
49
|
-
export const Api = {
|
|
50
|
-
get,
|
|
51
|
-
delete: deleteRequest,
|
|
52
|
-
post,
|
|
53
|
-
put,
|
|
54
|
-
patch
|
|
55
|
-
};
|
|
1
|
+
// Api.js
|
|
2
|
+
import axios from 'axios';
|
|
3
|
+
import { host, username, password } from '../stores/apiStores';
|
|
4
|
+
|
|
5
|
+
console.log('setup axios');
|
|
6
|
+
|
|
7
|
+
// implement a method to execute all the request from here.
|
|
8
|
+
const apiRequest = (method, url, request) => {
|
|
9
|
+
// Create a instance of axios to use the same base url.
|
|
10
|
+
const axiosAPI = axios.create({
|
|
11
|
+
baseURL: host
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const headers = {
|
|
15
|
+
authorization: 'Basic ' + btoa(username + ':' + password)
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
//using the axios instance to perform the request that received from each http method
|
|
19
|
+
return axiosAPI({
|
|
20
|
+
method,
|
|
21
|
+
url,
|
|
22
|
+
data: request,
|
|
23
|
+
headers
|
|
24
|
+
})
|
|
25
|
+
.then((res) => {
|
|
26
|
+
return Promise.resolve(res);
|
|
27
|
+
})
|
|
28
|
+
.catch((err) => {
|
|
29
|
+
return Promise.reject(err);
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
// function to execute the http get request
|
|
34
|
+
const get = (url, request = '') => apiRequest('get', url, request);
|
|
35
|
+
|
|
36
|
+
// function to execute the http delete request
|
|
37
|
+
const deleteRequest = (url, request) => apiRequest('delete', url, request);
|
|
38
|
+
|
|
39
|
+
// function to execute the http post request
|
|
40
|
+
const post = (url, request) => apiRequest('post', url, request);
|
|
41
|
+
|
|
42
|
+
// function to execute the http put request
|
|
43
|
+
const put = (url, request) => apiRequest('put', url, request);
|
|
44
|
+
|
|
45
|
+
// function to execute the http path request
|
|
46
|
+
const patch = (url, request) => apiRequest('patch', url, request);
|
|
47
|
+
|
|
48
|
+
// expose your method to other services or actions
|
|
49
|
+
export const Api = {
|
|
50
|
+
get,
|
|
51
|
+
delete: deleteRequest,
|
|
52
|
+
post,
|
|
53
|
+
put,
|
|
54
|
+
patch
|
|
55
|
+
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
// Implementations for all the calls for the pokemon endpoints.
|
|
2
|
-
//import Api from "./Api";
|
|
3
|
-
import { host } from '$store/apiStores';
|
|
4
|
-
|
|
5
|
-
// go to a internal action
|
|
6
|
-
export const goTo = async (url, intern = true) => {
|
|
7
|
-
if (intern == true) {
|
|
8
|
-
// go to inside bexis2
|
|
9
|
-
if (window != null && host != null && url != null) {
|
|
10
|
-
window.open(host + url, '_self')?.focus();
|
|
11
|
-
}
|
|
12
|
-
} // go to a external page
|
|
13
|
-
else {
|
|
14
|
-
window.open(url, '_blank')?.focus();
|
|
15
|
-
}
|
|
16
|
-
};
|
|
1
|
+
// Implementations for all the calls for the pokemon endpoints.
|
|
2
|
+
//import Api from "./Api";
|
|
3
|
+
import { host } from '$store/apiStores';
|
|
4
|
+
|
|
5
|
+
// go to a internal action
|
|
6
|
+
export const goTo = async (url, intern = true) => {
|
|
7
|
+
if (intern == true) {
|
|
8
|
+
// go to inside bexis2
|
|
9
|
+
if (window != null && host != null && url != null) {
|
|
10
|
+
window.open(host + url, '_self')?.focus();
|
|
11
|
+
}
|
|
12
|
+
} // go to a external page
|
|
13
|
+
else {
|
|
14
|
+
window.open(url, '_blank')?.focus();
|
|
15
|
+
}
|
|
16
|
+
};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { writable } from 'svelte/store';
|
|
2
|
-
|
|
3
|
-
export let host = 'window.location.origin';
|
|
4
|
-
export let username = '';
|
|
5
|
-
export let password = '';
|
|
6
|
-
|
|
7
|
-
const hostStore = writable(''); //writable(window.location.origin);
|
|
8
|
-
const usernameStore = writable('');
|
|
9
|
-
const passwordStore = writable('');
|
|
10
|
-
|
|
11
|
-
hostStore.subscribe((value) => {
|
|
12
|
-
host = value;
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
usernameStore.subscribe((value) => {
|
|
16
|
-
username = value;
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
passwordStore.subscribe((value) => {
|
|
20
|
-
password = value;
|
|
21
|
-
});
|
|
22
|
-
|
|
23
|
-
export function setApiConfig(_host: string, _user: string, _pw: string) {
|
|
24
|
-
console.log('overwrite api settings');
|
|
25
|
-
|
|
26
|
-
hostStore.update((h) => (h = _host));
|
|
27
|
-
usernameStore.update((u) => (u = _user));
|
|
28
|
-
passwordStore.update((p) => (p = _pw));
|
|
29
|
-
|
|
30
|
-
//console.log('overwrite host',_host);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// import { getToastStore } from '@skeletonlabs/skeleton';
|
|
34
|
-
// const x = getToastStore();
|
|
1
|
+
import { writable } from 'svelte/store';
|
|
2
|
+
|
|
3
|
+
export let host = 'window.location.origin';
|
|
4
|
+
export let username = '';
|
|
5
|
+
export let password = '';
|
|
6
|
+
|
|
7
|
+
const hostStore = writable(''); //writable(window.location.origin);
|
|
8
|
+
const usernameStore = writable('');
|
|
9
|
+
const passwordStore = writable('');
|
|
10
|
+
|
|
11
|
+
hostStore.subscribe((value) => {
|
|
12
|
+
host = value;
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
usernameStore.subscribe((value) => {
|
|
16
|
+
username = value;
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
passwordStore.subscribe((value) => {
|
|
20
|
+
password = value;
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
export function setApiConfig(_host: string, _user: string, _pw: string) {
|
|
24
|
+
console.log('overwrite api settings');
|
|
25
|
+
|
|
26
|
+
hostStore.update((h) => (h = _host));
|
|
27
|
+
usernameStore.update((u) => (u = _user));
|
|
28
|
+
passwordStore.update((p) => (p = _pw));
|
|
29
|
+
|
|
30
|
+
//console.log('overwrite host',_host);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
// import { getToastStore } from '@skeletonlabs/skeleton';
|
|
34
|
+
// const x = getToastStore();
|
|
@@ -8,7 +8,6 @@ import type {
|
|
|
8
8
|
import type { MenuModel, breadcrumbItemType } from '$models/Page';
|
|
9
9
|
import { BreadcrumbModel } from '$models/Page';
|
|
10
10
|
|
|
11
|
-
|
|
12
11
|
import { writable } from 'svelte/store';
|
|
13
12
|
|
|
14
13
|
function createHelpStore() {
|
|
@@ -181,10 +180,11 @@ function createNotificationStore() {
|
|
|
181
180
|
message: notificationItem.message,
|
|
182
181
|
btnStyle: btnStyle
|
|
183
182
|
});
|
|
184
|
-
notificationStore.subscribe((value) => {
|
|
183
|
+
notificationStore.subscribe((value) => {
|
|
184
|
+
('');
|
|
185
|
+
});
|
|
185
186
|
},
|
|
186
187
|
|
|
187
|
-
|
|
188
188
|
// cleans, sets, and schows the notification (all you need ;))
|
|
189
189
|
showNotification: (notificationItem: notificationItemType) => {
|
|
190
190
|
//notificationStore.clear();
|
|
@@ -214,3 +214,4 @@ function createNotificationStore() {
|
|
|
214
214
|
|
|
215
215
|
//crate and export the instance of the store
|
|
216
216
|
export const notificationStore = createNotificationStore();
|
|
217
|
+
|
|
@@ -1,103 +1,101 @@
|
|
|
1
|
-
|
|
2
1
|
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
|
|
3
2
|
|
|
4
|
-
export const
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export const bexis2theme: CustomThemeConfig = {
|
|
4
|
+
name: 'bexis2theme',
|
|
5
|
+
properties: {
|
|
7
6
|
// =~= Theme Properties =~=
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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': '255 255 255',
|
|
11
|
+
'--theme-rounded-base': '4px',
|
|
12
|
+
'--theme-rounded-container': '4px',
|
|
13
|
+
'--theme-border-base': '1px',
|
|
15
14
|
// =~= Theme On-X Colors =~=
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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',
|
|
23
22
|
// =~= Theme Colors =~=
|
|
24
|
-
// primary | #45b2a1
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
// secondary | #ff9700
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
// tertiary | #bee1da
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
// success | #4BB543
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
// warning | #EAB308
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
// error | #FF0000
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
// surface | #c7c7c7
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
23
|
+
// primary | #45b2a1
|
|
24
|
+
'--color-primary-50': '227 243 241', // #e3f3f1
|
|
25
|
+
'--color-primary-100': '218 240 236', // #daf0ec
|
|
26
|
+
'--color-primary-200': '209 236 232', // #d1ece8
|
|
27
|
+
'--color-primary-300': '181 224 217', // #b5e0d9
|
|
28
|
+
'--color-primary-400': '125 201 189', // #7dc9bd
|
|
29
|
+
'--color-primary-500': '69 178 161', // #45b2a1
|
|
30
|
+
'--color-primary-600': '62 160 145', // #3ea091
|
|
31
|
+
'--color-primary-700': '52 134 121', // #348679
|
|
32
|
+
'--color-primary-800': '41 107 97', // #296b61
|
|
33
|
+
'--color-primary-900': '34 87 79', // #22574f
|
|
34
|
+
// secondary | #ff9700
|
|
35
|
+
'--color-secondary-50': '255 239 217', // #ffefd9
|
|
36
|
+
'--color-secondary-100': '255 234 204', // #ffeacc
|
|
37
|
+
'--color-secondary-200': '255 229 191', // #ffe5bf
|
|
38
|
+
'--color-secondary-300': '255 213 153', // #ffd599
|
|
39
|
+
'--color-secondary-400': '255 182 77', // #ffb64d
|
|
40
|
+
'--color-secondary-500': '255 151 0', // #ff9700
|
|
41
|
+
'--color-secondary-600': '230 136 0', // #e68800
|
|
42
|
+
'--color-secondary-700': '191 113 0', // #bf7100
|
|
43
|
+
'--color-secondary-800': '153 91 0', // #995b00
|
|
44
|
+
'--color-secondary-900': '125 74 0', // #7d4a00
|
|
45
|
+
// tertiary | #bee1da
|
|
46
|
+
'--color-tertiary-50': '245 251 249', // #f5fbf9
|
|
47
|
+
'--color-tertiary-100': '242 249 248', // #f2f9f8
|
|
48
|
+
'--color-tertiary-200': '239 248 246', // #eff8f6
|
|
49
|
+
'--color-tertiary-300': '229 243 240', // #e5f3f0
|
|
50
|
+
'--color-tertiary-400': '210 234 229', // #d2eae5
|
|
51
|
+
'--color-tertiary-500': '190 225 218', // #bee1da
|
|
52
|
+
'--color-tertiary-600': '171 203 196', // #abcbc4
|
|
53
|
+
'--color-tertiary-700': '143 169 164', // #8fa9a4
|
|
54
|
+
'--color-tertiary-800': '114 135 131', // #728783
|
|
55
|
+
'--color-tertiary-900': '93 110 107', // #5d6e6b
|
|
56
|
+
// success | #4BB543
|
|
57
|
+
'--color-success-50': '228 244 227', // #e4f4e3
|
|
58
|
+
'--color-success-100': '219 240 217', // #dbf0d9
|
|
59
|
+
'--color-success-200': '210 237 208', // #d2edd0
|
|
60
|
+
'--color-success-300': '183 225 180', // #b7e1b4
|
|
61
|
+
'--color-success-400': '129 203 123', // #81cb7b
|
|
62
|
+
'--color-success-500': '75 181 67', // #4BB543
|
|
63
|
+
'--color-success-600': '68 163 60', // #44a33c
|
|
64
|
+
'--color-success-700': '56 136 50', // #388832
|
|
65
|
+
'--color-success-800': '45 109 40', // #2d6d28
|
|
66
|
+
'--color-success-900': '37 89 33', // #255921
|
|
67
|
+
// warning | #EAB308
|
|
68
|
+
'--color-warning-50': '252 244 218', // #fcf4da
|
|
69
|
+
'--color-warning-100': '251 240 206', // #fbf0ce
|
|
70
|
+
'--color-warning-200': '250 236 193', // #faecc1
|
|
71
|
+
'--color-warning-300': '247 225 156', // #f7e19c
|
|
72
|
+
'--color-warning-400': '240 202 82', // #f0ca52
|
|
73
|
+
'--color-warning-500': '234 179 8', // #EAB308
|
|
74
|
+
'--color-warning-600': '211 161 7', // #d3a107
|
|
75
|
+
'--color-warning-700': '176 134 6', // #b08606
|
|
76
|
+
'--color-warning-800': '140 107 5', // #8c6b05
|
|
77
|
+
'--color-warning-900': '115 88 4', // #735804
|
|
78
|
+
// error | #FF0000
|
|
79
|
+
'--color-error-50': '255 217 217', // #ffd9d9
|
|
80
|
+
'--color-error-100': '255 204 204', // #ffcccc
|
|
81
|
+
'--color-error-200': '255 191 191', // #ffbfbf
|
|
82
|
+
'--color-error-300': '255 153 153', // #ff9999
|
|
83
|
+
'--color-error-400': '255 77 77', // #ff4d4d
|
|
84
|
+
'--color-error-500': '255 0 0', // #FF0000
|
|
85
|
+
'--color-error-600': '230 0 0', // #e60000
|
|
86
|
+
'--color-error-700': '191 0 0', // #bf0000
|
|
87
|
+
'--color-error-800': '153 0 0', // #990000
|
|
88
|
+
'--color-error-900': '125 0 0', // #7d0000
|
|
89
|
+
// surface | #c7c7c7
|
|
90
|
+
'--color-surface-50': '247 247 247', // #f7f7f7
|
|
91
|
+
'--color-surface-100': '244 244 244', // #f4f4f4
|
|
92
|
+
'--color-surface-200': '241 241 241', // #f1f1f1
|
|
93
|
+
'--color-surface-300': '233 233 233', // #e9e9e9
|
|
94
|
+
'--color-surface-400': '216 216 216', // #d8d8d8
|
|
95
|
+
'--color-surface-500': '199 199 199', // #c7c7c7
|
|
96
|
+
'--color-surface-600': '179 179 179', // #b3b3b3
|
|
97
|
+
'--color-surface-700': '149 149 149', // #959595
|
|
98
|
+
'--color-surface-800': '119 119 119', // #777777
|
|
99
|
+
'--color-surface-900': '98 98 98' // #626262
|
|
102
100
|
}
|
|
103
|
-
}
|
|
101
|
+
};
|