@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.
Files changed (87) hide show
  1. package/README.md +5 -0
  2. package/dist/TableView.svelte +1 -1
  3. package/dist/components/File/FileIcon.svelte +45 -45
  4. package/dist/components/File/FileInfo.svelte +13 -13
  5. package/dist/components/ListView.svelte +5 -5
  6. package/dist/components/form/Checkbox.svelte +13 -13
  7. package/dist/components/form/CheckboxKvPList.svelte +16 -16
  8. package/dist/components/form/CheckboxList.svelte +10 -10
  9. package/dist/components/form/DateInput.svelte +14 -14
  10. package/dist/components/form/DropdownKvP.svelte +54 -54
  11. package/dist/components/form/NumberInput.svelte +15 -15
  12. package/dist/components/form/TextArea.svelte +14 -14
  13. package/dist/components/form/TextInput.svelte +15 -15
  14. package/dist/components/page/Alert.svelte +28 -28
  15. package/dist/components/page/BackToTop.svelte +30 -30
  16. package/dist/components/page/Docs.svelte +22 -22
  17. package/dist/components/page/ErrorMessage.svelte +8 -8
  18. package/dist/components/page/Footer.svelte +5 -5
  19. package/dist/components/page/Header.svelte +5 -5
  20. package/dist/components/page/HelpPopUp.svelte +30 -30
  21. package/dist/components/page/PageCaller.js +19 -19
  22. package/dist/components/page/Spinner.svelte +14 -14
  23. package/dist/components/page/menu/MenuDataCaller.js +10 -10
  24. package/dist/css/core.ui.postcss +17 -17
  25. package/dist/css/themes/theme-bexis2.css +96 -96
  26. package/dist/css/themes/theme-crimson.css +101 -101
  27. package/dist/css/themes/theme-gold-nouveau.css +140 -140
  28. package/dist/css/themes/theme-hamlindigo.css +112 -112
  29. package/dist/css/themes/theme-modern.css +127 -127
  30. package/dist/css/themes/theme-rocket.css +119 -119
  31. package/dist/css/themes/theme-sahara.css +128 -128
  32. package/dist/css/themes/theme-seafoam.css +122 -122
  33. package/dist/css/themes/theme-seasonal.css +115 -115
  34. package/dist/css/themes/theme-skeleton.css +118 -118
  35. package/dist/css/themes/theme-vintage.css +125 -125
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.js +2 -0
  38. package/dist/services/BaseCaller.js +16 -16
  39. package/dist/stores/pageStores.js +1 -1
  40. package/dist/themes/theme-bexis2.d.ts +1 -1
  41. package/dist/themes/theme-bexis2.js +93 -93
  42. package/package.json +1 -1
  43. package/src/lib/TableView.svelte +1 -1
  44. package/src/lib/components/CodeEditor/CodeEditor.svelte +1 -1
  45. package/src/lib/components/ListView.svelte +11 -11
  46. package/src/lib/components/Table/filter.ts +141 -141
  47. package/src/lib/components/file/FileIcon.svelte +45 -45
  48. package/src/lib/components/file/FileInfo.svelte +13 -13
  49. package/src/lib/components/form/Checkbox.svelte +24 -24
  50. package/src/lib/components/form/CheckboxKvPList.svelte +29 -29
  51. package/src/lib/components/form/CheckboxList.svelte +21 -21
  52. package/src/lib/components/form/DateInput.svelte +27 -27
  53. package/src/lib/components/form/DropdownKvP.svelte +54 -54
  54. package/src/lib/components/form/NumberInput.svelte +30 -30
  55. package/src/lib/components/form/TextArea.svelte +28 -28
  56. package/src/lib/components/form/TextInput.svelte +28 -28
  57. package/src/lib/components/page/Alert.svelte +41 -41
  58. package/src/lib/components/page/BackToTop.svelte +30 -30
  59. package/src/lib/components/page/Docs.svelte +46 -46
  60. package/src/lib/components/page/ErrorMessage.svelte +10 -10
  61. package/src/lib/components/page/Footer.svelte +18 -18
  62. package/src/lib/components/page/Header.svelte +18 -18
  63. package/src/lib/components/page/HelpPopUp.svelte +72 -72
  64. package/src/lib/components/page/Notification.svelte +42 -47
  65. package/src/lib/components/page/Page.svelte +0 -1
  66. package/src/lib/components/page/PageCaller.js +19 -19
  67. package/src/lib/components/page/Spinner.svelte +20 -20
  68. package/src/lib/components/page/menu/MenuDataCaller.js +10 -10
  69. package/src/lib/css/core.ui.postcss +17 -17
  70. package/src/lib/css/themes/theme-bexis2.css +96 -96
  71. package/src/lib/css/themes/theme-crimson.css +101 -101
  72. package/src/lib/css/themes/theme-gold-nouveau.css +140 -140
  73. package/src/lib/css/themes/theme-hamlindigo.css +112 -112
  74. package/src/lib/css/themes/theme-modern.css +127 -127
  75. package/src/lib/css/themes/theme-rocket.css +119 -119
  76. package/src/lib/css/themes/theme-sahara.css +128 -128
  77. package/src/lib/css/themes/theme-seafoam.css +122 -122
  78. package/src/lib/css/themes/theme-seasonal.css +115 -115
  79. package/src/lib/css/themes/theme-skeleton.css +118 -118
  80. package/src/lib/css/themes/theme-vintage.css +125 -125
  81. package/src/lib/index.ts +5 -0
  82. package/src/lib/models/Page.ts +40 -40
  83. package/src/lib/services/Api.ts +55 -55
  84. package/src/lib/services/BaseCaller.js +16 -16
  85. package/src/lib/stores/apiStores.ts +34 -34
  86. package/src/lib/stores/pageStores.ts +4 -3
  87. package/src/lib/themes/theme-bexis2.ts +95 -97
@@ -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 bexis2Theme: CustomThemeConfig = {
5
- name: 'bexis2Theme',
6
- properties: {
3
+ export const bexis2theme: CustomThemeConfig = {
4
+ name: 'bexis2theme',
5
+ properties: {
7
6
  // =~= Theme Properties =~=
8
- "--theme-font-family-base": `system-ui`,
9
- "--theme-font-family-heading": `system-ui`,
10
- "--theme-font-color-base": "var(--color-surface-900)",
11
- "--theme-font-color-dark": "255 255 255",
12
- "--theme-rounded-base": "4px",
13
- "--theme-rounded-container": "4px",
14
- "--theme-border-base": "1px",
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
- "--on-primary": "255 255 255",
17
- "--on-secondary": "255 255 255",
18
- "--on-tertiary": "0 0 0",
19
- "--on-success": "255 255 255",
20
- "--on-warning": "255 255 255",
21
- "--on-error": "255 255 255",
22
- "--on-surface": "255 255 255",
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
- "--color-primary-50": "227 243 241", // #e3f3f1
26
- "--color-primary-100": "218 240 236", // #daf0ec
27
- "--color-primary-200": "209 236 232", // #d1ece8
28
- "--color-primary-300": "181 224 217", // #b5e0d9
29
- "--color-primary-400": "125 201 189", // #7dc9bd
30
- "--color-primary-500": "69 178 161", // #45b2a1
31
- "--color-primary-600": "62 160 145", // #3ea091
32
- "--color-primary-700": "52 134 121", // #348679
33
- "--color-primary-800": "41 107 97", // #296b61
34
- "--color-primary-900": "34 87 79", // #22574f
35
- // secondary | #ff9700
36
- "--color-secondary-50": "255 239 217", // #ffefd9
37
- "--color-secondary-100": "255 234 204", // #ffeacc
38
- "--color-secondary-200": "255 229 191", // #ffe5bf
39
- "--color-secondary-300": "255 213 153", // #ffd599
40
- "--color-secondary-400": "255 182 77", // #ffb64d
41
- "--color-secondary-500": "255 151 0", // #ff9700
42
- "--color-secondary-600": "230 136 0", // #e68800
43
- "--color-secondary-700": "191 113 0", // #bf7100
44
- "--color-secondary-800": "153 91 0", // #995b00
45
- "--color-secondary-900": "125 74 0", // #7d4a00
46
- // tertiary | #bee1da
47
- "--color-tertiary-50": "245 251 249", // #f5fbf9
48
- "--color-tertiary-100": "242 249 248", // #f2f9f8
49
- "--color-tertiary-200": "239 248 246", // #eff8f6
50
- "--color-tertiary-300": "229 243 240", // #e5f3f0
51
- "--color-tertiary-400": "210 234 229", // #d2eae5
52
- "--color-tertiary-500": "190 225 218", // #bee1da
53
- "--color-tertiary-600": "171 203 196", // #abcbc4
54
- "--color-tertiary-700": "143 169 164", // #8fa9a4
55
- "--color-tertiary-800": "114 135 131", // #728783
56
- "--color-tertiary-900": "93 110 107", // #5d6e6b
57
- // success | #4BB543
58
- "--color-success-50": "228 244 227", // #e4f4e3
59
- "--color-success-100": "219 240 217", // #dbf0d9
60
- "--color-success-200": "210 237 208", // #d2edd0
61
- "--color-success-300": "183 225 180", // #b7e1b4
62
- "--color-success-400": "129 203 123", // #81cb7b
63
- "--color-success-500": "75 181 67", // #4BB543
64
- "--color-success-600": "68 163 60", // #44a33c
65
- "--color-success-700": "56 136 50", // #388832
66
- "--color-success-800": "45 109 40", // #2d6d28
67
- "--color-success-900": "37 89 33", // #255921
68
- // warning | #EAB308
69
- "--color-warning-50": "252 244 218", // #fcf4da
70
- "--color-warning-100": "251 240 206", // #fbf0ce
71
- "--color-warning-200": "250 236 193", // #faecc1
72
- "--color-warning-300": "247 225 156", // #f7e19c
73
- "--color-warning-400": "240 202 82", // #f0ca52
74
- "--color-warning-500": "234 179 8", // #EAB308
75
- "--color-warning-600": "211 161 7", // #d3a107
76
- "--color-warning-700": "176 134 6", // #b08606
77
- "--color-warning-800": "140 107 5", // #8c6b05
78
- "--color-warning-900": "115 88 4", // #735804
79
- // error | #FF0000
80
- "--color-error-50": "255 217 217", // #ffd9d9
81
- "--color-error-100": "255 204 204", // #ffcccc
82
- "--color-error-200": "255 191 191", // #ffbfbf
83
- "--color-error-300": "255 153 153", // #ff9999
84
- "--color-error-400": "255 77 77", // #ff4d4d
85
- "--color-error-500": "255 0 0", // #FF0000
86
- "--color-error-600": "230 0 0", // #e60000
87
- "--color-error-700": "191 0 0", // #bf0000
88
- "--color-error-800": "153 0 0", // #990000
89
- "--color-error-900": "125 0 0", // #7d0000
90
- // surface | #c7c7c7
91
- "--color-surface-50": "247 247 247", // #f7f7f7
92
- "--color-surface-100": "244 244 244", // #f4f4f4
93
- "--color-surface-200": "241 241 241", // #f1f1f1
94
- "--color-surface-300": "233 233 233", // #e9e9e9
95
- "--color-surface-400": "216 216 216", // #d8d8d8
96
- "--color-surface-500": "199 199 199", // #c7c7c7
97
- "--color-surface-600": "179 179 179", // #b3b3b3
98
- "--color-surface-700": "149 149 149", // #959595
99
- "--color-surface-800": "119 119 119", // #777777
100
- "--color-surface-900": "98 98 98", // #626262
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
+ };